/** Shopify CDN: Minification failed

Line 1250:18 Unexpected "{"
Line 1250:27 Expected ":"

**/
/* ==========================================================================
   Deerforest – CUSTOM THEME CSS (clean, conflict-safe)
   ========================================================================== */
/* ===== Self-hosted fonts (unikalūs family vardai) ===== */

html,body,input,select,textarea,button{font-family:var(--font-body-family);font-synthesis:none}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:var(--font-heading-family)}

/* =========================
   1) KINTAMIEJI
   ========================= */
:root{
  --pill-height:86px;
  --pill-radius:43px;
  --pill-side-gap:56px;
  --pill-top-gap:12px;

  --pill-bg:rgba(51,51,51,0.60);
  --pill-shadow:0 8px 28px rgba(0,0,0,.16);

  --glass-bg:rgba(40,40,40,.78);
  --glass-bg-strong:rgba(28,28,28,.92);
  --text-on-dark:#fff;

  --nav-fs-desktop:16px;
  --nav-fs-mobile:16px;
  --nav-fw:400;
  --nav-lh:1.25;
}

@media (max-width:749px){
  :root{
    --pill-height:64px;
    --pill-radius:32px;
    --pill-side-gap:12px;
    --pill-top-gap:8px;
  }
}

/* =========================
   2) HEADER (pill)
   ========================= */
header.shopify-section--header{
  margin-top:0;
  padding-left:var(--pill-side-gap);
  padding-right:var(--pill-side-gap);
}
header.shopify-section--header .header{
  position:relative;
  background:transparent;
  border:0;
  box-shadow:none;
  min-height:var(--pill-height);
  width:100%;
  margin:0 auto;
  box-sizing:border-box;
  padding:0 16px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); /* saugu shrink'inti kraštus */
  grid-template-areas:"left center right";
  align-items:center;
  column-gap:clamp(8px,1.2vw,16px);
  transform:translateY(var(--pill-top-gap));
  z-index:9;
  overflow:visible;
}
header.shopify-section--header .header::before{
  content:"";
  position:absolute; inset:0;
  background:var(--pill-bg);
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
  border-radius:var(--pill-radius);
  box-shadow:var(--pill-shadow);
  pointer-events:none;
  z-index:0;
}
header.shopify-section--header .header > *{ position:relative; z-index:1; }

header.shopify-section--header .header__primary-nav{ grid-area:left;  justify-self:start;  min-width:0; }
header.shopify-section--header .header__logo{         grid-area:center;justify-self:center; }
header.shopify-section--header .header__secondary-nav,
header.shopify-section--header .header__icons{        grid-area:right; justify-self:end;    min-width:0; white-space:nowrap; }

@media (max-width:749px){
  header.shopify-section--header .header{ padding:0 12px; }
}

/* =========================
   3) NAV tipografija + UX
   ========================= */

/* Nav eilė – niekada nelūžta į 2 eilutes */
header.shopify-section--header .header__inline-menu,
header.shopify-section--header .header__primary-nav{
  display:flex;
  flex-wrap:nowrap;
  gap:clamp(6px,1vw,16px);
  white-space:nowrap;
}

/* Desktop */
@media (min-width:990px){
  header.shopify-section--header .header__primary-nav-item > a,
  header.shopify-section--header .header__menu-disclosure > summary{
    display:inline-flex; align-items:center; gap:.5rem;
    padding:10px clamp(8px,1vw,16px);
    border-radius:9999px;
    font-size:clamp(14px,1.05vw,var(--nav-fs-desktop)); /* ~14–16px */
    line-height:var(--nav-lh);
    font-family: var(--font-body-family) !important;
    font-weight:var(--nav-fw);
    letter-spacing:.01em;
    text-transform:none;
    color:var(--text-on-dark);
    transition:background-color .18s ease, box-shadow .18s ease;
    text-decoration:none !important;
    border:0 !important; box-shadow:none !important; background-image:none !important;
  }
}
/* Tablet/Mobile */
@media (max-width:989px){
  header.shopify-section--header .header__primary-nav-item > a,
  header.shopify-section--header .header__menu-disclosure > summary{
    display:inline-flex; align-items:center; gap:.5rem;
    padding:10px 14px;
    border-radius:9999px;
    font-size:var(--nav-fs-mobile);
    line-height:1.3;
    font-family: var(--font-body-family) !important;
    font-weight:var(--nav-fw);
    letter-spacing:.01em;
    text-transform:none;
    color:var(--text-on-dark);
    text-decoration:none !important;
    border:0 !important; box-shadow:none !important; background-image:none !important;
  }
}

/* Švelnus shrink prieš „kritinį“ plotį */
@media (max-width:1200px){
  header.shopify-section--header{
    padding-left:clamp(16px,3vw,var(--pill-side-gap));
    padding-right:clamp(16px,3vw,var(--pill-side-gap));
  }
  header.shopify-section--header .header{ column-gap:clamp(8px,1vw,12px); }
}
@media (max-width:1100px){
  header.shopify-section--header .header__primary-nav-item > a,
  header.shopify-section--header .header__menu-disclosure > summary{
    padding-inline:clamp(6px,.8vw,12px);
    font-size:clamp(13.5px,1vw,15px);
  }
}

/* Jokio baltų „underline“ pseudo elementų visur */
:root{ --header-nav-underline-thickness:0 !important; }
header.shopify-section--header .header [data-title]::before,
header.shopify-section--header .header [data-title]::after,
header.shopify-section--header .header .header__primary-nav-item::before,
header.shopify-section--header .header .header__primary-nav-item::after,
header.shopify-section--header .header .header__menu-item::before,
header.shopify-section--header .header .header__menu-item::after,
header.shopify-section--header .header .header__menu-disclosure > summary::before,
header.shopify-section--header .header .header__menu-disclosure > summary::after{
  content:none !important; display:none !important; background:none !important; border:0 !important; box-shadow:none !important;
}
.header .header__primary-nav-item > a::before,
.header .header__primary-nav-item > a::after,
.header .header__menu-disclosure > summary::before,
.header .header__menu-disclosure > summary::after,
.header .header__menu-item::before,
.header .header__menu-item::after{
  content:none !important; display:none !important;
}

header.shopify-section--header .header__primary-nav-item > a:hover,
header.shopify-section--header .header__menu-disclosure > summary:hover{
  background:rgba(255,255,255,.12);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);
}
header.shopify-section--header .header__primary-nav-item.is-active > a,
header.shopify-section--header .header__menu-disclosure[open] > summary{
  background:rgba(255,255,255,.16);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.24);
}

/* ========================= 4) SEARCH (<header-search>) ========================= */

/* nejudinam header transformų, tik išjungiame stumdymą atidarius paiešką */
body.search-open .shopify-section--header,
html.search-open .shopify-section--header{
  transform:none;
}

/* permatomas overlay */
header-search::part(overlay){
  opacity:0 !important;
  pointer-events:none !important;
  background:transparent !important;
}

/* PAIEŠKOS DIALOGO CENTRAVIMAS IR PLOTIS */
header .header-search[role="dialog"],
header-search[role="dialog"]{
  position:fixed !important;
  /* centruojame pagal ekraną */
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) !important;

  /* plotis: iki puslapio pločio, bet visuomet paliekam kraštų „kvėpavimą“ */
  width: min(
    calc(100vw - 2 * var(--pill-side-gap)),
    var(--page-width, 1400px)
  ) !important;

  top: calc(var(--pill-top-gap) + var(--pill-height) + 12px) !important;
  z-index:999 !important;
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
  padding:0 !important;
  box-sizing:border-box !important; /* kad padding'ai įsiskaičiuotų į min/max plotį */
}

/* Mobile: mažesni šoniniai tarpai ir šiek tiek žemesnė pozicija */
@media (max-width:749px){
  header .header-search[role="dialog"],
  header-search[role="dialog"]{
    width: calc(100vw - 24px) !important; /* 12px + 12px */
    top: calc(var(--pill-top-gap) + var(--pill-height) + 8px) !important;
  }
}

