/* Topo aprovado: roxo, grafites e capivara. Escopo restrito à vitrine. */
body:has(.storefront-hero){--paper:#210d3f;--brand-highlight:#d4a3ff;background-color:#210d3f;background-image:linear-gradient(#210d3f18,#210d3f18),url('/assets/graffiti-background.svg');background-size:auto,1400px auto;background-position:center top;background-repeat:repeat-y}
body:has(.storefront-hero) header{max-width:1280px;height:88px;min-height:88px;background:#210d3ff2;padding:0 40px}
.brand .brand-capivara{width:64px;height:60px;object-fit:contain;border-radius:0}
body:has(.storefront-hero) .brand .brand-capivara{width:64px;height:60px}
body:has(.storefront-hero) .brand-copy{align-items:flex-start;text-align:left}
body:has(.storefront-hero) .wordmark{font-size:23px;letter-spacing:-.8px}
body:has(.storefront-hero) .cart-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:10px 15px;border-radius:12px}
body:has(.storefront-hero) .cart-button span{margin:0}
body:has(.storefront-hero) .storefront-hero{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto;gap:0;max-width:1200px;min-height:470px;margin:0 auto;padding:34px 0 0;overflow:visible;border:0!important;border-radius:0;background:none!important;box-shadow:none}
body:has(.storefront-hero) .storefront-hero>.hero-copy{grid-column:1;grid-row:1;align-self:end;display:block;padding:0;text-align:left;position:relative;z-index:1}
body:has(.storefront-hero) .hero-copy .eyebrow{color:#c4f76c;font-size:12px;letter-spacing:1.5px;text-align:left}
body:has(.storefront-hero) .hero-copy h1{font-size:clamp(39px,4.25vw,58px);line-height:1.1;letter-spacing:-2.1px;margin:14px 0 17px;max-width:none;font-weight:700}
body:has(.storefront-hero) .hero-copy h1 em{color:#d4a3ff;font-style:normal}
body:has(.storefront-hero) .hero-copy p{max-width:450px;font-size:18px;line-height:1.5;margin:0;color:#f1e6fa}
.storefront-product{grid-column:2;grid-row:1 / 3;display:block;width:112%;max-width:none;height:auto;aspect-ratio:4 / 3;object-fit:contain;align-self:center;justify-self:center;filter:drop-shadow(0 14px 32px #0d021a55);pointer-events:none}
body:has(.storefront-hero) .storefront-hero>.hero-cta{grid-column:1;grid-row:2;justify-self:start;align-self:start;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;min-width:235px;padding:14px 24px;margin:28px 0 70px;border-radius:30px;background:#c4f76c!important;border:0!important;color:#210d3f!important;font-size:17px;font-weight:700;box-shadow:none}
body:has(.storefront-hero) .storefront-hero>.hero-cta:hover{background:#d3ff90!important}
body:has(.storefront-hero) .storefront-discovery{display:block;max-width:1200px;margin:0 auto;padding:4px 0 28px;text-align:left}
body:has(.storefront-hero) .storefront-discovery .search-wrap{width:100%;max-width:none}
body:has(.storefront-hero) .storefront-discovery .search{height:56px;border-radius:18px!important;background:#301747ed!important;border-color:#a677c966!important;color:#fff;font-size:16px;padding-left:50px;margin:0}
.storefront-discovery .search::placeholder{color:#d8c4e7;opacity:1}
.storefront-discovery .search-wrap>svg{top:18px;left:18px}
body:has(.storefront-hero) .storefront-discovery .filters{display:flex;flex-wrap:nowrap;justify-content:center;gap:14px;margin:24px 0 0;overflow-x:auto;padding:0 2px 8px;scrollbar-width:thin;scrollbar-color:#8752af transparent}
body:has(.storefront-hero) .storefront-discovery .chip{width:180px;min-width:120px;height:128px;gap:9px;background:#28133fbb;border-color:#a677c944!important;color:#f3e6ff!important;border-radius:20px!important;font-size:15px}
body:has(.storefront-hero) .storefront-discovery .chip img{width:66px;height:66px;border-radius:16px}
body:has(.storefront-hero) .storefront-discovery .chip.active{background:#62298fee!important;border-color:#c991f3!important;color:#fff!important}
body:has(.storefront-hero) .section{max-width:1280px;background:#f7f0ff;color:#28133f;border-radius:28px 28px 0 0;padding:38px 40px 50px}
body:has(.storefront-hero) .section-top{align-items:flex-start;text-align:left;gap:8px;margin-bottom:24px}
body:has(.storefront-hero) .section-top h2{font-size:36px;letter-spacing:-1.2px;margin:0}
body:has(.storefront-hero) .section-top h2::after{content:'';display:block;width:58px;height:5px;border-radius:4px;background:#c4f76c;margin-top:12px}
body:has(.storefront-hero) .section-count,body:has(.storefront-hero) .demo-label{color:#735883}
body:has(.storefront-hero) .section .product{background:#fff!important;border-color:#ddcee8!important;color:#28133f;box-shadow:0 5px 20px #32154b06}
body:has(.storefront-hero) .section .product .size{color:#735883}
body:has(.storefront-hero) .section .buy strong{color:#7934b5!important}
body:has(.storefront-hero) .section .notice{color:#28133f;background:#eee3f7}
body:has(.storefront-hero) :is(#bag,#product-dialog){--ink:#231b2d;--muted:#726b79;color:var(--ink)}
@media(min-width:761px) and (max-width:1279px){body:has(.storefront-hero) .storefront-hero,body:has(.storefront-hero) .storefront-discovery{margin-left:40px;margin-right:40px}.storefront-product{width:105%}body:has(.storefront-hero) .hero-copy h1{font-size:clamp(36px,4.25vw,54px)}}
@media(max-width:760px){
 body:has(.storefront-hero){background-size:auto,760px auto;background-position:center 70px}
 body:has(.storefront-hero) header{height:76px;min-height:76px;padding:0 20px;gap:12px}
 body:has(.storefront-hero) .brand .brand-capivara{width:48px;height:49px}
 body:has(.storefront-hero) .wordmark{font-size:17px;letter-spacing:-.7px}
 body:has(.storefront-hero) header nav{gap:0}
 body:has(.storefront-hero) .cart-button{min-width:60px;min-height:44px;padding:8px 10px;gap:5px}
 body:has(.storefront-hero) .storefront-hero{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;min-height:0;margin:0;padding:30px 20px 0}
 body:has(.storefront-hero) .storefront-hero>.hero-copy{grid-column:1;grid-row:1;align-self:auto;padding:0}
 body:has(.storefront-hero) .hero-copy .eyebrow{font-size:11px;letter-spacing:1.1px}
 body:has(.storefront-hero) .hero-copy h1{font-size:clamp(30px,8.55vw,51px);line-height:1.08;letter-spacing:-1.3px;margin:10px 0 13px}
 body:has(.storefront-hero) .hero-copy p{font-size:16px;max-width:350px;line-height:1.45}
 .storefront-product{grid-column:1;grid-row:2;width:min(100vw,490px);height:auto;max-height:335px;margin:0 -20px;aspect-ratio:4 / 3;object-fit:contain;justify-self:center}
 body:has(.storefront-hero) .storefront-hero>.hero-cta{grid-column:1;grid-row:3;justify-self:stretch;margin:0 0 18px;min-height:50px;min-width:0;font-size:15px;padding:13px 18px;border-radius:28px}
 body:has(.storefront-hero) .storefront-discovery{padding:0 20px 23px;margin:0;max-width:none}
 body:has(.storefront-hero) .storefront-discovery .search{height:50px;font-size:14px;border-radius:16px!important}
 .storefront-discovery .search-wrap>svg{top:15px}
 body:has(.storefront-hero) .storefront-discovery .filters{justify-content:flex-start;gap:10px;margin-top:16px;margin-right:-20px;padding-right:20px}
 body:has(.storefront-hero) .storefront-discovery .chip{width:95px;min-width:95px;height:104px;font-size:11px;gap:7px;border-radius:16px!important}
 body:has(.storefront-hero) .storefront-discovery .chip img{width:51px;height:51px;border-radius:12px}
 body:has(.storefront-hero) .section{padding:28px 20px 35px;border-radius:24px 24px 0 0}
 body:has(.storefront-hero) .section-top h2{font-size:29px;letter-spacing:-1px}
 body:has(.storefront-hero) .section-top{gap:10px;margin-bottom:20px}
}
@media(max-width:370px){body:has(.storefront-hero) header{padding:0 14px}body:has(.storefront-hero) .wordmark{font-size:15px}body:has(.storefront-hero) .brand .brand-capivara{width:42px;height:46px}body:has(.storefront-hero) .storefront-hero{padding-left:16px;padding-right:16px}body:has(.storefront-hero) .storefront-discovery{padding-left:16px;padding-right:16px}body:has(.storefront-hero) .hero-copy h1{font-size:29px}.storefront-product{max-height:285px}}
@media(prefers-reduced-motion:reduce){.product-photo img{transition:none}}

body:has(.storefront-hero) .section .product h3{color:#28133f}
@media(max-width:760px){body:has(.storefront-hero){background-size:auto,100% auto}}
/* Luz e grafites atrás do pote, conforme a referência. */
body:has(.storefront-hero) .storefront-hero>.storefront-art{position:relative;isolation:isolate;grid-column:2;grid-row:1 / 3;display:block;width:112%;max-width:none;align-self:center;justify-self:center;padding:0;aspect-ratio:4 / 3}
.storefront-art::before{content:'';position:absolute;z-index:-2;inset:-8% -2%;background:radial-gradient(ellipse at 52% 48%,#ad48dd70 0%,#7733a950 32%,#63278d25 56%,transparent 74%);filter:blur(22px);pointer-events:none}
.storefront-art::after{content:'';position:absolute;z-index:-1;inset:-5% -1% 0;background-image:url('/assets/graffiti-background.svg');background-position:center top;background-size:100% auto;background-repeat:no-repeat;opacity:.8;pointer-events:none}
body:has(.storefront-hero) .storefront-art>.storefront-product{position:relative;display:block;width:100%;height:auto;max-height:none;margin:0;aspect-ratio:4 / 3;object-fit:contain;filter:drop-shadow(0 14px 32px #0d021a55)}
@media(min-width:761px) and (max-width:1279px){body:has(.storefront-hero) .storefront-hero>.storefront-art{width:105%}}
@media(max-width:760px){body:has(.storefront-hero) .storefront-hero>.storefront-art{grid-column:1;grid-row:2;width:min(100vw,446px);height:auto;max-height:none;margin:0 -20px;aspect-ratio:4 / 3}.storefront-art::before{inset:-4% 0}.storefront-art::after{inset:0 1%;opacity:.7}}
@media(max-width:370px){body:has(.storefront-hero) .storefront-hero>.storefront-art{width:100vw}}