:root{--ink:#123f48;--ink-2:#0e333b;--orange:#ef7734;--orange-dark:#ce5722;--cream:#f7f3e9;--paper:#fffdf8;--line:#d9e0da;--muted:#657678;--shadow:0 16px 42px rgba(18,63,72,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink-2);font-family:"DM Sans",sans-serif}.announcement{background:var(--orange);color:#fff;overflow:hidden;font-weight:700}.announcement__track{display:flex;gap:4rem;width:max-content;padding:.72rem 0;animation:scroll 24s linear infinite}.announcement span{white-space:nowrap}@keyframes scroll{to{transform:translateX(-33.33%)}}.header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1rem,5vw,5.5rem);background:#fffdf8;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.brand{display:inline-flex}.brand img{width:126px;height:62px;object-fit:cover;object-position:center;border-radius:10px}.nav{display:flex;gap:2rem;align-items:center}.nav a,.nav__button,.footer a,.footer button{color:var(--ink-2);font:600 1rem "DM Sans";text-decoration:none;border:0;background:none;cursor:pointer;padding:0}.nav a:hover,.nav__button:hover,.footer a:hover,.footer button:hover{color:var(--orange)}.header__actions{display:flex;align-items:center;gap:.7rem}.icon-button,.cart-button{border:1px solid var(--line);background:#fff;border-radius:999px;color:var(--ink-2);font:700 .9rem "DM Sans";cursor:pointer}.icon-button{font-size:1.8rem;width:42px;height:42px;line-height:1}.cart-button{padding:.7rem 1rem}.cart-button span{display:inline-grid;place-items:center;background:var(--orange);color:#fff;border-radius:999px;min-width:20px;height:20px;margin-left:.3rem}.hero{min-height:min(68vw,620px);display:flex;align-items:center;padding:clamp(3rem,8vw,7rem) clamp(1rem,10vw,10rem);background-image:linear-gradient(90deg,rgba(8,47,57,.2),rgba(8,47,57,0) 62%),url("./assets/hero-casa-nova.png");background-size:cover;background-position:center}.hero__content{max-width:500px;color:var(--cream)}.eyebrow{color:var(--orange);font:800 .72rem "DM Sans";letter-spacing:.16em;margin:0 0 .75rem}.hero .eyebrow{color:#ffd1b9}.hero h1,h2{font-family:Outfit,sans-serif;line-height:1.02;margin:0}.hero h1{font-size:clamp(3rem,6vw,5.8rem);letter-spacing:-.06em}.hero h1 em{color:#ffaf7a;font-style:normal}.hero__content>p:not(.eyebrow){font-size:1.15rem;line-height:1.55;max-width:420px;margin:1.4rem 0 2rem}.button{border:0;background:var(--orange);color:#fff;padding:.95rem 1.2rem;border-radius:.75rem;font:800 1rem "DM Sans";cursor:pointer;transition:.2s}.button:hover{background:var(--orange-dark);transform:translateY(-1px)}.button--light{display:inline-flex;gap:.8rem;align-items:center;background:var(--cream);color:var(--ink-2);text-decoration:none}.button--light:hover{background:#fff}.button--full{width:100%}.benefits{display:grid;grid-template-columns:repeat(3,1fr);background:var(--ink);color:var(--cream);padding:1.45rem clamp(1rem,10vw,10rem);gap:2rem}.benefits div{display:grid;gap:.25rem}.benefits b{font-family:Outfit;font-size:1.05rem}.benefits span{font-size:.9rem;color:#cad8d7}.section{padding:clamp(4rem,8vw,7rem) clamp(1rem,7vw,7rem)}.section__heading{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2.5rem}.section h2{font-size:clamp(2.3rem,4vw,4rem);letter-spacing:-.05em}.search{display:flex;align-items:center;gap:.6rem;border-bottom:1px solid var(--ink);padding:.35rem 0;min-width:min(100%,270px)}.search input{border:0;outline:0;background:transparent;font:1rem "DM Sans";width:100%}.catalog__toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem}.catalog__toolbar p{color:var(--muted);margin:0}.filters{display:flex;gap:.5rem;flex-wrap:wrap}.filters button{background:transparent;border:1px solid var(--line);border-radius:999px;padding:.55rem .9rem;cursor:pointer;font:600 .9rem "DM Sans";color:var(--ink-2)}.filters .active,.filters button:hover{border-color:var(--ink);background:var(--ink);color:#fff}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}.product-card{border:1px solid var(--line);background:#fff;overflow:hidden;position:relative;border-radius:1rem;transition:.25s}.product-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.product-card__visual{min-height:250px;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:var(--visual);font-size:6rem}.product-card__visual span{filter:drop-shadow(0 16px 15px rgba(17,50,58,.18))}.product-card__discount{position:absolute;top:.8rem;right:.8rem;background:var(--orange);color:#fff;border-radius:999px;padding:.35rem .55rem;font:800 .7rem "DM Sans";letter-spacing:.05em}.product-card__body{padding:1.1rem}.product-card__category{display:block;color:var(--muted);font-size:.78rem;margin-bottom:.35rem}.product-card h3{margin:0;font:700 1.08rem Outfit}.price-row{display:flex;align-items:baseline;gap:.5rem;margin:1rem 0}.old-price{text-decoration:line-through;color:var(--muted);font-size:.88rem}.price{font:800 1.22rem Outfit;color:var(--ink)}.product-card__add{width:100%;background:var(--ink);color:#fff;border:0;border-radius:.6rem;padding:.75rem;cursor:pointer;font:700 .9rem "DM Sans"}.product-card__add:hover{background:var(--orange)}.coupon-banner{margin:0 clamp(1rem,7vw,7rem);padding:clamp(2rem,5vw,4rem);background:var(--ink);color:var(--cream);display:flex;align-items:center;justify-content:space-between;gap:2rem;border-radius:1.2rem}.coupon-banner h2{font-size:clamp(2rem,3.5vw,3.4rem);max-width:600px}.coupon-banner p:not(.eyebrow){max-width:520px;line-height:1.5;color:#d3dfdc}.coupon-banner__code{background:var(--cream);border-radius:.8rem;padding:1rem;min-width:220px;display:grid;gap:.75rem;text-align:center}.coupon-banner__code span{font:800 1.25rem Outfit;color:var(--ink);letter-spacing:.06em}.coupon-banner__code button{color:var(--orange-dark);background:none;border:0;font:700 .9rem "DM Sans";cursor:pointer}.about{display:grid;grid-template-columns:.7fr 1.3fr;gap:3rem;max-width:1000px;margin:auto}.about__mark{width:140px;height:140px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:#fff;font-size:4rem}.about p:not(.eyebrow),.contact p:not(.eyebrow){font-size:1.08rem;line-height:1.7;max-width:650px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:4rem;background:#eaf0ed}.contact__form{display:grid;gap:.75rem}.contact input,.contact textarea,.modal input{font:1rem "DM Sans";width:100%;border:1px solid #c5d1cc;background:#fff;border-radius:.65rem;padding:.9rem;outline-color:var(--orange)}.contact textarea{min-height:125px;resize:vertical}.form-message{margin:0;min-height:1.2em;font-size:.87rem;color:var(--orange-dark)}.footer{padding:2rem clamp(1rem,7vw,7rem);background:var(--ink-2);color:#d9e6e3;display:flex;gap:2rem;align-items:center;justify-content:space-between}.footer .brand img{width:95px;height:48px}.footer p{font-size:.9rem}.footer>div{display:flex;gap:1rem}.footer a,.footer button{color:#d9e6e3;font-size:.85rem}.drawer{position:fixed;right:0;top:0;width:min(100%,420px);height:100dvh;background:#fffdf8;z-index:30;padding:1.4rem;transform:translateX(110%);transition:.25s;box-shadow:var(--shadow);display:flex;flex-direction:column}.drawer.open{transform:translateX(0)}.drawer__header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:1rem}.drawer h2,.modal h2{font:700 1.8rem Outfit}.close{border:0;background:none;font-size:2rem;color:var(--ink);cursor:pointer}.cart-items{flex:1;overflow:auto;padding:1rem 0}.cart-line{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:.8rem;margin-bottom:1rem}.cart-line__icon{width:48px;height:48px;display:grid;place-items:center;background:#e6efec;border-radius:.6rem;font-size:1.6rem}.cart-line h3{margin:0;font:700 .95rem Outfit}.cart-line p{margin:.2rem 0;color:var(--muted);font-size:.85rem}.cart-line button{border:0;background:none;color:var(--orange-dark);cursor:pointer}.empty{text-align:center;color:var(--muted);padding:3rem 1rem}.coupon{border-top:1px solid var(--line);padding:1rem 0}.coupon label{display:block;font:700 .9rem Outfit;margin-bottom:.5rem}.coupon>div{display:flex}.coupon input{width:100%;border:1px solid var(--line);border-radius:.55rem 0 0 .55rem;padding:.7rem;font:1rem "DM Sans"}.coupon button{border:0;background:var(--ink);color:#fff;padding:0 .8rem;border-radius:0 .55rem .55rem 0;font:700 .85rem "DM Sans";cursor:pointer}.coupon small{color:var(--orange-dark);display:block;margin-top:.4rem}.totals{border-top:1px solid var(--line);padding:.7rem 0}.totals p{display:flex;justify-content:space-between;margin:.4rem 0}.totals .total{font:800 1.2rem Outfit}.overlay{position:fixed;inset:0;background:rgba(9,35,42,.45);z-index:25;opacity:0;visibility:hidden;transition:.2s}.overlay.show{opacity:1;visibility:visible}.modal{border:0;border-radius:1rem;padding:clamp(1.4rem,4vw,2.3rem);max-width:560px;width:calc(100% - 2rem);box-shadow:var(--shadow);color:var(--ink-2)}.modal::backdrop{background:rgba(9,35,42,.56)}.modal__close{position:absolute;right:1rem;top:.5rem}.modal form{display:grid;gap:1rem;margin-top:1.5rem}.modal label{display:grid;gap:.4rem;font:700 .85rem Outfit}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%,150%);background:var(--ink);color:#fff;padding:.8rem 1rem;border-radius:.6rem;z-index:100;opacity:0;transition:.25s}.toast.show{transform:translate(-50%,0);opacity:1}@media(max-width:900px){.nav{display:none}.product-grid{grid-template-columns:repeat(2,1fr)}.contact{grid-template-columns:1fr}.coupon-banner{align-items:start;flex-direction:column}.coupon-banner__code{width:100%}}@media(max-width:580px){.header{height:76px}.brand img{width:98px;height:52px}.header__actions .icon-button{display:none}.cart-button{font-size:.8rem;padding:.6rem .7rem}.hero{min-height:540px;background-position:60% center}.hero__content{padding-bottom:11rem}.benefits{grid-template-columns:1fr;gap:1rem}.section__heading,.catalog__toolbar{align-items:start;flex-direction:column}.product-grid{grid-template-columns:1fr 1fr;gap:.7rem}.product-card__visual{min-height:150px;font-size:4rem}.product-card__body{padding:.75rem}.product-card h3{font-size:.95rem}.price{font-size:1rem}.coupon-banner{margin:0 1rem}.about{grid-template-columns:1fr;gap:1.5rem}.about__mark{width:90px;height:90px;font-size:3rem}.footer{align-items:flex-start;flex-direction:column}.footer>div{flex-wrap:wrap}.two-columns{grid-template-columns:1fr}}