/* Widget wrapper */
.del-widget{width:100%;display:grid;row-gap:40px}

/* Filter bar */
.del-filter-wrap{width:100%;margin:0 auto}
.del-filter{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;padding:4px 0}
.del-filter-btn{border:1px solid #e5e7eb;background:#fff;border-radius:999px;padding:6px 12px;cursor:pointer}
.del-filter-btn.is-active{background:#111827;color:#fff;border-color:#111827}

/* Banner */
.del-banner{width:100%}
.del-banner-inner{width:100%;height:100%}

/* Content container */
.del-container{width:100%;max-width:1100px;margin-left:auto;margin-right:auto}

/* Menu content */
.del-menu-section{display:grid;row-gap:16px}
.del-kicker{text-transform:uppercase;letter-spacing:.12em;font-weight:700;opacity:.7;font-size:.9em;text-align:center}
.del-title{text-align:center;margin:0}
.del-columns{display:grid;grid-template-columns:repeat(var(--del-cols,2),minmax(0,1fr));column-gap:40px}
.del-items{display:grid;row-gap:16px}

/* Item + thumb */
.del-item{display:block}
.del-item-inner{display:flex;gap:12px;align-items:flex-start}
.del-thumb{width:var(--thumb,56px);height:var(--thumb,56px);flex:0 0 var(--thumb,56px);border-radius:var(--thumb-radius,8px);overflow:hidden}
.del-thumb img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}
.del-item-body{flex:1;min-width:0}
.del-item-name{font-weight:600}
.del-badge{font-size:.75em;border:1px solid currentColor;border-radius:999px;padding:2px 8px;opacity:.8}
.del-item-price,.del-variant-price{font-weight:700;white-space:nowrap}
.del-item-desc{opacity:.7;margin-top:4px}

/* dotted leaders */
.del-top-row{display:flex;align-items:center;gap:10px;justify-content:space-between}
.del-top-row.dots{gap:16px}
.del-top-row.dots .del-dot{flex:1;height:1px;background:currentColor;opacity:.2;align-self:center}
.del-line{height:1px;background:currentColor;opacity:.1;margin-top:6px}

/* Variants list */
.del-variants{display:grid;row-gap:6px;margin-top:6px}
.del-variant-row{display:flex;align-items:center;gap:14px;justify-content:space-between}
.del-variant-label{opacity:.9}
.del-variant-dot{flex:1;height:1px;background:currentColor;opacity:.2;align-self:center}

/* PRICE GRID */
.del-grid-wrap{--grid-gap:16px; --col1:inherit; --col2:inherit; --col3:inherit; --col4:inherit; display:grid; row-gap:8px}
.del-grid-row{display:grid;grid-template-columns: 1fr repeat(var(--grid-cols,3), minmax(80px, auto));column-gap:var(--grid-gap);align-items:flex-start}
.del-grid-head{border-bottom:1px solid #e5e7eb;padding-bottom:6px;margin-top:4px}
.del-grid-name .name{font-weight:700}
.del-grid-headcell{text-align:right;text-transform:uppercase;letter-spacing:.04em;opacity:.85}
.del-grid-price{text-align:right;font-weight:700;white-space:nowrap}
/* Full-width description after a grid item */
.del-grid-desc{grid-column:1 / -1; opacity:.75; font-size:.95em; margin:2px 0 10px}

/* Per-column colors */
.del-grid-headcell.col-1, .del-grid-price.col-1{ color: var(--col1); font-size: var(--head1, inherit); }
.del-grid-headcell.col-2, .del-grid-price.col-2{ color: var(--col2); font-size: var(--head2, inherit); }
.del-grid-headcell.col-3, .del-grid-price.col-3{ color: var(--col3); font-size: var(--head3, inherit); }
.del-grid-headcell.col-4, .del-grid-price.col-4{ color: var(--col4); font-size: var(--head4, inherit); }

/* Responsive columns */
@media (max-width:1024px){.del-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:768px){
  .del-columns{grid-template-columns:1fr}
  .del-grid-row{column-gap:12px;grid-template-columns:1fr repeat(var(--grid-cols,3), minmax(64px, auto));}
}
@media (max-width:480px){
  .del-grid-row{column-gap:8px;grid-template-columns:1fr repeat(var(--grid-cols,3), minmax(56px, auto));}
}

/* v1.2.3 override: hide separator line between items, keep dotted leader */
.del-line{display:none !important;}
.del-items > * + *{border-top:none !important;}
.del-item, .del-item-inner{border-bottom:none !important; box-shadow:none !important;}

/* Menu title */
.del-menu-heading{margin:0;text-align:center}