/* ============================================================================
   aaryans-pdp-redesign.css  ·  v2.0  ·  2026-07-23
   v2.0 (price-row + mobile-gap polish):
     · DESKTOP/TABLET coupon fix: the native .p-price-cart-group is a CSS grid
       (grid-template-columns:84px 407px) that stranded the price in a narrow left
       column and the "s kódem" coupon pill (.dm-coupon-div) far right with a dead
       gap between them. Rebuilt (≥601px) as a fluid flex-wrap row: price left,
       coupon pill right-aligned to the panel edge (margin-left:auto), both on one
       line; pill wraps to its own line when the column narrows; Do košíku stays a
       full-width row below. Phone (≤600px) keeps its existing stacked layout.
     · MOBILE gap fix: the carousel .slick-dots had a 40px margin-bottom and the
       (empty, stars-hidden) .p-detail-top-bar added 12px → ~52px of dead space
       above the H1. Tightened to ~18px, scoped to the PDP carousel only.
   v1.9 (buy-box responsiveness + sale): .aa-buypanel now fills the flex .p-info-wrapper
     (flex:1 1 100%/width:100% — it was shrinking to content → narrow/left at 657–1200px).
     Hard-sale: native .price-standard (struck) + .price-save styled as a red "–X %" badge next
     to the price. iPhone: price group stacks so the coupon pill drops to its own row (no cut-off).
     Delivery date "bude u vás DD.MM.YYYY" (native .delivery-time-label) appended after Skladem,
     auto-hidden on Vyprodáno.
   v1.8 (mockup pass): Skladem moved OUT of the price area into a green benefits group at
     the panel bottom (✓ Skladem / Odesíláme do 24 hodin / Tisíce výdejních míst), muted trust
     group (Bezpečná platba, rating) below the shipping rect. Product name (H1) moved under the
     photo on mobile (between thumbnails and perex) + smaller (21px). Empty-review no longer
     hides the whole aggregate (that hid the add-review button) — only the empty stars; button
     kept + centered blue. Cross-sell locked in.
   v1.7 (mobile polish): headings now EXACTLY match native "Související produkty"
     (#0076A0 Cocogoose 22px/400, 3px #65A8DC rule). Skladem forced green (inner
     .availability-label span) and JS-placed above the Do košíku button. Empty
     0-review state compacted (hide 151px empty aggregate) + centered dark-blue.
     Cross-sell mobile rebuilt as flex (image + wrapping name, stock+price inline,
     full-width Přidat below). Perex moved above the buy box on mobile (JS).
   PDP structural redesign — INJECT 2 (separate from aaryans-pdp-plugins.* which
   styles the cross-sell / sale-pill / Propojení plugins; DO NOT merge the two).

   v1.6 (mobile pass, 390px iPhone 12 Pro):
     - Section headings (.aa-group-head) forced width:100%/box-sizing to stop a
       mobile 0-width collapse that pushed "Vše o produktu" off to the right and
       caused horizontal scroll; heading line is a masked linear-gradient.
     - Hide Shoptet's "Zobrazit všechny související produkty" browse button.
     - O značce folded into the "Vše o produktu" accordion (JS) — was overlapping
       the Hodnocení heading (separate flow containers); brand-toggle CSS kept as
       fallback only.

   Phase 1 (v1.0):
     A) SHORT DESCRIPTION under the H1 (.aa-perex), original hidden.
     E) "O ZNAČCE AARYANS" collapse (#aaryans-brand-toggle) — native blocks in place.
   Phase 2 (v1.1 → v1.2):
     B) Hide H1 "Neohodnoceno" star row (JS).
     C) "VŠE O PRODUKTU" accordion group (.aa-acc-group): Parametry (values hard
        right-aligned) / Podrobný popis / Údržba (conditional) / Doprava (4 light-
        blue icon cards + carrier line) / Diskuze (moved native discussion).
     D) Hide the native compact tab bars (.accordion-tab-content: Popis/Hodnocení/
        Diskuze) — redundant after the restructure.

   GRACEFUL ABSENCE: scoped to .aa-perex / .aa-acc-group / #aaryans-brand-toggle,
   created by the JS only when their source nodes exist. Zero effect otherwise.

   Pair with aaryans-pdp-redesign.js.
   UPLOAD: /user/documents/upload/CSSkodyCLAUDE/aaryans-pdp-redesign.css  (+ ?v=)
   Read header before editing; bump version on behaviour change.
   ============================================================================ */

