/* DELIVRA v1.8 - isolated styles; preserve original layout */
.dl18-thumb{display:inline-flex;vertical-align:middle;margin-right:10px;width:42px;height:42px;border-radius:9px;background:#f7f8f7;border:1px solid #e5ebe6;overflow:hidden;align-items:center;justify-content:center}
.dl18-thumb img{width:100%;height:100%;object-fit:contain}
.dl18-rights{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:12px;padding:16px;border:1px solid #d6dfd5;border-radius:12px}
.dl18-rights legend{font-weight:800;padding:0 7px}
.dl18-rights .checkline{display:flex;align-items:center;gap:8px;font-size:14px}
.dl18-rights input{width:18px;height:18px;flex:none}
.dl18-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:18px 0}
.dl18-age{display:inline-block;border-radius:12px;background:#fff1b5;padding:4px 9px;font-weight:700}
.dl18-age.old{background:#ffe0d6;color:#8e2525}
.dl18-inline{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.dl18-inline input{min-width:140px}
.dl18-ad-strip{display:none}
.dl18-ad-mobile{display:none}
@media(min-width:1600px){
  .dl18-ad-strip{display:block;position:fixed;top:143px;width:clamp(110px,calc((100vw - 1460px)/2 - 12px),220px);z-index:5;overflow:hidden;pointer-events:none}
  .dl18-ad-left{left:12px}.dl18-ad-right{right:12px}
  .dl18-ad-track{display:flex;flex-direction:column;gap:16px;height:calc(100vh - 160px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;pointer-events:auto}
}
.dl18-ad-card{position:relative;display:flex;flex-direction:column;gap:6px;padding:10px;background:white;color:#223827!important;text-decoration:none!important;border:1px solid #dce8dc;border-radius:15px;box-shadow:0 4px 18px #12322215;overflow:hidden;transition:transform .36s ease,box-shadow .36s ease}
.dl18-ad-card:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 24px #173a2833}
.dl18-ad-card img{height:125px;max-width:100%;width:100%;object-fit:contain;transition:transform 2s ease}.dl18-ad-card:hover img{transform:scale(1.06)}
.dl18-ad-card .dl18-ad-label{align-self:flex-start;background:#245b32;color:#fff;font-size:10px;font-weight:800;letter-spacing:.07em;border-radius:40px;padding:4px 8px}
.dl18-ad-card strong{font-size:12px;line-height:1.3}.dl18-ad-card small{font-size:12px;color:#245b32;font-weight:800}.dl18-ad-card s{color:#888;font-weight:400}
@media(max-width:1599px){.dl18-ad-mobile{display:block;padding:8px 0 10px}.dl18-ad-mobile-track{display:flex;gap:10px;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 4px 6px}.dl18-ad-mobile .dl18-ad-card{flex:0 0 148px;scroll-snap-align:start}.dl18-ad-mobile .dl18-ad-card img{height:82px}}
/* coupon expandable panel */
.dl18-coupon{margin:15px 0 19px;padding:0;border:1px solid #d7e4d9;border-radius:17px;background:linear-gradient(135deg,#f7fbf7,#fff);box-shadow:0 5px 15px #295b3210;overflow:hidden}
.dl18-coupon-toggle{appearance:none;width:100%;display:flex;align-items:center;gap:11px;padding:16px 18px;background:transparent;color:#245b32;border:0;cursor:pointer;font-weight:800;font-size:15px;text-align:left;transition:background .25s,color .25s;min-height:56px}
.dl18-coupon-toggle:hover{background:#ebf6ec}.dl18-coupon-toggle:focus-visible{outline:3px solid #78b482;outline-offset:-3px}
.dl18-ticket{display:inline-flex;width:33px;height:33px;align-items:center;justify-content:center;border-radius:9px;background:#245b32;color:#fff;font-size:21px;transform:rotate(-9deg)}
.dl18-chevron{margin-left:auto;font-size:24px;font-weight:500;transition:transform .35s ease}
.dl18-coupon.is-open .dl18-chevron{transform:rotate(180deg)}
.dl18-coupon-panel{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .36s cubic-bezier(.2,.8,.2,1),opacity .29s ease}
.dl18-coupon.is-open .dl18-coupon-panel{grid-template-rows:1fr;opacity:1}
.dl18-coupon-content{min-height:0;overflow:hidden;padding:0 17px;transition:padding .36s}
.dl18-coupon.is-open .dl18-coupon-content{padding:2px 17px 17px}
.dl18-coupon-content label{display:block;color:#536454;font-size:12px;font-weight:700;margin:0 0 8px}
.dl18-coupon-fields{display:flex;gap:8px;align-items:stretch}
.dl18-coupon-fields input{flex:1;min-width:0;text-transform:uppercase;font-size:15px;font-weight:700;letter-spacing:.05em;border-radius:11px;border:1px solid #c9d8cb;background:white;padding:12px}
.dl18-coupon-fields button{border-radius:11px;border:0;padding:0 13px;background:#245b32;color:#fff;font-size:13px;font-weight:800;cursor:pointer}
.dl18-coupon-fields .dl18-coupon-cancel{background:#edf3ed;color:#4e6051;font-size:19px}
#dl18-coupon-msg{font-size:13px;min-height:0;margin-top:9px}#dl18-coupon-msg.good{color:#22622c}#dl18-coupon-msg.bad{color:#b22c27}
.dl18-coupon-summary{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px;padding:12px 0 0;border-top:1px dashed #afc8b6;font-size:14px}
.dl18-coupon-summary strong{color:#245b32}.dl18-coupon-summary[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.dl18-coupon-panel,.dl18-chevron,.dl18-ad-card,.dl18-ad-card img{transition:none!important}}
@media(max-width:450px){.dl18-coupon-toggle{padding:13px 12px}.dl18-coupon-fields{gap:5px}.dl18-coupon-fields input{padding:10px 7px;font-size:13px}.dl18-coupon-fields button{padding:0 10px}}

/* v1.8 FINAL: same-width cart/catalog buttons in condensed mobile header.
   Phone remains the small third button, at right. All three have same height.
   Grid override comes after all original mobile header styles. */
@media(max-width:760px){
 body.public-ios-ui.catalog-scroll-ui .public-header.mobile-condensed nav{
   display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 42px!important;
   grid-template-rows:42px!important;column-gap:6px!important;align-items:stretch!important;
 }
 body.public-ios-ui.catalog-scroll-ui .public-header.mobile-condensed .mobile-catalog-link{
   grid-column:1!important;grid-row:1!important;width:100%!important;min-width:0!important;height:42px!important;min-height:42px!important;max-height:42px!important;margin:0!important;
 }
 body.public-ios-ui.catalog-scroll-ui .public-header.mobile-condensed .cart{
   grid-column:2!important;grid-row:1!important;width:100%!important;min-width:0!important;height:42px!important;min-height:42px!important;max-height:42px!important;margin:0!important;
 }
 body.public-ios-ui.catalog-scroll-ui .public-header.mobile-condensed .mobile-contact-link{
   grid-column:3!important;grid-row:1!important;width:42px!important;min-width:42px!important;max-width:42px!important;height:42px!important;min-height:42px!important;max-height:42px!important;display:flex!important;margin:0!important;
 }
}
@media(max-width:355px){
 body.public-ios-ui.catalog-scroll-ui .public-header.mobile-condensed nav{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 38px!important;gap:4px!important;grid-template-rows:38px!important}
 body.public-ios-ui.catalog-scroll-ui .public-header.mobile-condensed .mobile-catalog-link,
 body.public-ios-ui.catalog-scroll-ui .public-header.mobile-condensed .cart,
 body.public-ios-ui.catalog-scroll-ui .public-header.mobile-condensed .mobile-contact-link{height:38px!important;min-height:38px!important;max-height:38px!important;font-size:12px!important}
 body.public-ios-ui.catalog-scroll-ui .public-header.mobile-condensed .mobile-contact-link{width:38px!important;min-width:38px!important;max-width:38px!important}
}
/* Advertisers can't resize the catalog or product details. Ribbon DOM lives alongside modal, never inside it. */
.dl18-ad-track,.dl18-ad-mobile-track{scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-x pan-y}
.dl18-ad-track::-webkit-scrollbar,.dl18-ad-mobile-track::-webkit-scrollbar{display:none}
.dl18-ad-strip .dl18-ad-track{scroll-behavior:auto!important}
.dl18-ribbon{display:none;position:absolute;left:8px;right:8px;z-index:1;box-sizing:border-box;overflow:hidden;border-radius:14px;pointer-events:auto;opacity:.95;isolation:isolate}
.dl18-ribbon-track{display:flex;gap:8px;align-items:center;height:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x;overscroll-behavior-x:contain;scroll-behavior:auto!important}
.dl18-ribbon-track::-webkit-scrollbar{display:none}
.dl18-ribbon .dl18-ad-card{box-sizing:border-box;flex:0 0 134px;height:calc(100% - 4px);min-height:0;padding:5px 8px;gap:2px;border-radius:11px;box-shadow:0 3px 8px #091f151c;overflow:hidden}
.dl18-ribbon .dl18-ad-card img{height:calc(100% - 41px);min-height:20px;flex:1 1 auto;max-height:64px}
.dl18-ribbon .dl18-ad-card strong{font-size:10px;line-height:1.12;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.dl18-ribbon .dl18-ad-card small{font-size:10px;white-space:nowrap}
.dl18-ribbon .dl18-ad-card .dl18-ad-label{position:absolute;top:3px;left:3px;font-size:8px;padding:2px 5px;opacity:.90}
@media(max-width:760px){
 #product-detail-backdrop .product-detail-modal{z-index:3;/* original width/height/layout are intentionally UNCHANGED */}
 #product-detail-backdrop.open .dl18-ribbon.dl18-ribbon-visible{display:block}
 .dl18-ad-mobile .dl18-ad-card{flex:0 0 148px}
}
@media(min-width:761px){.dl18-ribbon{display:none!important}}
@media(prefers-reduced-motion:reduce){.dl18-ribbon .dl18-ad-card,.dl18-ribbon .dl18-ad-card img{transition:none!important}}

/* v1.8.2: restore the original rounded search button; no search layout rewrite. */
.shopbar .catalog-search-form{border-radius:16px!important;overflow:hidden!important}
.shopbar .catalog-search-form > button{border-radius:0 15px 15px 0!important}
/* Keep desktop ad links clickable; mouse drag is handled without pointer capture. */
.dl18-ad-strip .dl18-ad-track,.dl18-ad-mobile-track,.dl18-ribbon-track{cursor:grab}
.dl18-ad-card{cursor:pointer}
.dl18-ad-card img{user-select:none;-webkit-user-drag:none}

/* Avoid snap-to-card jumps while the opt-in ad rail is moving. */
.dl18-ad-mobile-track{scroll-snap-type:none!important}

/* v1.8 / 29.10.2026: centered, actually scrollable promo carousel.
   These overrides apply ONLY to optional advertising; product cards unchanged. */
@media (max-width:1599px) {
  .dl18-ad-mobile {
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
    min-width:0;
    box-sizing:border-box;
    padding:12px 0 16px;
  }
  .dl18-ad-mobile-track {
    display:flex;
    flex-flow:row nowrap;
    justify-content:flex-start;
    box-sizing:border-box;
    width:max-content;
    max-width:min(100%,var(--dl18-rail-limit,590px));
    min-width:0;
    margin-inline:auto;
    gap:12px;
    padding:4px 8px 9px;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:none!important;
    scroll-behavior:auto!important;
    scrollbar-width:none;
    overscroll-behavior-x:contain;
    touch-action:pan-x;
  }
  .dl18-ad-mobile .dl18-ad-card {
    flex:0 0 170px;
    min-width:0;
    scroll-snap-align:none;
    box-sizing:border-box;
  }
}
@media (max-width:760px) {
  .dl18-ad-mobile-track {
    max-width:100%;
    gap:10px;
    padding:4px 5px 9px;
  }
  .dl18-ad-mobile .dl18-ad-card {flex-basis:148px;}
}
/* PROMO marking matches the yellow promotional badges in the main catalog. */
.dl18-ad-card .dl18-ad-label.dl18-ad-label--promo {
  background:#ffdd38!important;
  color:#273119!important;
  box-shadow:0 3px 10px rgba(104,81,3,.15);
}
@media(prefers-reduced-motion:reduce){
  .dl18-ad-mobile-track{scroll-behavior:auto!important;}
}

/* v1.8 rail hotfix: remove the accidental vertical offset and make
   the card strip centered, clipped and independently scrollable. */
@media(max-width:1599px){
  .dl18-ad-zone{display:block;width:100%;max-width:100%;margin:0 auto;min-height:0;}
  .dl18-ad-mobile{display:flex;justify-content:center;align-items:center;width:100%;margin:0 auto;padding:3px 0 8px;box-sizing:border-box;min-height:0;}
  .dl18-ad-mobile-track{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:stretch;flex-shrink:0;min-width:0;max-width:100%;margin-inline:auto;overflow-x:auto;overflow-y:hidden;scroll-behavior:auto!important;scroll-snap-type:none!important;}
  .dl18-ad-mobile .dl18-ad-card{flex-shrink:0;}
}
/* Keep the position of the ORIGINAL shopbar and catalog unchanged. */