/** Shopify CDN: Minification failed

Line 17:7 Expected identifier but found whitespace
Line 17:9 Unexpected "{"
Line 17:19 Expected ":"
Line 18:12 Expected identifier but found whitespace
Line 18:14 Unexpected "{"
Line 18:24 Expected ":"
Line 19:9 Expected identifier but found whitespace
Line 19:11 Unexpected "{"
Line 19:21 Expected ":"
Line 20:10 Expected identifier but found whitespace
... and 14 more hidden warnings

**/
:root{
  --bg: {{ settings.color_background }};
  --surface: {{ settings.color_surface }};
  --text: {{ settings.color_text }};
  --muted: {{ settings.color_muted }};
  --primary: {{ settings.color_primary }};
  --primaryText: {{ settings.color_primary_text }};
  --outline: {{ settings.color_outline }};
  --tint: {{ settings.color_tint }};
  --radius: 20px;
  --radiusSm: 14px;
  --shadow: 0 18px 40px rgba(61,33,21,.14);
  --shadowSm: 0 10px 24px rgba(61,33,21,.12);
  --max: 1400px;
  --pad: 28px;
  --font-body: "Manrope", "Helvetica Neue", Arial, sans-serif;
  --font-head: "Fraunces", "Times New Roman", serif;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family: var(--font-body);
  background:
    radial-gradient(1200px 600px at 12% -10%, rgba(61,33,21,.10), transparent 60%),
    radial-gradient(900px 500px at 92% 0%, rgba(225,212,185,.75), transparent 65%),
    var(--bg);
  color: var(--text);
  line-height:1.6;
  min-height:100vh;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position:relative;
}
body::before{
  content:"";
  position:fixed;inset:0;pointer-events:none;
  background-image:
    linear-gradient(120deg, rgba(61,33,21,.04) 0%, rgba(61,33,21,0) 60%),
    repeating-linear-gradient(0deg, rgba(61,33,21,.03), rgba(61,33,21,.03) 1px, transparent 1px, transparent 6px);
  opacity:.35;
}

a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}

h1,h2,h3,.section-title,.brand strong{font-family: var(--font-head);letter-spacing:-.01em}
strong{font-weight:700}

.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--pad)}
.muted{color:var(--muted)}
.kicker{display:inline-flex;align-items:center;gap:8px;font-weight:650;color:var(--primary)}
.pill{
  display:inline-flex;align-items:center;gap:8px;
  padding:7px 12px;border-radius:999px;
  background: rgba(61,33,21,.10);
  border:1px solid rgba(61,33,21,.18);
  color: var(--primary);
  font-weight:700;
  letter-spacing:.2px;
}
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:12px 16px;border-radius:999px;border:1px solid rgba(61,33,21,.18);
  background:var(--primary);color:var(--primaryText);font-weight:700;cursor:pointer;
  box-shadow: var(--shadowSm);
  transition: transform .08s ease, filter .15s ease, background .15s ease;
  gap:10px;
}
.btn:hover{filter:brightness(.98)}
.btn:active{transform: translateY(1px)}
.btn.secondary{
  background: rgba(225,212,185,.45);
  color: var(--text);
  border-color: rgba(61,33,21,.14);
  box-shadow:none;
}
.btn.secondary:hover{background: rgba(225,212,185,.65)}
.btn.small{padding:9px 12px;font-weight:700}

header.site-header{
  position:sticky;top:0;z-index:10;
  background: rgba(237,231,213,.92);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(61,33,21,.08);
}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:16px 0;gap:16px}
.brand{display:flex;align-items:center;gap:12px;min-width:180px;font-weight:700}
.brand img{height:40px;width:auto;border-radius:12px;box-shadow: var(--shadowSm)}
.nav{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:flex-end}
.nav a.link{
  padding:9px 12px;border-radius:999px;color:var(--text);font-weight:600;
}
.nav a.link:hover{background: rgba(61,33,21,.08)}
.nav .cart-btn{
  background: var(--text);
  color: var(--bg);
}
.nav .cart-btn:hover{filter:brightness(1.05)}
.nav .cart-btn.secondary{background:transparent;color:var(--text);border-color:var(--outline)}

.hero{padding:64px 0 28px}
.hero-card{
  background:
    radial-gradient(1200px 500px at 20% 0%, rgba(61,33,21,.18), transparent 55%),
    radial-gradient(900px 450px at 85% 10%, rgba(225,212,185,.85), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.90), rgba(255,255,255,.78));
  border: 1px solid rgba(61,33,21,.08);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 34px;
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 18px;
  overflow:hidden;
}
.hero h1{margin:10px 0 0 0;font-size: clamp(34px, 4.6vw, 54px);line-height:1.05}
.hero p{margin:12px 0 18px 0;max-width:60ch}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap}
.hero-art{
  border-radius: var(--radius);
  background:
    radial-gradient(circle at 25% 25%, rgba(61,33,21,.22), transparent 55%),
    radial-gradient(circle at 70% 30%, rgba(255,255,255,.95), transparent 55%),
    radial-gradient(circle at 55% 85%, rgba(225,212,185,.85), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.6));
  border:1px solid rgba(61,33,21,.08);
  min-height: 240px;
  position:relative;
}
.hero-art::after{
  content:"";
  position:absolute;inset:18px;
  border-radius: calc(var(--radius) - 6px);
  border:1px dashed rgba(61,33,21,.25);
  opacity:.55;
}

