/** Shopify CDN: Minification failed

Line 364:2 Unexpected "="

**/
/* ============================================================
   SENSSIMIA — NOIR PREMIUM (nakładka na motyw Dawn)
   Plik: assets/senssimia-noir.css
   Wklej przez: Sklep online → Motywy → Edytuj kod → Assets
   ============================================================ */

/* --- Fonty premium (ładowane z Google Fonts) --- */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,400&family=Jost:wght@300;400;500&display=swap');

:root{
  --sn-black:#0A0A0B;
  --sn-panel:#111113;
  --sn-line:rgba(201,169,110,.18);
  --sn-gold:#C9A96E;
  --sn-ivory:#F2EEE8;
  --sn-smoke:#C9C4BD;
  --sn-muted:#7E7A75;
}

/* --- Typografia: szeryfowe nagłówki couture --- */
h1,h2,h3,.h0,.h1,.h2,.h3,
.title,.banner__heading,.rich-text__heading,
.image-with-text__heading,.collection-list-title,
.card__heading{
  font-family:'Cormorant Garamond',Georgia,serif !important;
  font-weight:400 !important;
  letter-spacing:.01em;
  color:var(--sn-ivory);
}
body,.rte,p,.price,.card-information,
button,.button,input,select,label{
  font-family:'Jost',system-ui,sans-serif !important;
  font-weight:300;
}
.banner__heading{font-size:clamp(3rem,7vw,5.6rem) !important;line-height:1.02 !important}

/* --- Logo / nazwa sklepu --- */
.header__heading-link .h2,
.header__heading-logo-wrapper,
.header__heading{
  font-family:'Cormorant Garamond',serif !important;
  letter-spacing:.3em !important;
  text-transform:uppercase;
  font-weight:400 !important;
}

/* --- Pasek ogłoszeń: czarny ze złotem --- */
.announcement-bar{
  background:#000 !important;
  border-bottom:1px solid var(--sn-line);
}
.announcement-bar__message{
  color:var(--sn-gold) !important;
  font-size:.72rem !important;
  letter-spacing:.28em;
  text-transform:uppercase;
}

/* --- Header: przyklejony, szklany --- */
.header-wrapper{
  background:rgba(10,10,11,.82) !important;
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--sn-line);
}
.header__menu-item{
  font-size:.78rem !important;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--sn-smoke) !important;
  transition:color .3s;
}
.header__menu-item:hover{color:var(--sn-ivory) !important;text-decoration:none}
.header__menu-item span{position:relative}
.header__menu-item span::after{
  content:"";position:absolute;left:0;bottom:-3px;height:1px;width:0;
  background:var(--sn-gold);transition:width .35s ease;
}
.header__menu-item:hover span::after{width:100%}

/* --- Przyciski: złote, ostre rogi, elegancki hover --- */
.button,.shopify-challenge__button,.customer button,
button.shopify-payment-button__button--unbranded{
  background:var(--sn-gold) !important;
  color:#000 !important;
  border:1px solid var(--sn-gold) !important;
  border-radius:0 !important;
  font-size:.74rem !important;
  letter-spacing:.24em !important;
  text-transform:uppercase;
  font-weight:400 !important;
  transition:all .35s ease !important;
  box-shadow:none !important;
}
.button:hover,
button.shopify-payment-button__button--unbranded:hover{
  background:transparent !important;
  color:var(--sn-gold) !important;
}
.button--secondary{
  background:transparent !important;
  color:var(--sn-gold) !important;
}
.button--secondary:hover{background:var(--sn-gold) !important;color:#000 !important}
.button::after,.button::before{box-shadow:none !important}

/* --- Karty produktów: złota ramka na hover, elegancki lift --- */
.card--standard .card__inner,.card__inner{
  border:1px solid var(--sn-line) !important;
  border-radius:0 !important;
  transition:border-color .4s ease, transform .4s ease;
  background:var(--sn-panel);
}
.card-wrapper:hover .card__inner{
  border-color:rgba(201,169,110,.5) !important;
  transform:translateY(-4px);
}
.card__media img{transition:transform .8s ease}
.card-wrapper:hover .card__media img{transform:scale(1.04)}
.card__heading a{color:var(--sn-ivory) !important;font-size:1.15rem}
.card-information{text-align:center}

/* --- Ceny: kotwiczenie (stara cena przekreślona, nowa złota) --- */
.price-item--sale,.price__sale .price-item--sale{color:var(--sn-gold) !important;font-weight:400}
.price-item--regular{color:var(--sn-muted) !important}
.price--on-sale .price-item--regular{text-decoration:line-through}

/* --- Badge "Wyprzedaż": złoty, dyskretny --- */
.badge{
  background:var(--sn-gold) !important;
  color:#000 !important;
  border:none !important;
  border-radius:0 !important;
  font-size:.58rem !important;
  letter-spacing:.2em;
  text-transform:uppercase;
  font-weight:500 !important;
}

/* --- Sekcje: więcej powietrza --- */
.section + .section{margin-top:0}
.title-wrapper-with-link .title,.title.h1{position:relative;padding-bottom:22px}
.title-wrapper-with-link .title::after,.title.h1::after{
  content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);
  width:48px;height:1px;background:var(--sn-gold);
}
.title-wrapper-with-link{justify-content:center;text-align:center}

