:root{--color-eco-green: #50C878;--color-eco-green-dark: #3aaa60;--color-eco-green-light: #d4f5e0;--color-sky-blue: #87CEEB;--color-sky-blue-dark: #5ab4d6;--color-sky-blue-light: #e8f6fd;--color-white: #ffffff;--color-off-white: #f8faf9;--color-surface: #f2f7f4;--color-ink: #1a2e1e;--color-ink-muted: #4a6351;--color-ink-subtle: #8aa895;--color-border: #d8ece1;--color-border-strong: #b0d4be;--color-primary: var(--color-eco-green);--color-primary-dark: var(--color-eco-green-dark);--color-primary-light: var(--color-eco-green-light);--color-accent: var(--color-sky-blue);--color-accent-dark: var(--color-sky-blue-dark);--color-bg: var(--color-white);--color-bg-alt: var(--color-off-white);--color-text: var(--color-ink);--color-text-muted: var(--color-ink-muted);--font-heading: "Raleway", "Helvetica Neue", Arial, sans-serif;--font-body: "Inter", "Helvetica Neue", Arial, sans-serif;--font-mono: "Fira Code", "Courier New", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--font-light: 300;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed:1.625;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(26,46,30,.06);--shadow-sm: 0 2px 8px rgba(26,46,30,.08);--shadow-md: 0 4px 16px rgba(26,46,30,.1);--shadow-lg: 0 8px 32px rgba(26,46,30,.12);--shadow-xl: 0 16px 48px rgba(26,46,30,.14);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--max-width-content: 1280px;--max-width-narrow: 800px;--gutter: clamp(1rem, 4vw, 2rem)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-regular);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,video{max-width:100%;height:auto;display:block}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.visually-hidden:focus-visible,.visually-hidden:focus{position:static;width:auto;height:auto;padding:var(--space-3) var(--space-4);margin:0;overflow:visible;clip:auto;white-space:normal}.skip-to-content-link{position:absolute;z-index:9999;top:var(--space-3);inset-inline-start:var(--space-3)}a{color:var(--color-primary-dark);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary)}ul,ol{list-style:none}button,input,select,textarea{font-family:inherit;font-size:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--color-ink)}h1{font-size:clamp(var(--text-3xl),5vw,var(--text-6xl))}h2{font-size:clamp(var(--text-2xl),4vw,var(--text-4xl))}h3{font-size:clamp(var(--text-xl),3vw,var(--text-3xl))}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{line-height:var(--leading-relaxed)}.text-muted{color:var(--color-text-muted)}.text-subtle{color:var(--color-ink-subtle)}.text-green{color:var(--color-eco-green)}.text-blue{color:var(--color-sky-blue-dark)}.eyebrow{display:inline-block;font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.12em;text-transform:uppercase;color:var(--color-eco-green)}.container{width:100%;max-width:var(--max-width-content);margin-inline:auto;padding-inline:var(--gutter)}.container--narrow{max-width:var(--max-width-narrow)}.section{padding-block:clamp(var(--space-12),8vw,var(--space-24))}.section--sm{padding-block:clamp(var(--space-8),5vw,var(--space-16))}.section--lg{padding-block:clamp(var(--space-16),10vw,var(--space-24))}.section__header{text-align:center;margin-bottom:clamp(var(--space-8),5vw,var(--space-16))}.section__header .eyebrow{margin-bottom:var(--space-3)}.section__header h2{margin-bottom:var(--space-4)}.section__header p{font-size:var(--text-lg);color:var(--color-text-muted);max-width:600px;margin-inline:auto}.grid{display:grid;gap:var(--space-6)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.75rem 1.75rem;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:.03em;line-height:1;border:2px solid transparent;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;text-decoration:none}.btn:focus-visible{outline:3px solid var(--color-eco-green);outline-offset:3px}.btn--primary{background:var(--color-eco-green);color:var(--color-white);border-color:var(--color-eco-green)}.btn--primary:hover{background:var(--color-eco-green-dark);border-color:var(--color-eco-green-dark);color:var(--color-white);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn--secondary{background:transparent;color:var(--color-eco-green);border-color:var(--color-eco-green)}.btn--secondary:hover{background:var(--color-eco-green);color:var(--color-white);transform:translateY(-1px)}.btn--ghost{background:transparent;color:var(--color-text);border-color:var(--color-border)}.btn--ghost:hover{background:var(--color-surface);color:var(--color-text)}.btn--white{background:var(--color-white);color:var(--color-eco-green-dark);border-color:var(--color-white)}.btn--white:hover{background:var(--color-eco-green-light);color:var(--color-eco-green-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn--lg{padding:1rem 2.25rem;font-size:var(--text-base)}.btn--sm{padding:.5rem 1.25rem;font-size:var(--text-xs)}.btn--add-to-cart{width:100%;padding:1rem;font-size:var(--text-base);border-radius:var(--radius-lg)}.card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow var(--transition-base),transform var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.card__media{position:relative;overflow:hidden;aspect-ratio:1 / 1;background:var(--color-surface)}.card__media img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.card:hover .card__media img{transform:scale(1.05)}.card__body{padding:var(--space-5)}.card__badges{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.card__title{font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-2);color:var(--color-ink)}.card__subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-4)}.card__price{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-eco-green-dark);margin-bottom:var(--space-4)}.card__price .compare-price{font-size:var(--text-sm);font-weight:var(--font-regular);color:var(--color-ink-subtle);text-decoration:line-through;margin-left:var(--space-2)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:.3em .75em;font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-full);letter-spacing:.03em;white-space:nowrap}.badge--green{background:var(--color-eco-green-light);color:var(--color-eco-green-dark)}.badge--blue{background:var(--color-sky-blue-light);color:var(--color-sky-blue-dark)}.badge--white{background:#fff3;color:var(--color-white);border:1px solid rgba(255,255,255,.4)}.badge--outline{background:transparent;border:1px solid var(--color-eco-green);color:var(--color-eco-green-dark)}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-2);color:var(--color-ink)}.form-input,.form-select,.form-textarea{width:100%;padding:.625rem 1rem;font-size:var(--text-base);color:var(--color-text);background:var(--color-white);border:1.5px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);-webkit-appearance:none;appearance:none}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-eco-green);box-shadow:0 0 0 3px #50c87826}.quantity-selector{display:inline-flex;align-items:center;border:1.5px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.quantity-selector button{width:40px;height:40px;background:var(--color-surface);border:none;font-size:var(--text-lg);cursor:pointer;color:var(--color-ink);transition:background var(--transition-fast)}.quantity-selector button:hover{background:var(--color-border)}.quantity-selector input{width:50px;height:40px;text-align:center;border:none;border-inline:1.5px solid var(--color-border);font-size:var(--text-base);font-weight:var(--font-medium)}.site-header{position:sticky;top:0;z-index:100;background:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);transition:box-shadow var(--transition-base)}.site-header.scrolled{box-shadow:var(--shadow-md)}.site-header__inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:70px;gap:var(--space-4)}.site-header__logo{justify-self:start}.site-header__logo img,.site-header__logo svg{height:40px;width:auto}.site-header__logo-text{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-ink)}.site-header__logo-text span{color:var(--color-eco-green)}.site-header__nav{justify-self:center}.site-header__actions{justify-self:end;display:flex;align-items:center;gap:var(--space-3)}.cart-icon{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);transition:background var(--transition-fast);color:var(--color-ink)}.cart-icon:hover{background:var(--color-surface)}.cart-icon__count{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;padding:0 5px;background:var(--color-eco-green);color:var(--color-white);font-size:10px;font-weight:var(--font-bold);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.mega-menu{display:flex;align-items:center;gap:var(--space-1)}.mega-menu__item{position:relative}.mega-menu__trigger{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-ink);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.mega-menu__trigger:hover,.mega-menu__item:hover .mega-menu__trigger{background:var(--color-surface);color:var(--color-eco-green-dark)}.mega-menu__trigger svg{width:14px;height:14px;transition:transform var(--transition-fast)}.mega-menu__item:hover .mega-menu__trigger svg{transform:rotate(180deg)}.mega-menu__panel{position:absolute;top:calc(100% + var(--space-2));left:50%;transform:translate(-50%);min-width:560px;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--space-6);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--transition-base),transform var(--transition-base),visibility var(--transition-base);transform:translate(-50%) translateY(-8px);z-index:200}.mega-menu__item:hover .mega-menu__panel{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0)}.mega-menu__panel-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.mega-menu__link{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);transition:background var(--transition-fast);color:var(--color-text);text-decoration:none}.mega-menu__link:hover{background:var(--color-surface);color:var(--color-text)}.mega-menu__link-icon{width:36px;height:36px;min-width:36px;border-radius:var(--radius-sm);background:var(--color-eco-green-light);display:flex;align-items:center;justify-content:center;font-size:1.25rem}.mega-menu__link-text strong{display:block;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-ink);margin-bottom:2px}.mega-menu__link-text span{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.4}.mega-menu__panel-footer{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.nav-link{display:flex;align-items:center;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-ink);border-radius:var(--radius-md);transition:all var(--transition-fast)}.nav-link:hover{background:var(--color-surface);color:var(--color-eco-green-dark)}.announcement-bar{background:linear-gradient(135deg,var(--color-eco-green) 0%,var(--color-sky-blue-dark) 100%);color:var(--color-white);padding-block:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);letter-spacing:.03em;overflow:hidden}.announcement-bar__track{display:flex;width:max-content;animation:announcement-scroll-ltr 30s linear infinite}.announcement-bar__item{white-space:nowrap;padding-inline:2.5rem}@keyframes announcement-scroll-ltr{0%{transform:translate(0)}to{transform:translate(-50%)}}.product-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(var(--space-8),6vw,var(--space-16));align-items:start}@media(max-width:768px){.product-layout{grid-template-columns:1fr}}.product-gallery{top:calc(70px + var(--space-6))}.product-gallery__main{aspect-ratio:1 / 1;border-radius:var(--radius-xl);overflow:hidden;background:var(--color-surface);margin-bottom:var(--space-3);border:1px solid var(--color-border)}.product-gallery__main img{width:100%;height:100%;object-fit:cover}.product-gallery__thumbs{display:flex;gap:var(--space-2);flex-wrap:wrap}.product-gallery__thumb{width:72px;height:72px;border-radius:var(--radius-md);overflow:hidden;border:2px solid var(--color-border);cursor:pointer;transition:border-color var(--transition-fast)}.product-gallery__thumb:hover,.product-gallery__thumb.active{border-color:var(--color-eco-green)}.product-gallery__thumb img{width:100%;height:100%;object-fit:cover}.product-info__header{margin-bottom:var(--space-5)}.product-info__title{font-size:clamp(var(--text-2xl),3.5vw,var(--text-4xl));margin-bottom:var(--space-3)}.product-info__price{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-eco-green-dark)}.product-info__description{font-size:var(--text-base);color:var(--color-text-muted);line-height:var(--leading-relaxed);margin-bottom:var(--space-6)}.product-features{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-6)}.product-features__list{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.product-features__item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-ink)}.product-features__item:before{content:"\2713";width:20px;height:20px;min-width:20px;background:var(--color-eco-green);color:var(--color-white);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:var(--font-bold)}.product-actions{margin-bottom:var(--space-6)}.product-actions .btn--add-to-cart{margin-top:var(--space-4)}.product-trust{display:flex;gap:var(--space-4);padding:var(--space-5) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-6);flex-wrap:wrap}.product-trust__item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-muted)}.product-trust__item svg{color:var(--color-eco-green)}.site-footer{background:var(--color-ink);color:#ffffffbf;padding-top:var(--space-16)}.site-footer a{color:#ffffffbf}.site-footer a:hover{color:var(--color-eco-green)}.site-footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-8);padding-bottom:var(--space-12)}@media(max-width:768px){.site-footer__grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.site-footer__grid{grid-template-columns:1fr}}.site-footer__brand p{font-size:var(--text-sm);line-height:var(--leading-relaxed);margin-block:var(--space-4);max-width:280px}.site-footer__heading{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-white);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-4)}.site-footer__links{display:flex;flex-direction:column;gap:var(--space-3)}.site-footer__links a{font-size:var(--text-sm);transition:color var(--transition-fast)}.site-footer__bottom{border-top:1px solid rgba(255,255,255,.1);padding-block:var(--space-5);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4);font-size:var(--text-xs)}.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}.bg-surface{background:var(--color-surface)}.bg-green-light{background:var(--color-eco-green-light)}.bg-blue-light{background:var(--color-sky-blue-light)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.text-center{text-align:center}.font-bold{font-weight:var(--font-bold)}.font-semibold{font-weight:var(--font-semibold)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:8px;background:none;border:none;cursor:pointer;border-radius:var(--radius-md);transition:background var(--transition-fast)}.mobile-menu-toggle:hover{background:var(--color-surface)}.mobile-menu-toggle span{display:block;width:22px;height:2px;background:var(--color-ink);border-radius:2px;transition:all var(--transition-fast)}@media(max-width:900px){.mega-menu{display:none}.mobile-menu-toggle{display:flex}.site-header__inner{grid-template-columns:auto 1fr auto}.site-header__nav{display:none}}.divider{width:60px;height:3px;background:linear-gradient(90deg,var(--color-eco-green),var(--color-sky-blue));border-radius:var(--radius-full);margin-block:var(--space-4)}.divider--center{margin-inline:auto}.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:none}
/*# sourceMappingURL=/cdn/shop/t/2/assets/ecosparkle-base.css.map */