/* Vitrina: a commercial layout built for Kevibe Shops. */
body.vitrina{--accent:#ba4a2a;--on-accent:#fff;--accent-text:#fff;--surface:#f1e8de;--page:#fff;--ink:#222522;--card:#fff;--line:#22252220;--heading:system-ui,sans-serif;--radius:10px;--vitrina-columns:4;font-family:var(--body,system-ui,sans-serif)}body.vitrina .announcement{background:#202723;color:#fff;letter-spacing:.08em;text-transform:none;font-size:11px;padding:11px 20px}html[data-menu] body.vitrina>header{gap:30px;min-height:112px}body.vitrina .brand{font:750 27px var(--heading);letter-spacing:-1px;max-width:260px}body.vitrina .vitrina-header-search{display:flex;flex:1;min-width:160px;max-width:510px;align-items:center;border:1px solid var(--line);border-radius:8px;background:#f8f8f5;overflow:hidden}body.vitrina .vitrina-header-search label{flex:1;min-width:0}body.vitrina .vitrina-header-search label>span{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}body.vitrina .vitrina-header-search input{border:0;background:transparent;color:var(--ink);padding:16px;width:100%;font:13px var(--body,system-ui);outline-offset:-3px}body.vitrina .vitrina-header-search button{border:0;min-height:48px;padding:12px 15px;background:var(--accent);color:var(--on-accent);font:600 12px var(--body,system-ui);cursor:pointer}body.vitrina>main{padding-top:0}body.vitrina .vitrina-toolstrip{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:60px;position:relative;margin-bottom:24px;font-size:12px}body.vitrina .vitrina-toolstrip>span{font-size:11px;opacity:.7}body.vitrina .vitrina-megamenu>summary{cursor:pointer;list-style:none;min-height:58px;padding:20px 30px 20px 0;display:flex;align-items:center;gap:25px;font-weight:700}body.vitrina .vitrina-megamenu>summary::-webkit-details-marker{display:none}body.vitrina .vitrina-mega-grid{position:absolute;top:100%;left:0;right:0;z-index:9;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:24px;background:var(--card);border:1px solid var(--line);border-radius:0 0 12px 12px;box-shadow:0 20px 40px #18241a18}body.vitrina .vitrina-mega-grid>a{padding:16px;display:flex;flex-direction:column;gap:8px;min-height:70px;background:#f8f8f5;border-radius:6px}body.vitrina .vitrina-mega-grid span{font-size:11px;opacity:.65}body.vitrina .vitrina-mega-grid>a:hover{background:var(--surface)}body.vitrina .vitrina-categories{display:flex;gap:12px;overflow-x:auto;scrollbar-width:thin;padding:0 0 20px}body.vitrina .vitrina-categories>a{display:flex;align-items:center;gap:14px;min-width:160px;min-height:66px;border:1px solid var(--line);padding:10px 16px;border-radius:6px;font-size:12px;font-weight:600}body.vitrina .vitrina-categories img{width:44px;height:44px;border-radius:50%;object-fit:cover}body.vitrina .vitrina-categories>a>span:last-child{margin-left:auto}
body.vitrina .hero--vitrina{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:20px;padding:0;margin:0 0 62px;min-height:0}body.vitrina .hero--vitrina[data-layout=wide],body.vitrina .hero--vitrina:not(:has(.vitrina-promo-stack)){grid-template-columns:1fr}body.vitrina .hero--vitrina[data-layout=wide] .vitrina-promo-stack{display:none}.vitrina-main-campaign{position:relative;min-width:0;overflow:hidden;border-radius:8px;background:var(--surface)}body.vitrina .vitrina-slide{display:grid;grid-template-columns:1.05fr .95fr;min-height:480px;padding:48px 22px 65px 38px;position:relative;align-items:center;background:var(--surface);border-radius:8px}body.vitrina .vitrina-slide[hidden]{display:none!important}body.vitrina .vitrina-slide[data-photo=true]{grid-template-columns:1fr}body.vitrina .vitrina-slide .hero-copy{padding:0;min-width:0;position:relative;z-index:1}body.vitrina .vitrina-slide .slide-title{font:750 clamp(28px,3.4vw,48px)/1.1 var(--heading);letter-spacing:-1.7px;margin:18px 0 18px;overflow-wrap:anywhere}body.vitrina .vitrina-slide .eyebrow{font-size:9px;letter-spacing:.18em;font-weight:700}body.vitrina .vitrina-slide .intro{font-size:12px;line-height:1.8;max-width:340px;margin:0;opacity:.8}body.vitrina .hero-art{padding:12px;min-width:0;min-height:260px;position:relative}body.vitrina .hero-art:before,body.vitrina .hero-art:after{display:none}body.vitrina .hero-art svg{width:100%;transform:none;filter:none;color:var(--accent)}body.vitrina .hero-art .progressive-photo{width:100%;height:100%;position:absolute;inset:0;object-fit:contain;border-radius:8px}body.vitrina .cta{border-radius:5px;padding:15px 20px;font-size:11px;font-weight:650;gap:22px;background:var(--ink);color:var(--page);margin-top:24px}.vitrina-main-campaign .banner-controls{position:absolute;left:35px;right:25px;bottom:18px;z-index:2;display:flex;align-items:center;gap:9px;padding:0;background:transparent}.vitrina-main-campaign .banner-controls>button{min-width:30px;min-height:30px;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:50%;cursor:pointer}.vitrina-main-campaign .banner-controls .slide-dot{min-width:9px;min-height:9px;width:9px;height:9px;border:1px solid var(--ink);padding:0;background:transparent}.vitrina-main-campaign .slide-dot[aria-pressed=true]{background:var(--ink)}.vitrina-main-campaign #slide-status{font-size:10px;margin-left:auto}.vitrina-promo-stack{display:grid;grid-template-rows:1fr 1fr;gap:20px}.vitrina-promo{display:grid;grid-template-columns:1fr .9fr;gap:10px;align-items:center;position:relative;overflow:hidden;border-radius:8px;background:#f2f4ed;padding:24px;min-height:220px}.vitrina-promo:nth-child(2){background:#f1eae3}.vitrina-promo>div{min-width:0;position:relative}.vitrina-promo span{font-size:9px;text-transform:uppercase;letter-spacing:.13em}.vitrina-promo h2{font:700 21px/1.2 var(--heading);letter-spacing:-.6px;margin:12px 0 18px;overflow-wrap:anywhere}.vitrina-promo strong{font-size:10px;border-bottom:1px solid var(--ink);padding-bottom:5px}.vitrina-promo-image{min-height:140px;position:relative;align-self:stretch}.vitrina-promo-image img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.vitrina-promo-image svg{width:100%;height:100%;color:var(--accent)}
body.vitrina .section-heading{border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:24px}body.vitrina h2{font-family:var(--heading);letter-spacing:-.7px}body.vitrina .section-heading h2{font-size:30px;font-weight:700;margin-top:8px}body.vitrina .products{display:grid!important;grid-template-columns:repeat(var(--vitrina-columns),minmax(0,1fr));gap:20px;overflow:visible}body.vitrina .rail-controls{display:none}body.vitrina .product{border:1px solid var(--line);border-radius:8px;box-shadow:none}body.vitrina .card-photo .illustration{aspect-ratio:1;background:#f6f6f2}body.vitrina .product-copy h3{font:600 14px/1.45 var(--heading);min-height:2.9em}body.vitrina .product .product-copy{padding:16px}body.vitrina .card-excerpt{font-size:11px!important}body.vitrina .card-discover{display:none}body.vitrina .card-add{border-radius:6px;background:var(--accent);color:var(--on-accent);border:0}body.vitrina .card-buy{border-radius:5px}body.vitrina .vitrina-quick{order:4;flex:1 0 100%;padding:10px;text-align:center;font-size:10px;text-decoration:underline;text-underline-offset:3px}body.vitrina .catalog-tools{display:flex;flex-wrap:wrap;gap:16px;align-items:end}body.vitrina .category-tabs{order:3;flex:1 0 100%;padding:0}body.vitrina .category-tabs button{border-radius:5px;min-height:42px;font-size:11px}body.vitrina .catalog-search{flex:1}body.vitrina .catalog-search input{width:100%}body.vitrina .vitrina-sort{font-size:10px;display:flex;flex-direction:column;gap:8px}body.vitrina .vitrina-sort select{padding:13px;border:1px solid var(--line);border-radius:5px;background:var(--card);color:var(--ink);font:12px var(--body,system-ui)}body.vitrina .story{background:var(--surface);padding:50px;border-radius:8px;min-height:0}body.vitrina .vitrina-product-search{font-size:12px;padding:13px 18px;border:1px solid var(--line);border-radius:6px;white-space:nowrap}
.vitrina-quick-dialog{width:min(880px,94vw);max-height:90dvh;overflow:auto;background:var(--page);color:var(--ink);border:0;border-radius:12px;padding:26px}.vitrina-quick-dialog::backdrop{background:#151b18a8;backdrop-filter:blur(3px)}body.vitrina:has(.vitrina-quick-dialog[open]){overflow:hidden}.vitrina-quick-close{display:block;margin-left:auto;width:42px;height:42px;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:50%;cursor:pointer}.vitrina-quick-layout{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:12px}.vitrina-quick-photo>img{display:block;width:100%;height:330px;object-fit:contain;background:#f6f6f2;border-radius:6px}.vitrina-quick-copy small{font-size:10px;text-transform:uppercase;letter-spacing:.15em;opacity:.65}.vitrina-quick-copy h2{font:700 28px/1.2 var(--heading);margin:14px 0}.vitrina-quick-copy>strong{font-size:22px}.vitrina-quick-copy p{font-size:12px;line-height:1.8;white-space:pre-line;opacity:.75}.vitrina-quick-thumbs{display:flex;gap:8px;padding:10px 2px;overflow:auto}.vitrina-quick-thumbs button{flex:0 0 48px;width:48px;height:54px;padding:3px;border:1px solid var(--line);border-radius:4px;background:var(--card);cursor:pointer}.vitrina-quick-thumbs img{width:100%;height:100%;object-fit:contain}.vitrina-quick-thumbs button[aria-pressed=true]{border:2px solid var(--accent)}.vitrina-quick-dialog :focus-visible,.vitrina-megamenu summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
@media(max-width:1100px){body.vitrina .hero--vitrina{grid-template-columns:1fr}body.vitrina .vitrina-promo-stack{grid-template-columns:1fr 1fr;grid-template-rows:none}body.vitrina .products{grid-template-columns:repeat(3,minmax(0,1fr))}body.vitrina .vitrina-slide{min-height:420px}html[data-menu] body.vitrina>header{gap:18px}.vitrina-promo{min-height:200px}}
@media(max-width:760px){html[data-menu] body.vitrina>header{flex-wrap:wrap;gap:16px;min-height:80px;padding:20px}body.vitrina .brand{font-size:24px;max-width:75%}body.vitrina .vitrina-header-search{flex:1 0 100%;order:3;max-width:none}html[data-menu=top] body.vitrina>header>nav{order:4}body.vitrina .vitrina-toolstrip{gap:12px;margin-bottom:16px}body.vitrina .vitrina-toolstrip>span{display:none}body.vitrina .vitrina-toolstrip>a{font-size:10px}.vitrina-megamenu{max-width:70%}body.vitrina .vitrina-mega-grid{grid-template-columns:1fr 1fr;padding:12px;max-height:60dvh;overflow:auto}body.vitrina .vitrina-megamenu>summary{padding-right:10px;font-size:11px;gap:12px}body.vitrina .vitrina-categories>a{min-width:145px;min-height:60px;font-size:11px;padding:8px 12px}body.vitrina .hero--vitrina{gap:12px;margin-bottom:38px}body.vitrina .vitrina-slide{padding:30px 20px 58px;min-height:350px;grid-template-columns:1.15fr .85fr}body.vitrina .vitrina-slide .slide-title{font-size:29px;letter-spacing:-1px}.vitrina-slide .hero-art{padding:0;min-height:200px}body.vitrina .vitrina-slide .intro{font-size:11px}.vitrina-main-campaign .banner-controls{left:20px;right:20px;bottom:15px}.vitrina-promo{padding:16px;grid-template-columns:1fr;min-height:230px}.vitrina-promo h2{font-size:18px;line-height:1.25;margin:8px 0 14px}.vitrina-promo-image{height:120px;min-height:100px;grid-row:1}.vitrina-promo-stack{gap:12px}.vitrina-promo strong{font-size:10px}body.vitrina .products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}body.vitrina .product .product-copy{padding:12px}body.vitrina .product-copy h3{font-size:13px}.vitrina-sort{flex:1}body.vitrina .catalog-search{flex:1 0 100%}body.vitrina .section-heading h2{font-size:25px}body.vitrina .story{padding:28px}.vitrina-quick-layout{grid-template-columns:1fr;gap:20px}.vitrina-quick-photo>img{height:260px}.vitrina-quick-dialog{padding:18px}.vitrina-quick-copy h2{font-size:24px}.vitrina-product-search{display:none}}
@media(prefers-reduced-motion:reduce){body.vitrina *{scroll-behavior:auto!important;transition:none!important}}

@media(min-width:761px){html[data-menu=sidebar] body.vitrina>header .vitrina-header-search{flex:0 0 auto;width:100%;min-width:0}html[data-menu=sidebar] body.vitrina>header>nav{margin-top:20px}html[data-menu=sidebar] body.vitrina>header{gap:22px;overflow-y:auto}html[data-menu=sidebar] body.vitrina .hero--vitrina{grid-template-columns:1fr}html[data-menu=sidebar] body.vitrina .vitrina-promo-stack{grid-template-columns:1fr 1fr;grid-template-rows:none}html[data-menu=sidebar] body.vitrina .products{grid-template-columns:repeat(3,minmax(0,1fr))}}