/* „stiklo“ turinys viduje */
header-search::part(content){
  background:var(--glass-bg) !important;
  -webkit-backdrop-filter:saturate(140%) blur(10px) !important;
  backdrop-filter:saturate(140%) blur(10px) !important;
  border-radius:18px !important;
  box-shadow:0 18px 60px rgba(0,0,0,.35) !important;
  padding:16px 18px !important;
}

/* Mobile turinys */
@media (max-width:749px){
  header-search::part(content){
    border-radius:14px !important;
    padding:12px 14px !important;
  }
}

/* Light DOM vidus – paliekam kaip buvo */
header .header-search .container,
header .header-search__form-control,
header .header-search__bar,
header .header-search__panel{
  background:transparent !important;
  box-shadow:none !important;
  border:0 !important;
  padding:0 !important;
}

header .header-search__input{
  width:100%;
  height:48px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(20,20,20,.35);
  color:#fff;
  padding:0 48px 0 16px;
  font-size:16px;
  line-height:1;
}
header .header-search__input::placeholder{ color:rgba(255,255,255,.6); }

header .header-search [data-action="close"],
header .header-search__close,
header .header-search button[aria-label="close"],
header .header-search button[aria-label="Close"]{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:28px; height:28px;
  border-radius:9999px;
  background:transparent;
  color:#fff; opacity:.9;
}

/* Predictive results – palikta kaip buvo */
header .header-search .predictive-search{
  position:relative; margin-top:10px;
  background:var(--glass-bg-strong);
  -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
  border-radius:14px; border:1px solid rgba(255,255,255,.12);
  box-shadow:0 14px 40px rgba(0,0,0,.35);
  max-height:55vh; overflow:auto;
}
header .predictive-search__content,
header .predictive-search__results{ padding:12px 18px !important; }
header .predictive-search__results li,
header .predictive-search__results button,
header .predictive-search__results a{
  padding:8px 12px !important; border-radius:8px !important;
  transition:background .2s ease;
}
header .predictive-search__results li:hover,
header .predictive-search__results button:hover,
header .predictive-search__results a:hover{
  background:rgba(255,255,255,0.08) !important;
}
header-search:has(.header-search__input:placeholder-shown) predictive-search{ display:none !important; }
header .content-tabs[role="tablist"]{ box-shadow:none !important; padding-block-end:0 !important; border:0 !important; }
header .predictive-search__results,
header .predictive-search__content{ border:0 !important; }
header .predictive-search__results::before,
header .predictive-search__results::after,
header .predictive-search__content::before,
header .predictive-search__content::after{ display:none !important; content:none !important; }
header .predictive-search__results:empty,
header .predictive-search__content:empty{ display:none !important; }

/* =========================
   5) HERO
   ========================= */
