@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500;600;700&family=Montserrat:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap');
:root{--paper:#fff;--ink:#314e42;--clay:#b4775c;--brand:#385c4c;--soft:#f3eee6}body{font-family:Montserrat,Arial,sans-serif;color:#303332}.announcement{background:#f5f3ee;color:#4d524d;font-size:10px;letter-spacing:.3px;padding:9px}header{display:block;padding:0;background:var(--brand);color:white;border:0}.header-inner{max-width:980px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:35px;height:116px;padding:0 20px}.brand{display:block;color:inherit;font:42px 'DM Serif Display',Georgia;letter-spacing:-1.8px}.brand>span{display:block;font:8px Montserrat;letter-spacing:2px;text-align:center;margin-top:2px}.header-inner input{flex:1;min-width:100px;max-width:350px;border:0;border-bottom:1px solid #ffffff99;background:none;color:white;padding:10px 22px}.header-inner input::placeholder{color:#fffc}.account{font-size:25px;white-space:nowrap}.account span{font-size:10px;vertical-align:middle}.bag{border:0;padding:0;white-space:nowrap;font-size:26px;color:#fff}.bag span{background:white;color:var(--brand);font-size:10px;margin-left:0;padding:4px 6px}.main-nav{max-width:980px;display:flex;justify-content:space-between;margin:auto;height:39px;align-items:center;font-size:11px;gap:12px;padding:0 10px}.main-nav button{border:0;background:none;font-size:11px;padding:12px 0}.main-nav>div{position:relative}.menu-panel{position:absolute;top:100%;left:0;background:white;box-shadow:0 8px 25px #0002;z-index:3;width:600px;max-width:85vw;padding:20px;columns:3}.menu-panel[hidden]{display:none}.menu-panel button{display:block;text-align:left;padding:8px;font-size:11px;break-inside:avoid;width:100%}.menu-panel button:hover{background:var(--soft)}.main-banner{max-width:980px;margin:auto;height:430px;position:relative;background:#ebe8dc;overflow:hidden}.main-banner>img{width:100%;height:100%;object-fit:cover}.main-banner>div{position:absolute;top:38px;left:45px;color:white}.main-banner h1{font-size:28px;line-height:1.2;margin:0;font-weight:700;text-shadow:0 1px 7px #0003}.main-banner small{font-size:20px}.main-banner em{font:26px 'DM Serif Display',Georgia;color:#e3b297}.main-banner a{display:inline-block;margin-top:25px;border-bottom:1px solid #fff;padding:8px 0;font-size:10px}.benefits{display:flex;background:var(--brand);justify-content:center;gap:65px;color:#fff;padding:18px 20px}.benefits>div{display:flex;gap:13px;align-items:center}.benefits b{font-size:37px;font-weight:400}.benefits strong{display:block;font:21px Oswald,sans-serif;letter-spacing:.5px}.benefits small{font-size:11px}.showcase{max-width:900px;margin:25px auto 45px;text-align:center}.showcase h2,.inspiration h2,.how>h2{font:24px Oswald,sans-serif;color:var(--brand);letter-spacing:1.4px;text-align:center;margin:28px 0}.showcase .products{grid-template-columns:repeat(4,1fr);gap:20px}.product{text-align:center}.product .image{background:var(--soft)}.product .badge{bottom:auto;top:0;left:0;background:var(--brand);color:white;font-size:10px;padding:5px 10px;letter-spacing:0}.product h3{font-size:11px;line-height:1.6;min-height:53px;margin:14px 0 8px}.price{justify-content:center;font-size:13px}.price strong{font-weight:500}.add-product{background:var(--brand);border:0;color:white;width:100%;padding:10px;font-size:10px;margin-top:13px}.outline-button{border:1px solid var(--brand);color:var(--brand);padding:13px 25px;font-size:10px;display:inline-block;margin-top:25px}.promo-grid{max-width:900px;margin:45px auto;display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.promo-grid button{position:relative;border:0;padding:0;overflow:hidden;background:var(--soft)}.promo-grid img{width:100%;height:320px;object-fit:cover;display:block}.promo-grid h2{position:absolute;top:8px;left:5px;writing-mode:vertical-rl;transform:rotate(180deg);font:35px Georgia;color:var(--brand);margin:0;background:#fff9;padding:6px}.promo-grid span{position:absolute;bottom:18px;left:25%;right:10%;background:var(--brand);color:white;border-radius:8px;padding:10px;font-size:13px;font-weight:bold}.inspiration{max-width:960px;margin:30px auto 50px}.inspiration>div{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.inspiration img{width:100%;height:290px;object-fit:cover}#catalogo{max-width:980px;margin:35px auto;padding:0 0 40px;border:0}#catalogo>h1{font:26px Oswald,sans-serif;letter-spacing:1px;margin:22px 0 30px}.breadcrumb{font-size:10px;color:#777}.catalog-layout{display:grid;grid-template-columns:170px 1fr;gap:30px}#sidebar details{border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:17px}#sidebar summary{font-size:13px;font-weight:600;cursor:pointer;margin-bottom:10px}#sidebar button{display:block;background:none;border:0;padding:6px 0;text-align:left;font-size:11px;color:#555}#sidebar button.active{color:var(--brand);font-weight:700;text-decoration:underline}.catalog-head{margin-bottom:20px;align-items:center}.catalog-head>p{font-size:11px;margin:0}.catalog-head select{padding:8px;font-size:10px;border-color:#ddd;max-width:210px}.catalog-layout .products{grid-template-columns:repeat(3,1fr);gap:30px 22px}.catalog-layout .product h3{min-height:55px}#active-filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px}#active-filters:empty{display:none}#active-filters button{border:0;background:var(--soft);padding:8px;font-size:10px}.mobile-filter{display:none}.how{max-width:960px;margin:0 auto 50px;display:block;border:0;padding:25px 0}.how>div{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.how b{color:var(--clay)}.home-content+#catalogo{display:none}.catalog-view .home-content{display:none}.catalog-view .home-content+#catalogo{display:block}.how h3{font-size:13px}footer{background:var(--brand);color:white;padding:30px 20px}.footer-inner{max-width:900px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;font-size:11px}.footer-inner h3{font-size:16px;margin:0 0 15px}.footer-inner a{display:block;padding:4px 0}.footer-inner p{color:#fff;font-size:11px;line-height:1.7;margin:0}.footer-note{max-width:900px;margin:25px auto 0;padding-top:22px;border-top:1px solid #ffffff44;font-size:9px;line-height:1.8}.detail-price{font-size:23px}#detail h2{font:24px/1.4 Montserrat;margin:10px 0 20px}#detail summary{cursor:pointer;font-weight:600;font-size:13px;margin-top:28px}.category-detail{font-size:10px}#detail-body>div>p{font-size:12px}#toast{background:var(--brand)}
@media(max-width:1000px){.showcase,.promo-grid,.inspiration,.how,#catalogo{margin-left:25px;margin-right:25px}.main-nav{font-size:10px;gap:8px}.main-nav button{font-size:10px}.benefits{gap:30px}}
@media(max-width:650px){.announcement{font-size:7px;padding:8px 3px}.header-inner{height:auto;min-height:110px;padding:16px 18px;gap:10px;flex-wrap:wrap}.header-inner .brand{font-size:31px;flex:1}.brand>span{font-size:6px;letter-spacing:1.6px;text-align:left}.header-inner input{order:4;max-width:100%;width:100%;flex-basis:100%;font-size:11px;padding:8px 0}.account{font-size:20px}.account span{display:none}.main-nav{display:flex;height:43px;overflow:auto;justify-content:flex-start;white-space:nowrap;gap:22px;padding:0 18px}.main-nav button{font-size:10px}.main-nav .menu-panel{position:fixed;top:190px;left:5vw;columns:2}.main-banner{height:280px}.main-banner>img{object-position:63% center}.main-banner>div{left:22px;top:30px}.main-banner h1{font-size:22px}.main-banner small{font-size:14px}.main-banner em{font-size:20px}.main-banner a{font-size:8px;margin-top:20px}.benefits{gap:13px;padding:15px 8px}.benefits>div{gap:5px;flex:1}.benefits b{font-size:23px}.benefits strong{font-size:12px;letter-spacing:0}.benefits small{font-size:7px}.showcase,.promo-grid,.inspiration,.how,#catalogo{margin-left:16px;margin-right:16px}.showcase .products{grid-template-columns:repeat(2,1fr);gap:22px 15px}.showcase .product h3{min-height:54px}.showcase h2,.inspiration h2{font-size:21px}.promo-grid{gap:10px}.promo-grid img{height:210px}.promo-grid h2{font-size:20px}.promo-grid span{font-size:7px;padding:8px;left:20%;right:8%;bottom:10px}.inspiration img{height:180px}.inspiration h2{font-size:18px}.catalog-layout{grid-template-columns:1fr;gap:0}#sidebar{display:none}.mobile-filter{display:block;width:100%;max-width:100%;margin-bottom:18px;padding:11px;font-size:11px}.catalog-layout .products{grid-template-columns:repeat(2,1fr);gap:25px 15px}.catalog-head{display:flex}.catalog-head select{max-width:170px}.how>div{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr 1fr;gap:27px}.footer-inner h3{font-size:14px}.footer-note{font-size:8px}#catalogo>h1{font-size:23px}#detail-body{gap:15px}#detail h2{font-size:20px}.pagination{font-size:10px;gap:12px}}

.product-view .home-content,.product-view #catalogo,.product-view .how{display:none!important}.product-view #detail[open]{position:relative;inset:auto;display:block;width:calc(100% - 36px);max-width:980px;margin:35px auto;padding:25px 0 50px;max-height:none}.account{display:flex;align-items:center;gap:10px}.bag{display:flex;align-items:center;gap:5px}.main-banner>div{z-index:1}

.main-banner>.banner-controls{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:8px;inset:auto auto 18px 50%;padding:0}.banner-controls button{width:32px;height:32px;border:1px solid #fff;background:#ffffffb8;border-radius:50%;color:#294638}.banner-controls button[aria-pressed=true]{background:#294638;color:white}.main-banner{position:relative}

.main-banner[data-tone=light]>div:not(.banner-controls){color:#294638;background:#f5eedfdb;padding:16px;border-radius:5px}.main-banner[data-tone=light] h1{text-shadow:none}.main-banner[data-tone=light] em{color:#8b5039}.main-banner[data-tone=light] a{border-color:#294638}
