@charset "UTF-8";
/* ═══════════════════════════════════════════════════════════
   TÉMA A — ATELIER
   Editoriálna. Papier, tenké linky, žiadne karty ani tiene.
   Produkty sa čítajú ako číslovaný lookbook, nie ako e-shop.
   ═══════════════════════════════════════════════════════════ */

:root{
  /* Farby — teplý papier a tmavý atrament, jediný akcent je bordó */
  --bg:#FAF7F2;
  --bg-alt:#F2ECE1;
  --bg-blur:rgba(250,247,242,.92);
  --surface:#FFFDFA;

  --ink-strong:#191714;
  --ink:#2C2823;
  --ink-soft:#5A5348;
  --ink-mute:#8E8577;

  --accent:#8E2547;
  --accent-deep:#6E1B36;
  --accent-soft:#F0E2E6;
  --accent-ring:rgba(142,37,71,.18);

  --line:#DFD7C8;
  --line-strong:#1A1815;

  --ok:#3E6647;      --ok-soft:#E7EEE6;
  --warn:#7E5C13;    --warn-soft:#F5EEDB;
  --danger:#8E2B25;  --danger-soft:#F5E4E1;

  --input-bg:transparent;

  /* Písmo — serif nesie všetko, sans len pre mikroštítky */
  --font-display:'DM Serif Display',Georgia,'Times New Roman',serif;
  --font-body:'Jost',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --fs-base:16.5px;
  --ls-display:-0.028em;

  /* Tvary — takmer žiadne. Ostré hrany sú súčasťou charakteru. */
  --r-arch:0;
  --r-arch-sm:0;
  --r-card:0;
  --r-btn:0;
  --r-input:0;

  --prod-pad:0;

  --shadow-card:none;
  --shadow-card-hover:none;
  --shadow-arch:none;
  --shadow-float:0 18px 44px -22px rgba(25,23,20,.45);
  --shadow-btn:none;
  --shadow-btn-hover:none;

  --maxw:78rem;
  --hdr-h:5rem;
  --scallop-h:0;--scallop-w:1px;--scallop-r:0;
}

body::before{display:none}          /* bez zrna — papier robí farba */
.scallop{display:none}

/* ── Typografia ──────────────────────────────────────────── */
h1{font-size:clamp(2.6rem,7vw,5.2rem);line-height:.98}
h2{font-size:clamp(2rem,4.6vw,3.4rem);line-height:1.02}
.hero__title{letter-spacing:-.035em}

.eyebrow{
  font-size:.66rem;letter-spacing:.26em;font-weight:500;
  color:var(--ink-mute);
}
.eyebrow::before{width:2.4rem;opacity:1;background:var(--accent)}

.lead{color:var(--ink-soft);font-size:clamp(1rem,1.4vw,1.14rem)}

/* Podčiarknutie v hero je tenká linka, nie zvýrazňovač */
.hero__title em{color:var(--accent)}
.hero__title em::after{
  height:2px;bottom:.08em;border-radius:0;transform:none;
  background:var(--accent);opacity:.85;
}

/* ── Hlavička — dve linky namiesto tieňa ─────────────────── */
.hdr{border-bottom:1px solid var(--line)}
.hdr.is-stuck{box-shadow:none;border-bottom-color:var(--line-strong)}
.hdr__logo{letter-spacing:-.03em}
.hdr__logo span{letter-spacing:.24em;color:var(--ink-mute)}
.hdr__link:hover{background:transparent;color:var(--accent-deep);text-decoration:underline;text-underline-offset:.4em}
.hdr__link[aria-current]::after{display:none}
.hdr__link[aria-current]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.4em;text-decoration-color:var(--accent)}
.hdr__phone{background:transparent;border:1px solid var(--line);color:var(--ink-strong);border-radius:0}
.hdr__phone:hover{background:var(--ink-strong);color:var(--bg)}
.icon-btn{border-radius:0}
.icon-btn:hover{background:var(--bg-alt)}
.icon-btn__count{border-radius:0;border-color:var(--bg)}
.announce{background:var(--ink-strong);letter-spacing:.09em;font-size:.72rem;text-transform:uppercase}

