/** Shopify CDN: Minification failed

Line 597:27 Expected ")" to end URL token

**/
/* ===== TailBuddy – Theme Tokens ===== */
:root{
  --tb-bg: #0d0d0d;             /* fallback foarte închis pentru ecrane vechi */
  --tb-ink: #0f0f10;            /* gri-negru catifelat */
  --tb-cream: #fff7e9;          /* crem cald (accent deschis) */
  --tb-gold: #f5c670;           /* auriu cald pentru accente */
  --tb-amber: #e7b466;
  --tb-olive: #28301f;          /* verde măsliniu închis (blend cu iarbă) */
}

/* ===== Banner / Announcement Bar ===== */
.tb-banner {
  background: linear-gradient(90deg, rgba(0,0,0,.85), rgba(0,0,0,.55));
  color: #fff;
  backdrop-filter: blur(4px);
}
.tb-banner a { color: #fff; text-decoration: underline; }

/* ===== Header transparent peste imagini ===== */
.tb-header {
  background: rgba(255,255,255,.75);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(0,0,0,.06);
}

/* ===== Secțiuni – fundaluri unitare ===== */
/* secțiuni „deschise”, aerisite (ex. Beneficii) */
.tb-section-light {
 background:
  radial-gradient(40% 120% at 0% 50%, rgba(245,198,112,.25), transparent 60%),
  linear-gradient(90deg, rgba(0,0,0,.85), rgba(0,0,0,.55)) !important;


}

/* secțiuni „intermediare” (ex. Produse) – contrast moale */
.tb-section-warm {
  background:
    radial-gradient(50% 60% at 90% 10%, rgba(245,198,112,.18) 0%, transparent 60%),
    linear-gradient(180deg, #fff5e3 0%, #fff 60%);
}

/* secțiuni „închise” (ex. newsletter/footer) – blend cu Hero-ul */
.tb-section-dark {
  color: #fff;
  background:
    linear-gradient(180deg, rgba(0,0,0,.75) 0%, rgba(0,0,0,.65) 30%, rgba(0,0,0,.55) 100%),
    radial-gradient(120% 80% at 70% 0%, rgba(40,48,31,.35) 0%, transparent 60%),
    #0f0f10;
}

/* carduri pe fundal închis */
.tb-dark-card {
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  backdrop-filter: blur(4px);
}

/* bară de tranziție între secțiuni (fade subtil) */
.tb-fade-top    { mask-image: linear-gradient(180deg, transparent, #000 25%); }
.tb-fade-bottom { mask-image: linear-gradient(0deg, transparent, #000 25%); }

/* opțional: text shadow ușor pentru titlurile pe imagini */
.tb-title-glow { text-shadow: 0 4px 24px rgba(0,0,0,.35); }
/* Announcement bar – se aplică pe majoritatea temelor Dawn/Horizon-like */
#shopify-section-announcement-bar,
.shopify-section--announcement-bar,
.announcement-bar {
  background: linear-gradient(90deg, rgba(0,0,0,.85), rgba(0,0,0,.55));
  color: #fff;
  backdrop-filter: blur(4px);
}
#shopify-section-announcement-bar a,
.announcement-bar a { color: #fff; text-decoration: underline; }
/* ===== Announcement bar – stil unitar TailBuddy ===== */
#shopify-section-announcement,
#shopify-section-announcement-bar,
.shopify-section--announcement,
.shopify-section--announcement-bar,
.announcement-bar,
.header__announcement,
.utility-bar,
#shopify-section-utility-bar {
  background: linear-gradient(90deg, rgba(0,0,0,.85), rgba(0,0,0,.55)) !important;
  color: #fff !important;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-bottom: 1px solid rgba(255,255,255,.08);
  padding: 8px 0 !important;
}

#shopify-section-announcement a,
#shopify-section-announcement-bar a,
.announcement-bar a,
.utility-bar a {
  color: #fff !important;
  text-decoration: underline;
}

/* aliniază textul frumos și ascunde umbrele default */
#shopify-section-announcement * {
  line-height: 1.2 !important;
  text-transform: none; /* pune 'uppercase' dacă vrei capse */
  letter-spacing: .2px;
}
/* ===== Header ca bannerul de sus (gradient dark, translucid) ===== */
/* doar pe homepage (landing). Scoate `.template-index` dacă vrei peste tot */
.template-index #shopify-section-header,
.template-index .shopify-section--header,
.template-index .header,
.template-index .header-wrapper {
  background:
    linear-gradient(90deg, rgba(0,0,0,.85), rgba(0,0,0,.55)) !important;
  color: #fff !important;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-bottom: 1px solid rgba(255,255,255,.08);
}

/* linkuri, meniuri și iconițe din header pe alb */
.template-index .header a,
.template-index .header .header__inline-menu a,
.template-index .header .header__menu-item,
.template-index .header .header__icon,
.template-index .header .header__submenu {
  color: #fff !important;
  fill: #fff !important;
}

/* pictograme SVG negre -> albe */
.template-index .header svg {
  filter: invert(1) brightness(1.2);
}

/* butonul „Cumpără acum” din header */
.template-index .header .button,
.template-index .header .shopify-section .button {
  background: #f5c670;
  color: #000;
  border-radius: 14px;
}
/* ===== Header ca bannerul (gradient dark, translucid) — FĂRĂ prefixe ===== */
#shopify-section-header-group,
#shopify-section-header,
.shopify-section--header,
.section-header,
.header,
.header-wrapper {
  background:
    linear-gradient(90deg, rgba(0,0,0,.85), rgba(0,0,0,.55)) !important;
  color: #fff !important;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-bottom: 1px solid rgba(255,255,255,.08);
}

/* Suprascrie schema de culori a temei (Dawn/Horizon folosesc variabile) */
#shopify-section-header-group,
#shopify-section-header,
.header,
.header-wrapper {
  --color-foreground: 255,255,255 !important;   /* text alb */
  --color-background: 0,0,0 !important;         /* folosit de unele sub-componente */
}

/* Linkuri + iteme meniu */
.header a,
.header .header__inline-menu a,
.header .header__menu-item {
  color: #fff !important;
}

/* Iconițe (search/account/cart) pe alb */
.header .header__icon,
.header .header__icon svg,
.header .header__icon svg * {
  color: #fff !important;
  fill: #fff !important;
  stroke: #fff !important;
  filter: none !important;
}

/* Butonul „Cumpără acum” din dreapta */
.header .button,
.header .shopify-section .button {
  background: #f5c670 !important;
  color: #000 !important;
  border-radius: 14px !important;
}
/* ===== FORCE header = banner (dark translucent) ===== */
#shopify-section-header,
#shopify-section-group-header,
.shopify-section--header,
.shopify-section-group--header,
.section-header,
.header-wrapper,
.header {
  background: linear-gradient(90deg, rgba(0,0,0,.85), rgba(0,0,0,.55)) !important;
  color: #fff !important;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-bottom: 1px solid rgba(255,255,255,.08);
}

/* Suprascrie variabilele de culoare ale temei (unele teme le folosesc pentru gradient implicit) */
#shopify-section-header,
.header,
.header-wrapper {
  --gradient-background: linear-gradient(90deg, rgba(0,0,0,.85), rgba(0,0,0,.55)) !important;
  --color-background: 0,0,0 !important;
  --color-foreground: 255,255,255 !important;
}

/* Linkuri + meniu pe alb */
.header a,
.header .header__inline-menu a,
.header .header__menu-item {
  color: #fff !important;
}

/* Pictograme (search/account/cart) albe */
.header .header__icon,
.header .header__icon svg,
.header .header__icon svg * {
  fill: #fff !important;
  stroke: #fff !important;
  color: #fff !important;
}

/* Butonul „Cumpără acum” din header */
.header .button,
.header .shopify-section .button {
  background: #f5c670 !important;
  color: #000 !important;
  border-radius: 14px !important;
}

/* Elimină orice fundal albastru rezidual pus pe containerul interior */
.header .header__heading,
.header .header__menu,
.header .header__icons,
.header .header__container {
  background: transparent !important;
}
/* Hero landing – fundal prin variabilă CSS (fără ghilimele în Liquid) */
.hero-landing {
  min-height: 90vh;
  position: relative;
  display: flex;
  align-items: center;
  color: #fff;
  /* fundalul este compus din gradient + imaginea primită ca variabilă */
  background:
    linear-gradient(rgba(0,0,0,.35), rgba(0,0,0,.35)),
    var(--hero-image) center / cover no-repeat;
}
/* Hero landing – folosește variabila --hero-image */
.hero-landing{
  min-height:90vh;
  position:relative;
  display:flex;
  align-items:center;
  color:#fff;
  background:
    linear-gradient(rgba(0,0,0,.35), rgba(0,0,0,.35)),
    var(--hero-image) center / cover no-repeat;
}
/* === Header cald + fade discret, fără să afecteze Hero === */
/* țintim orice secțiune al cărei id începe cu "shopify-section-header" */
.shopify-section[id^="shopify-section-header"] .header,
.shopify-section[id^="shopify-section-header"] .header-wrapper {
  position: relative;        /* nu sticky, nu schimbăm layoutul */
  z-index: 30;
  background:
    linear-gradient(90deg, rgba(22,24,20,.65) 0%, rgba(22,24,20,.42) 100%) !important;
  color: #fff !important;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-bottom: 1px solid rgba(255,255,255,.10);
}

/* scoatem orice pseudo-element care ar putea acoperi hero-ul */
.shopify-section[id^="shopify-section-header"] .header::after { content: none !important; }

/* fade foarte fin jos (opțional; comentează dacă nu vrei) */
.shopify-section[id^="shopify-section-header"] .header {
  mask-image: linear-gradient(to bottom, #000 82%, transparent);
}

/* linkuri + iconițe albe în header */
.shopify-section[id^="shopify-section-header"] .header a,
.shopify-section[id^="shopify-section-header"] .header .header__menu-item { color:#fff !important; }
.shopify-section[id^="shopify-section-header"] .header .header__icon,
.shopify-section[id^="shopify-section-header"] .header .header__icon svg,
.shopify-section[id^="shopify-section-header"] .header .header__icon svg * {
  fill:#fff !important; stroke:#fff !important; color:#fff !important;
}
/* === HEADER — sigur, fără să afecteze layoutul și hero === */
.shopify-section[id^="shopify-section-header"] .header,
.shopify-section[id^="shopify-section-header"] .header-wrapper{
  position: relative;
  z-index: 30;
  background:
    linear-gradient(90deg, rgba(22,24,20,.65) 0%, rgba(22,24,20,.42) 100%) !important;
  color:#fff !important;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-bottom: 1px solid rgba(255,255,255,.10);
  height:auto;              /* nu forțăm înălțimi care împing conținutul */
  padding-block: 10px;      /* spațiu controlat în bară */
}
.shopify-section[id^="shopify-section-header"] .header::before,
.shopify-section[id^="shopify-section-header"] .header::after{ content:none !important; }

/* === HERO — aliniere text + poză, spacing corect față de header === */
.hero-landing{
  min-height: 90vh;
  display:flex;
  align-items:center;
  /* dacă headerul ți-a micșorat spațiul vizual, ridicăm un pic conținutul */
  padding-top: clamp(40px, 6vh, 80px);
  padding-bottom: 48px;
}

/* container intern (ai: .mx-auto.max-w-7xl …) — îl „strângem” și îl centram sigur */
.hero-landing .mx-auto{
  width: min(1200px, 92%);
}

/* gridul principal: 2 coloane egale pe desktop, centrat vertical, cu gap mare */
.hero-landing .grid{
  display:grid !important;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  align-items: center;
  gap: 2.5rem;              /* ≈ 40px */
}

/* coloana stânga (texte) — citibilitate și aliniere */
.hero-landing .grid > *:first-child{
  max-width: 640px;
  justify-self: start;
}

/* coloana dreapta (card/poza) — împinsă spre dreapta pe desktop */
.hero-landing .grid > *:nth-child(2){
  justify-self: end;
}

/* titlu mai „legat” vizual */
.hero-landing h1{
  line-height: 1.1;
  margin-bottom: .5rem;
}

/* subtitlu / paragrafe — spațiere bună */
.hero-landing p{
  margin-top: .75rem;
  margin-bottom: 0;
}

/* butoane — spațiu de respirație */
.hero-landing .mt-6.flex{
  margin-top: 1.5rem !important;
}

/* badge-ul mic de sus (Nou: colecția de toamnă) — îl ținem la stânga */
.hero-landing [class*="rounded-full"]{
  justify-self: start;
}

/* --- Responsiv --- */
/* Sub 1024px: micșorăm puțin gap-ul */
@media (max-width: 1024px){
  .hero-landing .grid{ gap: 1.75rem; }
}

/* Sub 768px: stivuim coloanele, centrăm poza și păstrăm textul lizibil */
@media (max-width: 768px){
  .hero-landing{
    padding-top: 56px;   /* loc sub header */
    padding-bottom: 36px;
  }
  .hero-landing .grid{
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }
  .hero-landing .grid > *:first-child{ justify-self: start; }
  .hero-landing .grid > *:nth-child(2){ justify-self: center; }
  .hero-landing h1{ font-size: clamp(28px, 6vw, 36px); }
}
/* ==== HEADER: eliminăm banda albă, facem interiorul transparent și aliniem ==== */

/* bara în sine */
.shopify-section[id^="shopify-section-header"] .header,
.shopify-section[id^="shopify-section-header"] .header-wrapper{
  position: relative;
  z-index: 30;
  background: linear-gradient(90deg, rgba(22,24,20,.65) 0%, rgba(22,24,20,.42) 100%) !important;
  color:#fff !important;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-bottom: 1px solid rgba(255,255,255,.10);
  height: auto;
  padding-block: 10px;
}

/* — interiorul care rămăsese cu fundal alb în temă — */
.shopify-section[id^="shopify-section-header"] .header .header__container,
.shopify-section[id^="shopify-section-header"] .header .header__heading,
.shopify-section[id^="shopify-section-header"] .header .header__inline-menu,
.shopify-section[id^="shopify-section-header"] .header .header__menu,
.shopify-section[id^="shopify-section-header"] .header .header__icons {
  background: transparent !important;
  box-shadow: none !important;
}

/* text linkuri + iconițe pe alb, fără să coloreze fundaluri interne */
.shopify-section[id^="shopify-section-header"] .header a,
.shopify-section[id^="shopify-section-header"] .header .header__menu-item { color:#fff !important; }
.shopify-section[id^="shopify-section-header"] .header .header__icon,
.shopify-section[id^="shopify-section-header"] .header .header__icon svg,
.shopify-section[id^="shopify-section-header"] .header .header__icon svg * {
  fill:#fff !important; stroke:#fff !important; color:#fff !important;
}

/* spațiu corect sub header, ca să nu pară „lipit” de Hero */
.hero-landing{ padding-top: clamp(40px, 6vh, 80px); }
/* === HEADER 100% TRANSPARENT, peste hero === */
.shopify-section[id^="shopify-section-header"] .header,
.shopify-section[id^="shopify-section-header"] .header-wrapper {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  position: relative;
  z-index: 30;        /* asigură overlay peste imagine */
  height: auto;
  padding-block: 10px; /* puțin spațiu în bară */
}

/* Orice container intern al header-ului să nu picteze alb */
.shopify-section[id^="shopify-section-header"] .header .header__container,
.shopify-section[id^="shopify-section-header"] .header .header__heading,
.shopify-section[id^="shopify-section-header"] .header .header__inline-menu,
.shopify-section[id^="shopify-section-header"] .header .header__menu,
.shopify-section[id^="shopify-section-header"] .header .header__icons {
  background: transparent !important;
  box-shadow: none !important;
}

/* Linkuri + iconițe pe alb ca să fie lizibile peste poză */
.shopify-section[id^="shopify-section-header"] .header a,
.shopify-section[id^="shopify-section-header"] .header .header__menu-item { color:#fff !important; }
.shopify-section[id^="shopify-section-header"] .header .header__icon,
.shopify-section[id^="shopify-section-header"] .header .header__icon svg,
.shopify-section[id^="shopify-section-header"] .header .header__icon svg * {
  fill:#fff !important; stroke:#fff !important; color:#fff !important;
}

/* Dacă ai adăugat vreun fade pseudo-element, îl oprim */
.shopify-section[id^="shopify-section-header"] .header::before,
.shopify-section[id^="shopify-section-header"] .header::after { content: none !important; }

/* HERO – micșorăm paddingul sus ca să urce conținutul sub header */
.hero-landing { padding-top: 20px; }  /* poți pune 0 dacă vrei lipit de marginea de sus */
/* Header 100% transparent + text/iconițe albe (stă peste imagine) */
.shopify-section[id^="shopify-section-header"] .header,
.shopify-section[id^="shopify-section-header"] .header-wrapper{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  position: relative;
  z-index: 30;
  padding-block: 10px;
}
.shopify-section[id^="shopify-section-header"] .header *{ background: transparent !important; box-shadow:none !important; }
.shopify-section[id^="shopify-section-header"] .header a,
.shopify-section[id^="shopify-section-header"] .header .header__menu-item{ color:#fff !important; }
.shopify-section[id^="shopify-section-header"] .header .header__icon,
.shopify-section[id^="shopify-section-header"] .header .header__icon svg,
.shopify-section[id^="shopify-section-header"] .header .header__icon svg *{ fill:#fff !important; stroke:#fff !important; color:#fff !important; }

/* Hero – spacing corect sub header + grid curat */
.hero-landing{ min-height:90vh; display:flex; align-items:center; padding-top: 20px; padding-bottom: 48px; color:#fff; }
.hero-landing .mx-auto{ width:min(1200px, 92%); }
.hero-landing .grid{ display:grid !important; grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items:center; gap:2.5rem; }
.hero-landing .grid > *:first-child{ max-width:640px; justify-self:start; }
.hero-landing .grid > *:nth-child(2){ justify-self:end; }

/* Cardul din dreapta: colțuri rotunde + umbră */
.tb-card{
  background: rgba(0,0,0,.15);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 22px;
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
  overflow:hidden;
}

/* Responsiv */
@media (max-width: 768px){
  .hero-landing{ padding-top: 56px; padding-bottom: 36px; }
  .hero-landing .grid{ grid-template-columns: 1fr; gap: 1.25rem; }
  .hero-landing .grid > *:nth-child(2){ justify-self:center; max-width: 520px; width:100%; }
}
/* ===== Collection page: center single product ===== */
body.template-collection .grid {
  justify-content: center;          /* centrează itemii pe rând */
}

body.template-collection .grid__item {
  flex: 0 1 460px;                   /* lățime „card” pe centru (ajustează 420–520px) */
  max-width: 100%;
}

/* card mai „premium” peste fundal */
body.template-collection .card,
body.template-collection .product-card,
body.template-collection .card-wrapper {
  background: rgba(255,255,255,.95);
  border-radius: 18px;
  box-shadow: 0 14px 32px rgba(0,0,0,.12);
}
/* ========== Center single product on collection page ========== */

/* Forțează layout într-o singură coloană și centrează coloana */
.template-collection .grid,
.template-collection .product-grid .grid {
  grid-template-columns: 1fr;               /* 1 coloană pe mobil */
}

@media (min-width: 768px) {
  .template-collection .grid,
  .template-collection .product-grid .grid {
    grid-template-columns: minmax(0, 620px); /* o coloană fixă */
    justify-content: center;                 /* coloană centrată în container */
  }
}

/* Cardul în sine nu se mai poate „lăți” prea mult și se centrează */
.template-collection .grid__item {
  max-width: 620px;
  margin-inline: auto;                       /* centrare de siguranță */
}

/* Un pic de stil pe card, ca să arate premium pe fundal */
.template-collection .card,
.template-collection .product-card,
.template-collection .card-wrapper {
  background: rgba(255,255,255,.96);
  border-radius: 18px;
  box-shadow: 0 14px 32px rgba(0,0,0,.12);
}
/* Center single product card on collection page */
.template-collection .grid--single {
  grid-template-columns: 1fr;        /* pe mobil: o singură coloană */
  justify-content: center;           /* centrează conținutul pe orizontală */
}

@media (min-width: 768px) {
  .template-collection .grid--single {
    grid-template-columns: minmax(0, 640px); /* o coloană fixă pe tablet/desktop */
  }
}

/* Asigurăm lățimea maximă a cardului și centrare */
.template-collection .grid--single > * {
  max-width: 640px;
  margin-inline: auto;
}
/* ===== Center single product on collection page ===== */
.template-collection .collection-wrapper.grid--single {
  display: grid !important;
  justify-content: center !important;
}

/* unele teme au #product-grid sau .results-list ca container de carduri */
.template-collection .collection-wrapper.grid--single #product-grid,
.template-collection .collection-wrapper.grid--single .results-list {
  display: grid !important;
  grid-template-columns: minmax(0, 680px) !important; /* o coloană centrată */
  justify-content: center !important;
}

/* card-ul în sine să nu se întindă pe toată lățimea */
.template-collection .collection-wrapper.grid--single li,
.template-collection .collection-wrapper.grid--single .product-grid-item,
.template-collection .collection-wrapper.grid--single .grid__item {
  max-width: 680px !important;
  margin-inline: auto !important;
}
/* === Background full pentru pagina de colecție === */
body.template-collection {
  background-image: url({{ "A_photograph_captures_four_long-haired_dachshunds.JPG" | file_url }});
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed; /* efect plăcut pe desktop */
}

/* Overlay foarte ușor (poți șterge dacă nu-l vrei) */
body.template-collection::before {
  content: "";
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.18);
  pointer-events: none;
  z-index: 0;
}

/* Forțăm blocurile să nu pună alb peste imaginea de fundal */
body.template-collection .shopify-section,
body.template-collection .section,
body.template-collection .results-list,
body.template-collection .product-grid-container,
body.template-collection .collection-wrapper,
body.template-collection .page-width,
body.template-collection .color-background-1,
body.template-collection .content-for-layout {
  background: transparent !important;
}

/* Pe mobil preferăm fără attachment: fixed (mai fluid) */
@media (max-width: 768px) {
  body.template-collection {
    background-attachment: scroll;
  }
}
/* Ascunde al 3-lea card din secțiunea de beneficii (Livrare rapidă) */
.section-icons-with-text .grid > *:nth-child(3),
.tb-benefits .grid > *:nth-child(3) {
  display: none !important;
}