/** Shopify CDN: Minification failed

Line 224:3 Unexpected ";"

**/
/* =========================================================
   NestStyle — Global Base CSS
   - Universal polish (header, nav, buttons, forms, etc.)
   - No Featured Collection overrides (handled in section CSS)
   ======================================================= */

/* ---------- Tokens ---------- */
:root {
  --brand: #6b46ff;
  --brand-ink: #141414;
  --ink: #222;
  --muted: #6b7280;
  --bg: #fff;
  --bg-soft: #f7f8fb;
  --accent: #10b981;
  --radius: 12px;
  --shadow: 0 8px 24px rgba(17,24,39,.08);
  --font: ui-sans-serif, system-ui, -apple-system, "Segoe UI",
          Inter, Roboto, "Helvetica Neue", Arial, "Apple Color Emoji", "Segoe UI Emoji";
}

/* ---------- Global reset ---------- */
*,
*::before,
*::after { box-sizing: border-box; }

html {
  -webkit-text-size-adjust:100%;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  scroll-behavior:smooth;
}
body {
  margin:0;
  font-family:var(--font);
  background:var(--bg);
  color:var(--ink);
  line-height:1.6;
  font-size:16px;
}
a { color:var(--brand); text-decoration:none; }
a:hover { text-decoration:underline; }
.page-width { max-width:1200px; margin-inline:auto; padding-inline:16px; }

/* ---------- Skip link ---------- */
.skip-link {
  position:absolute; left:-9999px; top:auto; overflow:hidden;
}
.skip-link:focus {
  left:16px; top:12px; z-index:100; background:#fff; color:#000;
  padding:10px 14px; border-radius:8px; box-shadow:0 8px 24px rgba(0,0,0,.08);
  text-decoration:none;
}
#MainContent { scroll-margin-top:84px; }

/* ---------- Header ---------- */
.header-wrapper {
  position:sticky; top:0; z-index:60;
  background:var(--bg);
  border-bottom:1px solid #eef0f4;
  backdrop-filter:saturate(180%) blur(6px);
}
.header {
  display:grid;
  grid-template-columns: 1fr auto 1fr; /* left | center | right */
  align-items:center;
  min-height:64px;
  padding:10px 16px;
}
/* Center logo */
.header__heading,
.header__heading a {
  grid-column:2;
  justify-self:center;
  color:var(--brand-ink);
  font-weight:800;
  font-size:1.5rem;
  text-decoration:none;
}
/* Nav */
.header__inline-menu {
  grid-column: 1 / -1;
  justify-self:center;
  margin-top:.5rem;
}
.header__inline-menu .list-menu {
  display:flex; gap:2rem;
  justify-content:center; align-items:center; flex-wrap:wrap;
  margin:0; padding:0; list-style:none;
}
.header__inline-menu .list-menu__item a {
  color:var(--ink); font-weight:600; text-decoration:none; transition:color .2s;
}
.header__inline-menu .list-menu__item a:hover { color:var(--brand); }
/* Icons right */
.header__icons,
.header__icon,
.header__icon--account,
.header__icon--cart,
.header__icon--search,
.header__icon-item,
.header .list-menu--inline {
  grid-column:3;
  justify-self:end;
  display:flex; gap:1rem; align-items:center;
}
/* Clamp icon size */
.header svg,
.header__icons svg,
.icon svg,
svg.icon,
.cart-icon-bubble svg,
.header__icon--cart svg,
.header__icon--account svg,
.header__icon--search svg {
  width:1.25rem !important;
  height:1.25rem !important;
  display:inline-block;
}
/* Remove bullets */
.header .list-menu, .header .list-menu__item {
  margin:0; padding:0; list-style:none;
}