.df-hero-layer{ margin-top:calc(-1 * clamp(100px,18vw,220px)); z-index:7; }
.df-hero-block{
  position:absolute; top:clamp(16px,6vh,96px); left:clamp(16px,5vw,84px);
  max-width:min(960px,58vw); color:#fff;
}
.df-rating-line{ display:flex; align-items:center; gap:10px; margin:0 0 18px; color:#fff; font-size:16px; font-weight:500; letter-spacing:.02em; text-shadow:0 2px 6px rgba(0,0,0,.35); }
.df-stars{ color:#FFD76A; letter-spacing:.22em; font-size:16px; }
.df-score{ opacity:.95; font-size:15px; }
.df-heading{ margin:0; font-weight:600; line-height:1.02; letter-spacing:.01em; font-size:clamp(40px,7.6vw,100px); text-shadow:0 2px 18px rgba(0,0,0,.35); }
.df-logo-circle{
  position:absolute; right:clamp(-40px,-6vw,-80px); top:clamp(-20px,-1vw,-8px);
  width:clamp(72px,10vw,140px); height:clamp(72px,10vw,140px);
  border-radius:50%; background:#fff; display:flex; align-items:center; justify-content:center;
  box-shadow:0 8px 28px rgba(0,0,0,.18);
}
.df-logo-circle img{ max-width:82%; max-height:82%; display:block; }
@media (max-width:749px){
  .df-hero-layer{ margin-top:calc(-1 * clamp(72px,24vw,140px)); }
  .df-hero-block{ left:16px; top:14px; max-width:88vw; }
  .df-rating-line{ font-size:14px; gap:8px; text-shadow:0 2px 5px rgba(0,0,0,.35); }
  .df-stars{ font-size:14px; letter-spacing:.18em; }
  .df-score{ font-size:13px; }
  .df-heading{ font-size:clamp(28px,10vw,46px); line-height:1.06; }
  .df-logo-circle{ right:-36px; top:-6px; width:clamp(56px,16vw,84px); height:clamp(56px,16vw,84px); }
}

/* =========================
   6) MEGA MENU (promo + ABOUT)
   ========================= */
@media (min-width:990px){
  .header{ position:relative; z-index:90; }
  .slideshow, .shopify-section-slideshow{ z-index:1; }

  .header__menu-disclosure[open] > summary + .mega-menu{
    opacity:1; pointer-events:auto; visibility:visible;
  }
.mega-menu{
    position:fixed;
    top:calc(var(--pill-top-gap) + var(--pill-height) + 12px);
    left:var(--pill-side-gap); right:var(--pill-side-gap);
    width:auto; max-width:none;
    min-height:520px;
    max-height:calc(100vh - var(--pill-height) - 40px);
    overflow:auto; overflow-x:hidden; /* svarbu – jokių horizontalių nuvažiavimų */
    
    /* === GLASS MORPHISM PRADŽIA === */
    /* Naudojam tavo jau esamą kintamąjį tamsiam stiklui */
    background: var(--glass-bg, rgba(40, 40, 40, .78)); 
    
    /* Pridedam išblukymo (blur) efektą - pagrindinė stiklo savybė */
    -webkit-backdrop-filter: saturate(140%) blur(10px);
    backdrop-filter: saturate(140%) blur(10px);
    
    /* Atnaujinam šešėlį, kad būtų švelnesnis ir labiau "glass" stiliaus */
    box-shadow: 0 18px 60px rgba(0, 0, 0, .35); 
    
    /* (Rekomenduojama) Pridedam ploną rėmelį, kad "pagautų šviesą" */
    border: 1px solid rgba(255, 255, 255, 0.12);
    /* === GLASS MORPHISM PABAIGA === */

    color:#fff;
    border-radius:20px; 
    padding:24px; z-index:80;
    display:grid; gap:24px;
grid-template-columns: clamp(240px, 20vw, 300px) 1fr 1fr 1fr;
  }

  .mega-menu__linklist{ grid-column:1/2; }

  /* DESKTOP promo konteineris – 3 stulpeliai be horiz. scroll */
.mega-menu .mega-menu__promo{
  grid-column: 2 / 5;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px !important;
  align-items: stretch;
  overflow-x: hidden !important;
}

/* Leisk kortoms „kvėpuoti“ – nėra min-width stabdžių */
.mega-menu .mega-menu__promo-card{ min-width: 0 !important; }

/* Kortų aukštis: elastingas, bet ne žemiau 480 ir ne virš 520 */
.mega-menu .df-promo-card{
  aspect-ratio: auto !important;           /* nuimam priverstinį ratio */
  height: clamp(480px, 36vw, 520px) !important;
  border-radius: 16px;
  overflow: hidden;
}

/* Tipografijos ramūs limitai, kad neatrodytų per smulkiai */
.mega-menu .df-promo-card__title{ font-size: clamp(20px, 1.6vw, 24px); }
.mega-menu .df-promo-card__subtitle{
  font-size: 15px;
  padding: 12px 18px;
}
}

/* Promo kortelės */
.mega-menu .mega-menu__promo-card{ display:block; border-radius:16px; overflow:hidden; position:relative; }
.mega-menu .df-promo-card{ position:relative; height:520px; border-radius:16px; overflow:hidden; }
@media (max-width:989px){ .mega-menu .df-promo-card{ height:260px; } }
.mega-menu .df-promo-card__img{ position:absolute; inset:0; }
.mega-menu .df-promo-card__img img{
  width:100%; height:100%; object-fit:cover; display:block; transform:none; transition:transform .35s ease;
}
.mega-menu .mega-menu__promo-card:hover .df-promo-card__img img{ transform:scale(1.03); }
.mega-menu .df-promo-card__overlay{
  position:absolute; inset:0;
  display:flex; flex-direction:column; justify-content:flex-end; align-items:flex-start;
  gap:clamp(10px, 1.4vw, 16px);
  padding:clamp(14px, 1.8vw, 18px);
  background:linear-gradient(180deg, rgba(0,0,0,.08) 0%, rgba(0,0,0,.45) 100%);
  pointer-events:none;
}
.mega-menu .df-promo-card__title{
  margin:0;
  color:#fff;
  font-weight:600;
  font-size:clamp(18px, 1.6vw, 22px); /* mažėja kai siaurėja */
  line-height:1.15;
  letter-spacing:.2px;
  text-shadow:none;

  /* svarbu – leidžiam laisvai lūžti */
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:normal;
  hyphens:auto;
  max-width:28ch; /* kad eilutės nebūtų per ilgos */
}
.mega-menu .df-promo-card__subtitle{
  pointer-events:auto; align-self:flex-start;
  display:inline-flex; align-items:center; justify-content:center;
  padding:12px 18px; border-radius:9999px; background:#fff; color:#111;
  font-weight:500; font-size:14px; letter-spacing:.02em; text-shadow:none; border:0;
  box-shadow:0 8px 18px rgba(0,0,0,.16);
  transition:transform .15s ease, filter .15s ease;
}
.mega-menu .df-promo-card__subtitle:hover{ filter:brightness(.97); transform:translateY(-1px); }

@media (max-width:1200px){
  .mega-menu .df-promo-card__subtitle{ padding:10px 16px; font-size:13px; }
}
@media (max-width:1050px){
  .mega-menu .df-promo-card__subtitle{ padding:9px 14px; font-size:12.5px; }
}
@media (max-width:900px){
  .mega-menu .df-promo-card__title{ font-size:clamp(17px, 2.4vw, 20px); }
}

/* Kairės linklist tipografija */
@media (min-width:990px){
  .mega-menu .mega-menu__linklist a,
  .mega-menu .mega-menu__linklist .Link,
  .mega-menu .mega-menu__linklist .header__menu-item{
    display:flex; align-items:center; gap:10px;
    
    padding: 10px 12px;
    margin-bottom: -20px; 
    
    border-radius:12px;
    font-family: var(--font-body-family) !important; font-weight:500;
    font-size:16px; line-height:1.25; color:#fff; text-decoration:none;
  }
  .mega-menu .mega-menu__linklist a:hover{ background:rgba(255,255,255,.08); }
}

/* ABOUT – mini kortelės */
.mega-menu .df-about-cards{ grid-column:2/5; display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.mega-menu .df-about-card{
  position:relative; display:block; height:120px; border-radius:14px; overflow:hidden;
  box-shadow:0 8px 26px rgba(0,0,0,.22); transform:translateZ(0);
}
.mega-menu .df-about-card__img{
  position:absolute; inset:0; background:#333; background-image:var(--bg);
  background-size:cover; background-position:center; transition:transform .35s ease; z-index:1;
}
.mega-menu .df-about-card__overlay{
  position:absolute; inset:0; z-index:2;
  background:linear-gradient(180deg, rgba(0,0,0,.08) 0%, rgba(0,0,0,.45) 100%);
  display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-end;
  padding:12px 14px; pointer-events:none;
}
.mega-menu .df-about-card__title{
  color:#fff; font-weight:600; font-size:16px; letter-spacing:.2px; line-height:1.15; margin:0 0 2px; text-shadow:none;
}
.mega-menu .df-about-card__subtitle{ color:#fff; opacity:.92; font-weight:600; font-size:13px; line-height:1.2; text-shadow:none; }
.mega-menu .df-about-card:hover .df-about-card__img{ transform:scale(1.05); }

/* ABOUT – vienos kolonos režimas be kairės linklist */
@media (min-width:990px){
  .mega-menu:has(.df-about-cards){
    min-height:auto !important; padding:20px 24px !important;
    grid-template-columns:1fr !important; gap:0 !important;
  }
  .mega-menu:has(.df-about-cards) .mega-menu__linklist{ display:none !important; }
  .mega-menu:has(.df-about-cards) .df-about-cards{
    grid-column:1 / -1 !important;
    grid-template-columns:repeat(auto-fit, minmax(220px,1fr)) !important;
    gap:18px !important;
  }
}
@media (max-width:989px){
  .mega-menu:has(.df-about-cards){ padding:16px !important; }
  .mega-menu:has(.df-about-cards) .df-about-cards{ grid-template-columns:1fr 1fr; gap:12px; }
  .mega-menu .df-about-card{ height:100px; }
}
@media (max-width:520px){
  .mega-menu:has(.df-about-cards) .df-about-cards{ grid-template-columns:1fr; }
}

/* =========================
   7) SMULKŪS PATOBULINIMAI
   ========================= */
.mega-menu svg{ fill:currentColor; }
.Drawer[aria-hidden="false"], .Drawer__Container[aria-hidden="false"]{ background:transparent; }

/* papildomai – niekada nedėk text-decoration / background-image ant link’ų */
header.shopify-section--header .header__primary-nav-item > a,
header.shopify-section--header .header__menu-disclosure > summary{
  text-decoration:none !important; background-image:none !important; border:0 !important; box-shadow:none !important;
}

/* =========================
   Swatches – Figma pills (5 per row)
   ========================= */

/* Kintamieji */
.shopify-section--main-product,
.shopify-section--main-product .product-info,
.shopify-section--main-product .product-form{
  --sw-h: 50px;                 /* aukštis (Figma) */
  --sw-w: 85px;                /* plotis (Figma kapsulei) */
  --sw-radius: 32px;            /* didelis užapvalinimas – kapsulei */
  --sw-gap: 12px;               /* tarpai tarp kapsulių */
  --sw-border: rgba(0,0,0,.14);
  --sw-bg: #fff;
  --sw-outline: #111;           /* aktyvaus rėmelio spalva */
  --sw-shadow: 0 8px 20px rgba(0,0,0,.08);
}

/* Tinklelis – 5 vnt. eilutėje desktop */
.shopify-section--main-product .option-values{
  display: grid;
  grid-template-columns: repeat(5, var(--sw-w));
  grid-auto-rows: var(--sw-h);
  gap: var(--sw-gap);
  align-items: start;
}

/* Tablet: laikom 5, jei per ankšta – mažink plotį/h aukščiau */
@media (max-width: 1024px){
  .shopify-section--main-product .option-values{
    grid-template-columns: repeat(5, var(--sw-w));
  }
}

/* Mobile: mažesnės kapsulės, 4 per eilutę (jei nori 5 – keisk repeat į 5) */
@media (max-width: 540px){
  .shopify-section--main-product,
  .shopify-section--main-product .product-info,
  .shopify-section--main-product .product-form{
    --sw-h: 48px;
    --sw-w: 84px;
    --sw-radius: 24px;
    --sw-gap: 10px;
  }
  .shopify-section--main-product .option-values{
    grid-template-columns: repeat(4, var(--sw-w));
  }
}

/* Kapsulė (label) */
.option-value--swatch{
  position: relative;
  width: var(--sw-w) !important;
  height: var(--sw-h) !important;
  border-radius: var(--sw-radius) !important;
  overflow: hidden;
  background: var(--sw-bg);
  border: 1px solid var(--sw-border);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.6);
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
  cursor: pointer;
  display: grid;
  place-items: center;
}

/* Vidinis paveiksliukas/spalva */
.option-value--swatch .df-swatch{
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  border-radius: inherit;
  display: block;
}

/* Hover – subtilus „lift“ */
.option-value--swatch:hover{
  transform: translateY(-1px);
  box-shadow: var(--sw-shadow);
}

/* Focus (klaviatūra/a11y) */
input[type="radio"]:focus-visible + .option-value--swatch{
  box-shadow: 0 0 0 4px rgba(17,17,17,.18);
}

/* Pasirinktas – aiškus ring */
input[type="radio"]:checked + .option-value--swatch{
  outline: 2px solid var(--sw-outline);
  outline-offset: 2px;
  border-color: transparent;
  box-shadow: inset 0 0 0 2px #fff;
}

/* Išjungtas (sold out) */
input[disabled] + .option-value--swatch{
  opacity: .45;
  cursor: not-allowed;
  filter: grayscale(30%);
}

/* — Size helper pill šalia "Pasirinkite dydį" */
.df-size-row{
  display:flex; align-items:center; gap:12px;
  margin: 22px 0 10px; /* priderink jei reikia */
}

.df-size-helper{
  appearance:none; border:0; outline:0; cursor:pointer;
  padding:10px 16px; border-radius:12px;
  background:#2f2f2f; color:#fff; font-weight:700;
  line-height:1; font-size:14px!important;
  box-shadow:0 4px 14px rgba(0,0,0,.12);
  transition:transform .12s ease, box-shadow .12s ease, background-color .12s ease;

}
.df-size-helper:hover{ transform:translateY(-1px); box-shadow:0 8px 20px rgba(0,0,0,.16); }
.df-size-helper:active{ transform:translateY(0); box-shadow:0 4px 10px rgba(0,0,0,.12); }

/* paslepiam seną "Dydžių lentelė" triggerį, bet jo nenaikinam (JS jį „spaus“) */
.product-info .size-chart,
.product-form .size-chart{ 
  display:none !important;
}

/* ================================
   DEERFOREST – Product page reset
   Prestige override (product only)
   ================================ */

/* 1) Baltas fonas visam product template (užmuša scheme kintamuosius) */
.template-product,
.template-product .shopify-section--main-product,
.template-product .shopify-section--main-product .color-scheme,
.template-product .shopify-section--main-product [class*="section-spacing"]{
  background:#fff !important;
}
.template-product .color-scheme{
  --background: #ffffff !important;
  --background-rgb: 255,255,255 !important;
}

/* 2) Produkto pavadinimas (kaip Figma – be UPPERCASE) */
.shopify-section--main-product .product-info [data-block-type="title"] .product-title{
  text-transform:none;
  letter-spacing:0;
  line-height:1.12;
  margin:8px 0 14px;
  font-family: var(--font-body-family) !important;
  font-weight:500;
  font-size:clamp(28px, 3.2vw, 40px);
  padding-bottom: 10px;
}

/* Mobile H1 virš galerijos */
@media (max-width: 749px){
  .df-mobile-title{
    line-height: 1.15;
    font-weight:500;
  }
}

/* 3) Kainų eilutė – neutralios spalvos, be raudonos */
.shopify-section--main-product .price-list{
  display:flex; gap:10px; align-items:baseline;
}
.shopify-section--main-product .price-list .price--compare,
.shopify-section--main-product .price-list .compare-at-price,
.shopify-section--main-product .price-list .price--compare *{
  color:#8b8b8b !important;
  text-decoration:line-through;
}
.shopify-section--main-product .price-list .price,
.shopify-section--main-product .price-list .price--highlight,
.shopify-section--main-product .price-list .price--sale,
.shopify-section--main-product .price-list .text-on-sale{
  color:#1f1f1f !important;
}
/* Nuima raudoną iš bet kokių „sale“/badge klasių */
.shopify-section--main-product .price-list .sale,
.shopify-section--main-product .price-list [class*="badge"],
.shopify-section--main-product .price-list [class*="on-sale"],
.shopify-section--main-product .price [style*="color"]{
  color:inherit !important;
}

/* 4) Mygtukai (ATC ir kt.) – tamsi pakuotė, balta tipografija */
.shopify-section--main-product .product-form .button,
.shopify-section--main-product .product-form button[type="submit"]{
  appearance:none;
  border:0;
  border-radius:9999px;
  padding:14px 22px;
  font-weight:700;
  line-height:1;
  font-size:16px;
}
.shopify-section--main-product .product-form .button--primary,
.shopify-section--main-product .product-form button[type="submit"]{
  background:#2f2f2f !important;
  color:#fff !important;
  box-shadow:0 8px 28px rgba(0,0,0,.10);
}
.shopify-section--main-product .product-form .button--primary:hover,
.shopify-section--main-product .product-form button[type="submit"]:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 30px rgba(0,0,0,.14);
}
/* Antrinis (pvz. „Peržiūrėti“) – kontūrinis */
.shopify-section--main-product .button--secondary{
  background:#fff !important;
  color:#2f2f2f !important;
  border:1px solid #d9d9d9 !important;
}

/* 5) Variantų/label teksto dydžiai */
.shopify-section--main-product .product-info [data-block-type="option_picker"] .block-heading,
.shopify-section--main-product .product-info [data-block-type="vendor"]{
  font-size:14px;
  color:#444;
  font-weight:600;
}

/* 6) Aprašymas – skaitymui patogus dydis */
.shopify-section--main-product [data-block-type="description"],
.shopify-section--main-product .product-description,
.shopify-section--main-product .product__description{
  font-size:clamp(15px, 1.4vw, 18px);
  line-height:1.65;
  color:#2a2a2a;
}

/* =========================
   PRODUCT INFO – Spacing system
   ========================= */

/* 1) Bendri kintamieji */
.shopify-section--main-product .product-info{
  --spacing-desktop: 14px;   /* keisk į 12/10/16 pagal skonį */
  --spacing-mobile: 10px;
}

/* 2) Bendras tarpas tarp BET KURIŲ gretimų blokų */
@media (min-width:700px){
  .shopify-section--main-product .product-info [data-block-type] + [data-block-type]{
    margin-top: var(--spacing-desktop);
  }
}
@media (max-width:699px){
  .shopify-section--main-product .product-info [data-block-type] + [data-block-type]{
    margin-top: var(--spacing-mobile);
  }
}

/* 3) Specifiniai atvejai (pasireguliuok skaičius) */

/* 3.1) Mažesnis tarpas PRIEŠ ATC */
.shopify-section--main-product .product-info [data-block-type]
  + .product-info__block-item[data-block-type="buy-buttons"]{
  margin-top: 2px;
}

/* 3.2) Mažesnis tarpas APLINK „Spec. pasiūlymus“ (.df-offers) */
.shopify-section--main-product .product-info .product-info__block-item:has(.df-offers),
.shopify-section--main-product .product-info .product-info__block-item:has([data-df-offers]){
  margin-top: 12px;
  margin-bottom: 12px;
}
/* prieš df-offers */
.shopify-section--main-product .product-info [data-block-type]
  + .product-info__block-item:has(.df-offers),
.shopify-section--main-product .product-info [data-block-type]
  + .product-info__block-item:has([data-df-offers]){
  margin-top: 8px;
}
/* po df-offers */
.shopify-section--main-product .product-info .product-info__block-item:has(.df-offers)
  + [data-block-type],
.shopify-section--main-product .product-info .product-info__block-item:has([data-df-offers])
  + [data-block-type]{
  margin-top: 8px;
}

/* 3.3) Dydžio eilutė glaudžiau iki kito bloko */
.shopify-section--main-product .product-info .product-info__block-item:has(.df-size-row)
  + [data-block-type]{
  margin-top: 10px;
}

/* 4) Vidiniai tarpai (kad „vidus“ nestumtų aplinkos) */
.df-offers{ padding:6px 0 6px; }
.df-offers__heading{ margin-bottom:12px; }



.shopify-section--main-product .product-info [data-block-type] + [data-block-type]{
  margin-top: var(--spacing);
}
/* Paslepia ryškius „sale“ fonus, jei Prestige prideda */
.template-product .badge--on-sale,
.template-product .badge{
  background:transparent !important;
  border:none !important;
}

/* Kainų tipografika = body font (ne heading) */
.shopify-section--main-product .price-list,
.shopify-section--main-product .price-list *,
.shopify-section--main-product .price,
.shopify-section--main-product .price *{
  font-family: var(--font-body-family) !important;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  font-size: 22px;
  color: #333333;
}

/* Deerforest – checklist su įkelta SVG ikona */
.df-checklist { 
    list-style: none; 
    margin: 0; 
    padding: 0; 
}

.df-checklist li {
    display: block; 
    position: relative;
    padding-left: 30px; 
    margin: 6px 0 8px;
    font-size: clamp(15px, 1.2vw, 17px);
    line-height: 1.35;
    color: #2b2b2b;
}

.df-checklist li > span {
    position: absolute;
    left: 0;

}

/* =========================
   DF Offers – LIGHT only (PATAISYTA v6)
   Mobile-first, teisingas teksto laužymas, dideli tarpai, teisingi stulpeliai
   ========================= */

.df-offers__inner {
  max-width: var(--page-width, 1200px);
  margin: 0 auto;
  padding: 0 16px;
}

.df-offers__heading {
  font-weight: 600;
  font-size: 18px;
  line-height: 1.2;
  margin: 0 0 16px; /* Padidintas tarpas */
}

/* --- Grid (PATAISYTA: stulpeliai pagal data-count VISADA) --- */
.df-offers__grid {
  --cols: 1; /* Fallback, jei nėra data-count */
  display: grid;
  gap: 20px; /* Mobile tarpas (didesnis) */
  grid-template-columns: repeat(var(--cols), minmax(0, 1fr));
}

/* PATAISYMAS: Šios taisyklės dabar yra GLOBAL, o ne tik desktope */
/* Dabar 2 offeriai bus 2 stulpeliuose net ir mobile */
.df-offers__grid[data-count="1"] { --cols: 1; }
.df-offers__grid[data-count="2"] { --cols: 2; }
.df-offers__grid[data-count="3"] { --cols: 3; }

/* --- Kortelės kintamieji (Mobile-first) --- */
.df-offer {
  --df-accent: #2AAA63;
  --df-pad: 20px; /* Didesnis vidinis tarpas */
  --df-media: 80px; /* Didesnė foto mobile */
  --df-title: 16px;
  --df-subtitle: 14px;
  --df-badge: 12px;

  position: relative;
  background: #fff;
  color: #111;
  border-radius: 12px;
  border: 1px solid #e6e6e6;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .04);
  padding: var(--df-pad);
  transition: box-shadow .2s ease, transform .2s ease, border-color .2s ease;
  display: flex;
  flex-direction: column; /* Badge viršuje, body apačioje */
  gap: 16px; /* Tarpas tarp badge ir body */
}

/* Badge – centre viršuje */
.df-offer__badge {
  position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%);
  background: #2f2f2f; color: #fff;
  border-radius: 10px; padding: 6px 10px;
  font-weight: 700; line-height: 1; white-space: nowrap;
  font-size: var(--df-badge);
}

/* Turinys: Mobile (Stulpelis) - TAI YRA DEFAULT */
/* Šis stilius bus naudojamas, kai yra 1 kortelė, ARBA kai yra 3 kortelės (žr. žemiau) */
.df-offer__body {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-direction: column; /* Mobile visada stulpelis */
  text-align: center;
}

/* Media */
.df-offer__media {
  flex: 0 0 auto;
  width: var(--df-media);
  aspect-ratio: 1.2/1;
  display: flex; align-items: center; justify-content: center;
}
.df-offer__media img {
  max-width: 125%; height: auto; display: block; border-radius: 10px;
}

/* Tekstai (su teisingu laužymu) */
.df-offer__text {
  min-width: 0;
  display: flex; flex-direction: column;
  gap: 8px; /* Tarpas tarp title ir subtitle */
}
.df-offer__title {
  font-weight: 600; font-size: var(--df-title); line-height: 1.4;
  white-space: normal;
  /* PATAISYMAS: Teisingas teksto laužymas (tarp žodžių) */
  word-break: normal; 
  overflow-wrap: break-word;
}
.df-offer__subtitle {
  font-weight: 700; font-size: var(--df-subtitle); line-height: 1.4;
  color: var(--df-accent); white-space: normal;
  /* PATAISYMAS: Teisingas teksto laužymas (tarp žodžių) */
  word-break: normal; 
  overflow-wrap: break-word;
}

/* Hover (desktop) */
@media (hover: hover) {
  .df-offer:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, .08);
  }
}
.df-offer.is-highlight {
  border-color: var(--df-accent);
  box-shadow: 0 8px 24px rgba(0, 0, 0, .08);
}
.df-offers__empty {
  font-size: 14px; opacity: .75;
  border: 1px dashed rgba(0, 0, 0, .2);
  padding: 12px; border-radius: 12px;
}