/* --- Newsletter: elegancki input w złotej ramie --- */
.newsletter-form__field-wrapper .field__input{
  background:transparent !important;
  border:1px solid var(--sn-gold) !important;
  border-radius:0 !important;
  color:var(--sn-ivory) !important;
}
.newsletter-form__field-wrapper .field__label{color:var(--sn-muted) !important}

/* --- Stopka --- */
.footer{background:#000 !important;border-top:1px solid var(--sn-line)}
.footer-block__heading{
  color:var(--sn-gold) !important;
  font-size:.72rem !important;
  letter-spacing:.22em;text-transform:uppercase;
  font-family:'Jost',sans-serif !important;
}

/* --- Inputy globalnie: ostre rogi --- */
.field__input,.select__select,.customer .field input{border-radius:0 !important}

/* --- Strona produktu: wzmocnienie CTA --- */
.product-form__submit{
  padding:1.6rem 3rem !important;
  font-size:.8rem !important;
}
.product__title h1{font-size:clamp(2rem,4vw,3.2rem) !important}

/* --- Drobiazgi premium --- */
::selection{background:var(--sn-gold);color:#000}
.loading-overlay__spinner .path{stroke:var(--sn-gold) !important}
a:focus-visible,button:focus-visible{outline:2px solid var(--sn-gold) !important;outline-offset:2px}









/* ============================================================
   SENSSIMIA — POPRAWKI MOBILE
   Dopisz NA SAMYM KOŃCU pliku senssimia-noir.css
   (kolejność ma znaczenie — te reguły muszą być ostatnie)
   ============================================================ */

/* ============ 1. MARQUEE — naprawa zawijania ============ */
.sn-marquee{padding:13px 0}
.sn-marquee__track{
  flex-wrap:nowrap !important;
  width:max-content;            /* taśma ma być tak szeroka jak treść */
}
.sn-marquee__group{flex-wrap:nowrap !important}
.sn-marquee__item{
  white-space:nowrap !important; /* koniec z łamaniem "Dyskretna przesyłka" */
  font-size:1.05rem;
  padding:0 26px;
}
@media(max-width:749px){
  .sn-marquee__item{font-size:.95rem;padding:0 20px}
}

/* ============ 2. HERO NA MOBILE — smukłe przyciski, lepsze proporcje ============ */
@media(max-width:749px){

  /* przyciski: nie na całą szerokość, wycentrowane, obok siebie gdy się mieszczą */
  .banner__buttons{
    display:flex !important;
    flex-direction:column;
    align-items:center;
    gap:12px;
    max-width:none !important;
    width:100%;
  }
  .banner__buttons .button{
    width:auto !important;
    min-width:230px;
    max-width:280px;
    padding:13px 30px !important;
    font-size:.7rem !important;
  }

  /* drugi przycisk jako konturowy — hierarchia zamiast dwóch klocków */
  .banner__buttons .button:nth-child(2){
    background:transparent !important;
    color:#C9A96E !important;
    border:1px solid #C9A96E !important;
  }

  /* nagłówek i tekst: ciaśniej, elegancko */
  .banner__heading{
    font-size:clamp(2.3rem,9vw,3rem) !important;
    line-height:1.05 !important;
    margin-bottom:10px;
  }
  .banner__text{font-size:.95rem !important;max-width:300px;margin:0 auto 6px}
  .banner__box{padding:28px 20px !important}

  /* mocniejszy dolny gradient = tekst zawsze czytelny na zdjęciu */
  .banner__media::after{
    content:"";
    position:absolute;inset:0;z-index:1;pointer-events:none;
    background:linear-gradient(rgba(10,10,11,.15) 30%, rgba(10,10,11,.72) 100%);
  }
}

/* ============ 3. KARTY PRODUKTÓW — porządek ============ */
.card-information,
.card__information{text-align:center !important}
.card__heading{font-size:1.02rem !important;line-height:1.3}
.card__heading a{font-size:inherit !important}
.price{
  display:flex;justify-content:center;align-items:baseline;
  gap:8px;flex-wrap:wrap;font-size:.92rem !important;
}
.price-item--regular{font-size:.8rem !important}

@media(max-width:749px){
  .card__heading{font-size:.95rem !important}
  .badge{font-size:.52rem !important;padding:4px 9px}
}

/* ============ 4. LICZNIK KARUZELI (te dziwne cyfry 1/2) ============ */
/* Dawn pokazuje numerację slajdów przy przewijanej kolekcji na mobile.
   Chowamy cyfry, zostawiamy strzałki w kolorze marki. */
.slider-counter--numbers,
.slider-counter__link--numbers{display:none !important}
.slider-button{color:#C9A96E !important}
.slider-counter--dots .slider-counter__link{
  background:transparent;border:1px solid #C9A96E;
}
.slider-counter--dots .slider-counter__link--active{background:#C9A96E}

/* ============ 5. PASEK OGŁOSZEŃ NA MOBILE — jedna linia, mniejszy ============ */
@media(max-width:749px){
  .announcement-bar__message{
    font-size:.58rem !important;
    letter-spacing:.18em;
    line-height:1.5;
    padding:6px 10px;
  }
}
/* ============================================================
   SENSSIMIA — Większa cena + pasek ogłoszeń
   Dopisz NA SAMYM KOŃCU pliku senssimia-noir.css
   (musi być po wszystkich wcześniejszych regułach)
   ============================================================ */

/* --- CENA: większa i wyraźniejsza --- */
.price,
.price .price-item{
  font-size:1.05rem !important;      /* desktop */
}
.price-item--sale,
.price__sale .price-item--sale{
  font-size:1.15rem !important;      /* nowa cena (złota) — największa */
  font-weight:400 !important;
}
.price-item--regular{
  font-size:.9rem !important;        /* stara przekreślona — mniejsza */
}

@media(max-width:749px){
  .price,.price .price-item{font-size:1rem !important}
  .price-item--sale,
  .price__sale .price-item--sale{font-size:1.08rem !important}
  .price-item--regular{font-size:.82rem !important}
}

/* --- PASEK OGŁOSZEŃ: większy tekst --- */
.announcement-bar__message{
  font-size:.8rem !important;        /* desktop */
  letter-spacing:.24em;
}
@media(max-width:749px){
  .announcement-bar__message{
    font-size:.7rem !important;      /* mobile — czytelnie, ale wciąż w 1 linii */
    letter-spacing:.14em;
    line-height:1.5;
  }
}
/* ============================================================
   SENSSIMIA — Jednolita czerń: pasek ogłoszeń + nagłówek
   Dopisz NA SAMYM KOŃCU pliku senssimia-noir.css
   ============================================================ */

/* Pasek ogłoszeń i nagłówek = dokładnie ta sama pełna czerń */
.announcement-bar,
.announcement-bar__announcement,
.utility-bar,                       /* nowsze wersje Dawn opakowują pasek */
.header-wrapper{
  background:#0A0A0B !important;
  background-color:#0A0A0B !important;
  backdrop-filter:none !important;  /* usuwa "szklany" odcień nagłówka */
}

/* Kasujemy widoczną krawędź między paskiem a nagłówkiem */
.announcement-bar{
  border-bottom:none !important;
}
.header-wrapper{
  border-top:none !important;
}

/* Gdyby motyw dokładał cień/gradient na styku — zerujemy */
.announcement-bar__announcement,
.utility-bar__announcements{
  box-shadow:none !important;
  border:none !important;
}
* ============================================================
   SENSSIMIA — PAKIET FINALNY (strona produktu + gwiazdki)
   Wklej CAŁOŚĆ na SAM KONIEC pliku senssimia-noir.css
   (Edytuj kod → Assets → senssimia-noir.css → przewiń na dół
    → wklej → Zapisz)
   ============================================================ */

/* ---------- 1. STICKY "DODAJ DO KOSZYKA" NA MOBILE ---------- */
@media(max-width:749px){
  .product-form__submit{
    position:fixed !important;
    bottom:12px;
    left:12px;
    right:12px;
    width:auto !important;
    z-index:40;
    margin:0 !important;
    box-shadow:0 6px 24px rgba(0,0,0,.55) !important;
  }
  .product{padding-bottom:84px}
  .shopify-payment-button{display:none !important}
}

/* ---------- 2. IKONY PŁATNOŚCI: mniejsze, elegancko ---------- */
.product .payment-icons img,
.product .payment-icons svg{
  height:24px !important;
  width:auto !important;
}

/* ---------- 3. ZŁOTA LINIA ZAUFANIA ----------
   Działa na tekst "Darmowa dostawa · Dyskrecja · Zwrot 30 dni",
   który już masz pod przyciskiem (widzę go na screenie).
   Celujemy w blok tekstowy zaraz pod przyciskiem koszyka. */
.product-form + .product__text,
.product__info-container .product__text,
.sn-trust-line{
  text-align:center;
  font-size:.74rem !important;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#C9A96E !important;
  margin-top:12px;
}

/* ---------- 4. GWIAZDKI W SEKCJI RECENZJI: złote ----------
   Szerokie selektory pod najpopularniejsze apki opinii
   (Judge.me / Shopify Reviews / Stamped / inne). */
.jdgm-star,
.jdgm-star.jdgm--on,
.jdgm-histogram__star,
.jdgm-prev-badge__stars,
.spr-icon-star,
.spr-starrating i,
.stamped-fa-star,
.rating-star,
[class*="review"] [class*="star"] svg,
[class*="review"] svg [class*="star"],
[class*="review"] [class*="star"] path,
[class*="Review"] [class*="star"]{
  color:#C9A96E !important;
  fill:#C9A96E !important;
}
/* puste gwiazdki (np. przy ocenie 4/5) — przygaszone złoto,
   żeby dało się odróżnić pełne od pustych */
.jdgm-star.jdgm--off,
.spr-icon-star-empty{
  color:rgba(201,169,110,.3) !important;
  fill:rgba(201,169,110,.3) !important;
}
/* ============================================================
   SENSSIMIA — OSTATNI SZLIF
   Wklej na SAM KONIEC pliku senssimia-noir.css → Zapisz
   ============================================================ */

/* ---------- 1. UKRYJ ZŁOTY NAPIS "SENSSIMIA" NAD TYTUŁEM ---------- */
.product__text.caption-with-letter-spacing,
.product__info-container > .product__text:first-child{
  display:none !important;
}

/* ---------- 2. WYBRANY ROZMIAR: złoty zamiast białego ----------
   Teraz wybrane "S" jest białą pigułką — robimy złotą, spójną
   z przyciskiem koszyka. Klientka widzi wyraźnie swój wybór. */
.product-form__input input[type="radio"]:checked + label{
  background:#C9A96E !important;
  border-color:#C9A96E !important;
  color:#000 !important;
}
.product-form__input input[type="radio"] + label{
  border-color:rgba(201,169,110,.4);
  transition:all .25s ease;
}
.product-form__input input[type="radio"] + label:hover{
  border-color:#C9A96E;
}

/* ---------- 3. AKTYWNA MINIATURA W GALERII: złota ramka ---------- */
.thumbnail[aria-current="true"],
.thumbnail-list__item.slider__slide [aria-current="true"]{
  border:2px solid #C9A96E !important;
  border-radius:0;
}

/* ---------- 4. POLE ILOŚCI: złota ramka, spójny styl ---------- */
.quantity{
  border:1px solid rgba(201,169,110,.45) !important;
  border-radius:0 !important;
}
.quantity__button{color:#C9A96E !important}

/* ---------- 5. ZWIJANE KARTY: złota ikona i hover ---------- */
.accordion summary:hover .accordion__title{color:#C9A96E}
.accordion .icon-accordion{color:#C9A96E !important}
.accordion summary{transition:color .25s ease}

/* ---------- 6. LINK "KOSZT WYSYŁKI": złoty zamiast bialego ---------- */
.product__tax a,
.product__tax .link{
  color:#C9A96E !important;
}
/* ---------- CENA: do lewej, w jednej osi z tytułem ---------- */
.product__info-container .price,
.product__info-container .price__container,
.product__info-container .price--large{
  text-align:left !important;
  justify-content:flex-start !important;
}
.product__info-container .price .price__sale,
.product__info-container .price .price__regular{
  justify-content:flex-start !important;
  text-align:left !important;
}
/* linijka "Z wliczonymi podatkami..." też do lewej */
.product__tax{
  text-align:left !important;
}