:root{--primary:#ff0797;--accent:#ffb7e1;--bg:#fff7fc;--text:#2d1422;--surface:#fff;--muted:#7f6473;--border:#f2d8e8;--radius:22px;--shadow:0 18px 60px rgba(80,20,55,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}.hidden{display:none!important}.loading{min-height:70vh;display:grid;place-items:center;align-content:center;gap:12px}.spinner{width:34px;height:34px;border:3px solid #f1d3e4;border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.announcement{background:var(--primary);color:#fff;text-align:center;font-size:12px;font-weight:800;letter-spacing:.04em;padding:9px 14px}.site-header{height:76px;padding:0 clamp(18px,4vw,68px);display:flex;align-items:center;justify-content:space-between;gap:20px;background:rgba(255,255,255,.96);position:sticky;top:0;z-index:30;border-bottom:1px solid var(--border);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);min-width:0}.brand-logo{width:44px;height:44px;border-radius:15px;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:900;background-size:contain;background-repeat:no-repeat;background-position:center;flex:0 0 auto}.brand-logo.small{width:38px;height:38px;border-radius:12px}.brand strong{display:block;font-size:15px;letter-spacing:.06em}.brand span{display:block;color:var(--primary);font-size:9px;font-weight:800;letter-spacing:.16em;margin-top:2px}.desktop-nav{display:flex;align-items:center;gap:7px}.desktop-nav button,.footer-actions button,.footer-actions a{border:0;background:transparent;color:var(--text);padding:10px 12px;text-decoration:none;font-size:12px;font-weight:700;border-radius:999px}.desktop-nav button:hover,.footer-actions button:hover,.footer-actions a:hover{background:#fff0f8;color:var(--primary)}.header-actions{display:flex;gap:10px;align-items:center}.lang-switch{display:flex;border:1px solid var(--border);border-radius:999px;padding:3px;background:#fff}.lang-switch button{border:0;background:transparent;border-radius:999px;padding:6px 8px;font-size:10px;font-weight:800;color:var(--muted)}.lang-switch button.active{background:var(--primary);color:#fff}.cart-button{border:0;border-radius:999px;background:var(--text);color:#fff;display:flex;align-items:center;gap:7px;padding:8px 13px;min-height:42px}.cart-button b{background:var(--primary);min-width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:10px}.cart-button em{font-style:normal;font-size:11px;font-weight:800}
.hero{min-height:620px;display:grid;grid-template-columns:1.08fr .92fr;gap:40px;padding:clamp(48px,7vw,92px) clamp(20px,6vw,90px);align-items:center;overflow:hidden;background:radial-gradient(circle at 74% 15%,color-mix(in srgb,var(--accent) 45%,transparent),transparent 28%),linear-gradient(145deg,var(--bg),#fff)}.kicker,.section-title>span{display:block;color:var(--primary);font-size:10px;font-weight:900;letter-spacing:.18em}.hero h1{font-family:'Playfair Display',serif;font-size:clamp(48px,6.5vw,88px);line-height:.94;letter-spacing:-.04em;margin:12px 0 22px;max-width:780px}.hero h1 em{color:var(--primary);font-weight:700}.hero p{font-size:clamp(15px,1.7vw,19px);line-height:1.65;color:var(--muted);max-width:650px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0 24px}.primary-btn,.ghost-btn{border-radius:999px;min-height:48px;padding:0 20px;font-weight:800;border:0}.primary-btn{background:var(--primary);color:#fff;box-shadow:0 12px 30px color-mix(in srgb,var(--primary) 25%,transparent)}.ghost-btn{background:#fff;color:var(--text);border:1px solid var(--border)}.primary-btn.wide{width:100%}.hero-benefits{display:flex;flex-wrap:wrap;gap:16px;color:var(--muted);font-size:11px}.hero-benefits span{display:flex;align-items:center;gap:5px}.hero-benefits b{color:var(--text)}.hero-visual{height:520px;position:relative}.fashion-card{position:absolute;border-radius:36px;box-shadow:var(--shadow)}.fashion-card.main{inset:30px 30px 20px 65px;background:linear-gradient(160deg,var(--primary),#d00070);color:#fff;padding:42px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.fashion-card.main:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 25% 20%,rgba(255,255,255,.35),transparent 26%),linear-gradient(120deg,transparent 0 48%,rgba(255,255,255,.09) 48% 54%,transparent 54%)}.fashion-card.main span{position:relative;font-size:12px;letter-spacing:.22em;font-weight:900}.fashion-card.main strong{position:relative;font-family:'Playfair Display',serif;font-size:58px;line-height:.86;margin:12px 0}.fashion-card.main small{position:relative;letter-spacing:.1em}.fashion-card.mini{width:145px;height:185px;border:8px solid #fff}.fashion-card.one{left:0;top:0;background:linear-gradient(145deg,#ffd5ea,#fff)}.fashion-card.two{right:0;bottom:0;background:linear-gradient(145deg,#fff,#ffc7e4)}
.how-section,.catalog-section{padding:clamp(55px,7vw,90px) clamp(20px,6vw,90px)}.how-section{background:#fff}.section-title h2{font-family:'Playfair Display',serif;font-size:clamp(34px,4vw,52px);margin:8px 0 10px;letter-spacing:-.03em}.section-title p{color:var(--muted);margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}.steps article{padding:26px;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg,#fff,var(--bg))}.steps article>b{font-family:'Playfair Display',serif;color:var(--primary);font-size:34px}.steps h3{font-size:15px;margin:12px 0 6px}.steps p{color:var(--muted);font-size:12px;line-height:1.6;margin:0}.catalog-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-end}.catalog-tools{width:min(420px,100%)}.search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--border);border-radius:999px;padding:0 14px;min-height:46px}.search input{border:0;outline:0;background:transparent;width:100%;font-size:12px;color:var(--text)}.category-chips{display:flex;gap:7px;flex-wrap:wrap;margin:26px 0 18px}.category-chips button{border:1px solid var(--border);background:#fff;color:var(--text);border-radius:999px;padding:8px 12px;font-size:11px;font-weight:800}.category-chips button.active{background:var(--primary);border-color:var(--primary);color:#fff}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.product-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;position:relative;transition:.2s;min-width:0}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.product-image{aspect-ratio:.82;background:linear-gradient(150deg,#fff1f8,#fff);position:relative;display:grid;place-items:center;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover}.product-image .placeholder{font-size:44px;color:var(--primary);opacity:.35}.availability{position:absolute;left:10px;top:10px;border-radius:999px;padding:6px 9px;background:rgba(255,255,255,.93);font-size:9px;font-weight:900;box-shadow:0 3px 12px rgba(0,0,0,.07)}.availability.disponivel{color:#13734a}.availability.poucas{color:#996000}.availability.indisponivel{color:#ad2c2c}.product-body{padding:14px}.product-body small{color:var(--primary);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.product-body h3{font-size:14px;margin:5px 0 8px;line-height:1.35}.product-body .price{font-size:17px;font-weight:900}.product-body .meta{color:var(--muted);font-size:10px;margin-top:5px}.product-body button{width:100%;margin-top:12px;border:0;border-radius:12px;background:var(--text);color:#fff;min-height:42px;font-size:11px;font-weight:800}.product-body button:disabled{opacity:.45;cursor:not-allowed}.empty{text-align:center;padding:70px 20px}.empty span{font-size:34px;color:var(--primary)}.empty h3{margin:10px 0 5px}.empty p{color:var(--muted);font-size:12px}
footer{background:var(--text);color:#fff;padding:34px clamp(20px,6vw,90px);display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.footer-brand{display:flex;gap:10px;align-items:center}.footer-brand strong{display:block}.footer-brand span{font-size:10px;color:#d8c4cf}.footer-actions{display:flex;gap:6px}.footer-actions button,.footer-actions a{color:#fff}footer>small{grid-column:1/-1;color:#b99eac;border-top:1px solid rgba(255,255,255,.12);padding-top:16px}
.cart-drawer{position:fixed;right:0;top:0;bottom:0;width:min(430px,94vw);background:#fff;z-index:60;transform:translateX(105%);transition:.25s;display:flex;flex-direction:column;box-shadow:-20px 0 60px rgba(33,10,22,.18)}.cart-drawer.open{transform:none}.overlay{position:fixed;inset:0;background:rgba(30,8,20,.42);z-index:55;backdrop-filter:blur(3px)}.drawer-head{display:flex;justify-content:space-between;padding:20px;border-bottom:1px solid var(--border)}.drawer-head h2{margin:3px 0;font-size:22px}.round-btn{width:42px;height:42px;border-radius:50%;border:1px solid var(--border);background:#fff}.drawer-items{padding:12px 20px;overflow:auto;flex:1}.drawer-empty{text-align:center;padding:52px 10px;color:var(--muted)}.drawer-item{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:10px;padding:12px 0;border-bottom:1px solid var(--border);align-items:start}.drawer-thumb{width:58px;height:68px;border-radius:10px;background:#fff0f8;overflow:hidden;display:grid;place-items:center}.drawer-thumb img{width:100%;height:100%;object-fit:cover}.drawer-item h4{font-size:12px;margin:1px 0 4px}.drawer-item p{font-size:10px;color:var(--muted);margin:0}.drawer-item .qty-line{display:flex;gap:4px;align-items:center;margin-top:7px}.drawer-item .qty-line button{width:26px;height:26px;border:1px solid var(--border);border-radius:7px;background:#fff}.drawer-item .qty-line input{width:45px;height:26px;text-align:center;border:1px solid var(--border);border-radius:7px}.drawer-item>strong{font-size:11px}.drawer-total{padding:16px 20px;border-top:1px solid var(--border);display:grid;gap:5px}.drawer-total>span{font-size:11px;color:var(--muted)}.drawer-total>strong{font-size:25px}.drawer-total small{color:var(--muted);font-size:9px}.drawer-total+.primary-btn{margin:0 20px 20px;width:calc(100% - 40px)}.cart-warning{margin:0 20px 10px;padding:10px 12px;border-radius:10px;background:#fff6db;color:#7c5500;font-size:10px;line-height:1.45}
.modal-backdrop{position:fixed;inset:0;z-index:80;background:rgba(35,8,22,.52);backdrop-filter:blur(5px);padding:20px;display:grid;place-items:center}.modal{width:min(980px,100%);max-height:92vh;background:#fff;border-radius:28px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 90px rgba(30,8,20,.28)}.modal.small{width:min(620px,100%)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--border)}.modal-head h2{font-size:19px;margin:0}.modal-body{padding:20px;overflow:auto}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--border)}.modal-actions button{min-height:44px;border-radius:12px;padding:0 16px;font-weight:800}.secondary-btn{background:#fff;border:1px solid var(--border);color:var(--text)}.product-modal-layout{display:grid;grid-template-columns:280px 1fr;gap:18px}.product-modal-photo{aspect-ratio:.82;border-radius:18px;background:#fff0f8;overflow:hidden;display:grid;place-items:center}.product-modal-photo img{width:100%;height:100%;object-fit:cover}.product-modal-info h3{font-family:'Playfair Display',serif;font-size:30px;margin:2px 0 8px}.product-modal-info>p{color:var(--muted);font-size:12px;line-height:1.55}.variant-table{margin-top:18px;border:1px solid var(--border);border-radius:16px;overflow:hidden}.variant-head,.variant-row{display:grid;grid-template-columns:1.35fr .9fr .8fr .72fr;gap:10px;align-items:center;padding:10px 12px}.variant-head{background:#fff5fa;font-size:9px;font-weight:900;text-transform:uppercase;color:var(--muted)}.variant-row{border-top:1px solid var(--border)}.variant-row:first-of-type{border-top:0}.variant-row strong{font-size:11px}.variant-row small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.variant-row .status{font-size:9px;font-weight:800}.variant-row input{width:100%;min-height:36px;border:1px solid var(--border);border-radius:9px;text-align:center}.variant-row.unavailable{opacity:.5}.modal-summary{margin-top:14px;display:flex;justify-content:space-between;padding:12px 14px;border-radius:12px;background:var(--bg)}.modal-summary span{font-size:11px;color:var(--muted)}.modal-summary strong{font-size:18px}.checkout-form{display:grid;gap:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.checkout-form label{display:grid;gap:5px;font-size:10px;font-weight:800;color:var(--muted)}.checkout-form input,.checkout-form select,.checkout-form textarea{border:1px solid var(--border);border-radius:12px;padding:11px 12px;color:var(--text);background:#fff;outline:none}.checkout-form input:focus,.checkout-form select:focus,.checkout-form textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 10%,transparent)}.checkout-summary{padding:14px;border-radius:14px;background:var(--bg);display:flex;justify-content:space-between;gap:15px}.checkout-summary strong{font-size:20px}.form-error{background:#fff0f3;color:#a9214e;border-radius:10px;padding:9px 11px;font-size:10px}.toast-root{position:fixed;right:16px;bottom:16px;z-index:100;display:grid;gap:7px}.toast{background:#24131d;color:#fff;padding:11px 14px;border-radius:11px;font-size:11px;box-shadow:0 10px 30px rgba(0,0,0,.22)}.toast.error{background:#a42e43}.maintenance{min-height:100vh;padding:30px;display:grid;place-items:center;align-content:center;text-align:center;gap:10px}.maintenance h1{font-family:'Playfair Display',serif;font-size:38px;margin:8px 0}.maintenance p{color:var(--muted);max-width:520px}
.tracking-page{min-height:100vh;background:linear-gradient(145deg,var(--bg),#fff);padding-bottom:50px}.tracking-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,5vw,70px);background:#fff;border-bottom:1px solid var(--border)}.tracking-shell{width:min(920px,calc(100% - 30px));margin:46px auto}.tracking-success{text-align:center;padding:28px 20px}.tracking-success .heart{width:64px;height:64px;border-radius:50%;background:#ffe5f3;color:var(--primary);display:grid;place-items:center;margin:0 auto 16px;font-size:26px}.tracking-success h1{font-family:'Playfair Display',serif;font-size:42px;margin:0 0 10px}.tracking-success p{color:var(--muted);line-height:1.6}.order-number{display:inline-block;margin:10px 0;background:var(--primary);color:#fff;padding:8px 14px;border-radius:999px;font-weight:900}.timeline{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin:26px 0}.timeline-step{text-align:center;position:relative}.timeline-step i{width:30px;height:30px;border-radius:50%;background:#eee;color:#999;display:grid;place-items:center;margin:0 auto 7px;font-style:normal;font-size:10px;font-weight:900}.timeline-step span{font-size:8px;color:#999;display:block}.timeline-step.done i,.timeline-step.current i{background:var(--primary);color:#fff}.timeline-step.done span,.timeline-step.current span{color:var(--text);font-weight:700}.tracking-card{background:#fff;border:1px solid var(--border);border-radius:22px;padding:18px;margin-top:14px}.tracking-card h3{font-size:14px;margin:0 0 10px}.tracking-item{display:grid;grid-template-columns:54px 1fr auto;gap:10px;padding:9px 0;border-top:1px solid var(--border);align-items:center}.tracking-item:first-of-type{border-top:0}.tracking-item img{width:54px;height:64px;object-fit:cover;border-radius:9px}.tracking-item strong{font-size:11px}.tracking-item small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.tracking-item>b{font-size:14px}.tracking-actions{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin-top:20px}.tracking-actions a,.tracking-actions button{text-decoration:none}
@media(max-width:1050px){.desktop-nav{display:none}.hero{grid-template-columns:1fr .8fr}.product-grid{grid-template-columns:repeat(3,1fr)}.fashion-card.main strong{font-size:46px}}
@media(max-width:820px){.hero{grid-template-columns:1fr;padding-top:55px}.hero-visual{height:390px}.fashion-card.main{inset:20px 20px 10px 60px}.steps{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,1fr)}.catalog-head{align-items:stretch;flex-direction:column}.catalog-tools{width:100%}.product-modal-layout{grid-template-columns:1fr}.product-modal-photo{max-width:320px;width:100%;margin:auto}.timeline{overflow:auto;grid-template-columns:repeat(7,95px);padding-bottom:8px}}
@media(max-width:560px){.site-header{height:68px;padding:0 12px}.brand-logo{width:38px;height:38px;border-radius:12px}.brand strong{font-size:12px}.brand span{font-size:7px}.cart-button em{display:none}.hero{min-height:auto;padding:40px 16px 50px}.hero h1{font-size:47px}.hero-visual{height:300px}.fashion-card.main{inset:20px 5px 5px 45px;padding:24px;border-radius:26px}.fashion-card.main strong{font-size:38px}.fashion-card.mini{width:95px;height:120px;border-width:5px}.how-section,.catalog-section{padding:48px 16px}.section-title h2{font-size:35px}.product-grid{gap:10px}.product-card{border-radius:16px}.product-body{padding:10px}.product-body h3{font-size:12px}.product-body .price{font-size:14px}.form-grid{grid-template-columns:1fr}.variant-head{display:none}.variant-row{grid-template-columns:1fr 1fr;padding:11px}.variant-row>div:first-child{grid-column:1/-1}.variant-row input{min-height:42px}.modal-backdrop{padding:8px}.modal{max-height:96vh;border-radius:19px}.modal-head,.modal-body,.modal-actions{padding-left:14px;padding-right:14px}.modal-actions{display:grid;grid-template-columns:1fr 1fr}.hero-benefits{display:grid;gap:8px}footer{grid-template-columns:1fr}.footer-actions{justify-content:flex-start}.tracking-shell{margin-top:24px}.tracking-success h1{font-size:34px}}
.variant-row .status.disponivel{color:#13734a}.variant-row .status.poucas{color:#996000}.variant-row .status.indisponivel{color:#ad2c2c}.primary-btn,.ghost-btn,.tracking-actions a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.primary-btn:disabled{opacity:.45;cursor:not-allowed}

/* =====================================================================
   SIANGY V5.1 · FASHION STOREFRONT
   Barra editorial, carousel, layouts, redes e miniaturas por cor
   ===================================================================== */
:root{
  --header-bg:#ffffff;--header-text:var(--text);--ticker-bg:#111111;--ticker-text:#ffffff;
  --card-radius:14px;--header-h:92px;--fashion-max:1540px;
}
body[data-page="catalog"]{background:#fff;color:var(--text)}
body[data-page="catalog"] main{min-width:0}
.announcement-ticker{height:31px;overflow:hidden;background:var(--ticker-bg);color:var(--ticker-text);border-bottom:1px solid color-mix(in srgb,var(--ticker-text) 12%,transparent);display:flex;align-items:center;white-space:nowrap}
.announcement-track{display:flex;width:max-content;animation:tickerMove var(--ticker-speed,28s) linear infinite;will-change:transform}
.announcement-set{display:flex;align-items:center;flex:0 0 auto}
.announcement-item{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:0 34px;display:inline-flex;align-items:center;gap:34px}
.announcement-item::after{content:'•';opacity:.35}
@keyframes tickerMove{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.announcement-track{animation:none}.banner-slide{transition:none!important}}

.site-header{height:var(--header-h);padding:0 clamp(16px,4.2vw,72px);background:var(--header-bg);color:var(--header-text);position:sticky;top:0;z-index:40;border-bottom:1px solid color-mix(in srgb,var(--header-text) 11%,transparent);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;box-shadow:none}
.brand-centered{grid-column:2;justify-self:center;text-align:center;display:flex;align-items:center;gap:12px;color:inherit}
.brand-centered .brand-logo{width:54px;height:54px;border-radius:50%;background-color:transparent;color:var(--primary);border:1px solid color-mix(in srgb,var(--header-text) 15%,transparent)}
.brand-copy strong{font-size:18px;letter-spacing:.16em;color:inherit}.brand-copy span{font-size:8px;letter-spacing:.28em;color:color-mix(in srgb,var(--header-text) 68%,transparent)}
.header-actions{grid-column:3;justify-self:end}.header-icon{width:42px;height:42px;border-radius:50%;border:0;background:transparent;color:inherit;font-size:23px;display:grid;place-items:center}.header-icon:hover{background:color-mix(in srgb,var(--header-text) 7%,transparent)}
.desktop-search{grid-column:1;justify-self:start}.cart-button{background:transparent;color:inherit;border:0;border-radius:999px;padding:7px 9px}.cart-button b{background:var(--primary);color:#fff}.cart-button em{display:none}.lang-switch{border-color:color-mix(in srgb,var(--header-text) 14%,transparent);background:transparent}.lang-switch button{color:color-mix(in srgb,var(--header-text) 65%,transparent)}
.mobile-only{display:none}

.category-nav{min-height:52px;background:var(--header-bg);display:flex;align-items:center;justify-content:center;gap:clamp(8px,2.2vw,34px);padding:0 18px;border-bottom:1px solid color-mix(in srgb,var(--header-text) 10%,transparent);position:relative;z-index:25;overflow-x:auto;scrollbar-width:none}.category-nav::-webkit-scrollbar{display:none}
.category-nav button{border:0;background:transparent;color:var(--header-text);font-size:12px;font-weight:600;padding:15px 5px;white-space:nowrap;border-bottom:2px solid transparent}.category-nav button:hover,.category-nav button.active{color:var(--primary);border-bottom-color:var(--primary)}
.mobile-menu{position:fixed;left:0;right:0;top:calc(31px + var(--header-h));z-index:45;background:var(--header-bg);color:var(--header-text);padding:14px 18px 22px;border-bottom:1px solid var(--border);box-shadow:0 18px 40px rgba(0,0,0,.1)}.mobile-menu>div{display:grid}.mobile-menu button{border:0;background:transparent;color:inherit;text-align:left;padding:13px 4px;border-bottom:1px solid color-mix(in srgb,var(--header-text) 10%,transparent);font-weight:700}

.banner-carousel{position:relative;width:100%;background:#f4f1ee;overflow:hidden;min-height:clamp(360px,47vw,720px)}
.banner-stage{position:relative;min-height:inherit}.banner-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .55s ease;display:grid;align-items:end;background:#efece8;overflow:hidden}.banner-slide.active{opacity:1;pointer-events:auto}.banner-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.banner-slide::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.42),rgba(0,0,0,.06) 58%,transparent)}
.banner-content{position:relative;z-index:2;color:#fff;padding:clamp(34px,6vw,96px);max-width:760px}.banner-content small{font-size:10px;font-weight:800;letter-spacing:.24em}.banner-content h1{font-family:'Playfair Display',serif;font-size:clamp(38px,5.5vw,78px);line-height:.96;margin:10px 0 15px;letter-spacing:-.035em}.banner-content p{font-size:clamp(13px,1.3vw,18px);line-height:1.6;max-width:600px;margin:0 0 23px}.banner-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 19px;background:#fff;color:#171717;text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.04em;border-radius:0}.banner-placeholder{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 10%,#f6f2ef),#e9e4df);color:var(--text);font-family:'Playfair Display',serif;font-size:clamp(40px,8vw,110px);opacity:.55}
.banner-arrow{position:absolute;z-index:4;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:rgba(255,255,255,.15);backdrop-filter:blur(8px);color:#fff;font-size:30px}.banner-arrow.prev{left:18px}.banner-arrow.next{right:18px}.banner-dots{position:absolute;z-index:5;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:7px}.banner-dots button{width:24px;height:3px;border:0;padding:0;background:rgba(255,255,255,.45)}.banner-dots button.active{background:#fff}.banner-carousel.single .banner-arrow,.banner-carousel.single .banner-dots{display:none}

.catalog-section{padding:clamp(46px,6vw,86px) clamp(18px,5vw,76px);max-width:var(--fashion-max);margin:auto;background:#fff}.catalog-head{align-items:end}.section-title>span{letter-spacing:.2em}.section-title h2{font-family:'Playfair Display',serif;font-size:clamp(31px,4vw,52px);font-weight:600;letter-spacing:-.03em;margin:5px 0 7px}.section-title p{max-width:700px}.catalog-tools .search{border-radius:0;border:0;border-bottom:1px solid #aaa;background:transparent}.category-chips{margin:20px 0 28px}.category-chips button{border-radius:0;background:transparent;border:0;border-bottom:1px solid transparent;padding:8px 12px;color:var(--muted)}.category-chips button.active{color:var(--text);border-bottom-color:var(--text);background:transparent}
.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 18px}.product-card{padding:0;border:0;border-radius:0;box-shadow:none;background:transparent}.product-card:hover{transform:none;box-shadow:none;border:0}.product-image{border-radius:0;background:#f6f4f2;aspect-ratio:3/4;margin:0;overflow:hidden}.product-image img{transition:transform .45s ease}.product-card:hover .product-image img{transform:scale(1.025)}.availability{top:10px;left:10px;border-radius:0;font-size:8px;letter-spacing:.08em}.product-body{padding:12px 1px 0}.product-body small{font-size:8px;letter-spacing:.14em}.product-body h3{font-family:Inter,sans-serif;font-size:13px;font-weight:650;margin:6px 0}.product-body .price{font-size:13px}.product-body .meta{font-size:9px}.product-body>button{width:100%;margin-top:10px;border-radius:0;min-height:40px;background:var(--text);color:#fff;border:1px solid var(--text);font-size:10px;letter-spacing:.05em;text-transform:uppercase}

.how-section{max-width:var(--fashion-max);margin:0 auto;padding:clamp(50px,7vw,100px) clamp(18px,5vw,76px);background:color-mix(in srgb,var(--bg) 72%,white)}.section-title.centered{text-align:center}.steps article{border-radius:0;box-shadow:none;background:transparent;border-top:1px solid color-mix(in srgb,var(--text) 15%,transparent)}

.fashion-footer{padding:0;background:#111;color:#fff}.footer-main{max-width:var(--fashion-max);margin:auto;padding:50px clamp(18px,5vw,76px);display:grid;grid-template-columns:1.5fr .8fr .8fr;gap:50px}.footer-brand{display:flex;gap:15px;align-items:flex-start}.footer-brand strong{display:block;letter-spacing:.12em}.footer-brand span,.footer-brand p{display:block;color:#aaa;font-size:10px;line-height:1.6;margin:4px 0}.footer-links,.footer-social{display:grid;align-content:start;gap:7px}.footer-links>strong,.footer-social>strong{font-size:10px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:5px}.footer-links button{border:0;background:transparent;color:#aaa;text-align:left;padding:4px 0;font-size:10px}.social-links{display:flex;flex-wrap:wrap;gap:8px}.social-links a{display:inline-flex;align-items:center;justify-content:center;border:1px solid #444;color:#fff;text-decoration:none;border-radius:999px;min-height:36px;padding:0 12px;font-size:9px;font-weight:700}.footer-bottom{border-top:1px solid #282828;padding:16px clamp(18px,5vw,76px);text-align:center;color:#888}.footer-logo{background-color:#fff!important;color:#111!important}
.floating-wa{position:fixed;right:22px;bottom:22px;z-index:60;width:56px;height:56px;border-radius:50%;border:0;background:#25d366;color:#fff;font-size:25px;box-shadow:0 10px 30px rgba(0,0,0,.2)}

/* Produto: escolha visual da primeira variação */
.product-modal-layout.fashion-product-modal{grid-template-columns:minmax(300px,.9fr) minmax(420px,1.1fr);gap:28px}.product-gallery-main{aspect-ratio:3/4;background:#f5f3f1;display:grid;place-items:center;overflow:hidden}.product-gallery-main img{width:100%;height:100%;object-fit:cover}.color-thumbs{display:flex;gap:8px;overflow-x:auto;padding:10px 0 4px;scrollbar-width:thin}.color-thumb{flex:0 0 76px;border:1px solid var(--border);background:#fff;padding:4px;text-align:left;color:var(--text)}.color-thumb.active{border:2px solid var(--primary);padding:3px}.color-thumb-media{height:82px;background:#f2f0ee;display:grid;place-items:center;overflow:hidden}.color-thumb-media img{width:100%;height:100%;object-fit:cover}.color-thumb span{display:block;font-size:8px;font-weight:800;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.variant-color-group{border-top:1px solid var(--border);padding-top:14px;margin-top:14px}.variant-color-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}.variant-color-title strong{font-size:12px}.variant-color-title small{font-size:9px;color:var(--muted)}.variant-row.hidden-by-color{display:none}.variant-table.color-filtered .variant-head span:first-child{padding-left:0}

/* Presets de layout — editáveis via ERP */
body[data-layout="editorial-minimal"]{--header-bg:#fff;--header-text:#171717;--ticker-bg:#fafafa;--ticker-text:#252525;--card-radius:0}
body[data-layout="editorial-minimal"] .brand-logo{border-radius:0;border:0}
body[data-layout="luxury-boutique"]{--header-bg:#111;--header-text:#f7f0df;--ticker-bg:#c8a86b;--ticker-text:#111}
body[data-layout="luxury-boutique"] .category-nav{background:#111}.banner-link{font-family:Inter,sans-serif}
body[data-layout="fashion-clean"]{--header-bg:#fff;--header-text:#222;--ticker-bg:var(--primary);--ticker-text:#fff;--card-radius:12px}
body[data-layout="fashion-clean"] .product-image{border-radius:12px}.fashion-clean-placeholder{border-radius:12px}
body[data-layout="siangy-pink"]{--header-bg:var(--primary);--header-text:#fff;--ticker-bg:#fff;--ticker-text:var(--primary);--card-radius:20px}
body[data-layout="siangy-pink"] .category-nav{background:var(--primary);color:#fff}.product-card .product-image{border-radius:20px}.product-body>button{border-radius:999px;background:var(--primary);border-color:var(--primary)}
body[data-layout="urban-fashion"]{--header-bg:#151515;--header-text:#fff;--ticker-bg:var(--primary);--ticker-text:#fff;--card-radius:0}
body[data-layout="urban-fashion"] .product-body h3{text-transform:uppercase;letter-spacing:.04em}.banner-content h1{font-family:Inter,sans-serif;font-weight:900;text-transform:uppercase}

@media(max-width:1100px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-main{grid-template-columns:1.2fr .8fr .8fr}.product-modal-layout.fashion-product-modal{grid-template-columns:minmax(250px,.85fr) minmax(360px,1.15fr)}}
@media(max-width:820px){
  :root{--header-h:70px}.site-header{grid-template-columns:auto 1fr auto;padding:0 13px}.mobile-only{display:grid}.desktop-only,.desktop-search{display:none}.brand-centered{grid-column:2;justify-self:center}.brand-centered .brand-logo{width:42px;height:42px}.brand-copy strong{font-size:12px;letter-spacing:.11em}.brand-copy span{font-size:7px}.header-actions{grid-column:3}.header-actions .lang-switch{display:none}.cart-button{padding:6px}.category-nav{display:none}.banner-carousel{min-height:62vw;max-height:600px}.banner-content{padding:30px 25px}.banner-slide::after{background:linear-gradient(0deg,rgba(0,0,0,.55),rgba(0,0,0,.05) 70%)}.banner-arrow{width:40px;height:40px}.catalog-section{padding-left:14px;padding-right:14px}.catalog-head{display:block}.catalog-tools{margin-top:16px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 10px}.footer-main{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.product-modal-layout.fashion-product-modal{grid-template-columns:1fr}.product-gallery-main{max-height:52vh}.color-thumb{flex-basis:68px}.color-thumb-media{height:72px}
}
@media(max-width:520px){.announcement-ticker{height:28px}.announcement-item{font-size:8px;padding:0 22px}.site-header{top:0}.brand-copy span{display:none}.brand-centered .brand-logo{width:38px;height:38px}.banner-carousel{min-height:118vw}.banner-content h1{font-size:38px}.banner-content{padding:28px 20px}.banner-arrow{display:none}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 8px}.product-body h3{font-size:11px}.product-body .price{font-size:12px}.product-body>button{font-size:9px;padding:0 5px}.footer-main{grid-template-columns:1fr;gap:28px;padding-top:38px}.footer-brand{grid-column:auto}.floating-wa{width:52px;height:52px;right:14px;bottom:15px}.product-gallery-main{max-height:none}.color-thumb{flex-basis:62px}.color-thumb-media{height:66px}.modal .product-modal-info h3{font-size:23px}}
/* Gallery height tuned so color thumbnails and size controls stay reachable without excessive scrolling */
@media(min-width:821px){.product-gallery-main{height:min(52vh,470px);aspect-ratio:auto}}
@media(max-width:820px){.product-gallery-main{height:min(42vh,360px);aspect-ratio:auto;max-height:none!important}}
@media(max-width:520px){.product-gallery-main{height:285px;aspect-ratio:auto}}

/* ── V5.1.2 · banners realmente responsivos + hotspots ───────────────────── */
.banner-slide .banner-image{position:absolute;inset:0;width:100%;height:100%;object-fit:var(--fit-desktop,cover);object-position:center center;background:#f4f1ee}.banner-image-mobile{display:none}.banner-content{z-index:4}.banner-hotspot{position:absolute;z-index:3;border:0;background:transparent;padding:0;cursor:pointer}.banner-hotspot:focus-visible{outline:3px solid #fff;outline-offset:-4px;background:rgba(255,255,255,.12)}
@media(max-width:820px){
  .banner-carousel{min-height:0!important;max-height:none!important;aspect-ratio:16/7;background:#f4f1ee}
  .banner-stage,.banner-slide{min-height:0!important;height:100%}
  .banner-slide .banner-image{object-fit:var(--fit-mobile,contain)}
  .banner-slide.has-mobile .banner-image-desktop{display:none!important}
  .banner-slide.has-mobile .banner-image-mobile{display:block}
  .banner-carousel.mobile-art{aspect-ratio:4/5}
  .banner-carousel.mobile-contain .banner-slide::after{background:linear-gradient(0deg,rgba(0,0,0,.42),rgba(0,0,0,0) 62%)}
  .banner-content{padding:24px 18px;max-width:88%}
}
@media(max-width:520px){
  .banner-carousel{min-height:0!important;aspect-ratio:16/7!important}
  .banner-carousel.mobile-art{aspect-ratio:4/5!important}
  .banner-content{padding:18px 15px}.banner-content h1{font-size:clamp(24px,8vw,36px)}.banner-content p{font-size:12px;margin-bottom:14px}.banner-link{min-height:40px;padding:0 14px;font-size:9px}
}

/* ── V5.2 · imagens de produto 3:4 completas, sem recorte ─────────────── */
.product-image,
.product-modal-photo,
.product-gallery-main,
.color-thumb-media,
.drawer-thumb,
.tracking-item img{background:#fff!important;}
.product-image{aspect-ratio:3/4!important;}
.product-image img,
.product-modal-photo img,
.product-gallery-main img,
.color-thumb-media img,
.drawer-thumb img,
.tracking-item img{object-fit:contain!important;object-position:center center!important;}
.product-gallery-main{aspect-ratio:3/4!important;height:auto!important;max-height:none!important;width:100%;}
.color-thumb-media{aspect-ratio:3/4!important;height:auto!important;}
.drawer-thumb{width:58px!important;height:auto!important;aspect-ratio:3/4!important;}
.tracking-item img{width:54px!important;height:auto!important;aspect-ratio:3/4!important;}
@media(max-width:820px){.product-gallery-main{aspect-ratio:3/4!important;height:auto!important;max-height:none!important;}}
@media(max-width:520px){.product-gallery-main{aspect-ratio:3/4!important;height:auto!important;}}

/* V5.3 · estado de estoque zero explícito */
.availability.zero,.variant-row .status.zero{color:#b42318!important;background:#fff0ee!important}.variant-row.unavailable .status.zero{opacity:1}


/* ── V5.5.1 · fluxo de compra contínuo + carrinho evidente ───────────── */
.product-add-feedback{margin-top:12px;padding:11px 13px;border-radius:12px;background:color-mix(in srgb,var(--primary) 9%,#fff);border:1px solid color-mix(in srgb,var(--primary) 22%,#fff);color:var(--text);font-size:11px;font-weight:750;line-height:1.45}
.modal-actions .primary-btn{min-width:190px}
.drawer-guidance{margin:10px 20px 6px;padding:12px 13px;border-radius:13px;background:color-mix(in srgb,var(--primary) 7%,#fff);border:1px solid color-mix(in srgb,var(--primary) 18%,#fff);display:grid;gap:4px}.drawer-guidance strong{font-size:9px;letter-spacing:.12em;color:var(--primary)}.drawer-guidance span{font-size:10px;line-height:1.5;color:var(--muted)}
/* Header: pedido precisa parecer uma ação, inclusive no celular. */
.site-header .cart-button{background:var(--primary)!important;color:#fff!important;border:1px solid color-mix(in srgb,var(--primary) 80%,#000)!important;padding:8px 12px!important;box-shadow:0 5px 18px color-mix(in srgb,var(--primary) 18%,transparent)}
.site-header .cart-button b{background:#fff!important;color:var(--primary)!important}.site-header .cart-button em{display:inline!important;color:#fff;font-style:normal}
.floating-cart-cta{position:fixed;left:22px;bottom:22px;z-index:59;border:1px solid color-mix(in srgb,var(--primary) 22%,#fff);background:#fff;color:var(--text);border-radius:18px;min-height:62px;padding:8px 12px 8px 9px;display:flex;align-items:center;gap:10px;box-shadow:0 14px 40px rgba(35,8,22,.18);cursor:pointer;text-align:left;max-width:min(350px,calc(100vw - 105px))}.floating-cart-cta.hidden{display:none!important}.floating-cart-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:var(--primary);color:#fff;font-size:20px;flex:0 0 auto}.floating-cart-cta>span:nth-child(2){display:grid;gap:2px;min-width:0}.floating-cart-cta strong{font-size:12px}.floating-cart-cta small{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.floating-cart-arrow{margin-left:auto;color:var(--primary);font-size:24px;font-weight:500}.cart-has-items .floating-wa{bottom:96px}
.cart-drawer #send-order{min-height:52px;font-size:13px;letter-spacing:.01em;box-shadow:0 8px 24px color-mix(in srgb,var(--primary) 22%,transparent)}
@media(max-width:820px){.floating-cart-cta{left:14px;right:78px;bottom:14px;max-width:none;min-height:58px;border-radius:16px}.cart-has-items .floating-wa{bottom:84px}.site-header .cart-button{padding:7px 9px!important;gap:5px}.site-header .cart-button em{font-size:9px!important}.modal-actions .primary-btn{min-width:0}.product-add-feedback{font-size:10px}}
@media(max-width:520px){.floating-cart-cta{right:72px;left:10px;bottom:10px;padding:7px 10px 7px 7px}.floating-cart-icon{width:40px;height:40px;border-radius:12px}.floating-cart-cta strong{font-size:11px}.floating-cart-cta small{font-size:8px}.site-header .cart-button em{display:inline!important}.site-header .cart-button span:first-child{display:none}.drawer-guidance{margin-left:14px;margin-right:14px}.modal-actions{grid-template-columns:.9fr 1.25fr!important}}

.product-top-close-hidden{display:none!important}

/* ── V5.6 · catálogo por categoria, destaques, social visual, boas-vindas ── */
:root{--ticker-h:31px}
.announcement-ticker{position:sticky!important;top:0!important;z-index:70!important}
.site-header{top:var(--ticker-h)!important;z-index:65!important}
.featured-section{padding:42px clamp(18px,4vw,72px) 8px;background:var(--bg)}
.featured-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 14px}
.catalog-category-section{margin:0 0 46px}.catalog-category-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:0 0 18px;padding-bottom:9px;border-bottom:1px solid color-mix(in srgb,var(--text) 10%,transparent)}.catalog-category-head h2{font-size:clamp(20px,2.2vw,32px);font-weight:750;margin:1px 0 0}.catalog-category-head button{border:0;background:transparent;color:var(--primary);font-weight:800;cursor:pointer}.catalog-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 14px}
.catalog-promo-badge{position:absolute;left:9px;bottom:9px;z-index:3;background:var(--primary);color:#fff;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:900;letter-spacing:.08em}.product-image{position:relative}.old-price{display:block;font-size:9px!important;color:var(--muted);text-decoration:line-through;font-weight:500}.variant-old-price{display:block;color:var(--muted);text-decoration:line-through;font-size:8px;font-weight:500}.variant-promo-label{display:block;color:var(--primary);font-size:8px;font-weight:900;margin-top:2px}
.social-link-rich{display:flex!important;align-items:center;gap:9px}.social-link-rich img,.social-default-icon{width:28px;height:28px;border-radius:8px;object-fit:contain;background:#fff;display:grid;place-items:center;font-weight:900;flex:0 0 auto}
.floating-wa img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.welcome-modal{max-width:560px!important}.welcome-media{width:100%;aspect-ratio:4/3;background:#fff;display:grid;place-items:center;overflow:hidden;border-radius:14px;margin-bottom:18px}.welcome-media img{width:100%;height:100%;object-fit:contain}.welcome-copy{font-size:13px;line-height:1.75;color:var(--text);margin:0}
@media(max-width:1100px){.featured-grid,.catalog-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){:root{--ticker-h:31px}.featured-section{padding:30px 14px 6px}.featured-grid,.catalog-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 9px}.catalog-category-section{margin-bottom:38px}.catalog-category-head{align-items:center}.catalog-category-head h2{font-size:22px}}
@media(max-width:520px){:root{--ticker-h:28px}.site-header{top:28px!important}.featured-section{padding-top:24px}.catalog-category-head button{font-size:9px}.catalog-category-grid{gap:18px 8px}.social-link-rich img,.social-default-icon{width:25px;height:25px}.welcome-modal .modal-body{padding-top:8px}}

/* ── V5.6.1 · correção estrutural do catálogo + grid fashion responsivo ── */
.catalog-section{
  width:100%;
  max-width:1480px;
  padding:clamp(34px,4.5vw,64px) clamp(16px,4vw,56px) clamp(58px,6vw,86px);
  overflow:hidden;
}
.catalog-section .catalog-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,420px);
  gap:28px;
  align-items:end;
}
.catalog-section .section-title h2{
  font-size:clamp(24px,2.7vw,38px);
  line-height:1;
  margin:6px 0 10px;
}
.catalog-section .section-title p{
  font-size:13px;
  line-height:1.55;
}
.category-chips{
  overflow-x:auto;
  flex-wrap:nowrap;
  scrollbar-width:none;
  padding-bottom:2px;
}
.category-chips::-webkit-scrollbar{display:none}
.category-chips button{flex:0 0 auto;white-space:nowrap}

/* IMPORTANT: "Todos" contém SEÇÕES, não cartões. Cada categoria ocupa 100%. */
.catalog-products-root{width:100%;min-width:0}
.catalog-products-root.catalog-groups-mode{display:block!important}
.catalog-products-root.catalog-grid-mode{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:26px 16px;
}
.catalog-category-section{
  display:block;
  width:100%;
  min-width:0;
  margin:0 0 clamp(44px,5vw,72px);
}
.catalog-category-section:last-child{margin-bottom:0}
.catalog-category-head{
  min-width:0;
  align-items:flex-end;
  padding-bottom:12px;
  margin-bottom:18px;
  border-bottom:1px solid color-mix(in srgb,var(--text) 16%,transparent);
}
.catalog-category-head .kicker{
  font-size:8px;
  letter-spacing:.18em;
  color:var(--primary);
}
.catalog-category-head h2{
  font-family:'Playfair Display',serif;
  font-size:clamp(26px,3vw,42px);
  line-height:.98;
  text-transform:uppercase;
  letter-spacing:-.025em;
  font-weight:650;
}
.catalog-category-actions{
  display:flex;
  align-items:center;
  gap:18px;
  flex:0 0 auto;
}
.catalog-category-actions>span{
  color:var(--muted);
  font-size:9px;
  white-space:nowrap;
}
.catalog-category-actions button{
  font-size:10px;
  white-space:nowrap;
}
.catalog-category-grid{
  width:100%;
  min-width:0;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:26px 16px;
}

/* Tarjeta similar a ecommerce fashion: compacta, legible y foto 3:4 completa. */
.product-card{
  min-width:0;
  display:flex;
  flex-direction:column;
  padding:7px;
  background:#fff;
  border:1px solid color-mix(in srgb,var(--text) 10%,transparent);
  border-radius:13px;
  overflow:hidden;
  box-shadow:0 5px 18px rgba(30,12,22,.035);
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
@media (hover:hover) and (pointer:fine){
  .product-card:hover{
    transform:translateY(-2px);
    border-color:color-mix(in srgb,var(--primary) 32%,transparent);
    box-shadow:0 12px 28px rgba(30,12,22,.07);
  }
  .product-card:hover .product-image img{transform:scale(1.012)}
}
.product-image{
  width:100%;
  aspect-ratio:3/4!important;
  border-radius:9px;
  background:#faf8f8!important;
  overflow:hidden;
}
.product-image img{
  width:100%;
  height:100%;
  object-fit:contain!important;
  object-position:center!important;
  transition:transform .35s ease;
}
.availability{
  left:8px;
  top:8px;
  z-index:4;
  padding:5px 7px;
  border-radius:6px;
  font-size:7px;
  letter-spacing:.04em;
  border:1px solid rgba(0,0,0,.04);
}
.catalog-promo-badge{
  left:auto;
  right:8px;
  bottom:auto;
  top:8px;
  border-radius:6px;
  padding:5px 7px;
  font-size:7px;
}
.product-body{
  display:flex;
  flex-direction:column;
  flex:1;
  min-width:0;
  padding:11px 4px 4px;
}
.product-body small{
  font-size:7px;
  letter-spacing:.12em;
  color:var(--primary);
}
.product-body h3{
  margin:5px 0 8px;
  min-height:2.7em;
  font-size:12px;
  line-height:1.35;
  font-weight:750;
  overflow-wrap:anywhere;
}
.product-body .price{
  color:var(--primary);
  font-size:14px;
  font-weight:900;
  line-height:1.25;
}
.product-body .old-price{margin-bottom:2px}
.product-body .meta{
  min-height:15px;
  font-size:8px;
  margin:5px 0 0;
}
.product-body>button{
  margin-top:auto;
  padding:0 8px;
  min-height:38px;
  border-radius:8px;
  background:var(--primary);
  border-color:var(--primary);
  font-size:9px;
  font-weight:850;
  line-height:1.15;
}
.product-body>button:disabled{background:#a7a0a4;border-color:#a7a0a4}

/* Destaques usan la misma escala de tarjetas. */
.featured-section{max-width:1480px;margin:0 auto;padding-left:clamp(16px,4vw,56px);padding-right:clamp(16px,4vw,56px)}
.featured-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 16px}

@media(max-width:1180px){
  .catalog-products-root.catalog-grid-mode,.catalog-category-grid,.featured-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:840px){
  .catalog-section{padding:30px 14px 58px}
  .catalog-section .catalog-head{grid-template-columns:1fr;gap:16px}
  .catalog-tools{width:100%;max-width:none}
  .catalog-products-root.catalog-grid-mode,.catalog-category-grid,.featured-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 10px}
  .catalog-category-head h2{font-size:28px}
  .catalog-category-actions{gap:10px}
  .catalog-category-actions button{font-size:9px}
}
@media(max-width:680px){
  .catalog-products-root.catalog-grid-mode,.catalog-category-grid,.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 9px}
  .catalog-category-section{margin-bottom:42px}
  .catalog-category-head{align-items:center}
  .catalog-category-actions>span{display:none}
  .product-card{padding:5px;border-radius:10px}
  .product-image{border-radius:7px}
  .product-body{padding:9px 3px 3px}
  .product-body h3{font-size:11px;min-height:2.7em}
  .product-body .price{font-size:12px}
  .product-body>button{min-height:36px;font-size:8px;border-radius:7px}
}
@media(max-width:380px){
  .catalog-section{padding-left:10px;padding-right:10px}
  .catalog-products-root.catalog-grid-mode,.catalog-category-grid,.featured-grid{gap:16px 7px}
  .product-card{padding:4px}
  .product-body h3{font-size:10px}
  .product-body .price{font-size:11px}
  .product-body>button{font-size:7.5px;padding:0 4px}
}


/* =====================================================================
   V5.6.2 · MODAL DE COMPRA RESPONSIVO REAL (Chrome Android / tablets)
   ===================================================================== */
html,body{max-width:100%;overflow-x:hidden}body.modal-open{overflow:hidden}
.modal-backdrop{width:100%;height:100vh;height:100dvh;max-width:100vw;overflow:hidden}
.modal{max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);min-width:0}
.modal-head,.modal-body,.modal-actions,.product-modal-layout,.product-modal-info,.variant-table,.variant-row{min-width:0;max-width:100%}
.modal-body{min-height:0;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.product-modal-layout.fashion-product-modal{width:100%;min-width:0}
.product-modal-info{overflow:visible}.color-thumbs{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding-bottom:4px}.color-thumb{min-width:0}
.variant-row>*{min-width:0}.variant-row strong,.variant-row small{overflow-wrap:anywhere}.variant-row input{max-width:100%;font-size:16px}
@media(max-width:840px){
  .modal-backdrop{padding:8px;place-items:center}
  .modal{width:100%;max-width:100%;max-height:calc(100dvh - 16px)}
  .product-modal-layout.fashion-product-modal{grid-template-columns:minmax(0,1fr)!important;gap:16px}
  .product-gallery-main{width:min(100%,360px)!important;margin:0 auto;aspect-ratio:3/4!important;height:auto!important}
  .variant-table{overflow:visible}
}
@media(max-width:680px){
  .modal-backdrop{padding:0!important;display:flex!important;align-items:stretch!important;justify-content:stretch!important}
  .modal,.modal.small,.welcome-modal{width:100vw!important;max-width:100vw!important;height:100vh!important;height:100dvh!important;max-height:100vh!important;max-height:100dvh!important;border-radius:0!important;margin:0!important}
  .modal-head{flex:0 0 auto;padding:12px 14px!important;min-height:58px;background:#fff;position:relative;z-index:3}
  .modal-head h2{font-size:16px;line-height:1.2;min-width:0;white-space:normal}
  .modal-body{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:14px!important}
  .modal-actions{flex:0 0 auto!important;position:relative!important;bottom:auto!important;background:#fff;padding:10px 12px max(10px,env(safe-area-inset-bottom))!important;display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr)!important;gap:8px;border-top:1px solid var(--border);z-index:4}
  .modal-actions button{width:100%;min-width:0!important;min-height:48px;font-size:11px}
  .product-modal-layout.fashion-product-modal{display:block!important;width:100%!important}
  .product-gallery-main{width:min(100%,310px)!important;margin:0 auto 10px!important}
  .color-thumbs{display:flex!important;gap:8px!important;width:100%!important;overflow-x:auto!important;padding:2px 0 8px!important}
  .color-thumb{flex:0 0 68px!important;width:68px!important}
  .color-thumb-media{width:68px!important;aspect-ratio:3/4!important;height:auto!important}
  .product-modal-info h3{font-size:23px!important;line-height:1.05;margin-top:4px}
  .product-modal-info>p{font-size:11px;line-height:1.5}
  .variant-table{margin-top:12px;border-radius:12px}
  .variant-head{display:none!important}
  .variant-row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(82px,.55fr)!important;gap:8px!important;padding:10px!important;align-items:center}
  .variant-row>div:first-child{grid-column:1/-1!important}
  .variant-row>div:nth-child(2),.variant-row>div:nth-child(3){min-width:0}
  .variant-row>div:nth-child(4){grid-column:2;grid-row:2 / span 2;align-self:stretch;display:flex;align-items:center}
  .variant-row input{width:100%!important;min-height:46px!important;font-size:16px!important}
  .modal-summary{gap:8px;align-items:center}.modal-summary strong{font-size:15px;white-space:nowrap}
  .form-grid{grid-template-columns:minmax(0,1fr)!important}.checkout-form input,.checkout-form select,.checkout-form textarea{font-size:16px;max-width:100%}
}
@media(max-width:390px){
  .modal-body{padding:11px!important}.product-gallery-main{width:min(100%,270px)!important}.color-thumb{flex-basis:62px!important;width:62px!important}.color-thumb-media{width:62px!important}.variant-row{grid-template-columns:minmax(0,1fr) 78px!important;padding:9px 8px!important}.modal-actions{padding-left:8px!important;padding-right:8px!important}.modal-actions button{font-size:10px!important}}
@supports not (height:100dvh){@media(max-width:680px){.modal,.modal.small,.welcome-modal{height:100vh!important;max-height:100vh!important}}}

/* V5.6.3 · galería multi-foto del producto */
.product-gallery-shell{display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px;align-items:start;min-width:0}
.product-media-thumbs{display:flex;flex-direction:column;gap:8px;max-height:620px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:2px}
.product-media-thumb{width:72px;aspect-ratio:3/4;border:1px solid var(--border);background:#f5f3f1;padding:2px;overflow:hidden;cursor:pointer;position:relative;flex:0 0 auto}
.product-media-thumb.active{border:2px solid var(--primary);padding:1px}.product-media-thumb img{width:100%;height:100%;object-fit:cover;display:block}.product-media-thumb .placeholder{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:11px}
.product-gallery-shell .product-gallery-main{width:100%!important;max-width:none!important;margin:0!important}
@media(max-width:820px){.product-gallery-shell{grid-template-columns:1fr;gap:8px}.product-media-thumbs{order:2;flex-direction:row;max-height:none;overflow-x:auto;overflow-y:hidden;padding:2px 0 6px}.product-media-thumb{width:62px;flex-basis:62px}.product-gallery-shell .product-gallery-main{order:1;width:min(100%,360px)!important;margin:0 auto!important}}
@media(max-width:520px){.product-media-thumb{width:56px;flex-basis:56px}.product-gallery-shell .product-gallery-main{width:min(100%,290px)!important}}

/* =====================================================================
   V5.6.7 · BOAS-VINDAS MOBILE CENTRALIZADA (imagem 4:3 sem área branca)
   ===================================================================== */
.welcome-backdrop{
  display:grid!important;
  place-items:center!important;
  padding:clamp(14px,3vw,28px)!important;
  overflow:auto!important;
}
.welcome-backdrop .welcome-modal{
  width:min(560px,calc(100vw - 28px))!important;
  max-width:560px!important;
  height:auto!important;
  max-height:calc(100vh - 28px)!important;
  max-height:calc(100dvh - 28px)!important;
  min-height:0!important;
  margin:auto!important;
  border-radius:22px!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  background:#fff!important;
}
.welcome-backdrop .welcome-modal .modal-head{
  flex:0 0 auto!important;
  padding:16px 18px 12px!important;
  min-height:0!important;
}
.welcome-backdrop .welcome-modal .modal-body{
  flex:0 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:10px 18px 6px!important;
}
.welcome-backdrop .welcome-media{
  width:min(100%,480px)!important;
  aspect-ratio:4/3!important;
  height:auto!important;
  max-height:none!important;
  margin:0 auto 14px!important;
  border-radius:14px!important;
  background:#fff!important;
  overflow:hidden!important;
}
.welcome-backdrop .welcome-media img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  display:block!important;
}
.welcome-backdrop .welcome-copy{
  margin:0!important;
  padding:0 2px 6px!important;
}
.welcome-backdrop .welcome-modal .modal-actions{
  flex:0 0 auto!important;
  position:relative!important;
  display:flex!important;
  justify-content:flex-end!important;
  padding:10px 18px 16px!important;
  border-top:0!important;
  background:#fff!important;
}
.welcome-backdrop .welcome-modal .modal-actions .primary-btn{
  width:auto!important;
  min-width:150px!important;
}

@media(max-width:680px){
  .welcome-backdrop{
    align-items:center!important;
    justify-items:center!important;
    padding:max(14px,env(safe-area-inset-top)) 14px max(14px,env(safe-area-inset-bottom))!important;
  }
  .welcome-backdrop .welcome-modal{
    width:min(420px,calc(100vw - 28px))!important;
    max-width:420px!important;
    height:auto!important;
    max-height:calc(100dvh - 28px)!important;
    border-radius:20px!important;
  }
  .welcome-backdrop .welcome-modal .modal-head{
    padding:14px 15px 10px!important;
  }
  .welcome-backdrop .welcome-modal .modal-head h2{
    font-size:18px!important;
    line-height:1.18!important;
  }
  .welcome-backdrop .welcome-modal .modal-body{
    padding:8px 14px 4px!important;
  }
  .welcome-backdrop .welcome-media{
    width:100%!important;
    max-width:390px!important;
    aspect-ratio:4/3!important;
    margin-bottom:10px!important;
  }
  .welcome-backdrop .welcome-copy{
    font-size:11px!important;
    line-height:1.55!important;
  }
  .welcome-backdrop .welcome-modal .modal-actions{
    display:flex!important;
    padding:9px 14px 14px!important;
  }
  .welcome-backdrop .welcome-modal .modal-actions .primary-btn{
    width:100%!important;
    min-height:44px!important;
    font-size:11px!important;
  }
}

@media(max-width:390px){
  .welcome-backdrop{padding:10px!important}
  .welcome-backdrop .welcome-modal{
    width:calc(100vw - 20px)!important;
    max-height:calc(100dvh - 20px)!important;
    border-radius:18px!important;
  }
  .welcome-backdrop .welcome-media{max-width:340px!important}
}


/* ── V5.6.8 · carrusel automático de hasta 3 fotos de capa ───────────── */
.product-cover-carousel{position:relative}
.product-cover-carousel .product-cover-slide{
  position:absolute!important;
  inset:0;
  width:100%;
  height:100%;
  opacity:0;
  z-index:1;
  object-fit:contain!important;
  object-position:center center!important;
  will-change:opacity;
}
.product-cover-carousel .cover-count-1{opacity:1}
.product-cover-carousel .cover-count-2{
  animation:productCoverCycle2 4s linear infinite;
  animation-delay:calc(var(--cover-index) * -2s);
}
.product-cover-carousel .cover-count-3{
  animation:productCoverCycle3 6s linear infinite;
  animation-delay:calc(var(--cover-index) * -2s);
}
.product-cover-carousel .availability,
.product-cover-carousel .catalog-promo-badge{z-index:4}
@keyframes productCoverCycle2{
  0%,47%{opacity:1}
  50%,97%{opacity:0}
  100%{opacity:1}
}
@keyframes productCoverCycle3{
  0%,30%{opacity:1}
  33%,96%{opacity:0}
  100%{opacity:1}
}
@media (prefers-reduced-motion:reduce){
  .product-cover-carousel .product-cover-slide{animation:none!important;opacity:0}
  .product-cover-carousel .product-cover-slide:first-of-type{opacity:1}
}

.catalog-swatches{display:flex;gap:5px;align-items:center;margin:7px 0;min-height:18px}.catalog-swatch{display:inline-block;width:17px;height:17px;border-radius:50%;overflow:hidden;border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.25)}.catalog-swatch.compact{width:15px;height:15px}.catalog-swatch img{width:100%;height:100%;object-fit:cover;display:block}.color-thumb-label{display:flex!important;align-items:center;gap:5px}