.section{padding: 30px 0}
.section-title{margin:0;font-size: clamp(24px, 3.1vw, 36px)}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap}
.grid{display:grid;gap:18px}
.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width: 920px){
  .hero-card{grid-template-columns:1fr}
  .grid.cols-3{grid-template-columns:1fr}
  .grid.cols-2{grid-template-columns:1fr}
  .brand{min-width:auto}
}

.card{
  background: var(--surface);
  border: 1px solid rgba(61,33,21,.10);
  border-radius: var(--radius);
  box-shadow: var(--shadowSm);
  overflow:hidden;
}
.card.flat{box-shadow:none}
.pad{padding:16px}
.pad.lg{padding:22px}
.divider{height:1px;background: rgba(61,33,21,.10);margin:14px 0}

.product-img{
  aspect-ratio: 1 / 1;
  background: linear-gradient(180deg, rgba(225,212,185,.65), rgba(237,231,213,.9));
  display:flex;align-items:center;justify-content:center;
}
.product-img img{width:100%;height:100%;object-fit:cover}
.price{font-weight:800}

.media-video video{
  width:100%;
  border-radius: var(--radiusSm);
  border:1px solid rgba(61,33,21,.12);
  display:block;
  background: #000;
}
.reel-grid{
  display:grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap:14px;
}
.reel-grid video{
  width:100%;
  border-radius: var(--radiusSm);
  border:1px solid rgba(61,33,21,.12);
  display:block;
  background:#000;
  aspect-ratio: 9 / 16;
  object-fit: cover;
}
@media (max-width: 920px){
  .reel-grid{grid-template-columns:1fr}
}
.reel-stack{display:grid;gap:18px}
.reel-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  align-items:center;
}
.reel-media video{
  width:100%;
  max-width: 320px;
  margin: 0 auto;
  border-radius: var(--radiusSm);
  border:1px solid rgba(61,33,21,.12);
  display:block;
  background:#000;
  aspect-ratio: 9 / 16;
  object-fit: cover;
}
.reel-text h3{margin:10px 0 6px 0}
@media (max-width: 920px){
  .reel-row{grid-template-columns:1fr}
}
[data-animate]{
  opacity:0;
  transform: translateY(14px);
  transition: opacity .6s ease, transform .6s ease;
}
[data-animate].is-visible{
  opacity:1;
  transform: translateY(0);
}

.input{
  width:100%;
  padding:12px 12px;
  border-radius: 14px;
  border:1px solid rgba(61,33,21,.16);
  background: var(--surface);
  font-size: 16px;
  color: var(--text);
}
.input.textarea{
  min-height:160px;
  resize:vertical;
}
.rte p:first-child{margin-top:0}
.rte p:last-child{margin-bottom:0}

.badge-row{display:flex;gap:10px;flex-wrap:wrap}
.badge{
  display:inline-flex;align-items:center;gap:8px;
  padding:10px 12px;border-radius: 999px;
  background: rgba(225,212,185,.65);
  border:1px solid rgba(61,33,21,.08);
  font-weight:700;
}

.guide-hero-card{display:grid;gap:18px}
.guide-meta{display:grid;gap:6px}
.guide-meta strong{font-weight:700}
.guide-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}

.cart-grid{display:grid;gap:18px;grid-template-columns:1.2fr .8fr}
.cart-items{display:grid;gap:14px}
.cart-item{
  display:grid;grid-template-columns:92px 1fr auto;gap:16px;align-items:center;
}
.cart-item img{border-radius:14px;border:1px solid rgba(61,33,21,.12)}
.cart-item-title{font-weight:700}
.cart-qty{display:flex;align-items:center;gap:10px}
.qty-input{width:70px;text-align:center}
.cart-summary{display:grid;gap:10px}
.cart-total{display:flex;align-items:center;justify-content:space-between;font-weight:700}

footer.site-footer{margin-top:64px;padding:36px 0;border-top:1px solid rgba(61,33,21,.10)}
.footer-grid{display:grid;gap:22px;grid-template-columns:1.4fr .7fr .9fr}
.footer-links{display:grid;gap:8px;margin-top:12px}
.footer-links a{color:var(--text);font-weight:600}
.footer-links a:hover{opacity:.8}
@media (max-width:920px){.footer-grid{grid-template-columns:1fr}}

.social-row{display:flex;gap:10px;align-items:center;margin-top:12px}
.social-link{
  width:42px;height:42px;border-radius:999px;
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid rgba(61,33,21,.12);
  background: rgba(255,255,255,.75);
  transition: transform .08s ease, background .15s ease;
}
.social-link:hover{background: rgba(225,212,185,.65)}
.social-link:active{transform: translateY(1px)}
.social-link svg{width:18px;height:18px;fill: var(--text);opacity:.9}

@keyframes fadeUp{
  from{opacity:0;transform: translateY(12px)}
  to{opacity:1;transform: translateY(0)}
}
.hero-card,.section .card,.section .grid > *{animation: fadeUp .6s ease both}
.section .grid > *:nth-child(2){animation-delay:.06s}
.section .grid > *:nth-child(3){animation-delay:.12s}
.section .grid > *:nth-child(4){animation-delay:.18s}
.section .grid > *:nth-child(5){animation-delay:.24s}
.section .grid > *:nth-child(6){animation-delay:.3s}
@media (prefers-reduced-motion: reduce){
  .hero-card,.section .card,.section .grid > *{animation:none}
}

@media (max-width: 920px){
  .cart-grid{grid-template-columns:1fr}
  .cart-item{grid-template-columns:80px 1fr}
}