/* ── Tlačidlá — ostré, s linkou ──────────────────────────── */
.btn{border-width:1px;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;font-weight:500;padding:1.05em 2em}
.btn--lg{padding:1.25em 2.4em;font-size:.86rem}
.btn--sm{padding:.7em 1.2em;font-size:.72rem}
.btn:hover{transform:none}
.btn--ghost{--btn-bd:var(--line-strong)}
.btn--soft{--btn-bg:transparent;--btn-fg:var(--accent-deep);--btn-bd:var(--accent)}
.btn--soft:hover{--btn-bg:var(--accent);--btn-fg:#fff}

.arrow-link{
  border-bottom:1px solid var(--line-strong);color:var(--ink-strong);
  font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;
}
.arrow-link:hover{border-color:var(--accent);color:var(--accent-deep)}

/* ── Produkt ako položka v indexe ────────────────────────── */
.prod{background:none;padding:0;box-shadow:none;counter-increment:lookbook}
.prod:hover{transform:none;box-shadow:none}
.prod__media{margin-bottom:.9rem;background:var(--bg-alt)}
.prod:hover .prod__media img{scale:1.02}

/* poradové číslo namiesto farebného štítku */
.prod__badge{
  top:0;left:0;background:var(--ink-strong);color:var(--bg);
  border-radius:0;box-shadow:none;letter-spacing:.14em;padding:.4em .85em;
}
.prod__fav{border-radius:0;background:var(--bg);box-shadow:none;border:1px solid var(--line)}

.prod__cat{
  font-size:.62rem;letter-spacing:.2em;color:var(--ink-mute);margin-bottom:.45rem;
}
.prod__name{
  font-size:1.5rem;line-height:1.1;letter-spacing:-.025em;
  padding-bottom:.55rem;margin-bottom:.55rem;
  border-bottom:1px solid var(--line);
}
.prod__name::before{
  content:counter(lookbook,decimal-leading-zero);
  font-family:var(--font-body);font-size:.68rem;letter-spacing:.16em;
  color:var(--accent);margin-right:.8em;vertical-align:.5em;
}
.prod__sub{font-size:.84rem;color:var(--ink-mute);margin-bottom:.7rem}
.prod__foot{padding-top:0;align-items:baseline}
.prod__price{font-size:1.15rem;letter-spacing:-.02em}
.prod__price small{font-size:.8rem;letter-spacing:0;text-transform:none}
.prod__size{border-radius:0;border-color:var(--line);font-size:.66rem}
.grid{counter-reset:lookbook}

/* ── Kategória: fotka a popis pod ňou, bez prekrytia ─────── */
.cat-card{background:none;box-shadow:none;border:0}
.cat-card:hover{transform:none;box-shadow:none}
.cat-card__img{aspect-ratio:4/5;background:var(--bg-alt)}
.cat-card:hover .cat-card__img img{scale:1.02}
.cat-card__body{
  position:static;background:none;color:inherit;
  padding:.85rem 0 0;border-top:1px solid var(--line);margin-top:.85rem;
}
.cat-card__body h3{
  color:var(--ink-strong);font-size:1.22rem;letter-spacing:-.02em;margin-bottom:.2rem;
}
.cat-card__body p{color:var(--ink-mute);opacity:1;font-size:.8rem}

/* ── Plochy bez tieňa, len s linkou ──────────────────────── */
.summary,.post-card,.qr-card,.chat,.cookie{
  border:1px solid var(--line);box-shadow:none;background:var(--surface);
}
.post-card:hover{transform:none;box-shadow:none}
.post-card__meta{color:var(--ink-mute);letter-spacing:.16em;font-size:.66rem}
.post-card__body h3{letter-spacing:-.02em}

.arch,.gallery__main{background:var(--bg-alt)}
.hero__tag{
  background:var(--bg);border:1px solid var(--line-strong);border-radius:0;
  box-shadow:none;
}
.hero__tag-ico{border-radius:0;background:var(--accent-soft);color:var(--accent-deep)}
.hero__proof-item b{font-size:1.7rem;letter-spacing:-.03em;color:var(--ink-strong)}
.hero__proof-item span{letter-spacing:.1em;font-size:.68rem;text-transform:uppercase}

/* ── Formuláre — podčiarknutie namiesto rámčeka ──────────── */
.input,.select,.textarea{
  border:0;border-bottom:1px solid var(--line-strong);
  padding-inline:0;background:transparent;
}
.input:hover,.select:hover,.textarea:hover{border-bottom-color:var(--accent)}
.input:focus,.select:focus,.textarea:focus{
  box-shadow:none;border-bottom-color:var(--accent);border-bottom-width:2px;background:transparent;
}
.select{padding-right:1.8em;background-position:right .1em center}
.field__label{font-size:.66rem;letter-spacing:.18em;color:var(--ink-mute)}
.check input{border-radius:0}

.size,.opt,.day{border-radius:0;background:transparent;border-color:var(--line)}
.size:has(input:checked),.opt:has(input:checked),.day:has(input:checked){
  border-color:var(--line-strong);background:transparent;box-shadow:inset 0 0 0 1px var(--line-strong);
}
.size__key{border-radius:0;background:var(--bg-alt)}
.size:has(input:checked) .size__key{background:var(--ink-strong);color:var(--bg)}
.opt__dot{border-radius:0}
.opt__dot::after{border-radius:0;background:var(--ink-strong)}
.qty{border-radius:0;background:transparent}
.badge{border-radius:0;letter-spacing:.14em}
.note{border-radius:0;background:transparent;border-left-width:2px;padding-left:1rem}

/* ── Sekcie oddelené linkou, nie farbou ──────────────────── */
.section--alt{background:var(--bg-alt)}
.shead{border-bottom:1px solid var(--line);padding-bottom:1.2rem}
.acc{border-top:1px solid var(--line-strong)}
.acc__btn{font-size:1.05rem;font-family:var(--font-display);letter-spacing:-.015em}

.ftr{background:var(--ink-strong)}
.ftr__logo{letter-spacing:-.03em}
.ftr__social a{border-radius:0}

.buybar{border-top:1px solid var(--line-strong);box-shadow:none}
.toast{border-radius:0}
.chat-fab{border-radius:0;box-shadow:none;border:1px solid var(--ink-strong);letter-spacing:.1em;font-size:.76rem;text-transform:uppercase}
.chat-fab:hover{transform:none}
.chat__msg{border-radius:0}
.chat__chip{border-radius:0}
.chat__form input{border-radius:0}
.chat__send{border-radius:0}
.cat-card__img img,.prod__media img{filter:saturate(.96)}

/* ── Mobil ───────────────────────────────────────────────── */
@media (max-width:599px){
  .prod__name{font-size:1.15rem;padding-bottom:.4rem;margin-bottom:.4rem}
  .prod__name::before{display:block;margin:0 0 .2rem}
  .cat-card__body{padding-top:.6rem;margin-top:.6rem}
  .cat-card__body h3{font-size:1rem}
  .btn{letter-spacing:.1em;font-size:.76rem}
  h1{font-size:clamp(2.3rem,10vw,3.2rem)}
}
@media (min-width:360px) and (max-width:599px){
  /* v dvoch stĺpcoch nechávame podtitul skrytý, ale číslo zostáva */
  .prod__sub{display:none}
}