/*
  PATAISYMAS: 3 KORTELIŲ layoutas (vertikalus) taip pat yra GLOBALUS,
  nes jis reikalingas, kad 3 kortelės tilptų į 3 stulpelius net ir siauresniuose ekranuose.
*/
.df-offers__grid[data-count="3"] .df-offer {
  --df-pad: 12px;
  --df-media: 58px;
  --df-title: 14px;
  --df-subtitle: 12px;
  --df-badge: 11px;
  text-align: center;
  gap: 8px;
}
/* Šios taisyklės jau yra, bet dubliuojam dėl aiškumo */
.df-offers__grid[data-count="3"] .df-offer__body {
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.df-offers__grid[data-count="3"] .df-offer__text {
  gap: 4px;
}


/* --- Desktop Pakeitimai (nuo 521px) --- */
@media (min-width: 521px) {
  .df-offers__grid {
    gap: 16px; /* Mažesnis tarpas desktope */
  }

  /* Kortelė: mažesni tarpai desktope */
  .df-offer {
    --df-pad: 16px;
    --df-media: 70px;
    --df-title: 15px;
    --df-subtitle: 13px;
    gap: 12px;
  }

  /*
    PATAISYMAS: Desktope, 1 arba 2 kortelėms grąžinam horizontalų layoutą.
    [data-count="3"] naudos savo globalias (vertikalias) taisykles.
  */
  .df-offers__grid[data-count="1"] .df-offer__body,
  .df-offers__grid[data-count="2"] .df-offer__body {
    flex-direction: row; /* Grąžinam horizontalų */
    text-align: left;
    gap: 16px;
  }

  .df-offers__grid[data-count="1"] .df-offer__text,
  .df-offers__grid[data-count="2"] .df-offer__text {
    gap: 4px; /* Mažesnis tarpas tarp tekstų */
  }

  /* Atstatom [data-count="3"] kintamuosius desktope */
  .df-offers__grid[data-count="3"] .df-offer {
    --df-pad: 12px;
    --df-media: 58px;
    --df-title: 14px;
    --df-subtitle: 12px;
    --df-badge: 11px;
  }
}

/* 2) Antraštės tarpas – truputį didesnis po "Specialūs pasiūlymai" */
.df-offers__heading{
  margin-bottom:22px;             /* buvo 12px – subtiliai didinam */
}

/* (neprivaloma) jei dar norėsi vos glaustesnių kortelių eilučių */
.df-offer__title{ line-height:1.2; }
.df-offer__subtitle{ line-height:1.15; }

/* VISIEMS produktams */
.product-info .h-stack.gap-1 {
    font-size: 18px !important;
}

.product-info .h-stack.gap-1 > legend {
    font-weight: 600 !important;
}

/* Dydžio atvejis (legend sėdi .df-size-row) */
.product-info .df-size-row {
    font-size: 18px !important;
}

.product-info .df-size-row > legend {
    font-weight: 600 !important;
}

/* ===================== QTY + ATC vienoje eilutėje ===================== */
/* Desktop: viena eilutė */
@media (min-width:700px){
  .product-info__block-group.df-atc-row{
    display:flex; align-items:center; gap:12px; width:100%;
  }
  .product-info__block-group.df-atc-row .product-info__block-item{ margin:0 !important; }

  /* Dešinė: BUY BUTTONS – ima VISĄ likusį plotį */
  .df-atc-row .product-info__block-item[data-block-type="buy-buttons"]{
    flex:1 1 auto; min-width:0;
  }
  .df-atc-row .product-info__block-item[data-block-type="buy-buttons"] .buy-buttons{
    width:100%;
  }
}

/* Mobile: QTY + ATC ta pati eilutė (no-wrap), smart shrink */
@media (max-width:699px){
  /* QTY + ATC vienoje eilutėje, be persikėlimo */
  .product-info__block-group.df-atc-row{
    display:flex;
    align-items:center;
    flex-wrap:nowrap;
    gap:8px;
    width:100%;
    min-width:0;
  }

  /* Nuimam automatinį tarpą, kad ATC „nenusėstų“ */
  .product-info__block-group.df-atc-row .product-info__block-item{
    margin:0 !important;
  }

  /* ATC – ima visą likusį plotį ir shrink'inasi */
  .df-atc-row .product-info__block-item[data-block-type="buy-buttons"]{
    flex:1 1 auto;
    min-width:0;
  }
  .product-info__block-item[data-block-type="buy-buttons"] .buy-buttons{
    margin:0 !important;
  }
  .product-info__block-item[data-block-type="buy-buttons"] .buy-buttons .button,
  .product-info__block-item[data-block-type="buy-buttons"] .buy-buttons [type="submit"]{
    min-width:0 !important;
    min-height:44px !important;          /* sulyginam aukštį su QTY */
    padding:10px clamp(12px, 4vw, 20px);
    font-size:clamp(14px, 3.8vw, 16px);
    line-height:1;
    display:inline-flex;
    align-items:center;
    justify-content:center;
  }
}

/* ===================== ATC – „pill“, #333, baltas tekstas ===================== */
/* Aukštas specifikumas, kad aplenktų Prestige temą */
.product-info__block-item[data-block-type="buy-buttons"] .buy-buttons .button,
.product-info__block-item[data-block-type="buy-buttons"] .buy-buttons [type="submit"]{
  appearance:none;
  display:inline-flex; align-items:center; justify-content:center;
  width:100% !important; min-height:48px; padding:16px 28px; border-radius:999px;
  background:#333333 !important; border:1px solid #333333 !important; color:#ffffff !important;
  font-family: var(--font-body-family) !important; font-weight:600; text-transform:none !important;
  line-height:1.1; letter-spacing:0; white-space:nowrap;
}
.product-info__block-item[data-block-type="buy-buttons"] .buy-buttons .button:hover,
.product-info__block-item[data-block-type="buy-buttons"] .buy-buttons [type="submit"]:hover{
  background:#2b2b2b !important; border-color:#2b2b2b !important; color:#ffffff !important;
}

.df-offers{ padding:3px 0 1px; }

/* =========================
   DF · Accordions (product)
   ========================= */
.df-acc{
  display:block;
  color:var(--df-acc-text);
}

.df-acc .df-acc__item{
  background:var(--df-acc-bg);
  border-radius:var(--df-acc-radius);
  padding:var(--df-acc-pad-y) var(--df-acc-pad-x);
  margin-top:var(--df-acc-gap);
  position:relative;
  border: calc(var(--df-acc-border) * 1px) solid rgba(0,0,0,.06);
  overflow:hidden;
}
.df-acc .df-acc__item:first-child{ margin-top:0; }

/* Header */
.df-acc .df-acc__head{
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  cursor:pointer;
}
.df-acc .df-acc__head::-webkit-details-marker{ display:none; }

.df-acc .df-acc__title{
  font-size: var(--df-acc-title-size);
  font-weight: var(--df-acc-title-weight);
  line-height:1.25;
}

/* Ikona (apskritimas su +) */
.df-acc .df-acc__icon{
  width:var(--df-acc-icon);
  height:var(--df-acc-icon);
  border-radius:999px;
  background:#fff;
  box-shadow: inset 0 0 0 2px rgba(0,0,0,.08);
  flex:0 0 var(--df-acc-icon);
  position:relative;
}
.df-acc .df-acc__icon::before,
.df-acc .df-acc__icon::after{
  content:""; position:absolute; left:50%; top:50%;
  width:calc(var(--df-acc-icon) * .45); height:2px;
  background:currentColor; transform:translate(-50%,-50%);
}
.df-acc .df-acc__icon::after{ transform:translate(-50%,-50%) rotate(90deg); }
.df-acc .df-acc__item[open] .df-acc__icon::after{ opacity:0; }

/* Body */
.df-acc .df-acc__body{
  padding-top:14px;
  font-size:var(--df-acc-body-size);
  line-height:1.6;
  color:inherit;
  opacity:.95;
}

#shopify-section-{{ section.id }} .product-gallery .product-gallery__below-founder-note{
  grid-column: 1 / -1;     /* per visą galerijos plotį */
  margin-top: 25px;        /* normalus tarpelis */
}

