/* =========================================================
   Tema: Minimal editorial — mnogo belog prostora, tanak font,
   logo u sredini headera (učitava se posle shop.css)
   ========================================================= */

:root {
  --font: "Jost", "Inter", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-head: "Jost", "Inter", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

  --bg: #ffffff;
  --surface: #ffffff;
  --soft: #f6f6f4;
  --soft-2: #ececea;
  --line: #ebebe9;
  --line-strong: #d4d4d1;

  --text: #111111;
  --text-2: #3b3b3b;
  --muted: #7b7b7b;
  --subtle: #9b9b9b;

  --accent: #111111;
  --accent-hover: #000000;
  --sale: #b3261e;

  --header-bg: rgba(255, 255, 255, .97);
  --head-weight: 400;
  --head-spacing: -.01em;
  --btn-weight: 500;
  --btn-spacing: .16em;
  --btn-transform: uppercase;

  --radius-sm: 0;
  --radius: 0;
  --radius-lg: 0;
  --shadow: none;
  --shadow-lg: 0 20px 50px rgba(0, 0, 0, .1);
  --container: 1440px;
}

body { font-weight: 400; }

/* Traka na vrhu: diskretna */
.s-announcement { background: var(--surface); color: var(--text); border-bottom: 1px solid var(--line); font-size: 11px; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; }

/* Header: logo u sredini */
.s-header { border-bottom: 1px solid var(--line); }
.s-header__left { display: contents; }
.s-header__inner { grid-template-columns: 1fr auto 1fr; grid-template-areas: "menu logo right"; }
.s-menu-btn { grid-area: menu; justify-self: start; }
.s-logo { grid-area: logo; justify-self: center; }
.s-header__right { grid-area: right; }
@media (min-width: 992px) {
  .s-header__inner { grid-template-columns: 1fr auto 1fr; grid-template-areas: "nav logo right"; gap: 24px; }
  .s-nav { grid-area: nav; }
  .s-logo { justify-self: center; }
  .s-logo img { height: 58px; }
}
.s-nav a, .s-nav button { font-size: 12px; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; color: var(--text); padding: 0 12px; }
.s-nav a:hover, .s-nav button:hover, .s-nav li.is-open > button { background: transparent; text-decoration: underline; text-underline-offset: 6px; }
.s-mega { border-color: var(--line); box-shadow: 0 18px 40px rgba(0, 0, 0, .08); }
.s-mega ul a { font-weight: 400; }

/* Dugmad: uska, tanka, sa razmakom slova */
.s-btn { font-size: 12px; min-height: 46px; padding: 0 32px; border-width: 1px; }
.s-btn--lg { min-height: 52px; font-size: 12px; }
.s-btn--sm { font-size: 11px; }
.s-btn--ghost { border-color: var(--text); }
.s-btn--ghost:hover { background: var(--text); color: #fff; border-color: var(--text); }
.s-link { font-size: 12px; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; }

/* Hero: tekst u sredini, tanak i velik */
.s-hero__content { background: linear-gradient(to top, rgba(0, 0, 0, .38), rgba(0, 0, 0, 0)); padding-bottom: 56px; }
.s-hero__content .s-container { text-align: center; }
.s-hero__content h1 { margin-left: auto; margin-right: auto; font-size: clamp(32px, 6vw, 80px); font-weight: 300; letter-spacing: -.02em; }
.s-hero__sub { margin-left: auto; margin-right: auto; font-weight: 300; }
.s-hero__actions { justify-content: center; }
@media (max-width: 575px) { .s-hero__content { background: var(--surface); color: var(--text); } .s-hero__content h1 { color: var(--text); } .s-hero__sub { color: var(--muted); } .s-hero__content .s-btn--light { background: var(--accent); color: #fff; border-color: var(--accent); } }

/* Sekcije: naslovi u sredini, više prostora */
.s-section { padding: 64px 0; }
@media (min-width: 992px) { .s-section { padding: 112px 0; } }
.s-section__head { flex-direction: column; align-items: center; text-align: center; gap: 12px; margin-bottom: 40px; }
.s-section__head h2 { font-size: clamp(26px, 3vw, 40px); font-weight: 300; }
.s-eyebrow, .s-card__brand, .s-buy__brand, .s-mega__title { font-weight: 500; letter-spacing: .18em; color: var(--muted); }
.s-page-head h1, .s-hero-text h1, .s-thanks h1, .s-buy h1 { font-weight: 300; }
.s-banner h2 { font-weight: 300; }

/* Kartice: bez okvira, viša slika */
.s-grid { gap: 44px 16px; }
@media (min-width: 768px) { .s-grid { gap: 64px 24px; } }
.s-card__media { aspect-ratio: 3 / 4; }
.s-card__name { font-size: 14px; font-weight: 400; }
.s-price { font-size: 14px; font-weight: 400; }
.s-price--sale { font-weight: 500; }
.s-badge { background: var(--surface); color: var(--sale); font-size: 11px; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; }
.s-badge--dark { background: var(--surface); color: var(--text); }
.s-cat__name { font-size: 12px; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; }
.s-cat__img { aspect-ratio: 3 / 4; }

/* Pogodnosti i utisci: bez pozadine */
.s-perk { background: transparent; border-top: 1px solid var(--text); padding: 22px 0; }
.s-section--soft { background: var(--soft); }
.s-review { background: transparent; padding: 0; }
.s-review p { font-size: 18px; font-weight: 300; line-height: 1.6; color: var(--text); }

/* Proizvod, korpa, plaćanje */
.s-buy .s-price { font-weight: 400; }
.s-summary { background: transparent; border: 1px solid var(--line); }
.s-size label { font-weight: 400; }

/* Footer: beo, sa tankom linijom */
.s-footer { background: var(--surface); border-top: 1px solid var(--line); }
.s-footer h3 { font-size: 11px; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; }