/** Shopify CDN: Minification failed

Line 15:7 Expected identifier but found whitespace
Line 15:9 Unexpected "{"
Line 15:19 Expected ":"
Line 16:9 Expected identifier but found whitespace
Line 16:11 Unexpected "{"
Line 16:21 Expected ":"
Line 17:11 Expected identifier but found whitespace
Line 17:13 Unexpected "{"
Line 17:23 Expected ":"

**/
:root{
  --bg: {{ settings.color_background }};
  --text: {{ settings.color_text }};
  --accent: {{ settings.color_accent }};
  --muted: #6b7280;
  --card: #ffffff;
  --border: rgba(0,0,0,.08);
  --radius: 18px;
  --shadow: 0 10px 30px rgba(0,0,0,.06);
}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text)}
a{color:inherit;text-decoration:none}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
.site-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.85);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--border)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0}
.brand{font-weight:800;letter-spacing:.2px}
.nav{display:flex;gap:14px;flex-wrap:wrap}
.nav a{padding:8px 10px;border-radius:999px}
.nav a:hover{background:rgba(0,0,0,.04)}
.search{flex:1;max-width:520px}
.search input{width:100%;padding:10px 12px;border-radius:999px;border:1px solid var(--border);background:#fff}
.header-actions{display:flex;align-items:center;gap:10px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid var(--border);background:#fff;cursor:pointer}
.btn-primary{background:var(--accent);border-color:transparent;color:#fff}
.badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 6px;border-radius:999px;background:var(--accent);color:#fff;font-size:12px;font-weight:700}

.section{padding:44px 0}
.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}
.hero{overflow:hidden}
.hero-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:stretch}
.hero-copy{padding:34px}
.hero h1{margin:0 0 12px;font-size:42px;line-height:1.05}
.hero p{margin:0 0 18px;color:var(--muted);font-size:16px;line-height:1.5}
.hero-media{min-height:320px;background:#f3f4f6;position:relative}
.hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.grid{display:grid;gap:16px}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-4{grid-template-columns:repeat(4,1fr)}
.tile{overflow:hidden}
.tile img{width:100%;height:180px;object-fit:cover;display:block}
.tile .tile-body{padding:14px}
.tile .title{font-weight:750}
.tile .sub{color:var(--muted);font-size:13px;margin-top:6px}

.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.product-card{overflow:hidden}
.product-card img{width:100%;height:220px;object-fit:cover;display:block;background:#f3f4f6}
.product-card .body{padding:12px}
.price{font-weight:800}
.compare{color:var(--muted);text-decoration:line-through;margin-left:8px;font-weight:600}

.breadcrumb{color:var(--muted);font-size:13px;margin:10px 0 0}
.product-page{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.product-media{overflow:hidden}
.product-media img{width:100%;height:auto;display:block}
.product-title{margin:0 0 10px;font-size:32px;line-height:1.1}
.qty{display:flex;gap:10px;align-items:center;margin:14px 0}
.qty input{width:90px;padding:10px;border-radius:12px;border:1px solid var(--border)}

.footer{padding:34px 0;border-top:1px solid var(--border);background:#fff}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px}
.small{color:var(--muted);font-size:13px;line-height:1.5}

@media (max-width: 980px){
  .hero-inner{grid-template-columns:1fr}
  .product-grid{grid-template-columns:repeat(2,1fr)}
  .grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}
  .search{display:none}
  .product-page{grid-template-columns:1fr}
}



/* Header icons */
.icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border);background:var(--card);border-radius:999px;padding:10px 12px;cursor:pointer;line-height:1}
.icon-btn:hover{transform:translateY(-1px)}
.icon{display:inline-block;width:18px;height:18px;position:relative}
.icon-burger::before,.icon-burger::after{content:"";position:absolute;left:2px;right:2px;height:2px;background:currentColor;border-radius:2px}
.icon-burger::before{top:5px;box-shadow:0 6px 0 currentColor}
.icon-burger::after{top:17px;display:none}
.icon-search::before{content:"";position:absolute;inset:2px;border:2px solid currentColor;border-radius:999px}
.icon-search::after{content:"";position:absolute;width:7px;height:2px;background:currentColor;right:-1px;bottom:2px;transform:rotate(45deg);border-radius:2px}
.icon-bag::before{content:"";position:absolute;left:3px;right:3px;bottom:2px;top:7px;border:2px solid currentColor;border-radius:4px}
.icon-bag::after{content:"";position:absolute;left:6px;right:6px;top:3px;height:6px;border:2px solid currentColor;border-bottom:none;border-radius:10px 10px 0 0}
.icon-close::before,.icon-close::after{content:"";position:absolute;left:3px;right:3px;top:8px;height:2px;background:currentColor;border-radius:2px}
.icon-close::before{transform:rotate(45deg)}
.icon-close::after{transform:rotate(-45deg)}

.header-actions{display:flex;align-items:center;gap:10px}
.header-menu-btn{display:none}
.badge{position:absolute;margin-left:10px;margin-top:-10px;background:var(--accent);color:#fff;font-size:12px;border-radius:999px;padding:2px 7px;min-width:18px;text-align:center}

/* Mobile drawer */
.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:60}
.drawer{position:fixed;top:0;left:0;bottom:0;width:min(92vw,420px);background:var(--bg);z-index:70;border-right:1px solid var(--border);box-shadow:0 20px 60px rgba(0,0,0,.2);display:flex;flex-direction:column}
.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px;border-bottom:1px solid var(--border);background:var(--card)}
.drawer-title{font-size:26px;font-weight:800}
.drawer-nav{padding:10px 0;overflow:auto;flex:1}
.drawer-list{list-style:none;margin:0;padding:0}
.drawer-item{border-bottom:1px solid rgba(0,0,0,.06)}
.drawer-link{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 16px;font-size:28px;font-weight:600;background:transparent;border:0;text-align:left;color:var(--text)}
.drawer-link:hover{background:rgba(0,0,0,.03)}
.drawer-sublink{display:block;padding:12px 22px 12px 28px;font-size:18px;color:var(--text);opacity:.9}
.drawer-sublist{list-style:none;margin:0;padding:0 0 8px 0}
.chev{width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);margin-left:auto;opacity:.6}
.drawer-accordion[aria-expanded="true"] .chev{transform:rotate(45deg)}
.drawer-footer{border-top:1px solid var(--border);padding:14px 16px;background:var(--card)}
.drawer-account{display:flex;gap:12px;align-items:center;font-weight:600}