/* ===================== DF · QTY (švarus, kompaktiškas) ===================== */
/* Valdymo kintamieji */
.shopify-section--main-product .product-info,
.shopify-section--main-product .product-form{
  --qty-h: 40px;      /* aukštis desktop */
  --qty-w: 122px;     /* plotis desktop (visa kapsulė) */
  --qty-pad-x: 18px;  /* horizont. padding kapsulei */
  --qty-btn: 24px;    /* +/– mygtuko „kvadratas“ */
  --qty-fs: 16px;     /* skaičiaus font-size */
  --qty-br: 999px;    /* apvalumas */
  --qty-gap: 8px;
}

/* Mobile – dar mažiau */
@media (max-width: 699px){
  .shopify-section--main-product .product-info,
  .shopify-section--main-product .product-form{
    --qty-h: 38px;
    --qty-w: 114px;
    --qty-pad-x: 18px;
    --qty-btn: 22px;
    --qty-fs: 15px;
    --qty-gap: 8px;
  }
}

/* QTY konteinerio plotis ATC eilutėje (prisiriša prie kintamųjų) */
.shopify-section--main-product .df-atc-row .df-qty{
  flex: 0 0 var(--qty-w) !important;
  min-width: var(--qty-w) !important;
}

/* Kapsulė: griežtas grid, kad + [num] – visada centruotųsi */
.shopify-section--main-product .quantity-selector{
  display: grid !important;
  grid-template-columns: var(--qty-btn) 1fr var(--qty-btn);
  align-items: center;
  column-gap: 10px;

  height: var(--qty-h) !important;
  width: var(--qty-w) !important;
  padding: 0 var(--qty-pad-x) !important; /* gutter tik kraštuose */

  border: 1px solid rgba(0,0,0,.85) !important;
  background: #f5f5f5 !important;
  border-radius: var(--qty-br) !important;
  box-sizing: border-box !important;
}

