/* Bold Retail v2 — conversion-led editorial layout, preserving existing commerce logic. */
:root{
  --br-cream:#f7f5ef;
  --br-paper:#fffefa;
  --br-ink:#101712;
  --br-forest:#0c5c3b;
  --br-forest-deep:#063b29;
  --br-lime:#d7f748;
  --br-line:rgba(16,23,18,.13);
}
body{background:var(--br-cream)!important;color:var(--br-ink)!important}
.hero{background:linear-gradient(180deg,#fbfaf6 0%,var(--br-cream) 100%)!important}
.hero-title,.sec-title,.about-copy h2,.chooser-copy .sec-title,.partners-head .sec-title{letter-spacing:-.045em!important}
.hero-title .accent{color:var(--br-forest)!important}
.btn-primary,.btn-cart-add,.btn-checkout,.nav-cart-btn{background:var(--br-forest)!important}
.btn-primary:hover,.btn-cart-add:hover,.btn-checkout:hover,.nav-cart-btn:hover{background:var(--br-forest-deep)!important}
.trust-strip{background:var(--br-forest-deep)!important}
.trust-strip-track{max-width:1440px!important}

/* Promotion is a campaign layer; it never changes cart data or price logic. */
.retail-promo{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:32px;
  max-width:1240px!important;
  margin:clamp(20px,4vw,48px) auto 0!important;
  padding:clamp(24px,3.2vw,38px) clamp(22px,4vw,52px)!important;
  background:var(--br-lime)!important;
  border:1px solid rgba(16,23,18,.12)!important;
  border-radius:24px!important;
  box-shadow:0 20px 48px rgba(16,23,18,.08);
}
.retail-promo-copy{max-width:690px}
.retail-promo-kicker{display:block;margin-bottom:9px;color:var(--br-forest-deep);font:800 11px/1 var(--body);letter-spacing:.12em}
.retail-promo h2{margin:0;color:var(--br-forest-deep);font:700 clamp(24px,3vw,38px)/1.08 var(--display);letter-spacing:-.04em}
.retail-promo h2 strong{font-weight:800}
.retail-promo p{max-width:650px;margin:12px 0 0;color:rgba(6,59,41,.78);font-size:14px;line-height:1.65}
.retail-promo-meta{display:grid;grid-template-columns:auto auto;align-items:end;gap:0 16px;min-width:210px}
.retail-promo-number{grid-row:span 2;color:var(--br-forest-deep);font:800 clamp(58px,7vw,86px)/.8 var(--display);letter-spacing:-.08em}
.retail-promo-number span{font-size:.55em;vertical-align:18%}
.retail-promo-label{align-self:end;color:var(--br-forest-deep);font:700 13px/1.2 var(--body)}
.retail-promo-link{align-self:start;margin-top:12px;color:var(--br-forest-deep);font:800 13px/1 var(--body);text-decoration:none}
.retail-promo-link:hover{text-decoration:underline}

/* Keep the original product controls, but present the cards as a retail shelf. */
#produkty{background:transparent!important}
#produkty .prod-list{gap:22px!important}
#produkty .prod-card,#produkty .prod-card.alt{background:var(--br-paper)!important;border:1px solid var(--br-line)!important;border-radius:24px!important;box-shadow:0 12px 38px rgba(16,23,18,.06)!important}
#produkty .pc-info{padding:clamp(24px,3vw,42px)!important}
#produkty .pc-visual{background:linear-gradient(145deg,#f4f1e7,#e9f0e6)!important;border-radius:0 24px 24px 0!important}
#produkty .variants{background:rgba(12,92,59,.035)!important;padding:5px!important;border-radius:12px!important}
#produkty .var-btn{background:transparent!important;color:var(--br-ink)!important;border-color:transparent!important}
#produkty .var-btn.active{background:var(--br-forest)!important;color:#fff!important}
#produkty .pc-price{color:var(--br-forest)!important}

/* Usage grid: make the recommendation path scannable before the FAQ. */
.use-section{max-width:1240px!important}
.use-head{align-items:end!important}
.use-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
.use-card{min-height:142px!important;padding:22px!important;background:var(--br-paper)!important;border:1px solid var(--br-line)!important;border-radius:18px!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.use-card:hover{transform:translateY(-4px);border-color:rgba(12,92,59,.35);box-shadow:0 14px 30px rgba(16,23,18,.08)}
.use-card strong{font-size:15px!important;color:var(--br-ink)!important}
.use-card small{display:inline-flex!important;margin-top:9px!important;padding:4px 8px!important;border-radius:6px!important;background:rgba(215,247,72,.65)!important;color:var(--br-forest-deep)!important;font-weight:800!important}

/* Partner stage with real official marks and one honest locator card. */
.partners-section{max-width:1240px!important}
.partners-stage{grid-template-columns:repeat(3,minmax(0,1fr))!important;max-width:none!important;gap:16px!important;padding-bottom:18px!important}
.partners-stage::after{display:none!important}
.partners-stage .partner-card{min-height:340px!important;padding:30px!important;border-radius:22px!important;box-shadow:0 12px 34px rgba(16,23,18,.07)!important}
.partner-logo-box{display:flex;align-items:center;justify-content:flex-start;width:100%;height:76px;margin-top:40px;margin-bottom:20px;padding:12px 16px;background:#fff;border-radius:12px;overflow:hidden}
.partner-logo-box img{display:block;max-width:100%;max-height:54px;width:auto;height:auto;object-fit:contain;object-position:left center}
.partner-perfomax .partner-logo-box{background:#ffd500}
.partner-supa .partner-logo-box{background:#fff}
.partner-supa .partner-logo-box img{max-height:48px}
.partner-locator-card{background:var(--br-lime)!important;color:var(--br-forest-deep)!important}
.partner-locator-card .partner-rank{color:var(--br-forest-deep)!important}
.partner-locator-card .partner-rank i{color:rgba(6,59,41,.68)!important}
.partner-locator-card p{color:rgba(6,59,41,.78)!important}
.partner-locator-card .partner-cta{color:var(--br-forest-deep)!important;border-color:rgba(6,59,41,.25)!important}
.partner-locator-mark{display:grid;place-items:center;width:68px;height:68px;margin-top:40px;margin-bottom:20px;border:1px solid rgba(6,59,41,.24);border-radius:50%;color:var(--br-forest-deep);font:800 20px/1 var(--display)}
.partner-locator-card>strong{display:block;font:800 20px/1.15 var(--display);letter-spacing:-.03em}

@media(max-width:980px){
  .retail-promo{grid-template-columns:1fr}
  .retail-promo-meta{justify-self:start}
  .use-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .partners-stage{grid-template-columns:1fr 1fr!important}
  .partner-locator-card{grid-column:1/-1}
}
@media(max-width:600px){
  .retail-promo{margin-inline:16px!important;border-radius:18px!important}
  .retail-promo-meta{min-width:0}
  .use-grid,.partners-stage{grid-template-columns:1fr!important}
  .partner-locator-card{grid-column:auto}
  .partners-stage .partner-card{min-height:0!important}
  #produkty .pc-visual{border-radius:0 0 24px 24px!important}
}