/* UX polish for the Nem Sabia Que Precisava collection and kit sales pages. */

.catalog-collection-promo{position:relative;overflow:hidden;margin:14px 0 18px;padding:24px;border:1px solid rgba(98,79,66,.14);border-radius:24px;background:linear-gradient(135deg,#20352d 0%,#355649 58%,#7b5442 100%);color:#fff;box-shadow:0 18px 44px rgba(71,52,41,.10)}
.catalog-collection-promo:before{content:'';position:absolute;width:220px;height:220px;right:-72px;top:-94px;border-radius:50%;background:rgba(255,255,255,.08)}
.catalog-collection-promo-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center}
.catalog-collection-promo .promo-kicker{font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#efc4aa}
.catalog-collection-promo h3{font:600 clamp(28px,3.4vw,42px)/1.02 var(--serif);margin:7px 0 9px;letter-spacing:-.02em}
.catalog-collection-promo p{max-width:700px;margin:0;color:rgba(255,255,255,.78);font-size:12px;line-height:1.6}
.catalog-collection-promo .promo-kits{display:flex;gap:6px;flex-wrap:wrap;margin-top:13px}
.catalog-collection-promo .promo-kits span{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:28px;padding:0 8px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.07);font-size:9px;font-weight:900;letter-spacing:.06em}
.catalog-collection-promo .promo-cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:999px;background:#fff;color:#24372f;font-size:10px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}

.kit-sales-page .topbar,.collection-page .topbar{position:sticky;top:0;z-index:30;background:rgba(250,248,244,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(92,75,63,.08)}
.kit-sales-page .sales-hero{align-items:stretch}
.kit-sales-page .sales-hero>div:first-child{display:flex;flex-direction:column;justify-content:center}
.kit-sales-page .sales-actions .cta,.kit-region-offer,.collection-card-cta,.collection-actions .cta{min-height:44px}
.kit-sales-page .kit-sales-offer{scroll-margin-top:105px}
.kit-sales-page .kit-region-offer:focus-visible,.collection-card-cta:focus-visible,.catalog-collection-promo .promo-cta:focus-visible,.mobile-kit-bar a:focus-visible,.mobile-kit-bar button:focus-visible,.collection-mobile-bar a:focus-visible{outline:3px solid rgba(194,122,92,.38);outline-offset:3px}
.collection-card-cta,.catalog-collection-promo .promo-cta,.kit-region-offer{transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.collection-card-cta:hover,.catalog-collection-promo .promo-cta:hover{transform:translateY(-2px);box-shadow:0 14px 24px rgba(35,29,25,.12)}
.collection-card-cta:active,.catalog-collection-promo .promo-cta:active,.kit-region-offer:active{transform:translateY(0)}
.collection-page .collection-card-visual:after{content:'';position:absolute;inset:auto 22px 22px auto;width:74%;height:74%;border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,0));transform:rotate(5deg);pointer-events:none}
.collection-page .collection-card-copy h2{max-width:500px}
.collection-page .collection-card-copy>p{max-width:570px}
.collection-page .collection-card-cta{margin-top:18px}
.collection-page #kits{scroll-margin-top:90px}

.mobile-kit-bar,.collection-mobile-bar{display:none}

/* Tablet: preserve the approved visual language while avoiding cramped desktop grids. */
@media(max-width:1024px){
  .shell{width:min(100% - 32px,1240px)}
  .nav{gap:14px}.nav a{font-size:12px}
  .catalog-hero{grid-template-columns:1fr .72fr}.catalog-hero .hero-copy{padding:32px}
  .catalog-layout{grid-template-columns:210px minmax(0,1fr)}
  .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .catalog-main .featured{grid-template-columns:minmax(0,1fr) .72fr}
}

@media(max-width:900px){
  .catalog-collection-promo-inner{grid-template-columns:1fr}.catalog-collection-promo .promo-cta{justify-self:start}
  .kit-sales-page .sales-hero{grid-template-columns:1fr}.kit-sales-page .sales-hero>div:first-child{padding:28px}.kit-sales-page .sales-hero .page-title{font-size:clamp(39px,9vw,54px)}
  .collection-page .collection-hero-grid{gap:24px}.collection-page .collection-stack{order:-1;min-height:420px}
  .catalog-hero{grid-template-columns:1fr}.catalog-hero .hero-art{min-height:280px!important}
  .catalog-layout{grid-template-columns:1fr}.filters{position:static;top:auto}
  .filters .group{display:flex;gap:10px 18px;align-items:center;flex-wrap:wrap}.filters .group b{width:100%}.filters label{margin:2px 0}
}

@media(max-width:760px){
  .shell{width:calc(100% - 28px)}
  .section{padding:24px 0}
  .topbar-in{height:auto;min-height:66px;gap:10px}.nav{display:none}
  .brand{gap:8px;min-width:0}.brand-window{width:36px;height:45px;flex:none}.brand strong{font-size:18px;line-height:.95}.brand small{display:none}
  .top-actions{gap:6px;flex:none}.top-actions .circle-btn{display:none}.top-actions .cta{min-height:38px;padding:0 12px;font-size:9px;white-space:nowrap}
  .page-title{font-size:clamp(39px,12vw,54px);line-height:.98;overflow-wrap:anywhere}.lead{font-size:15px;line-height:1.55}
  .catalog-hero{margin-top:12px;gap:12px}.catalog-hero .hero-copy{padding:26px 22px}.catalog-hero .hero-card{border-radius:24px}.catalog-hero .hero-art{min-height:230px!important;border-radius:22px!important}
  .catalog-layout{margin-top:12px!important}.filters{padding:15px;border-radius:16px}.filters h3{font-size:20px;margin-bottom:10px}.filters .group{padding:11px 0}.filters label{font-size:11px}
  .catalog-main .featured{grid-template-columns:1fr;padding:16px}.catalog-main .featured .product-cover{height:180px!important}.catalog-main .featured .cta{width:100%;justify-content:center}
  .chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{flex:0 0 auto;min-height:38px;display:inline-flex;align-items:center}
  .catalog-tools{align-items:center;justify-content:space-between;flex-wrap:wrap}.catalog-tools select{max-width:180px}
  .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-card{min-width:0}.product-cover{height:160px}.product-card h4{font-size:16px}.product-card p{min-height:0}.price{font-size:23px}
  .trust-inline{gap:8px 14px}.trust-inline span{font-size:10px}

  .kit-sales-page,.collection-page{padding-bottom:88px}
  .kit-sales-page .topbar-in,.collection-page .topbar-in{min-height:66px}
  .kit-sales-page .brand small,.collection-page .brand small{display:none}
  .kit-sales-page .top-actions .circle-btn,.collection-page .top-actions .circle-btn{display:none}
  .kit-sales-page .top-actions .cta,.collection-page .top-actions .cta{min-height:38px;padding:0 12px;font-size:9px}
  .kit-sales-page .sales-page{padding-top:20px}.kit-sales-page .sales-back{font-size:11px}.kit-sales-page .sales-hero>div:first-child{padding:24px 21px}.kit-sales-page .sales-hero .page-title{margin-top:10px;line-height:1.02}.kit-sales-page .sales-badges{margin:15px 0 9px}.kit-sales-page .sales-price{margin:9px 0}.kit-sales-page .sales-status{font-size:10px}.kit-sales-page .kit-sales-rich{gap:12px}.kit-sales-page .kit-sales-rich .sales-panel{border-radius:20px}.kit-sales-page .kit-sales-checklist li,.kit-sales-page .kit-sales-phrases li{font-size:12px}.kit-sales-page .kit-visual-card{transform:none}
  .mobile-kit-bar{position:fixed;z-index:80;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:9px;border:1px solid rgba(77,61,51,.12);border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 18px 55px rgba(39,31,27,.22);backdrop-filter:blur(18px)}
  .mobile-kit-bar button,.mobile-kit-bar a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border:0;border-radius:13px;font:800 10px/1.1 var(--sans);letter-spacing:.04em;text-transform:uppercase;text-align:center;text-decoration:none;cursor:pointer}
  .mobile-kit-bar button{background:var(--terra);color:#fff;padding:0 15px}.mobile-kit-bar a{background:#edf2e9;color:var(--sage);padding:0 13px}
  .collection-mobile-bar{position:fixed;z-index:80;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr auto;gap:8px;padding:9px;border:1px solid rgba(77,61,51,.12);border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 18px 55px rgba(39,31,27,.22);backdrop-filter:blur(18px)}
  .collection-mobile-bar a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 14px;border-radius:13px;background:var(--terra);color:#fff;font:800 10px/1.1 var(--sans);letter-spacing:.04em;text-transform:uppercase;text-align:center;text-decoration:none}.collection-mobile-bar a:last-child{background:#edf2e9;color:var(--sage)}
  .catalog-collection-promo{padding:20px;border-radius:20px}.catalog-collection-promo .promo-cta{width:100%}.catalog-collection-promo h3{font-size:31px}
  .collection-page .collection-hero{padding-top:18px}.collection-page .collection-stack{min-height:350px;border-radius:26px}.collection-page .collection-hero-copy h1{font-size:clamp(44px,14vw,58px)}.collection-page .collection-tagline{font-size:23px!important}.collection-page .collection-card{border-radius:22px}.collection-page .collection-card-visual{min-height:215px}.collection-page .collection-card-copy{padding:22px}.collection-page .collection-card-copy h2{font-size:31px}.collection-page .collection-card-cta{width:100%;min-height:48px}.collection-page .collection-intro-card,.collection-page .collection-meaning-card,.collection-page .collection-bundle-card{border-radius:22px}.collection-page .collection-final-card{padding:42px 22px;border-radius:24px}
}

@media(max-width:520px){
  .shell{width:calc(100% - 22px)}
  .top-actions .cta{padding:0 10px;font-size:8.5px}.brand-window{width:32px;height:40px}.brand strong{font-size:16px}
  .catalog-hero .hero-copy{padding:22px 18px}.catalog-hero .hero-art{min-height:195px!important}.catalog-grid{grid-template-columns:1fr}.product-cover{height:min(62vw,240px)}
  .catalog-tools{display:grid;grid-template-columns:1fr}.catalog-tools select{max-width:none;width:100%}
  .filters .group{display:block}.filters label{margin:8px 0;min-height:28px}
  .mobile-kit-bar{grid-template-columns:1fr}.mobile-kit-bar a{display:none}
  .collection-mobile-bar{grid-template-columns:1fr 1fr}
  .collection-page .stack-card{opacity:.94}.collection-page .stack-label{width:82%}
  .collection-page .collection-card-price{width:100%;justify-content:space-between}.collection-page .collection-card-price i{display:none}
  .catalog-collection-promo .promo-kits span{min-width:38px}
}

@media(max-width:380px){
  .shell{width:calc(100% - 18px)}.brand strong{font-size:15px}.top-actions .cta{padding:0 9px;letter-spacing:0}
  .page-title{font-size:38px}.catalog-collection-promo h3{font-size:28px}
}

@media(prefers-reduced-motion:reduce){
  .collection-card,.collection-card-cta,.catalog-collection-promo .promo-cta,.kit-region-offer{transition:none!important}
  html{scroll-behavior:auto!important}
}