/* ---------- Buttons ---------- */
.button, .shopify-payment-button__button {
  border:0; border-radius:var(--radius);
  background:var(--brand); color:#fff; font-weight:700;
  padding:.8rem 1.1rem; min-height:44px;
  display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
  transition: transform .06s, box-shadow .2s, background .2s;
  box-shadow:0 4px 14px rgba(107,70,255,.18);
}
.button:hover, .shopify-payment-button__button:hover {
  transform:translateY(-1px);
  box-shadow:0 8px 22px rgba(107,70,255,.28);
  text-decoration:none;
}
.button--secondary {
  background:#fff; color:var(--brand); border:1px solid #e5e7eb;
  box-shadow:none;
}

/* ---------- Forms ---------- */
input, select, textarea {
  width:100%; padding:.8rem .9rem;
  border:1px solid #e5e7eb; border-radius:10px;
  font:inherit; color:inherit;
}
input:focus, select:focus, textarea:focus {
  border-color:#c7d2fe; outline:none;
  box-shadow:0 0 0 3px #eef2ff;
}

/* ---------- Generic product cards ---------- */
.card-wrapper {
  border:1px solid #eef0f4;
  border-radius:var(--radius);
  background:#fff;
  overflow:hidden;
  transition: box-shadow .2s, transform .06s, border-color .2s;
}
.card-wrapper:hover {
  transform:translateY(-1px);
  border-color:#e6e9f2;
  box-shadow:var(--shadow);
}
.card__media { aspect-ratio:1/1; overflow:hidden; }
.card__media .media img {
  width:100%; height:100%; object-fit:cover; display:block;
}
.card__information {
  padding:12px 14px 14px;
  display:flex; flex-direction:column; gap:.4rem;
}
.card__heading {
  font-weight:700; color:var(--brand-ink);
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
  overflow:hidden; min-height:2.8em;
}
.price { display:flex; gap:.5rem; align-items:center; }
.price .price-item--regular { color:var(--muted); }
.price .price-item--sale { color:var(--accent); font-weight:800; }

/* ---------- Product page ---------- */
.product__media-wrapper .media {
  border-radius:16px; overflow:hidden; background:#f8f9fc;
}
.product__media-wrapper .media, .product__media {
  aspect-ratio:1/1; object-fit:cover;
}
.product__title {
  font-size:1.75rem; line-height:1.15; margin:0 0 .35rem;
}
.product__description { max-width:70ch; color:#374151; }
/* Mobile sticky ATC */
@media (max-width:989px){
  .product-form {
    position:sticky; bottom:0;
    background:#ffffffee; backdrop-filter: blur(8px);
    padding:12px; border-top:1px solid #eef0f4; z-index:40;
  }
  .product-form .product-form__buttons {
    display:flex; gap:8px;
  }
  .product-form .shopify-payment-button__button--unbranded,
  .product-form button[type="submit"] {
    flex:1;
  }
}

/* ---------- Utilities ---------- */
.text-center { text-align:center; }
.hidden { display:none !important; }

/* ---------- Safe media ---------- */
img { max-width:100%; height:auto; }
/* DO NOT scale all svg globally (to prevent giant icons) */
ogo; icons/login/cart top-right
   - Spaced/centered nav
   - Skip-link that jumps to real content
   - Featured collection as image grid (no bullets)
   - Product cards, buttons, forms polish
   - No global SVG scaling (prevents giant icons)
   =======================================================*/

/* ---------- Design tokens ---------- */
:root{
  --brand: #6b46ff;            /* primary */
  --brand-ink: #141414;        /* headings */
  --ink: #222;                 /* body text */
  --muted: #6b7280;            /* secondary text */
  --bg: #fff;
  --bg-soft: #f7f8fb;
  --accent: #10b981;           /* sale price */
  --radius: 12px;
  --shadow: 0 8px 24px rgba(17,24,39,.08);

  --font: ui-sans-serif, system-ui, -apple-system, "Segoe UI",
          Inter, Roboto, "Helvetica Neue", Arial, "Apple Color Emoji", "Segoe UI Emoji";
}

/* ---------- Global basics ---------- */
*,
*::before,
*::after { box-sizing: border-box; }

html{
  -webkit-text-size-adjust:100%;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  scroll-behavior:smooth;
}

body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:var(--font);
  line-height:1.6;
  letter-spacing:.01em;
  font-size:16px;
}

