@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--green:#247a55;--green-dark:#18583d;--green-light:#eaf3ed;--ink:#202820;--muted:#737b72;--line:#e6e9e3;--cream:#f7f7f1;--white:#fff;--orange:#d87542;--shadow:0 14px 40px #182d1b0d}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:#fff}button,input,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}.announcement{height:34px;background:var(--green-dark);color:#f5f8f3;display:flex;align-items:center;justify-content:center;gap:12px;font-size:11px;letter-spacing:.06em}.announcement span{color:#b6d2bd}
.site-header{height:88px;display:flex;align-items:center;gap:38px;padding:0 6.5%;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-weight:800;font-size:23px;letter-spacing:-1.3px;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:var(--green);color:white;font-size:23px;letter-spacing:-2px}.brand-accent{color:var(--green)}.brand small{display:block;font:600 8px 'DM Sans',sans-serif;letter-spacing:1.3px;color:#8c948a;margin-top:1px}.search{display:flex;max-width:560px;flex:1;height:43px;border:1px solid #e1e6df;border-radius:8px;background:#fafbf8;overflow:hidden}.search input{width:100%;border:0;outline:0;background:transparent;padding:0 15px;font-size:13px}.search button{border:0;background:var(--green);color:white;width:48px;font-size:27px}.header-actions{display:flex;align-items:center;gap:17px;margin-left:auto}.icon-button{border:0;background:transparent;display:flex;align-items:center;gap:5px;color:#485248;font-size:12px;position:relative;white-space:nowrap}.icon-button:first-letter{font-size:20px}.cart-button b{font-size:10px;background:var(--green);color:white;border-radius:50%;width:17px;height:17px;display:grid;place-items:center;margin-left:-2px}.menu-toggle{display:none;border:0;background:transparent;font-size:23px}.main-nav{height:47px;padding:0 6.5%;display:flex;align-items:center;gap:31px;border-bottom:1px solid var(--line);font-size:12px;color:#515b51}.main-nav a:hover,.main-nav a:focus{color:var(--green)}.nav-admin{margin-left:auto;background:transparent;border:1px solid var(--line);border-radius:6px;padding:7px 11px;font-size:11px;color:var(--muted)}
.hero{min-height:455px;background:var(--cream);display:grid;grid-template-columns:1fr 1fr;padding:54px 10% 48px;gap:4%;overflow:hidden}.hero-copy{align-self:center;max-width:490px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;color:var(--green);display:block;margin-bottom:15px}.hero h1{font:800 clamp(38px,4.3vw,59px)/1.09 Manrope,sans-serif;letter-spacing:-2.7px;margin:0 0 19px}.hero h1 em{font-style:normal;color:var(--green)}.hero-copy>p{font-size:14px;line-height:1.8;color:#6d756b;max-width:405px;margin:0 0 25px}.primary-button,.light-button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:13px 18px;background:var(--green);color:white;border:0;border-radius:6px;font-size:12px;font-weight:700;transition:.2s}.primary-button:hover{background:var(--green-dark);transform:translateY(-2px)}.hero-points{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px;font-size:10px;color:#687466}.hero-points span:first-letter{color:var(--green)}
.hero-art{position:relative;min-height:330px;background:#e9ede1;border-radius:48% 48% 9px 9px;overflow:hidden;align-self:center;max-width:520px;width:100%;justify-self:end}.sun-disc{position:absolute;width:225px;height:225px;border-radius:50%;background:#d8e1c8;right:18%;top:18px}.shelf{position:absolute;height:12px;background:#a87c59;box-shadow:0 5px 0 #c5a384}.shelf-one{left:8%;right:8%;top:52%}.shelf-two{left:15%;right:15%;top:77%}.storage-box{position:absolute;background:#d5e0d2;border:2px solid #a7bca9;border-radius:5px 5px 12px 12px;box-shadow:inset 0 12px #e9eee4}.storage-box span{position:absolute;left:18%;right:18%;height:5px;top:15px;background:#a9bda9;border-radius:4px}.box-one{width:125px;height:94px;left:17%;top:25%}.box-two{width:150px;height:92px;left:42%;top:49%;background:#c3d2c2}.vase{position:absolute;right:19%;top:23%;width:46px;height:82px;background:#c48c67;border-radius:15px 15px 20px 20px}.vase:before{content:"";position:absolute;top:-12px;left:13px;width:20px;height:20px;border-radius:4px 4px 0 0;background:#c48c67}.plant{position:absolute;right:17%;top:8%;width:64px;height:75px}.plant i{position:absolute;bottom:0;left:28px;width:18px;height:52px;background:#648767;border-radius:100% 0 100% 0;transform:rotate(-30deg);transform-origin:bottom}.plant i:nth-child(2){transform:rotate(25deg);left:8px;height:44px}.plant i:nth-child(3){transform:rotate(5deg);left:26px;height:62px}.plant b{position:absolute;bottom:-18px;left:8px;width:42px;height:36px;background:#d1a58a;border-radius:4px 4px 14px 14px}.art-label{position:absolute;font-size:8px;letter-spacing:1.5px;color:#687d67;font-weight:700}.label-top{left:8%;top:10%}.label-bottom{right:7%;bottom:6%}
.benefits{padding:22px 8%;display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);gap:15px}.benefits>div{display:flex;align-items:center;gap:12px;justify-content:center}.benefit-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--green-light);color:var(--green);font-size:20px}.benefits b,.benefits small{display:block}.benefits b{font-size:11px;margin-bottom:4px}.benefits small{font-size:10px;color:var(--muted)}
.section{padding:75px 8%}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:27px}.section-heading .eyebrow{margin-bottom:9px}.section h2,.newsletter h2{font:750 clamp(25px,3vw,34px)/1.2 Manrope,sans-serif;letter-spacing:-1.2px;margin:0}.text-link{font-size:11px;font-weight:700;color:var(--green);padding-bottom:5px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.category-card{position:relative;text-align:left;border:0;border-radius:10px;min-height:168px;padding:22px;overflow:hidden;transition:.25s;color:var(--ink)}.category-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.category-kitchen{background:#f3e8d9}.category-storage{background:#e8eee2}.category-bath{background:#e4eef0}.category-cleaning{background:#f2e9e3}.category-symbol{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:#ffffffa8;font-size:23px;color:var(--green);margin-bottom:18px}.category-card b,.category-card small{display:block}.category-card b{font-size:13px;margin-bottom:5px}.category-card small{font-size:10px;color:#72796f}.category-arrow{position:absolute;right:17px;top:18px;color:#647a64;font-size:18px}
.product-section{padding-top:40px}.section-subtitle{color:var(--muted);font-size:12px;margin:10px 0 0}.result-count{font-size:11px;color:var(--muted)}.catalog-controls{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}.catalog-controls select,.clear-filters{border:1px solid var(--line);background:#fff;border-radius:6px;padding:10px 12px;color:#566055;font-size:11px;outline-color:var(--green)}.clear-filters{margin-left:auto;background:#f8faf6}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.product-card{min-width:0;border:1px solid #edf0eb;border-radius:9px;overflow:hidden;position:relative;background:#fff;transition:transform .2s,box-shadow .2s}.product-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #263e2410}.product-image{height:205px;position:relative;background:#f4f5f0;overflow:hidden;display:grid;place-items:center}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.product-card:hover .product-image img{transform:scale(1.04)}.product-badge{position:absolute;top:11px;left:11px;padding:5px 7px;background:#fff;border-radius:4px;color:var(--green);font-size:9px;font-weight:700}.product-badge.sale{background:#f6e2d5;color:#a44c27}.wishlist-toggle{position:absolute;right:10px;top:10px;border:0;background:#ffffffdf;border-radius:50%;width:30px;height:30px;font-size:19px;color:#647064}.wishlist-toggle.active{color:#d45b58}.product-info{padding:14px}.product-category{font-size:9px;letter-spacing:.7px;text-transform:uppercase;color:#8a9387}.product-title{font-size:12px;font-weight:600;margin:7px 0 8px;line-height:1.45;min-height:34px}.product-rating{font-size:10px;color:#b27c2d;margin-bottom:11px}.product-rating span{color:#8c9388;margin-left:4px}.product-price-row{display:flex;align-items:center;gap:7px;margin-bottom:13px}.product-price{font:800 16px Manrope,sans-serif}.old-price{font-size:10px;color:#9ca29a;text-decoration:line-through}.add-button{width:100%;padding:10px;border:1px solid #d8e5d8;background:#f2f7f1;color:var(--green-dark);font-size:11px;font-weight:700;border-radius:5px;transition:.2s}.add-button:hover{background:var(--green);color:white}.add-button:disabled{opacity:.5;cursor:not-allowed}.empty-state{text-align:center;padding:50px 15px}.empty-state>span{font-size:42px;color:#a7b7a6}.empty-state h3{margin-bottom:6px}.empty-state p{color:var(--muted);font-size:13px}
.offer-banner{margin:0 8% 35px;border-radius:12px;background:#1d503b;color:#fff;min-height:270px;padding:42px 6%;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative}.offer-banner .eyebrow{color:#bdd9bd}.offer-banner h2{font:750 33px/1.18 Manrope,sans-serif;letter-spacing:-1px;margin:0 0 12px}.offer-banner p{color:#d1dfd1;font-size:12px;margin:0 0 22px}.light-button{background:#f4f6ed;color:#244c37}.light-button:hover{background:white}.offer-decoration{position:relative;width:42%;height:200px}.offer-circle{position:absolute;width:210px;height:210px;border-radius:50%;background:#47795a;right:18%;top:-5px}.offer-container{position:absolute;bottom:10px;border:2px solid #adc4a8;background:#d5e1cb;border-radius:6px 6px 20px 20px;box-shadow:inset 0 12px #eef2e6}.c1{width:95px;height:90px;right:55%;bottom:15px}.c2{width:135px;height:115px;right:22%;bottom:0;background:#a8c4a6}.c3{width:73px;height:75px;right:8%;bottom:20px;background:#e6e7d5}
.why-section{padding-top:45px;padding-bottom:65px}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.why-grid article{border-top:1px solid var(--line);padding-top:18px}.why-grid article>span{color:var(--green);font:700 12px Manrope}.why-grid h3{font:700 16px Manrope;margin:14px 0 8px}.why-grid p{font-size:12px;line-height:1.8;color:var(--muted);max-width:310px}
.newsletter{padding:42px 8%;background:#f4f5ef;display:flex;align-items:center;justify-content:space-between;gap:35px}.newsletter .eyebrow{margin-bottom:8px}.newsletter h2{font-size:27px}.newsletter p{font-size:12px;color:var(--muted);margin-bottom:0}.newsletter form{display:grid;grid-template-columns:minmax(180px,280px) auto;gap:8px;max-width:460px;flex:1}.newsletter input{border:1px solid #dfe4db;border-radius:5px;padding:13px;font-size:11px;min-width:0}.newsletter button{border:0;border-radius:5px;background:var(--green);color:white;padding:0 15px;font-size:11px;font-weight:700}.newsletter form small{grid-column:1/-1;color:#8b9288;font-size:9px}
.site-footer{background:#172e22;color:#f1f5ed;padding:45px 8% 18px}.footer-top{display:grid;grid-template-columns:1.7fr 1fr 1fr 1.3fr;gap:35px;padding-bottom:35px}.brand-light{color:white}.brand-light .brand-mark{background:#387b55}.brand-light .brand-accent{color:#a8d2af}.brand-light small{color:#a9b7a9}.footer-brand p{font-size:11px;line-height:1.8;color:#b6c3b5;max-width:240px;margin-top:18px}.footer-top h4{font-size:12px;margin:5px 0 16px}.footer-top>div:not(:first-child) a,.footer-top>div:not(:first-child) p{display:block;color:#b9c6b8;font-size:10px;margin:0 0 12px}.footer-top a:hover{color:white}.footer-note{opacity:.7}.footer-bottom{border-top:1px solid #ffffff20;padding-top:17px;display:flex;justify-content:space-between;color:#a8b6a7;font-size:10px}
.toast{position:fixed;bottom:22px;right:22px;z-index:70;background:#1d3d2b;color:white;padding:13px 18px;border-radius:7px;font-size:12px;box-shadow:var(--shadow);opacity:0;transform:translateY(10px);pointer-events:none;transition:.25s;max-width:min(360px,calc(100vw - 30px))}.toast.show{opacity:1;transform:translateY(0)}
.hidden{display:none!important}.modal-backdrop,.drawer-backdrop{position:fixed;inset:0;background:#101b14a6;z-index:50;display:grid;place-items:center;padding:20px}.modal{position:relative;background:white;width:min(560px,100%);max-height:90vh;overflow:auto;border-radius:12px;padding:30px;box-shadow:0 25px 80px #0003}.modal-close{border:0;background:transparent;font-size:27px;color:#6d776b;line-height:1}.modal>.modal-close{position:absolute;right:18px;top:15px}.modal h2{font:750 25px Manrope;letter-spacing:-.7px;margin:0 35px 8px 0}.modal-intro{font-size:12px;color:var(--muted);line-height:1.7;margin:0 0 20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.form-field.full{grid-column:1/-1}.form-field label{font-size:11px;font-weight:700}.form-field input,.form-field select,.form-field textarea{width:100%;padding:11px;border:1px solid var(--line);border-radius:5px;outline-color:var(--green);font-size:12px}.form-actions{display:flex;gap:10px;align-items:center;margin-top:8px;flex-wrap:wrap}.secondary-button{border:1px solid var(--line);border-radius:5px;background:white;padding:12px 15px;font-size:11px}.form-switch{font-size:11px;color:var(--green);border:0;background:none;padding:12px 0}.notice{background:#f3f5ef;border-radius:6px;padding:12px;font-size:11px;color:#596458;line-height:1.6;margin:15px 0}.admin-layout{width:min(1000px,100%)}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.admin-stat{background:#f3f6f1;border-radius:7px;padding:14px}.admin-stat small{display:block;font-size:10px;color:var(--muted);margin-bottom:7px}.admin-stat b{font:700 21px Manrope}.admin-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin-bottom:15px;flex-wrap:wrap}.admin-tabs button{border:0;background:white;padding:11px 8px;font-size:11px;color:var(--muted);border-bottom:2px solid transparent}.admin-tabs button.active{color:var(--green);border-bottom-color:var(--green)}.admin-table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse;font-size:11px}.admin-table th,.admin-table td{text-align:left;padding:11px 8px;border-bottom:1px solid var(--line);white-space:nowrap}.admin-table th{color:var(--muted);font-weight:600}.small-action{border:1px solid var(--line);background:#fff;border-radius:4px;padding:6px 8px;font-size:10px;margin:2px}.small-action.danger{color:#b34336}.drawer-backdrop{display:block;padding:0}.cart-drawer{position:absolute;right:0;top:0;height:100%;width:min(450px,100%);background:#fff;padding:26px;display:flex;flex-direction:column;box-shadow:-10px 0 40px #0001}.drawer-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px}.drawer-heading .eyebrow{margin-bottom:5px}.drawer-heading h2{font:750 25px Manrope;margin:0}.drawer-heading .modal-close{font-size:29px}.cart-list{overflow:auto;flex:1}.cart-row{display:grid;grid-template-columns:65px 1fr auto;gap:12px;padding:17px 0;border-bottom:1px solid var(--line);align-items:center}.cart-thumb{width:65px;height:65px;object-fit:cover;border-radius:6px;background:#f3f5ef}.cart-row h4{font-size:12px;margin:0 0 7px}.cart-row p{font-size:11px;color:var(--green);font-weight:700;margin:0}.qty-controls{display:flex;align-items:center;gap:9px;margin-top:8px}.qty-controls button{border:1px solid var(--line);background:white;border-radius:4px;width:24px;height:24px}.remove-item{border:0;background:none;color:#a2a89f;font-size:17px}.cart-total{border-top:1px solid var(--line);padding-top:17px;margin-top:12px}.total-line{display:flex;justify-content:space-between;font-size:12px;margin-bottom:10px}.total-line.final{font-size:16px;font-weight:800;margin-top:15px}.cart-total .primary-button{width:100%;margin-top:10px}.cart-empty{text-align:center;padding:45px 10px;color:var(--muted);font-size:12px}.cart-empty strong{display:block;color:var(--ink);font:700 19px Manrope;margin-bottom:8px}.order-summary{background:#f6f7f2;padding:14px;border-radius:6px;margin:15px 0;font-size:12px}.order-summary div{display:flex;justify-content:space-between;padding:5px 0}.order-summary div:last-child{font-weight:800;border-top:1px solid #e1e5dd;margin-top:5px;padding-top:10px}.success-mark{width:52px;height:52px;background:#e6f2e6;color:var(--green);border-radius:50%;display:grid;place-items:center;font-size:26px;margin-bottom:18px}.wishlist-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wishlist-item{border:1px solid var(--line);border-radius:7px;padding:10px;display:flex;gap:10px;align-items:center}.wishlist-item img{width:55px;height:55px;object-fit:cover;border-radius:5px}.wishlist-item b{display:block;font-size:11px}.wishlist-item button{border:0;background:none;color:var(--green);font-size:10px;padding:8px 0 0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1050px){.site-header{padding:0 4%;gap:20px}.main-nav{padding:0 4%;gap:20px}.hero{padding-left:7%;padding-right:7%}.section{padding-left:5%;padding-right:5%}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.benefits{padding-left:4%;padding-right:4%}.icon-button span{display:none}}
@media(max-width:760px){.site-header{height:72px;gap:13px;padding:0 5%}.brand{font-size:20px}.brand-mark{width:34px;height:34px}.search{height:38px}.header-actions{gap:9px}.icon-button{font-size:19px;padding:4px}.icon-button span{display:none}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:106px;left:0;right:0;height:auto;padding:12px 5% 18px;background:white;box-shadow:0 15px 20px #0000000b;z-index:19;flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.main-nav a,.nav-admin{padding:12px 0;border-bottom:1px solid var(--line);margin:0;text-align:left}.nav-admin{border:0}.hero{grid-template-columns:1fr;padding:42px 7% 30px;gap:30px}.hero h1{font-size:45px}.hero-art{justify-self:center;width:min(100%,440px);min-height:290px}.benefits{grid-template-columns:1fr 1fr;padding:20px 5%;gap:18px 10px}.benefits>div{justify-content:flex-start}.section{padding:55px 5%}.category-grid{grid-template-columns:1fr 1fr;gap:10px}.category-card{min-height:150px;padding:17px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-image{height:175px}.product-info{padding:11px}.product-title{font-size:11px}.catalog-controls{gap:7px}.catalog-controls select{flex:1;min-width:42%;padding:10px 7px}.clear-filters{margin-left:0}.offer-banner{margin:0 5% 25px;padding:32px 7%;min-height:250px}.offer-banner h2{font-size:27px}.offer-decoration{position:absolute;right:-15%;bottom:-20px;width:48%;opacity:.55}.why-grid{grid-template-columns:1fr;gap:15px}.why-grid article{padding-top:14px}.newsletter{padding:35px 5%;flex-direction:column;align-items:stretch;gap:20px}.newsletter form{max-width:none}.footer-top{grid-template-columns:1fr 1fr;gap:25px}.footer-brand{grid-column:1/-1}.site-footer{padding:38px 5% 18px}.footer-bottom{gap:10px;flex-wrap:wrap}.admin-stats{grid-template-columns:1fr 1fr}.modal{padding:25px 20px}.form-grid{grid-template-columns:1fr}.form-field.full{grid-column:auto}}
@media(max-width:420px){.announcement{font-size:9px}.brand{gap:6px;font-size:17px}.brand small{font-size:6px}.brand-mark{width:30px;height:30px;font-size:18px}.site-header{gap:8px}.header-actions{gap:4px}.search{min-width:0}.search input{padding:0 8px;font-size:11px}.search button{width:35px}.hero h1{font-size:39px}.hero-points{gap:8px;font-size:9px}.product-image{height:145px}.product-price{font-size:14px}.category-card b{font-size:12px}.newsletter form{grid-template-columns:1fr}.newsletter button{padding:12px}.newsletter form small{grid-column:auto}.footer-top{gap:20px}.footer-top>div:last-child{grid-column:1/-1}.wishlist-grid{grid-template-columns:1fr}}

/* --- Motion --- */
@media (prefers-reduced-motion: no-preference) {
  @keyframes mm-fade-up {
    from { opacity: 0; transform: translateY(22px); }
    to { opacity: 1; transform: translateY(0); }
  }
  @keyframes mm-fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
  }
  @keyframes mm-float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
  }
  @keyframes mm-sway {
    0%, 100% { transform: rotate(-30deg); }
    50% { transform: rotate(-22deg); }
  }
  @keyframes mm-sway-2 {
    0%, 100% { transform: rotate(25deg); }
    50% { transform: rotate(18deg); }
  }
  @keyframes mm-sway-3 {
    0%, 100% { transform: rotate(5deg); }
    50% { transform: rotate(-2deg); }
  }
  @keyframes mm-pulse-soft {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.04); }
  }
  @keyframes mm-cart-pop {
    0% { transform: scale(1); }
    40% { transform: scale(1.35); }
    100% { transform: scale(1); }
  }
  @keyframes mm-drawer-in {
    from { transform: translateX(100%); }
    to { transform: translateX(0); }
  }
  @keyframes mm-modal-in {
    from { opacity: 0; transform: translateY(16px) scale(.97); }
    to { opacity: 1; transform: translateY(0) scale(1); }
  }
  @keyframes mm-card-in {
    from { opacity: 0; transform: translateY(18px); }
    to { opacity: 1; transform: translateY(0); }
  }

  .hero-copy .eyebrow { animation: mm-fade-up .7s ease both; }
  .hero-copy h1 { animation: mm-fade-up .8s .08s ease both; }
  .hero-copy > p { animation: mm-fade-up .8s .16s ease both; }
  .hero-copy .primary-button { animation: mm-fade-up .8s .24s ease both; }
  .hero-points { animation: mm-fade-up .8s .32s ease both; }
  .hero-art { animation: mm-fade-in 1s .15s ease both; }
  .sun-disc { animation: mm-pulse-soft 8s ease-in-out infinite; }
  .plant i:nth-child(1) { animation: mm-sway 5s ease-in-out infinite; transform-origin: bottom; }
  .plant i:nth-child(2) { animation: mm-sway-2 5.5s ease-in-out infinite; transform-origin: bottom; }
  .plant i:nth-child(3) { animation: mm-sway-3 4.8s ease-in-out infinite; transform-origin: bottom; }
  .box-one, .vase { animation: mm-float 6s ease-in-out infinite; }
  .box-two { animation: mm-float 7s 0.4s ease-in-out infinite; }
  .jar-one, .jar-two { animation: mm-float 6.5s 0.2s ease-in-out infinite; }

  .reveal {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity .7s ease, transform .7s ease;
  }
  .reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
  }
  .reveal-stagger > *.reveal:nth-child(1) { transition-delay: .05s; }
  .reveal-stagger > *.reveal:nth-child(2) { transition-delay: .12s; }
  .reveal-stagger > *.reveal:nth-child(3) { transition-delay: .19s; }
  .reveal-stagger > *.reveal:nth-child(4) { transition-delay: .26s; }
  .reveal-stagger > *.reveal:nth-child(5) { transition-delay: .33s; }
  .reveal-stagger > *.reveal:nth-child(6) { transition-delay: .4s; }

  .product-card {
    animation: mm-card-in .55s ease both;
  }
  .product-card:nth-child(1) { animation-delay: .02s; }
  .product-card:nth-child(2) { animation-delay: .07s; }
  .product-card:nth-child(3) { animation-delay: .12s; }
  .product-card:nth-child(4) { animation-delay: .17s; }
  .product-card:nth-child(5) { animation-delay: .22s; }
  .product-card:nth-child(6) { animation-delay: .27s; }
  .product-card:nth-child(7) { animation-delay: .32s; }
  .product-card:nth-child(8) { animation-delay: .37s; }

  .category-card .category-arrow {
    transition: transform .25s ease, color .25s ease;
  }
  .category-card:hover .category-arrow {
    transform: translate(3px, -3px);
    color: var(--green);
  }
  .category-card .category-symbol {
    transition: transform .3s ease;
  }
  .category-card:hover .category-symbol {
    transform: scale(1.08) rotate(-4deg);
  }

  .primary-button span,
  .light-button {
    transition: transform .25s ease, background .2s, color .2s;
  }
  .primary-button:hover span {
    display: inline-block;
    transform: translateX(4px);
  }

  .cart-button b.pop {
    animation: mm-cart-pop .4s ease;
  }

  .modal {
    animation: mm-modal-in .3s ease both;
  }
  .cart-drawer {
    animation: mm-drawer-in .35s cubic-bezier(.22,1,.36,1) both;
  }

  .offer-circle {
    animation: mm-pulse-soft 9s ease-in-out infinite;
  }
  .offer-container.c1 { animation: mm-float 6s ease-in-out infinite; }
  .offer-container.c2 { animation: mm-float 7s .3s ease-in-out infinite; }
  .offer-container.c3 { animation: mm-float 5.5s .15s ease-in-out infinite; }
}

@media (prefers-reduced-motion: reduce) {
  .reveal { opacity: 1; transform: none; }
  .product-card { animation: none; }
}

/* --- Brand intro (full-screen → turn → settle into header) --- */
html.intro-pending, html.intro-running { overflow: hidden; }
body.intro-pending .site-header .brand,
body.intro-running .site-header .brand { opacity: 0; }
body.intro-complete .site-header .brand {
  opacity: 1;
  transition: opacity .25s ease;
}
.brand-intro {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: grid;
  place-items: center;
  background:
    radial-gradient(ellipse at 50% 42%, #eef3e6 0%, #f7f7f1 48%, #e8eee2 100%);
  pointer-events: none;
  opacity: 0;
  transition: opacity .45s ease, background .9s ease;
}
.brand-intro.is-ready { opacity: 1; }
.brand-intro.is-settling {
  background: transparent;
}
.brand-intro.is-done {
  opacity: 0;
  transition: opacity .3s ease;
}
.brand-intro-stage {
  display: grid;
  place-items: center;
  perspective: 1200px;
}
.brand-intro-logo {
  display: flex;
  align-items: center;
  gap: clamp(14px, 2.5vw, 28px);
  font-family: Manrope, sans-serif;
  font-weight: 800;
  color: var(--ink);
  transform-style: preserve-3d;
  will-change: transform, opacity;
}
.brand-intro-mark {
  width: clamp(72px, 14vw, 140px) !important;
  height: clamp(72px, 14vw, 140px) !important;
  border-radius: clamp(18px, 3vw, 36px) !important;
  font-size: clamp(42px, 9vw, 88px) !important;
  letter-spacing: -4px !important;
  box-shadow: 0 18px 50px #18583d22;
}
.brand-intro-word {
  font-size: clamp(52px, 14vw, 148px);
  letter-spacing: clamp(-4px, -0.7vw, -10px);
  line-height: 1;
  white-space: nowrap;
}
.brand-intro.is-turning .brand-intro-logo {
  animation: mm-brand-turn .7s cubic-bezier(.45,.05,.55,.95) both;
}
@keyframes mm-brand-turn {
  0% { transform: rotateY(0deg) scale(1); }
  40% { transform: rotateY(200deg) scale(1.06); }
  100% { transform: rotateY(360deg) scale(1); }
}

@media (prefers-reduced-motion: reduce) {
  .brand-intro { display: none !important; }
  html.intro-pending, html.intro-running, body.intro-pending, body.intro-running {
    overflow: auto;
  }
  body.intro-pending .site-header .brand,
  body.intro-running .site-header .brand { opacity: 1; }
}