/* ---------- A) SHORT DESCRIPTION UNDER H1 ---------- */
.p-detail-inner-header:has(.aa-perex) h1{margin-bottom:6px !important}
.aa-perex{font-size:14px !important;color:#5E7787 !important;line-height:1.5 !important;margin:0 !important}
.aa-perex ul{margin:2px 0 0 !important;padding-left:18px !important}
.aa-perex p{margin:0 !important}
.p-detail-inner-header .p-short-description{display:none !important}

/* ---------- D) HIDE NATIVE COMPACT TAB BARS (Popis / Hodnocení / Diskuze) ---------- */
.accordion-tab-content{display:none !important}
.shp-tabs-row.responsive-nav{display:none !important}

/* ---------- C) "VŠE O PRODUKTU" ACCORDION GROUP ---------- */
.aa-acc-group{margin:16px 0 0}
/* section headings like native "Související produkty" — centered text over a full-width
   light-blue rule, text masked by its own white bg. overflow:hidden = never causes h-scroll.
   Requires the heading text to be wrapped in a <span> (the JS does this). */
/* Match the native "Související produkty" header EXACTLY (agency: color var(--color-primary) #0076A0,
   Cocogoose 22px/400, 3px solid var(--color-secondary) #65A8DC full-width rule masked by a white-bg span). */
.aa-group-head{position:relative !important;display:block !important;width:100% !important;box-sizing:border-box !important;float:none !important;text-align:center !important;font-family:Cocogoose,'sans-serif' !important;font-size:22px !important;font-weight:400 !important;color:#0076A0 !important;margin:24px 0 16px !important;overflow:hidden !important;line-height:1.3 !important;background:linear-gradient(to bottom,transparent calc(50% - 1.5px),#65A8DC calc(50% - 1.5px),#65A8DC calc(50% + 1.5px),transparent calc(50% + 1.5px)) !important}
.aa-group-head > span{position:relative !important;display:inline-block !important;background:#fff !important;padding:0 30px !important;max-width:92% !important}
.aa-acc{border:1px solid #D8E6EF;border-radius:10px;margin:0 0 10px;background:#fff;overflow:hidden}
.aa-acc > button{width:100%;background:#fff;border:none;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;font-size:15px;font-weight:700;color:#0076A0;cursor:pointer;font-family:inherit;text-align:left;gap:10px}
.aa-acc .aa-cond{font-weight:400;font-size:11px;color:#8AA5B5}
.aa-acc .aa-chev{width:15px;height:15px;flex:0 0 auto;transition:transform .2s}
.aa-acc.open .aa-chev{transform:rotate(180deg)}
.aa-acc-body{display:none;padding:2px 18px 16px}
.aa-acc.open .aa-acc-body{display:block}
.aa-acc-body p{font-size:13.5px;line-height:1.55;color:#5E7787}

/* Parametry — full-width table, label left / value hard right, dividers */
.aa-acc-body .detail-parameters{width:100% !important;max-width:none !important;display:block !important;margin:0 !important}
.aa-acc-body .detail-parameters tbody{display:block !important;width:100% !important}
.aa-acc-body .detail-parameters tr{display:flex !important;width:100% !important;justify-content:space-between !important;gap:16px !important;border-bottom:1px solid #F0F4F7 !important;padding:9px 0 !important}
.aa-acc-body .detail-parameters tr:last-child{border-bottom:none !important}
.aa-acc-body .detail-parameters th{text-align:left !important;font-weight:400 !important;padding:0 !important;color:#5E7787 !important}
.aa-acc-body .detail-parameters td{text-align:right !important;padding:0 !important}

/* Doprava a vrácení — light-blue icon cards (icon centered) + carrier line */
.aa-ship-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}
.aa-ship-card{display:flex;gap:11px;align-items:center;background:#EAF4FB;border:1px solid #D8E6EF;border-radius:10px;padding:12px 14px}
.aa-ship-card svg{width:23px;height:23px;flex:0 0 auto}
.aa-ship-card b{display:block;font-size:13px;color:#2E2D2C;line-height:1.25}
.aa-ship-card span{font-size:11.5px;color:#5E7787}
.aa-ship-carriers{grid-column:1 / -1;display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding-top:6px;font-size:12px;color:#5E7787}
.aa-ship-carriers .aa-car{background:#fff;border:1px solid #D8E6EF;border-radius:6px;padding:4px 11px;font-weight:700;color:#2E2D2C}
@media(max-width:600px){.aa-ship-grid{grid-template-columns:1fr}}

/* Diskuze — moved native discussion needs forcing visible (was unveil-hidden) */
.aa-acc .discussion-wrapper{height:auto !important;opacity:1 !important;visibility:visible !important;transform:none !important;overflow:visible !important;max-height:none !important;margin:0 !important}
.aa-acc .discussion-wrapper .products-block-header,.aa-acc .discussion-wrapper > h2,.aa-acc .discussion-wrapper > h3{display:none !important}

/* ---------- TOP H1 STARS (reviewed products) ---------- */
/* hide the distracting "Podrobnosti hodnocení" link; tighten the stars ↔ count gap */
.stars-wrapper .stars-link.show-ratings{display:none !important}
.stars-wrapper .stars-label{margin-left:-3px !important}

/* ---------- F) PRODUCT REVIEWS SECTION (Hodnocení produktu, below O značce) ---------- */
.aa-reviews{margin:32px 0 24px;clear:both;position:relative;display:flow-root}   /* flow-root + clear + top margin so the section above (product-info tabs wrapper) can't bleed into the Hodnocení heading */
.aa-reviews .aa-group-head{position:relative !important;display:block !important;text-align:center !important;font-family:Cocogoose,'sans-serif' !important;font-size:22px !important;font-weight:400 !important;color:#0076A0 !important;margin:24px 0 16px !important;overflow:hidden !important;clear:both !important}
.aa-reviews-card{border:1px solid #D8E6EF !important;border-radius:10px !important;padding:18px 20px !important;background:#fff !important}
/* the moved review UI lives in a collapsed native .tab-pane — force it visible */
.aa-reviews .tab-pane{display:block !important;opacity:1 !important;height:auto !important;visibility:visible !important}

/* mockup 2-col layout — light-blue aggregate box (big number) + review cards.
   Only when reviews exist (.aa-has-reviews); 0-review state stays a simple prompt. */
.aa-reviews.aa-has-reviews .tab-pane{display:grid !important;grid-template-columns:240px 1fr !important;gap:24px !important;align-items:start !important}
.aa-reviews .tab-pane > h2,.aa-reviews .tab-pane > h3.sr-only{display:none !important}
/* light-blue aggregate box ONLY when reviews exist; 0-review state stays a compact prompt (no huge empty bubble) */
.aa-reviews.aa-has-reviews .rate-wrapper{background:#EAF4FB !important;border-radius:10px !important;padding:20px 18px !important;text-align:center !important;margin:0 !important}
/* 0-review empty state: the native aggregate box was ~151px of empty space. Don't hide the whole
   wrapper (that also hid the add-review button) — collapse it and hide only the empty 0.0 number +
   star row, keep a compact centered dark-blue prompt + the centered "Napsat hodnocení" button. */
.aa-reviews:not(.aa-has-reviews) .rate-wrapper{background:none !important;padding:0 !important;margin:0 !important;min-height:0 !important;height:auto !important;text-align:center !important;display:block !important}
.aa-reviews:not(.aa-has-reviews) .rate-average,.aa-reviews:not(.aa-has-reviews) .rate-average-wrap,.aa-reviews:not(.aa-has-reviews) .rate-wrap,.aa-reviews:not(.aa-has-reviews) .rate-star,.aa-reviews:not(.aa-has-reviews) .votes,.aa-reviews:not(.aa-has-reviews) .rating-count{display:none !important}
.aa-reviews:not(.aa-has-reviews) .aa-reviews-card{padding:16px !important;text-align:center !important}
.aa-reviews:not(.aa-has-reviews) .tab-pane{display:block !important;text-align:center !important}
.aa-reviews:not(.aa-has-reviews) .tab-pane > p,.aa-reviews:not(.aa-has-reviews) .no-ratings,.aa-reviews:not(.aa-has-reviews) .comment-add-info{color:#0076A0 !important;font-weight:600 !important;margin:0 0 10px !important}
.aa-reviews:not(.aa-has-reviews) .add-comment{display:flex !important;justify-content:center !important;margin:10px 0 0 !important}
.aa-reviews:not(.aa-has-reviews) .add-comment .btn,.aa-reviews:not(.aa-has-reviews) a.open-discussion-comment,.aa-reviews:not(.aa-has-reviews) .btn-add-rating{display:inline-block !important;background:#0076A0 !important;color:#fff !important;border:none !important;border-radius:7px !important;padding:9px 18px !important;font-weight:700 !important;cursor:pointer !important}
.aa-reviews .rate-average{font-size:46px !important;font-weight:700 !important;line-height:1 !important;color:#2E2D2C !important}   /* the big rating number */
.aa-reviews .votes{display:none !important}                                /* hide the 5★/4★… breakdown bars (mockup has none) */
.aa-reviews .add-comment{margin-top:14px !important}
.aa-reviews .add-comment .btn{background:#0076A0 !important;color:#fff !important;border:none !important;border-radius:7px !important;padding:9px 16px !important;font-weight:700 !important}
.aa-reviews .ratingsList{display:grid !important;gap:12px !important;margin:0 !important}
.aa-reviews .vote-wrap{border:1px solid #D8E6EF !important;border-radius:10px !important;padding:14px 16px !important;margin:0 !important;background:#fff !important}
.aa-reviews .aa-rev-hidden{display:none !important}                        /* reviews beyond the first 3 (JS toggles) */
.aa-reviews .aa-rev-more{margin-top:2px;background:#fff;border:1.5px solid #0076A0;color:#0076A0;border-radius:7px;padding:9px 16px;font-weight:700;cursor:pointer;font-family:inherit;font-size:13px}
.aa-reviews .aa-rev-more:hover{background:#EAF4FB}
@media(max-width:600px){.aa-reviews.aa-has-reviews .tab-pane{grid-template-columns:1fr !important}}

/* ---------- G) LIGHT-BLUE BUY PANEL ---------- */
/* .p-info-wrapper is display:flex/flex-wrap (agency) — a flex child with no width shrinks to its
   content and sits narrow+left. Force the panel to fill the column row at every width. */
.aa-buypanel{background:#DBEEFE;border:1px solid #C3DCF0;border-radius:14px;padding:16px 18px;margin:14px 0;flex:1 1 100% !important;width:100% !important;box-sizing:border-box !important;align-self:stretch !important}
/* keep the agency's native price/qty/button grid; just strip its box (sale pill rides inside) */
.aa-buypanel .p-price-cart-group{background:transparent !important;border:none !important;box-shadow:none !important;padding:0 !important;margin:6px 0 14px !important}
/* HARD-SALE price: native .price-standard (struck original) + .price-final (sale) + .price-save ("–X %")
   badge. All three absent on non-sale products, so this only renders on a real discount. */
.aa-buypanel .p-price-cart-group .p-final-price-wrapper{flex-wrap:wrap !important;align-items:baseline !important;gap:2px 8px !important}
.aa-buypanel .p-final-price-wrapper .price-standard{color:#8AA5B5 !important;text-decoration:line-through !important;font-weight:400 !important;font-size:15px !important;order:1 !important}
.aa-buypanel .p-final-price-wrapper .price-final{order:2 !important}
.aa-buypanel .p-final-price-wrapper .price-save{order:3 !important;align-self:center !important;display:inline-flex !important;align-items:center !important;background:#D8352A !important;color:#fff !important;font-weight:700 !important;font-size:12.5px !important;padding:3px 8px !important;border-radius:20px !important;line-height:1 !important;white-space:nowrap !important}
/* DESKTOP/TABLET (≥601px) PRICE ROW: kill the native grid (grid-template-columns:84px 407px) that
   stranded price far-left + "s kódem" coupon pill far-right. Fluid flex-wrap row instead — price left,
   coupon pill right-aligned to the panel edge (margin-left:auto), both on one line; pill wraps to its
   own line when the column narrows (no cut-off). Do košíku stays a full-width row below. v2.0. */
@media(min-width:601px){
  .aa-buypanel .p-price-cart-group{display:flex !important;flex-wrap:wrap !important;align-items:center !important;column-gap:14px !important;row-gap:12px !important;grid-template-columns:none !important}
  .aa-buypanel .p-price-cart-group > .p-final-price-wrapper{flex:0 0 auto !important;width:auto !important;max-width:max-content !important;justify-content:flex-start !important;margin:0 !important}
  .aa-buypanel .p-price-cart-group > .dm-coupon-div{flex:0 0 auto !important;margin:0 0 0 auto !important}   /* margin-left:auto → pill sits flush to the right edge of the buy box */
  .aa-buypanel .p-price-cart-group > .add-to-cart{flex:1 1 100% !important;width:100% !important}
}
/* availability line (Skladem) tagged .aa-avail-top by JS → green buyable / red sold-out, top of panel */
.aa-buypanel .aa-avail-top{font-weight:700 !important;color:#1E8E3E !important;font-size:13.5px !important;margin:0 0 4px !important;display:block !important}
/* the "Skladem" text is an inner span.availability-label — the variant-label grey rule below hits it;
   override green here (more specific), red when sold out */
.aa-buypanel .aa-avail-top .availability-label{color:#1E8E3E !important;font-weight:700 !important;font-size:13.5px !important}
.aa-buypanel.aa-soldout .aa-avail-top{color:#D8352A !important}
.aa-buypanel.aa-soldout .aa-avail-top .availability-label{color:#D8352A !important}
/* Skladem is placed by JS as the first child of .add-to-cart (flex) → sits directly above the Do košíku button */
.aa-buypanel .add-to-cart > .aa-avail-top{width:100% !important;flex:1 1 100% !important;order:-1 !important;text-align:left !important;margin:0 0 8px !important}
.aa-buypanel.aa-soldout .btn-conversion,.aa-buypanel.aa-soldout .add-to-cart button[type=submit]{background:#AEBCC6 !important;border-color:#AEBCC6 !important;color:#fff !important;pointer-events:none !important;opacity:.75 !important;cursor:not-allowed !important}
/* sold-out standalone price (pulled in from outside pcg): price + red "Vyprodáno" on one baseline */
.aa-buypanel > .p-final-price-wrapper{display:flex !important;align-items:baseline !important;gap:10px !important;flex-wrap:wrap !important;margin:0 0 4px !important}
.aa-buypanel > .p-final-price-wrapper .availability-value,.aa-buypanel > .p-final-price-wrapper .availability-label{color:#D8352A !important;font-weight:700 !important;font-size:14px !important;vertical-align:baseline !important}
/* whole-product sold-out: native tr.sold-out → red message left, Možnosti dopravy right */
.aa-buypanel tr.sold-out{display:flex !important;justify-content:space-between !important;align-items:center !important;gap:12px !important}
.aa-buypanel tr.sold-out td{display:block !important;color:#D8352A !important;font-weight:700 !important;font-size:14px !important;padding:0 !important}
.aa-buypanel tr.sold-out td.delivery-types{color:#0076A0 !important;font-size:12.5px !important;white-space:nowrap}
.aa-buypanel tr.sold-out td.delivery-types div{color:#0076A0 !important;cursor:pointer !important}
/* variant labels */
.aa-buypanel .availability-label,.aa-buypanel .parameter-name{font-weight:700 !important;color:#2E2D2C !important;font-size:13px !important}
/* cross-sell header must NOT read as a section header inside the panel (it shares .products-related-header) */
.aa-buypanel .up-products-header{text-align:left !important;font-size:15px !important;font-weight:700 !important;color:#0076A0 !important;margin:12px 0 8px !important;border:none !important;padding:0 !important}
.aa-buypanel .up-products-header .page-title-separator{display:none !important}
.aa-buypanel .up-products-header::before,.aa-buypanel .up-products-header::after{display:none !important;content:none !important}
.aa-buypanel .up-product-wrapper,.aa-buypanel .up-container{grid-column:auto !important;width:100% !important;margin:0 0 4px !important}
/* shipping rectangle */
.aa-shiprect{background:#fff;border:1px solid #C3DCF0;border-radius:10px;padding:11px 14px;margin:12px 0}
.aa-shipbar{font-size:13px;color:#2E2D2C;display:flex;align-items:center;gap:8px}
.aa-shipbar b{color:#0076A0}
.aa-shipbar svg{width:18px;height:18px;flex:0 0 auto}
.aa-shipbar-track{height:6px;background:#D3E2EE;border-radius:3px;margin-top:8px;overflow:hidden;width:100%}
.aa-shipbar-fill{height:100%;background:#0076A0;border-radius:3px}
/* delivery line: "Můžeme doručit" left + "Možnosti dopravy" right, on one line (native table) */
.aa-shiprect .p-availability-delivery-row{display:block !important;margin:10px 0 0 !important;padding-top:10px;border-top:1px solid #EAF1F7}
.aa-shiprect .availability-value{display:none !important}
.aa-shiprect .p-availability-delivery-row .detail-parameters{width:100% !important;max-width:none !important;display:table !important;margin:0 !important}
.aa-shiprect .p-availability-delivery-row tbody{display:table-row-group !important;width:100% !important}
.aa-shiprect .p-availability-delivery-row tr{display:table-row !important}
.aa-shiprect .p-availability-delivery-row th{display:table-cell !important;text-align:left !important;font-weight:400 !important;padding:0 !important;vertical-align:middle !important;color:#5E7787 !important;font-size:12.5px}
.aa-shiprect .p-availability-delivery-row td.delivery-types{display:table-cell !important;text-align:right !important;padding:0 !important;vertical-align:middle !important;white-space:nowrap}
.aa-shiprect .p-availability-delivery-row td.delivery-types div{color:#0076A0 !important;font-weight:700 !important;cursor:pointer !important;display:inline !important}
/* kill the native duplicate truck (::before data-URI) on the delivery link */
.aa-shiprect .p-availability-delivery-row div::before,.aa-shiprect .p-availability-delivery-row a::before,.aa-shiprect .p-availability-delivery-row td::before{content:none !important;background-image:none !important;display:none !important}
/* benefits list (visible, mockup-style, custom SVG icons) */
.aa-benefits{list-style:none;margin:14px 0 0;padding:0;font-size:13.5px;color:#2E2D2C}
.aa-benefits li{padding:5px 0;display:flex;gap:9px;align-items:center}
.aa-benefits li svg{width:18px;height:18px;flex:0 0 auto}
/* GREEN delivery group (mockup): green icons, Skladem inline + bold green */
.aa-benefits-green{margin:14px 0 0}
.aa-benefits-green li{padding:5px 0;display:flex;gap:9px;align-items:flex-start;color:#2E2D2C;font-size:13.5px}
.aa-benefits-green li svg{width:18px;height:18px;flex:0 0 auto;stroke:#1E8E3E !important;margin-top:1px}
.aa-benefits-green .aa-b-stock{align-items:center}
.aa-benefits-green .aa-b-stock .aa-avail-top{display:inline !important;margin:0 !important;font-size:14px !important}
.aa-benefits-green .aa-b-stock .aa-avail-top .availability-label,.aa-benefits-green .aa-b-stock > b{color:#1E8E3E !important;font-weight:700 !important;font-size:14px !important}
.aa-benefits-green .aa-b-stock .aa-deldate{color:#5E7787 !important;font-weight:400 !important;font-size:12.5px !important;margin-left:2px}
.aa-buypanel.aa-soldout .aa-benefits-green .aa-b-stock svg{stroke:#D8352A !important}
.aa-buypanel.aa-soldout .aa-benefits-green .aa-b-stock .availability-label{color:#D8352A !important}
/* MUTED trust group (mockup): smaller, grey */
.aa-benefits-muted{margin:0;padding-top:12px;border-top:1px solid #C3DCF0}
.aa-benefits-muted li{padding:4px 0;display:flex;gap:9px;align-items:center;color:#8AA5B5;font-size:12.5px}
.aa-benefits-muted li svg{width:16px;height:16px;flex:0 0 auto;stroke:#8AA5B5 !important}
/* Značka / Kód produktu / Zeptat se / Hlídat */
.aa-buypanel .social-buttons-wrapper{margin-top:12px !important;padding-top:12px !important;border-top:1px solid #C3DCF0 !important;font-size:12px !important;display:flex !important;flex-wrap:wrap !important;gap:6px 16px !important;align-items:center !important;color:#8AA5B5 !important}
/* MOBILE: the sticky add-to-cart bar duplicates the Propojení/variant widgets — keep it compact (price + Do košíku only) */
.add-to-cart-sticky .c-product-interconnection-detail-params,.add-to-cart-sticky .detail-parameters,.add-to-cart-sticky .aa-variant-box,.add-to-cart-sticky .p-availability-delivery-row{display:none !important}
/* MOBILE: keep the buy panel + its wide bits (sale pill, price row) inside the viewport */
@media(max-width:600px){
  .aa-buypanel{overflow-x:hidden}
  .aa-buypanel .p-final-price-wrapper{flex-wrap:wrap !important}
  .aa-buypanel .dm-coupon-div{max-width:100% !important;box-sizing:border-box !important}
  /* iPhone: price + -X% badge stay on line 1, coupon pill ("s kódem …") drops to its own row (no price cut-off) */
  .aa-buypanel .p-price-cart-group{display:flex !important;flex-direction:column !important;align-items:stretch !important}
  .aa-buypanel .p-price-cart-group .dm-coupon-div{align-self:flex-start !important;margin:6px 0 0 !important}
  /* cross-sell on mobile: the desktop [info | button] grid crushes long names into a ~71px column.
     Switch to flex: image + name+meta take the full row (name wraps freely, stock+price sit inline
     below it), then the Přidat button drops full-width underneath. Image + name stay visible; button
     no longer overhangs the content. */
  .aa-buypanel .up-container li.up-product{display:flex !important;flex-wrap:wrap !important;gap:10px !important;align-items:flex-start !important}
  .aa-buypanel .up-container .up-product-information{flex:1 1 100% !important;display:flex !important;align-items:flex-start !important;gap:12px !important;min-width:0 !important}
  .aa-buypanel .up-container .up-product-details{display:flex !important;flex-flow:row wrap !important;align-items:baseline !important;gap:4px 8px !important;min-width:0 !important;flex:1 1 0 !important}
  .aa-buypanel .up-container .up-product-name{flex:1 1 100% !important;min-width:0 !important}
  .aa-buypanel .up-container .up-product-name a{white-space:normal !important;font-size:13px !important;line-height:1.3 !important}
  .aa-buypanel .up-container .up-in-stock-label,.aa-buypanel .up-container .up-price{display:inline-block !important}
  .aa-buypanel .up-container .up-product-add-to-cart{flex:1 1 100% !important;justify-self:stretch !important;width:100% !important;padding:10px !important;font-size:13.5px !important;height:auto !important;grid-column:auto !important;text-align:center !important}
}

/* ---------- E) "O ZNAČCE AARYANS" COLLAPSE (button only — sections stay native) ---------- */
#aaryans-brand-toggle{border:1px solid #D8E6EF;border-radius:10px;margin:0 0 16px;background:#fff}
#aaryans-brand-toggle > button{width:100%;background:#fff;border:none;padding:15px 18px;display:flex;justify-content:space-between;align-items:center;font-size:15px;font-weight:700;color:#0076A0;cursor:pointer;border-radius:10px;font-family:inherit}
#aaryans-brand-toggle .aa-chev{width:15px;height:15px;flex:0 0 auto;transition:transform .2s}
#aaryans-brand-toggle.open .aa-chev{transform:rotate(180deg)}
/* MOBILE: product name moved under the photo (JS) — smaller so long names don't dominate */
@media(max-width:767px){.p-detail-inner-header h1,.p-detail-inner-header .h1{font-size:21px !important;line-height:1.25 !important;margin:0 0 6px !important}}
/* MOBILE: tighten the carousel-dots → product-name gap. Agency .slick-dots had margin-bottom:40px
   and the empty (stars-hidden) top-bar added 12px → ~52px dead space above the H1. Scoped to the PDP
   mobile carousel so homepage / related-products sliders keep their own dot spacing. v2.0. */
@media(max-width:767px){
  .p-detail .p-mobile-carousel .slick-dots{margin-top:14px !important;margin-bottom:14px !important}
  .p-detail-top-bar{margin-bottom:4px !important}
}
/* Hide Shoptet's "Zobrazit všechny související produkty" browse button under related products (serves no purpose on PDP) */
.browse-products,.browse-p,div[class*=browse-p]{display:none !important}