a{ color:var(--brand); text-decoration:none; }
a:hover{ text-decoration:underline; }

.page-width{ max-width:1200px; margin-inline:auto; padding-inline:16px; }
.section{ padding-block: clamp(20px, 5vw, 56px); }

/* ---------- Skip link & first section jump ---------- */
.skip-link{
  position:absolute; left:-9999px; top:auto; width:auto; height:auto; overflow:hidden;
}
.skip-link:focus{
  left:16px; top:12px; z-index:100; background:#fff; color:#000;
  padding:10px 14px; border-radius:8px; box-shadow:0 8px 24px rgba(0,0,0,.08);
  text-decoration:none;
}
/* Ensure anchor target isn't hidden by sticky header */
#MainContent{ scroll-margin-top:84px; }

/* ---------- Header (center logo, icons right) ---------- */
.header-wrapper{
  position:sticky; top:0; z-index:60;
  background:var(--bg);
  border-bottom:1px solid #eef0f4;
  backdrop-filter:saturate(180%) blur(6px);
}
.header{
  display:grid;
  grid-template-columns: 1fr auto 1fr; /* left | center | right */
  align-items:center;
  min-height:64px;
  padding: 10px 16px;
}

/* Centered logo/title */
.header__heading,
.header__heading a{
  grid-column:2;
  justify-self:center;
  text-decoration:none;
  color:var(--brand-ink);
  font-weight:800;
  font-size:1.5rem;
}

/* Nav (inline menu) — centered row under header */
.header__inline-menu{
  grid-column: 1 / -1;
  justify-self:center;
  margin-top:.5rem;
}
.header__inline-menu .list-menu{
  display:flex;
  gap:2rem;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  padding:0; margin:0; list-style:none;
}
.header__inline-menu .list-menu__item a{
  color:var(--ink); font-weight:600; text-decoration:none; transition:color .2s;
}
.header__inline-menu .list-menu__item a:hover{ color:var(--brand); }

/* Icons/Login/Cart to top-right */
.header__icons,
.header__icon,
.header__icon--account,
.header__icon--cart,
.header__icon--search,
.header__icon-item,
.header .list-menu--inline{
  grid-column:3;
  justify-self:end;
  display:flex;
  gap:1rem;
  align-items:center;
}

/* Clamp UI icon sizes (do NOT scale all SVGs globally) */
.header svg,
.header__icons svg,
.icon svg,
svg.icon,
.cart-icon-bubble svg,
.header__icon--cart svg,
.header__icon--account svg,
.header__icon--search svg{
  width:1.25rem !important;
  height:1.25rem !important;
  display:inline-block;
}

/* Remove bullets in any header lists */
.header .list-menu,
.header .list-menu__item{ margin:0; padding:0; list-style:none; }

/* ---------- Buttons ---------- */
.button, .shopify-payment-button__button{
  appearance:none; border:0; border-radius:var(--radius);
  background:var(--brand); color:#fff; font-weight:700;
  padding:.8rem 1.1rem; min-height:44px;
  display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
  transition: transform .06s ease, box-shadow .2s ease, background .2s ease;
  box-shadow: 0 4px 14px rgba(107,70,255,.18);
}
.button:hover, .shopify-payment-button__button:hover{
  transform: translateY(-1px);
  box-shadow: 0 8px 22px rgba(107,70,255,.28);
  text-decoration:none;
}
.button--secondary{
  background:#fff; color:var(--brand); border:1px solid #e5e7eb; box-shadow:none;
}

/* ---------- Forms ---------- */
input, select, textarea{
  width:100%; padding:.8rem .9rem; border:1px solid #e5e7eb;
  border-radius:10px; background:#fff; font:inherit; color:inherit;
}
input:focus, select:focus, textarea:focus{
  border-color:#c7d2fe; outline:none;
  box-shadow:0 0 0 3px #eef2ff;
}