/* +/– mygtukai (fiksuotas kvadratas) */
.shopify-section--main-product .quantity-selector .quantity-selector-button{
  width: var(--qty-btn) !important;
  height: var(--qty-btn) !important;
  line-height: var(--qty-btn) !important;
  display: inline-grid !important;
  place-items: center !important;
  border: 0 !important;
  background: transparent !important;
  color: #2b2b2b !important;
  font-weight: 600 !important;
  font-size: calc(var(--qty-fs) + 1px) !important;
  padding: 0 !important;
}

/* Įvestis – tik 2–3 simboliai, centre */
.shopify-section--main-product .quantity-selector .quantity-selector-input{
  justify-self: center !important;
  text-align: center !important;
  width: 2.6ch !important;              /* pakanka 1–3 skaičiams */
  height: calc(var(--qty-btn) - 2px) !important;
  line-height: calc(var(--qty-btn) - 2px) !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;

  font-weight: 700 !important;
  font-size: var(--qty-fs) !important;
  color: #2b2b2b !important;

  -moz-appearance: textfield !important;
}
.shopify-section--main-product .quantity-selector .quantity-selector-input::-webkit-outer-spin-button,
.shopify-section--main-product .quantity-selector .quantity-selector-input::-webkit-inner-spin-button{
  -webkit-appearance: none !important;
  margin: 0 !important;
}

/* ATC mygtuko aukštį sulyginam su QTY, kad gražiai stovėtų vienoje linijoje */
.shopify-section--main-product .product-info__block-item[data-block-type="buy-buttons"] .buy-buttons .button,
.shopify-section--main-product .product-info__block-item[data-block-type="buy-buttons"] .buy-buttons [type="submit"]{
  min-height: calc(var(--qty-h) + 2px) !important;
}

/* —— QTY FIX: centras + kraštiniai „gutter“ —— */
.shopify-section--main-product .quantity-selector{
  justify-items: center !important;
  column-gap: var(--qty-gap, 12px) !important;     /* tarpas tarp -, skaičiaus ir + */
  box-sizing: border-box !important;
}

/* nuimam bet kokius margin/align perėmimus iš temos */
.shopify-section--main-product .quantity-selector > *{
  justify-self: center !important;
  margin: -5px !important;
}

