/** Shopify CDN: Minification failed

Line 67:9 Expected identifier but found "1px"
Line 230:0 Expected "}" to go with "{"

**/
/* Sylk Noir — minimal black/white OS 2.0 starter theme */

:root{
  color-scheme: light dark;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Helvetica,Arial,sans-serif;
  background:var(--bg);
  color:var(--fg);
  line-height:1.5;
  letter-spacing:0.01em;
}
img,video{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
a:hover{opacity:.85}

.container{max-width:var(--max);margin:0 auto;padding:0 20px}

.skip-link{
  position:absolute;left:-9999px;top:10px;
  background:var(--fg);color:var(--bg);
  padding:10px 12px;border-radius:999px;
}
.skip-link:focus{left:10px;z-index:9999}

/* Type scale */
.h0{font-size:clamp(40px,5vw,64px);line-height:1.05;letter-spacing:-0.02em}
.h1{font-size:clamp(28px,3vw,40px);line-height:1.1;letter-spacing:-0.02em}
.h2{font-size:clamp(20px,2vw,28px);line-height:1.2}
.p{font-size:16px;color:var(--muted)}
.small{font-size:13px;color:var(--muted)}

/* UI */
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:12px 16px;border-radius:999px;
  border:1px solid var(--border);
  background:transparent;color:var(--fg);
  gap:10px;cursor:pointer;
  transition:transform .12s ease, opacity .12s ease, background .12s ease;
}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:translateY(0)}
.btn-primary{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.btn-primary:hover{opacity:.92}
.btn-ghost{background:transparent}

.pill{
  display:inline-flex;align-items:center;
  padding:6px 10px;border-radius:999px;
  border:1px solid var(--border);
  color:var(--muted);
  font-size:13px;
}

.card
  border:1px solid var(--border);
  border-radius:var(--radius);
  overflow:hidden;
  background:color-mix(in srgb, var(--bg) 90%, var(--fg) 10%);
}
/* Header */
.announcement{
  border-bottom:1px solid var(--border);
  padding:10px 0;
  font-size:13px;
  color:var(--muted);
}

.header{
  position:sticky;top:0;z-index:50;
  backdrop-filter:saturate(180%) blur(14px);
  background: var(--header-bg, color-mix(in srgb, var(--bg) 82%, transparent));
  border-bottom:1px solid var(--border);
.header--on-dark { color: #fff; }
.header--on-dark a { color: inherit; }
.header--on-dark svg,
.header--on-dark svg * {
  stroke: currentColor;
  fill: currentColor;
}
.header-inner{
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 0;gap:16px;
}
.brand{
  display:flex;align-items:center;gap:10px;
  font-weight:650;letter-spacing:.08em;
  text-transform:uppercase;
}
.brand img{width:auto;max-height:30px}
.nav{
  display:flex;gap:18px;align-items:center;
  font-size:14px;color:var(--muted);
}
.nav a{padding:8px 8px;border-radius:10px}
.nav a:hover{background:color-mix(in srgb, var(--fg) 7%, transparent);opacity:1;color:var(--fg)}
.header-actions{display:flex;gap:10px;align-items:center}
.icon-btn{
  width:38px;height:38px;border-radius:999px;
  border:1px solid var(--border);
  background:transparent;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;
}
.icon-btn:hover{background:color-mix(in srgb, var(--fg) 7%, transparent)}

/* Sections */
.section{padding:56px 0}
.section-tight{padding:36px 0}
.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:18px}
.divider{border-top:1px solid var(--border)}

/* Hero */
.hero{
  padding:0;
}
.hero-wrap{
  position:relative;
  min-height:74vh;
  border-bottom:1px solid var(--border);
}
.hero-media{
  position:absolute;inset:0;
  opacity:.95;
}
.hero-media img,.hero-media video{
  width:100%;height:100%;object-fit:cover;
}
.hero-overlay{
  position:absolute;inset:0;
  background:linear-gradient(
    to bottom,
    color-mix(in srgb, var(--bg) 10%, transparent),
    color-mix(in srgb, var(--bg) 88%, transparent)
  );
}
.hero-content{
  position:relative;
  padding:92px 0 64px;
}
.hero-box{
  max-width:720px;
}
.hero-ctas{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}

.hero .subhead,
.hero p{
  margin-bottom: 28px;
}

/* Product grid */
.grid{display:grid;gap:14px}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width: 900px){
  .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grid-3{grid-template-columns:repeat(1,minmax(0,1fr))}
  .nav{display:none}
}

.product-card{transition:transform .12s ease}
.product-card:hover{transform:translateY(-2px)}
.product-media{aspect-ratio:1/1;overflow:hidden}
.product-media img{width:100%;height:100%;object-fit:cover;transition:transform .18s ease}
.product-card:hover .product-media img{transform:scale(1.03)}
.product-info{padding:14px}
.product-title{font-size:14px;font-weight:600}
.product-price{font-size:13px;color:var(--muted);margin-top:6px}

/* Product page */
.product{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:26px;
  align-items:start;
}
@media (max-width: 900px){
  .product{grid-template-columns:1fr}
}

.product-gallery{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}
.product-buy{position:sticky;top:88px}
.product-buy .card{padding:18px}
.field{display:flex;flex-direction:column;gap:8px;margin:14px 0}
.select,input[type="text"],input[type="email"],input[type="number"]{
  padding:12px 12px;
  border:1px solid var(--border);
  border-radius:14px;
  background:transparent;
  color:var(--fg);
}

/* Cart */
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:12px 0;border-bottom:1px solid var(--border);vertical-align:top}
.qty{max-width:90px}
.cart-summary{display:grid;grid-template-columns:1fr .5fr;gap:18px}
@media (max-width: 900px){
  .cart-summary{grid-template-columns:1fr}
}

/* Footer */
.footer{border-top:1px solid var(--border)}
.footer-inner{padding:40px 0;display:grid;gap:20px;grid-template-columns:1.2fr 1fr}
@media (max-width: 900px){
  .footer-inner{grid-template-columns:1fr}
}

/* Utilities */
.mt-8{margin-top:8px}
.mt-12{margin-top:12px}
.mt-18{margin-top:18px}
.mb-18{margin-bottom:18px}
.flex{display:flex}
.gap-10{gap:10px}
.justify-between{justify-content:space-between}
.items-center{align-items:center}

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