/* ---------- Product cards (generic) ---------- */
.card-wrapper{
  border:1px solid #eef0f4; border-radius:var(--radius); overflow:hidden; background:#fff;
  transition: box-shadow .2s ease, transform .06s ease, border-color .2s ease;
}
.card-wrapper:hover{ box-shadow: var(--shadow); transform: translateY(-1px); border-color:#e6e9f2; }

.card__media{ aspect-ratio:1/1; overflow:hidden; }
.card__media .media img{ width:100%; height:100%; object-fit:cover; display:block; }

.card__information{ padding:12px 14px 14px; display:flex; flex-direction:column; gap:.4rem; }
.card__heading{
  font-weight:700; color:var(--brand-ink);
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:2.8em;
}
.price{ display:flex; align-items:center; gap:.5rem; }
.price .price-item--regular{ color:var(--muted); }
.price .price-item--sale{ color:var(--accent); font-weight:800; }

/* ---------- Featured collection (grid with images) ---------- */
/* kill stray bullets anywhere inside product grids */
.featured-collection ul,
.featured-collection li,
.grid ul,
.grid li { list-style:none; margin:0; padding:0; }

/* grid layout */
.featured-collection .grid{
  display:grid !important;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: clamp(12px, 2vw, 24px);
}

/* card shell (use theme card if present; these are safe fallbacks) */
.featured-collection .card-wrapper{
  display:block;
  border:1px solid #eef0f4;
  border-radius:var(--radius);
  background:#fff;
  overflow:hidden;
  transition: box-shadow .2s, transform .06s, border-color .2s;
}
.featured-collection .card-wrapper:hover{
  transform: translateY(-1px);
  border-color:#e6e9f2;
  box-shadow: var(--shadow);
}

/* image */
.featured-collection .card__media{
  overflow:hidden;
  border-bottom:1px solid #f1f3f7;
}
.featured-collection .card__media .media{
  width:100%; aspect-ratio:1/1; /* change to 4/5 for portrait */
}
.featured-collection .card__media .media img{
  display:block; width:100%; height:100%; object-fit:cover;
}

/* info */
.featured-collection .card__information{
  padding:12px 14px 14px;
  display:flex; flex-direction:column; gap:.4rem;
}
.featured-collection .card__heading a{
  color: var(--brand-ink);
  text-decoration:none; font-weight:700;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
  overflow:hidden; min-height:2.8em;
}
.featured-collection .card__heading a:hover{ color: var(--brand); }
.featured-collection .price{ display:flex; gap:.5rem; align-items:center; }
.featured-collection .price .price-item--regular{ color: var(--muted); }
.featured-collection .price .price-item--sale{ color: var(--accent); font-weight:800; }

/* ---------- Product page tweaks ---------- */
.product__media-wrapper .media{ border-radius:16px; overflow:hidden; background:#f8f9fc; }
.product__media-wrapper .media, .product__media{ aspect-ratio:1/1; object-fit:cover; }
.product__title{ font-size:1.75rem; line-height:1.15; margin:0 0 .35rem; }
.product__description{ max-width:70ch; color:#374151; }

/* Sticky ATC on mobile */
@media (max-width: 989px){
  .product-form{
    position:sticky; bottom:0; background:#ffffffee; backdrop-filter: blur(8px);
    padding:12px; border-top:1px solid #eef0f4; z-index:40;
  }
  .product-form .product-form__buttons{ display:flex; gap:8px; }
  .product-form .shopify-payment-button__button--unbranded,
  .product-form button[type="submit"]{ flex:1; }
}

/* ---------- Utilities ---------- */
.text-center{ text-align:center; }
.hidden{ display:none !important; }

/* ---------- DO NOT set svg to width:100% globally (prevents giant icons) ---------- */
/* Keep image safety only */
img{ max-width:100%; height:auto; }
