/* ============================================================
   INFOX LOJA — REFORMA VISUAL HOME v1
   Camada isolada: carregada depois de assets/style.css.
   Não altera regras de negócio, banco, carrinho, PIX ou estoque.
   ============================================================ */

.storefront-v3{
  --v3-shell:1560px;
  --v3-dark:color-mix(in srgb,var(--hero,#05245e) 72%,#06101f 28%);
  --v3-dark-2:color-mix(in srgb,var(--hero,#05245e) 58%,#030914 42%);
  --v3-border:rgba(255,255,255,.14);
  background:var(--bg,#f5f7fb);
}
.storefront-v3 .wrap{max-width:var(--v3-shell);width:calc(100% - 40px)}
.storefront-v3 .storeHeaderV3{position:relative;z-index:30;background:var(--v3-dark);border:0;color:#fff;box-shadow:0 1px 0 rgba(5,18,40,.10)}
.storefront-v3 .storeTopbar{background:var(--primary,#0755da);color:var(--on-primary,#fff);font-size:12px}
.storefront-v3 .storeTopbarInner{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.storefront-v3 .storeTopbarMessage{font-weight:600;letter-spacing:.1px;opacity:.96}
.storefront-v3 .storeTopbarActions{display:flex;align-items:center;gap:20px;white-space:nowrap}
.storefront-v3 .storeTopbarActions a{font-weight:800;display:inline-flex;align-items:center;min-height:34px;padding:0 2px}
.storefront-v3 .storeTopbarActions a:hover{text-decoration:underline;text-underline-offset:3px}
.storefront-v3 .storeTopbarPhone{opacity:.88}

.storefront-v3 .storeMainBand{background:var(--v3-dark-2);border-bottom:1px solid var(--v3-border)}
.storefront-v3 .mainhead{padding:16px 0;gap:22px;min-height:82px}
.storefront-v3 .mainhead>.brand{color:#fff}
.storefront-v3 .mainhead>.brand:not(.logoBrand)>span{color:#ffae35}
.storefront-v3 .mainhead>.brand:not(.logoBrand)>small{color:#c7d3e4}
.storefront-v3 .brandLogoPlate{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;padding:7px 11px;box-shadow:0 1px 0 rgba(255,255,255,.15)}
.storefront-v3 .mainhead .brandLogo{height:50px;max-width:245px}
.storefront-v3 .search{margin:0;height:48px;border:1px solid rgba(255,255,255,.16);border-radius:7px;background:#fff;box-shadow:0 5px 18px rgba(0,0,0,.10)}
.storefront-v3 .search input{font-size:14px;color:#14233a;background:#fff}
.storefront-v3 .search input::placeholder{color:#7b8797}
.storefront-v3 .search button{width:54px;display:grid;place-items:center;background:var(--primary,#0755da);color:var(--on-primary,#fff);padding:0}
.storefront-v3 .search button:hover{filter:brightness(1.08)}
.storefront-v3 .search button svg{width:21px;height:21px}

.storefront-v3 .headerQuick{display:flex;align-items:center;gap:5px;flex-shrink:0}
.storefront-v3 .headerQuickItem{height:50px;min-width:74px;display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:7px;color:#fff;background:transparent;text-align:left;transition:background .16s ease,transform .16s ease}
.storefront-v3 .headerQuickItem:hover{background:rgba(255,255,255,.09);color:#fff;transform:translateY(-1px)}
.storefront-v3 .headerQuickIcon{display:inline-flex;color:#6eb2ff;flex-shrink:0}
.storefront-v3 .headerQuickIcon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.storefront-v3 .headerQuickItem small,.storefront-v3 .headerQuickItem b{display:block;white-space:nowrap;line-height:1.15}
.storefront-v3 .headerQuickItem small{font-size:10px;font-weight:500;color:#b9c6d8;margin-bottom:3px}
.storefront-v3 .headerQuickItem b{font-size:11px;font-weight:800;color:#fff}
.storefront-v3 .utilityLink{padding:7px 9px;color:#fff}
.storefront-v3 .shareText{width:auto;min-width:92px;height:50px;padding:7px 9px;border-radius:7px;background:transparent;box-shadow:none;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:9px;color:#fff}
.storefront-v3 .shareText:hover{background:rgba(255,255,255,.09);box-shadow:none;filter:none;color:#fff}
.storefront-v3 .shareText .headerQuickIcon{color:#6eb2ff}
.storefront-v3 .shareText .headerQuickIcon svg{color:inherit;width:22px;height:22px;stroke-width:1.7}
.storefront-v3 .shareText small,.storefront-v3 .shareText b{display:block;color:inherit}
.storefront-v3 .headerCart{height:48px;min-width:92px;border-radius:7px;background:var(--primary,#0755da);color:var(--on-primary,#fff);display:flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;margin-left:4px;position:relative;box-shadow:0 4px 14px rgba(0,0,0,.16)}
.storefront-v3 .headerCart:hover{filter:brightness(1.07)}
.storefront-v3 .headerCart svg{width:22px;height:22px}
.storefront-v3 .headerCartText{font-size:11px;font-weight:800}
.storefront-v3 .headerCart b{top:-7px;right:-7px;background:#fff;color:var(--primary,#0755da);border:2px solid var(--primary,#0755da);font-size:10px;padding:1px 5px}

.storefront-v3 .storeNavBand{background:color-mix(in srgb,var(--v3-dark) 90%,#fff 10%);border-bottom:1px solid rgba(255,255,255,.10)}
.storefront-v3 .nav{min-height:47px;color:#fff;gap:14px;overflow:visible}
.storefront-v3 .navlinks{gap:0;min-width:0;overflow-x:auto;scrollbar-width:none}
.storefront-v3 .navlinks::-webkit-scrollbar{display:none}
.storefront-v3 .navlinks button,.storefront-v3 .navlinks a{font-size:12px;font-weight:650;color:#eaf2ff;padding:15px 14px;line-height:1;white-space:nowrap;transition:background .15s ease,color .15s ease}
.storefront-v3 .navlinks button:hover,.storefront-v3 .navlinks a:hover{background:rgba(255,255,255,.08);color:#fff}
.storefront-v3 .navlinks button.active{color:#fff;text-decoration:none;background:rgba(255,255,255,.10);box-shadow:inset 0 -3px 0 var(--accent,var(--primary))}
.storefront-v3 .navPromoLink{font-weight:850!important;color:#fff!important}
.storefront-v3 .account{gap:7px;color:#dce8f9;margin-left:auto}
.storefront-v3 .account button{font-size:11px;border-left:1px solid rgba(255,255,255,.16);padding:4px 0 4px 12px;color:inherit}

.storefront-v3 .departmentsMenu{position:relative;flex-shrink:0}
.storefront-v3 .departmentsMenu summary{list-style:none;min-width:175px;height:39px;margin:4px 0;display:flex;align-items:center;gap:9px;padding:0 13px;border-radius:6px;background:var(--primary,#0755da);color:var(--on-primary,#fff);font-size:12px;font-weight:850;cursor:pointer;user-select:none}
.storefront-v3 .departmentsMenu summary::-webkit-details-marker{display:none}
.storefront-v3 .departmentsMenu summary svg{width:17px;height:17px}
.storefront-v3 .deptChevron{margin-left:auto;font-size:15px;line-height:1;transition:transform .16s ease}
.storefront-v3 .departmentsMenu[open] .deptChevron{transform:rotate(180deg)}
.storefront-v3 .departmentsPanel{position:absolute;left:0;top:calc(100% + 3px);width:285px;background:#fff;color:#162337;border:1px solid #dfe5ef;border-radius:9px;padding:8px;box-shadow:0 18px 55px rgba(3,20,47,.24);z-index:80}
.storefront-v3 .departmentsPanelTitle{padding:10px 11px 9px;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.8px;color:#718096;border-bottom:1px solid #edf0f5;margin-bottom:5px}
.storefront-v3 .departmentsPanel button,.storefront-v3 .departmentsPanel a{width:100%;min-height:39px;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;font-size:13px;text-align:left;color:#1c2b40}
.storefront-v3 .departmentsPanel button:hover,.storefront-v3 .departmentsPanel a:hover{background:var(--soft,#edf3ff);color:var(--primary,#0755da)}
.storefront-v3 .departmentsPanel svg{width:17px;height:17px;color:var(--primary,#0755da)}
.storefront-v3 .deptBullet{width:6px;height:6px;border-radius:50%;background:color-mix(in srgb,var(--primary,#0755da) 70%,#fff)}

.storefront-v3 main{padding-top:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 82%,#dbe6f6 18%) 0,var(--bg) 620px)}
.storefront-v3 .hero{border-radius:9px;box-shadow:0 12px 34px rgba(8,31,66,.14);border:1px solid rgba(5,30,66,.08);overflow:hidden}
.storefront-v3 .hero::after{background:linear-gradient(90deg,rgba(2,17,43,.80) 0%,rgba(2,17,43,.54) 40%,rgba(2,17,43,.08) 70%,rgba(2,17,43,0) 100%)}
.storefront-v3 .herocopy{padding:47px 62px;max-width:710px}
.storefront-v3 .herocopy h1{font-size:44px;line-height:1.07;margin:16px 0 14px;text-shadow:0 2px 14px rgba(0,0,0,.17)}
.storefront-v3 .herocopy p{font-size:15px;line-height:1.55;color:rgba(255,255,255,.83)}
.storefront-v3 .herocopy .primary{border-radius:6px;box-shadow:0 6px 18px rgba(0,0,0,.12)}
.storefront-v3 .heroFoot{color:rgba(255,255,255,.72)}
.storefront-v3 #heroPrev{left:17px!important}
.storefront-v3 #heroNext{right:17px!important}
.storefront-v3 .heroControls>#dots{left:62px!important}

.storefront-v3 .benefits{background:#fff;margin-top:14px;padding:17px 18px;border:1px solid #e4e9f1;border-radius:9px;box-shadow:0 4px 16px rgba(9,34,69,.05);gap:0}
.storefront-v3 .benefits>div{min-height:45px}
.storefront-v3 .benefits svg{width:25px;height:25px}
.storefront-v3 .benefits b{font-size:13px;color:#14233a}
.storefront-v3 .benefits small{font-size:10px;color:#708096}

.storefront-v3 .featuredBand{margin-top:24px;padding:28px 0 36px;background:linear-gradient(135deg,var(--v3-dark-2),var(--v3-dark));border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(0,0,0,.14)}
.storefront-v3 .catalog{padding-top:0;color:#fff}
.storefront-v3 .catalogHeadline{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:12px}
.storefront-v3 .catalogHeadline .kicker{color:#7db8ff}
.storefront-v3 .catalogHeadline h2{font-size:27px;color:#fff;margin-top:4px}
.storefront-v3 .catalogHeadline p{margin:0 0 3px;max-width:480px;text-align:right;color:#b9c9de;font-size:12px;line-height:1.5}
.storefront-v3 .catalogToolbar{display:flex!important;align-items:center!important;justify-content:flex-end!important;margin:0 0 10px!important;gap:14px!important}
.storefront-v3 #resultCount{margin:0;color:#b9c9de;font-size:11px}
.storefront-v3 .arrows button{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;padding:8px}
.storefront-v3 .arrows button:hover{background:rgba(255,255,255,.15)}
.storefront-v3 .products{gap:12px;padding:3px 2px 10px}
.storefront-v3 .product{flex-basis:calc((100% - 60px)/6);min-width:185px;border:0;border-radius:8px;padding:12px;box-shadow:0 5px 18px rgba(0,0,0,.14);transform:translateY(0);transition:transform .18s ease,box-shadow .18s ease}
.storefront-v3 .product:hover{border-color:transparent;transform:translateY(-4px);box-shadow:0 11px 28px rgba(0,0,0,.22)}
.storefront-v3 .productVisual{margin:4px 0 8px;border-radius:6px;background-color:#fff}
.storefront-v3 .product h3{color:#162337;font-size:13px;line-height:1.35;margin:6px 0 10px;min-height:36px}
.storefront-v3 .product .category{color:#7d8795;font-size:9px}
.storefront-v3 .badge{font-size:8px}
.storefront-v3 .price{color:#0d2345;font-size:21px}
.storefront-v3 .payment{font-size:9px;margin:4px 0 10px}
.storefront-v3 .add{min-height:38px;border-radius:6px;background:var(--primary,#0755da);border-color:var(--primary,#0755da);color:var(--on-primary,#fff);font-size:11px}
.storefront-v3 .add:hover:not(:disabled){filter:brightness(1.07)}
.storefront-v3 .add:disabled{background:#edf0f4;color:#8692a2;border-color:#e0e5ec}
.storefront-v3 .example{color:#aebfd4;margin-top:5px}
.storefront-v3 #empty{background:#fff;color:#17263b;border-radius:8px;padding:18px}

.storefront-v3 .serviceBanner{margin-top:30px;border-radius:9px;box-shadow:0 6px 22px rgba(7,34,70,.05)}
.storefront-v3 .help{padding-top:36px;padding-bottom:36px}
.storefront-v3 footer{background:#fff}

@media(min-width:1600px){
  .storefront-v3 .wrap{width:calc(100% - 48px)}
  .storefront-v3 .mainhead{gap:26px}
}

@media(max-width:1320px){
  .storefront-v3 .headerQuickItem span>small,.storefront-v3 .headerQuickItem span>b{display:none}
  .storefront-v3 .headerQuickItem{min-width:44px;width:44px;justify-content:center;padding:0}
  .storefront-v3 .shareText{min-width:44px;width:44px;height:50px;justify-content:center;padding:0}
  .storefront-v3 .headerCart{min-width:54px;width:54px;padding:0}
  .storefront-v3 .headerCartText{display:none}
  .storefront-v3 .account{display:none}
}

@media(max-width:980px){
  .storefront-v3 .wrap{width:calc(100% - 28px)}
  .storefront-v3 .storeTopbarMessage{display:none}
  .storefront-v3 .storeTopbarInner{justify-content:center}
  .storefront-v3 .mainhead{display:grid;grid-template-columns:auto 1fr auto;gap:12px;padding:12px 0}
  .storefront-v3 .mainhead .brandLogo{height:44px;max-width:190px}
  .storefront-v3 .search{grid-row:2;grid-column:1/4;width:100%;height:44px}
  .storefront-v3 .headerQuick{grid-column:3;grid-row:1}
  .storefront-v3 .headerQuick .utilityLink,.storefront-v3 .headerQuick .shareText{display:none}
  .storefront-v3 .nav{min-height:45px}
  .storefront-v3 .navlinks{gap:0}
  .storefront-v3 .departmentsMenu summary{min-width:155px}
  .storefront-v3 .catalogHeadline p{display:none}
  .storefront-v3 .product{flex-basis:calc((100% - 36px)/4)}
}

@media(max-width:700px){
  .storefront-v3 .wrap{width:calc(100% - 20px)}
  .storefront-v3 .storeTopbar{font-size:10px}
  .storefront-v3 .storeTopbarInner{min-height:29px}
  .storefront-v3 .storeTopbarActions{gap:10px}
  .storefront-v3 .storeTopbarPhone{display:none}
  .storefront-v3 .storeTopbarActions a{min-height:29px}
  .storefront-v3 .mainhead{grid-template-columns:1fr auto;padding:10px 0;gap:10px}
  .storefront-v3 .mainhead>.brand{grid-column:1;grid-row:1;font-size:31px}
  .storefront-v3 .brandLogoPlate{padding:5px 8px}
  .storefront-v3 .mainhead .brandLogo{height:38px;max-width:165px}
  .storefront-v3 .headerQuick{grid-column:2;grid-row:1;gap:4px}
  .storefront-v3 .headerQuick .headerAccount{display:flex}
  .storefront-v3 .headerQuickItem{height:42px;width:42px;min-width:42px}
  .storefront-v3 .headerQuickIcon svg{width:20px;height:20px}
  .storefront-v3 .headerCart{height:42px;width:45px;min-width:45px}
  .storefront-v3 .search{grid-row:2;grid-column:1/3;height:42px}
  .storefront-v3 .storeNavBand{position:relative}
  .storefront-v3 .nav{width:100%;padding:0 10px;gap:6px;overflow:visible}
  .storefront-v3 .departmentsMenu summary{min-width:144px;height:37px;font-size:11px;margin:4px 0}
  .storefront-v3 .departmentsPanel{position:fixed;left:10px;right:10px;top:auto;width:auto;max-height:65vh;overflow:auto}
  .storefront-v3 .navlinks{overflow-x:auto}
  .storefront-v3 .navlinks button,.storefront-v3 .navlinks a{font-size:11px;padding:15px 10px}
  .storefront-v3 main{padding-top:10px}
  .storefront-v3 .hero{height:auto!important;aspect-ratio:1536/452!important;min-height:0!important;border-radius:6px}
  .storefront-v3 .heroart{background-size:contain!important;background-position:center!important}
  .storefront-v3 .hero::after{background:linear-gradient(90deg,rgba(2,17,43,.64) 0%,rgba(2,17,43,.22) 44%,rgba(2,17,43,0) 78%)}
  .storefront-v3 .herocopy{padding:18px 30px;max-width:58%}
  .storefront-v3 .eyebrow{font-size:6px;letter-spacing:.7px;gap:5px}
  .storefront-v3 .herocopy h1{font-size:18px;letter-spacing:-.4px;margin:8px 0 5px}
  .storefront-v3 .herocopy p{font-size:8px;line-height:1.35;margin-bottom:8px}
  .storefront-v3 .herocopy .primary{font-size:8px;padding:7px 9px;gap:5px}
  .storefront-v3 .herocopy .primary svg{width:11px;height:11px}
  .storefront-v3 .heroFoot{display:none}
  .storefront-v3 #heroPrev,.storefront-v3 #heroNext{width:31px!important;height:31px!important;opacity:.38!important}
  .storefront-v3 #heroPrev{left:5px!important}.storefront-v3 #heroNext{right:5px!important}
  .storefront-v3 .heroControls>#dots{left:50%!important;bottom:7px!important;transform:translateX(-50%)!important}
  .storefront-v3 .benefits{grid-template-columns:repeat(2,1fr);margin-top:9px;padding:12px 8px;gap:10px 2px}
  .storefront-v3 .benefits>div{justify-content:flex-start;padding:0 6px;border:0;min-height:38px}
  .storefront-v3 .benefits svg{width:20px;height:20px}
  .storefront-v3 .benefits b{font-size:10px}
  .storefront-v3 .benefits small{font-size:8px}
  .storefront-v3 .featuredBand{margin-top:16px;padding:20px 0 25px}
  .storefront-v3 .catalogHeadline{margin-bottom:7px}
  .storefront-v3 .catalogHeadline h2{font-size:20px}
  .storefront-v3 .catalogToolbar{margin-bottom:8px!important}
  .storefront-v3 #resultCount{display:block;font-size:10px}
  .storefront-v3 .product{flex-basis:calc((100% - 10px)/2);min-width:145px;padding:9px}
  .storefront-v3 .products{gap:10px}
  .storefront-v3 .product h3{font-size:11px;min-height:32px}
  .storefront-v3 .price{font-size:18px}
  .storefront-v3 .add{font-size:10px;min-height:34px}
  .storefront-v3 .serviceBanner{margin-top:18px}
}

@media(max-width:390px){
  .storefront-v3 .mainhead .brandLogo{max-width:135px}
  .storefront-v3 .headerQuick .headerAccount{display:none}
  .storefront-v3 .herocopy{padding-left:26px;max-width:62%}
  .storefront-v3 .herocopy p{display:none}
}