@media (max-width: 900px){
  .nav{display:none}
  .header-menu-btn{display:inline-flex}
}

html.no-scroll, body.no-scroll{overflow:hidden}

.rte{line-height:1.7}
.rte img{max-width:100%;height:auto;border-radius:14px}
.rte h2,.rte h3{margin-top:28px}

/* USP / Features */
.section-features{padding:28px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:rgba(255,255,255,.6)}
.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.feature{display:flex;gap:12px;align-items:flex-start;padding:14px 12px;border-radius:16px;background:rgba(255,255,255,.8);border:1px solid rgba(0,0,0,.05)}
.feature-icon{width:44px;height:44px;border-radius:999px;background:rgba(47,125,74,.10);display:flex;align-items:center;justify-content:center;font-size:22px;flex:0 0 auto}
.feature-title{font-weight:800}
.feature-text{color:var(--muted);font-size:13px;margin-top:4px;line-height:1.4}

/* Newsletter */
.newsletter{padding:44px 0}
.newsletter-card{background:var(--accent);color:#fff;border-color:transparent}
.newsletter-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:center;padding:26px}
.newsletter-emoji{font-size:38px;line-height:1;margin-bottom:10px}
.newsletter-title{margin:0 0 10px;font-size:32px;line-height:1.1}
.newsletter-text{margin:0;color:rgba(255,255,255,.85);max-width:56ch}
.newsletter-form{margin:0}
.newsletter-row{display:flex;gap:10px;flex-wrap:wrap}
.newsletter-input{flex:1;min-width:200px;padding:12px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.10);color:#fff;outline:none}
.newsletter-input::placeholder{color:rgba(255,255,255,.65)}
.newsletter-success{margin:10px 0 0;font-weight:700}
.newsletter-error{margin:10px 0 0}
.newsletter-legal{margin:10px 0 0;font-size:12px;color:rgba(255,255,255,.65)}

.visually-hidden{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media (max-width: 980px){
  .features-grid{grid-template-columns:repeat(2,1fr)}
  .newsletter-inner{grid-template-columns:1fr}
}

/* Hero slider */
.hero-media{position:relative}
.hero-slider{position:relative;width:100%;height:100%}
.hero-slide{position:absolute;inset:0;opacity:0;transform:translateY(6px);transition:opacity .35s ease, transform .35s ease}
.hero-slide[aria-current="true"]{opacity:1;transform:translateY(0);position:relative}
.hero-dots{position:absolute;left:16px;bottom:16px;display:flex;gap:8px;align-items:center;z-index:4;background:rgba(255,255,255,.75);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.06);padding:8px 10px;border-radius:999px}
.hero-dot{width:10px;height:10px;border-radius:999px;border:1px solid rgba(0,0,0,.18);background:rgba(0,0,0,.08);padding:0;cursor:pointer}
.hero-dot[aria-current="true"]{background:var(--accent);border-color:rgba(0,0,0,.08)}

/* Shopify customer privacy (cookie banner) – make it bottom + less intrusive */
#shopify-pc__banner{left:0 !important;right:0 !important;bottom:16px !important;top:auto !important;display:flex !important;justify-content:center !important;z-index:2147483647 !important}
#shopify-pc__banner *{max-width:100%}
#shopify-pc__banner .shopify-pc__banner__dialog{max-width:920px !important;width:calc(100% - 24px) !important;border-radius:18px !important;box-shadow:0 18px 40px rgba(0,0,0,.18) !important;overflow:hidden !important}
#shopify-pc__banner .shopify-pc__banner__body{padding:16px 18px !important}
#shopify-pc__banner .shopify-pc__banner__actions{padding:0 18px 16px !important}
#shopify-pc__banner p, #shopify-pc__banner li{font-size:13px !important;line-height:1.45 !important}