:root{--ink:#203135;--muted:#697778;--orange:#ef622e;--paper:#faf9f5;--line:#e2e5df;--green:#1c6651}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:15px 'DM Sans',sans-serif}h1,h2,h3,.logo{font-family:Manrope,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e78c59;outline-offset:3px}.wrap{width:min(1280px,calc(100% - 80px));margin:auto}.reviewbar{background:#ffedcf;color:#674411;text-align:center;padding:9px;font-size:11px;letter-spacing:.08em;font-weight:700}.reviewbar span{font-weight:400;letter-spacing:0;margin-left:14px}.topline{background:var(--ink);color:#fff;font-size:11px;padding:10px 0}.topline .wrap{display:flex;justify-content:space-between}.topline a{color:#e9d4b5}.header{display:flex;align-items:center;justify-content:space-between;gap:45px;padding:25px 0}.logo{display:flex;gap:10px;align-items:center;font-size:23px;font-weight:800;letter-spacing:-1px;white-space:nowrap}.logo b{color:var(--orange)}.logo small{display:block;font-size:10px;font-weight:500;letter-spacing:.1em;color:var(--muted);margin-top:3px}.logo-icon{background:var(--orange);width:45px;height:47px;border-radius:3px 16px 3px 3px;color:white;font-size:35px;position:relative;padding-left:8px;line-height:48px}.logo-icon span{font-size:12px;position:absolute;right:5px;bottom:-2px;color:#ffcb64}.search{border:1px solid var(--line);border-radius:5px;display:flex;align-items:center;flex:1;background:white;max-width:610px;padding:5px 5px 5px 15px}.search svg,.cartbtn svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;flex-shrink:0}.search input{width:100%;min-width:0;padding:11px;border:0;background:transparent;outline:none;font-size:13px}.search button{border:0;color:#fff;background:var(--ink);border-radius:3px;padding:11px 18px;font-size:12px}.cartbtn{display:flex;align-items:center;gap:10px;border:0;background:none;font-size:12px;white-space:nowrap}.cartbtn b{border-radius:50%;background:var(--orange);color:white;width:22px;height:22px;display:grid;place-items:center}header{background:white;border-bottom:1px solid var(--line)}nav{display:flex;gap:33px;overflow:auto;white-space:nowrap;padding:15px 0;font-size:12px;border-top:1px solid var(--line)}nav a:first-child{font-weight:700}nav a:last-child{margin-left:auto}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:35px;padding-top:40px;padding-bottom:40px;align-items:stretch}.hero-copy{padding:47px 0 30px}.eyebrow{font-size:10px;letter-spacing:.15em;font-weight:800;display:block}.hero h1{font-size:clamp(32px,3.5vw,51px);line-height:1.16;letter-spacing:-2px;font-weight:600;margin:21px 0}.hero h1 em{color:var(--orange);font-style:normal}.hero p{max-width:440px;color:var(--muted);line-height:1.8;font-size:14px}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:29px}.primary{display:inline-flex;gap:30px;align-items:center;justify-content:center;border:0;background:var(--orange);color:white;border-radius:4px;padding:15px 23px;font-size:12px;font-weight:700}.primary:hover{background:#d94f20}.textlink{background:none;border:0;padding:0;font-size:12px;font-weight:600}.hero-note{font-size:10px;color:var(--muted);display:flex;gap:7px;align-items:center;margin-top:32px}.dot{background:#5d8e73;width:6px;height:6px;border-radius:50%}.paint-art{position:relative;overflow:hidden;min-height:375px;background:#e6e9df;border-radius:6px}.art-label{position:absolute;top:25px;left:28px;font-size:9px;letter-spacing:.16em;z-index:2;right:25px;display:flex;justify-content:space-between}.art-label span{opacity:.5}.swatch{position:absolute;top:50px;bottom:25px;width:49%;border-radius:110px 110px 0 0;transform:rotate(-21deg)}.swatch-one{background:#c1cebc;left:0;top:50px}.swatch-two{background:#d38f6b;left:33%;top:100px}.swatch-three{background:#f0d4b0;left:70%;top:130px}.paint-can{width:155px;height:190px;position:absolute;left:40%;top:137px;background:linear-gradient(90deg,#dedfd8,#fff 35%,#eee 80%,#d8d9d2);border-radius:0 0 26px 26px;box-shadow:20px 25px 22px #23393230;transform:rotate(8deg);border:1px solid #b3b9b0}.lid{position:absolute;top:-13px;width:100%;height:28px;background:radial-gradient(ellipse,#d1d8cf 20%,#fafcf9 65%,#b6bfb5 70%);border:2px solid #e1e5dd;border-radius:50%}.can-label{margin-top:32px;background:var(--ink);color:white;height:122px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.can-label b{font-size:38px;letter-spacing:-2px}.can-label span{color:#ee916a;font-size:17px;font-weight:700;letter-spacing:.18em}.can-label small{font-size:7px;margin-top:9px}.art-chip{position:absolute;left:25px;bottom:55px;padding:16px 18px;background:#fffdf3ef;border-radius:4px;font-size:11px;box-shadow:0 6px 15px #2031350c}.art-chip span{margin-left:27px;color:var(--orange)}.art-line{position:absolute;bottom:20px;right:24px;font-size:8px;letter-spacing:.1em}.benefits{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;gap:40px}.benefits>div{display:flex;align-items:center;gap:17px}.benefits>div>span{font-family:Manrope;color:var(--orange);border:1px solid #e6c6ae;border-radius:50%;padding:8px;font-size:12px}.benefits p{margin:0;color:var(--muted);font-size:11px;line-height:1.8}.benefits b{display:block;font-size:12px;color:var(--ink)}.catalog-section{padding-top:60px;padding-bottom:65px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px}h2{font-size:30px;letter-spacing:-1px;font-weight:600;margin:12px 0 20px}.outline{border:1px solid var(--line);border-radius:4px;padding:10px 14px;background:white;font-size:11px}.brands{display:flex;flex-wrap:wrap;gap:9px;margin:10px 0 22px}.brands button{font-size:12px;font-weight:600;background:transparent;border:1px solid var(--line);border-radius:4px;padding:11px 22px;transition:.15s}.brands button:hover,.brands button.active{color:white;background:var(--ink);border-color:var(--ink)}.data-status{font-size:11px;color:var(--muted);margin-bottom:22px;border-bottom:1px solid var(--line);padding-bottom:15px}.catalog-layout{display:grid;grid-template-columns:215px 1fr;gap:35px}.filter-head{display:flex;justify-content:space-between;align-items:center}h3{font-size:14px}.filter-head button{background:none;border:0;color:var(--orange);font-size:10px}.catalog-layout aside label,.checkout label{display:block;margin:20px 0 8px;font-size:11px;font-weight:700}select{max-width:100%;background:#fff;border:1px solid var(--line);border-radius:4px;padding:11px 9px;color:var(--ink);font-size:12px}aside select,.checkout select{width:100%}.aside-help{margin-top:33px;padding:23px 18px;background:#e7ece5;border-radius:4px;font-size:12px}.aside-help span{font-weight:700}.aside-help p{font-size:11px;line-height:1.7;color:var(--muted)}.aside-help a{font-size:10px;color:var(--green);font-weight:700}.results-head{display:flex;align-items:center;justify-content:space-between;font-size:12px;gap:15px;margin-bottom:20px}.results-head label{font-size:10px;color:var(--muted)}.results-head select{border:0;background:transparent;padding-right:0}#activeFilters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:15px}#activeFilters:empty{display:none}.chip{background:#e9eee6;border:0;border-radius:4px;font-size:10px;padding:7px 10px}.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product{background:white;border:1px solid var(--line);border-radius:5px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s}.product:hover{box-shadow:0 8px 22px #2031350a}.product-media{background:#f5f5ef;height:190px;display:grid;place-items:center;position:relative;padding:25px}.product-media img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.product-media button{border:0;background:transparent;width:100%;height:100%;padding:0}.product .badge{font-size:8px;position:absolute;top:12px;left:12px;background:#fffdf5;border-radius:3px;padding:5px 8px;color:#877255}.missing-image{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8d9995}.missing-image svg{width:55px;height:55px;fill:none;stroke:#9bab9e;stroke-width:1}.missing-image small{font-size:9px;margin-top:12px}.product-body{padding:17px;display:flex;flex-direction:column;flex:1}.product-brand{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.product h3{line-height:1.5;margin:7px 0;font-size:13px;font-weight:700}.product-title{padding:0;border:0;background:none;text-align:left}.product .pack{font-size:10px;color:var(--muted);margin:0 0 17px}.product-bottom{margin-top:auto}.price{font-family:Manrope;font-weight:800;font-size:19px;letter-spacing:-.5px}.pix-note{font-size:9px;color:var(--green);margin:4px 0 13px}.add{width:100%;background:white;border:1px solid #d6dcd3;border-radius:4px;padding:10px;display:flex;justify-content:space-between;font-size:11px;font-weight:600;color:var(--ink)}.add:hover{background:var(--ink);color:white}.pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:30px;font-size:11px}.empty{padding:60px 10px;text-align:center;color:var(--muted)}.empty h3{color:var(--ink);font-size:20px}.empty p{font-size:13px;line-height:1.7}.store{background:#e9ede5;padding:55px 0}.store-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:100px}.store h2{font-size:34px}.store p{font-size:13px;line-height:1.9;max-width:470px;color:#61716c}.store .primary{margin-top:15px}.store-info{padding:25px 35px;background:#f9faf5;border-radius:5px}.store-info h3{font-size:18px;margin:0}.store-info p{line-height:2}.store-info b{float:right;color:var(--ink);font-weight:500}.store-info hr{border:0;border-top:1px solid var(--line)}.store-info a{font-size:12px;text-decoration:underline}footer{background:var(--ink);color:#f8f9f5;padding:35px 0}footer>.wrap{display:flex;align-items:center;justify-content:space-between;gap:25px}footer p{font-size:9px;line-height:1.8;color:#bac6c0}footer span{font-size:9px;color:#bac6c0}dialog{border:0;border-radius:8px;padding:32px;color:var(--ink);max-width:850px;width:calc(100% - 30px);box-shadow:0 15px 80px #0003}dialog::backdrop{background:#13251c80;backdrop-filter:blur(3px)}.close{border:0;background:transparent;font-size:27px;color:var(--muted);position:absolute;top:15px;right:20px;padding:4px}.detail-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:30px}.detail-grid .product-media{height:310px}.detail-grid p{line-height:1.8;color:var(--muted);font-size:13px}.detail-grid h2{font-size:26px;margin-top:12px}.details-meta{font-size:11px;line-height:2.1;margin:18px 0}.qty-input{width:60px;border:1px solid var(--line);border-radius:4px;padding:9px}.detail-actions{display:flex;gap:10px;align-items:center;margin-top:20px}#cart{max-width:480px;height:100dvh;max-height:100dvh;position:fixed;inset:0 0 0 auto;margin:0;border-radius:0;padding:28px}.drawer-head{position:relative;border-bottom:1px solid var(--line);padding-bottom:5px}.drawer-head h2{font-size:26px}.drawer-head .close{right:0;top:0}.cart-line{display:grid;grid-template-columns:1fr auto;gap:12px;padding:20px 0;border-bottom:1px solid var(--line)}.cart-line h3{margin:0 0 7px;font-size:12px}.cart-line p{font-size:10px;color:var(--muted);margin:5px 0}.cart-controls{display:flex;align-items:center;gap:8px;margin-top:12px}.cart-controls button{border:1px solid var(--line);border-radius:3px;background:white;width:26px;height:26px}.cart-controls button.remove{width:auto;border:0;color:#a64930;font-size:10px}.cart-line strong{font-size:12px}#cartSummary{margin-top:22px;font-size:12px}#cartSummary p{display:flex;justify-content:space-between}#cartSummary .pix-total{background:#e8f2e9;padding:12px;color:var(--green);border-radius:4px}.small{font-size:10px;line-height:1.7;color:var(--muted)}.whats{display:block;text-align:center;background:#237354;color:white;padding:15px;border-radius:4px;font-size:12px;font-weight:700}.whats[aria-disabled=true]{pointer-events:none;opacity:.45}.checkout .outline{width:100%;margin:10px 0}.checkout .textlink{display:block;margin:15px auto;color:var(--muted)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;border-radius:5px;padding:13px 22px;box-shadow:0 3px 12px #0002;z-index:20;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}body.modal{overflow:hidden}[hidden]{display:none!important}
@media(min-width:1500px){.hero{gap:70px}.paint-art{min-height:420px}.paint-can{top:155px;left:42%}.hero-copy{padding-top:62px}}
@media(max-width:1050px){.wrap{width:calc(100% - 44px)}.header{gap:20px}.hero{gap:20px}.hero h1{font-size:37px}.paint-can{left:35%}.catalog-layout{grid-template-columns:180px 1fr;gap:20px}.products{grid-template-columns:repeat(2,minmax(0,1fr))}.store-grid{gap:45px}.hero-actions{gap:16px}.hero-actions .textlink{font-size:10px}.benefits{gap:20px}nav{gap:22px}}
@media(max-width:650px){.wrap{width:calc(100% - 32px)}.reviewbar{font-size:9px}.reviewbar span{display:block;margin:4px 0 0}.topline{font-size:9px}.topline a{display:none}.header{padding:18px 0;flex-wrap:wrap}.logo{font-size:21px}.logo-icon{width:37px;height:40px;font-size:29px;line-height:40px}.search{order:3;flex:0 0 100%;max-width:none}.cartbtn span{display:none}.cartbtn{margin-left:auto}.cartbtn svg{width:23px;height:23px}nav{font-size:11px;padding:13px 0;gap:22px}.hero{grid-template-columns:1fr;padding-top:12px;padding-bottom:26px;gap:15px}.hero-copy{padding:22px 0 10px}.hero h1{font-size:37px;letter-spacing:-1.7px;margin-top:18px}.hero p{font-size:13px}.hero-actions{gap:23px;margin-top:24px}.hero-note{margin-top:22px}.paint-art{min-height:280px}.paint-can{width:125px;height:155px;top:85px;left:45%}.can-label{height:97px;margin-top:27px}.can-label b{font-size:30px}.can-label span{font-size:13px}.art-chip{bottom:40px;left:20px;padding:13px;font-size:9px}.art-line{font-size:6px;bottom:12px}.art-label{top:18px;left:20px;font-size:8px}.swatch{top:30px}.swatch-two{top:65px}.swatch-three{top:95px}.benefits{gap:13px;padding:20px 0;grid-template-columns:1fr}.benefits>div{gap:12px}.benefits>div>span{padding:5px;font-size:10px}.benefits p{font-size:10px}.benefits b{font-size:11px;display:inline;margin-right:8px}.catalog-section{padding-top:35px}.section-head{align-items:flex-start}.section-head h2{font-size:25px;line-height:1.3}.eyebrow{font-size:8px}.section-head .outline{padding:9px;font-size:9px;white-space:nowrap;margin-top:21px}.brands{gap:7px;margin:8px 0 18px}.brands button{font-size:11px;padding:9px 14px}.catalog-layout{grid-template-columns:1fr;gap:22px}.catalog-layout aside{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px}.filter-head{grid-column:1/-1}.filter-head h3{margin:0 0 8px}.catalog-layout aside label{display:none}.catalog-layout aside select{min-width:0;font-size:11px}.catalog-layout aside #sub{grid-column:1/-1}.aside-help{display:none}.results-head{font-size:11px;margin-bottom:13px}.products{gap:10px}.product-media{height:155px;padding:20px 10px}.product-body{padding:12px}.product h3{font-size:11px;line-height:1.5}.product-brand{font-size:8px}.product .pack{font-size:9px;margin-bottom:13px}.price{font-size:17px}.pix-note{font-size:8px}.add{font-size:10px;padding:10px}.product .badge{font-size:7px;left:8px;top:8px}.pagination{gap:12px}.store{padding:35px 0}.store-grid{grid-template-columns:1fr;gap:25px}.store h2{font-size:29px}.store-info{padding:22px}footer>.wrap{align-items:flex-start;flex-direction:column;gap:12px}footer p{margin:0}.detail-grid{grid-template-columns:1fr;gap:15px}.detail-grid .product-media{height:200px}.detail-grid h2{font-size:23px}dialog{padding:27px 20px}.detail-actions .primary{padding:13px 18px}.store-info b{float:none;margin-left:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

@media(max-width:650px){.catalog-layout aside label{display:block;margin:4px 0;font-size:10px}.catalog-layout aside{display:flex;flex-direction:column}.catalog-layout aside select{width:100%}}
/* Mantém fotos de proporções diferentes dentro da área reservada. */
.product-media{overflow:hidden;min-width:0;min-height:0;isolation:isolate}
.product-media>button{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;max-width:100%;max-height:100%;overflow:hidden}
.product-media img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
.product-media>button>img{flex:0 1 auto;min-width:0;min-height:0}
.product-body{position:relative;background:#fff;z-index:1;min-width:0}
.detail-grid .product-media{min-width:0;overflow:hidden}

/* Identidade Peg Tintas */
:root{--ink:#242424;--muted:#686362;--orange:#ae3036;--paper:#fcfaf7;--line:#e5dfdb;--green:#843337}
body{font-family:Arial,Helvetica,sans-serif}h1,h2,h3,.logo{font-family:Arial,Helvetica,sans-serif}.topline{background:#812c31}.topline a{color:white}.header{gap:40px;padding:17px 0}.logo img{display:block;width:170px;height:auto;mix-blend-mode:multiply}.logo{letter-spacing:0}.hero{padding-top:44px;padding-bottom:42px;gap:60px;align-items:center}.hero h1{font-weight:750;letter-spacing:-1.9px}.hero-copy{padding:25px 0}.hero p{font-size:15px;line-height:1.8}.primary{background:#aa3037;border-radius:4px;padding:17px 24px;font-size:13px}.primary:hover,.search button:hover{background:#82272c}.dot{background:#aa3037}.brand-art{position:relative;background:#eee6df;border-radius:5px;min-height:410px;overflow:hidden;padding:26px}.art-kicker{font-size:9px;letter-spacing:.17em;color:#6f4847;font-weight:700}.color-sheets{position:relative;height:310px}.color-sheet{position:absolute;top:35px;width:57%;height:245px;padding:23px;box-shadow:0 18px 22px #54211f19;border-radius:2px;display:flex;flex-direction:column;justify-content:space-between}.color-sheet span{font-size:8px;letter-spacing:.14em}.color-sheet b{font-size:25px;line-height:1.12;letter-spacing:-.8px}.sheet-a{background:#d7b9a1;left:0;transform:rotate(-14deg);color:#653d35}.sheet-b{background:#97383b;left:23%;transform:rotate(7deg);color:#fff2e4}.sheet-c{background:#d8d8c9;left:65%;top:75px;transform:rotate(18deg);color:#455049}.art-bottom{position:relative;display:flex;justify-content:space-between;gap:10px;font-size:8px;letter-spacing:.08em;color:#684a44}.art-bottom span{font-size:10px;letter-spacing:0}.benefits>div>span{color:#a82d35;border-color:#d8afb0}.aside-help{background:#f0e6e3}.aside-help a{color:#8e2d35}.card{background:#fff}.store{background:#efe8e3}.store-info{background:#fffdfb}.store-info h3{font-size:22px}.store-detail{padding:18px 0;border-top:1px solid var(--line)}.store-detail>span{font-size:10px;letter-spacing:.12em;color:#8b343a;font-weight:bold}.store-detail p{margin:10px 0;font-size:14px}.store-detail a{font-size:13px;font-weight:700}.tintometric{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-top:50px;padding-bottom:58px;border-top:1px solid var(--line)}.tintometric h2{font-size:30px;line-height:1.2;letter-spacing:-1px}.tintometric p{line-height:1.8;color:var(--muted);font-size:14px;margin-top:0}.tintometric a{color:#9d3037}footer{background:#282323}footer .wrap{gap:40px}footer .logo{background:#fff;border-radius:3px;padding:12px}footer .logo img{width:135px}footer p{line-height:1.8}footer small{font-size:10px;color:#d0c4c0}footer .wrap>span{line-height:1.8}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:#b94b50}
@media(max-width:850px){.header{gap:20px}.logo img{width:140px}.hero{gap:25px}.brand-art{min-height:350px;padding:20px}.color-sheets{height:260px}.color-sheet{height:200px;padding:18px}.color-sheet b{font-size:21px}.tintometric{gap:30px}.hero-actions{gap:18px}}
@media(max-width:600px){.wrap{width:calc(100% - 36px)}.header{padding:14px 0;gap:16px}.header .logo img{width:128px}.hero{padding-top:25px;gap:28px}.hero h1{font-size:37px}.hero-copy{padding:8px 0}.hero-actions{flex-wrap:wrap}.hero-note{margin-top:22px}.brand-art{min-height:320px}.art-kicker{font-size:8px}.color-sheets{height:235px}.color-sheet{height:185px}.color-sheet b{font-size:21px}.tintometric{grid-template-columns:1fr;gap:10px;padding-top:35px;padding-bottom:40px}.tintometric h2{font-size:27px}.store-grid{gap:28px}.store-info{padding:25px}.benefits{gap:16px}.art-bottom{font-size:7px}footer .wrap{align-items:flex-start;gap:22px}}

.variant-controls{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin:16px 0}
.variant-controls label{display:grid;gap:5px;font-weight:700}
.variant-controls select{max-width:100%;padding:8px}
.variant-swatch{width:36px;height:36px;border:1px solid #777;border-radius:4px}
