/* 1. Tokens: altere estas variáveis para personalizar as cores do projeto. */
:root{--red:#0086ff;--dark-red:#0069cc;--background:#f0f3f4;--text:#173047;--muted:#63778b;--border:#dce3e9;--green:#178329}
.reference-footer{background:#f0f0f0;padding:0 26px 10px;color:#666}.footer-reference-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;min-height:65px;gap:20px}.footer-brand{justify-self:start;color:var(--red);font-size:23px;font-weight:700;border-block:2px solid;line-height:1;margin-top:15px;letter-spacing:-1px}.footer-more{position:relative;min-width:128px;background:white;font-size:11px}.footer-more summary{list-style:none;cursor:pointer;padding:11px 13px;text-align:center}.footer-more summary::-webkit-details-marker{display:none}.footer-more summary span{margin-left:7px}.footer-more-links{display:flex;flex-direction:column;gap:12px;padding:12px 15px;border-top:1px solid #eee}.footer-more-links a:hover,.footer-map:hover{text-decoration:underline}.footer-social{justify-self:end;display:flex;gap:15px;margin-top:20px}.footer-social svg{width:13px;height:13px;stroke-width:1.6}.reference-footer .footer-company{font-size:9px;margin:5px auto 10px;padding:0;text-align:center;line-height:1.6}.footer-map{display:block;text-align:center;font-size:9px;width:fit-content;margin:auto}.footer-more summary:focus-visible{outline:3px solid #226cc6;outline-offset:2px}@media(max-width:480px){.reference-footer{padding:0 14px 15px}.footer-reference-top{grid-template-columns:1fr auto;gap:15px;min-height:90px}.footer-more{grid-column:2;grid-row:1}.footer-social{grid-column:1/-1;justify-self:center;margin:0 0 10px;gap:22px}.footer-social svg{width:16px;height:16px}.reference-footer .footer-company{max-width:310px;font-size:10px}.footer-map{font-size:10px}}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:var(--background)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #226cc6;outline-offset:4px}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.container{width:min(1120px,calc(100% - 40px));margin:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}
.reference-footer{padding-inline:0}.reference-footer .footer-reference-top{width:calc(100% - 40px);max-width:1120px;margin-left:auto;margin-right:auto}@media(max-width:640px){.reference-footer .footer-reference-top{width:calc(100% - 28px)}}
.service-strip{background:#fff;margin-top:48px;border-block:8px solid #f0f0f0}.service-strip-items{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;min-height:62px;gap:24px;font-size:11px;color:#666;line-height:1.4}.service-strip-items>span:last-child{justify-self:end}@media(max-width:640px){.service-strip{margin-top:30px}.service-strip-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding-block:18px}.service-strip-items>span:last-child{justify-self:start}}
/* 2. Cabeçalho e navegação. */
.promotion{text-align:center;padding:12px 20px;background:#f7d9e1;color:#6e1630;font-size:15px}.promotion span{margin-left:12px}header{background:var(--red);color:white}.header-main{display:flex;align-items:center;gap:38px;padding:25px 0 19px}.logo{font-size:36px;font-weight:800;letter-spacing:-2px;border-top:3px solid;border-bottom:3px solid;line-height:1.05}#search-form{display:flex;flex:1;background:white;border-radius:6px;padding:3px}#search{width:100%;min-width:0;padding:12px;border:0;border-radius:6px;color:var(--text)}#search-form button{background:white;border:0;color:var(--red);padding:8px 13px}.welcome{font-size:12px;line-height:1.5}.cart-button{position:relative;background:transparent;border:0;color:white;padding:10px}.cart-button svg{width:29px;height:29px}#cart-count{position:absolute;right:-4px;top:0;border-radius:20px;background:white;color:var(--red);font-size:11px;font-weight:bold;min-width:20px;padding:3px}.header-links{display:flex;gap:30px;align-items:center;padding:0 0 16px;font-size:12px;font-weight:bold}.header-links>span:first-child{margin-right:auto}.study-label{opacity:.8}nav{background:white;border-bottom:1px solid var(--border)}.categories{display:flex;gap:26px;overflow:auto}.categories button{white-space:nowrap;padding:14px 0;border:0;border-bottom:3px solid transparent;color:var(--muted);background:none;font-size:13px}.categories button.active{border-color:var(--red);color:var(--red);font-weight:bold}
/* 3. Conteúdo central: banner e grade reutilizável. */
h1{font-size:21px;margin:30px 0 25px}h2{font-size:22px;margin:0}.mega{background:var(--red);padding:32px 46px 25px;color:white}.mega-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px}.mega-heading h2{display:flex;gap:12px;align-items:center;font-size:30px}.mega-heading svg{width:30px;height:30px}.countdown{display:flex;align-items:center;gap:20px}.countdown strong{font-size:17px}.countdown #timer{font-size:28px;font-weight:bold;letter-spacing:1px;white-space:nowrap;font-variant-numeric:tabular-nums}.countdown small{display:block;font-size:10px;text-align:center;margin-top:4px}.product-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.product-card{position:relative;background:white;border:1px solid var(--border);border-radius:13px;overflow:hidden;color:var(--text);display:flex;flex-direction:column}.product-image{position:relative;height:185px;background:#f4f4f4;display:grid;place-items:center}.product-image img{max-width:80%;max-height:148px;object-fit:contain;mix-blend-mode:multiply}.add-button{position:absolute;bottom:9px;right:9px;border:0;border-radius:50%;width:36px;height:36px;background:var(--red);color:white;font-size:27px;line-height:1}.add-button:hover{background:var(--dark-red)}.product-info{padding:14px 12px 17px;display:flex;flex-direction:column;flex:1}.product-info h3{font-size:13px;line-height:1.35;margin:0 0 10px;min-height:36px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rating{font-size:15px;color:#b58700;white-space:nowrap}.rating small{color:var(--muted);font-size:11px}.old-price{margin:5px 0;font-size:11px;color:var(--muted)}.discount{background:var(--green);color:white;border-radius:10px;padding:3px 5px;margin-left:4px;font-size:10px}.price{font-size:15px}.installments{font-size:11px;line-height:1.5;color:var(--muted);margin:9px 0 15px}.tags{display:flex;align-items:flex-start;flex-direction:column;gap:5px;margin-top:auto}.tag{border-radius:12px;font-size:10px;font-weight:bold;padding:4px 8px}.pink{background:#fce1e9;color:#9c3655}.green{background:#dff1e3;color:#26783b}.blue{background:#deebf9;color:#37678c}.all-offers{display:block;width:fit-content;margin:28px 0 0 auto;font-size:13px;font-weight:bold}.daily{margin:36px 0}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.section-heading h2{font-size:21px}.section-heading button{border:0;background:none;color:var(--red);font-size:12px;font-weight:bold}.daily .product-image{height:190px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid var(--border);padding:36px 0 42px;margin-top:48px}.benefits div{display:flex;flex-direction:column;gap:8px}.benefits strong{font-size:15px}.benefits span{font-size:13px;color:var(--muted)}footer{background:#eaeaea;padding:34px 0 24px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:13px}.footer-top .logo{color:var(--red)}footer p{font-size:12px;text-align:center;color:var(--muted);padding:20px 20px 0;line-height:1.6}
/* 4. Carrinho e confirmação discreta. */
dialog{width:min(480px,calc(100% - 32px));max-height:85vh;border:0;border-radius:14px;padding:24px;color:var(--text)}dialog::backdrop{background:#0007}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.dialog-heading button{border:0;background:none;font-size:30px}.cart-line{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--border)}.cart-line img{width:45px;height:55px;object-fit:contain}.cart-line>div{flex:1;font-size:13px;line-height:1.5}.cart-line button{color:var(--red);border:0;background:none;font-size:12px}.cart-total{display:flex;justify-content:space-between;padding:22px 0}.demo-note{font-size:12px;line-height:1.5;color:var(--muted)}.primary-button{width:100%;padding:12px;border:0;border-radius:6px;background:var(--red);color:white;font-weight:bold}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#333;color:white;border-radius:6px;padding:13px 20px;font-size:13px;opacity:0;pointer-events:none;z-index:5;max-width:90vw;text-align:center}#toast.visible{opacity:1}
/* 5. Responsividade: cartões passam de cinco para três ou duas colunas. */
@media(max-width:1000px){.header-main{gap:25px}.mega{padding:28px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mega-heading{align-items:flex-start}.mega-heading h2{font-size:25px}.countdown{gap:10px}.countdown #timer{font-size:22px}.countdown strong{font-size:13px}}
@media(max-width:640px){.container{width:calc(100% - 28px)}.promotion{font-size:12px;line-height:1.5}.header-main{flex-wrap:wrap;gap:15px;padding-top:19px}.logo{font-size:30px}.welcome{margin-left:auto;font-size:11px}#search-form{order:4;flex-basis:100%}.header-links{gap:16px;flex-wrap:wrap;font-size:11px}.header-links>span:first-child,.study-label{display:none}.categories{gap:22px}h1{font-size:18px;margin:24px 0 18px}.mega{padding:22px 14px}.mega-heading{flex-direction:column;gap:20px;margin-bottom:22px}.mega-heading h2{font-size:27px}.countdown{width:100%;justify-content:space-between}.countdown #timer{font-size:24px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-image,.daily .product-image{height:160px}.product-image img{max-height:130px}.product-info{padding:12px 10px}.price{font-size:13px}.section-heading h2{font-size:17px;max-width:75%}.benefits{grid-template-columns:1fr;gap:24px;padding:28px 0;margin-top:30px}.footer-top{flex-wrap:wrap}.footer-top>span{flex-basis:100%;order:3}.all-offers{margin-top:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.category-page-link{padding:14px 0;font-size:13px;white-space:nowrap;color:var(--red);font-weight:bold}
.offer-countdown{display:flex;align-items:center;justify-content:center;gap:22px;padding:12px 20px}.offer-countdown>strong{font-size:13px;text-align:left;line-height:1.2}.offer-countdown .offer-timer{margin:0;font-weight:bold;font-size:24px;letter-spacing:1px;font-variant-numeric:tabular-nums;white-space:nowrap}.offer-countdown small{display:block;margin-top:4px;font-size:10px;text-align:center}@media(max-width:480px){.offer-countdown{gap:14px}.offer-countdown .offer-timer{font-size:20px}.offer-countdown>strong{font-size:12px}}

.offer-countdown{background:var(--red);color:white}

.view-all-link{color:var(--red);font-size:12px;font-weight:bold}
.promotion-all{display:flex;justify-content:center;margin-top:28px}.promotion-all-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:50px;padding:14px 32px;border:2px solid var(--red);border-radius:7px;background:var(--red);color:white;font-size:16px;font-weight:bold}.promotion-all-button:hover{background:var(--dark-red);border-color:var(--dark-red)}.mega .promotion-all-button{background:white;color:var(--red);border-color:white}.mega .promotion-all-button:hover{background:#fce1e9;border-color:#fce1e9}@media(max-width:640px){.promotion-all-button{width:100%;max-width:360px;padding-inline:20px;font-size:15px}}

.footer-recognition{max-width:1120px;margin:24px auto 0;padding:20px 14px;border-top:1px solid #d7d7d7;text-align:center}.footer-recognition h2{font-size:14px;margin:0 0 16px}.footer-seals{display:flex;align-items:center;justify-content:center;gap:36px;flex-wrap:wrap}.footer-seals img{display:block;object-fit:contain;height:auto;max-width:100%}.footer-seals .trust-seal{width:88px}.footer-seals .security-seal{width:230px}@media(max-width:480px){.footer-seals{gap:22px}.footer-seals .security-seal{width:190px}}

.footer-seals .additional-seal{width:145px;max-height:70px}.footer-seals img[src*='selo-confi']{width:70px;max-height:70px}.footer-seals{gap:26px}.footer-seals .security-seal{width:190px}@media(max-width:480px){.footer-seals{gap:24px 18px}.footer-seals .additional-seal{width:130px}.footer-seals .security-seal{width:160px}}