:root{--green:#138a36;--green-dark:#075f29;--green-soft:#eaf7ed;--gold:#f2c500;--blue:#1351b4;--blue-dark:#0b3a82;--red:#d52b1e;--red-dark:#a61f16;--text:#17212b;--muted:#65717d;--line:#e3e8ee;--bg:#f6f8fb;--white:#fff;--shadow:0 12px 35px rgba(11,58,130,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:#fff}a{text-decoration:none;color:inherit}button,input{font:inherit}.container{width:min(1180px,calc(100% - 32px));margin:auto}.topbar{background:linear-gradient(90deg,var(--green-dark),var(--blue-dark),var(--red-dark));color:#fff;text-align:center;font-size:12px;font-weight:700;padding:9px 12px;letter-spacing:.25px}.shop-header{position:sticky;top:0;background:#fff;z-index:50;box-shadow:0 4px 20px rgba(20,40,32,.06)}.header-main{min-height:82px;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:11px;min-width:max-content}.brand-symbol{width:44px;height:44px;border-radius:12px;background:linear-gradient(145deg,var(--green) 0 38%,var(--gold) 38% 56%,var(--blue) 56% 78%,var(--red) 78% 100%);color:#fff;display:grid;place-items:center;font-weight:800}.brand span:last-child{display:flex;flex-direction:column;line-height:1}.brand strong{font-size:19px;letter-spacing:1px}.brand small{font-size:9px;letter-spacing:3px;color:var(--muted);margin-top:6px}.search-box{height:46px;flex:1;display:flex;border:1px solid #dce3df;border-radius:10px;overflow:hidden;background:#f8faf9}.search-box input{flex:1;border:0;outline:0;padding:0 16px;background:transparent;font-size:14px}.search-box button{width:52px;border:0;background:var(--blue);color:#fff;font-size:24px;cursor:pointer}.header-whatsapp{display:flex;align-items:center;gap:9px;color:var(--green)}.header-whatsapp span:last-child{display:flex;flex-direction:column}.header-whatsapp small{color:var(--muted);font-size:11px}.wa-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--green-soft);font-size:24px}.menu-toggle{display:none;border:0;background:transparent;font-size:25px}.category-nav{border-top:1px solid var(--line);background:linear-gradient(90deg,#fff 0%,#f4f8ff 50%,#fff8f7 100%)}.nav-inner{display:flex;align-items:center;gap:30px;height:48px;overflow:auto;white-space:nowrap}.nav-inner a{font-size:13px;font-weight:700;color:#38453f}.nav-inner a:first-child{color:var(--blue)}.hero-store{background:linear-gradient(115deg,#edf8ef 0%,#fff9d9 34%,#eef4ff 68%,#fff0ee 100%);overflow:hidden}.hero-store-grid{min-height:520px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px}.hero-tag,.store-heading span,.section-label,.trust-copy>span{font-size:11px;font-weight:800;color:var(--green);letter-spacing:1.6px}.hero-offer h1{font-size:54px;line-height:1.05;margin:16px 0 18px;max-width:650px}.hero-offer p{font-size:17px;line-height:1.7;color:var(--muted);max-width:610px}.hero-buttons{display:flex;gap:12px;margin:28px 0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:9px;font-weight:800;font-size:14px}.btn-primary{background:linear-gradient(90deg,var(--green),var(--blue));color:#fff}.btn-outline{border:1px solid var(--blue);color:var(--blue);background:#fff}.btn-white{background:#fff;color:var(--green)}.hero-points{display:flex;gap:22px;flex-wrap:wrap;color:#48574f;font-size:12px;font-weight:700}.hero-products{position:relative;height:430px}.floating-product{position:absolute;border-radius:24px;background:#fff;box-shadow:var(--shadow);padding:18px}.floating-label{display:inline-block;font-size:11px;font-weight:800;color:var(--green);background:var(--green-soft);padding:6px 9px;border-radius:999px}.perfume-box{width:270px;height:340px;left:20px;top:34px;transform:rotate(-3deg)}.phone-box{width:190px;height:245px;right:0;top:15px;transform:rotate(4deg)}.audio-box{width:210px;height:185px;right:15px;bottom:0;transform:rotate(-2deg)}.mock{position:absolute;left:50%;top:53%;transform:translate(-50%,-50%)}.perfume-mock{width:125px;height:165px;border-radius:18px 18px 28px 28px;background:linear-gradient(160deg,#173e31,#071c15);display:flex;align-items:center;justify-content:center;color:#e8c46c}.perfume-mock i{position:absolute;top:-34px;width:55px;height:40px;background:#161d1a;border-radius:4px}.perfume-mock b{letter-spacing:4px}.phone-mock{width:105px;height:190px;background:#131916;border-radius:22px;border:7px solid #2d3934;display:grid;place-items:center;color:#fff}.audio-mock{display:flex;gap:25px}.audio-mock i{display:block;width:38px;height:76px;background:#fff;border:4px solid #dfe5e2;border-radius:24px;box-shadow:0 10px 25px rgba(0,0,0,.12)}.service-strip{border-bottom:1px solid var(--line);background:#fff}.service-grid{display:grid;grid-template-columns:repeat(4,1fr)}.service-grid>div{padding:24px 18px;display:flex;align-items:center;gap:14px;border-right:1px solid var(--line)}.service-grid>div:last-child{border:0}.service-grid>div>span{font-size:12px;font-weight:800;color:var(--red)}.service-grid p{margin:0;display:flex;flex-direction:column;gap:4px}.service-grid strong{font-size:13px}.service-grid small{color:var(--muted);font-size:11px}.section{padding:75px 0}.store-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}.store-heading h2{font-size:34px;margin:8px 0 0}.store-heading p{color:var(--muted);margin:8px 0 0}.link-arrow{font-size:13px;font-weight:800;color:var(--green)}.category-circles{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}.category-circles button{border:0;background:transparent;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:12px}.circle-art{width:112px;height:112px;border-radius:50%;display:grid;place-items:center;font-size:34px;transition:.25s;box-shadow:inset 0 0 0 1px rgba(0,0,0,.04)}.category-circles button:hover .circle-art{transform:translateY(-5px);box-shadow:var(--shadow)}.category-circles strong{font-size:13px}.perfume-circle{background:#f3e9e3;color:#8a5742}.phone-circle{background:#e8eff7;color:#355777}.audio-circle{background:#edf3ef;color:#416453}.game-circle{background:#ede9f8;color:#5f4b8c}.beauty-circle{background:#f7e8ed;color:#98556a}.all-circle{background:var(--green-soft);color:var(--green)}.products-market{background:var(--bg)}.products-title{align-items:center}.filter-status{font-size:12px;font-weight:700;background:#fff;border:1px solid var(--line);padding:10px 14px;border-radius:999px;color:var(--muted)}.product-market-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.market-card{background:#fff;border-radius:15px;overflow:hidden;border:1px solid #e6eae8;transition:.25s}.market-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.market-image{height:250px;position:relative;display:grid;place-items:center}.badge{position:absolute;left:13px;top:13px;background:var(--green);color:#fff;font-size:9px;font-weight:800;padding:6px 8px;border-radius:5px;text-transform:uppercase;letter-spacing:.4px}.badge-light{background:#fff;color:#725461}.badge-dark{background:#202b26;color:#fff}.bg-dark{background:linear-gradient(145deg,#dfe6e3,#bac6c1)}.bg-rose{background:linear-gradient(145deg,#f7e7eb,#e8cbd2)}.bg-blue{background:linear-gradient(145deg,#e6f0fa,#bed2e5)}.bg-gray{background:linear-gradient(145deg,#f1f3f2,#d8dfdc)}.bg-purple{background:linear-gradient(145deg,#ece8f6,#d2c9e8)}.bg-orange{background:linear-gradient(145deg,#f8eee1,#efc997)}.bg-pink{background:linear-gradient(145deg,#f8e9ef,#eac9d5)}.bg-green{background:linear-gradient(145deg,#e6f1eb,#bdd8c8)}.product-mock{position:relative}.bottle{width:88px;height:128px;border-radius:10px 10px 20px 20px;display:grid;place-items:center;font-size:11px;letter-spacing:1px}.bottle i{position:absolute;top:-25px;width:38px;height:30px;background:#171b19;border-radius:3px}.bottle.black{background:linear-gradient(160deg,#193126,#070d0a);color:#eee}.bottle.rose{background:linear-gradient(160deg,#dab8bd,#9e7279);color:#fff}.bottle.rose i{background:#c8adb1}.smartphone{width:95px;height:175px;background:#111815;border:7px solid #39433f;border-radius:22px;display:grid;place-items:center;color:#fff}.earbuds{display:flex;gap:25px}.earbuds i{width:34px;height:72px;background:#fff;border:3px solid #cfd8d4;border-radius:22px;display:block;box-shadow:0 8px 22px rgba(0,0,0,.1)}.console{display:flex;align-items:center;gap:13px}.console b{width:54px;height:130px;background:#fff;border-radius:20px 7px 7px 20px;display:grid;place-items:center}.console i{width:74px;height:48px;background:#33384b;color:#fff;border-radius:18px;display:grid;place-items:center;font-style:normal}.speaker{width:155px;height:64px;border-radius:30px;background:#191f1d;color:#fff;display:grid;place-items:center;border:5px solid #313a36}.cosmetics{display:flex;align-items:end;gap:8px}.cosmetics i{width:28px;height:95px;background:#b77c92;border-radius:5px}.cosmetics b{width:75px;height:115px;background:#fff;border-radius:10px;display:grid;place-items:center;font-size:9px}.watch{width:92px;height:110px;background:#171e1b;color:#fff;border-radius:25px;display:grid;place-items:center;border:8px solid #404b46}.market-content{padding:17px}.market-content small{color:var(--green);font-weight:700;font-size:10px;text-transform:uppercase}.market-content h3{font-size:15px;line-height:1.35;margin:9px 0;min-height:42px}.rating{font-size:11px;color:#e2a626}.rating span{color:var(--muted);margin-left:4px}.price-line{display:flex;justify-content:space-between;align-items:end;border-top:1px solid var(--line);margin-top:14px;padding-top:13px}.price-line span{font-size:10px;color:var(--muted)}.price-line strong{font-size:17px;color:var(--green)}.buy-button{width:100%;margin-top:14px;border:0;border-radius:8px;background:var(--green);color:#fff;min-height:43px;font-weight:800;cursor:pointer}.market-card.hidden{display:none}.empty-state{display:none;text-align:center;padding:45px;background:#fff;border-radius:12px;color:var(--muted)}.empty-state.visible{display:block}.promo-banner{background:linear-gradient(120deg,var(--green-dark) 0%,var(--blue-dark) 62%,var(--red-dark) 100%);color:#fff}.promo-grid{min-height:260px;display:flex;align-items:center;justify-content:space-between;gap:30px}.promo-grid span{font-size:11px;font-weight:800;letter-spacing:1.5px;color:#bfe3d2}.promo-grid h2{font-size:38px;margin:8px 0}.promo-grid p{color:#d4e9df;margin:0}.centered{text-align:center;justify-content:center}.how-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.how-cards article{padding:30px;border:1px solid var(--line);border-radius:14px;background:#fff}.how-cards article>span{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--green-soft);color:var(--green);font-weight:800}.how-cards h3{margin:18px 0 8px}.how-cards p{color:var(--muted);font-size:13px;line-height:1.6;margin:0}.trust-shop{background:#f5f8f6}.trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.trust-copy h2{font-size:38px;margin:10px 0 16px}.trust-copy p{color:var(--muted);line-height:1.75}.trust-copy .btn{margin-top:14px}.trust-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.trust-cards div{background:#fff;padding:28px;border-radius:14px;box-shadow:0 8px 24px rgba(18,45,34,.06);display:flex;flex-direction:column}.trust-cards strong{font-size:27px;color:var(--green)}.trust-cards span{font-size:12px;color:var(--muted);margin-top:7px}.faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:50px}.faq-layout h2{font-size:36px;margin:10px 0}.faq-layout p{color:var(--muted);line-height:1.65}.accordion details{border-bottom:1px solid var(--line);padding:18px 0}.accordion summary{font-weight:700;cursor:pointer}.accordion details p{font-size:13px;margin:12px 0 0}.shop-footer{background:linear-gradient(135deg,#073f24,#0b2f66 68%,#7f1712);color:#d7e2dd;padding:60px 0 20px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:40px}.footer-brand strong{color:#fff}.footer-brand small{color:#91a49b}.footer-grid p,.footer-grid span{font-size:12px;color:#91a49b;line-height:1.7}.footer-grid h3{font-size:13px;color:#fff;margin-top:0}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:11px}.footer-grid a{font-size:12px}.footer-bottom{border-top:1px solid #294036;margin-top:35px;padding-top:20px;display:flex;justify-content:space-between;font-size:11px;color:#91a49b}.floating-whatsapp{position:fixed;right:22px;bottom:22px;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff;font-size:30px;box-shadow:0 12px 30px rgba(0,0,0,.2);z-index:60}
@media(max-width:900px){.header-main{min-height:70px;gap:12px}.search-box{order:3;width:100%;flex-basis:100%;height:42px}.header-main{flex-wrap:wrap;padding:12px 0}.header-whatsapp{margin-left:auto}.category-nav{display:none}.hero-store-grid{grid-template-columns:1fr;min-height:auto;padding:60px 0}.hero-offer h1{font-size:42px}.hero-products{height:360px}.service-grid{grid-template-columns:1fr 1fr}.category-circles{grid-template-columns:repeat(3,1fr)}.product-market-grid{grid-template-columns:repeat(2,1fr)}.how-cards{grid-template-columns:1fr 1fr}.trust-grid,.faq-layout{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.container{width:min(100% - 24px,1180px)}.topbar{font-size:10px}.brand-symbol{width:38px;height:38px}.brand strong{font-size:16px}.brand small{font-size:8px}.header-whatsapp span:last-child{display:none}.header-whatsapp .wa-icon{width:36px;height:36px}.hero-store-grid{padding:38px 0 30px;gap:10px}.hero-offer h1{font-size:34px}.hero-offer p{font-size:14px}.hero-buttons{display:grid;grid-template-columns:1fr 1fr}.btn{padding:0 14px;font-size:12px}.hero-points{display:grid;gap:8px}.hero-products{height:300px}.perfume-box{width:190px;height:250px;left:0}.phone-box{width:140px;height:190px}.audio-box{width:150px;height:135px}.perfume-mock{transform:translate(-50%,-50%) scale(.75)}.phone-mock{transform:translate(-50%,-50%) scale(.72)}.audio-mock{transform:translate(-50%,-50%) scale(.7)}.service-grid{grid-template-columns:1fr 1fr}.service-grid>div{padding:16px 8px;gap:8px}.service-grid strong{font-size:11px}.service-grid small{font-size:9px}.section{padding:52px 0}.store-heading{align-items:flex-start;flex-direction:column;margin-bottom:22px}.store-heading h2{font-size:27px}.link-arrow{display:none}.category-circles{display:flex;overflow-x:auto;gap:14px;padding-bottom:8px}.category-circles button{min-width:86px}.circle-art{width:76px;height:76px;font-size:25px}.category-circles strong{font-size:11px}.products-title{flex-direction:row;align-items:flex-end}.products-title p{display:none}.filter-status{font-size:9px;padding:8px}.product-market-grid{grid-template-columns:1fr 1fr;gap:10px}.market-image{height:165px}.market-content{padding:12px}.market-content h3{font-size:12px;min-height:48px}.rating{display:none}.price-line strong{font-size:14px}.buy-button{font-size:11px;min-height:39px}.badge{font-size:7px}.product-mock{transform:scale(.72)}.promo-grid{min-height:300px;flex-direction:column;align-items:flex-start;justify-content:center}.promo-grid h2{font-size:30px}.how-cards{grid-template-columns:1fr 1fr;gap:10px}.how-cards article{padding:18px}.how-cards h3{font-size:14px}.how-cards p{font-size:11px}.trust-copy h2,.faq-layout h2{font-size:30px}.trust-cards{gap:8px}.trust-cards div{padding:18px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px 18px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:12px}.floating-whatsapp{width:52px;height:52px;right:15px;bottom:15px}}

/* Identidade Brasil + Paraguai */
.brand strong{color:var(--blue-dark)}
.brand strong::after{content:"";display:block;width:58%;height:3px;margin-top:5px;border-radius:999px;background:linear-gradient(90deg,var(--green) 0 32%,var(--gold) 32% 48%,var(--blue) 48% 72%,var(--red) 72% 100%)}
.hero-tag,.store-heading span,.section-label,.trust-copy>span{color:var(--blue)}
.badge{background:var(--red)}
.market-content small{color:var(--blue)}
.price-line strong{color:var(--green-dark)}
.buy-button{background:linear-gradient(90deg,var(--green),var(--blue))}
.buy-button:hover,.btn-primary:hover{filter:brightness(.94)}
.all-circle{background:linear-gradient(135deg,#eaf7ed,#eef4ff,#fff0ee);color:var(--blue)}
.footer-bottom{border-top-color:rgba(255,255,255,.18)}

/* Catálogo completo */
.category-circles{grid-template-columns:repeat(8,1fr)}
.watch-circle{background:linear-gradient(145deg,#eef4ff,#cad8f4);color:#174f9a}
.notebook-circle{background:linear-gradient(145deg,#f1f2f5,#d8dce4);color:#303846}
.camera-circle{background:linear-gradient(145deg,#fff1ec,#f3ccc1);color:#a42d24}
[data-filter].active{color:var(--green);font-weight:800}
.market-image{overflow:hidden;background:#f3f6f5}
.catalog-art{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;isolation:isolate;transition:.35s}
.catalog-art::before,.catalog-art::after{content:"";position:absolute;border-radius:50%;z-index:-1;filter:blur(1px)}
.catalog-art::before{width:150px;height:150px;right:-30px;top:-35px;background:rgba(255,255,255,.45)}
.catalog-art::after{width:90px;height:90px;left:-20px;bottom:-20px;background:rgba(255,255,255,.25)}
.catalog-icon{font-size:74px;line-height:1;font-weight:800;filter:drop-shadow(0 12px 18px rgba(0,0,0,.12));transform:translateY(-5px)}
.catalog-art small{margin-top:14px;font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:800;color:rgba(0,0,0,.55)}
.art-celulares{background:linear-gradient(145deg,#e7f1ff,#bcd5f0);color:#173d72}
.art-perfumes{background:linear-gradient(145deg,#f9e8ee,#e5bdca);color:#7b4054}
.art-audio{background:linear-gradient(145deg,#e8f4ef,#bddbcc);color:#175b3c}
.art-smartwatches{background:linear-gradient(145deg,#eef0fb,#c9d0ed);color:#263f86}
.art-games{background:linear-gradient(145deg,#eee9f8,#d0c3e8);color:#493276}
.art-notebooks{background:linear-gradient(145deg,#edf0f3,#cdd4dc);color:#39444f}
.art-cosmeticos{background:linear-gradient(145deg,#fbeaf0,#e9c4d1);color:#8d4460}
.art-cameras{background:linear-gradient(145deg,#fff0e9,#edc2b5);color:#8e3328}
.variant-2 .catalog-icon{transform:rotate(-8deg) translateY(-5px)}
.variant-3 .catalog-icon{transform:scale(.9) translateY(-5px)}
.variant-4 .catalog-icon{transform:rotate(8deg) translateY(-5px)}
.image-2{filter:saturate(.9) brightness(1.04)}
.image-2 .catalog-icon{transform:rotate(-12deg) scale(.9)}
.image-3{filter:hue-rotate(8deg)}
.image-3 .catalog-icon{transform:rotate(12deg) scale(1.05)}
.image-4{filter:saturate(1.15) contrast(.95)}
.image-4 .catalog-icon{transform:scale(.82)}
.favorite-button{position:absolute;right:12px;top:10px;width:36px;height:36px;border:0;border-radius:50%;background:rgba(255,255,255,.88);font-size:22px;cursor:pointer;z-index:3;color:#33423b;box-shadow:0 4px 14px rgba(0,0,0,.08)}
.favorite-button.active{color:var(--red)}
.quick-view{position:absolute;left:50%;bottom:12px;transform:translate(-50%,18px);opacity:0;border:0;background:#fff;color:#173d2d;padding:9px 15px;border-radius:999px;font-weight:800;font-size:11px;cursor:pointer;transition:.25s;box-shadow:0 8px 22px rgba(0,0,0,.12);z-index:3;white-space:nowrap}
.market-card:hover .quick-view{opacity:1;transform:translate(-50%,0)}
.market-card:hover .catalog-art{transform:scale(1.04)}
.product-modal{position:fixed;inset:0;z-index:200;display:none}
.product-modal[aria-hidden="false"]{display:block}
.modal-backdrop{position:absolute;inset:0;background:rgba(3,18,11,.72);backdrop-filter:blur(5px)}
.modal-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(960px,calc(100% - 30px));max-height:90vh;overflow:auto;background:#fff;border-radius:22px;padding:28px;display:grid;grid-template-columns:1.05fr .95fr;gap:35px;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.modal-close{position:absolute;right:15px;top:12px;width:38px;height:38px;border:0;border-radius:50%;background:#f1f4f2;font-size:25px;cursor:pointer;z-index:4}
.modal-main-image{height:390px;border-radius:16px;overflow:hidden}
.modal-main-image .catalog-art{height:100%}
.modal-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:10px}
.modal-thumbs button{height:82px;border:2px solid transparent;border-radius:10px;overflow:hidden;padding:0;cursor:pointer;background:none}
.modal-thumbs button.active{border-color:var(--green)}
.modal-thumbs .catalog-icon{font-size:25px}
.modal-thumbs .catalog-art small{display:none}
.modal-category{font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--blue)}
.modal-info{padding:25px 10px 10px}
.modal-info h2{font-size:32px;line-height:1.15;margin:10px 0 14px}
.modal-rating{color:#e2a626;font-size:13px}.modal-rating span{color:var(--muted);margin-left:6px}
.modal-info p{color:var(--muted);line-height:1.7;margin:22px 0}
.modal-benefits{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:10px;color:#43534b;font-size:13px}
.modal-benefits li::before{content:"✓";color:var(--green);font-weight:800;margin-right:8px}
.modal-quote{width:100%;border:0;cursor:pointer}
.modal-open{overflow:hidden}
@media(max-width:900px){.category-circles{grid-template-columns:repeat(4,1fr)}.modal-panel{grid-template-columns:1fr;gap:15px}.modal-main-image{height:320px}.modal-info{padding:5px}.modal-info h2{font-size:26px}}
@media(max-width:600px){.category-circles{display:flex}.quick-view{opacity:1;transform:translate(-50%,0);font-size:9px;padding:7px 11px}.catalog-icon{font-size:48px}.catalog-art small{font-size:8px}.favorite-button{width:31px;height:31px;font-size:18px}.modal-panel{padding:16px;max-height:94vh}.modal-main-image{height:260px}.modal-thumbs button{height:58px}.modal-info h2{font-size:23px}.modal-info p{font-size:13px;margin:14px 0}.modal-benefits{font-size:12px}}


/* Carrossel da vitrine: 8 produtos por página, em duas linhas de quatro */
.products-carousel{position:relative}
.product-market-grid{display:flex!important;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain;padding:4px 0 14px;scroll-behavior:smooth}
.product-market-grid::-webkit-scrollbar{display:none}
.product-page{flex:0 0 100%;min-width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;scroll-snap-align:start;padding:0 2px}
.product-page .market-card{min-width:0}
.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:8;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--blue-dark);font-size:30px;line-height:1;cursor:pointer;box-shadow:0 10px 28px rgba(11,58,130,.16);display:grid;place-items:center;transition:.2s}
.carousel-arrow:hover{transform:translateY(-50%) scale(1.06);background:var(--blue);color:#fff}
.carousel-prev{left:-21px}.carousel-next{right:-21px}
.carousel-dots{display:flex;justify-content:center;gap:7px;margin-top:8px}
.carousel-dots button{width:7px;height:7px;padding:0;border:0;border-radius:999px;background:#cbd4df;cursor:pointer;transition:.25s}
.carousel-dots button.active{width:24px;background:linear-gradient(90deg,var(--green),var(--blue),var(--red))}
@media(max-width:900px){.product-page{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.carousel-prev{left:-14px}.carousel-next{right:-14px}}
@media(max-width:600px){.product-market-grid{padding-left:1px;padding-right:1px}.product-page{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0}.carousel-arrow{width:34px;height:34px;font-size:24px;top:50%}.carousel-prev{left:-8px}.carousel-next{right:-8px}.carousel-dots{margin-top:4px}}



/* Fotos reais dos produtos */
.product-photo-wrap{background:#fff!important;padding:14px}
.product-photo{width:100%;height:100%;object-fit:contain;display:block;transition:transform .35s ease}
.market-card:hover .product-photo{transform:scale(1.045)}
.modal-main-image .product-photo-wrap{padding:22px;background:#fff}
.modal-thumbs .product-photo-wrap{padding:4px;background:#fff}
.modal-thumbs .product-photo{object-fit:contain}
@media(max-width:600px){.product-photo-wrap{padding:8px}.modal-main-image .product-photo-wrap{padding:12px}}

/* Product detail modal — catálogo completo sem preço */
.product-detail-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}
.product-detail-summary>div{padding:13px 14px;border:1px solid #dfe8e2;border-radius:12px;background:#f8fbf9;display:grid;gap:4px}
.product-detail-summary span{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);font-weight:700}
.product-detail-summary strong{font-size:13px;color:#163c2b}
.product-spec-section,.product-purchase-info{border-top:1px solid #e5ebe7;padding-top:17px;margin-top:17px}
.product-spec-section h3,.product-purchase-info h3{font-size:16px;margin:0 0 12px;color:#132b20}
.product-spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.product-spec-item{border:1px solid #e3e9e5;border-radius:11px;padding:11px 12px;display:grid;gap:4px;background:#fff}
.product-spec-item span{font-size:10px;text-transform:uppercase;letter-spacing:.65px;color:#708077;font-weight:700}
.product-spec-item strong{font-size:12px;color:#203b2f;line-height:1.35}
.product-purchase-info .modal-benefits{margin-bottom:18px}
.modal-panel{width:min(1080px,calc(100% - 30px));grid-template-columns:1fr 1fr;align-items:start}
.modal-info{padding-top:12px}
.modal-info h2{font-size:29px}
@media(max-width:900px){.modal-panel{grid-template-columns:1fr}.product-spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.product-detail-summary,.product-spec-grid{grid-template-columns:1fr}.modal-panel{padding:15px}.modal-info h2{font-size:22px}}


/* Hero com fotos reais */


/* Melhorias visuais com fotos reais */
.photo-circle{padding:8px;background:linear-gradient(145deg,#fff,#eef3f1);overflow:hidden;border:1px solid rgba(0,0,0,.05)}
.photo-circle img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 8px 14px rgba(0,0,0,.12));border-radius:50%}
.category-circles button:hover .photo-circle img{transform:scale(1.05);transition:transform .25s ease}.category-circles button .photo-circle img{transition:transform .25s ease}

.promo-grid-enhanced{display:grid;grid-template-columns:1fr 460px;align-items:center;gap:34px;padding:36px 0}.promo-grid-enhanced > div:first-child .btn{margin-top:22px}.promo-visual{position:relative;display:grid;grid-template-columns:repeat(2,1fr);gap:16px;min-height:265px}.promo-card{background:rgba(255,255,255,.12);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.22);border-radius:20px;padding:14px 14px 10px;box-shadow:0 14px 34px rgba(0,0,0,.14);overflow:hidden}.promo-card small{display:inline-block;background:rgba(255,255,255,.92);color:var(--blue-dark);font-size:11px;font-weight:800;padding:6px 10px;border-radius:999px;margin-bottom:10px}.promo-card img{width:100%;height:170px;object-fit:contain;display:block;filter:drop-shadow(0 14px 24px rgba(0,0,0,.18))}.promo-card-notebook{grid-column:1/3;display:grid;grid-template-columns:150px 1fr;align-items:center;padding:18px}.promo-card-notebook img{height:150px}.promo-card-notebook small{margin-bottom:0;align-self:start;justify-self:start}.promo-card-watch img,.promo-card-camera img{height:150px}.promo-card-watch{transform:rotate(-2deg)}.promo-card-camera{transform:rotate(2deg)}

@media(max-width:900px){.promo-grid-enhanced{grid-template-columns:1fr;gap:20px}.promo-visual{width:min(100%,460px);margin:0 auto}.promo-card-notebook{grid-template-columns:130px 1fr}}
@media(max-width:600px){.photo-circle{padding:6px}.promo-grid-enhanced{padding:28px 0}.promo-visual{grid-template-columns:1fr 1fr;gap:10px;min-height:auto}.promo-card{padding:10px}.promo-card img{height:110px}.promo-card small{font-size:9px;padding:5px 8px}.promo-card-notebook{grid-column:1/3;grid-template-columns:1fr;gap:8px}.promo-card-notebook img{height:105px}}


/* V22 — pente-fino premium */
:root{--shadow-soft:0 14px 34px rgba(11,58,130,.08);--shadow-medium:0 18px 42px rgba(11,58,130,.12)}
body{background:linear-gradient(180deg,#fff 0%,#fbfcfd 100%)}
.section{padding:82px 0}.store-heading{margin-bottom:34px}.store-heading h2{letter-spacing:-.02em}.store-heading p{max-width:560px;line-height:1.7}
.search-box,.category-nav,.market-card,.trust-cards div,.how-cards article,.accordion details,.service-grid>div{transition:all .25s ease}.search-box:focus-within{border-color:rgba(19,81,180,.35);box-shadow:0 0 0 4px rgba(19,81,180,.08)}

.service-strip{background:transparent;border-bottom:0}.service-grid{gap:16px;padding:18px 0}.service-grid>div{background:#fff;border:1px solid var(--line)!important;border-radius:18px;box-shadow:var(--shadow-soft);padding:20px 18px}.service-grid>div:hover{transform:translateY(-4px);box-shadow:var(--shadow-medium)}

.category-circles{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.category-circles button{background:#fff;border:1px solid #e8ecef;border-radius:20px;padding:16px 10px 14px;box-shadow:var(--shadow-soft)}.category-circles button:hover{transform:translateY(-4px);border-color:#d9e4ef;box-shadow:var(--shadow-medium)}.category-circles button:hover .circle-art{transform:none;box-shadow:none}.circle-art{width:98px;height:98px;margin:auto}.category-circles strong{font-size:12px;color:#223029}

.products-market{background:linear-gradient(180deg,#f7f9fb 0%,#f4f7fa 100%)}.product-market-grid{gap:22px}.market-card{border-radius:18px;border:1px solid #e7edf2;box-shadow:0 10px 26px rgba(20,50,80,.05)}.market-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(20,50,80,.10)}.market-image{height:265px;background:linear-gradient(180deg,#f6f8f9 0%,#edf2f0 100%)}.product-photo-wrap{padding:16px}.market-content{padding:18px 18px 17px}.market-content h3{font-size:15px;line-height:1.42;min-height:64px;margin:10px 0 8px}.price-line{margin-top:16px;padding-top:14px}.buy-button{min-height:44px;background:linear-gradient(90deg,var(--green),var(--blue));box-shadow:0 10px 22px rgba(19,81,180,.14)}.buy-button:hover{filter:brightness(1.03)}

.promo-banner{position:relative;overflow:hidden}.promo-banner::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(255,255,255,.12),transparent 36%),radial-gradient(circle at bottom left,rgba(255,255,255,.10),transparent 30%);pointer-events:none}.promo-grid-enhanced{gap:42px;padding:42px 0}.promo-grid-enhanced h2{max-width:500px}.promo-grid-enhanced p{max-width:520px;line-height:1.75}.promo-card{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24);box-shadow:0 16px 38px rgba(0,0,0,.16)}

.how-cards{gap:20px}.how-cards article{border-radius:18px;box-shadow:var(--shadow-soft);border:1px solid #e8ecef}.how-cards article:hover{transform:translateY(-4px);box-shadow:var(--shadow-medium)}
.trust-shop{background:linear-gradient(180deg,#f7fbf8 0%,#f1f6f3 100%)}.trust-grid{gap:42px}.trust-copy p{max-width:560px}.trust-cards{gap:16px}.trust-cards div{border-radius:18px;border:1px solid #e8ecef;box-shadow:var(--shadow-soft)}
.faq-layout{gap:42px}.accordion details{background:#fff;border:1px solid #e8ecef;border-radius:16px;padding:18px 20px;margin-bottom:12px;box-shadow:var(--shadow-soft)}.accordion details[open]{box-shadow:var(--shadow-medium)}.accordion details:last-child{margin-bottom:0}.accordion summary{list-style:none}.accordion summary::-webkit-details-marker{display:none}
.shop-footer{padding:64px 0 22px}.footer-grid{gap:42px}.footer-bottom{margin-top:38px}

@media(max-width:900px){.section{padding:70px 0}.hero-store-grid{gap:26px;padding:54px 0 10px}.hero-offer h1{font-size:46px}.hero-products{height:390px}.service-grid{grid-template-columns:repeat(2,1fr)}.category-circles{grid-template-columns:repeat(3,minmax(0,1fr))}.circle-art{width:90px;height:90px}.promo-grid-enhanced{gap:24px;padding:34px 0}.product-market-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.section{padding:54px 0}.hero-store-grid{padding:34px 0 24px;gap:14px}.hero-offer h1{font-size:35px;line-height:1.08}.hero-offer p{font-size:14px;line-height:1.65}.hero-buttons{grid-template-columns:1fr;gap:10px;margin:22px 0 18px}.btn{min-height:46px}.hero-products{height:290px}.perfume-box{left:0;top:24px}.phone-box{right:0;top:12px}.audio-box{right:8px;bottom:2px}.service-grid{gap:10px;padding:10px 0 0}.service-grid>div{padding:14px 12px;border-radius:14px}.service-grid strong{font-size:11px;line-height:1.35}.service-grid small{font-size:10px}.store-heading{margin-bottom:20px}.category-circles{gap:12px;padding-bottom:6px}.category-circles button{min-width:100px;padding:12px 8px}.circle-art{width:78px;height:78px}.category-circles strong{font-size:11px}.filter-status{font-size:10px;padding:8px 10px}.product-market-grid{gap:12px}.market-card{border-radius:16px}.market-image{height:170px}.product-photo-wrap{padding:10px}.market-content{padding:12px}.market-content h3{font-size:12px;line-height:1.4;min-height:52px}.price-line{margin-top:12px;padding-top:12px}.price-line strong{font-size:15px}.buy-button{min-height:40px;font-size:11px}.promo-grid-enhanced{padding:24px 0 6px}.promo-grid-enhanced h2{font-size:28px}.promo-grid-enhanced p{font-size:13px}.promo-visual{width:100%}.promo-card{border-radius:16px}.promo-card img{height:104px}.promo-card-watch img,.promo-card-camera img{height:98px}.promo-card-notebook img{height:102px}.how-cards{grid-template-columns:1fr 1fr;gap:10px}.how-cards article{padding:16px;border-radius:14px}.how-cards p{font-size:11px}.trust-grid,.faq-layout{gap:24px}.trust-copy h2,.faq-layout h2{font-size:28px}.trust-cards div{padding:18px;border-radius:14px}.accordion details{padding:16px 16px 14px;border-radius:14px}.footer-grid{gap:24px 16px}.floating-whatsapp{width:54px;height:54px}}


/* V23 — hero mais fino e premium */


/* V24 — hero redesenhado: iPhone principal */


/* V25 — hero limpo e sofisticado */


/* V26 — hero com imagens transparentes e sem sobreposição */

/* ===== Páginas legais (privacidade, termos, trocas) ===== */
.legal-page{background:var(--bg);color:var(--text);min-height:100vh;display:flex;flex-direction:column}
.legal-topbar{background:linear-gradient(90deg,var(--green-dark),var(--blue-dark),var(--red-dark));color:#fff;text-align:center;font-size:12px;font-weight:700;padding:9px 12px;letter-spacing:.25px}
.legal-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}
.legal-header .container{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:16px}
.legal-header .brand{display:flex;align-items:center;gap:11px}
.legal-header .brand-symbol{width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,var(--green) 0 38%,var(--gold) 38% 56%,var(--blue) 56% 78%,var(--red) 78% 100%);color:#fff;display:grid;place-items:center;font-weight:800;font-size:15px}
.legal-header .brand span:last-child{display:flex;flex-direction:column;line-height:1}
.legal-header .brand strong{font-size:18px;letter-spacing:1px}
.legal-header .brand small{font-size:9px;letter-spacing:3px;color:var(--muted);margin-top:5px}
.legal-back{font-size:13px;font-weight:700;color:var(--green)}
.legal-hero{background:linear-gradient(120deg,var(--green-soft),#eef4ff);border-bottom:1px solid var(--line);padding:46px 0 40px}
.legal-hero span{display:inline-block;font-size:11px;font-weight:800;letter-spacing:1.6px;color:var(--green);background:#fff;padding:6px 12px;border-radius:999px;border:1px solid var(--line)}
.legal-hero h1{font-size:38px;line-height:1.1;margin:16px 0 8px;max-width:760px}
.legal-hero .legal-updated{font-size:13px;color:var(--muted)}
.legal-main{flex:1;padding:44px 0 60px}
.legal-wrap{width:min(760px,calc(100% - 32px));margin:auto}
.legal-wrap .lead{font-size:16px;line-height:1.75;color:#3a4750;margin:0 0 26px}
.legal-wrap h2{font-size:19px;margin:32px 0 10px;padding-left:14px;position:relative}
.legal-wrap h2::before{content:'';position:absolute;left:0;top:3px;bottom:3px;width:4px;border-radius:4px;background:linear-gradient(180deg,var(--green),var(--blue))}
.legal-wrap p{font-size:15px;line-height:1.8;color:#4a5560;margin:0 0 14px}
.legal-wrap ul{margin:0 0 16px;padding-left:20px;color:#4a5560;line-height:1.8;font-size:15px}
.legal-wrap li{margin-bottom:6px}
.legal-wrap a.text-link{color:var(--blue);font-weight:700}
.legal-contact{margin-top:34px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px 26px}
.legal-contact h3{margin:0 0 8px;font-size:16px}
.legal-contact p{margin:0 0 14px;color:var(--muted);font-size:14px}
.legal-contact .btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border-radius:9px;font-weight:800;font-size:14px;background:#25d366;color:#fff}
.legal-crosslinks{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.legal-crosslinks a{font-size:13px;font-weight:700;color:var(--muted);background:#fff;border:1px solid var(--line);padding:9px 15px;border-radius:999px}
.legal-crosslinks a.active,.legal-crosslinks a:hover{color:var(--green);border-color:var(--green)}
.legal-footer{background:linear-gradient(135deg,#073f24,#0b2f66 68%,#7f1712);color:#91a49b;padding:28px 0;font-size:12px}
.legal-footer .container{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.legal-footer a{color:#d7e2dd;font-weight:700}
@media(max-width:600px){.legal-hero{padding:34px 0 30px}.legal-hero h1{font-size:29px}.legal-main{padding:30px 0 44px}.legal-header .brand small{display:none}}

/* ============================================================
   HERO — BLOCO ÚNICO E DEFINITIVO
   (substitui todas as versões antigas duplicadas do hero)
   ============================================================ */
.hero-store-grid{min-height:545px;gap:56px;padding:18px 0}
.hero-offer h1{font-size:56px;max-width:680px;letter-spacing:-.03em}
.hero-offer p{max-width:590px}
.hero-buttons{margin:30px 0 22px}
.hero-points{gap:14px}
.hero-points span{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.42);border:1px solid rgba(255,255,255,.54)}
.hero-products{position:relative;height:400px;isolation:isolate}
.hero-products::before{content:'';position:absolute;right:38px;top:10px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(209,222,255,.55) 0%,rgba(209,222,255,.18) 50%,rgba(209,222,255,0) 74%);filter:blur(12px);z-index:0}
.hero-products::after{content:'';position:absolute;left:0;bottom:44px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(255,233,220,.55) 0%,rgba(255,233,220,.16) 52%,rgba(255,233,220,0) 74%);filter:blur(10px);z-index:0}
.floating-product{position:absolute;background:none;border:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:0;border-radius:0;overflow:visible}
/* sombra de contato: assenta cada produto no fundo */
.floating-product::after{content:'';position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:64%;height:15px;border-radius:50%;background:radial-gradient(ellipse,rgba(12,31,58,.16) 0%,rgba(12,31,58,0) 70%);filter:blur(6px);z-index:0}
.floating-label{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:999px;background:rgba(255,255,255,.86);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(240,220,170,.9);font-size:10px;font-weight:800;letter-spacing:.3px;color:#b2401e;box-shadow:0 6px 16px rgba(17,44,73,.10);position:relative;z-index:4}
.floating-label::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.85;flex:none}
.perfume-box{left:40px;top:56px;width:118px;height:162px;z-index:1;transform:none}
.phone-box{right:12px;top:6px;width:258px;height:340px;z-index:3;transform:none}
.notebook-box{left:2px;bottom:8px;width:244px;height:160px;z-index:2;transform:none}
/* holofote suave atrás do celular (dá foco ao produto principal) */
.phone-box::before{content:'';position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:122%;height:100%;border-radius:50%;background:radial-gradient(ellipse at 50% 42%,rgba(255,255,255,.95) 0%,rgba(255,255,255,.45) 46%,rgba(255,255,255,0) 72%);z-index:0}
.phone-box::after{width:74%;height:22px;bottom:-4px;background:radial-gradient(ellipse,rgba(10,28,54,.22) 0%,rgba(10,28,54,0) 70%)}
.hero-photo-wrap{position:absolute;left:0;right:0;top:26px;bottom:0;display:flex;align-items:center;justify-content:center;padding:0;z-index:2}
.hero-photo{display:block;object-fit:contain;animation:heroFloat 7s ease-in-out infinite}
.hero-photo-perfume{max-width:100%;max-height:100%;filter:drop-shadow(0 18px 22px rgba(0,0,0,.12));animation-delay:-2.3s}
.hero-photo-phone{max-width:100%;max-height:100%;filter:drop-shadow(0 28px 34px rgba(10,32,59,.16))}
.hero-photo-notebook{max-width:100%;max-height:100%;filter:drop-shadow(0 16px 20px rgba(0,0,0,.12));animation-delay:-4.6s}
@keyframes heroFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@media(max-width:900px){.hero-products{height:336px}.hero-products::before{right:10px;top:8px;width:240px;height:240px}.hero-products::after{left:-10px;bottom:36px;width:130px;height:130px}.perfume-box{left:16px;top:44px;width:104px;height:140px}.phone-box{right:10px;top:12px;width:210px;height:274px}.notebook-box{left:0;bottom:4px;width:220px;height:142px}.floating-label{font-size:9px;padding:6px 10px}}
@media(max-width:600px){.hero-products{height:288px}.hero-products::before{right:-12px;top:6px;width:170px;height:170px}.hero-products::after{left:-8px;bottom:24px;width:92px;height:92px}.perfume-box{left:6px;top:40px;width:78px;height:110px}.phone-box{right:2px;top:6px;width:170px;height:224px}.notebook-box{left:0;bottom:4px;width:182px;height:120px}.floating-label{font-size:8px;padding:5px 9px}.hero-photo-wrap{top:22px}.hero-points span{font-size:11px;padding:7px 10px}}
@media(prefers-reduced-motion:reduce){.hero-photo{animation:none}}

/* ===== Ícones WhatsApp (SVG) + acabamento de acessibilidade ===== */
.wa-icon{color:var(--green)}
.wa-icon svg{width:20px;height:20px;display:block}
.floating-whatsapp svg{width:30px;height:30px;display:block}
.floating-whatsapp{transition:transform .2s ease, box-shadow .2s ease}
.floating-whatsapp:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 16px 34px rgba(0,0,0,.26)}

/* Foco visível para navegação por teclado (padrão profissional/acessível) */
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,[tabindex]:focus-visible{
  outline:3px solid rgba(19,81,180,.55);outline-offset:2px;border-radius:6px
}
.btn:focus-visible{outline-offset:3px}

/* Transições suaves e consistentes nos elementos interativos */
.btn,.buy-button,.category-circles button .circle-art,.market-card,.link-arrow,.nav-inner a{transition:transform .2s ease, box-shadow .2s ease, color .2s ease}
.btn:hover{transform:translateY(-2px)}
.nav-inner a:hover{color:var(--green)}

/* Respeita quem prefere menos animação */
@media(prefers-reduced-motion:reduce){
  *{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important}
}

/* ============================================================
   SEÇÃO PROMO — grade 2x2 de cards brancos limpos
   (corrige o fundo branco das fotos e equilibra em 4 produtos)
   ============================================================ */
.promo-visual{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:14px;width:min(100%,460px);margin-left:auto;min-height:auto}
.promo-card{background:#fff;border:1px solid rgba(255,255,255,.6);border-radius:18px;padding:13px 13px 11px;box-shadow:0 18px 40px rgba(0,0,0,.22);overflow:hidden;transform:none;display:flex;flex-direction:column;transition:transform .2s ease, box-shadow .2s ease}
.promo-card:hover{transform:translateY(-4px);box-shadow:0 22px 48px rgba(0,0,0,.28)}
.promo-card small{display:inline-block;align-self:flex-start;background:var(--green-soft);color:var(--blue-dark);font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;padding:6px 11px;border-radius:999px;margin-bottom:10px}
.promo-card img{width:100%;height:116px;object-fit:contain;display:block;margin:auto}
.promo-card-watch small{color:#0a6b34}
.promo-card-camera small{color:#b23018;background:#fdeae4}
.promo-card-notebook small{color:#0b3a82;background:#e8f0fb}
.promo-card-audio small{color:#8a5a12;background:#fbf2e2}
/* reseta o span/linha antigos do notebook: agora é um card igual aos demais */
.promo-card-notebook{grid-column:auto;display:flex;flex-direction:column;grid-template-columns:none;padding:13px 13px 11px}
.promo-card-notebook small{margin-bottom:10px;flex:none}
.promo-card-notebook img{height:116px;flex:none;margin:auto}
@media(max-width:600px){
  .promo-visual{grid-template-columns:1fr 1fr;gap:10px;width:100%}
  .promo-card{padding:10px 10px 9px;border-radius:15px}
  .promo-card small{font-size:9px;padding:5px 9px;margin-bottom:8px}
  .promo-card img,.promo-card-notebook img{height:88px}
  .promo-card-notebook{grid-column:auto;flex-direction:column;padding:10px 10px 9px}
}


/* V33 — transparência comercial, condições e consentimento */
.availability-note,.modal-status{font-size:11px;color:#4f6258;background:#f4f8f5;border:1px solid #e0e9e3;border-radius:8px;padding:8px 10px;line-height:1.4}
.modal-status{display:inline-flex;margin-top:2px;color:#24553e}
.quote-conditions{background:#fff}
.quote-condition-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.quote-condition-grid article{border:1px solid #e3eae6;border-radius:18px;padding:24px;background:linear-gradient(180deg,#fff,#f8fbf9);box-shadow:0 12px 30px rgba(20,54,38,.06)}
.quote-condition-grid article>span{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--green-soft);color:var(--green);font-size:11px;font-weight:800}
.quote-condition-grid h3{font-size:16px;margin:16px 0 8px}
.quote-condition-grid p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}
.quote-condition-note{margin:20px 0 0;padding:15px 18px;border-left:4px solid var(--blue);background:#f3f7fc;border-radius:0 12px 12px 0;color:#425463;font-size:12px;line-height:1.65}
.footer-cookie-link,.legal-cookie-link{border:0;background:none;color:inherit;padding:0;text-align:left;cursor:pointer;font:inherit;font-size:12px}
.footer-cookie-link:hover,.legal-cookie-link:hover{text-decoration:underline}

.cookie-banner[hidden],.cookie-preferences[hidden]{display:none!important}
.cookie-banner{position:fixed;z-index:500;left:50%;bottom:18px;transform:translateX(-50%);width:min(1120px,calc(100% - 28px));display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 20px;background:rgba(255,255,255,.98);border:1px solid #dfe7e2;border-radius:18px;box-shadow:0 22px 60px rgba(4,35,20,.22)}
.cookie-banner-copy{max-width:650px}.cookie-banner-copy strong{font-size:15px}.cookie-banner-copy p{margin:5px 0;font-size:12px;line-height:1.55;color:#596960}.cookie-banner-copy a{font-size:11px;font-weight:700;color:var(--blue)}
.cookie-banner-actions,.cookie-panel-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.cookie-btn{border:1px solid #dce5df;border-radius:9px;min-height:42px;padding:0 15px;font-size:11px;font-weight:800;cursor:pointer}
.cookie-btn-light{background:#fff;color:#263a30}.cookie-btn-primary{border-color:transparent;background:linear-gradient(90deg,var(--green),var(--blue));color:#fff}
.cookie-preferences{position:fixed;inset:0;z-index:550;display:grid;place-items:center;padding:16px}.cookie-panel-backdrop{position:absolute;inset:0;border:0;background:rgba(4,20,12,.68);backdrop-filter:blur(4px)}
.cookie-panel{position:relative;z-index:1;width:min(610px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:20px;padding:26px;box-shadow:0 28px 80px rgba(0,0,0,.35)}
.cookie-panel>span{font-size:10px;font-weight:800;letter-spacing:1.5px;color:var(--green)}.cookie-panel h2{font-size:26px;margin:8px 0}.cookie-panel>p{font-size:13px;color:var(--muted);line-height:1.6}
.cookie-panel-close{position:absolute;right:14px;top:12px;width:36px;height:36px;border:0;border-radius:50%;background:#eef3ef;font-size:24px;cursor:pointer}
.cookie-option{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0;border-top:1px solid #e7ece9;cursor:pointer}.cookie-option span{display:grid;gap:4px}.cookie-option strong{font-size:13px}.cookie-option small{font-size:11px;color:var(--muted);line-height:1.45}.cookie-option input{width:20px;height:20px;accent-color:var(--green)}.cookie-option.disabled{cursor:default;opacity:.75}.cookie-panel-actions{margin-top:20px}
.cookie-panel-open{overflow:hidden}
@media(max-width:900px){.quote-condition-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cookie-banner{align-items:flex-start;flex-direction:column}.cookie-banner-actions{width:100%;justify-content:flex-start}}
@media(max-width:600px){.quote-condition-grid{grid-template-columns:1fr}.quote-condition-grid article{padding:20px}.cookie-banner{bottom:10px;padding:15px;border-radius:14px}.cookie-banner-actions{display:grid;grid-template-columns:1fr 1fr}.cookie-banner-actions .cookie-btn-primary{grid-column:1/-1}.cookie-btn{padding:0 10px}.cookie-panel{padding:22px 16px 18px}.cookie-panel h2{font-size:23px}.cookie-option{gap:10px}.cookie-panel-actions{display:grid;grid-template-columns:1fr 1fr}}


/* V34 — Landing pages específicas para campanhas */
.nav-inner a.active-page{color:var(--green);font-weight:800;position:relative}
.nav-inner a.active-page::after{content:"";position:absolute;left:0;right:0;bottom:-15px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--green),var(--blue))}
.category-landing .hero-store-grid{min-height:500px}
.category-landing .hero-offer h1{font-size:50px;max-width:690px}
.category-landing-visual{position:relative;height:410px;display:grid;place-items:center}
.category-landing-glow{position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.95) 0%,rgba(219,232,255,.44) 52%,rgba(219,232,255,0) 75%);filter:blur(4px)}
.category-landing-image{position:relative;z-index:2;width:min(88%,350px);height:340px;object-fit:contain;filter:drop-shadow(0 28px 38px rgba(10,35,65,.18))}
.category-landing-chips{position:absolute;left:8px;right:8px;bottom:18px;z-index:3;display:flex;justify-content:center;gap:9px;flex-wrap:wrap}
.category-landing-chips span{padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.95);box-shadow:0 10px 24px rgba(11,58,130,.08);font-size:10px;font-weight:800;color:#34463d}
.category-info{padding:54px 0 68px;background:#fff}
.category-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.category-info-card{padding:24px;border:1px solid #e4eae7;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbf9);box-shadow:0 12px 28px rgba(11,58,130,.06)}
.category-info-card span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--green-soft);color:var(--green);font-size:12px;font-weight:800}
.category-info-card h2{font-size:16px;margin:16px 0 8px}
.category-info-card p{font-size:12px;line-height:1.65;color:var(--muted);margin:0}
.category-landing .categories-store{display:none}
.category-landing .products-market{padding-top:76px}
.category-landing .products-title h2{max-width:700px}
.category-landing .products-title p{max-width:720px}
.category-landing .promo-visual{display:none}
.category-landing .promo-grid-enhanced{grid-template-columns:1fr}
.category-landing .promo-grid-enhanced>div:first-child{max-width:760px}

.landing-home-link{color:var(--blue)!important}
@media(max-width:900px){
  .category-landing .hero-store-grid{min-height:auto}
  .category-landing .hero-offer h1{font-size:43px}
  .category-landing-visual{height:350px}
  .category-landing-image{height:290px}
  .category-info-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
  .category-landing .hero-offer h1{font-size:34px}
  .category-landing-visual{height:270px}
  .category-landing-image{height:220px;width:min(92%,260px)}
  .category-landing-chips{bottom:4px}
  .category-landing-chips span{font-size:9px;padding:7px 9px}
  .category-info{padding:36px 0 48px}
  .category-info-card{padding:19px}
  .category-landing .products-market{padding-top:54px}
}

/* ============================================================
   CORREÇÕES RESPONSIVAS (mobile/tablet) — camada final
   Corrige valores herdados de media queries duplicadas e
   ativa o menu de categorias no celular.
   ============================================================ */
@media(max-width:900px){
  /* Botão hambúrguer visível do tablet para baixo */
  .menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;color:var(--green-dark);font-size:23px;line-height:1;cursor:pointer;margin-left:4px;background:transparent;border:0}
  .menu-toggle:hover{background:var(--green-soft)}
  /* Título do hero em tamanho de tablet */
  .hero-offer h1{font-size:42px;line-height:1.08;letter-spacing:-.01em}
  /* Menu de categorias vira dropdown: escondido até abrir */
  .category-nav{display:none}
  .category-nav.open{display:block;position:relative;z-index:30}
  .category-nav.open .nav-inner{flex-direction:column;align-items:stretch;height:auto;gap:0;overflow:visible;white-space:normal;padding-top:6px;padding-bottom:10px}
  .category-nav.open .nav-inner a{padding:13px 4px;border-bottom:1px solid var(--line);font-size:15px}
  .category-nav.open .nav-inner a:last-child{border-bottom:0}
  .category-nav.open .nav-inner a.active-page::after{display:none}
}
@media(max-width:600px){
  /* Título do hero: tamanho legível no celular (corrige o 56px) */
  .hero-offer h1{font-size:31px;line-height:1.12;margin:12px 0 14px;letter-spacing:-.01em}
  .hero-offer p{font-size:14px}
  /* Categorias: grade 3x2 (todas visíveis, sem rolagem cortada) */
  .category-circles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px 8px;overflow-x:visible;padding-bottom:0;justify-items:center}
  .category-circles > *{width:100%}
}

/* ============================================================
   VITRINE MOBILE mais enxuta + fim do zoom por duplo-toque
   ============================================================ */
/* Desativa o zoom por duplo-toque (mantém rolagem e pinch-to-zoom) */
html{touch-action:manipulation}
@media(max-width:600px){
  /* Muitos produtos = dezenas de "dots"; no celular usamos o deslize */
  .carousel-dots{display:none}
  /* Setas um pouco menores e mais discretas no topo dos cards */
  .carousel-arrow{width:32px;height:32px;font-size:22px;top:38%;opacity:.95}
}

/* ============================================================
   VITRINE MOBILE — grade simples (sem carrossel horizontal)
   + botão "Ver mais". Elimina a rolagem lateral que travava.
   ============================================================ */
.ver-mais-mobile{display:none}
@media(max-width:600px){
  .products-carousel{overflow:visible}
  .product-market-grid{display:block!important;overflow-x:visible!important;padding:0;gap:0;scroll-snap-type:none}
  .product-market-grid .product-page{width:100%;min-width:0;flex:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0}
  .carousel-arrow{display:none!important}
  .carousel-dots{display:none!important}
  .ver-mais-mobile:not([hidden]){display:block;width:100%;margin:18px auto 2px;padding:14px 18px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--blue-dark);font-weight:800;font-size:14px;cursor:pointer;box-shadow:0 8px 20px rgba(11,58,130,.08)}
  .ver-mais-mobile:not([hidden]):active{transform:translateY(1px)}
}


/* ============================================================
   V40 — pente-fino mantendo a vitrine mobile da V39
   ============================================================ */
.hero-products{display:grid;grid-template-columns:145px minmax(250px,1fr);grid-template-rows:1fr 1fr;gap:26px 24px;height:410px;align-items:stretch;overflow:visible}
.hero-products::before{right:4px;top:18px;width:310px;height:310px}
.hero-products::after{left:-22px;bottom:18px;width:170px;height:170px}
.hero-products .floating-product{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:auto;height:auto;transform:none;min-width:0}
.hero-products .perfume-box{grid-column:1;grid-row:1}
.hero-products .notebook-box{grid-column:1;grid-row:2}
.hero-products .phone-box{grid-column:2;grid-row:1/3}
.hero-products .floating-label{position:absolute;left:0;top:0}
.hero-products .hero-photo-wrap{top:28px;bottom:0}
.hero-products .perfume-box .hero-photo-wrap{inset:30px 0 0}
.hero-products .notebook-box .hero-photo-wrap{inset:32px -8px 0}
.hero-products .phone-box .hero-photo-wrap{inset:24px 0 0}
.hero-photo-perfume{max-width:96%;max-height:96%}
.hero-photo-notebook{max-width:100%;max-height:92%}
.hero-photo-phone{max-width:94%;max-height:98%}

.category-links{gap:28px}
.category-links .category-link{display:flex;flex-direction:column;align-items:center;gap:9px;padding:0;text-align:center;min-width:0;background:transparent;border:0;box-shadow:none;transition:transform .22s ease}
.category-links .category-link:hover{transform:translateY(-5px)}
.category-links .circle-art{width:132px;height:112px;border-radius:24px;padding:10px;background:linear-gradient(145deg,#fff,#f1f5f4);border:1px solid #e7ece9;box-shadow:0 12px 28px rgba(16,48,77,.07);overflow:hidden}
.category-links .photo-circle img{border-radius:16px;mix-blend-mode:multiply}
.category-links strong{font-size:14px;color:#1e3028}
.category-links small{font-size:10px;color:var(--muted);font-weight:700}

.trust-copy h2{max-width:600px;letter-spacing:-.025em}
.trust-copy>p{max-width:650px;line-height:1.75}
.trust-detail{padding:17px 18px;border-left:3px solid var(--green);background:rgba(255,255,255,.72);border-radius:0 14px 14px 0;font-size:13px}
.institutional-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.institutional-cards>div{display:block;min-height:180px}
.institutional-cards .institutional-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:var(--green-soft);color:var(--green);font-size:11px;font-weight:800;margin-bottom:16px}
.institutional-cards strong{display:block;font-size:15px;margin-bottom:8px;color:#17362a}
.institutional-cards p{margin:0;font-size:12px;line-height:1.65;color:var(--muted)}
.market-content h3{font-size:14px;line-height:1.42;min-height:60px;letter-spacing:-.01em}
.products-title p{max-width:680px}

@media(max-width:900px){
  .hero-products{grid-template-columns:125px minmax(210px,1fr);gap:20px;height:350px}
  .hero-products::before{width:250px;height:250px;right:-8px}
  .category-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 18px}
  .category-links .circle-art{width:118px;height:100px}
}

@media(max-width:600px){
  .hero-products{display:grid;grid-template-columns:92px minmax(150px,1fr);grid-template-rows:1fr 1fr;gap:13px 14px;height:278px;padding:6px 0}
  .hero-products::before{width:175px;height:175px;right:-12px;top:24px}
  .hero-products::after{width:94px;height:94px;left:-12px;bottom:24px}
  .hero-products .floating-label{font-size:8px;padding:5px 8px}
  .hero-products .hero-photo-wrap{top:24px}
  .hero-products .phone-box .hero-photo-wrap{inset:22px -2px 0}
  .hero-products .notebook-box .hero-photo-wrap{inset:26px -8px 0}
  .category-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px;overflow:visible}
  .category-links .category-link{min-width:0}
  .category-links .circle-art{width:100%;height:118px;border-radius:20px}
  .category-links strong{font-size:13px}
  .institutional-cards{grid-template-columns:1fr}
  .institutional-cards>div{min-height:auto}
  .market-content h3{font-size:12px;min-height:52px}

  /* Preserva exatamente a vitrine da V39: 2 colunas + Ver mais */
  .products-carousel{overflow:visible}
  .product-market-grid{display:block!important;overflow-x:visible!important;padding:0;gap:0;scroll-snap-type:none}
  .product-market-grid .product-page{width:100%;min-width:0;flex:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0}
  .carousel-arrow,.carousel-dots{display:none!important}
  .ver-mais-mobile:not([hidden]){display:block;width:100%;margin:18px auto 2px;padding:14px 18px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--blue-dark);font-weight:800;font-size:14px;cursor:pointer;box-shadow:0 8px 20px rgba(11,58,130,.08)}
}


/* ============================================================
   V42 — desktop: somente 8 produtos visíveis por tela (4x2)
   Ajuste equilibrado, mantendo o visual e o mobile da V40.
   ============================================================ */
@media (min-width:901px){
  .products-market{
    padding-top:58px;
    padding-bottom:62px;
  }

  .products-title{
    margin-bottom:22px;
  }

  .products-carousel{
    position:relative;
    overflow:visible;
  }

  /* Impede que os próximos grupos apareçam ao lado ou embaixo. */
  .product-market-grid{
    display:flex!important;
    gap:0!important;
    width:100%;
    overflow-x:hidden!important;
    overflow-y:visible!important;
    scroll-snap-type:x mandatory;
    scroll-behavior:smooth;
    padding:3px 0 10px;
  }

  /* Cada grupo ocupa exatamente uma tela e contém 8 cards. */
  .product-market-grid .product-page{
    flex:0 0 100%;
    width:100%;
    min-width:100%;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    grid-template-rows:repeat(2,auto);
    gap:15px;
    padding:0 3px;
    scroll-snap-align:start;
    align-items:stretch;
  }

  .product-page .market-card{
    min-width:0;
    height:100%;
    border-radius:16px;
    display:flex;
    flex-direction:column;
  }

  .product-page .market-image{
    height:178px;
    min-height:178px;
    padding:10px 10px 38px;
  }

  .product-page .product-photo-wrap{
    padding:9px;
  }

  .product-page .favorite-button{
    width:31px;
    height:31px;
    top:9px;
    right:9px;
    font-size:18px;
  }

  .product-page .quick-view{
    bottom:9px;
    padding:8px 14px;
    font-size:10px;
  }

  .product-page .market-content{
    flex:1;
    display:flex;
    flex-direction:column;
    padding:12px 14px 13px;
  }

  .product-page .market-content small{
    font-size:9px;
    letter-spacing:.04em;
  }

  .product-page .market-content h3{
    font-size:13px;
    line-height:1.32;
    min-height:51px;
    margin:7px 0 9px;
  }

  .product-page .availability-note{
    font-size:10px;
    line-height:1.32;
    padding:7px 9px;
    border-radius:9px;
  }

  .product-page .price-line{
    margin-top:auto;
    padding-top:9px;
  }

  .product-page .price-line span{
    font-size:9px;
  }

  .product-page .price-line strong{
    font-size:16px;
  }

  .product-page .buy-button{
    min-height:39px;
    margin-top:9px;
    border-radius:9px;
    font-size:13px;
  }

  .carousel-prev{left:-18px}
  .carousel-next{right:-18px}
}

/* Notebook e desktop menor: mantém 4x2 sem esmagar os cards. */
@media (min-width:901px) and (max-width:1180px){
  .product-market-grid .product-page{
    gap:12px;
  }

  .product-page .market-image{
    height:164px;
    min-height:164px;
  }

  .product-page .market-content{
    padding:11px 11px 12px;
  }

  .product-page .market-content h3{
    font-size:12px;
    min-height:48px;
  }

  .product-page .availability-note{
    font-size:9px;
  }

  .product-page .buy-button{
    font-size:12px;
  }
}



/* ============================================================
   V45 — correção mobile precisa, partindo da V43
   ============================================================ */
@media (max-width:600px){

  /* Cabeçalho: menu à esquerda, logo central, WhatsApp à direita */
  .header-main{
    min-height:auto;
    display:grid;
    grid-template-columns:44px minmax(0,1fr) 44px;
    align-items:center;
    gap:8px;
    padding:12px 0 10px;
  }

  .menu-toggle{
    display:inline-flex;
    grid-column:1;
    justify-self:start;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    margin:0;
    border-radius:11px;
    background:#f7faf8;
    border:1px solid #edf1ef;
  }

  .brand{
    grid-column:2;
    justify-self:center;
    min-width:0;
    gap:9px;
  }

  .brand-symbol{
    width:40px;
    height:40px;
    border-radius:11px;
  }

  .brand strong{
    font-size:17px;
    letter-spacing:.8px;
  }

  .brand small{
    font-size:8px;
    letter-spacing:2.2px;
    margin-top:4px;
  }

  .header-whatsapp{
    grid-column:3;
    justify-self:end;
    width:42px;
    height:42px;
    justify-content:center;
    border-radius:11px;
    background:#f2fbf5;
    border:1px solid #e5f3e9;
  }

  .header-whatsapp .wa-icon{
    width:24px;
    height:24px;
    background:transparent;
  }

  .header-whatsapp span:last-child{
    display:none;
  }

  .search-box{
    grid-column:1 / -1;
    margin-top:9px;
    height:44px;
    border-radius:11px;
  }

  .search-box input{
    font-size:13px;
  }

  /* Hero centralizado sem redesenhar a composição */
  .hero-store-grid{
    grid-template-columns:1fr;
    gap:18px;
    padding:32px 0 22px;
  }

  .hero-offer{
    text-align:center;
  }

  .hero-offer h1,
  .hero-offer p{
    margin-left:auto;
    margin-right:auto;
  }

  .hero-buttons{
    max-width:330px;
    margin-left:auto;
    margin-right:auto;
  }

  .hero-products{
    width:280px;
    margin:0 auto;
    left:0;
    right:0;
    transform:none;
  }

  /* Mantém exatamente a composição visual da V43 e apenas recentraliza */
  .hero-products .perfume-box{
    left:4px;
  }

  .hero-products .phone-box{
    right:4px;
  }

  .hero-products .notebook-box{
    left:2px;
  }

  /* Faixa fina e isolada abaixo dos botões */
  .hero-points{
    width:100%;
    max-width:340px;
    margin:4px auto 0;
    overflow:hidden;
    padding:4px 0;
    display:block;
    white-space:nowrap;
    mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
  }

  .hero-points-track{
    display:flex;
    align-items:center;
    gap:8px;
    width:max-content;
    animation:heroPointsScrollV45 18s linear infinite;
  }

  .hero-points span{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    min-height:28px;
    padding:6px 10px;
    border-radius:999px;
    background:rgba(255,255,255,.72);
    border:1px solid rgba(255,255,255,.9);
    font-size:10px;
    box-shadow:none;
  }

  @keyframes heroPointsScrollV45{
    from{transform:translateX(0)}
    to{transform:translateX(-50%)}
  }

  /* Grade mobile mais fina, sem mexer em quantidade */
  .product-market-grid .product-page{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:11px;
  }

  .market-card{
    border-radius:14px;
    border:1px solid #e8ecea;
    box-shadow:0 7px 16px rgba(11,58,130,.04);
  }

  .market-image{
    height:165px;
  }

  .product-photo-wrap{
    padding:9px;
  }

  .market-content{
    padding:11px;
  }

  .market-content h3{
    font-size:12px;
    line-height:1.38;
    min-height:50px;
    margin:7px 0 8px;
  }

  .availability-note{
    font-size:9px;
    line-height:1.35;
    padding:7px 8px;
  }

  .price-line{
    margin-top:10px;
    padding-top:10px;
  }

  .price-line strong{
    font-size:15px;
  }

  .buy-button{
    min-height:39px;
    margin-top:10px;
    border-radius:9px;
    font-size:11px;
  }

  .ver-mais-mobile:not([hidden]){
    margin-top:16px;
  }
}



/* ============================================================
   V46 — correção do topo mobile na mesma linha
   ============================================================ */
@media (max-width:600px){
  .header-main{
    grid-template-columns:44px minmax(0,1fr) 44px;
    grid-template-rows:auto auto;
  }

  .menu-toggle{
    grid-column:1;
    grid-row:1;
  }

  .brand{
    grid-column:2;
    grid-row:1;
    align-self:center;
  }

  .header-whatsapp{
    grid-column:3;
    grid-row:1;
    align-self:center;
  }

  .search-box{
    grid-column:1 / -1;
    grid-row:2;
    width:100%;
  }
}



/* ============================================================
   V47 — topo mobile: logo à esquerda, WhatsApp e menu na mesma linha
   ============================================================ */
@media (max-width:600px){
  .header-main{
    display:grid;
    grid-template-columns:minmax(0,1fr) 44px 44px;
    grid-template-rows:auto auto;
    align-items:center;
    gap:8px;
    padding:12px 0 10px;
  }

  .brand{
    grid-column:1;
    grid-row:1;
    justify-self:start;
    align-self:center;
    justify-content:flex-start;
    text-align:left;
    min-width:0;
    max-width:100%;
    gap:9px;
  }

  .brand span:last-child{
    display:flex;
    flex-direction:column;
    line-height:1;
    align-items:flex-start;
  }

  .brand-symbol{
    width:38px;
    height:38px;
    border-radius:10px;
    flex:0 0 38px;
  }

  .brand strong{
    font-size:15px;
    letter-spacing:.7px;
  }

  .brand small{
    display:block;
    font-size:8px;
    letter-spacing:2px;
    margin-top:4px;
  }

  .header-whatsapp{
    grid-column:2;
    grid-row:1;
    justify-self:end;
    align-self:center;
    width:42px;
    height:42px;
    border-radius:11px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#f2fbf5;
    border:1px solid #e5f3e9;
    gap:0;
  }

  .header-whatsapp .wa-icon{
    width:24px;
    height:24px;
    display:grid;
    place-items:center;
    background:transparent;
  }

  .header-whatsapp span:last-child,
  .header-whatsapp small,
  .header-whatsapp strong{
    display:none;
  }

  .menu-toggle{
    display:inline-flex;
    grid-column:3;
    grid-row:1;
    justify-self:end;
    align-self:center;
    width:42px;
    height:42px;
    margin:0;
    border-radius:11px;
    align-items:center;
    justify-content:center;
    background:#f7faf8;
    border:1px solid #edf1ef;
    font-size:22px;
    line-height:1;
  }

  .search-box{
    grid-column:1 / -1;
    grid-row:2;
    width:100%;
    margin-top:9px;
    height:44px;
    border-radius:11px;
  }
}



/* ============================================================
   V48 — identificação empresarial no rodapé e páginas legais
   ============================================================ */
.footer-company-data{
  display:flex;
  flex-direction:column;
  gap:5px;
  margin-top:16px;
  padding-top:15px;
  border-top:1px solid rgba(255,255,255,.13);
}
.footer-company-data strong{
  color:#fff;
  font-size:11px;
  line-height:1.45;
}
.footer-company-data span{
  color:#a9bbb2;
  font-size:11px;
  line-height:1.45;
}
.legal-company-identification{
  margin:26px 0 30px;
  padding:22px 24px;
  border:1px solid #e3eae6;
  border-radius:16px;
  background:linear-gradient(180deg,#fff,#f7faf8);
}
.legal-company-identification h2{
  margin-top:0;
}
.legal-company-identification p{
  margin:8px 0 0;
  line-height:1.7;
}
@media(max-width:600px){
  .footer-company-data{
    margin-top:14px;
    padding-top:13px;
  }
  .footer-company-data strong,
  .footer-company-data span{
    font-size:10px;
  }
  .legal-company-identification{
    margin:22px 0 26px;
    padding:18px;
    border-radius:14px;
  }
}


/* ============================================================
   V52 — pente-fino completo para mobile
   Alinhamento, hierarquia, leitura e compactação sem alterar
   quantidade de produtos ou estrutura do desktop.
   ============================================================ */
@media (max-width:600px){
  html,body{max-width:100%;overflow-x:hidden}
  body{font-size:14px}
  .container{width:min(100% - 24px,1180px)}

  /* Cabeçalho mais compacto e alinhado */
  .topbar{
    min-height:24px;
    padding:6px 10px;
    font-size:9px;
    line-height:1.25;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .shop-header{box-shadow:0 5px 18px rgba(18,45,34,.08)}
  .header-main{
    min-height:0;
    grid-template-columns:minmax(0,1fr) 40px 40px;
    grid-template-rows:40px 40px;
    align-items:center;
    column-gap:7px;
    row-gap:8px;
    padding:8px 0 9px;
  }
  .brand{gap:8px;overflow:hidden}
  .brand-symbol{width:36px;height:36px;flex-basis:36px;border-radius:10px;font-size:13px}
  .brand strong{font-size:14px;letter-spacing:.65px;white-space:nowrap}
  .brand strong::after{height:2px;margin-top:4px}
  .brand small{font-size:7px;letter-spacing:1.8px;margin-top:4px;white-space:nowrap}
  .header-whatsapp,.menu-toggle{width:40px;height:40px;border-radius:11px}
  .header-whatsapp .wa-icon{width:22px;height:22px}
  .menu-toggle{font-size:21px}
  .search-box{height:40px;margin-top:0;border-radius:11px;background:#fafcfb}
  .search-box input{min-width:0;padding:0 13px;font-size:12px}
  .search-box button{width:48px;font-size:21px}
  .category-nav.open{box-shadow:0 14px 26px rgba(11,58,130,.10)}
  .category-nav.open .nav-inner{padding:4px 12px 8px}
  .category-nav.open .nav-inner a{padding:11px 4px;font-size:14px}

  /* Ordem mobile: produto e cotação aparecem antes das etapas */
  body.home-page main,
  body.category-landing main{display:flex;flex-direction:column}
  body.home-page main>.hero-store,
  body.category-landing main>.hero-store{order:1}
  body.home-page main>.categories-store{order:2}
  body.home-page main>.products-market,
  body.category-landing main>.products-market{order:3}
  body.category-landing main>.category-info{order:2}
  body.home-page main>.service-strip,
  body.category-landing main>.service-strip{order:4}
  body.home-page main>.promo-banner,
  body.category-landing main>.promo-banner{order:5}
  body.home-page main>.how-shop,
  body.category-landing main>.how-shop{order:6}
  body.home-page main>.quote-conditions,
  body.category-landing main>.quote-conditions{order:7}
  body.home-page main>.trust-shop,
  body.category-landing main>.trust-shop{order:8}
  body.home-page main>.faq-shop,
  body.category-landing main>.faq-shop{order:9}
  body.home-page main>section,
  body.category-landing main>section{width:100%}

  /* Âncoras não ficam escondidas atrás do cabeçalho fixo */
  #produtos,#como-funciona,#condicoes-cotacao,#sobre,
  .categories-store,.category-info,.faq-shop{scroll-margin-top:118px}

  /* Hero: menos rolagem, melhor centralização e leitura */
  .hero-store-grid{min-height:0;padding:24px 0 18px;gap:12px}
  .hero-offer{display:flex;flex-direction:column;align-items:center;text-align:center}
  .hero-tag{font-size:9px;letter-spacing:1.35px}
  .hero-offer h1{font-size:31px;line-height:1.08;max-width:355px;margin:12px auto 12px;letter-spacing:-.025em}
  .hero-offer p{max-width:350px;margin:0 auto;font-size:13px;line-height:1.58}
  .hero-buttons{width:100%;max-width:330px;gap:9px;margin:17px auto 12px}
  .hero-buttons .btn{min-height:44px;border-radius:10px;font-size:12px}

  /* Faixa contínua, fina e com início legível */
  .hero-points{
    width:100%;
    max-width:360px;
    margin:2px auto 0;
    padding:4px 12px;
    mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 97%,transparent 100%);
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 97%,transparent 100%);
  }
  .hero-points-track{gap:8px;animation-duration:22s}
  .hero-points span{min-height:27px;padding:5px 9px;font-size:9px;background:rgba(255,255,255,.80);border-color:rgba(255,255,255,.95)}

  /* Vitrine ilustrativa centralizada */
  .hero-products{
    width:270px;
    height:258px;
    grid-template-columns:88px 166px;
    grid-template-rows:1fr 1fr;
    gap:11px 12px;
    margin:0 auto;
    padding:4px 0 0;
    justify-content:center;
  }
  .hero-products::before{width:155px;height:155px;right:-5px;top:28px}
  .hero-products::after{width:82px;height:82px;left:-6px;bottom:28px}
  .hero-products .floating-label{left:50%;top:-2px;transform:translateX(-50%);white-space:nowrap;font-size:7px;padding:4px 8px}
  .hero-products .perfume-box .hero-photo-wrap{inset:23px 1px 0}
  .hero-products .phone-box .hero-photo-wrap{inset:21px 0 0}
  .hero-products .notebook-box .hero-photo-wrap{inset:24px -5px 0}

  /* Espaçamento geral e títulos */
  .section{padding:44px 0}
  .store-heading{margin-bottom:18px}
  .store-heading span,.section-label,.trust-copy>span{font-size:9px;letter-spacing:1.25px}
  .store-heading h2{font-size:26px;line-height:1.08;margin-top:6px;letter-spacing:-.02em}
  .store-heading p{font-size:12px;line-height:1.55}

  /* Categorias em grade equilibrada */
  .categories-store{padding-top:40px;padding-bottom:42px}
  .categories-store .store-heading{align-items:center;text-align:center}
  .category-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 11px}
  .category-links .category-link{gap:7px}
  .category-links .circle-art{height:104px;border-radius:17px;padding:7px;box-shadow:0 8px 19px rgba(16,48,77,.055)}
  .category-links .photo-circle img{width:100%;height:100%;object-fit:contain;border-radius:13px}
  .category-links strong{font-size:12px;line-height:1.25}
  .category-links small{font-size:9px;line-height:1.25}

  /* Título e status da vitrine */
  .products-market{padding-top:42px;padding-bottom:48px}
  .products-title{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:end;
    gap:10px;
    margin-bottom:16px;
  }
  .products-title>div:first-child{min-width:0}
  .products-title h2{font-size:25px;line-height:1.08;margin:5px 0 0}
  .products-title p{display:none}
  .filter-status{align-self:end;max-width:92px;padding:7px 9px;font-size:8.5px;line-height:1.2;text-align:center;white-space:normal}

  /* Cards iguais, mais limpos e com leitura previsível */
  .product-market-grid .product-page{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .market-card{display:flex;flex-direction:column;height:100%;border-radius:14px;border-color:#e5ebe8;box-shadow:0 8px 20px rgba(11,58,130,.045)}
  .market-image{height:158px;min-height:158px}
  .product-photo-wrap{padding:8px}
  .favorite-button{width:30px;height:30px;top:8px;right:8px;font-size:18px}
  .quick-view{bottom:8px;padding:7px 11px;font-size:9px}
  .market-content{display:flex;flex:1;flex-direction:column;padding:10px}
  .market-content small{font-size:8px;letter-spacing:.04em}
  .market-content h3{
    display:-webkit-box;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    font-size:11.5px;
    line-height:1.35;
    min-height:47px;
    margin:6px 0 8px;
  }
  .availability-note{min-height:43px;display:flex;align-items:center;font-size:8.5px;line-height:1.3;padding:6px 7px}
  .price-line{margin-top:auto;padding-top:9px}
  .price-line span{font-size:8.5px}
  .price-line strong{font-size:14px}
  .buy-button{min-height:38px;margin-top:9px;border-radius:9px;font-size:10.5px}
  .ver-mais-mobile:not([hidden]){margin-top:15px;padding:12px 14px;font-size:12px;border-radius:11px}

  /* Etapas compactas, agora depois da vitrine */
  .service-strip{padding:15px 0 18px;border-top:1px solid #eef1ef}
  .service-grid{gap:8px;padding:0}
  .service-grid>div{min-height:74px;padding:11px 10px;border-radius:12px;gap:8px;box-shadow:0 7px 16px rgba(11,58,130,.04)}
  .service-grid>div>span{font-size:11px}
  .service-grid strong{font-size:10.5px;line-height:1.25}
  .service-grid small{font-size:9px;line-height:1.25}

  /* Banner de pesquisa de produto */
  .promo-grid-enhanced{padding:28px 0 22px;gap:20px;text-align:left}
  .promo-grid-enhanced h2{font-size:28px;line-height:1.1;margin:8px 0 10px}
  .promo-grid-enhanced p{font-size:12px;line-height:1.55}
  .promo-grid-enhanced .btn{width:100%;min-height:44px;margin-top:6px}
  .promo-visual{gap:9px}
  .promo-card{min-height:128px;padding:9px;border-radius:14px}
  .promo-card img{height:94px;object-fit:contain}
  .promo-card small{font-size:8px;padding:5px 7px}
  .promo-card-notebook{grid-column:auto;grid-template-columns:1fr}

  /* Como funciona */
  .how-shop{padding-top:43px;padding-bottom:43px}
  .how-shop .store-heading{text-align:center;align-items:center}
  .how-cards{gap:9px}
  .how-cards article{min-height:166px;padding:14px;border-radius:13px}
  .how-cards article>span{width:36px;height:36px;border-radius:10px}
  .how-cards h3{font-size:13px;margin:14px 0 7px}
  .how-cards p{font-size:10.5px;line-height:1.45}

  /* Informações da cotação */
  .quote-conditions{padding-top:43px;padding-bottom:43px}
  .quote-conditions .store-heading h2{font-size:27px}
  .quote-condition-grid{gap:10px}
  .quote-condition-grid article{padding:16px;border-radius:14px}
  .quote-condition-grid article>span{width:34px;height:34px}
  .quote-condition-grid h3{font-size:14px;margin:13px 0 7px}
  .quote-condition-grid p{font-size:11px;line-height:1.5}
  .quote-important{font-size:10.5px;line-height:1.55;padding:15px 16px}

  /* Confiança em 2x2 para reduzir rolagem */
  .trust-shop{padding-top:43px;padding-bottom:45px}
  .trust-copy h2{font-size:28px;line-height:1.16;margin:8px 0 13px}
  .trust-copy>p{font-size:12px;line-height:1.6}
  .trust-detail{font-size:11px;line-height:1.55;padding:14px 15px}
  .trust-copy .btn{width:100%;min-height:43px;margin-top:12px}
  .trust-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .trust-cards div{min-height:154px;padding:14px;border-radius:13px}
  .trust-cards strong{font-size:12px}
  .trust-cards span{font-size:9.5px;line-height:1.45;margin-top:7px}

  /* FAQ mais enxuto */
  .faq-shop{padding-top:43px;padding-bottom:45px}
  .faq-layout{gap:20px}
  .faq-layout h2{font-size:28px;line-height:1.12}
  .faq-layout>div:first-child p{font-size:12px;line-height:1.55}
  .accordion details{padding:14px 15px 13px;margin-bottom:9px;border-radius:13px}
  .accordion summary{font-size:13px;line-height:1.35}
  .accordion details p{font-size:11px;line-height:1.5;margin-top:10px}

  /* Rodapé mais organizado */
  .shop-footer{padding:42px 0 18px}
  .footer-grid{gap:25px 16px}
  .footer-grid p,.footer-grid span,.footer-grid a{font-size:10.5px;line-height:1.55}
  .footer-grid h3{font-size:12px;margin-bottom:5px}
  .footer-company-data{gap:4px;margin-top:13px;padding-top:12px}
  .footer-company-data strong,.footer-company-data span{font-size:9.5px;line-height:1.45}
  .footer-bottom{margin-top:28px;padding-top:16px;font-size:9.5px}
  .floating-whatsapp{width:50px;height:50px;right:12px;bottom:12px;font-size:27px}

  /* Banner de cookies menos intrusivo, sem ocultar opções */
  .cookie-banner{width:calc(100% - 20px);bottom:8px;gap:10px;padding:12px;border-radius:14px}
  .cookie-banner-copy strong{font-size:14px}
  .cookie-banner-copy p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;margin:4px 0;font-size:10.5px;line-height:1.45}
  .cookie-banner-copy a{font-size:10px}
  .cookie-banner-actions{gap:7px}
  .cookie-btn{min-height:38px;padding:0 8px;font-size:10px;border-radius:9px}
  .cookie-panel{padding:20px 15px 16px;border-radius:16px}
  .cookie-panel h2{font-size:22px}
  .cookie-panel>p{font-size:11.5px}
  .cookie-option{padding:13px 0}
  .cookie-option strong{font-size:12px}
  .cookie-option small{font-size:10px}
}

@media (max-width:359px){
  .container{width:min(100% - 18px,1180px)}
  .header-main{grid-template-columns:minmax(0,1fr) 38px 38px;column-gap:5px}
  .header-whatsapp,.menu-toggle{width:38px;height:38px}
  .brand-symbol{width:34px;height:34px;flex-basis:34px}
  .brand strong{font-size:13px}
  .brand small{font-size:6.5px;letter-spacing:1.55px}
  .hero-offer h1{font-size:29px}
  .hero-products{width:252px;grid-template-columns:82px 158px;gap:10px;height:248px}
  .category-links .circle-art{height:96px}
  .market-image{height:145px;min-height:145px}
  .market-content{padding:9px}
  .market-content h3{font-size:10.8px;min-height:45px}
  .availability-note{font-size:8px;padding:6px}
  .trust-cards div{padding:12px;min-height:150px}
}

@media (prefers-reduced-motion:reduce) and (max-width:600px){
  .hero-points-track{animation:none;transform:none}
  .hero-points{overflow-x:auto;mask-image:none;-webkit-mask-image:none}
}



/* ============================================================
   V53 — header fixo e categorias centralizadas no mobile
   ============================================================ */
.photo-circle picture{
  display:grid;
  width:100%;
  height:100%;
  place-items:center;
}

@media (max-width:600px){
  /* Barra e header permanecem visíveis durante toda a rolagem */
  body.home-page,
  body.category-landing{
    padding-top:129px;
  }

  .topbar{
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:1002;
    width:100%;
    height:24px;
    min-height:24px;
  }

  .shop-header{
    position:fixed;
    top:24px;
    left:0;
    right:0;
    z-index:1001;
    width:100%;
  }

  .category-nav.open{
    max-height:calc(100vh - 129px);
    overflow-y:auto;
    overscroll-behavior:contain;
  }

  /* Páginas legais também mantêm o cabeçalho fixo */
  body.legal-page{
    padding-top:96px;
  }

  .legal-topbar{
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:1002;
    width:100%;
    height:24px;
    min-height:24px;
    padding:6px 10px;
    font-size:9px;
    line-height:1.25;
  }

  .legal-header{
    position:fixed;
    top:24px;
    left:0;
    right:0;
    z-index:1001;
    width:100%;
  }

  /* Imagens perfeitamente centralizadas nos retângulos */
  .category-links .circle-art.photo-circle{
    display:grid;
    place-items:center;
  }

  .category-links .photo-circle picture{
    display:grid;
    width:100%;
    height:100%;
    place-items:center;
    overflow:hidden;
    border-radius:13px;
  }

  .category-links .photo-circle picture img{
    display:block;
    width:100%;
    height:100%;
    margin:auto;
    object-fit:contain;
    object-position:50% 50%;
    border-radius:13px;
  }

  /* Compensa corretamente o cabeçalho fixo ao abrir uma seção */
  #topo,
  #produtos,
  #como-funciona,
  #condicoes-cotacao,
  #sobre,
  .categories-store,
  .category-info,
  .faq-shop{
    scroll-margin-top:136px;
  }
}



/* ============================================================
   V54 — produtos mais próximos do topo nas páginas de categoria
   Apenas mobile: hero compacto e vitrine em segundo lugar.
   ============================================================ */
@media (max-width:600px){

  /* Ordem pensada para quem entrou procurando uma categoria */
  body.category-landing main > .hero-store{order:1}
  body.category-landing main > .products-market{order:2}
  body.category-landing main > .category-info{order:3}
  body.category-landing main > .service-strip{order:4}
  body.category-landing main > .promo-banner{order:5}
  body.category-landing main > .how-shop{order:6}
  body.category-landing main > .quote-conditions{order:7}
  body.category-landing main > .trust-shop{order:8}
  body.category-landing main > .faq-shop{order:9}

  /* Hero da categoria enxuto: informação essencial e cotação */
  body.category-landing .hero-store{
    border-bottom:1px solid rgba(19,81,180,.08);
  }

  body.category-landing .hero-store-grid{
    display:block;
    min-height:0;
    padding:22px 0 18px;
  }

  body.category-landing .hero-offer{
    max-width:360px;
    margin:0 auto;
  }

  body.category-landing .hero-tag{
    font-size:8.5px;
  }

  body.category-landing .hero-offer h1{
    max-width:340px;
    margin:10px auto 10px;
    font-size:28px;
    line-height:1.08;
  }

  body.category-landing .hero-offer p{
    display:-webkit-box;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    max-width:345px;
    font-size:12px;
    line-height:1.5;
  }

  body.category-landing .hero-buttons{
    max-width:345px;
    margin:14px auto 0;
  }

  body.category-landing .hero-buttons .btn-primary{
    width:100%;
    min-height:43px;
  }

  /* O segundo botão se torna desnecessário porque a vitrine já vem logo abaixo */
  body.category-landing .hero-buttons .btn-outline{
    display:none;
  }

  /* Remove elementos decorativos que empurravam os itens para baixo */
  body.category-landing .hero-points,
  body.category-landing .category-landing-visual{
    display:none!important;
  }

  /* Vitrine começa imediatamente após o resumo da categoria */
  body.category-landing .products-market{
    padding-top:28px;
    padding-bottom:46px;
  }

  body.category-landing .products-title{
    margin-bottom:14px;
  }

  body.category-landing .products-title h2{
    font-size:24px;
  }

  body.category-landing .products-title .filter-status{
    max-width:90px;
  }

  /* Informações complementares ficam depois dos produtos */
  body.category-landing .category-info{
    padding:38px 0 42px;
    border-top:1px solid #edf1ef;
  }

  body.category-landing .category-info-grid{
    gap:10px;
  }

  body.category-landing .category-info-card{
    padding:16px;
    border-radius:14px;
  }

  body.category-landing .category-info-card span{
    width:32px;
    height:32px;
  }

  body.category-landing .category-info-card h2{
    margin:12px 0 6px;
    font-size:14px;
  }

  body.category-landing .category-info-card p{
    font-size:11px;
    line-height:1.5;
  }

  /* Âncora compensada pelo header fixo */
  body.category-landing #produtos{
    scroll-margin-top:136px;
  }
}



/* ============================================================
   V55 — modal corrigido e catálogo sem repetição visual excessiva
   ============================================================ */
.product-modal{
  z-index:5000;
}
.modal-backdrop{
  position:fixed;
  inset:0;
}
.product-card-photo-wrap{
  padding:8px!important;
}
body.modal-open{
  overflow:hidden;
}

@media (max-width:600px){
  .product-modal{
    position:fixed;
    inset:0;
    padding:0;
  }

  .modal-panel{
    position:fixed;
    inset:8px;
    left:8px;
    top:8px;
    transform:none;
    width:auto;
    height:calc(100dvh - 16px);
    max-height:none;
    overflow-y:auto;
    overscroll-behavior:contain;
    grid-template-columns:1fr;
    align-content:start;
    gap:12px;
    padding:50px 14px 20px;
    border-radius:18px;
    scrollbar-gutter:stable;
  }

  .modal-close{
    position:fixed;
    top:max(16px,env(safe-area-inset-top));
    right:16px;
    z-index:5002;
    width:40px;
    height:40px;
    display:grid;
    place-items:center;
    background:#fff;
    border:1px solid #e1e7e3;
    box-shadow:0 8px 24px rgba(4,35,20,.18);
  }

  .modal-gallery{
    min-width:0;
  }

  .modal-main-image{
    height:clamp(180px,30dvh,230px);
    min-height:180px;
    border-radius:14px;
    background:#fff;
  }

  .modal-main-image .product-photo-wrap{
    padding:10px!important;
  }

  .modal-main-image .product-photo{
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center;
  }

  .modal-thumbs{
    display:flex;
    grid-template-columns:none;
    gap:8px;
    margin-top:8px;
    padding:2px 1px 5px;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:x proximity;
    scrollbar-width:thin;
  }

  .modal-thumbs button{
    flex:0 0 66px;
    width:66px;
    height:56px;
    scroll-snap-align:start;
    border-radius:9px;
  }

  .modal-info{
    padding:2px 0 0;
  }

  .modal-info h2{
    font-size:21px;
    line-height:1.18;
    margin:8px 42px 10px 0;
  }

  .modal-info p{
    font-size:12px;
    line-height:1.55;
    margin:12px 0;
  }

  .modal-status{
    font-size:10px;
    line-height:1.4;
  }

  .product-detail-summary{
    gap:8px;
  }

  .product-detail-summary > div,
  .product-spec-item{
    padding:11px;
  }

  .product-spec-section,
  .product-purchase-info{
    margin-top:16px;
  }

  .modal-quote{
    min-height:44px;
    position:sticky;
    bottom:0;
    z-index:2;
    box-shadow:0 -8px 18px rgba(255,255,255,.92);
  }
}

@media (max-width:600px) and (max-height:650px){
  .modal-panel{
    padding-top:46px;
  }
  .modal-main-image{
    height:170px;
    min-height:170px;
  }
}


/* ============================================================
   V56 — carregamento incremental no "Ver mais produtos"
   ============================================================ */
#verMaisMobile.is-loading{
  opacity:.78;
  pointer-events:none;
}
#verMaisMobile[disabled]{
  cursor:wait;
}



/* ============================================================
   V57 — pente-fino de desempenho mobile
   ============================================================ */
.hero-photo-wrap picture{
  display:flex;
  width:100%;
  height:100%;
  align-items:center;
  justify-content:center;
}

.product-card-photo-wrap .product-photo,
.product-gallery-thumb-wrap .product-photo{
  aspect-ratio:auto;
}

.hero-store.performance-paused .hero-photo,
.hero-store.performance-paused .hero-points-track{
  animation-play-state:paused!important;
}

@media(max-width:600px){
  /* Evita renderizar seções distantes antes de o usuário chegar nelas */
  .service-strip,
  .category-info,
  .promo-banner,
  .how-shop,
  .quote-conditions,
  .trust-shop,
  .faq-shop,
  .shop-footer{
    content-visibility:auto;
    contain-intrinsic-size:1px 520px;
  }

  .product-card-photo-wrap{
    padding:7px!important;
  }

  .product-gallery-thumb-wrap{
    padding:4px!important;
  }

  .product-gallery-thumb-wrap .product-photo{
    width:100%;
    height:100%;
    object-fit:contain;
  }

  /* Reduz repinturas durante a rolagem */
  .market-card,
  .category-link,
  .category-info-card{
    contain:layout paint;
  }

  #verMaisMobile{
    touch-action:manipulation;
  }
}



/* ============================================================
   V58 — todos os produtos visíveis após "Ver mais"
   ============================================================ */
@media(max-width:600px){
  body.category-landing .product-page .market-card{
    display:flex!important;
  }

  .buy-button{
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    text-decoration:none;
  }
}


/* ============================================================
   V59 — links diretos e imagens inteiras no desktop e mobile
   ============================================================ */

/* Nenhum zoom automático nos produtos: a imagem permanece inteira. */
.product-photo-wrap,
.product-card-photo-wrap,
.product-gallery-thumb-wrap,
.market-card:hover .product-photo,
.market-card:hover .product-photo-wrap{
  transform:none!important;
}

.product-photo-wrap,
.product-card-photo-wrap,
.product-gallery-thumb-wrap{
  overflow:visible!important;
}

.product-photo-wrap .product-photo,
.product-card-photo-wrap .product-photo,
.product-gallery-thumb-wrap .product-photo,
.modal-main-image .product-photo{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
}

/* Espaço de segurança para bordas do produto não encostarem no recorte do card. */
.market-image{
  padding:12px 12px 42px;
  overflow:hidden;
  background:#fff;
}

.product-card-photo-wrap{
  padding:10px!important;
}

/* Modal: imagem completa, com respiro em todas as telas. */
.modal-main-image{
  background:#fff;
}
.modal-main-image .product-photo-wrap{
  padding:18px!important;
  overflow:hidden!important;
}
.modal-thumbs button{
  background:#fff;
}
.product-gallery-thumb-wrap{
  padding:6px!important;
}

/* Categorias e heróis sem zoom/corte nas bordas. */
.category-links .photo-circle picture,
.category-links .photo-circle img{
  transform:none!important;
}
.category-links .photo-circle picture{
  padding:5px;
  overflow:visible!important;
}
.category-links .photo-circle img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
}

.hero-photo-wrap{
  overflow:visible;
  padding:14px;
}
.hero-photo{
  max-width:90%!important;
  max-height:90%!important;
  object-fit:contain!important;
  object-position:center!important;
}

.category-landing-visual{
  overflow:visible;
  padding:18px;
}
.category-landing-image{
  display:block;
  width:auto!important;
  height:auto!important;
  max-width:88%!important;
  max-height:88%!important;
  object-fit:contain!important;
  object-position:center!important;
}

@media(max-width:600px){
  .market-image{
    padding:8px 8px 38px;
  }
  .product-card-photo-wrap{
    padding:7px!important;
  }
  .modal-main-image .product-photo-wrap{
    padding:12px!important;
  }
  .hero-photo-wrap{
    padding:16px;
  }
  .hero-photo{
    max-width:86%!important;
    max-height:86%!important;
  }
  .category-links .photo-circle picture{
    padding:7px;
  }
}