/* ypač svarbu – paskutinis (+) dažnai turi auto margin / end align */
.shopify-section--main-product .quantity-selector .quantity-selector-button:last-child{
  justify-self: center !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* papildomai – jei tema bando „ištempti“ turinį */
.shopify-section--main-product .quantity-selector{
  justify-content: center !important;  /* neveikia grid celėms, bet neutralizuoja flex fallback */
  align-content: center !important;
}

/* DF Inline Upsell – prefiksuota, saugu */
.df-upsell{ border:1px solid rgba(0,0,0,.08); border-radius:16px; padding:16px; background:#f7f7f7; }
.df-upsell__head{ display:flex; gap:12px; align-items:center; justify-content:space-between; }
.df-upsell__check{ display:flex; gap:10px; align-items:center; font-weight:700; cursor:pointer; }
.df-upsell__price{ display:flex; gap:8px; align-items:baseline; }
.df-upsell__price-now{ font-weight:700; }
.df-upsell__price-old{ text-decoration:line-through; opacity:.6; }
.df-upsell__body{ display:grid; grid-template-columns: 1fr 1fr; gap:16px; margin-top:12px; }
.df-upsell__media{ background:#fff; border-radius:12px; display:flex; align-items:center; justify-content:center; }
.df-upsell__img{ width:100%; height:auto; display:block; border-radius:8px; }
.df-upsell__field{ margin-bottom:10px; }
.df-upsell__label{ display:block; font-weight:600; margin-bottom:6px; }
.df-upsell__select{ width:100%; padding:10px 12px; border-radius:10px; border:1px solid rgba(0,0,0,.15); background:#fff; }
.df-upsell__qty{ display:inline-flex; align-items:center; border:1px solid rgba(0,0,0,.15); border-radius:10px; overflow:hidden; }
.df-upsell__qty-btn{ width:40px; height:40px; border:0; background:#fff; cursor:pointer; }
.df-upsell__qty-input{ width:56px; height:40px; text-align:center; border:0; background:#fff; }
.df-upsell__status[data-state="oos"]{ color:#a00; font-weight:600; }
@media (max-width: 799px){
  .df-upsell__body{ grid-template-columns: 1fr; }
}

/* =========================
   DF · Accordions – COMPACT
   ========================= */
.df-acc--compact{
  /* „minimaliai didesni“ */
  --df-acc-gap: 10px !important;
  --df-acc-radius: 10px !important;
  --df-acc-pad-y: 10px !important;
  --df-acc-pad-x: 14px !important;
  --df-acc-icon: 20px !important;       /* kiek didesnė ikona */
  --df-acc-title-size: 18px !important; /* +0.5–1pt nuo paskutinio */
  --df-acc-body-size: 15px !important;
  /* spalvos – pasiimi iš inline (bg/text), bet čia galim palikti kaip atsarginę:
     --df-acc-bg: #F3F1ED; --df-acc-text:#2B2B2B; */
}

.df-acc--compact .df-acc__item{
  background: var(--df-acc-bg);
  border: 1px solid rgba(0,0,0,.06);
  border-radius: var(--df-acc-radius);
  padding: var(--df-acc-pad-y) var(--df-acc-pad-x);
  margin-top: var(--df-acc-gap);
  box-shadow: none;
}
.df-acc--compact .df-acc__item:first-child{ margin-top:0; }

.df-acc--compact .df-acc__head{
  padding: 0;
  gap: 10px;
  align-items: center;
}
.df-acc--compact .df-acc__head::-webkit-details-marker{ display:none; }

.df-acc--compact .df-acc__title{
  font-size: var(--df-acc-title-size);
  font-weight: 600;
  line-height: 1.25;
}

/* Baltas burbulas ( + ) */
.df-acc--compact .df-acc__icon{
  width: var(--df-acc-icon);
  height: var(--df-acc-icon);
  flex: 0 0 var(--df-acc-icon);
  background: #fff;
  border-radius: 999px;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.10);
  position: relative;
}
.df-acc--compact .df-acc__icon::before,
.df-acc--compact .df-acc__icon::after{
  content:"";
  position:absolute;
  left:50%; top:50%;
  width: calc(var(--df-acc-icon) * .62);
  height: 2px;
  background: currentColor;
  transform: translate(-50%,-50%);
}
.df-acc--compact .df-acc__icon::after{ transform: translate(-50%,-50%) rotate(90deg); }
.df-acc--compact .df-acc__item[open] .df-acc__icon::after{ opacity:0; }

/* Body */
.df-acc--compact .df-acc__body{
  padding-top: 9px;
  font-size: var(--df-acc-body-size);
  line-height: 1.55;
  opacity: .95;
}
/* Mobile – truputį mažiau */
@media (max-width: 600px){
  .df-acc--compact{
    --df-acc-gap: 8px !important;
    --df-acc-radius: 8px !important;
    --df-acc-pad-y: 9px !important;
    --df-acc-pad-x: 12px !important;
    --df-acc-icon: 18px !important;
    --df-acc-title-size: 17px !important;
    --df-acc-body-size: 14.5px !important;
  }
}

/* DF: size hint chip (valdoma per CSS kintamuosius) */
.df-size-hint{
  appearance:none;border:0;cursor:pointer;
  padding:.55rem .8rem;
  border-radius: var(--df-sh-radius, 999px);
  background: var(--df-sh-bg, #EFEDE9);
  color: var(--df-sh-fg, #2B2B2B);
  font-size: var(--df-sh-fs, 14px);
  font-weight: var(--df-sh-fw, 600);
  line-height:1;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.08);
  transition: transform .12s ease, box-shadow .12s ease;
}
.df-size-hint:hover{ transform: translateY(-1px); }
.df-size-hint:active{ transform: translateY(0); }

/* =========================
   MOBILE SIDEBAR (dark) + tipografija + overlay + iconline
   ========================= */

/* Tamsus fonas šoniniam meniu */
header-sidebar::part(content){
  background: var(--glass-bg-strong) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.08);
}
header-sidebar::part(overlay){
  background: rgba(0,0,0,.45) !important;
}

/* Body šriftas ir didesnis dydis mobiliajame meniu */
.header-sidebar .header-sidebar__linklist-button,
.header-sidebar .header-sidebar__back-button,
.header-sidebar .header-sidebar__nested-linklist a{
  font-family: var(--font-body-family) !important;
  font-size: 16px;           /* padidinam, jei dar norėsi – 18px */
  line-height: 1.35;
  color:#fff;
}
.header-sidebar .link-faded,
.header-sidebar .link-faded-reverse{ color: rgba(255,255,255,.92); }

/* Sub-divider spalvos švariai ant tamsaus */
.header-sidebar .divide-y > li { border-color: rgba(255,255,255,.08) !important; }

/* Meniu foną darom tamsų ir pačią list'ą */
.header-sidebar.color-scheme [part="base"]{
  color:#fff;
}

/* ==== MOBILE SIDEBAR · HARD OVERRIDE (dark) ==== */
/* Užtamsinam patį drawer turinį (Shadow DOM) */
header-sidebar::part(content){
  background: #1b1b1b !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.08) !important;
}

/* Overlay taip pat užtamsinam */
header-sidebar::part(overlay){
  background: rgba(0,0,0,.50) !important;
}

/* Vidinės nuorodos – baltos, body šriftas, didesnis dydis */
.header-sidebar .header-sidebar__linklist-button,
.header-sidebar .header-sidebar__back-button,
.header-sidebar .header-sidebar__nested-linklist a{
  font-family: var(--font-body-family) !important;
  font-size: 16px !important;
  line-height: 1.35 !important;
  color: #ffffff !important;
}

/* „Faded“ variacijos ant tamsaus */
.header-sidebar .link-faded,
.header-sidebar .link-faded-reverse{
  color: rgba(255,255,255,.92) !important;
}

/* Divideriai – subtilūs ant tamsaus */
.header-sidebar .divide-y > li{
  border-color: rgba(255,255,255,.08) !important;
}

/* Bet kokius baltus fonus Light DOM’e nukenksminam */
.header-sidebar .header-sidebar__scroller,
.header-sidebar .header-sidebar__main-panel,
.header-sidebar .header-sidebar__sub-panel,
.header-sidebar .header-sidebar__collapsible-panel{
  background: transparent !important;
}

/* =========================
   MEGA MENU – Unify overlay (desktop + mobile) + editor valdymas
   ========================= */

/* 1) Slepiam tekstą po nuotrauka, kad nebūtų dublikato */
.mega-menu .df-mm__text-under,
.header-sidebar .df-mm__text-under{
  display: none !important;
}

/* 2) Būtiniausi stiliai overlay'ui */
.mega-menu .df-mm__imgwrap,
.header-sidebar .df-mm__imgwrap{
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.mega-menu .df-mm__imgwrap .mega-menu__img,
.header-sidebar .df-mm__imgwrap .mega-menu__img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}

/* Tekstas ant viršaus (vieningai desktop + mobile) */
.mega-menu .df-mm__overlay,
.header-sidebar .df-mm__overlay{
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: clamp(10px, 1.4vw, 16px);
  padding: clamp(12px, 1.8vw, 18px);
  background: linear-gradient(180deg, rgba(0,0,0,.08) 0%, rgba(0,0,0,.45) 100%);
  pointer-events: none; /* neleisk overlay blokui gaudyti click */
}

/* Pavadinimas */
.mega-menu .df-mm__ov-title,
.header-sidebar .df-mm__ov-title{
  margin: 0;
  color: #fff;
  font-weight: var(--mm-title-fw, 500);
  line-height: 1.15;
  letter-spacing: .2px;
  text-shadow: none;

  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
  hyphens: auto;
  max-width: 28ch;
}

/* „Mygtukas“ / subtekstas (leidžiam spausti) */
.mega-menu .df-mm__ov-sub,
.header-sidebar .df-mm__ov-sub{
  pointer-events: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 16px;
  border-radius: 9999px;
  background: #fff;
  color: #111;
  font-weight: var(--mm-sub-fw, 600);
  letter-spacing: .02em;
  text-shadow: none;
  border: 0;
  box-shadow: 0 8px 18px rgba(0,0,0,.16);
  transition: transform .15s ease, filter .15s ease;
}

.mega-menu .df-mm__ov-sub:hover,
.header-sidebar .df-mm__ov-sub:hover{
  filter: brightness(.97);
  transform: translateY(-1px);
}

/* ===== Tipografijos dydžiai pagal breakpoint'us (valdomi per kintamuosius) ===== */

/* Desktop */
@media (min-width: 990px){
  .mega-menu .df-mm__ov-title,
  .header-sidebar .df-mm__ov-title{ font-size: var(--mm-title-fs-d, 22px); }

  .mega-menu .df-mm__ov-sub,
  .header-sidebar .df-mm__ov-sub{
    font-size: var(--mm-sub-fs-d, 14px);
  }
}

/* Mobile / tablet */
@media (max-width: 989px){
  .mega-menu .df-mm__ov-title,
  .header-sidebar .df-mm__ov-title{ font-size: var(--mm-title-fs-m, 18px); }

  .mega-menu .df-mm__ov-sub,
  .header-sidebar .df-mm__ov-sub{
    font-size: var(--mm-sub-fs-m, 13px);
    padding: 9px 14px;
  }
}

/* Jei kur nors temoje buvo uždėtas skaidrinimas ar paslėpimas overlay'ui — neutralizuojam */
.mega-menu .df-mm__overlay,
.header-sidebar .df-mm__overlay{
  opacity: 1 !important;
  visibility: visible !important;
}

/* ===== MEGA MENU · carousel container & grid span ===== */
.mega-menu .df-mm__viewport{ position:relative; }
@media (min-width: 990px){
  /* svarbu: wrapperis užima tas pačias kolonas kaip ir seniau pats promo blokas */
  .mega-menu .df-mm__grid-span{ grid-column: 2 / 5; }
}
@media (max-width: 989px) {
.df-about-cards {
  display: none!important;
}
}

/* Globalus headingų letter-spacing valdymas */
:root{
  --df-heading-tracking: 0.04em;
}

h1, h2, h3, h4, h5, h6,
.h0, .h1, .h2, .h3, .h4, .h5,
.heading, .section__title, .section-title {
  letter-spacing: var(--df-heading-tracking);
}

/* (nebūtina) Nepaveikti logotipo / meniu */
.header__logo, .nav, .button, .btn { letter-spacing: normal; }

/* ====== DF · Shared ATC/QTY height (vienas kintamasis abiem) ====== */
/* Pasikeisk reikšmes, jei norėsi kito aukščio */
.shopify-section--main-product .product-info,
.shopify-section--main-product .product-form{
  --df-atc-h: 52px;   /* desktop ATC/QTY aukštis */
}
@media (max-width: 699px){
  .shopify-section--main-product .product-info,
  .shopify-section--main-product .product-form{
    --df-atc-h: 48px; /* mobile ATC/QTY aukštis */
  }
}

/* 1) QTY kapsulei pririšam aukštį prie bendro kintamojo */
.shopify-section--main-product .quantity-selector{
  height: var(--df-atc-h) !important;
}

/* 2) QTY vidiniams mygtukams ir įvedimo laukui duodam proporcingą dydį,
      kad vizualiai alsuotų (8px virš/apačioje) */
.shopify-section--main-product .product-info,
.shopify-section--main-product .product-form{
  --qty-h: var(--df-atc-h);
  --qty-btn: calc(var(--df-atc-h) - 16px); /* kvadratai bus šiek tiek mažesni nei kapsulė */
}

/* Įvestis – sinchronizuojam su nauju mygtukų dydžiu */
.shopify-section--main-product .quantity-selector .quantity-selector-input{
  height: calc(var(--qty-btn) - 2px) !important;
  line-height: calc(var(--qty-btn) - 2px) !important;
}

/* 3) CTA pririšam prie to paties kintamojo (panaikinam +2px buferį) */
.shopify-section--main-product 
.product-info__block-item[data-block-type="buy-buttons"] .buy-buttons .button,
.shopify-section--main-product 
.product-info__block-item[data-block-type="buy-buttons"] .buy-buttons [type="submit"]{
  min-height: var(--df-atc-h) !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1; /* kad tiksliai „sėstų“ į min-height */
}

.shopify-section--main-product .variant-picker legend,
.shopify-section--main-product .variant-picker__option legend{
  font-weight: 600 !important;   /* keisk į 500/700 jei nori */
  font-size: 18px;
}

/* --- Pradžia: Pašalinti gradientą mobilaus meniu apačioje (2 bandymas) --- */

/* 1. Taikomės į pagrindinio panelio pseudo-elementą (labai tikėtina) */
header-sidebar .header-sidebar__main-panel::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

/* 2. Taikomės į poraštės pseudo-elementą */
header-sidebar .header-sidebar__footer::before {
  content: none !important;
  display: none !important;
  background: none !important;
}

/* 3. Pakartojam anksčiau bandytą kodą su specifiškesniu selektoriumi */
header-sidebar .header-sidebar__scroller::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

/* 4. Taikomės į mask-image ant visų įmanomų elementų */
header-sidebar .header-sidebar__scroller,
header-sidebar .header-sidebar__main-panel {
  mask-image: none !important;
  -webkit-mask-image: none !important;
}

/* Mobile (default) */
.jdgm-rev-widg__title {
  font-size: 30px !important;
  font-weight: 400 !important;
}

/* Desktop */
@media (min-width: 990px) {
  .jdgm-rev-widg__title {
    font-size: 40px !important;
    font-weight: 400 !important;
  }
}

@media (max-width: 749px){
  .df-mobile-title{
    padding-top: 15px !important;
    font-size:clamp(28px,3.2vw,34px)!important;
  }
}

.df-color-switcher .df-color-legend {
  font-size: 18px!important;
}

/* Krepšelio kiekio ženkliukas prie ikonos */
.header__cart-link > a { position: relative !important; }

.header__cart-link .df-cart-anchor {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.df-cart-badge {
  position: absolute;
  top: -6px; 
  right: -6px;
  min-width: 18px; 
  height: 18px; 
  padding: 0 6px;
  border-radius: 999px;
  background: var(--df-accent, #111); 
  color: #fff;
  font-weight: 700; 
  font-size: 11px; 
  line-height: 18px;
  text-align: center; 
  white-space: nowrap; 
  z-index: 1;
  transform: translateZ(0);
  pointer-events: none; /* SVARBU! Badge nepriima paspaudimų */
}

.df-cart-badge.is-empty { 
  display: none; 
}