/* ============================================================
   STREETWEAR - HOMEPAGE SECTIONS
   Hero, USP strip, brendovi bento grid, kultura / patches wall,
   split editorial, newsletter. Page-specific styles.
   Depends on tokens.css + shop.css.
   ============================================================ */

/* ============ HERO ============ */
.hero{position:relative;background:var(--black);overflow:hidden;border-bottom:1px solid var(--black);color:#fff;isolation:isolate}

/* ============ HERO VIDEO MODE (isti layout kao 2bro: video pozadina, sadrzaj na dnu) ============ */
.hero.hero-video-mode{
  height:clamp(580px, calc(100vh - 112px), 900px);
  min-height:580px;
  display:flex;align-items:flex-end;justify-content:center;
  padding:0;background:#000;
}
.hero-video-poster{
  position:absolute;inset:0;z-index:1;
  background-size:cover;background-position:center;
  filter:grayscale(.3) contrast(1.05) brightness(.62);
}
.hero-video{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:center;
  z-index:2;pointer-events:none;
  filter:grayscale(.3) contrast(1.05) brightness(.62);
}
.hero-video-overlay{
  position:absolute;inset:0;z-index:3;pointer-events:none;
  background:
    linear-gradient(180deg, rgba(0,0,0,.5) 0%, transparent 28%, transparent 50%, rgba(0,0,0,.9) 100%),
    radial-gradient(ellipse at center, transparent 35%, rgba(0,0,0,.45) 100%);
}
.hero-est-line{
  position:absolute;top:22px;left:0;right:0;z-index:5;text-align:center;
  font-family:'Barlow Condensed',sans-serif;font-weight:500;font-size:11px;
  letter-spacing:.34em;text-transform:uppercase;color:rgba(255,255,255,.55);
}
.hero.hero-video-mode .hero-content-bottom{
  position:relative;z-index:5;width:100%;max-width:1000px;
  text-align:center;padding:0 32px 80px;margin:0 auto;
}
.hero.hero-video-mode .hero-sub{
  display:inline-flex;align-items:center;gap:14px;
  color:rgba(255,255,255,.9);margin-bottom:26px;
  font-family:'Barlow Condensed',sans-serif;font-weight:500;
  font-size:12px;letter-spacing:.28em;text-transform:uppercase;
  background:rgba(0,0,0,.35);backdrop-filter:blur(6px);
  border:1px solid rgba(200,16,46,.5);padding:9px 20px;
}
.hero.hero-video-mode .hero-sub .hs-star{color:var(--red-bright);font-size:13px;line-height:1}
.hero.hero-video-mode .hero-h1{
  font-family:'Oswald',sans-serif;font-weight:700;
  font-size:clamp(34px, 4.8vw, 68px);line-height:1;
  letter-spacing:.005em;text-transform:uppercase;color:#fff;
  margin:0 0 30px;text-shadow:3px 3px 0 rgba(0,0,0,.55), 0 0 40px rgba(0,0,0,.6);
}
.hero.hero-video-mode .hero-h1 .red{color:var(--red-bright)}
.hero.hero-video-mode .hero-h1 .stroke{-webkit-text-stroke:2px #fff;color:transparent}
.hero.hero-video-mode .hero-cta{display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap;margin:0}
.hero-scroll-hint{
  position:absolute;left:50%;bottom:20px;transform:translateX(-50%);z-index:6;
  display:flex;flex-direction:column;align-items:center;gap:6px;
  font-family:'Barlow Condensed',sans-serif;font-size:10px;letter-spacing:.4em;
  text-transform:uppercase;color:rgba(255,255,255,.55);pointer-events:none;
  animation:heroScrollPulse 2s ease-in-out infinite;
}
.hero-scroll-hint .hsh-arrow{font-size:14px;color:var(--red-bright)}
@keyframes heroScrollPulse{
  0%,100%{transform:translateX(-50%) translateY(0);opacity:.55}
  50%{transform:translateX(-50%) translateY(6px);opacity:1}
}
.hero.hero-video-mode .hero-est-line,
.hero.hero-video-mode .hero-content-bottom > *{
  opacity:0;animation:heroFadeUp 1s cubic-bezier(.2,.8,.2,1) forwards;
}
.hero.hero-video-mode .hero-est-line{animation-name:heroFade;animation-delay:.3s}
.hero.hero-video-mode .hero-sub{animation-delay:.5s}
.hero.hero-video-mode .hero-h1{animation-delay:.72s}
.hero.hero-video-mode .hero-cta{animation-delay:.95s}
@keyframes heroFadeUp{from{opacity:0;transform:translateY(34px)}to{opacity:1;transform:none}}
@keyframes heroFade{from{opacity:0}to{opacity:1}}
@media (max-width:760px){
  .hero.hero-video-mode{height:clamp(520px, calc(100vh - 96px), 760px)}
  .hero.hero-video-mode .hero-content-bottom{padding:0 20px 70px}
  .hero.hero-video-mode .hero-sub{font-size:10px;letter-spacing:.2em;padding:7px 14px}
  .hero.hero-video-mode .hero-h1{font-size:clamp(26px, 7vw, 38px)}
  .hero-est-line{font-size:9px;letter-spacing:.24em}
}

.hero-bg{
  position:absolute;inset:0;z-index:0;
  background-image:url("../../img/streetwear/hero.jpg");
  background-size:cover;background-position:center;
  filter:grayscale(.45) contrast(1.05) brightness(.6);
}
.hero-bg::after{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(180deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.4) 35%, rgba(0,0,0,.85) 100%),
    linear-gradient(90deg, rgba(0,0,0,.85) 0%, rgba(0,0,0,.3) 55%, rgba(10,10,10,.5) 100%);
}
.hero-bg-flare{
  position:absolute;width:55%;height:55%;
  bottom:-12%;right:-10%;z-index:1;
  background:radial-gradient(circle, var(--red-bright) 0%, var(--red) 30%, transparent 70%);
  filter:blur(60px);opacity:.45;mix-blend-mode:screen;pointer-events:none;
  animation:flare 5s ease-in-out infinite alternate;
}
.hero-inner{
  max-width:var(--max);margin:0 auto;
  padding:80px var(--pad) 80px;
  display:grid;grid-template-columns:1fr;gap:50px;align-items:stretch;
  min-height:720px;
  position:relative;z-index:2;
}
.hero-text{display:flex;flex-direction:column;justify-content:space-between;gap:38px;position:relative;max-width:1000px}
.hero-meta-top{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.hero-meta-top .eyebrow{color:#ddd}
.hero-meta-top .mono{color:#aaa !important}

.hero h1{font-family:'Oswald',sans-serif;font-weight:700;font-size:clamp(64px,11vw,168px);line-height:1;margin:18px 0 12px;letter-spacing:.005em;text-transform:uppercase;color:#fff}
.hero h1 .red{color:var(--red-bright);position:relative;display:inline-block}
.hero h1 .stroke{-webkit-text-stroke:2px #fff;color:transparent}
.hero p.lede{
  font-size:17px;color:#d8d8d8;max-width:54ch;line-height:1.65;
  border-left:3px solid var(--red);padding-left:18px;margin-bottom:8px;font-weight:400;
}
.hero-cta{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:24px}

.hero-patch{
  position:absolute;
  top:-10px;right:0;
  background:var(--red);color:#fff;
  font-family:'Oswald',sans-serif;font-weight:700;
  font-size:13px;letter-spacing:.14em;text-align:center;text-transform:uppercase;
  padding:14px 18px 12px;
  transform:rotate(6deg);
  border:2px solid #fff;
  box-shadow:4px 4px 0 #fff;
  line-height:1.05;
  z-index:3;
}
.hero-patch span{display:block;font-size:22px;letter-spacing:.04em;margin-top:2px}

.hero-stats{
  display:grid;grid-template-columns:repeat(4,1fr);gap:0;
  border-top:1px solid rgba(255,255,255,.25);padding-top:18px;max-width:760px;
}
.hero-stats .stat{padding-right:14px;border-right:1px solid rgba(255,255,255,.12);}
.hero-stats .stat:last-child{border-right:none}
.hero-stats .num{font-family:'Oswald',sans-serif;font-weight:600;font-size:42px;line-height:1;color:#fff}
.hero-stats .num .red{color:var(--red-bright)}
.hero-stats .lbl{font-family:'Barlow Condensed',sans-serif;font-weight:500;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#999;margin-top:6px}

.hero-photo-OBSOLETE{position:relative;align-self:stretch;min-height:520px;overflow:hidden;background:var(--black)}
.hero-photo .ph{
  position:absolute;inset:0;
  background:
    repeating-linear-gradient(135deg, rgba(255,255,255,.04) 0 10px, transparent 10px 20px),
    linear-gradient(180deg, #1a1a1a 0%, #0a0a0a 100%);
  display:flex;align-items:center;justify-content:center;
}
.hero-photo .ph-watermark{
  font-family:'Oswald',sans-serif;font-weight:700;font-size:80px;
  color:rgba(255,255,255,.05);letter-spacing:.04em;text-transform:uppercase;
  white-space:nowrap;transform:rotate(-12deg);
}
.hero-photo::before{
  content:"";position:absolute;
  width:60%;height:60%;
  bottom:-15%;right:-15%;
  background:radial-gradient(circle, var(--red-bright) 0%, var(--red) 30%, transparent 70%);
  filter:blur(40px);opacity:.55;
  z-index:1;mix-blend-mode:screen;pointer-events:none;
  animation:flare 4s ease-in-out infinite alternate;
}
@keyframes flare{from{opacity:.4;transform:scale(.95)}to{opacity:.65;transform:scale(1.05)}}
.hero-photo .frame-tag{
  position:absolute;top:14px;left:14px;
  background:var(--red);color:#fff;
  font-family:'Oswald',sans-serif;font-weight:700;font-size:13px;
  letter-spacing:.12em;text-transform:uppercase;
  padding:6px 12px;z-index:2;border:1px solid #000;
}
.hero-photo .frame-cap{
  position:absolute;bottom:14px;right:14px;
  background:var(--text);color:#fff;
  font-family:'Barlow Condensed',sans-serif;font-weight:500;font-size:12px;letter-spacing:.18em;text-transform:uppercase;
  padding:6px 12px;z-index:2;
}
.hero-photo .ph-info{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  text-align:center;color:#666;z-index:2;
}
.hero-photo .ph-info b{display:block;font-family:'Oswald',sans-serif;font-weight:600;font-size:18px;letter-spacing:.3em;color:#888;margin-bottom:6px;text-transform:uppercase}
.hero-photo .ph-info span{font-family:'Barlow Condensed',sans-serif;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#555}
.hero-photo .sticker{
  position:absolute;left:-14px;bottom:60px;z-index:3;
  background:#fff;color:#000;
  font-family:'Oswald',sans-serif;font-weight:700;
  font-size:11px;letter-spacing:.1em;
  padding:8px 14px;text-transform:uppercase;
  border:2px solid #000;
  transform:rotate(-7deg);
  box-shadow:3px 3px 0 var(--red);
  line-height:1.2;
}

/* ============ USP STRIP (BLACK) ============ */
.usp{background:var(--black);color:#fff;border-bottom:1px solid var(--black)}
.usp-grid{
  max-width:var(--max);margin:0 auto;padding:0 var(--pad);
  display:grid;grid-template-columns:repeat(4,1fr);
}
.usp-item{
  padding:38px 28px;border-right:1px solid #1f1f1f;
  display:flex;align-items:flex-start;gap:18px;
  transition:background .3s ease;
}
.usp-item:last-child{border-right:none}
.usp-item:hover{background:#0e0e0e}
.usp-item .num{
  font-family:'Oswald',sans-serif;font-weight:700;font-size:30px;
  color:var(--red-bright);letter-spacing:.04em;flex-shrink:0;line-height:1;
}
.usp-item h4{font-family:'Oswald',sans-serif;font-weight:600;font-size:22px;letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px;line-height:1;color:#fff}
.usp-item p{font-family:'Barlow',sans-serif;font-size:13.5px;color:#aaa;line-height:1.55}

/* ============ BRENDOVI BENTO (white bg, dark cards) ============ */
.brands-intro{
  display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end;
  margin-bottom:28px;
}
.brands-intro p{max-width:60ch;color:var(--text-mid);font-size:15.5px;line-height:1.6}
.brands-intro .pill{
  display:inline-flex;align-items:center;gap:10px;
  border:1px solid var(--black);padding:9px 14px;
  font-family:'Oswald',sans-serif;font-weight:600;font-size:12px;letter-spacing:.2em;text-transform:uppercase;
}
.brands-intro .pill .live::before{margin-right:4px}
/* ============ NASI BRENDOVI (bento grid) ============ */
/* Naši brendovi: 3x2 grid, sve kartice kvadratne (aspect-ratio nosi visinu, bez fiksnih redova) */
.brands-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.brand-card{
  position:relative;overflow:hidden;text-decoration:none;
  background:var(--black);border:1px solid var(--black);
  display:flex;flex-direction:column;justify-content:flex-end;
  padding:24px;isolation:isolate;
  transition:transform .4s cubic-bezier(.2,.7,.2,1);
}
.brand-card .card-ph{position:absolute;inset:0;z-index:-2;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(180deg,#1c1c1c 0%,#070707 100%);overflow:hidden}
.brand-card .card-ph img{width:100%;height:100%;object-fit:cover;object-position:center 22%;
  filter:grayscale(.25) contrast(1.04) brightness(.92);transition:transform 1s cubic-bezier(.2,.7,.2,1),filter .4s}
.brand-card .card-ph .pwm{
  font-family:'Oswald',sans-serif;font-weight:800;font-size:84px;color:rgba(255,255,255,.08);
  letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;transform:rotate(-8deg);line-height:.86;text-align:center;
}
.brand-card .veil{position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(0,0,0,.05) 0%,rgba(0,0,0,.35) 50%,rgba(0,0,0,.92) 100%);transition:background .4s}
/* Uokvireni izgled - tanki inset frame, crven na hover */
.brand-card::after{
  content:"";position:absolute;inset:12px;z-index:1;pointer-events:none;
  border:1px solid rgba(255,255,255,.16);
  transition:border-color .35s, inset .35s ease;
}
.brand-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,0,0,.28)}
.brand-card:hover::after{border-color:var(--red-bright);inset:10px}
.brand-card:hover .card-ph img{transform:scale(1.06);filter:grayscale(0) contrast(1.05) brightness(.95)}
.brand-card:hover .veil{background:linear-gradient(180deg,rgba(200,16,46,.12) 0%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.94) 100%)}

/* index marker (top-left) */
.brand-card .bc-index{
  position:absolute;top:18px;left:20px;z-index:2;
  font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.1em;
  color:rgba(255,255,255,.7);
}
.brand-card .bc-index::before{content:"";position:absolute;left:-2px;bottom:-6px;width:22px;height:2px;background:var(--red-bright)}

/* flagship badge (top-right) */
.brand-card .bc-flag{
  position:absolute;top:16px;right:18px;z-index:2;
  font-family:'Oswald',sans-serif;font-weight:600;font-size:10px;letter-spacing:.2em;text-transform:uppercase;
  color:#fff;background:var(--red);padding:5px 11px;
}

/* body (bottom) */
.brand-card .bc-body{position:relative;z-index:2}
.brand-card .bc-body h3{
  font-family:'Oswald',sans-serif;font-weight:700;font-size:clamp(26px,2.4vw,38px);
  line-height:.96;color:#fff;text-transform:uppercase;letter-spacing:.01em;margin:0 0 12px;
}
.brand-card .bc-cta{
  display:inline-flex;align-items:center;gap:10px;
  font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:12px;
  letter-spacing:.2em;text-transform:uppercase;color:#cfcfcf;transition:color .25s;
}
.brand-card .bc-cta .bc-arrow{
  width:30px;height:30px;border:1px solid rgba(255,255,255,.4);display:grid;place-items:center;
  font-size:13px;color:#fff;transition:all .25s;
}
.brand-card:hover .bc-cta{color:#fff}
.brand-card:hover .bc-cta .bc-arrow{background:var(--red);border-color:var(--red);color:#fff}

/* bento velicine */
.brand-card.feat{grid-column:span 6;grid-row:span 2}
.brand-card.feat .bc-body h3{font-size:clamp(40px,4.6vw,68px)}
.brand-card.feat .card-ph .pwm{font-size:150px}
.brand-card.wide{grid-column:span 6;grid-row:span 1}
.brand-card.wide .bc-body h3{font-size:clamp(30px,3vw,44px)}
.brand-card.quad{aspect-ratio:1;padding:20px}
.brand-card.quad .bc-body h3{font-size:clamp(22px,1.8vw,28px);margin-bottom:10px}
.brand-card.quad .card-ph .pwm{font-size:54px}
.brand-card.quad .bc-cta{font-size:11px}

/* ============ NAŠA PRIČA (cultural section, BLACK) ============ */
.kultura{background:var(--black);color:#fff;position:relative;overflow:hidden;border-top:1px solid var(--black);border-bottom:1px solid var(--black)}

/* ---- KULTURA background elementi ---- */
.kultura-bg{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.kultura-bg .kbg-flare{
  position:absolute;top:-12%;left:-8%;width:55%;height:60%;
  background:radial-gradient(circle, var(--red) 0%, rgba(200,16,46,.35) 35%, transparent 70%);
  filter:blur(70px);opacity:.28;mix-blend-mode:screen;
}
.kultura-bg .kbg-word{
  position:absolute;top:4%;right:-2%;
  font-family:'Oswald',sans-serif;font-weight:800;font-size:clamp(120px,20vw,300px);
  line-height:.8;letter-spacing:.02em;text-transform:uppercase;
  color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.045);
  user-select:none;white-space:nowrap;
}
.kultura-bg .kbg-num{
  position:absolute;bottom:-6%;left:-1%;
  font-family:'Oswald',sans-serif;font-weight:800;font-size:clamp(220px,32vw,520px);
  line-height:.7;color:rgba(255,255,255,.025);user-select:none;
}
.kultura-bg .kbg-grid-lines{
  position:absolute;inset:0;
  background:repeating-linear-gradient(135deg, rgba(255,255,255,.018) 0 1px, transparent 1px 26px);
}
.kultura-bg .kbg-marquee{
  position:absolute;top:42%;left:0;right:0;overflow:hidden;white-space:nowrap;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);
}
.kultura-bg .kbg-marquee span{
  display:inline-block;font-family:'Oswald',sans-serif;font-weight:700;
  font-size:clamp(40px,6vw,86px);letter-spacing:.04em;text-transform:uppercase;
  color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.05);
  animation:kbgMarquee 38s linear infinite;
}
@keyframes kbgMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.kultura-inner{max-width:var(--max);margin:0 auto;padding:clamp(70px,10vw,130px) var(--pad);position:relative;z-index:2}
.kultura-head{
  display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end;
  margin-bottom:60px;padding-bottom:20px;border-bottom:2px solid #fff;
}
.kultura-head h2{font-family:'Oswald',sans-serif;font-weight:700;font-size:clamp(44px,7vw,92px);line-height:1;color:#fff;text-transform:uppercase}
.kultura-head h2 .red{color:var(--red-bright)}
.kultura-head .num{font-family:'Barlow Condensed',sans-serif;font-weight:500;font-size:13px;color:#888;letter-spacing:.22em;padding-bottom:14px;text-transform:uppercase}

.kultura-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:stretch}

.pillars{display:grid;gap:1px;background:#1f1f1f}
.pillar{
  background:var(--black);
  padding:34px 28px;
  display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:start;
  transition:background .25s;
}
.pillar:hover{background:#0e0e0e}
.pillar .pill-num{
  font-family:'Oswald',sans-serif;font-weight:700;
  font-size:60px;line-height:.85;color:var(--red-bright);
}
.pillar .pill-body h4{
  font-family:'Oswald',sans-serif;font-weight:600;font-size:30px;line-height:.95;color:#fff;margin-bottom:10px;letter-spacing:.02em;text-transform:uppercase;
}
.pillar .pill-body p{font-family:'Barlow',sans-serif;color:#bbb;font-size:14.5px;line-height:1.65;max-width:46ch}

/* Patches wall - slika sa patchevima preko, visina = pillars */
.patches{
  position:relative;
  min-height:520px;height:100%;overflow:hidden;
  background:#0a0a0a;
  border:1px solid #1f1f1f;
  padding:30px;
}
.patches-bg{
  position:absolute;inset:0;z-index:0;width:100%;height:100%;
  object-fit:cover;object-position:center 25%;
  filter:grayscale(.35) contrast(1.05) brightness(.85);
}
.patches-veil{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    repeating-linear-gradient(45deg, rgba(255,255,255,.025) 0 2px, transparent 2px 10px),
    linear-gradient(180deg, rgba(10,10,10,.55) 0%, rgba(10,10,10,.45) 45%, rgba(10,10,10,.82) 100%);
}
.patches::before{
  content:"WALL / 04";
  position:absolute;top:10px;right:14px;z-index:3;
  font-family:'Barlow Condensed',sans-serif;font-weight:500;font-size:11px;color:#bbb;letter-spacing:.24em;text-transform:uppercase;
}
.patches > .patch{z-index:2}
.patch{
  position:absolute;
  font-family:'Oswald',sans-serif;font-weight:700;
  text-transform:uppercase;letter-spacing:.06em;text-align:center;line-height:1.05;
  border:2px solid #000;
  box-shadow:3px 3px 0 rgba(0,0,0,.6);
  user-select:none;
  transition:transform .3s ease;
}
.patch:hover{transform:rotate(0deg) scale(1.05) !important;z-index:5}
.patch.red{background:var(--red);color:#fff;border-color:#000;box-shadow:3px 3px 0 #000}
.patch.white{background:#fff;color:#000;border-color:#000;box-shadow:3px 3px 0 var(--red)}
.patch.black{background:#000;color:#fff;border-color:#fff;box-shadow:3px 3px 0 var(--red)}

.patch.p1{top:8%;left:6%;padding:14px 18px;font-size:13px;transform:rotate(-8deg)}
.patch.p1 b{display:block;font-size:22px;letter-spacing:.06em;margin-top:2px}
.patch.p2{top:14%;right:8%;padding:18px 22px;font-size:14px;transform:rotate(7deg);max-width:170px}
.patch.p3{top:42%;left:14%;padding:12px 16px;font-size:12px;transform:rotate(4deg)}
.patch.p4{top:38%;right:14%;padding:16px 20px;font-size:14px;transform:rotate(-6deg);border-radius:50%;width:120px;height:120px;display:grid;place-items:center}
.patch.p4 b{display:block;font-size:24px;letter-spacing:.04em}
.patch.p5{bottom:14%;left:8%;padding:14px 20px;font-size:13px;transform:rotate(-3deg)}
.patch.p6{bottom:8%;right:10%;padding:16px 22px;font-size:14px;transform:rotate(6deg)}
.patch.p6 b{display:block;font-size:20px;margin-top:2px}
.patch.p7{top:55%;left:42%;padding:10px 14px;font-size:11px;transform:rotate(-12deg)}

/* ============ SPLIT EDITORIAL ============ */
.split{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.split-grid{max-width:calc(var(--max) - var(--pad) * 2);margin:0 auto;display:grid;grid-template-columns:1fr 1fr}
.split-img{
  position:relative;min-height:580px;
  display:flex;align-items:center;justify-content:center;
  background:
    repeating-linear-gradient(135deg, rgba(0,0,0,.04) 0 10px, transparent 10px 20px),
    var(--surface-2);
}
.split.dark .split-img{
  background:
    repeating-linear-gradient(135deg, rgba(255,255,255,.04) 0 10px, transparent 10px 20px),
    #1a1a1a;
}
.split-img .ph-watermark{
  font-family:'Oswald',sans-serif;font-weight:700;font-size:90px;
  color:rgba(0,0,0,.06);letter-spacing:.04em;text-transform:uppercase;
  white-space:nowrap;transform:rotate(-12deg);text-align:center;line-height:.9;
}
.split.dark .split-img .ph-watermark{color:rgba(255,255,255,.05)}
.split-img .ph-tag{
  position:absolute;top:14px;left:14px;
  border:1px dashed var(--line-2);color:var(--text-dim);
  font-family:'Barlow Condensed',sans-serif;font-weight:500;font-size:11px;
  letter-spacing:.22em;text-transform:uppercase;padding:4px 10px;
}
.split.dark .split-img .ph-tag{border-color:#333;color:#666}
/* Real product photo u split-img frame */
.split-img.has-photo{padding:0;overflow:hidden;background:#0a0a0a}
.split-img.has-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.split-img.has-photo .ph-tag{
  position:absolute;top:14px;left:14px;z-index:2;
  border:1px solid rgba(255,255,255,.6);color:#fff;background:rgba(0,0,0,.45);
  backdrop-filter:blur(4px);border-style:solid;
}
.split.dark .split-img.has-photo .ph-tag{border-color:rgba(255,255,255,.5);color:#fff}
.split-content{
  padding:clamp(50px,7vw,90px) var(--pad);
  display:flex;flex-direction:column;justify-content:center;gap:24px;
  position:relative;
}
.split-content .number{
  font-family:'Oswald',sans-serif;font-weight:700;font-size:clamp(110px,16vw,180px);
  color:transparent;-webkit-text-stroke:1.5px var(--line-2);
  position:absolute;top:24px;right:var(--pad);line-height:.8;pointer-events:none;letter-spacing:.005em;
}
.split-content h2{font-family:'Oswald',sans-serif;font-weight:700;font-size:clamp(40px,5vw,68px);line-height:1;text-transform:uppercase}
.split-content h2 .red{color:var(--red)}
.split-content p{color:var(--text-mid);max-width:46ch;font-size:15.5px;line-height:1.7}
.split-content .signature{font-family:'Barlow Condensed',sans-serif;font-weight:500;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--text-dim);margin-top:8px}

.split.dark{background:var(--black);color:#fff;border-top:1px solid var(--black);border-bottom:1px solid var(--black)}
.split.dark .split-content h2 .red{color:var(--red-bright)}
.split.dark .split-content p{color:#bbb}
.split.dark .split-content .signature{color:#888}
.split.dark .split-content .number{-webkit-text-stroke:1.5px #2a2a2a}
.split.dark .eyebrow{color:#888}

/* ============ NEWSLETTER (RED) ============ */
.newsletter{background:var(--red);color:#fff;position:relative;overflow:hidden;border-top:1px solid #000;border-bottom:1px solid #000}
.newsletter::before{
  content:"VIBE / DROP / VIBE / DROP / VIBE / DROP / VIBE / DROP";
  position:absolute;top:-30px;left:0;right:0;
  font-family:'Oswald',sans-serif;font-weight:700;font-size:160px;line-height:1;
  white-space:nowrap;letter-spacing:.02em;text-transform:uppercase;
  -webkit-text-stroke:2px rgba(0,0,0,.18);color:transparent;
  pointer-events:none;opacity:.7;
}
.newsletter-inner{
  max-width:var(--max);margin:0 auto;
  padding:clamp(60px,8vw,110px) var(--pad);
  display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;
  position:relative;z-index:1;
}
.newsletter h2{font-family:'Oswald',sans-serif;font-weight:700;font-size:clamp(48px,6vw,86px);line-height:1;color:#fff;text-transform:uppercase}
.newsletter h2 .stroke{-webkit-text-stroke:2px #fff;color:transparent}
.newsletter p{color:rgba(255,255,255,.92);max-width:42ch;margin-top:18px;font-size:15.5px}
.subscribe{display:flex;background:#000;border:1px solid rgba(0,0,0,.3)}
.subscribe input{
  flex:1;background:transparent;border:none;outline:none;
  padding:22px 24px;color:#fff;font-family:'Barlow',sans-serif;font-size:15px;
}
.subscribe input::placeholder{color:#666;font-family:'Barlow Condensed',sans-serif;letter-spacing:.18em;font-size:13px;text-transform:uppercase;font-weight:500}
.subscribe button{
  padding:22px 30px;background:#fff;color:#000;
  font-family:'Oswald',sans-serif;font-weight:600;font-size:13px;letter-spacing:.2em;text-transform:uppercase;
  display:flex;align-items:center;gap:10px;
  transition:background .2s, color .2s;
}
.subscribe button:hover{background:#000;color:#fff;outline:1px solid #fff}
.newsletter .legal{font-family:'Barlow Condensed',sans-serif;font-weight:500;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.65);margin-top:14px}

/* ============ TRUST / BENEFITS BAR ============ */
.trust-bar{background:var(--black);color:#fff}
.trust-inner{max-width:var(--max);margin:0 auto;padding:24px var(--pad);display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.trust-item{display:flex;align-items:center;gap:14px;padding:4px 26px;border-left:1px solid rgba(255,255,255,.12)}
.trust-item:first-child{border-left:none;padding-left:0}
.trust-item svg{width:30px;height:30px;color:var(--red-bright);flex-shrink:0}
.trust-item b{display:block;font-family:'Oswald',sans-serif;font-weight:600;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:#fff}
.trust-item span{font-family:'Barlow Condensed',sans-serif;font-weight:500;font-size:12.5px;letter-spacing:.04em;color:#999}

/* ============ KUPUJ PO KATEGORIJI ============ */
.kat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.sec-cta{display:flex;justify-content:center;margin-top:clamp(30px,4vw,46px)}
.kat-card{position:relative;aspect-ratio:4/5;overflow:hidden;border:1px solid var(--black);
  display:flex;flex-direction:column;justify-content:flex-end;padding:24px;text-decoration:none;isolation:isolate;
  transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.kat-card:hover{transform:translateY(-3px)}
.kat-img{position:absolute;inset:0;z-index:-2;background:#111}
.kat-img img{width:100%;height:100%;object-fit:cover;object-position:center 22%;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.kat-card:hover .kat-img img{transform:scale(1.07)}
.kat-veil{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.1) 0%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.9) 100%);transition:background .4s}
.kat-card:hover .kat-veil{background:linear-gradient(180deg,rgba(200,16,46,.12) 0%,rgba(0,0,0,.45) 50%,rgba(0,0,0,.94) 100%)}
.kat-body h3{font-family:'Oswald',sans-serif;font-weight:700;font-size:clamp(26px,2.4vw,34px);line-height:1;color:#fff;text-transform:uppercase;letter-spacing:.01em;margin:0 0 10px}
.kat-cta{display:inline-flex;align-items:center;gap:10px;font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#cfcfcf;transition:color .25s}
.kat-cta .kat-arrow{width:28px;height:28px;border:1px solid rgba(255,255,255,.4);display:grid;place-items:center;color:#fff;transition:all .25s}
.kat-card:hover .kat-cta{color:#fff}
.kat-card:hover .kat-cta .kat-arrow{background:var(--red);border-color:var(--red)}

/* ============ SECTION SOFT (full-bleed svijetla pozadina) ============ */
.section.section-soft{background:var(--surface-2);max-width:none;padding-left:0;padding-right:0;margin:0}
.section.section-soft > *{max-width:var(--max);margin-left:auto;margin-right:auto;padding-left:var(--pad);padding-right:var(--pad)}

/* ============ LOOKBOOK / #UTVOMSTILU ============ */
.lookbook{background:var(--black);color:#fff;padding:clamp(70px,10vw,130px) var(--pad);border-top:1px solid var(--black)}
.lookbook-head{max-width:calc(var(--max) - var(--pad) * 2);margin:0 auto 40px;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:end}
.lookbook-head .eyebrow{color:#888}
.lookbook-head h2{font-family:'Oswald',sans-serif;font-weight:700;font-size:clamp(44px,7vw,92px);line-height:1;text-transform:uppercase;color:#fff;margin-top:14px}
.lookbook-head h2 .red{color:var(--red-bright)}
.lookbook-head p{color:#aaa;font-size:15px;line-height:1.7;max-width:46ch;align-self:center}
.lookbook-head p b{color:#fff}
.lookbook-grid{max-width:calc(var(--max) - var(--pad) * 2);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.lb-cell{position:relative;aspect-ratio:1;overflow:hidden;display:block;background:#111}
.lb-cell img{width:100%;height:100%;object-fit:cover;filter:grayscale(.25) contrast(1.03);transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .4s}
.lb-cell:hover img{transform:scale(1.08);filter:grayscale(0)}
.lb-cell::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.7));opacity:0;transition:opacity .3s}
.lb-cell:hover::after{opacity:1}
.lb-tag{position:absolute;bottom:10px;left:12px;z-index:2;font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#fff;opacity:0;transform:translateY(6px);transition:all .3s}
.lb-cell:hover .lb-tag{opacity:1;transform:translateY(0)}

/* ============ SECTION DEKORACIJA (watermark u pozadini) ============ */
.sec-deco{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.sec-deco-word{
  position:absolute;top:-5%;right:-1.5%;
  font-family:'Oswald',sans-serif;font-weight:800;
  font-size:clamp(110px,17vw,250px);line-height:.78;letter-spacing:.01em;
  text-transform:uppercase;white-space:nowrap;user-select:none;
  color:transparent;-webkit-text-stroke:1.5px rgba(0,0,0,.045);
}
.section-soft .sec-deco-word{-webkit-text-stroke-color:rgba(0,0,0,.06)}
.section.section-soft > .sec-deco{max-width:none;margin:0;padding:0}

/* Rich section - bogata svijetla pozadina (umjesto plain white) */
.section.section-rich{
  max-width:none;margin:0;padding-left:0;padding-right:0;
  background:linear-gradient(180deg,#f6f6f5 0%,#ececeb 100%);
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
}
.section.section-rich > *{max-width:var(--max);margin-left:auto;margin-right:auto;padding-left:var(--pad);padding-right:var(--pad)}
.section.section-rich > .sec-deco{max-width:none;margin:0;padding:0}
.section-rich .sec-deco-word{-webkit-text-stroke-color:rgba(0,0,0,.06)}
.section-rich .rich-grain{
  position:absolute;inset:0;
  background:
    repeating-linear-gradient(135deg, rgba(0,0,0,.022) 0 1px, transparent 1px 26px),
    repeating-linear-gradient(45deg, rgba(0,0,0,.015) 0 1px, transparent 1px 40px);
}
.section-rich .rich-flare{
  position:absolute;top:-10%;right:-6%;width:46%;height:60%;
  background:radial-gradient(circle, var(--red) 0%, rgba(200,16,46,.3) 35%, transparent 70%);
  filter:blur(80px);opacity:.10;mix-blend-mode:multiply;
}
/* sadrzaj iznad watermarka */
.section > .section-head,
.section > .brands-intro,
.section > .brands-grid,
.section > .kat-grid,
.section > .drop-carousel,
.section > .products-grid,
.section > p{position:relative;z-index:1}

/* Lookbook (dark) - flare + watermark kao kultura */
.lookbook{position:relative;overflow:hidden}
.lookbook .lb-flare{
  position:absolute;bottom:-15%;right:-8%;width:55%;height:60%;z-index:0;pointer-events:none;
  background:radial-gradient(circle, var(--red) 0%, rgba(200,16,46,.3) 38%, transparent 70%);
  filter:blur(80px);opacity:.22;mix-blend-mode:screen;
}
.lookbook .lb-deco-word{
  position:absolute;top:2%;left:-1%;z-index:0;pointer-events:none;
  font-family:'Oswald',sans-serif;font-weight:800;font-size:clamp(140px,22vw,320px);line-height:.78;
  text-transform:uppercase;white-space:nowrap;user-select:none;
  color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.04);
}
.lookbook-head,.lookbook-grid{position:relative;z-index:1}

/* ============ RESPONSIVE - HOMEPAGE SECTIONS ============ */
@media (max-width: 1024px){
  .brands-grid{grid-template-columns:repeat(2,1fr)}
  .brands-intro{grid-template-columns:1fr;gap:14px}
  .kultura-grid{grid-template-columns:1fr;gap:40px}
  .kultura-head{grid-template-columns:1fr;gap:14px}
  .kultura-head .num{padding-bottom:0}
  .patches{min-height:420px}
  .split-grid{grid-template-columns:1fr}
  .split-img{min-height:380px}
  .newsletter-inner{grid-template-columns:1fr;gap:30px}
  .trust-inner{grid-template-columns:repeat(2,1fr);gap:18px 0}
  .trust-item{padding:10px 20px}
  .trust-item:nth-child(odd){border-left:none;padding-left:0}
  .kat-grid{grid-template-columns:repeat(2,1fr)}
  .lookbook-head{grid-template-columns:1fr;gap:14px}
  .lookbook-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width: 640px){
  /* grid-auto-rows uklonjen - kartice su kvadratne (aspect-ratio:1); fiksni red (300px) je
     preklapao kartice (335px visina > 300px red). Sad red raste po visini kartice. */
  .brands-grid{grid-template-columns:1fr}
  .brand-card.feat,.brand-card.wide,.brand-card.quad{grid-column:span 1;grid-row:span 1}
  .brand-card.feat .bc-body h3{font-size:clamp(34px,8vw,48px)}
  .pillar{grid-template-columns:1fr;gap:14px}
  .pillar .pill-num{font-size:48px}
  .patches{min-height:520px}
  .patch{box-shadow:2px 2px 0 #000 !important}
  .subscribe{flex-direction:column}
  .subscribe button{justify-content:center}
  /* Hero (video) - skrati est liniju da ne prelazi */
  .hero-est-line{font-size:8px;letter-spacing:.18em;padding:0 14px}
  .split-img{min-height:300px}
  .trust-inner{grid-template-columns:1fr;gap:0}
  .trust-item{border-left:none;padding:12px 0;border-top:1px solid rgba(255,255,255,.1)}
  .trust-item:first-child{border-top:none}
  .kat-grid{grid-template-columns:1fr 1fr;gap:10px}
  .kat-card{padding:16px}
  .lookbook-grid{grid-template-columns:repeat(2,1fr)}
}

/* ============================================================
   CART & CHECKOUT - korpa, checkout-odabir, checkout, hvala
   ============================================================ */

/* ---- FLASH ---- */
.sw-flash{
  max-width:var(--max);margin:18px auto 0;padding:14px var(--pad);
  font-family:'Barlow Condensed',sans-serif;font-weight:500;
  letter-spacing:.1em;text-transform:uppercase;font-size:14px;
}
.sw-flash-error{background:#fdeaec;color:var(--red-deep);border-left:3px solid var(--red)}
.sw-flash-ok{background:#0a0a0a;color:#fff;border-left:3px solid var(--red)}

/* ---- PAGE HEADER (shared) ---- */
.cart-head{border-bottom:1px solid var(--line);padding:0 var(--pad)}
.cart-head-inner{max-width:calc(var(--max) - var(--pad) * 2);margin:0 auto;padding:clamp(40px,7vw,80px) 0 clamp(28px,4vw,44px)}
.cart-head .eyebrow{display:flex;align-items:center;gap:4px}
.cart-head .eyebrow a:hover{color:var(--red)}
.cart-title{
  font-family:'Oswald',sans-serif;font-weight:700;
  font-size:clamp(44px,7vw,86px);line-height:1;text-transform:uppercase;
  margin-top:14px;
}
.cart-title .red{color:var(--red)}

.cart-wrap{max-width:var(--max);margin:0 auto;padding:clamp(36px,5vw,64px) var(--pad) clamp(70px,9vw,120px)}

/* ---- EMPTY STATE ---- */
.cart-empty{text-align:center;padding:clamp(50px,9vw,110px) 20px}
.cart-empty-mark{
  width:70px;height:70px;margin:0 auto 26px;
  display:flex;align-items:center;justify-content:center;
  background:var(--red);color:#fff;
  font-family:'Oswald',sans-serif;font-size:30px;font-weight:700;
}
.cart-empty h3{font-size:clamp(28px,4vw,42px);font-weight:700;margin-bottom:12px}
.cart-empty p{color:var(--text-dim);max-width:420px;margin:0 auto 28px;line-height:1.6}

/* ---- CART LAYOUT ---- */
.cart-layout{display:grid;grid-template-columns:1fr 360px;gap:clamp(28px,4vw,56px);align-items:start}

.cart-items-head{
  display:grid;grid-template-columns:1fr 130px 120px 44px;gap:16px;
  padding-bottom:14px;border-bottom:2px solid var(--black);
  font-size:12px;color:var(--text-dim);
}
.cart-items-head span:nth-child(2){text-align:center}
.cart-items-head span:nth-child(3){text-align:right}

.cart-row{
  display:grid;grid-template-columns:1fr 130px 120px 44px;gap:16px;
  padding:22px 0;border-bottom:1px solid var(--line);align-items:center;
}
.cart-cell-prod{display:flex;gap:18px;align-items:flex-start}
.cart-thumb{
  width:96px;height:120px;flex-shrink:0;
  background:var(--surface-2) center/cover no-repeat;
  border:1px solid var(--line);
}
.cart-prod-info{display:flex;flex-direction:column;gap:8px;min-width:0}
.cart-prod-name{
  font-family:'Oswald',sans-serif;font-weight:600;font-size:18px;
  text-transform:uppercase;line-height:1.05;
}
.cart-prod-name:hover{color:var(--red)}
.cart-prod-attrs{display:flex;flex-wrap:wrap;gap:6px}
.cart-chip{
  display:inline-block;
  font-family:'Barlow Condensed',sans-serif;font-weight:500;
  font-size:11px;letter-spacing:.1em;text-transform:uppercase;
  background:var(--surface-2);border:1px solid var(--line-2);
  color:var(--text-mid);padding:3px 8px;
}
.cart-prod-price{font-size:12px;color:var(--text-dim);margin-top:2px}

.cart-qty{
  display:inline-flex;align-items:center;
  border:1px solid var(--black);justify-self:center;
}
.cart-qty button{
  width:36px;height:38px;font-size:18px;line-height:1;
  display:flex;align-items:center;justify-content:center;
  color:var(--text);transition:background .2s,color .2s;
}
.cart-qty button:hover{background:var(--red);color:#fff}
.cart-qty-val{
  width:42px;height:38px;display:flex;align-items:center;justify-content:center;
  font-family:'Oswald',sans-serif;font-weight:600;font-size:15px;
  border-left:1px solid var(--line);border-right:1px solid var(--line);
}

.cart-cell-total{
  text-align:right;
  font-family:'Oswald',sans-serif;font-weight:700;font-size:17px;
}
.cart-cell-rm{display:flex;justify-content:flex-end}
.cart-remove{
  width:34px;height:34px;
  display:flex;align-items:center;justify-content:center;
  border:1px solid var(--line-2);color:var(--text-dim);font-size:13px;
  transition:all .2s;
}
.cart-remove:hover{background:var(--red);border-color:var(--red);color:#fff}

.cart-continue{
  display:inline-block;margin-top:24px;font-size:12px;color:var(--text-dim);
}
.cart-continue:hover{color:var(--red)}

/* ---- SUMMARY (shared cart + checkout) ---- */
.cart-summary{
  background:var(--black);color:var(--text-on-dark);
  padding:clamp(26px,3vw,34px);position:sticky;top:24px;
}
.cart-summary-title{
  font-family:'Oswald',sans-serif;font-weight:700;font-size:20px;
  text-transform:uppercase;margin-bottom:22px;
}
.cart-summary-title .red{color:var(--red-bright)}
.cart-sum-row{
  display:flex;justify-content:space-between;align-items:baseline;
  padding:11px 0;border-bottom:1px solid #242424;font-size:15px;
}
.cart-sum-row .mono{font-size:12px;color:#9a9a98}
.cart-sum-muted{color:#9a9a98;font-size:12px;font-family:'Barlow Condensed',sans-serif;letter-spacing:.08em;text-transform:uppercase}
.cart-sum-total{
  border-bottom:none;padding-top:18px;margin-top:6px;
  border-top:2px solid var(--red);
}
.cart-sum-total span:first-child{
  font-family:'Oswald',sans-serif;font-weight:700;font-size:18px;text-transform:uppercase;
}
.cart-sum-total span:last-child{
  font-family:'Oswald',sans-serif;font-weight:700;font-size:24px;color:var(--red-bright);
}
.cart-checkout-btn{width:100%;justify-content:center;margin-top:22px}
.cart-note{
  text-align:center;margin-top:14px;font-size:11px;color:#7a7a78;
}

/* ============ CHECKOUT - ODABIR ============ */
.co-odabir-sub{margin-top:14px;font-size:13px;color:var(--text-dim)}
.co-odabir-sub strong{color:var(--red)}
.co-odabir{max-width:var(--max);margin:0 auto;padding:clamp(36px,5vw,64px) var(--pad) clamp(70px,9vw,120px)}
.co-odabir-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--black)}
.co-card{
  padding:clamp(28px,3vw,42px);display:flex;flex-direction:column;
  border-right:1px solid var(--line);
}
.co-card:last-child{border-right:none}
.co-card-primary{background:var(--black);color:var(--text-on-dark)}
.co-card-num{
  font-size:13px;color:var(--text-dim);margin-bottom:auto;
  padding-bottom:30px;
}
.co-card-primary .co-card-num{color:#7a7a78}
.co-card-title{
  font-family:'Oswald',sans-serif;font-weight:700;font-size:24px;
  text-transform:uppercase;margin-bottom:12px;
}
.co-card-text{font-size:14px;line-height:1.6;color:var(--text-dim);margin-bottom:26px}
.co-card-primary .co-card-text{color:#b5b5b3}
.co-card-btn{width:100%;justify-content:center}
.co-odabir-back{
  display:block;text-align:center;margin-top:32px;
  font-size:12px;color:var(--text-dim);
}
.co-odabir-back:hover{color:var(--red)}

/* ============ CHECKOUT - FORM ============ */
.co-form{display:grid;grid-template-columns:1fr 380px;gap:clamp(28px,4vw,56px);align-items:start}
.co-block{
  border:1px solid var(--line);padding:clamp(22px,3vw,32px);margin-bottom:20px;
}
.co-block:last-child{margin-bottom:0}
.co-block-title{
  font-family:'Oswald',sans-serif;font-weight:700;font-size:20px;
  text-transform:uppercase;margin-bottom:22px;
}
.co-block-title .red{color:var(--red)}

.co-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.co-field{margin-bottom:16px;display:flex;flex-direction:column}
.co-grid-2 .co-field{margin-bottom:0}
.co-field label{
  font-family:'Barlow Condensed',sans-serif;font-weight:500;
  font-size:12px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--text-mid);margin-bottom:7px;
}
.co-field input,
.co-field textarea,
.co-select{
  width:100%;padding:13px 14px;
  background:var(--surface);border:1px solid var(--line-2);
  font-family:'Barlow',sans-serif;font-size:15px;color:var(--text);
  transition:border-color .2s;
}
.co-field input:focus,
.co-field textarea:focus,
.co-select:focus{outline:none;border-color:var(--red)}
.co-field textarea{resize:vertical;min-height:80px}
.co-field input.is-err,
.co-select.is-err{border-color:var(--red)}
.co-select{appearance:none;cursor:pointer;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23c8102e' stroke-width='2.5'><polyline points='6 9 12 15 18 9'/></svg>");
  background-repeat:no-repeat;background-position:right 14px center;padding-right:40px;
}
.co-err{
  display:block;margin-top:6px;
  font-family:'Barlow Condensed',sans-serif;font-weight:500;
  font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--red-deep);
}

.co-single-country{
  display:flex;align-items:center;gap:14px;
  padding:13px 14px;background:var(--surface-2);border:1px solid var(--line-2);
}
.co-single-country-name{font-weight:600;font-size:15px}
.co-single-country-lock{margin-left:auto;font-size:11px;color:var(--text-dim)}

/* ---- SHIP / PAYMENT OPTIONS ---- */
.co-ship-option{
  display:flex;align-items:center;gap:14px;
  padding:16px 18px;border:1px solid var(--line-2);
  margin-bottom:10px;cursor:pointer;transition:border-color .2s,background .2s;
}
.co-ship-option:last-child{margin-bottom:0}
.co-ship-option:hover{border-color:var(--black)}
.co-ship-option.is-selected{border-color:var(--red);background:#fdeaec}
.co-ship-option.is-static{cursor:default}
.co-ship-option.is-static:hover{border-color:var(--line-2)}
.co-ship-option.is-static.is-selected{border-color:var(--line-2);background:transparent}
.co-ship-option input{position:absolute;opacity:0;width:0;height:0}
.co-ship-mark{
  width:20px;height:20px;border:2px solid var(--line-2);border-radius:50%;
  flex-shrink:0;position:relative;transition:border-color .2s;
}
.co-ship-option input:checked + .co-ship-mark{border-color:var(--red)}
.co-ship-option input:checked + .co-ship-mark::after{
  content:"";position:absolute;inset:3px;border-radius:50%;background:var(--red);
}
.co-ship-body{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
.co-ship-name{
  font-family:'Oswald',sans-serif;font-weight:600;font-size:15px;text-transform:uppercase;
}
.co-ship-desc{font-size:13px;color:var(--text-dim);line-height:1.4}
.co-ship-price{
  font-family:'Oswald',sans-serif;font-weight:700;font-size:15px;
  text-transform:uppercase;white-space:nowrap;
}
.co-ship-price-old{text-decoration:line-through;color:var(--text-dim);font-size:12px;font-weight:500}
.co-ship-hint{font-size:12px;color:var(--text-dim)}

/* ---- CHECKOUT SUMMARY EXTRAS ---- */
.co-summary .co-items{margin-bottom:18px}
.co-item{
  display:flex;gap:13px;padding:13px 0;
  border-bottom:1px solid #242424;align-items:flex-start;
}
.co-item:first-child{padding-top:0}
.co-item-thumb{
  position:relative;width:58px;height:70px;flex-shrink:0;
  background:#1a1a1a center/cover no-repeat;border:1px solid #2a2a2a;
}
.co-qty-badge{
  position:absolute;top:-7px;right:-7px;
  background:var(--red);color:#fff;
  font-family:'Oswald',sans-serif;font-weight:700;font-size:11px;
  padding:2px 7px;
}
.co-item-info{flex:1;min-width:0}
.co-item-name{
  font-family:'Oswald',sans-serif;font-weight:600;font-size:14px;
  text-transform:uppercase;line-height:1.2;margin-bottom:6px;
}
.co-item-attrs{display:flex;flex-wrap:wrap;gap:5px}
.co-item-attrs .cart-chip{background:#1f1f1f;border-color:#333;color:#b5b5b3}
.co-item-price{
  font-family:'Oswald',sans-serif;font-weight:700;font-size:14px;
  color:var(--red-bright);white-space:nowrap;
}

/* ---- TERMS CHECKBOX ---- */
.co-check{
  display:flex;gap:11px;align-items:flex-start;margin-top:18px;cursor:pointer;
}
.co-check input{position:absolute;opacity:0;width:0;height:0}
.co-check-box{
  width:20px;height:20px;flex-shrink:0;margin-top:1px;
  border:2px solid #3a3a3a;position:relative;transition:all .2s;
}
.co-check input:checked + .co-check-box{background:var(--red);border-color:var(--red)}
.co-check input:checked + .co-check-box::after{
  content:"";position:absolute;left:5px;top:1px;width:6px;height:11px;
  border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);
}
.co-check-text{font-size:13px;line-height:1.5;color:#b5b5b3}
.co-check-text a{color:var(--red-bright);text-decoration:underline;text-underline-offset:2px}
.co-check-text a:hover{color:#fff}
.co-check-shake{animation:coShake .45s ease}
@keyframes coShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-7px)}75%{transform:translateX(7px)}}
.co-summary .co-err{color:#ff6b6b;margin-top:8px}

/* ============ HVALA ============ */
.thanks{padding:clamp(50px,9vw,120px) var(--pad)}
.thanks-inner{max-width:560px;margin:0 auto;text-align:center}
.thanks-mark{
  width:78px;height:78px;margin:0 auto 26px;
  display:flex;align-items:center;justify-content:center;
  background:var(--red);color:#fff;font-size:38px;font-weight:700;
}
.thanks .eyebrow{margin-bottom:16px}
.thanks-title{
  font-family:'Oswald',sans-serif;font-weight:700;
  font-size:clamp(44px,7vw,80px);line-height:1;text-transform:uppercase;
}
.thanks-title .red{color:var(--red)}
.thanks-lead{
  color:var(--text-dim);line-height:1.65;margin:20px auto 0;max-width:440px;
}
.thanks-lead strong{color:var(--text)}
.thanks-broj{
  display:flex;flex-direction:column;gap:6px;align-items:center;
  margin:30px auto;padding:20px;
  background:var(--surface-2);border:1px dashed var(--line-2);
}
.thanks-broj .mono{font-size:11px;color:var(--text-dim)}
.thanks-broj-val{
  font-family:'Oswald',sans-serif;font-weight:700;font-size:26px;
  letter-spacing:.04em;color:var(--red);
}
.thanks-card{
  background:var(--black);color:var(--text-on-dark);
  padding:clamp(22px,3vw,32px);margin:0 auto 32px;text-align:left;
}
.thanks-kv{
  display:flex;justify-content:space-between;gap:20px;
  padding:12px 0;border-bottom:1px solid #242424;
}
.thanks-kv:last-child{border-bottom:none}
.thanks-k{font-size:12px;color:#9a9a98;flex-shrink:0}
.thanks-v{font-size:15px;text-align:right;font-weight:500}

/* ============ RESPONSIVE - CART & CHECKOUT ============ */
@media (max-width:980px){
  .cart-layout{grid-template-columns:1fr}
  .cart-summary{position:static}
  .co-form{grid-template-columns:1fr}
  .co-summary{position:static}
}
@media (max-width:700px){
  .co-odabir-grid{grid-template-columns:1fr}
  .co-card{border-right:none;border-bottom:1px solid var(--line)}
  .co-card:last-child{border-bottom:none}
  .co-card-num{padding-bottom:18px}

  .cart-items-head{display:none}
  .cart-row{
    grid-template-columns:1fr auto;grid-template-areas:"prod prod" "qty total" "rm rm";
    gap:14px 16px;
  }
  .cart-cell-prod{grid-area:prod}
  .cart-cell-qty{grid-area:qty;justify-self:start}
  .cart-cell-total{grid-area:total;text-align:right;align-self:center}
  .cart-cell-rm{grid-area:rm;justify-content:flex-start}
  .cart-cell-total::before{
    content:attr(data-label) " - ";
    font-family:'Barlow Condensed',sans-serif;font-weight:500;
    font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);
  }
}
@media (max-width:560px){
  .co-grid-2{grid-template-columns:1fr;gap:16px}
  .co-grid-2 .co-field{margin-bottom:0}
  .cart-thumb{width:74px;height:92px}
}

/* ============================================================
   AUTH - PRIJAVA / REGISTRACIJA
   ============================================================ */
.auth-wrap{
  max-width:var(--max);margin:0 auto;
  padding:clamp(36px,5vw,64px) var(--pad) clamp(70px,9vw,120px);
  display:flex;justify-content:center;
}
.auth-card{
  width:100%;max-width:460px;
  border:1px solid var(--line);border-top:3px solid var(--red);
  padding:clamp(28px,4vw,40px);background:var(--surface);
}
.auth-card-wide{max-width:560px}
.auth-eyebrow{
  font-size:12px;color:var(--text-dim);margin-bottom:24px;
  padding-bottom:16px;border-bottom:1px solid var(--line);
}
.auth-eyebrow .red{color:var(--red)}
.auth-form{display:flex;flex-direction:column;gap:16px}
.auth-form .sw-flash{margin-bottom:4px}
.auth-submit{justify-content:center;width:100%;margin-top:4px}

.auth-check{
  display:flex;gap:11px;align-items:flex-start;cursor:pointer;user-select:none;
}
.auth-check input{position:absolute;opacity:0;width:0;height:0}
.auth-check-box{
  width:20px;height:20px;flex-shrink:0;margin-top:1px;
  border:2px solid var(--line-2);position:relative;transition:all .2s;
}
.auth-check input:checked + .auth-check-box{background:var(--red);border-color:var(--red)}
.auth-check input:checked + .auth-check-box::after{
  content:"";position:absolute;left:5px;top:1px;width:6px;height:11px;
  border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);
}
.auth-check input:focus-visible + .auth-check-box{outline:2px solid var(--red);outline-offset:2px}
.auth-check-text{
  font-family:'Barlow Condensed',sans-serif;font-weight:500;
  font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-mid);
}
.auth-check-text a{color:var(--red);text-decoration:underline;text-underline-offset:2px}
.auth-check-text a:hover{color:var(--text)}

.auth-divider{
  display:flex;align-items:center;gap:14px;margin:24px 0;
  font-size:11px;color:var(--text-dim);
}
.auth-divider::before,.auth-divider::after{
  content:"";flex:1;height:1px;background:var(--line);
}
.auth-google{
  display:flex;align-items:center;justify-content:center;gap:12px;
  width:100%;padding:14px 18px;
  border:1px solid var(--line-2);background:var(--surface);
  font-family:'Oswald',sans-serif;font-weight:600;font-size:13px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--text);
  transition:border-color .2s,background .2s;
}
.auth-google:hover{border-color:var(--black);background:var(--surface-2)}
.auth-google svg{flex-shrink:0}
.auth-foot{
  text-align:center;margin-top:26px;padding-top:20px;
  border-top:1px solid var(--line);
  font-size:12px;color:var(--text-dim);
}
.auth-foot a{color:var(--red)}
.auth-foot a:hover{color:var(--text)}

/* ============================================================
   NALOG - ACCOUNT AREA
   ============================================================ */
.nalog-greet{margin-top:10px;font-size:12px;color:var(--text-dim)}
.nalog-wrap{
  max-width:var(--max);margin:0 auto;
  padding:clamp(28px,4vw,48px) var(--pad) clamp(70px,9vw,120px);
}
.nalog-wrap .sw-flash{margin-bottom:24px}
.nalog-grid{
  display:grid;grid-template-columns:240px 1fr;gap:36px;align-items:start;
}
.nalog-side{position:sticky;top:24px}
.nalog-nav{
  display:flex;flex-direction:column;
  border:1px solid var(--line);border-left:3px solid var(--red);
}
.nalog-nav a{
  display:flex;align-items:center;gap:10px;
  padding:15px 18px;border-bottom:1px solid var(--line);
  font-family:'Oswald',sans-serif;font-weight:600;font-size:14px;
  letter-spacing:.12em;text-transform:uppercase;color:var(--text-mid);
  transition:all .2s;
}
.nalog-nav a:last-child{border-bottom:none}
.nalog-nav a .mono{font-size:11px;color:var(--text-dim);font-weight:500}
.nalog-nav a:hover{background:var(--surface-2);color:var(--text);padding-left:24px}
.nalog-nav a.is-active{background:#fdeaec;color:var(--red);padding-left:24px}
.nalog-nav a.is-active .mono{color:var(--red)}
.nalog-logout{margin-top:14px}
.nalog-logout .btn{width:100%;justify-content:center}
.nalog-main{min-width:0}

.nalog-stats{
  display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px;
}
.nalog-stat{
  border:1px solid var(--line);border-top:3px solid var(--red);padding:22px;
}
.nalog-stat-lbl{font-size:11px;color:var(--text-dim);margin-bottom:10px}
.nalog-stat-val{
  font-family:'Oswald',sans-serif;font-weight:700;font-size:30px;
  line-height:1;color:var(--text);
}

.nalog-card{
  border:1px solid var(--line);padding:clamp(22px,3vw,32px);margin-bottom:20px;
}
.nalog-card-title{
  font-family:'Oswald',sans-serif;font-weight:700;font-size:20px;
  text-transform:uppercase;margin-bottom:22px;
}
.nalog-card-title .red{color:var(--red)}
.nalog-card-hint{font-size:13px;color:var(--text-dim);margin:-12px 0 18px}
.nalog-card-cta{margin-top:18px}
.nalog-empty{font-size:14px;color:var(--text-dim)}
.nalog-empty a{color:var(--red)}
.nalog-field-note{
  display:block;margin-top:7px;font-size:11px;color:var(--text-dim);
}

/* order rows */
.nalog-orders{display:flex;flex-direction:column}
.nalog-order{
  display:grid;grid-template-columns:auto auto 1fr auto auto;
  gap:16px;align-items:center;
  padding:15px 0;border-bottom:1px solid var(--line);
  transition:padding .2s;
}
.nalog-order-wide{grid-template-columns:auto auto auto 1fr auto auto}
.nalog-order:last-child{border-bottom:none}
.nalog-order:hover{padding-left:8px}
.nalog-order-num{font-size:14px;color:var(--red);font-weight:500}
.nalog-order-date,.nalog-order-items{font-size:12px;color:var(--text-dim)}
.nalog-order-total{
  font-family:'Oswald',sans-serif;font-weight:700;font-size:17px;color:var(--text);
}
.nalog-order-arrow{color:var(--red);font-size:16px}

.nalog-status{
  font-family:'Barlow Condensed',sans-serif;font-weight:500;
  font-size:11px;letter-spacing:.12em;text-transform:uppercase;
  padding:5px 11px;border:1px solid var(--line-2);color:var(--text-mid);
  white-space:nowrap;justify-self:start;
}
.nalog-status-nova{color:var(--red);border-color:var(--red)}
.nalog-status-potvrdjena{color:var(--red);border-color:var(--red)}
.nalog-status-poslata{color:#b06a00;border-color:#d9a14a}
.nalog-status-isporucena{color:#1f7a32;border-color:#4caf50}
.nalog-status-otkazana{color:var(--text-dim);border-color:var(--line-2)}

.nalog-pagination{margin-top:24px}
.nalog-pagination svg{display:inline;width:14px;height:14px}

/* order detail */
.nalog-detail-head{
  display:flex;justify-content:space-between;align-items:flex-start;
  gap:14px;flex-wrap:wrap;margin-bottom:24px;
}
.nalog-detail-date{font-size:12px;color:var(--text-dim)}
.nalog-detail-h3{
  font-family:'Oswald',sans-serif;font-weight:700;font-size:14px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--red);margin-bottom:14px;
}
.nalog-items{display:flex;flex-direction:column;margin-bottom:28px}
.nalog-item{
  display:grid;grid-template-columns:74px 1fr auto;gap:18px;align-items:center;
  padding:14px 0;border-bottom:1px solid var(--line);
}
.nalog-item:first-child{padding-top:0}
.nalog-item-thumb{
  width:74px;height:92px;border:1px solid var(--line);
  background:var(--surface-2) center/cover no-repeat;
}
.nalog-item-name{
  font-family:'Oswald',sans-serif;font-weight:600;font-size:16px;
  text-transform:uppercase;margin-bottom:6px;
}
.nalog-item-attrs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}
.nalog-item-sku{font-size:11px;color:var(--text-dim)}
.nalog-item-meta{text-align:right}
.nalog-item-qty{font-size:12px;color:var(--text-dim);margin-bottom:4px}
.nalog-item-price{
  font-family:'Oswald',sans-serif;font-weight:700;font-size:17px;color:var(--red);
}
.nalog-detail-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:20px;
}
.nalog-detail-block{margin-bottom:8px}
.nalog-detail-block h4{
  font-family:'Barlow Condensed',sans-serif;font-weight:500;
  font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--text-dim);margin-bottom:9px;
}
.nalog-detail-block p{font-size:14px;color:var(--text-mid);line-height:1.7}
.nalog-detail-sub{color:var(--text-dim);font-size:13px !important}
.nalog-totals{border-top:1px solid var(--line);padding-top:18px;margin-top:8px}
.nalog-totals-row{
  display:flex;justify-content:space-between;padding:6px 0;
  font-size:14px;color:var(--text-mid);
}
.nalog-totals-row span:first-child{font-size:12px}
.nalog-totals-total{
  font-family:'Oswald',sans-serif;font-weight:700;font-size:22px;
  text-transform:uppercase;color:var(--text);
  border-top:1px solid var(--line);margin-top:8px;padding-top:14px;
}
.nalog-totals-total span:first-child{font-size:22px}
.nalog-totals-total span:last-child{color:var(--red)}

@media (max-width:860px){
  .nalog-grid{grid-template-columns:1fr;gap:24px}
  .nalog-side{position:static}
}
@media (max-width:700px){
  .nalog-stats{grid-template-columns:1fr}
  .nalog-order,.nalog-order-wide{grid-template-columns:1fr auto auto;gap:10px}
  .nalog-order-date,.nalog-order-items{display:none}
  .nalog-detail-grid{grid-template-columns:1fr}
  .nalog-item{grid-template-columns:60px 1fr}
  .nalog-item-thumb{width:60px;height:75px}
  .nalog-item-meta{
    grid-column:1 / -1;display:flex;justify-content:space-between;
    padding-top:8px;border-top:1px dashed var(--line);
  }
}

/* ============================================================
   INFO PAGES - about, faq, kontakt, legal (privatnost / uslovi /
   reklamacije). Shared streetwear article + section styling.
   ============================================================ */

/* ---- SHARED WRAP ---- */
.info-wrap{
  max-width:var(--max);margin:0 auto;
  padding:clamp(36px,5vw,64px) var(--pad) clamp(70px,9vw,120px);
}
.legal-sub{margin-top:14px;font-size:12px;color:var(--text-dim)}

/* ---- SHARED CTA STRIP ---- */
.info-cta{
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  flex-wrap:wrap;margin-top:48px;
  background:var(--black);color:var(--text-on-dark);
  padding:clamp(28px,4vw,42px);
}
.info-cta-text h3{
  font-family:'Oswald',sans-serif;font-weight:700;font-size:clamp(24px,3vw,34px);
  text-transform:uppercase;color:#fff;margin-bottom:8px;line-height:1;
}
.info-cta-text p{color:#b5b5b3;font-size:14.5px;line-height:1.55}

/* ============ ABOUT ============ */
.about-intro{
  display:grid;grid-template-columns:auto 1fr;gap:clamp(20px,4vw,48px);
  align-items:start;margin-bottom:clamp(40px,6vw,72px);
}
.about-intro-num{
  font-family:'Barlow Condensed',sans-serif;font-weight:500;
  font-size:13px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--text-dim);padding-top:8px;white-space:nowrap;
}
.about-intro-lead{
  font-size:clamp(18px,2vw,24px);line-height:1.6;color:var(--text-mid);
  border-left:3px solid var(--red);padding-left:24px;
}
.about-intro-lead strong{color:var(--text);font-weight:700}

.about-stats{
  display:grid;grid-template-columns:repeat(4,1fr);
  border:1px solid var(--black);
}
.about-stat{
  padding:clamp(24px,3vw,38px) clamp(16px,2vw,28px);
  border-right:1px solid var(--line);
}
.about-stat:last-child{border-right:none}
.about-stat .num{
  font-family:'Oswald',sans-serif;font-weight:700;
  font-size:clamp(40px,5vw,68px);line-height:1;color:var(--text);
}
.about-stat .num .red{color:var(--red)}
.about-stat .lbl{
  margin-top:10px;font-size:12px;color:var(--text-dim);
}

.about-pillars{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  background:var(--line);border:1px solid var(--line);
}
.about-pillar{
  background:var(--surface);padding:clamp(26px,3vw,38px);
  transition:background .25s;
}
.about-pillar:hover{background:var(--surface-2)}
.about-pillar .ap-num{
  font-family:'Oswald',sans-serif;font-weight:700;font-size:48px;
  line-height:.85;color:var(--red);margin-bottom:18px;
}
.about-pillar h4{
  font-family:'Oswald',sans-serif;font-weight:600;font-size:24px;
  text-transform:uppercase;line-height:1;margin-bottom:12px;
}
.about-pillar p{color:var(--text-mid);font-size:14.5px;line-height:1.65}

/* ============ FAQ ============ */
.faq-list{
  border-top:2px solid var(--black);
}
.faq-item{
  border-bottom:1px solid var(--line);
}
.faq-item summary{
  display:flex;align-items:center;gap:clamp(14px,2vw,28px);
  padding:clamp(20px,2.6vw,30px) 4px;cursor:pointer;
  list-style:none;transition:padding-left .2s;
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item[open] summary{padding-left:8px}
.faq-num{
  font-family:'Oswald',sans-serif;font-weight:700;font-size:15px;
  color:var(--red);flex-shrink:0;letter-spacing:.04em;
}
.faq-q{
  font-family:'Oswald',sans-serif;font-weight:600;
  font-size:clamp(17px,2vw,24px);text-transform:uppercase;
  line-height:1.1;flex:1;
}
.faq-toggle{
  font-family:'Oswald',sans-serif;font-weight:700;font-size:26px;
  line-height:1;color:var(--text);flex-shrink:0;
  width:38px;height:38px;display:flex;align-items:center;justify-content:center;
  border:1px solid var(--line-2);transition:all .2s;
}
.faq-item summary:hover .faq-toggle{background:var(--red);border-color:var(--red);color:#fff}
.faq-item[open] .faq-toggle{
  background:var(--red);border-color:var(--red);color:#fff;
  transform:rotate(45deg);
}
.faq-a{
  padding:0 4px clamp(24px,3vw,32px) clamp(40px,7vw,67px);
  color:var(--text-mid);font-size:15.5px;line-height:1.75;max-width:70ch;
}

/* ============ KONTAKT ============ */
.kontakt-grid{
  display:grid;grid-template-columns:1fr 1.25fr;
  gap:clamp(32px,5vw,64px);align-items:start;
}
.kontakt-info-eyebrow,
.kontakt-form-eyebrow{
  font-size:12px;color:var(--text-dim);margin-bottom:20px;
}
.kontakt-info-eyebrow .red,
.kontakt-form-eyebrow .red{color:var(--red)}
.kontakt-lead{
  font-size:16px;line-height:1.7;color:var(--text-mid);margin-bottom:30px;
  border-left:3px solid var(--red);padding-left:18px;
}
.kontakt-kv{list-style:none;border-top:1px solid var(--line)}
.kontakt-kv li{
  display:flex;flex-direction:column;gap:5px;
  padding:16px 0;border-bottom:1px solid var(--line);
}
.kontakt-kv .k{font-size:11px;color:var(--text-dim)}
.kontakt-kv .v{font-size:15.5px;color:var(--text);font-weight:500}
.kontakt-kv .v a{color:var(--red)}
.kontakt-kv .v a:hover{color:var(--text)}
.kontakt-coords{
  margin-top:22px;font-size:11px;color:var(--text-dim);
}

.kontakt-form-box{
  border:1px solid var(--line);border-top:3px solid var(--red);
  padding:clamp(24px,4vw,40px);background:var(--surface);
}
.kontakt-form{display:flex;flex-direction:column;gap:16px}
.kontakt-form .sw-flash{margin-bottom:4px}
.kontakt-form .co-field .opt{
  letter-spacing:0;text-transform:none;color:var(--text-dim);
}
.kontakt-submit{justify-content:center;width:100%;margin-top:4px}
.kontakt-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* ============ LEGAL (privatnost / uslovi / reklamacije) ============ */
.info-wrap.legal{max-width:900px}

.legal-meta,
.legal-intro{
  background:var(--surface-2);
  border:1px solid var(--line);border-left:3px solid var(--red);
  padding:clamp(20px,3vw,28px);margin-bottom:clamp(40px,6vw,56px);
}
.legal-meta{display:grid;gap:12px}
.legal-meta-row{
  display:grid;grid-template-columns:200px 1fr;gap:18px;
  align-items:baseline;padding-bottom:11px;
  border-bottom:1px dashed var(--line-2);
}
.legal-meta-row:last-child{border-bottom:none;padding-bottom:0}
.legal-meta-k{font-size:11px;color:var(--text-dim)}
.legal-meta-v{color:var(--text);font-size:15px;line-height:1.5}
.legal-meta-v a{color:var(--red);border-bottom:1px solid currentColor}
.legal-meta-v a:hover{color:var(--text)}

.legal-intro p{
  color:var(--text);font-size:16px;line-height:1.7;margin-bottom:10px;
}
.legal-intro p:last-child{margin-bottom:0}
.legal-intro strong{color:var(--red)}

.legal-block{
  position:relative;margin-bottom:clamp(32px,4vw,46px);
  padding-left:84px;padding-top:4px;
}
.legal-num{
  position:absolute;top:0;left:0;
  font-family:'Oswald',sans-serif;font-weight:700;font-size:56px;line-height:1;
  color:transparent;-webkit-text-stroke:1.5px var(--red);
  letter-spacing:.005em;user-select:none;
}
.legal-block h2{
  font-family:'Oswald',sans-serif;font-weight:700;
  font-size:clamp(22px,3vw,30px);line-height:1.05;
  text-transform:uppercase;margin-bottom:14px;
}
.legal-block p{
  color:var(--text-mid);font-size:15.5px;line-height:1.8;margin-bottom:12px;
}
.legal-block p:last-child{margin-bottom:0}
.legal-block p strong{color:var(--text);font-weight:700}
.legal-block a{color:var(--red);border-bottom:1px solid currentColor}
.legal-block a:hover{color:var(--text)}

.legal-list{list-style:none;margin:10px 0 14px}
.legal-list li{
  position:relative;padding-left:22px;margin-bottom:9px;
  color:var(--text-mid);font-size:15px;line-height:1.7;
}
.legal-list li::before{
  content:"";position:absolute;left:0;top:9px;
  width:7px;height:7px;background:var(--red);
}
.legal-list li strong{color:var(--text)}
.legal-list li:last-child{margin-bottom:0}

.legal-list-ordered{list-style:none;margin:10px 0 14px;counter-reset:lo}
.legal-list-ordered>li{
  position:relative;padding-left:40px;margin-bottom:16px;
  color:var(--text-mid);font-size:15px;line-height:1.7;counter-increment:lo;
}
.legal-list-ordered>li::before{
  content:counter(lo, decimal-leading-zero);
  position:absolute;left:0;top:0;
  width:28px;height:28px;display:flex;align-items:center;justify-content:center;
  background:var(--red);color:#fff;
  font-family:'Oswald',sans-serif;font-weight:700;font-size:12px;
}
.legal-list-ordered .legal-list{margin-top:8px}

.legal-cta{margin-top:16px}

.legal-foot{
  margin-top:clamp(44px,6vw,64px);padding:20px 0;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  display:flex;align-items:center;justify-content:center;gap:12px;
  flex-wrap:wrap;font-size:11px;color:var(--text-dim);
}
.legal-foot .red{color:var(--red)}

/* ============ RESPONSIVE - INFO PAGES ============ */
@media (max-width:860px){
  .about-stats{grid-template-columns:repeat(2,1fr)}
  .about-stat:nth-child(2){border-right:none}
  .about-stat:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .about-pillars{grid-template-columns:1fr}
  .kontakt-grid{grid-template-columns:1fr;gap:36px}
}
@media (max-width:640px){
  .about-intro{grid-template-columns:1fr;gap:14px}
  .about-intro-lead{font-size:18px}
  .legal-block{padding-left:0}
  .legal-num{
    position:relative;display:block;margin-bottom:6px;font-size:40px;
  }
  .legal-meta-row{grid-template-columns:1fr;gap:4px}
  .info-cta{flex-direction:column;align-items:flex-start}
}

/* ============================================================
   BRAND STORIES - svaka sekcija posebno radjena, uramljene slike + prica
   ============================================================ */
.bx{position:relative;overflow:hidden;border-top:1px solid rgba(255,255,255,.06)}
.bx h2{color:#fff;letter-spacing:.01em}
.bx h2 .red{color:var(--red-bright)}
.bx h2 .stroke{-webkit-text-stroke:2px #fff;color:transparent}
.bx-eyebrow{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,.58);margin-bottom:18px}
.bx-story{color:rgba(244,241,235,.82);line-height:1.72;max-width:44ch;margin:0 0 18px}
.bx-sign{font-family:'Barlow Condensed',sans-serif;font-weight:500;font-size:15px;letter-spacing:.04em;color:var(--red-bright);margin-bottom:28px}
.bx .bf-flag{display:inline-block;background:#fff;color:var(--black);padding:4px 11px;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:11px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:18px}
.bx .btn-ghost{color:#fff;border-color:rgba(255,255,255,.5)}
.bx .btn-ghost:hover{background:#fff;color:var(--black);border-color:#fff}

/* ---- ram (gallery frame) - dijeljena komponenta ---- */
.bx-frame{position:relative;display:block;background:#f4f1eb;padding:clamp(12px,1.3vw,18px);box-shadow:0 30px 64px rgba(0,0,0,.5)}
.bx-frame::after{content:"";position:absolute;inset:clamp(12px,1.3vw,18px);border:1px solid rgba(0,0,0,.16);pointer-events:none;z-index:2}
.bx-frame img{display:block;width:100%;height:100%;object-fit:cover}
.bx-frame figcaption{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.16em;font-size:11px;color:var(--text-mid);padding-top:11px;text-align:center}
.bx-frame-dark{background:#161616;box-shadow:0 30px 64px rgba(0,0,0,.65)}
.bx-frame-dark::after{border-color:rgba(255,255,255,.16)}
.bx-frame-dark figcaption{color:rgba(255,255,255,.6)}


/* ---- 1 / PITBULL - fight-night poster flagship ---- */
.bx-pitbull{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(120% 100% at 78% 14%,#2a0a0d 0%,#14060a 42%,#0b0b0b 74%)}
/* (1) halftone tacke - radialni pattern preko sekcije */
.bx-pitbull .bx-pb-halftone{position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(rgba(230,20,46,.16) 1.1px,transparent 1.4px);background-size:13px 13px;-webkit-mask-image:radial-gradient(95% 80% at 82% 16%,#000 0%,transparent 66%);mask-image:radial-gradient(95% 80% at 82% 16%,#000 0%,transparent 66%);opacity:.9}
/* (2) suptilna ugljen mreza */
.bx-pitbull .bx-pb-grid{position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(105deg,#000 0%,transparent 70%);mask-image:linear-gradient(105deg,#000 0%,transparent 70%)}
/* (5) crveni flare */
.bx-pitbull .bx-pb-flare{position:absolute;top:-24%;right:-6%;width:58%;height:128%;z-index:0;pointer-events:none;background:radial-gradient(circle,rgba(230,20,46,.4),rgba(154,8,32,.14) 42%,transparent 64%);filter:blur(26px);mix-blend-mode:screen}
/* (3) ghost tipografija - godina + monogram */
.bx-pitbull .bx-pb-year{position:absolute;right:3%;bottom:-9%;z-index:0;font-family:'Oswald',sans-serif;font-weight:700;font-size:min(27vw,340px);line-height:1;color:rgba(255,255,255,.04);letter-spacing:-.02em;pointer-events:none}
.bx-pitbull .bx-pb-ghost{position:absolute;left:-3%;top:-7%;z-index:0;font-family:'Oswald',sans-serif;font-weight:700;font-size:min(34vw,420px);line-height:.8;color:transparent;-webkit-text-stroke:2px rgba(230,20,46,.07);pointer-events:none}
/* (4) dijagonalna ticket traka sa mono tekstom */
.bx-pitbull .bx-pb-ticket{position:absolute;top:46%;left:-12%;width:124%;z-index:1;display:flex;gap:0;overflow:hidden;transform:rotate(-3.4deg);background:var(--red-bright);box-shadow:0 18px 44px rgba(154,8,32,.5),inset 0 0 0 1px rgba(0,0,0,.25);pointer-events:none}
.bx-pitbull .bx-pb-ticket span{flex:0 0 auto;padding:9px 26px;font-family:'Barlow Condensed',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.32em;font-size:12px;color:#0a0a0a;white-space:nowrap;border-right:1px solid rgba(0,0,0,.22)}

.bx-pitbull .bx-pb-inner{position:relative;z-index:3;max-width:var(--max);margin:0 auto;padding:clamp(60px,8.4vw,120px) var(--pad);display:grid;grid-template-columns:1fr minmax(0,448px);gap:clamp(30px,6vw,84px);align-items:center}

/* lijeva strana - id blok */
.bx-pitbull .bx-pb-id{position:relative;min-width:0}
.bx-pitbull .bx-pb-id::before{content:"";position:absolute;left:-7%;right:-14%;top:-9%;bottom:-9%;z-index:-1;pointer-events:none;background:radial-gradient(115% 92% at 32% 50%,rgba(10,5,7,.82) 0%,rgba(10,5,7,.6) 46%,rgba(10,5,7,.22) 72%,transparent 86%)}
.bx-pitbull .bf-flag{margin-bottom:14px}
.bx-pitbull .bx-eyebrow{color:rgba(230,20,46,.92)}
.bx-pitbull .bx-pb-name{position:relative;font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;font-size:clamp(48px,7.8vw,122px);line-height:.82;letter-spacing:-.01em;color:#f4f1eb;margin:0 0 22px;text-shadow:0 6px 30px rgba(0,0,0,.55)}
.bx-pitbull .bx-pb-name .stroke{-webkit-text-stroke:2px var(--red-bright);color:transparent}
.bx-pitbull .bx-story{color:rgba(244,241,235,.82);max-width:46ch}

/* tale of the tape - mono redovi */
.bx-pitbull .bx-pb-tape{display:flex;flex-wrap:wrap;gap:0;margin:24px 0 22px;border-top:1px solid rgba(244,241,235,.16);border-bottom:1px solid rgba(244,241,235,.16)}
.bx-pitbull .bx-pb-tape>div{flex:1 1 0;min-width:90px;padding:13px 16px 13px 0;border-right:1px solid rgba(244,241,235,.1)}
.bx-pitbull .bx-pb-tape>div:last-child{border-right:0}
.bx-pitbull .bx-pb-tape dt{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.22em;font-size:10px;color:rgba(230,20,46,.85);margin-bottom:4px}
.bx-pitbull .bx-pb-tape dd{margin:0;font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.02em;font-size:16px;color:#f4f1eb}
.bx-pitbull .bx-sign{margin-bottom:26px}

/* desna strana - stage sa uramljenom slikom */
.bx-pitbull .bx-pb-stage{position:relative;min-width:0}
.bx-pitbull .bx-pb-corner{position:absolute;width:34px;height:34px;z-index:4;pointer-events:none}
.bx-pitbull .bx-pb-corner-tl{top:-14px;left:-14px;border-top:2px solid var(--red-bright);border-left:2px solid var(--red-bright)}
.bx-pitbull .bx-pb-corner-br{bottom:38px;right:-14px;border-bottom:2px solid var(--red-bright);border-right:2px solid var(--red-bright)}
.bx-pitbull .bx-pb-frame{position:relative;z-index:3;transform:rotate(-1.6deg)}
.bx-pitbull .bx-pb-frame img{aspect-ratio:4/5;filter:contrast(1.08) saturate(.92) brightness(.96)}
/* okrugli pecat */
.bx-pitbull .bx-pb-stamp{position:absolute;left:-26px;bottom:18px;z-index:5;width:78px;height:78px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid var(--red-bright);background:rgba(20,6,10,.86);box-shadow:0 10px 28px rgba(0,0,0,.6);transform:rotate(-8deg);pointer-events:none}
.bx-pitbull .bx-pb-stamp span{font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;font-size:13px;line-height:1.05;letter-spacing:.06em;text-align:center;color:var(--red-bright)}
/* mono tagovi ispod slike */
.bx-pitbull .bx-pb-tags{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end;margin-top:16px;padding-right:2px}
.bx-pitbull .bx-pb-tags span{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.18em;font-size:10px;color:rgba(244,241,235,.62);border:1px solid rgba(244,241,235,.2);padding:4px 9px}

@media (max-width:880px){
  .bx-pitbull .bx-pb-inner{grid-template-columns:1fr;gap:40px}
  .bx-pitbull .bx-pb-ticket{top:auto;bottom:14%}
  .bx-pitbull .bx-pb-tape>div{flex:1 1 33%}
  .bx-pitbull .bx-pb-stamp{left:auto;right:14px;bottom:auto;top:-22px}
  .bx-pitbull .bx-pb-corner-br{right:2px}
}
@media (max-width:480px){
  .bx-pitbull .bx-pb-tape{flex-direction:column}
  .bx-pitbull .bx-pb-tape>div{border-right:0;border-bottom:1px solid rgba(244,241,235,.1);padding:11px 0}
  .bx-pitbull .bx-pb-tape>div:last-child{border-bottom:0}
}

/* ---- 2 / 2BRO - Sarajevo dispatch / blueprint ---- */
.bx-2bro{background:#0b0b0b;min-height:min(78vh,640px);display:flex;align-items:center}

/* tretirana editorijalna slika - duotone ka ugljen/bone */
.bx-2b-bg{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center 22%;opacity:.46;filter:grayscale(.7) contrast(1.08) brightness(.92)}
.bx-2bro::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(96deg,#090909 6%,rgba(9,9,9,.9) 40%,rgba(9,9,9,.42) 78%,rgba(9,9,9,.62) 100%)}

/* blueprint mreza tankih linija */
.bx-2b-grid{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.5;background-image:linear-gradient(rgba(200,16,46,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(244,241,235,.05) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(90deg,#000 0%,#000 52%,transparent 92%)}

/* grain / noise tekstura */
.bx-2b-grain{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.5;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}

/* crveni flare / osvjetljenje */
.bx-2b-flare{position:absolute;z-index:1;pointer-events:none;left:-12%;top:50%;width:60vw;height:60vw;max-width:760px;max-height:760px;transform:translateY(-50%);background:radial-gradient(circle,rgba(200,16,46,.2) 0%,rgba(200,16,46,.06) 40%,transparent 68%)}

/* ghost tipografija u pozadini */
.bx-2b-ghost{position:absolute;z-index:1;right:clamp(-40px,-3vw,-10px);bottom:-6%;pointer-events:none;font-family:'Oswald',sans-serif;font-weight:700;font-size:min(28vw,360px);line-height:.8;letter-spacing:-.02em;color:transparent;-webkit-text-stroke:1px rgba(244,241,235,.06);text-stroke:1px rgba(244,241,235,.06);user-select:none}

/* koordinate / dispatch tagovi */
.bx-2b-coord{position:absolute;z-index:3;pointer-events:none;font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:rgba(244,241,235,.34)}
.bx-2b-coord-tl{top:clamp(18px,3vw,30px);left:var(--pad)}
.bx-2b-coord-tr{top:clamp(18px,3vw,30px);right:var(--pad);color:rgba(200,16,46,.62)}
.bx-2b-coord-bl{bottom:clamp(18px,3vw,30px);left:var(--pad)}
.bx-2b-coord-bl::before{content:"";display:inline-block;width:18px;height:1px;background:var(--red);margin-right:9px;vertical-align:middle}

.bx-2b-inner{position:relative;z-index:2;width:100%;max-width:var(--max);margin:0 auto;padding:clamp(64px,9vw,124px) var(--pad)}
.bx-2b-id{max-width:600px}

/* glava: pecat + EST linija */
.bx-2b-head{display:flex;align-items:center;gap:20px;margin-bottom:24px}

/* kruzni pecat / seal sa rotirajucim tekstom */
.bx-2b-seal{position:relative;display:inline-flex;align-items:center;justify-content:center;width:96px;height:96px;flex:0 0 auto;border:1px solid rgba(244,241,235,.16);border-radius:50%;box-shadow:inset 0 0 0 6px rgba(11,11,11,.6),0 18px 40px rgba(0,0,0,.5)}
.bx-2b-seal::before{content:"";position:absolute;inset:8px;border-radius:50%;border:1px dashed rgba(200,16,46,.45)}
.bx-2b-seal-arc{position:absolute;inset:0;width:100%;height:100%;overflow:visible;transform-origin:50% 50%;animation:bx2b-spin 26s linear infinite}
.bx-2b-seal-arc text{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:9px;letter-spacing:.5px;text-transform:uppercase;fill:rgba(244,241,235,.5)}
@keyframes bx2b-spin{to{transform:rotate(360deg)}}
.bx-2b-mono{position:relative;display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border:2px solid var(--red);border-radius:50%;color:#fff;font-family:'Oswald',sans-serif;font-weight:700;font-size:21px;background:rgba(11,11,11,.5)}

.bx-2b-est{display:inline-flex;align-items:center;gap:10px;font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:rgba(244,241,235,.5)}
.bx-2b-est-line{display:block;width:clamp(22px,4vw,46px);height:1px;background:linear-gradient(90deg,transparent,rgba(244,241,235,.4))}
.bx-2b-est-line:last-child{background:linear-gradient(90deg,rgba(244,241,235,.4),transparent)}

.bx-2bro h2{font-size:clamp(34px,5vw,74px);line-height:1.02;margin:0 0 18px}

/* mono meta tagovi */
.bx-2b-meta{display:flex;flex-wrap:wrap;gap:9px;margin:4px 0 22px}
.bx-2b-tag{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:rgba(244,241,235,.6);padding:5px 11px;border:1px solid rgba(244,241,235,.14);background:rgba(244,241,235,.03)}
.bx-2b-tag:first-child{color:var(--red-bright);border-color:rgba(200,16,46,.4)}

/* CTA + barkod */
.bx-2b-cta{display:flex;align-items:center;gap:clamp(16px,3vw,30px);flex-wrap:wrap}
.bx-2b-barcode{display:inline-block;width:clamp(110px,16vw,160px);height:38px;opacity:.7;background-image:repeating-linear-gradient(90deg,rgba(244,241,235,.85) 0 2px,transparent 2px 4px,rgba(244,241,235,.85) 4px 5px,transparent 5px 9px,rgba(244,241,235,.85) 9px 12px,transparent 12px 14px)}

@media (max-width:880px){
  .bx-2bro{min-height:0}
  .bx-2b-id{max-width:none}
  .bx-2b-ghost{font-size:42vw;right:-8%}
  .bx-2b-grid{mask-image:none;opacity:.35}
  .bx-2b-coord-tr{display:none}
}
@media (max-width:520px){
  .bx-2b-head{gap:14px}
  .bx-2b-seal{width:80px;height:80px}
  .bx-2b-mono{width:46px;height:46px;font-size:18px}
  .bx-2b-est{display:none}
  .bx-2b-coord-bl{display:none}
  .bx-2b-barcode{width:100px;height:32px}
}

/* ====== AMSTAFF - industrijski / hazard ====== */
.bx-amstaff{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(120% 90% at 78% 14%, var(--red-bright) 0%, var(--red) 42%, var(--red-deep) 100%);
  isolation:isolate;
}

/* --- background container --- */
.bx-amstaff .bx-am-bg{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  overflow:hidden;
}

/* (1) beton tekstura preko crvene */
.bx-amstaff .bx-am-grain{
  position:absolute;
  inset:-20%;
  background-image:
    radial-gradient(rgba(255,255,255,.05) 1px, transparent 1.4px),
    radial-gradient(rgba(0,0,0,.06) 1px, transparent 1.4px);
  background-size:5px 5px, 7px 7px;
  background-position:0 0, 2px 3px;
  mix-blend-mode:overlay;
  opacity:.55;
}

/* (2a) hazard upozoravajuce trake - vrh i dno */
.bx-amstaff .bx-am-hazard{
  position:absolute;
  left:-10%;
  right:-10%;
  height:clamp(22px,3vw,40px);
  background:repeating-linear-gradient(
    -45deg,
    #0a0a0a 0,
    #0a0a0a 22px,
    var(--red-bright) 22px,
    var(--red-bright) 44px
  );
  opacity:.92;
  box-shadow:0 0 0 1px rgba(0,0,0,.4);
}
.bx-amstaff .bx-am-hazard-top{top:0}
.bx-amstaff .bx-am-hazard-bottom{bottom:0}

/* (2b) tehnicka mreza */
.bx-amstaff .bx-am-grid{
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(0,0,0,.10) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,0,0,.10) 1px, transparent 1px);
  background-size:64px 64px;
  mask-image:linear-gradient(180deg, transparent 0%, #000 22%, #000 78%, transparent 100%);
  -webkit-mask-image:linear-gradient(180deg, transparent 0%, #000 22%, #000 78%, transparent 100%);
  opacity:.5;
}

/* (5) gradijent flare/osvjetljenje */
.bx-amstaff .bx-am-flare{
  position:absolute;
  top:-30%;
  right:-12%;
  width:60%;
  height:120%;
  background:radial-gradient(closest-side, rgba(255,255,255,.30), rgba(255,255,255,0) 72%);
  filter:blur(8px);
  opacity:.6;
}

/* (3) velika ghost tipografija */
.bx-amstaff .bx-am-ghost{
  position:absolute;
  left:-2%;
  bottom:6%;
  font-family:'Oswald',sans-serif;
  font-weight:700;
  font-size:clamp(120px,22vw,300px);
  line-height:.8;
  letter-spacing:-.02em;
  color:transparent;
  -webkit-text-stroke:1.5px rgba(255,255,255,.12);
  text-stroke:1.5px rgba(255,255,255,.12);
  white-space:nowrap;
  user-select:none;
}

/* (3b) stencil broj */
.bx-amstaff .bx-am-stencil{
  position:absolute;
  top:clamp(40px,7vw,90px);
  right:clamp(20px,5vw,80px);
  font-family:'Oswald',sans-serif;
  font-weight:700;
  font-size:clamp(140px,18vw,260px);
  line-height:.8;
  color:rgba(10,10,10,.16);
  user-select:none;
}

/* (4) rivet tacke u uglovima */
.bx-amstaff .bx-am-rivet{
  position:absolute;
  width:14px;
  height:14px;
  border-radius:50%;
  background:radial-gradient(circle at 35% 30%, #3a3a3a, #0a0a0a 70%);
  box-shadow:0 1px 2px rgba(0,0,0,.5), inset 0 0 0 1px rgba(255,255,255,.12);
  opacity:.9;
}
.bx-amstaff .bx-am-rivet-tl{top:clamp(30px,4vw,52px);left:clamp(20px,4vw,52px)}
.bx-amstaff .bx-am-rivet-tr{top:clamp(30px,4vw,52px);right:clamp(20px,4vw,52px)}
.bx-amstaff .bx-am-rivet-bl{bottom:clamp(30px,4vw,52px);left:clamp(20px,4vw,52px)}
.bx-amstaff .bx-am-rivet-br{bottom:clamp(30px,4vw,52px);right:clamp(20px,4vw,52px)}

/* --- sadrzaj --- */
.bx-amstaff .bx-am-inner{
  position:relative;
  z-index:2;
  max-width:var(--max);
  margin:0 auto;
  padding:clamp(64px,8vw,116px) var(--pad);
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:clamp(28px,5vw,72px);
  align-items:center;
}

.bx-amstaff .bx-am-id{min-width:0}

/* mono caution tag */
.bx-amstaff .bx-am-tagline{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  margin:0 0 18px;
}
.bx-amstaff .bx-am-caution{
  font-family:'Barlow Condensed',sans-serif;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.22em;
  font-size:12px;
  color:#0a0a0a;
  background:#f4f1eb;
  padding:5px 12px 4px;
  box-shadow:0 2px 0 rgba(0,0,0,.35);
}
.bx-amstaff .bx-am-spec{
  font-family:'Barlow Condensed',sans-serif;
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:11px;
  color:rgba(255,255,255,.7);
  border-left:1px solid rgba(255,255,255,.3);
  padding-left:14px;
}

.bx-amstaff .bx-eyebrow{color:rgba(255,255,255,.82)}
.bx-amstaff h2{
  font-family:'Oswald',sans-serif;
  font-weight:700;
  font-size:clamp(46px,6.2vw,98px);
  line-height:.84;
  margin:0 0 18px;
  color:#fff;
  text-shadow:0 4px 24px rgba(0,0,0,.28);
}
.bx-amstaff .bx-story{
  color:rgba(255,255,255,.92);
  max-width:34ch;
}

/* koordinate / lot meta */
.bx-amstaff .bx-am-meta{
  display:flex;
  gap:18px;
  flex-wrap:wrap;
  margin:20px 0 26px;
  padding-top:14px;
  border-top:1px dashed rgba(255,255,255,.32);
}
.bx-amstaff .bx-am-coord{
  font-family:'Barlow Condensed',sans-serif;
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:11px;
  color:rgba(255,255,255,.74);
}

/* --- frames --- */
.bx-amstaff .bx-am-frames{
  position:relative;
  display:flex;
  gap:20px;
  justify-content:flex-end;
  min-width:0;
}

/* QC pecat */
.bx-amstaff .bx-am-stamp{
  position:absolute;
  z-index:4;
  top:-14px;
  left:-6px;
  width:64px;
  height:64px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  border-radius:50%;
  border:2px solid rgba(244,241,235,.85);
  color:rgba(244,241,235,.9);
  font-family:'Barlow Condensed',sans-serif;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.1em;
  font-size:13px;
  line-height:1;
  transform:rotate(-14deg);
  box-shadow:inset 0 0 0 4px rgba(244,241,235,.12);
  mix-blend-mode:screen;
}

.bx-amstaff .bx-am-frame{
  flex:0 0 auto;
  width:min(50%,250px);
  min-width:0;
  background:#f4f1eb;
}
.bx-amstaff .bx-am-frame img{
  aspect-ratio:4/5;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:contrast(1.06) saturate(1.02);
}
.bx-amstaff .bx-am-frame:first-child{
  transform:rotate(-2.5deg);
  margin-top:26px;
}
.bx-amstaff .bx-am-frame:last-child{
  transform:rotate(2deg);
}
.bx-amstaff .bx-am-frame figcaption{
  font-family:'Barlow Condensed',sans-serif;
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:11px;
  color:var(--text-mid);
}

/* --- responsive --- */
@media (max-width:880px){
  .bx-amstaff .bx-am-inner{
    grid-template-columns:1fr;
    gap:40px;
  }
  .bx-amstaff .bx-am-frames{justify-content:flex-start}
  .bx-amstaff .bx-am-stencil{
    font-size:clamp(96px,30vw,150px);
    top:auto;
    bottom:8%;
    right:8%;
  }
  .bx-amstaff .bx-am-ghost{font-size:clamp(90px,30vw,160px)}
}

@media (max-width:560px){
  .bx-amstaff .bx-am-frames{flex-wrap:wrap;gap:14px}
  .bx-amstaff .bx-am-frame{width:min(100%,300px)}
  .bx-amstaff .bx-am-frame:first-child,
  .bx-amstaff .bx-am-frame:last-child{transform:none;margin-top:0}
  .bx-amstaff .bx-am-stamp{top:-10px;left:auto;right:8px}
  .bx-amstaff .bx-am-rivet{display:none}
}

/* ============================================================
   4 / WHO SHOT YA - mixtape / omot ploce
   paleta: crna + amber (#d8a23a) UZ crvenu (--red)
   ============================================================ */
.bx-wsy{
  --wsy-amber:#d8a23a;
  --wsy-amber-soft:#e7bd61;
  background:
    radial-gradient(120% 90% at 12% 8%, rgba(216,162,58,.16) 0%, transparent 48%),
    radial-gradient(90% 80% at 92% 96%, rgba(154,8,32,.30) 0%, transparent 55%),
    linear-gradient(180deg,#0c0a07 0%,#0a0a0a 55%,#0a0807 100%);
  isolation:isolate;
}

/* --- background: grain / noise tekstura --- */
.bx-wsy .bx-wsy-grain{
  position:absolute;inset:0;z-index:0;pointer-events:none;
  opacity:.5;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");
}

/* --- background: amber flare / osvjetljenje --- */
.bx-wsy .bx-wsy-flare{
  position:absolute;top:-25%;left:-8%;width:60%;height:130%;z-index:0;pointer-events:none;
  background:radial-gradient(circle,rgba(216,162,58,.30),transparent 62%);
  filter:blur(26px);
}

/* --- background: ghost "33 RPM" --- */
.bx-wsy .bx-wsy-rpm{
  position:absolute;right:3.5%;bottom:-6%;z-index:0;pointer-events:none;
  font-family:'Oswald',sans-serif;font-weight:700;line-height:.82;
  font-size:min(24vw,300px);color:rgba(216,162,58,.06);letter-spacing:-.01em;
}
.bx-wsy .bx-wsy-rpm small{
  display:block;font-size:.18em;letter-spacing:.5em;color:rgba(255,255,255,.05);
  text-align:right;padding-right:.4em;
}

/* --- background: ghost marquee --- */
.bx-wsy .bx-wsy-marquee{
  position:absolute;top:50%;left:0;width:max-content;display:flex;white-space:nowrap;
  transform:translateY(-50%);z-index:0;pointer-events:none;
  font-family:'Oswald',sans-serif;font-weight:700;font-size:clamp(64px,12vw,150px);line-height:1;
  color:rgba(255,255,255,.035);animation:bx-wsy-marq 34s linear infinite;
}
.bx-wsy .bx-wsy-marquee span{padding-right:.3em}
@keyframes bx-wsy-marq{from{transform:translate(0,-50%)}to{transform:translate(-50%,-50%)}}

/* --- layout --- */
.bx-wsy .bx-wsy-inner{
  position:relative;z-index:2;
  max-width:var(--max);margin:0 auto;
  padding:clamp(56px,7.5vw,108px) var(--pad);
  display:grid;grid-template-columns:minmax(0,420px) 1fr;gap:clamp(34px,5vw,82px);
  align-items:center;
}
.bx-wsy .bx-wsy-inner > *{min-width:0}

/* ============ LIJEVO: omot ploce ============ */
.bx-wsy .bx-wsy-sleeve-col{position:relative}

/* vinyl ploca koja viri iza omota */
.bx-wsy .bx-wsy-spin{
  position:absolute;top:50%;right:-9%;width:62%;aspect-ratio:1/1;z-index:0;
  transform:translateY(-50%);border-radius:50%;pointer-events:none;
  background:
    radial-gradient(circle at center,#1a1714 0 17%, #0e0c0a 17.5% 19%, #16120e 19.5% 100%),
    repeating-radial-gradient(circle at center, rgba(255,255,255,.045) 0 1px, transparent 1px 4px);
  box-shadow:0 24px 60px rgba(0,0,0,.6), inset 0 0 60px rgba(0,0,0,.8);
}
.bx-wsy .bx-wsy-spin::after{
  content:"";position:absolute;top:50%;left:50%;width:30%;aspect-ratio:1/1;
  transform:translate(-50%,-50%);border-radius:50%;
  background:radial-gradient(circle,var(--wsy-amber) 0 60%, var(--red-deep) 61% 100%);
  box-shadow:0 0 0 1px rgba(0,0,0,.5);
}

.bx-wsy .bx-sleeve{
  position:relative;z-index:2;background:#f4f1eb;padding:14px 14px 16px;
  box-shadow:0 34px 74px rgba(0,0,0,.62), 0 2px 0 rgba(255,255,255,.05);
  outline:1px solid rgba(0,0,0,.4);outline-offset:0;
}
/* topli mat ram unutar omota */
.bx-wsy .bx-sleeve::after{
  content:"";position:absolute;inset:14px 14px 16px;border:1px solid rgba(0,0,0,.22);
  pointer-events:none;z-index:3;
}
.bx-wsy .bx-sleeve-art{position:relative;overflow:hidden}
.bx-wsy .bx-sleeve-art img{
  display:block;width:100%;aspect-ratio:1/1;object-fit:cover;
  filter:contrast(1.06) saturate(.92) sepia(.12);
}
/* suptilan amber duotone preko omota */
.bx-wsy .bx-sleeve-art::after{
  content:"";position:absolute;inset:0;pointer-events:none;mix-blend-mode:soft-light;
  background:linear-gradient(150deg,rgba(216,162,58,.42),transparent 55%,rgba(154,8,32,.34));
}
/* "rupa" od ploce u gornjem desnom uglu omota */
.bx-wsy .bx-sleeve-hole{
  position:absolute;top:22px;right:22px;width:14px;height:14px;z-index:4;border-radius:50%;
  background:radial-gradient(circle,var(--wsy-amber) 0 40%, #0a0a0a 42% 100%);
  box-shadow:0 0 0 5px rgba(244,241,235,.85), 0 0 0 6px rgba(0,0,0,.25);
}

.bx-wsy .bx-sleeve figcaption{
  display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-top:12px;
}
.bx-wsy .bx-sleeve-a{
  font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.01em;
  font-size:16px;color:var(--black);line-height:1;
}
.bx-wsy .bx-sleeve-b{
  font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.14em;
  font-size:11px;color:var(--red-deep);white-space:nowrap;font-weight:600;
}
/* barkod na omotu */
.bx-wsy .bx-sleeve-barcode{
  height:26px;margin-top:11px;
  background-image:repeating-linear-gradient(90deg,
    #14110d 0 2px, transparent 2px 4px,
    #14110d 4px 5px, transparent 5px 9px,
    #14110d 9px 12px, transparent 12px 13px,
    #14110d 13px 14px, transparent 14px 18px);
  opacity:.85;
}

/* ============ DESNO: identitet ============ */
.bx-wsy .bx-wsy-id{position:relative}

/* mono "tape" traka iznad naslova */
.bx-wsy .bx-wsy-tape{
  display:flex;align-items:center;gap:10px;margin-bottom:20px;
  font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.18em;
  font-size:11px;color:rgba(244,241,235,.5);
}
.bx-wsy .bx-wsy-tape-l{
  display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;
  background:var(--wsy-amber);color:#0a0a0a;font-family:'Oswald',sans-serif;font-weight:700;
  font-size:13px;letter-spacing:0;
}
.bx-wsy .bx-wsy-tape-t{position:relative;padding-left:2px;color:var(--wsy-amber-soft)}
.bx-wsy .bx-wsy-tape-r{
  margin-left:auto;padding:3px 8px;border:1px solid rgba(216,162,58,.45);
  color:rgba(244,241,235,.6);letter-spacing:.22em;
}

.bx-wsy .bx-wsy-eyebrow{color:var(--wsy-amber-soft);margin-bottom:14px}

.bx-wsy .bx-wsy-h2{
  font-family:'Oswald',sans-serif;font-weight:700;color:#fff;
  font-size:clamp(46px,7vw,104px);line-height:.84;letter-spacing:.01em;margin:0 0 18px;
}
.bx-wsy .bx-wsy-h2 .red{color:var(--red-bright)}

.bx-wsy .bx-wsy-story{color:rgba(244,241,235,.8);max-width:46ch;margin:0 0 22px}

/* tracklist mono lista */
.bx-wsy .bx-wsy-track{
  list-style:none;margin:0 0 26px;padding:16px 0 0;max-width:380px;
  border-top:1px solid rgba(216,162,58,.22);
  font-family:'Barlow Condensed',sans-serif;
}
.bx-wsy .bx-wsy-track li{
  display:grid;grid-template-columns:30px 1fr auto;align-items:baseline;gap:12px;
  padding:6px 0;border-bottom:1px dashed rgba(255,255,255,.08);
  text-transform:uppercase;letter-spacing:.06em;font-size:13px;
}
.bx-wsy .bx-wsy-track .t-n{color:var(--wsy-amber);font-weight:600;letter-spacing:.04em}
.bx-wsy .bx-wsy-track .t-t{color:rgba(244,241,235,.72)}
.bx-wsy .bx-wsy-track .t-d{color:rgba(244,241,235,.4);font-variant-numeric:tabular-nums}

/* CTA red */
.bx-wsy .bx-wsy-cta{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.bx-wsy .bx-wsy-btn.btn-ghost{border-color:rgba(216,162,58,.7);color:#fff}
.bx-wsy .bx-wsy-btn.btn-ghost:hover{background:var(--wsy-amber);color:#0a0a0a;border-color:var(--wsy-amber)}
.bx-wsy .bx-wsy-btn .arrow{color:var(--wsy-amber)}
.bx-wsy .bx-wsy-btn.btn-ghost:hover .arrow{color:#0a0a0a}
.bx-wsy .bx-wsy-tag{
  font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.22em;
  font-size:11px;color:rgba(244,241,235,.42);
  padding-left:18px;border-left:1px solid rgba(216,162,58,.3);
}

/* ============ RESPONSIVE ============ */
@media (max-width:880px){
  .bx-wsy .bx-wsy-inner{grid-template-columns:1fr;gap:38px}
  .bx-wsy .bx-wsy-inner > *{min-width:0}
  .bx-wsy .bx-wsy-sleeve-col{max-width:420px}
  .bx-wsy .bx-wsy-spin{right:-6%;width:50%}
  .bx-wsy .bx-wsy-rpm{font-size:38vw;bottom:-4%;opacity:.7}
  .bx-wsy .bx-wsy-track{max-width:none}
}
@media (max-width:480px){
  .bx-wsy .bx-wsy-tape-r{display:none}
  .bx-wsy .bx-wsy-tag{padding-left:0;border-left:0}
  .bx-wsy .bx-sleeve-b{font-size:10px}
}

/* ===== 5 / PG WEAR - terrace fanzine / photocopy ===== */
/* hladna, blago plavkasta beton siva + scarf-stripe akcent */
.bx-pg{
  background:
    radial-gradient(120% 90% at 78% 18%, #20242b 0%, rgba(32,36,43,0) 55%),
    linear-gradient(180deg,#1b1e24 0%,#15171c 60%,#101216 100%);
}

/* photocopy / zine grain + dijagonalna mreza preko cijele sekcije */
.bx-pg::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background-image:
    repeating-linear-gradient(135deg,rgba(255,255,255,.022) 0 1px,transparent 1px 9px),
    repeating-linear-gradient(45deg,rgba(0,0,0,.10) 0 1px,transparent 1px 9px),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");
  mix-blend-mode:overlay;
}

/* --- background dekoracije --- */
.bx-pg-bg{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}

/* velika ghost PG */
.bx-pg-ghost{
  position:absolute;right:-2vw;top:-3vw;
  font-family:'Oswald',sans-serif;font-weight:700;line-height:.78;
  font-size:clamp(180px,34vw,560px);letter-spacing:-.02em;
  color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.05);
  text-stroke:2px rgba(255,255,255,.05);
  text-transform:uppercase;user-select:none;
}

/* scarf-stripe trake (crveno-bijele navijacke) - dijagonalno */
.bx-pg-scarf{
  position:absolute;left:-12%;width:124%;height:clamp(20px,2.4vw,34px);
  transform:rotate(-4deg);opacity:.5;
  background:repeating-linear-gradient(90deg,
    var(--red-deep) 0 26px,
    #e9e6df 26px 38px,
    var(--red) 38px 64px,
    #e9e6df 64px 76px);
  -webkit-mask:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);
  mask:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);
}
.bx-pg-scarf-top{top:9%}
.bx-pg-scarf-bot{bottom:7%;transform:rotate(2.5deg);opacity:.4}

/* mono koordinate / sektor oznake */
.bx-pg-coord{
  position:absolute;font-family:'Barlow Condensed',sans-serif;font-weight:600;
  font-size:11px;letter-spacing:.34em;text-transform:uppercase;
  color:rgba(255,255,255,.30);white-space:nowrap;
}
.bx-pg-coord-tl{top:clamp(20px,4vw,40px);left:var(--pad)}
.bx-pg-coord-br{bottom:clamp(20px,4vw,40px);right:var(--pad)}
.bx-pg-coord::before{content:"";display:inline-block;width:18px;height:1px;background:var(--red-bright);vertical-align:middle;margin-right:9px}

/* gradijent flare osvjetljenje */
.bx-pg-flare{
  position:absolute;left:-8%;bottom:-14%;width:46%;height:54%;
  background:radial-gradient(closest-side, rgba(200,16,46,.22), rgba(200,16,46,0) 70%);
  filter:blur(8px);
}

/* scrolling marquee traka */
.bx-pg-marquee{
  position:absolute;left:0;right:0;bottom:clamp(14px,2.6vw,30px);
  overflow:hidden;opacity:.07;transform:rotate(-1deg);
  -webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
  mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
}
.bx-pg-marquee span{
  display:inline-block;white-space:nowrap;
  font-family:'Oswald',sans-serif;font-weight:700;
  font-size:clamp(34px,6vw,82px);letter-spacing:.04em;text-transform:uppercase;
  color:#fff;animation:bx-pg-roll 32s linear infinite;
}
@keyframes bx-pg-roll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* --- inner layout --- */
.bx-pg-inner{
  position:relative;z-index:2;
  max-width:var(--max);margin:0 auto;
  padding:clamp(64px,9vw,120px) var(--pad);
  display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,70px);align-items:center;
}

/* --- pinned polaroidi --- */
.bx-pg-photos{position:relative;height:clamp(340px,42vw,490px);min-width:0}

/* registracijski krizic iza slika (zine detalj) */
.bx-pg-grid-cross{
  position:absolute;left:50%;top:50%;width:46px;height:46px;
  transform:translate(-60%,-40%);opacity:.5;pointer-events:none;
  background:
    linear-gradient(rgba(255,255,255,.4),rgba(255,255,255,.4)) 50% 0/1px 100% no-repeat,
    linear-gradient(rgba(255,255,255,.4),rgba(255,255,255,.4)) 0 50%/100% 1px no-repeat;
}

/* polaroid ram override (scope-ovano) */
.bx-pg-photo{
  position:absolute;width:min(64%,256px);
  background:#f2efe8;padding:11px 11px 0;
  box-shadow:0 26px 52px rgba(0,0,0,.55),0 4px 12px rgba(0,0,0,.4);
}
.bx-pg-photo::after{inset:11px 11px 46px;border:1px solid rgba(0,0,0,.14)}
.bx-pg-photo img{
  aspect-ratio:3/4;width:100%;height:auto;display:block;
  filter:grayscale(.42) contrast(1.12) brightness(.97);
}
.bx-pg-photo figcaption{
  font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;
  letter-spacing:.2em;font-size:10.5px;color:#5a5a57;
  padding:12px 0 13px;text-align:center;
}
.bx-pg-photo-0{left:2%;top:0;transform:rotate(-5deg);z-index:3}
.bx-pg-photo-1{right:2%;bottom:0;transform:rotate(4deg);z-index:2}

/* tape detalj na vrhu polaroida */
.bx-pg-tape{
  position:absolute;top:-13px;left:50%;width:74px;height:26px;
  transform:translateX(-50%) rotate(-3deg);z-index:5;
  background:repeating-linear-gradient(90deg,
    rgba(228,224,214,.78) 0 6px, rgba(208,204,194,.78) 6px 12px);
  box-shadow:0 2px 6px rgba(0,0,0,.25);
  -webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);
  mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);
}
.bx-pg-photo-1 .bx-pg-tape{transform:translateX(-50%) rotate(4deg);width:62px}

/* --- id / ticket strana --- */
.bx-pg-id{min-width:0}
.bx-pg-eyebrow{color:rgba(255,255,255,.62)}
.bx-pg-eyebrow::before{content:"";display:inline-block;width:26px;height:2px;background:var(--red-bright);vertical-align:middle;margin-right:11px}
.bx-pg-name{
  font-family:'Oswald',sans-serif;font-weight:700;
  font-size:clamp(40px,5.8vw,92px);line-height:.88;margin:0 0 18px;
  color:var(--text-on-dark);text-transform:uppercase;letter-spacing:-.01em;
}
.bx-pg-name br{display:block}

/* match-ticket detalj (perforacija + dva stupca) */
.bx-pg-ticket{
  position:relative;display:flex;align-items:stretch;gap:0;
  margin:6px 0 26px;max-width:380px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.12);
}
.bx-pg-ticket-perf{
  position:absolute;left:50%;top:6px;bottom:6px;width:1px;transform:translateX(-50%);
  background-image:linear-gradient(rgba(255,255,255,.42) 0 5px,transparent 5px 11px);
  background-size:1px 11px;background-repeat:repeat-y;
}
.bx-pg-ticket-col{flex:1;padding:13px 18px;display:flex;flex-direction:column;gap:5px}
.bx-pg-ticket-col-r{text-align:right;align-items:flex-end}
.bx-pg-ticket-k{
  font-family:'Barlow Condensed',sans-serif;font-weight:600;
  font-size:10px;letter-spacing:.32em;text-transform:uppercase;
  color:var(--red-bright);
}
.bx-pg-ticket-v{
  font-family:'Oswald',sans-serif;font-weight:600;font-size:15px;
  letter-spacing:.06em;text-transform:uppercase;color:rgba(244,241,235,.92);
}

/* --- responsive --- */
@media (max-width:880px){
  .bx-pg-inner{grid-template-columns:1fr;gap:40px}
  .bx-pg-inner > *{min-width:0}
  .bx-pg-photos{position:static;height:auto;display:flex;flex-wrap:wrap;gap:30px 18px;justify-content:center;padding-top:14px}
  .bx-pg-photo{position:static;width:min(56%,220px)}
  .bx-pg-photo-0,.bx-pg-photo-1{transform:rotate(-3deg)}
  .bx-pg-photo-1{transform:rotate(3deg)}
  .bx-pg-grid-cross{display:none}
  .bx-pg-ghost{font-size:46vw;top:-6vw}
  .bx-pg-scarf-top{top:4%}
  .bx-pg-coord-tl,.bx-pg-coord-br{display:none}
  .bx-pg-ticket{max-width:100%}
}
@media (max-width:520px){
  .bx-pg-photo{width:min(74%,230px)}
  .bx-pg-marquee{display:none}
}
@media (prefers-reduced-motion:reduce){
  .bx-pg-marquee span{animation:none}
}

/* ============================================================
   6 / BROTHERS - porodicni arhiv / contact sheet (topla sepia)
   ============================================================ */
.bx-brothers{
  position:relative;
  background:
    radial-gradient(120% 90% at 18% 12%, rgba(120,72,30,.30), transparent 56%),
    radial-gradient(100% 80% at 92% 96%, rgba(70,40,16,.40), transparent 60%),
    linear-gradient(168deg, #241a12 0%, #1a130d 46%, #120c07 100%);
  color:#f0e6d6;
}

/* (1) papir / film grain tekstura */
.bx-brothers .bx-br-grain{
  position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.5;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");
}

/* (2) ponavljajuci pattern - suptilne tople niti */
.bx-brothers::before{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.6;
  background-image:repeating-linear-gradient(115deg, rgba(214,170,110,.045) 0 1px, transparent 1px 13px);
}

/* (3) velika ghost tipografija */
.bx-brothers .bx-br-ghost{
  position:absolute;left:50%;bottom:-6%;transform:translateX(-50%);z-index:0;pointer-events:none;
  font-family:'Oswald',sans-serif;font-weight:700;line-height:1;white-space:nowrap;
  font-size:min(24vw,310px);letter-spacing:.01em;
  color:transparent;-webkit-text-stroke:1px rgba(228,186,128,.07);
}

/* (4) filmske perforacije sa strane */
.bx-brothers .bx-br-perf{
  position:absolute;top:0;bottom:0;width:26px;z-index:1;pointer-events:none;opacity:.7;
  background-image:
    linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.35)),
    repeating-linear-gradient(180deg, transparent 0 14px, rgba(238,200,142,.16) 14px 30px);
  background-size:100% 100%, 14px 44px;
  background-repeat:no-repeat, repeat-y;
  background-position:center, center 6px;
  -webkit-mask-image:repeating-linear-gradient(180deg, #000 0 30px, #000 30px 44px);
}
.bx-brothers .bx-br-perf-l{left:0;border-right:1px solid rgba(238,200,142,.10)}
.bx-brothers .bx-br-perf-r{right:0;border-left:1px solid rgba(238,200,142,.10)}

/* (5) gradijent flare / osvjetljenje */
.bx-brothers .bx-br-flare{
  position:absolute;top:-18%;left:8%;width:48%;height:90%;z-index:0;pointer-events:none;
  background:radial-gradient(circle, rgba(232,168,84,.22), transparent 64%);
  filter:blur(26px);
}

/* layout */
.bx-brothers .bx-br-inner{
  position:relative;z-index:3;
  max-width:var(--max);margin:0 auto;
  padding:clamp(56px,8vw,104px) var(--pad);
  display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(30px,5vw,68px);align-items:center;
}
.bx-brothers .bx-br-id{position:relative;min-width:0}

.bx-brothers .bx-br-eyebrow{color:rgba(232,196,142,.78);margin-bottom:14px}

.bx-brothers .bx-br-tags{
  display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px;
  font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:10px;
  letter-spacing:.18em;text-transform:uppercase;
}
.bx-brothers .bx-br-tags span{
  padding:4px 9px;color:rgba(236,206,158,.72);
  border:1px solid rgba(226,178,118,.28);background:rgba(226,178,118,.04);
}

.bx-brothers h2{
  font-size:clamp(44px,6vw,94px);line-height:.84;margin:0 0 18px;
  font-family:'Oswald',sans-serif;font-weight:700;color:#f7eddc;letter-spacing:.005em;
}
.bx-brothers h2 .red{color:#f0a64a}

.bx-brothers .bx-story{color:rgba(240,228,210,.82);max-width:42ch}

.bx-brothers .bx-br-meta{
  display:flex;align-items:center;gap:14px;margin:0 0 26px;
  font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;
  letter-spacing:.16em;font-size:11px;
}
.bx-brothers .bx-br-stamp{
  color:#1a130d;background:linear-gradient(180deg,#e6b06a,#d2934a);
  padding:5px 12px;font-weight:700;letter-spacing:.14em;
  box-shadow:0 4px 14px rgba(0,0,0,.35);transform:rotate(-1.5deg);
}
.bx-brothers .bx-br-count{color:rgba(232,196,142,.62);position:relative;padding-left:18px}
.bx-brothers .bx-br-count::before{
  content:"";position:absolute;left:0;top:50%;width:10px;height:1px;
  background:rgba(232,196,142,.45);transform:translateY(-50%);
}

.bx-brothers .btn-ghost{color:#f5e8d4;border-color:rgba(232,196,142,.5)}
.bx-brothers .btn-ghost:hover{background:#e6b06a;color:#1a130d;border-color:#e6b06a}

/* gallery wall */
.bx-brothers .bx-br-wall{position:relative;height:clamp(360px,44vw,510px);min-width:0}

/* contact-sheet marker u uglu */
.bx-brothers .bx-br-corner{
  position:absolute;right:1%;top:-6%;z-index:0;pointer-events:none;
  width:74px;height:74px;
  background-image:
    linear-gradient(90deg, rgba(232,196,142,.5) 0 14px, transparent 14px),
    linear-gradient(0deg, rgba(232,196,142,.5) 0 14px, transparent 14px);
  background-position:right top, right top;background-repeat:no-repeat;
  opacity:.5;
}

.bx-brothers .bx-br-frame{position:absolute;padding:9px;background:#efe4d0}
.bx-brothers .bx-br-frame::after{inset:9px;border-color:rgba(40,26,14,.20)}
.bx-brothers .bx-br-frame img{aspect-ratio:3/4;filter:sepia(.30) saturate(.92) contrast(1.04) brightness(.98)}
.bx-brothers .bx-br-frame figcaption{
  font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;
  letter-spacing:.14em;font-size:10px;color:rgba(60,40,22,.72);padding-top:9px;text-align:center;
}
.bx-brothers .bx-br-frame-0{left:0;top:2%;width:46%;z-index:1;transform:rotate(-3deg)}
.bx-brothers .bx-br-frame-1{right:2%;top:0;width:43%;z-index:3;transform:rotate(2.5deg)}
.bx-brothers .bx-br-frame-2{left:24%;bottom:0;width:42%;z-index:2;transform:rotate(-1deg)}

/* tape uglovi na slikama */
.bx-brothers .bx-br-tape{
  position:absolute;z-index:5;width:58px;height:20px;pointer-events:none;
  background:linear-gradient(180deg, rgba(236,216,176,.72), rgba(214,186,138,.58));
  box-shadow:0 2px 5px rgba(0,0,0,.28);
  border-left:1px dashed rgba(120,86,40,.30);border-right:1px dashed rgba(120,86,40,.30);
}
.bx-brothers .bx-br-tape-a{top:-9px;left:-12px;transform:rotate(-38deg)}
.bx-brothers .bx-br-tape-b{bottom:-9px;right:-12px;transform:rotate(-38deg)}

/* ---- responsive ---- */
@media (max-width:880px){
  .bx-brothers .bx-br-inner{grid-template-columns:1fr;gap:34px}
  .bx-brothers .bx-br-wall{position:static;height:auto;display:flex;flex-wrap:wrap;gap:20px;justify-content:center}
  .bx-brothers .bx-br-frame{position:static;width:min(46%,210px);transform:none}
  .bx-brothers .bx-br-frame img{aspect-ratio:3/4}
  .bx-brothers .bx-br-corner{display:none}
  .bx-brothers .bx-br-ghost{font-size:34vw;bottom:2%}
  .bx-brothers .bx-br-perf{width:16px;opacity:.5}
}
@media (max-width:520px){
  .bx-brothers .bx-br-frame{width:min(78%,260px)}
  .bx-brothers .bx-br-tags{gap:6px}
  .bx-brothers .bx-br-meta{flex-wrap:wrap;gap:10px}
  .bx-brothers .bx-br-perf{display:none}
}

/* ---- 7 / SISTERS - atelier / soft editorial (blush na grafitu) ---- */
.bx-sisters{
  --blush:#e8b6bd;
  --blush-deep:#d98a98;
  --char:#16151a;
  --char-2:#1d1b22;
  background:
    radial-gradient(1100px 720px at 78% 8%, rgba(232,182,189,.10), rgba(232,182,189,0) 60%),
    radial-gradient(900px 640px at 12% 96%, rgba(217,138,152,.07), rgba(217,138,152,0) 58%),
    linear-gradient(180deg, #1a181f 0%, #16151a 46%, #131218 100%);
  isolation:isolate;
}

/* ===== background sloj ===== */
.bx-sisters .bx-si-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}

/* ghost broj 07 */
.bx-sisters .bx-si-ghost{
  position:absolute;right:3%;top:4%;
  font-family:'Oswald',sans-serif;font-weight:700;font-size:min(34vw,440px);line-height:.8;
  letter-spacing:-.02em;
  background:linear-gradient(180deg, rgba(232,182,189,.10), rgba(232,182,189,.015));
  -webkit-background-clip:text;background-clip:text;color:transparent;
  -webkit-text-stroke:1px rgba(232,182,189,.06);
}

/* mekani script akcent */
.bx-sisters .bx-si-script{
  position:absolute;left:4%;bottom:7%;
  font-family:'Barlow Condensed',sans-serif;font-weight:600;font-style:italic;
  font-size:clamp(60px,11vw,150px);line-height:1;letter-spacing:.01em;
  color:rgba(232,182,189,.045);
  text-transform:lowercase;
}

/* tackasti raster */
.bx-sisters .bx-si-dots{
  position:absolute;left:50%;top:8%;width:260px;height:300px;
  background-image:radial-gradient(rgba(232,182,189,.22) 1px, transparent 1.4px);
  background-size:15px 15px;
  -webkit-mask-image:radial-gradient(ellipse at center, #000 0%, transparent 72%);
  mask-image:radial-gradient(ellipse at center, #000 0%, transparent 72%);
  opacity:.5;
}

/* gradijent flare */
.bx-sisters .bx-si-flare{
  position:absolute;left:-8%;top:24%;width:60%;height:62%;
  background:radial-gradient(circle at 30% 40%, rgba(232,182,189,.14), rgba(232,182,189,0) 60%);
  filter:blur(8px);
}

/* fini ruleri sa crticama */
.bx-sisters .bx-si-ruler{position:absolute;background:rgba(232,182,189,.10)}
.bx-sisters .bx-si-ruler-t{
  left:var(--pad);right:var(--pad);top:clamp(34px,5vw,64px);height:1px;
}
.bx-sisters .bx-si-ruler-t::before{
  content:"";position:absolute;inset:0;
  background-image:repeating-linear-gradient(90deg, rgba(232,182,189,.30) 0 1px, transparent 1px 34px);
  height:7px;top:-3px;
}
.bx-sisters .bx-si-ruler-l{
  top:18%;bottom:18%;left:calc(var(--pad) + 8px);width:1px;
}
.bx-sisters .bx-si-ruler-l::before{
  content:"";position:absolute;inset:0;left:0;width:6px;
  background-image:repeating-linear-gradient(0deg, rgba(232,182,189,.26) 0 1px, transparent 1px 30px);
}

/* suptilan ornamentalni krug */
.bx-sisters .bx-si-orn{
  position:absolute;right:9%;bottom:14%;width:170px;height:170px;border-radius:50%;
  border:1px solid rgba(232,182,189,.12);
}
.bx-sisters .bx-si-orn::before{
  content:"";position:absolute;inset:18px;border-radius:50%;
  border:1px dashed rgba(232,182,189,.10);
}
.bx-sisters .bx-si-orn::after{
  content:"";position:absolute;left:50%;top:50%;width:5px;height:5px;border-radius:50%;
  margin:-2.5px 0 0 -2.5px;background:rgba(232,182,189,.30);
}

/* grain / papir tekstura */
.bx-sisters .bx-si-grain{
  position:absolute;inset:0;opacity:.16;mix-blend-mode:soft-light;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E");
}

/* ===== sadrzaj ===== */
.bx-sisters .bx-si-inner{
  position:relative;z-index:2;
  max-width:var(--max);margin:0 auto;
  padding:clamp(70px,9vw,128px) var(--pad);
  display:grid;grid-template-columns:minmax(0,430px) 1fr;
  gap:clamp(40px,6vw,96px);align-items:center;
}

/* galerijski mat ram */
.bx-sisters .bx-mat{
  position:relative;min-width:0;
  background:linear-gradient(180deg,#fbfafa,#f1eeee);
  padding:clamp(22px,2.6vw,40px) clamp(22px,2.6vw,40px) clamp(16px,1.8vw,26px);
  box-shadow:
    0 2px 0 rgba(255,255,255,.5) inset,
    0 40px 80px -28px rgba(0,0,0,.62),
    0 10px 30px -16px rgba(217,138,152,.30);
}
.bx-sisters .bx-mat::after{
  content:"";position:absolute;left:clamp(14px,1.6vw,24px);top:clamp(14px,1.6vw,24px);
  right:clamp(14px,1.6vw,24px);
  bottom:calc(clamp(16px,1.8vw,26px) + 30px);
  border:1px solid rgba(20,18,22,.10);pointer-events:none;
}
.bx-sisters .bx-mat-img{position:relative;overflow:hidden;background:#ddd}
.bx-sisters .bx-mat-img::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg, rgba(232,182,189,.05), rgba(20,18,22,.07));
  mix-blend-mode:multiply;
}
.bx-sisters .bx-mat img{
  display:block;width:100%;aspect-ratio:4/5;object-fit:cover;
  filter:saturate(.92) contrast(1.02);
}
.bx-sisters .bx-mat-cap{
  display:flex;justify-content:space-between;align-items:center;gap:12px;
  font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;
  letter-spacing:.18em;font-size:11px;color:#7a7a78;padding-top:13px;
}
.bx-sisters .bx-mat-cap-r{color:var(--blush-deep);letter-spacing:.2em}

/* ticks na mat ramu */
.bx-sisters .bx-si-tick{position:absolute;width:13px;height:13px;z-index:3;opacity:.6}
.bx-sisters .bx-si-tick-tl{left:-5px;top:-5px;border-left:1px solid var(--blush);border-top:1px solid var(--blush)}
.bx-sisters .bx-si-tick-br{right:-5px;bottom:-5px;border-right:1px solid var(--blush);border-bottom:1px solid var(--blush)}

/* ===== identitet (desno) ===== */
.bx-sisters .bx-si-id{position:relative;min-width:0}

/* pecat "nova linija 07" */
.bx-sisters .bx-si-stamp{
  position:absolute;right:0;top:-10px;width:96px;height:96px;border-radius:50%;
  border:1px solid rgba(232,182,189,.32);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;
  transform:rotate(-9deg);color:var(--blush);opacity:.85;
  font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;
}
.bx-sisters .bx-si-stamp::before{
  content:"";position:absolute;inset:5px;border-radius:50%;border:1px dashed rgba(232,182,189,.24);
}
.bx-sisters .bx-si-stamp-top{font-size:9px;letter-spacing:.3em}
.bx-sisters .bx-si-stamp-mid{font-size:14px;font-weight:600;letter-spacing:.16em}
.bx-sisters .bx-si-stamp-bot{font-size:9px;letter-spacing:.32em;color:rgba(232,182,189,.6)}

.bx-sisters .bx-eyebrow.light{color:var(--blush)}

.bx-sisters h2{
  font-family:'Oswald',sans-serif;font-weight:700;
  font-size:clamp(42px,5.8vw,90px);line-height:1;margin:0 0 4px;
  color:#f6f1ef;letter-spacing:-.005em;
}
.bx-sisters h2 .red{color:var(--blush-deep)}

.bx-sisters .bx-si-rule{
  display:block;width:64px;height:2px;margin:18px 0 22px;
  background:linear-gradient(90deg, var(--blush), rgba(232,182,189,0));
}

.bx-sisters .bx-story{
  color:rgba(244,241,235,.74);max-width:42ch;line-height:1.78;margin:0 0 24px;
}

/* meta red */
.bx-sisters .bx-si-meta{
  display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:0 0 30px;
  font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;
  letter-spacing:.2em;font-size:11px;color:rgba(232,182,189,.7);
}
.bx-sisters .bx-si-meta-sep{width:4px;height:4px;border-radius:50%;background:rgba(232,182,189,.4)}

.bx-sisters .btn-ghost{border-color:rgba(232,182,189,.5);color:#f6f1ef}
.bx-sisters .btn-ghost:hover{border-color:var(--blush);background:rgba(232,182,189,.10)}

/* koordinatni tagovi u uglovima */
.bx-sisters .bx-si-coord{
  position:absolute;z-index:2;
  font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;
  letter-spacing:.28em;font-size:10px;color:rgba(232,182,189,.42);
}
.bx-sisters .bx-si-coord-bl{left:var(--pad);bottom:clamp(20px,3vw,34px)}
.bx-sisters .bx-si-coord-br{right:var(--pad);bottom:clamp(20px,3vw,34px)}

/* ===== responsive ===== */
@media (max-width:880px){
  .bx-sisters .bx-si-inner{grid-template-columns:1fr;gap:38px;padding:clamp(58px,12vw,86px) var(--pad)}
  .bx-sisters .bx-mat{max-width:420px;margin:0 auto}
  .bx-sisters .bx-si-ghost{font-size:46vw;top:2%;right:-4%}
  .bx-sisters .bx-si-orn,.bx-sisters .bx-si-ruler-l,.bx-sisters .bx-si-dots{display:none}
  .bx-sisters .bx-si-stamp{width:78px;height:78px;top:-4px}
  .bx-sisters .bx-si-coord-br{display:none}
}
@media (max-width:520px){
  .bx-sisters .bx-si-script{font-size:24vw;bottom:5%}
  .bx-sisters .bx-si-coord-bl{display:none}
  .bx-sisters .bx-si-stamp{display:none}
  .bx-sisters h2{font-size:clamp(40px,13vw,60px)}
}


/* ============================================================
   SVIJETLE SEKCIJE - obogacenje (dizajn agenti)
   ============================================================ */

.rich-brendovi{background:linear-gradient(180deg,#f7f7f6 0%,#efefee 55%,#e9e9e7 100%)}
.rich-brendovi .rich-brendovi-deco{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}

/* (1) papir grain - tamno na svijetlom */
.rich-brendovi .rb-paper{position:absolute;inset:0;
  background:
    repeating-linear-gradient(135deg, rgba(0,0,0,.020) 0 1px, transparent 1px 24px),
    repeating-linear-gradient(45deg, rgba(0,0,0,.013) 0 1px, transparent 1px 38px),
    radial-gradient(circle at 50% 0%, rgba(0,0,0,.012) 0, transparent 60%);
  opacity:.9}

/* (2) fine registar linije / mreza */
.rich-brendovi .rb-grid-lines{position:absolute;inset:0;
  background-image:
    linear-gradient(90deg, rgba(0,0,0,.035) 0 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,0,0,.035) 0 1px, transparent 1px),
    linear-gradient(180deg, rgba(0,0,0,.028) 0 1px, transparent 1px);
  background-size:100% 100%, 100% 100%, 100% 50%;
  background-position:14% 0, 86% 0, 0 28%;
  background-repeat:no-repeat}

/* (3) velika svijetlosiva ghost tipografija */
.rich-brendovi .rb-ghost{position:absolute;left:-1.5%;bottom:-7%;
  font-family:'Oswald',sans-serif;font-weight:800;
  font-size:clamp(96px,15.5vw,232px);line-height:.78;letter-spacing:.005em;
  text-transform:uppercase;white-space:nowrap;user-select:none;
  color:transparent;-webkit-text-stroke:1.5px rgba(0,0,0,.05)}

/* (4) crvene akcentne oznake - rail tickovi */
.rich-brendovi .rb-rail{position:absolute;top:14%;bottom:14%;display:flex;flex-direction:column;justify-content:space-between}
.rich-brendovi .rb-rail-l{left:calc(var(--pad) * .42)}
.rich-brendovi .rb-tick{display:block;width:16px;height:2px;background:var(--red);opacity:.55}
.rich-brendovi .rb-tick:nth-child(odd){width:26px;opacity:.8}

/* crveni uglovi - okvir kataloga */
.rich-brendovi .rb-corner{position:absolute;width:34px;height:34px}
.rich-brendovi .rb-corner-tl{top:calc(var(--pad) * .55);left:calc(var(--pad) * .55);border-top:2px solid var(--red);border-left:2px solid var(--red);opacity:.7}
.rich-brendovi .rb-corner-br{bottom:calc(var(--pad) * .55);right:calc(var(--pad) * .55);border-bottom:2px solid var(--red);border-right:2px solid var(--red);opacity:.7}

/* mono tagovi */
.rich-brendovi .rb-tag{position:absolute;font-family:'Barlow Condensed',sans-serif;font-weight:600;
  font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--text-dim)}
.rich-brendovi .rb-tag::before{content:"";display:inline-block;width:7px;height:7px;margin-right:8px;
  background:var(--red);transform:translateY(1px)}
.rich-brendovi .rb-tag-top{top:calc(var(--pad) * .55);right:calc(var(--pad) * 1.05);opacity:.85}
.rich-brendovi .rb-tag-bottom{bottom:calc(var(--pad) * .7);left:calc(var(--pad) * 1.4);opacity:.7}

/* crveni pecat */
.rich-brendovi .rb-stamp{position:absolute;top:11%;right:7%;
  font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:12px;letter-spacing:.3em;
  text-transform:uppercase;color:var(--red);opacity:.5;
  padding:5px 10px;border:1.5px solid var(--red);border-radius:2px;transform:rotate(-7deg)}

/* koordinate mono */
.rich-brendovi .rb-coord{position:absolute;bottom:calc(var(--pad) * .7);right:calc(var(--pad) * 1.05);
  font-family:'Barlow Condensed',sans-serif;font-weight:500;font-size:10.5px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--text-dim);opacity:.7}

/* (5) suptilna vinjeta da podloga "dise" */
.rich-brendovi .rb-vignette{position:absolute;inset:0;
  background:radial-gradient(120% 90% at 50% 30%, transparent 55%, rgba(0,0,0,.05) 100%)}

/* sadrzaj iznad dekoracija */
.rich-brendovi .section-head,
.rich-brendovi .brands-intro,
.rich-brendovi .brands-grid{position:relative;z-index:1}

@media (max-width:1024px){
  .rich-brendovi .rb-rail,
  .rich-brendovi .rb-stamp{display:none}
  .rich-brendovi .rb-tag-bottom{left:var(--pad)}
}
@media (max-width:680px){
  .rich-brendovi .rb-grid-lines,
  .rich-brendovi .rb-coord,
  .rich-brendovi .rb-tag-top,
  .rich-brendovi .rb-corner{display:none}
  .rich-brendovi .rb-ghost{font-size:clamp(80px,26vw,140px)}
}

.rich-kategorije{background:linear-gradient(180deg,#ffffff 0%,#f7f7f5 60%,#f2f2f0 100%)}

.rich-kategorije .section-head,
.rich-kategorije .kat-grid,
.rich-kategorije .sec-cta{position:relative;z-index:1}

.rich-kategorije .rich-kategorije-deco{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}

/* (1) suptilni tackasti raster + fini grain - tamno na svijetlom */
.rich-kategorije .rk-grain{
  position:absolute;inset:0;
  background:
    radial-gradient(rgba(0,0,0,.045) 1px, transparent 1.4px) 0 0/22px 22px,
    repeating-linear-gradient(0deg, rgba(0,0,0,.014) 0 1px, transparent 1px 30px);
  mask-image:linear-gradient(115deg, #000 0%, transparent 42%);
  -webkit-mask-image:linear-gradient(115deg, #000 0%, transparent 42%);
  opacity:.9;
}

/* (5) suptilna vinjeta da svijetla podloga "dise" */
.rich-kategorije .rk-vignette{
  position:absolute;inset:0;
  background:
    radial-gradient(120% 90% at 88% 6%, rgba(200,16,46,.05), transparent 46%),
    radial-gradient(130% 120% at 12% 100%, rgba(0,0,0,.035), transparent 55%);
}

/* (2) fine horizontalne registar linije */
.rich-kategorije .rk-hlines{
  position:absolute;left:0;right:0;top:0;height:100%;
  background-image:repeating-linear-gradient(180deg, rgba(0,0,0,.035) 0 1px, transparent 1px 96px);
  -webkit-mask-image:linear-gradient(90deg, #000 0 9%, transparent 17%);
  mask-image:linear-gradient(90deg, #000 0 9%, transparent 17%);
}

/* tackasti raster u gornjem desnom uglu */
.rich-kategorije .rk-dots{
  position:absolute;top:6%;right:3%;width:200px;height:130px;
  background:radial-gradient(rgba(0,0,0,.16) 1.3px, transparent 1.8px) 0 0/15px 15px;
  -webkit-mask-image:radial-gradient(70% 80% at 80% 20%, #000, transparent 75%);
  mask-image:radial-gradient(70% 80% at 80% 20%, #000, transparent 75%);
  opacity:.6;
}

.rich-kategorije .rk-flare{
  position:absolute;top:-12%;right:-6%;width:540px;height:540px;
  background:radial-gradient(circle, rgba(200,16,46,.07), transparent 62%);
}

/* (3) velika svijetlosiva ghost rijec - drugi sloj iza sadrzaja, lijevo dno */
.rich-kategorije .rk-index{
  position:absolute;left:-1%;bottom:-7%;
  font-family:'Oswald',sans-serif;font-weight:800;
  font-size:clamp(90px,15vw,210px);line-height:.8;letter-spacing:.01em;
  text-transform:uppercase;white-space:nowrap;
  color:transparent;-webkit-text-stroke:1.5px rgba(0,0,0,.04);
}

/* numerisane registar linije sa strane (01/02/03...) */
.rich-kategorije .rk-register{
  position:absolute;left:var(--pad);top:30%;
  display:flex;flex-direction:column;gap:13px;
}
.rich-kategorije .rk-reg-line{
  display:flex;align-items:center;gap:8px;
  font-family:'Barlow Condensed','Barlow',sans-serif;font-weight:600;
  font-size:14px;letter-spacing:.14em;color:var(--text-dim);
  text-transform:uppercase;
}
.rich-kategorije .rk-reg-line em{font-style:normal;font-weight:500;color:rgba(0,0,0,.28);letter-spacing:.1em}
/* (4) crveni tickovi */
.rich-kategorije .rk-tick{width:16px;height:2px;background:var(--red);display:inline-block}

/* (4) crveni mono tagovi / koordinate */
.rich-kategorije .rk-mono{
  position:absolute;
  font-family:'Barlow Condensed','Barlow',sans-serif;font-weight:600;
  font-size:12px;letter-spacing:.26em;text-transform:uppercase;
  color:var(--red);
}
.rich-kategorije .rk-mono-top{top:5%;left:var(--pad)}
.rich-kategorije .rk-mono-bot{bottom:5.5%;right:var(--pad);color:var(--text-dim)}

/* crveni okvir-pecat dolje desno */
.rich-kategorije .rk-stamp{
  position:absolute;bottom:11%;right:5%;
  display:inline-flex;align-items:center;gap:6px;
  padding:7px 14px;border:1.5px solid rgba(200,16,46,.4);border-radius:2px;
  font-family:'Barlow Condensed','Barlow',sans-serif;font-weight:700;
  font-size:13px;letter-spacing:.22em;text-transform:uppercase;
  color:rgba(200,16,46,.85);transform:rotate(-4deg);
}
.rich-kategorije .rk-stamp i{font-style:normal;color:rgba(200,16,46,.45);font-weight:400}

@media (max-width:880px){
  .rich-kategorije .rk-register,
  .rich-kategorije .rk-stamp,
  .rich-kategorije .rk-dots{display:none}
  .rich-kategorije .rk-hlines{-webkit-mask-image:none;mask-image:none;opacity:.5}
  .rich-kategorije .rk-mono-bot{display:none}
}

.rich-shop{position:relative;background:linear-gradient(180deg,#fbfbfa 0%,#f4f4f2 56%,#efeeec 100%);overflow:hidden}

/* deco wrapper */
.rich-shop .rich-shop-deco{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}

/* podigni stvarni sadrzaj iznad dekoracija */
.rich-shop .section-head,
.rich-shop .drop-carousel,
.rich-shop .sec-cta{position:relative;z-index:1}

/* (1) suptilan papir wash - svijetlo */
.rich-shop .rs-paper{position:absolute;inset:0;
  background:
    radial-gradient(120% 80% at 8% 0%, rgba(255,255,255,.7) 0%, transparent 55%),
    radial-gradient(120% 90% at 100% 100%, rgba(0,0,0,.025) 0%, transparent 50%);}

/* (1b) grain / tackasti raster - tamno na svijetlom, vrlo diskretno */
.rich-shop .rs-grain{position:absolute;inset:0;opacity:.5;
  background-image:radial-gradient(rgba(0,0,0,.05) 1px, transparent 1.4px);
  background-size:7px 7px;}

/* (5) vinjeta da podloga "dise" */
.rich-shop .rs-vign{position:absolute;inset:0;
  box-shadow:inset 0 0 180px rgba(0,0,0,.05), inset 0 -1px 0 var(--line);}

/* crveni flare akcent - vrlo svijetao */
.rich-shop .rs-flare{position:absolute;top:-12%;left:-6%;width:42%;height:55%;
  background:radial-gradient(closest-side, rgba(200,16,46,.07), transparent 72%);
  filter:blur(4px);}

/* (2) chart / rank linije - fine horizontalne registar linije */
.rich-shop .rs-chartlines{position:absolute;left:0;right:0;top:24%;bottom:18%;
  background:repeating-linear-gradient(180deg, rgba(0,0,0,.045) 0 1px, transparent 1px 64px);
  -webkit-mask-image:linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%);
  mask-image:linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%);}

/* (3) velika svijetlosiva ghost cifra (rank #01) */
.rich-shop .rs-ghostnum{position:absolute;left:-2%;bottom:-12%;
  font-family:'Oswald',sans-serif;font-weight:800;font-size:clamp(180px,30vw,420px);
  line-height:.7;letter-spacing:-.02em;color:transparent;
  -webkit-text-stroke:1.5px rgba(0,0,0,.04);user-select:none;}

/* (4) crveni mono - koordinate */
.rich-shop .rs-coords{position:absolute;right:var(--pad);top:clamp(70px,9vw,118px);
  font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:11px;
  letter-spacing:.26em;color:var(--red);opacity:.7;text-transform:uppercase;white-space:nowrap;}

/* (4b) "OVAJ TJEDAN" pecat - crveni krug */
.rich-shop .rs-stamp{position:absolute;right:clamp(14px,5vw,64px);bottom:clamp(60px,9vw,108px);
  width:108px;height:108px;border-radius:50%;
  border:1.5px solid rgba(200,16,46,.4);display:grid;place-items:center;
  transform:rotate(-9deg);opacity:.8;}
.rich-shop .rs-stamp::before{content:"";position:absolute;inset:9px;border-radius:50%;
  border:1px dashed rgba(200,16,46,.3);}
.rich-shop .rs-stamp-ring{font-family:'Barlow Condensed',sans-serif;font-weight:600;
  font-size:13px;letter-spacing:.16em;color:var(--red);text-transform:uppercase;text-align:center;line-height:1.1;}

/* (4c) rank tickovi - kolona malih mono brojeva uz lijevu ivicu */
.rich-shop .rs-ticks{position:absolute;left:var(--pad);top:34%;bottom:22%;
  display:flex;flex-direction:column;justify-content:space-between;
  font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:11px;
  letter-spacing:.18em;color:var(--text-dim);}
.rich-shop .rs-tick{position:relative;padding-left:16px;}
.rich-shop .rs-tick::before{content:"";position:absolute;left:0;top:50%;width:9px;height:1px;
  background:var(--red);opacity:.55;transform:translateY(-50%);}
.rich-shop .rs-tick:first-child{color:var(--red);}
.rich-shop .rs-tick:first-child::before{height:2px;opacity:.9;}

/* (4d) HOT / TOP traka */
.rich-shop .rs-hot{position:absolute;left:var(--pad);top:clamp(70px,9vw,118px);
  display:inline-flex;align-items:center;gap:8px;
  font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:11px;
  letter-spacing:.24em;color:var(--red);text-transform:uppercase;}
.rich-shop .rs-hot-dot{width:7px;height:7px;border-radius:50%;background:var(--red);
  box-shadow:0 0 0 3px rgba(200,16,46,.16);}

/* fine baseline linija ispod karusela */
.rich-shop .rs-baseline{position:absolute;left:var(--pad);right:var(--pad);bottom:clamp(54px,8vw,104px);
  height:0;border-top:1px solid var(--line-2);}
.rich-shop .rs-baseline::before,
.rich-shop .rs-baseline::after{content:"";position:absolute;top:-3px;width:1px;height:7px;background:var(--red);opacity:.6;}
.rich-shop .rs-baseline::before{left:0;}
.rich-shop .rs-baseline::after{right:0;}

/* gornja registar linija ispod heada */
.rich-shop .rs-rule{position:absolute;left:var(--pad);right:var(--pad);top:clamp(150px,17vw,230px);
  height:0;border-top:1px dashed rgba(0,0,0,.07);}

/* ojacaj ghost DROP rijec u kontekstu ove sekcije (ostaje svijetla) */
.rich-shop .sec-deco-word{-webkit-text-stroke-color:rgba(0,0,0,.05);}

@media (max-width: 900px){
  .rich-shop .rs-ticks,
  .rich-shop .rs-coords,
  .rich-shop .rs-stamp{display:none}
  .rich-shop .rs-ghostnum{font-size:clamp(150px,42vw,260px);bottom:-8%}
  .rich-shop .rs-chartlines{background-size:auto 48px;background:repeating-linear-gradient(180deg, rgba(0,0,0,.04) 0 1px, transparent 1px 48px)}
}
@media (max-width: 560px){
  .rich-shop .rs-hot,.rich-shop .rs-rule{display:none}
}

.rich-novo{position:relative;background:linear-gradient(180deg,#ffffff 0%,#fafaf8 48%,#f6f6f3 100%)}

/* deco wrapper */
.rich-novo .rich-novo-deco{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}

/* (1) subtilan grain / papir tekstura - tamno na svijetlom */
.rich-novo .rn-grain{position:absolute;inset:0;opacity:.5;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.4'/%3E%3C/svg%3E")}

/* (1b) tackasti raster - vrlo svijetlo */
.rich-novo .rn-raster{position:absolute;inset:0;opacity:.55;background-image:radial-gradient(rgba(10,10,10,.05) 1px,transparent 1.4px);background-size:22px 22px;background-position:0 0;mask-image:linear-gradient(180deg,transparent 0,#000 22%,#000 78%,transparent 100%)}

/* (5) suptilna vinjeta da podloga "dise" */
.rich-novo .rn-vignette{position:absolute;inset:0;background:radial-gradient(120% 80% at 50% 0%,transparent 55%,rgba(10,10,10,.035) 100%)}

/* (2) fine registar linije */
.rich-novo .rn-rule{position:absolute;left:0;right:0;height:1px;background:repeating-linear-gradient(90deg,rgba(10,10,10,.16) 0,rgba(10,10,10,.16) 7px,transparent 7px,transparent 16px)}
.rich-novo .rn-rule-top{top:46px}
.rich-novo .rn-rule-bottom{bottom:42px;background:repeating-linear-gradient(90deg,rgba(10,10,10,.1) 0,rgba(10,10,10,.1) 7px,transparent 7px,transparent 16px)}

/* (3) velika svijetlosiva ghost tipografija */
.rich-novo .rn-ghost{position:absolute;right:clamp(-20px,1vw,40px);bottom:-2px;font-family:"Oswald",sans-serif;font-weight:700;font-size:clamp(110px,20vw,300px);line-height:.78;letter-spacing:-.02em;color:transparent;-webkit-text-stroke:1.5px rgba(10,10,10,.045);text-stroke:1.5px rgba(10,10,10,.045);white-space:nowrap;user-select:none}

/* (4) crveni "JUST IN" pecat - rotirani okrugli */
.rich-novo .rn-stamp{position:absolute;top:clamp(58px,9vw,96px);right:clamp(18px,5vw,72px);width:104px;height:104px;border:1.5px solid rgba(200,16,46,.35);border-radius:50%;display:grid;place-items:center;transform:rotate(-9deg)}
.rich-novo .rn-stamp::before{content:"";position:absolute;inset:9px;border:1px dashed rgba(200,16,46,.3);border-radius:50%}
.rich-novo .rn-stamp-in{font-family:"Oswald",sans-serif;font-weight:700;font-size:18px;letter-spacing:.04em;color:var(--red);transform:rotate(9deg)}
.rich-novo .rn-stamp-out{position:absolute;inset:-2px;font-family:"Barlow Condensed",sans-serif;font-size:9px;letter-spacing:.32em;color:rgba(200,16,46,.5);white-space:nowrap;text-transform:uppercase;animation:none}

/* (4) mono koordinate + datum */
.rich-novo .rn-coords{position:absolute;left:var(--pad);bottom:58px;font-family:"Barlow Condensed",sans-serif;font-size:11px;letter-spacing:.26em;color:var(--text-dim);text-transform:uppercase}
.rich-novo .rn-date{position:absolute;right:var(--pad);bottom:58px;font-family:"Barlow Condensed",sans-serif;font-size:11px;letter-spacing:.26em;color:var(--text-dim);text-transform:uppercase}

/* (4) crvene mono oznake / tagovi */
.rich-novo .rn-tag{position:absolute;font-family:"Barlow Condensed",sans-serif;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--red);display:flex;align-items:center;gap:8px}
.rich-novo .rn-tag-a{top:18px;left:var(--pad)}
.rich-novo .rn-tag-b{top:18px;right:calc(var(--pad) + 130px);color:rgba(10,10,10,.4)}
.rich-novo .rn-tick{width:18px;height:1.5px;background:var(--red);display:inline-block}

/* (4) crveni uglovi - registar markeri */
.rich-novo .rn-corner{position:absolute;width:16px;height:16px}
.rich-novo .rn-corner-tl{top:60px;left:calc(var(--pad) - 4px);border-top:1.5px solid rgba(200,16,46,.45);border-left:1.5px solid rgba(200,16,46,.45)}
.rich-novo .rn-corner-br{bottom:56px;right:calc(var(--pad) - 4px);border-bottom:1.5px solid rgba(200,16,46,.45);border-right:1.5px solid rgba(200,16,46,.45)}

/* podigni stvarni sadrzaj iznad dekoracija */
.rich-novo .section-head,
.rich-novo .drop-carousel,
.rich-novo .sec-cta{position:relative;z-index:1}

/* responsive */
@media (max-width:880px){
  .rich-novo .rn-tag-b,
  .rich-novo .rn-coords{display:none}
  .rich-novo .rn-stamp{width:84px;height:84px;top:54px;right:16px}
  .rich-novo .rn-stamp-in{font-size:15px}
  .rich-novo .rn-ghost{font-size:clamp(90px,30vw,180px)}
}
@media (max-width:560px){
  .rich-novo .rn-stamp,
  .rich-novo .rn-date,
  .rich-novo .rn-tag-b{display:none}
  .rich-novo .rn-ghost{opacity:.8}
}

/* ============ RICH LOOKBOOK - svijetli kontakt-sheet / feed ============ */
/* Re-tematizacija iz tamne u svijetlu krem podlogu, sve scope-ovano */
.rich-lookbook{
  background:linear-gradient(180deg,#faf9f7 0%,#f4f3f0 55%,#efeeea 100%);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  color:var(--text);
  position:relative;
  overflow:hidden;
}

/* deco wrapper */
.rich-lookbook .rich-lookbook-deco{
  position:absolute;inset:0;z-index:0;
  pointer-events:none;overflow:hidden;
}

/* (1) papir/grain tekstura - tamno na svijetlom */
.rich-lookbook .rl-grain{
  position:absolute;inset:0;
  background:
    repeating-linear-gradient(135deg, rgba(0,0,0,.020) 0 1px, transparent 1px 27px),
    repeating-linear-gradient(45deg,  rgba(0,0,0,.014) 0 1px, transparent 1px 41px);
}

/* (2) fina registar mreza - jaca prema sredini, prozirna na rubovima */
.rich-lookbook .rl-grid{
  position:absolute;inset:0;
  background:
    repeating-linear-gradient(0deg,  rgba(0,0,0,.040) 0 1px, transparent 1px 120px),
    repeating-linear-gradient(90deg, rgba(0,0,0,.040) 0 1px, transparent 1px 120px);
  -webkit-mask-image:radial-gradient(120% 100% at 50% 42%, #000 0%, rgba(0,0,0,.35) 55%, transparent 80%);
          mask-image:radial-gradient(120% 100% at 50% 42%, #000 0%, rgba(0,0,0,.35) 55%, transparent 80%);
  opacity:.7;
}

/* (3) velika svijetlosiva ghost cifra */
.rich-lookbook .rl-ghostnum{
  position:absolute;right:-1.5%;top:-9%;
  font-family:'Oswald',sans-serif;font-weight:800;
  font-size:clamp(180px,30vw,440px);line-height:.78;
  color:transparent;-webkit-text-stroke:1.5px rgba(0,0,0,.05);
  user-select:none;white-space:nowrap;
}

/* (4a) crveni registar uglovi oko sekcije */
.rich-lookbook .rl-corner{
  position:absolute;width:26px;height:26px;
  border:2px solid var(--red);opacity:.55;
}
.rich-lookbook .rl-corner-tl{top:26px;left:clamp(18px,4vw,52px);border-right:none;border-bottom:none}
.rich-lookbook .rl-corner-tr{top:26px;right:clamp(18px,4vw,52px);border-left:none;border-bottom:none}
.rich-lookbook .rl-corner-bl{bottom:26px;left:clamp(18px,4vw,52px);border-right:none;border-top:none}
.rich-lookbook .rl-corner-br{bottom:26px;right:clamp(18px,4vw,52px);border-left:none;border-top:none}

/* (4b) crveni tickovi - registar oznake uz desnu ivicu */
.rich-lookbook .rl-tick{
  position:absolute;right:clamp(18px,4vw,52px);
  width:14px;height:2px;background:var(--red);opacity:.5;
}
.rich-lookbook .rl-tick-1{top:34%}
.rich-lookbook .rl-tick-2{top:44%;width:22px}
.rich-lookbook .rl-tick-3{top:54%}

/* (4c) LIVE - pulsirajuca crvena tackica (animacija samo dekorativna) */
.rich-lookbook .rl-live{
  position:absolute;top:30px;right:clamp(54px,7vw,96px);
  display:inline-flex;align-items:center;gap:7px;
  font-family:'Barlow Condensed',sans-serif;font-weight:600;
  font-size:12px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--red);
}
.rich-lookbook .rl-live-dot{
  width:8px;height:8px;border-radius:50%;background:var(--red);
  box-shadow:0 0 0 0 rgba(200,16,46,.5);
  animation:rlPulse 2.4s ease-out infinite;
}
@keyframes rlPulse{
  0%{box-shadow:0 0 0 0 rgba(200,16,46,.45)}
  70%{box-shadow:0 0 0 9px rgba(200,16,46,0)}
  100%{box-shadow:0 0 0 0 rgba(200,16,46,0)}
}
@media (prefers-reduced-motion: reduce){
  .rich-lookbook .rl-live-dot{animation:none}
}

/* (4d) @handle mono tagovi */
.rich-lookbook .rl-handle{
  position:absolute;
  font-family:'Barlow Condensed',sans-serif;font-weight:600;
  font-size:12px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--text-dim);
}
.rich-lookbook .rl-handle::before{content:"";display:inline-block;width:18px;height:1px;background:var(--red);margin-right:8px;vertical-align:middle;opacity:.7}
.rich-lookbook .rl-handle-1{left:clamp(18px,4vw,52px);bottom:64px}
.rich-lookbook .rl-handle-2{right:clamp(18px,4vw,52px);bottom:64px;text-align:right}
.rich-lookbook .rl-handle-2::before{display:none}
.rich-lookbook .rl-handle-2::after{content:"";display:inline-block;width:18px;height:1px;background:var(--red);margin-left:8px;vertical-align:middle;opacity:.7}

/* (4e) koordinate - mono */
.rich-lookbook .rl-coords{
  position:absolute;bottom:30px;left:50%;transform:translateX(-50%);
  font-family:'Barlow Condensed',sans-serif;font-weight:500;
  font-size:11px;letter-spacing:.2em;color:var(--text-dim);opacity:.8;white-space:nowrap;
}

/* (5) okomita kontakt-sheet traka uz lijevu ivicu */
.rich-lookbook .rl-strip{
  position:absolute;left:14px;top:50%;
  transform:translateY(-50%) rotate(180deg);writing-mode:vertical-rl;
  font-family:'Barlow Condensed',sans-serif;font-weight:600;
  font-size:11px;letter-spacing:.26em;text-transform:uppercase;
  color:rgba(0,0,0,.16);white-space:nowrap;user-select:none;
}

/* re-tematizacija postojeceg flare + ghost worda za svijetlu podlogu */
.rich-lookbook .lb-flare{
  mix-blend-mode:multiply;opacity:.12;
}
.rich-lookbook .lb-deco-word{
  -webkit-text-stroke-color:rgba(0,0,0,.05);
}

/* re-boja head sadrzaja (originalno bijelo na crnom) */
.rich-lookbook .lookbook-head .eyebrow{color:var(--text-dim)}
.rich-lookbook .lookbook-head h2{color:var(--text)}
.rich-lookbook .lookbook-head h2 .red{color:var(--red)}
.rich-lookbook .lookbook-head p{color:var(--text-mid)}
.rich-lookbook .lookbook-head p b{color:var(--text)}

/* okvir/ram oko mreze - cisti kontakt-sheet osjecaj */
.rich-lookbook .lookbook-grid{
  padding:14px;
  background:rgba(255,255,255,.4);
  border:1px solid var(--line);
  box-shadow:0 1px 0 rgba(255,255,255,.6) inset, 0 18px 40px -28px rgba(0,0,0,.35);
}

/* OBAVEZNO: sadrzaj iznad dekoracija */
.rich-lookbook .lookbook-head,
.rich-lookbook .lookbook-grid{position:relative;z-index:1}

/* responsive */
@media (max-width: 1024px){
  .rich-lookbook .rl-tick,
  .rich-lookbook .rl-handle-2{display:none}
}
@media (max-width: 640px){
  .rich-lookbook .rl-corner,
  .rich-lookbook .rl-coords,
  .rich-lookbook .rl-handle,
  .rich-lookbook .rl-strip{display:none}
  .rich-lookbook .rl-ghostnum{font-size:clamp(150px,46vw,260px)}
  .rich-lookbook .rl-live{right:18px;top:22px}
}


/* ============================================================
   TAMNE SEKCIJE - obogacenje (dizajn agenti)
   ============================================================ */

.rich-prica{position:relative}
.rich-prica .rich-prica-deco{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.rich-prica .rich-prica-deco>*{position:absolute}
.rich-prica .kultura-inner{position:relative;z-index:2}
.rich-prica .rp-grain{inset:0;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px 160px}
.rich-prica .rp-diag{inset:0;background:repeating-linear-gradient(45deg,rgba(255,255,255,.022) 0 1px,transparent 1px 40px)}
.rich-prica .rp-flare{right:-10%;bottom:-14%;width:50%;height:55%;background:radial-gradient(circle,var(--red-deep) 0%,rgba(154,8,32,.30) 38%,transparent 72%);filter:blur(80px);opacity:.20;mix-blend-mode:screen}
.rich-prica .rp-vign{inset:0;background:radial-gradient(120% 90% at 50% 45%,transparent 55%,rgba(0,0,0,.45) 100%)}
.rich-prica .rp-cross{background:rgba(255,255,255,.05)}
.rich-prica .rp-cross-v{top:0;bottom:0;left:62%;width:1px}
.rich-prica .rp-cross-h{left:0;right:0;top:38%;height:1px}
.rich-prica .rp-corner{width:26px;height:26px}
.rich-prica .rp-corner::before,.rich-prica .rp-corner::after{content:"";position:absolute;background:var(--red);opacity:.55}
.rich-prica .rp-corner::before{width:100%;height:2px}
.rich-prica .rp-corner::after{width:2px;height:100%}
.rich-prica .rp-corner-tl{top:18px;left:18px}.rich-prica .rp-corner-tl::before{top:0;left:0}.rich-prica .rp-corner-tl::after{top:0;left:0}
.rich-prica .rp-corner-tr{top:18px;right:18px}.rich-prica .rp-corner-tr::before{top:0;right:0}.rich-prica .rp-corner-tr::after{top:0;right:0}
.rich-prica .rp-corner-bl{bottom:18px;left:18px}.rich-prica .rp-corner-bl::before{bottom:0;left:0}.rich-prica .rp-corner-bl::after{bottom:0;left:0}
.rich-prica .rp-corner-br{bottom:18px;right:18px}.rich-prica .rp-corner-br::before{bottom:0;right:0}.rich-prica .rp-corner-br::after{bottom:0;right:0}
.rich-prica .rp-ticks{left:8%;right:8%;height:9px}
.rich-prica .rp-ticks-top{top:14px}.rich-prica .rp-ticks-bottom{bottom:14px}
.rich-prica .rp-ticks::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.16) 0 1px,transparent 1px 34px)}
.rich-prica .rp-coord{font-family:'Barlow Condensed',sans-serif;font-weight:500;font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:rgba(255,255,255,.20);white-space:nowrap}
.rich-prica .rp-coord-tl{top:30px;left:54px;border-left:2px solid var(--red);padding-left:8px}
.rich-prica .rp-coord-br{bottom:30px;right:54px;color:var(--red-bright);opacity:.5}
.rich-prica .rp-reg{top:38%;left:62%;transform:translate(-50%,-50%);font-family:'Barlow',sans-serif;font-weight:300;font-size:30px;line-height:1;color:var(--red-bright);opacity:.4}
@media (max-width:760px){.rich-prica .rp-coord,.rich-prica .rp-ticks,.rich-prica .rp-reg{display:none}.rich-prica .rp-corner{width:18px;height:18px}.rich-prica .rp-corner-tl,.rich-prica .rp-corner-tr{top:12px}.rich-prica .rp-corner-bl,.rich-prica .rp-corner-br{bottom:12px}.rich-prica .rp-corner-tl,.rich-prica .rp-corner-bl{left:12px}.rich-prica .rp-corner-tr,.rich-prica .rp-corner-br{right:12px}.rich-prica .rp-cross-v{left:50%}}

/* ===== rich-split : Flagship editorial - Pitbull (TAMNO) ===== */
.rich-split{position:relative;overflow:hidden}
.rich-split .rich-split-deco{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.rich-split .split-grid{position:relative;z-index:1}

/* dubina - oxblood/ugljen, suptilni radijalni naglasci u uglovima */
.rich-split .rsx-depth{
  position:absolute;inset:0;
  background:
    radial-gradient(120% 90% at 0% 0%, rgba(154,8,32,.20) 0%, transparent 46%),
    radial-gradient(90% 80% at 100% 100%, rgba(40,6,12,.55) 0%, transparent 55%),
    linear-gradient(180deg, #120608 0%, var(--black) 40%, #0c0405 100%);
}

/* grain / noise tekstura */
.rich-split .rsx-grain{
  position:absolute;inset:-50%;opacity:.5;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");
}

/* fine dijagonalne linije */
.rich-split .rsx-diag{
  position:absolute;inset:0;opacity:.5;
  background:repeating-linear-gradient(135deg,
    rgba(255,255,255,.045) 0 1px, transparent 1px 13px);
  -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 42%,transparent 60%);
          mask-image:linear-gradient(90deg,#000 0%,#000 42%,transparent 60%);
}

/* crveni flare iza editorijalne slike (desna kolona) */
.rich-split .rsx-flare{
  position:absolute;top:50%;right:18%;width:60%;height:90%;
  transform:translateY(-50%);
  background:radial-gradient(closest-side, rgba(230,20,46,.30), rgba(200,16,46,.10) 45%, transparent 72%);
  filter:blur(6px);mix-blend-mode:screen;
}

/* velika ghost tipografija - FLAGSHIP, red-stroke outline */
.rich-split .rsx-ghost{
  position:absolute;left:var(--pad);bottom:-.18em;
  font-family:'Oswald',sans-serif;font-weight:700;
  font-size:clamp(70px,15vw,200px);line-height:.8;letter-spacing:.01em;
  text-transform:uppercase;white-space:nowrap;
  color:transparent;-webkit-text-stroke:1px rgba(230,20,46,.16);
  opacity:.9;
}

/* keyline okvir oko cijele sekcije */
.rich-split .rsx-frame{
  position:absolute;inset:clamp(14px,2.2vw,28px);
  border:1px solid rgba(255,255,255,.07);
}

/* crveni tickovi na keyline okviru */
.rich-split .rsx-tick{position:absolute;width:14px;height:14px}
.rich-split .rsx-tick::before,
.rich-split .rsx-tick::after{content:"";position:absolute;background:var(--red-bright)}
.rich-split .rsx-tick::before{left:0;top:0;width:14px;height:2px}
.rich-split .rsx-tick::after{left:0;top:0;width:2px;height:14px}
.rich-split .rsx-tick-tl{top:clamp(14px,2.2vw,28px);left:clamp(14px,2.2vw,28px)}
.rich-split .rsx-tick-bl{bottom:clamp(14px,2.2vw,28px);left:clamp(14px,2.2vw,28px)}
.rich-split .rsx-tick-bl::before{top:auto;bottom:0}
.rich-split .rsx-tick-bl::after{top:auto;bottom:0}

/* mono koordinate / ref tagovi */
.rich-split .rsx-coord{
  position:absolute;
  font-family:'Barlow Condensed',sans-serif;font-weight:500;
  font-size:10.5px;letter-spacing:.26em;text-transform:uppercase;
  color:rgba(255,255,255,.30);
}
.rich-split .rsx-coord-tl{top:clamp(22px,2.6vw,38px);left:clamp(38px,5vw,58px)}
.rich-split .rsx-coord-br{
  bottom:clamp(22px,2.6vw,38px);right:clamp(38px,5vw,58px);
  color:rgba(230,20,46,.55);
}

/* tanka crvena vodoravna crtica - akcent ispod koordinata */
.rich-split .rsx-rule{
  position:absolute;top:clamp(22px,2.6vw,38px);left:clamp(38px,5vw,58px);
  margin-top:18px;width:64px;height:2px;
  background:linear-gradient(90deg,var(--red-bright),transparent);
}

@media (max-width:900px){
  .rich-split .rsx-diag{
    -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 38%,transparent 62%);
            mask-image:linear-gradient(180deg,#000 0%,#000 38%,transparent 62%);
  }
  .rich-split .rsx-flare{top:78%;right:50%;transform:translate(50%,-50%);width:80%;height:46%}
  .rich-split .rsx-ghost{font-size:clamp(56px,18vw,120px)}
  .rich-split .rsx-coord-br{display:none}
}
@media (max-width:520px){
  .rich-split .rsx-coord-tl{font-size:9.5px;letter-spacing:.2em}
  .rich-split .rsx-ghost{opacity:.7}
}

/* ===== RICH NEWSLETTER (drop alert / street list) - scoped deco ===== */
.rich-newsletter{position:relative;isolation:isolate}
.rich-newsletter-deco{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}

/* keep content above all deco */
.rich-newsletter .newsletter-inner{position:relative;z-index:1}

/* 1) subtle grain/noise (dark specks on red, very low opacity) */
.rich-newsletter .rn-grain{
  position:absolute;inset:-20%;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");
  background-size:160px 160px;
  opacity:.06;mix-blend-mode:multiply;
}

/* 2) fine transmission grid + diagonal signal lines */
.rich-newsletter .rn-grid{
  position:absolute;inset:0;opacity:.5;
  background-image:
    repeating-linear-gradient(0deg, rgba(0,0,0,.10) 0 1px, transparent 1px 64px),
    repeating-linear-gradient(90deg, rgba(0,0,0,.10) 0 1px, transparent 1px 64px);
  -webkit-mask-image:radial-gradient(120% 120% at 50% 50%, #000 35%, transparent 86%);
          mask-image:radial-gradient(120% 120% at 50% 50%, #000 35%, transparent 86%);
}
.rich-newsletter .rn-signal{
  position:absolute;inset:-10%;opacity:.5;
  background-image:repeating-linear-gradient(
    -38deg,
    transparent 0 38px,
    rgba(255,255,255,.05) 38px 39px,
    transparent 39px 78px,
    rgba(0,0,0,.07) 78px 79px,
    transparent 79px 150px
  );
}

/* 3) deep-red flare behind the form (right) + vignette */
.rich-newsletter .rn-flare{
  position:absolute;top:50%;right:-6%;width:60%;height:160%;transform:translateY(-50%);
  background:
    radial-gradient(closest-side, var(--red-bright) 0%, rgba(230,20,46,.0) 70%),
    radial-gradient(closest-side, var(--red-deep) 0%, rgba(154,8,32,0) 72%);
  opacity:.55;filter:blur(6px);mix-blend-mode:screen;
}
.rich-newsletter-deco::after{
  content:"";position:absolute;inset:0;
  background:radial-gradient(130% 130% at 70% 50%, transparent 45%, rgba(0,0,0,.22) 100%);
}

/* 4) big ghost ALERT word (stroke outline, low opacity) */
.rich-newsletter .rn-ghost{
  position:absolute;left:calc(var(--pad) - 4px);bottom:-6%;
  font-family:'Oswald',sans-serif;font-weight:700;font-size:clamp(120px,20vw,300px);
  line-height:.8;letter-spacing:.01em;text-transform:uppercase;
  color:transparent;-webkit-text-stroke:2px rgba(0,0,0,.10);
  white-space:nowrap;opacity:.9;
}

/* 5) keyline frame */
.rich-newsletter .rn-frame{
  position:absolute;inset:clamp(16px,3vw,30px);
  border:1px solid rgba(0,0,0,.16);
}
.rich-newsletter .rn-frame::before,
.rich-newsletter .rn-frame::after{
  content:"";position:absolute;width:14px;height:14px;
}
.rich-newsletter .rn-frame::before{top:-1px;left:-1px;border-top:2px solid rgba(255,255,255,.55);border-left:2px solid rgba(255,255,255,.55)}
.rich-newsletter .rn-frame::after{bottom:-1px;right:-1px;border-bottom:2px solid rgba(255,255,255,.55);border-right:2px solid rgba(255,255,255,.55)}

/* 6) mono coordinate / tag labels + blink */
.rich-newsletter .rn-coord{
  position:absolute;font-family:'Barlow Condensed',sans-serif;font-weight:600;
  font-size:11px;letter-spacing:.28em;text-transform:uppercase;
  color:rgba(255,255,255,.7);display:flex;align-items:center;gap:8px;
}
.rich-newsletter .rn-coord-tl{top:clamp(26px,4vw,42px);left:clamp(30px,5vw,56px)}
.rich-newsletter .rn-coord-br{bottom:clamp(26px,4vw,42px);right:clamp(30px,5vw,56px);color:rgba(0,0,0,.42)}
.rich-newsletter .rn-blink{
  width:7px;height:7px;border-radius:50%;background:#fff;
  box-shadow:0 0 0 0 rgba(255,255,255,.6);
  animation:rn-pulse 2.2s ease-out infinite;
}
@keyframes rn-pulse{
  0%{box-shadow:0 0 0 0 rgba(255,255,255,.55);opacity:1}
  70%{box-shadow:0 0 0 8px rgba(255,255,255,0);opacity:.7}
  100%{box-shadow:0 0 0 0 rgba(255,255,255,0);opacity:1}
}
@media (prefers-reduced-motion:reduce){
  .rich-newsletter .rn-blink{animation:none}
}

/* 7) edge ticks (signal markers) */
.rich-newsletter .rn-tick{
  position:absolute;top:50%;transform:translateY(-50%);
  width:10px;height:60px;
  background:repeating-linear-gradient(0deg, rgba(0,0,0,.28) 0 2px, transparent 2px 9px);
}
.rich-newsletter .rn-tick-l{left:0}
.rich-newsletter .rn-tick-r{right:0}

/* responsive: trim heavy bits on small screens */
@media (max-width:760px){
  .rich-newsletter .rn-ghost{font-size:120px;bottom:-2%;opacity:.7}
  .rich-newsletter .rn-tick,
  .rich-newsletter .rn-coord-br{display:none}
  .rich-newsletter .rn-frame{inset:12px}
}


/* ============================================================
   VIZUELNI UPGRADE SEKCIJA (dizajn agenti) - scoped
   ============================================================ */

/* ============================================================
   RICH BRENDOVI - premium bento galerija (krem sekcija, tamne kartice)
   Sve scope-ovano pod .rich-brendovi
   ============================================================ */

/* ---- Hijerarhija zaglavlja ---- */
.rich-brendovi .section-head{
  display:flex;align-items:flex-end;justify-content:space-between;
  gap:24px;flex-wrap:wrap;
  margin-bottom:6px;
}
.rich-brendovi .section-head h2{
  font-family:'Oswald',sans-serif;font-weight:700;
  letter-spacing:-.01em;line-height:.92;margin:0;
  text-transform:uppercase;
}
.rich-brendovi .section-head .num{
  font-family:'Barlow Condensed',sans-serif;font-weight:600;
  font-size:12px;letter-spacing:.24em;text-transform:uppercase;
  color:var(--text-dim);white-space:nowrap;
  display:inline-flex;align-items:center;gap:9px;
}
.rich-brendovi .section-head .num::before{
  content:"";width:30px;height:1px;background:var(--line-2);display:inline-block;
}

/* ---- Intro: tekst + live pill ---- */
.rich-brendovi .brands-intro{
  display:grid;grid-template-columns:1fr auto;gap:32px;align-items:end;
  margin:18px 0 30px;
  padding-bottom:22px;
  border-bottom:1px solid var(--line);
}
.rich-brendovi .brands-intro p{
  max-width:58ch;color:var(--text-mid);
  font-size:15.5px;line-height:1.62;margin:0;
}
.rich-brendovi .brands-intro .pill{
  display:inline-flex;align-items:center;gap:10px;
  border:1px solid var(--black);background:transparent;
  padding:9px 15px;
  font-family:'Oswald',sans-serif;font-weight:600;font-size:11.5px;
  letter-spacing:.2em;text-transform:uppercase;color:var(--black);
  white-space:nowrap;
  transition:background .25s ease, color .25s ease;
}
.rich-brendovi .brands-intro .pill .live{display:inline-flex;align-items:center}
.rich-brendovi .brands-intro .pill .live::before{
  content:"";width:7px;height:7px;border-radius:50%;
  background:var(--red);margin-right:9px;
  box-shadow:0 0 0 0 rgba(200,16,46,.5);
  animation:rbPulse 2.4s ease-out infinite;
}
@keyframes rbPulse{
  0%{box-shadow:0 0 0 0 rgba(200,16,46,.5)}
  70%{box-shadow:0 0 0 7px rgba(200,16,46,0)}
  100%{box-shadow:0 0 0 0 rgba(200,16,46,0)}
}

/* ---- Mreza: dosljedan ritam ---- */
/* 3x2 grid - sve kartice kvadratne (visinu nosi aspect-ratio, ne fiksni grid-auto-rows) */
.rich-brendovi .brands-grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:18px;
}

/* ---- Kartica: galerijski okvir na krem podlozi ---- */
.rich-brendovi .brand-card{
  position:relative;overflow:hidden;text-decoration:none;
  background:var(--black);border:0;
  display:flex;flex-direction:column;justify-content:flex-end;
  padding:26px;isolation:isolate;
  border-radius:2px;
  box-shadow:
    0 1px 0 rgba(255,255,255,.5),
    0 10px 24px -14px rgba(10,10,10,.45),
    0 2px 8px -4px rgba(10,10,10,.25);
  transition:transform .45s cubic-bezier(.2,.7,.2,1), box-shadow .45s cubic-bezier(.2,.7,.2,1);
}

/* slika */
.rich-brendovi .brand-card .card-ph{
  position:absolute;inset:0;z-index:-2;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(180deg,#1c1c1c 0%,#070707 100%);overflow:hidden;
}
.rich-brendovi .brand-card .card-ph img{
  width:100%;height:100%;object-fit:cover;object-position:center 22%;
  filter:grayscale(.32) contrast(1.05) brightness(.9);
  transform:scale(1.01);
  transition:transform 1.1s cubic-bezier(.2,.7,.2,1), filter .5s ease;
}
.rich-brendovi .brand-card .card-ph .pwm{
  font-family:'Oswald',sans-serif;font-weight:800;font-size:84px;
  color:rgba(255,255,255,.07);letter-spacing:.02em;text-transform:uppercase;
  white-space:nowrap;transform:rotate(-8deg);line-height:.86;text-align:center;
}

/* veil - citljivost imena, crveni akcent pri vrhu */
.rich-brendovi .brand-card .veil{
  position:absolute;inset:0;z-index:-1;
  background:
    linear-gradient(180deg,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.06) 34%,
      rgba(0,0,0,.42) 64%,
      rgba(0,0,0,.9) 100%);
  transition:background .45s ease;
}

/* inset frame */
.rich-brendovi .brand-card::after{
  content:"";position:absolute;inset:13px;z-index:1;pointer-events:none;
  border:1px solid rgba(255,255,255,.14);
  border-radius:1px;
  transition:border-color .4s ease, inset .4s cubic-bezier(.2,.7,.2,1);
}

/* hover */
.rich-brendovi .brand-card:hover,
.rich-brendovi .brand-card:focus-visible{
  transform:translateY(-6px);
  box-shadow:
    0 1px 0 rgba(255,255,255,.5),
    0 28px 50px -20px rgba(10,10,10,.55),
    0 8px 18px -10px rgba(10,10,10,.35);
}
.rich-brendovi .brand-card:hover::after,
.rich-brendovi .brand-card:focus-visible::after{
  border-color:var(--red-bright);inset:11px;
}
.rich-brendovi .brand-card:hover .card-ph img,
.rich-brendovi .brand-card:focus-visible .card-ph img{
  transform:scale(1.07);
  filter:grayscale(0) contrast(1.06) brightness(.96);
}
.rich-brendovi .brand-card:hover .veil,
.rich-brendovi .brand-card:focus-visible .veil{
  background:
    linear-gradient(180deg,
      rgba(200,16,46,.14) 0%,
      rgba(0,0,0,.18) 38%,
      rgba(0,0,0,.5) 66%,
      rgba(0,0,0,.94) 100%);
}

/* index marker (gore lijevo) */
.rich-brendovi .brand-card .bc-index{
  position:absolute;top:20px;left:22px;z-index:2;
  font-family:'Barlow Condensed','JetBrains Mono',monospace;
  font-size:13px;font-weight:600;letter-spacing:.14em;
  color:rgba(255,255,255,.78);
  padding-bottom:8px;
}
.rich-brendovi .brand-card .bc-index::before{
  content:"";position:absolute;left:0;bottom:0;
  width:20px;height:2px;background:var(--red-bright);
  transition:width .4s cubic-bezier(.2,.7,.2,1);
}
.rich-brendovi .brand-card:hover .bc-index::before,
.rich-brendovi .brand-card:focus-visible .bc-index::before{width:34px}

/* flagship badge (gore desno) */
.rich-brendovi .brand-card .bc-flag{
  position:absolute;top:18px;right:20px;z-index:2;
  font-family:'Oswald',sans-serif;font-weight:600;font-size:10px;
  letter-spacing:.2em;text-transform:uppercase;color:#fff;
  background:var(--red);padding:5px 11px;border-radius:1px;
  box-shadow:0 3px 10px -3px rgba(200,16,46,.6);
}

/* body (dno) */
.rich-brendovi .brand-card .bc-body{
  position:relative;z-index:2;
}
.rich-brendovi .brand-card .bc-body h3{
  font-family:'Oswald',sans-serif;font-weight:700;
  font-size:clamp(26px,2.4vw,38px);line-height:.95;color:#fff;
  text-transform:uppercase;letter-spacing:.005em;
  margin:0 0 13px;
  text-shadow:0 1px 18px rgba(0,0,0,.4);
}

/* CTA - reveal na hover */
.rich-brendovi .brand-card .bc-cta{
  display:inline-flex;align-items:center;gap:11px;
  font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:12px;
  letter-spacing:.2em;text-transform:uppercase;color:#d0d0cf;
  transition:color .3s ease, transform .4s cubic-bezier(.2,.7,.2,1), opacity .3s ease;
  transform:translateY(2px);opacity:.82;
}
.rich-brendovi .brand-card .bc-cta .bc-arrow{
  width:31px;height:31px;flex:0 0 auto;
  border:1px solid rgba(255,255,255,.4);border-radius:1px;
  display:grid;place-items:center;font-size:13px;color:#fff;
  transition:background .3s ease, border-color .3s ease, color .3s ease, transform .4s cubic-bezier(.2,.7,.2,1);
}
.rich-brendovi .brand-card:hover .bc-cta,
.rich-brendovi .brand-card:focus-visible .bc-cta{
  color:#fff;transform:translateY(0);opacity:1;
}
.rich-brendovi .brand-card:hover .bc-cta .bc-arrow,
.rich-brendovi .brand-card:focus-visible .bc-cta .bc-arrow{
  background:var(--red);border-color:var(--red);color:#fff;
  transform:translateX(2px) translateY(-2px);
}

/* ---- Bento velicine / proporcije ---- */
.rich-brendovi .brand-card.feat{grid-column:span 6;grid-row:span 2;padding:30px}
.rich-brendovi .brand-card.feat .bc-body h3{font-size:clamp(40px,4.6vw,66px)}
.rich-brendovi .brand-card.feat .card-ph img{object-position:center 26%}
.rich-brendovi .brand-card.feat .card-ph .pwm{font-size:150px}

.rich-brendovi .brand-card.wide{grid-column:span 6;grid-row:span 1}
.rich-brendovi .brand-card.wide .bc-body h3{font-size:clamp(30px,3vw,44px)}

.rich-brendovi .brand-card.quad{aspect-ratio:1;padding:22px}
.rich-brendovi .brand-card.quad .bc-body h3{font-size:clamp(21px,1.8vw,27px);margin-bottom:11px}
.rich-brendovi .brand-card.quad .card-ph .pwm{font-size:54px}
.rich-brendovi .brand-card.quad .bc-index{top:18px;left:20px}
.rich-brendovi .brand-card.quad .bc-cta{font-size:11px;gap:9px}
.rich-brendovi .brand-card.quad .bc-cta .bc-arrow{width:27px;height:27px}
.rich-brendovi .brand-card.quad::after{inset:11px}
.rich-brendovi .brand-card.quad:hover::after,
.rich-brendovi .brand-card.quad:focus-visible::after{inset:9px}

/* prazno stanje */
.rich-brendovi .brands-grid > p{
  grid-column:1 / -1;color:var(--text-dim);
  font-family:'Barlow',sans-serif;font-size:15px;padding:20px 0;
}

/* ---- Responsive ---- */
@media (max-width:960px){
  .rich-brendovi .brands-grid{
    grid-template-columns:repeat(2,1fr);gap:14px;
  }
  .rich-brendovi .brands-intro{grid-template-columns:1fr;gap:16px}
  .rich-brendovi .brands-intro .pill{justify-self:start}
}

@media (max-width:640px){
  .rich-brendovi .section-head{align-items:flex-start}
  .rich-brendovi .brands-grid{grid-template-columns:1fr;gap:14px}
  .rich-brendovi .brand-card.feat,
  .rich-brendovi .brand-card.wide,
  .rich-brendovi .brand-card.quad{
    grid-column:span 1;grid-row:span 1;padding:24px;
  }
  .rich-brendovi .brand-card.feat .bc-body h3{font-size:clamp(34px,8vw,48px)}
  .rich-brendovi .brand-card.quad .bc-body h3{font-size:clamp(26px,7vw,34px)}
  /* na touch - CTA odmah vidljiv */
  .rich-brendovi .brand-card .bc-cta{opacity:1;transform:none}
  .rich-brendovi .brand-card .bc-index{top:16px;left:18px}
  .rich-brendovi .brand-card .bc-flag{top:14px;right:16px}
}

@media (hover:none){
  .rich-brendovi .brand-card .bc-cta{opacity:1;transform:none}
}

@media (prefers-reduced-motion:reduce){
  .rich-brendovi .brand-card,
  .rich-brendovi .brand-card .card-ph img,
  .rich-brendovi .brand-card .veil,
  .rich-brendovi .brand-card::after,
  .rich-brendovi .brand-card .bc-cta,
  .rich-brendovi .brand-card .bc-cta .bc-arrow,
  .rich-brendovi .brand-card .bc-index::before{transition:none}
  .rich-brendovi .brands-intro .pill .live::before{animation:none}
}

/* ============ RICH KATEGORIJE - holisticko poboljsanje sadrzaja (scoped) ============ */

/* vertikalni ritam sekcije */
.rich-kategorije{padding-top:clamp(56px,7vw,104px);padding-bottom:clamp(60px,8vw,116px)}

/* --- hijerarhija naslova --- */
.rich-kategorije .section-head{
  margin-bottom:clamp(30px,4vw,52px);
  display:flex;flex-direction:column;align-items:flex-start;gap:14px;
}
.rich-kategorije .section-head h2{
  font-family:'Oswald',sans-serif;font-weight:700;
  font-size:clamp(34px,5vw,64px);line-height:.94;letter-spacing:-.01em;
  text-transform:uppercase;color:var(--text);margin:0;
}
.rich-kategorije .section-head h2 .red{color:var(--red)}
.rich-kategorije .section-head .num{
  position:relative;display:inline-flex;align-items:center;gap:12px;
  font-family:'Barlow Condensed',sans-serif;font-weight:600;
  font-size:13px;letter-spacing:.26em;text-transform:uppercase;color:var(--text-dim);
  padding-left:42px;
}
.rich-kategorije .section-head .num::before{
  content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:30px;height:2px;background:var(--red);
}

/* --- mreza: ritam + feature prva kartica --- */
.rich-kategorije .kat-grid{
  grid-template-columns:repeat(3,1fr);
  grid-auto-rows:1fr;
  gap:clamp(14px,1.6vw,22px);
}
/* prva kartica - feature: zauzima 2 kolone i 2 reda (asimetrija) */
.rich-kategorije .kat-grid > .kat-card:first-child{
  grid-column:span 2;grid-row:span 2;aspect-ratio:auto;
}

/* --- kartica --- */
.rich-kategorije .kat-card{
  aspect-ratio:4/5;
  border:1px solid var(--line-2);
  border-radius:4px;
  padding:clamp(18px,2vw,28px);
  background:var(--surface-3);
  box-shadow:0 1px 2px rgba(0,0,0,.04);
  transition:transform .5s cubic-bezier(.2,.7,.2,1),
             box-shadow .5s cubic-bezier(.2,.7,.2,1),
             border-color .4s;
  will-change:transform;
}
.rich-kategorije .kat-card:hover{
  transform:translateY(-7px);
  box-shadow:0 22px 40px -18px rgba(0,0,0,.5),0 4px 12px rgba(0,0,0,.12);
  border-color:var(--red);
}

/* tanki gornji crveni accent koji se otkriva na hover */
.rich-kategorije .kat-card::after{
  content:"";position:absolute;left:0;top:0;height:3px;width:100%;
  background:var(--red);transform:scaleX(0);transform-origin:left;
  transition:transform .45s cubic-bezier(.2,.7,.2,1);z-index:3;
}
.rich-kategorije .kat-card:hover::after{transform:scaleX(1)}

/* indeks broj kartice (mikro-detalj) gore lijevo */
.rich-kategorije .kat-card::before{
  content:"01";position:absolute;top:clamp(14px,1.6vw,20px);left:clamp(16px,1.8vw,24px);
  z-index:3;
  font-family:'Barlow Condensed',sans-serif;font-weight:700;
  font-size:12px;letter-spacing:.2em;color:rgba(255,255,255,.62);
  padding-bottom:5px;border-bottom:1px solid rgba(255,255,255,.22);
  transition:color .3s,border-color .3s;
}
.rich-kategorije .kat-grid > .kat-card:nth-child(2)::before{content:"02"}
.rich-kategorije .kat-grid > .kat-card:nth-child(3)::before{content:"03"}
.rich-kategorije .kat-grid > .kat-card:nth-child(4)::before{content:"04"}
.rich-kategorije .kat-grid > .kat-card:nth-child(5)::before{content:"05"}
.rich-kategorije .kat-grid > .kat-card:nth-child(6)::before{content:"06"}
.rich-kategorije .kat-grid > .kat-card:nth-child(7)::before{content:"07"}
.rich-kategorije .kat-grid > .kat-card:nth-child(8)::before{content:"08"}
.rich-kategorije .kat-grid > .kat-card:nth-child(9)::before{content:"09"}
.rich-kategorije .kat-card:hover::before{color:#fff;border-color:var(--red)}

/* --- slika: konzistentan tretman + zoom --- */
.rich-kategorije .kat-img{background:#0e0e0e;border-radius:3px}
.rich-kategorije .kat-img img{
  object-position:center 24%;
  filter:saturate(.92) contrast(1.03);
  transition:transform 1s cubic-bezier(.2,.7,.2,1),filter .6s;
}
.rich-kategorije .kat-card:hover .kat-img img{
  transform:scale(1.08);
  filter:saturate(1.05) contrast(1.05);
}

/* --- veil: profinjeni gradijent (citljivost teksta) --- */
.rich-kategorije .kat-veil{
  background:linear-gradient(180deg,
    rgba(0,0,0,.04) 0%,
    rgba(0,0,0,.16) 42%,
    rgba(0,0,0,.62) 78%,
    rgba(0,0,0,.92) 100%);
  transition:background .5s;
}
.rich-kategorije .kat-card:hover .kat-veil{
  background:linear-gradient(180deg,
    rgba(200,16,46,.14) 0%,
    rgba(0,0,0,.2) 44%,
    rgba(0,0,0,.66) 78%,
    rgba(0,0,0,.95) 100%);
}

/* --- body: hijerarhija ime + broj --- */
.rich-kategorije .kat-body{position:relative;z-index:2}
.rich-kategorije .kat-body h3{
  font-family:'Oswald',sans-serif;font-weight:700;
  font-size:clamp(22px,2.2vw,32px);line-height:.98;letter-spacing:.005em;
  color:#fff;text-transform:uppercase;margin:0 0 11px;
  text-shadow:0 2px 18px rgba(0,0,0,.4);
  transition:transform .45s cubic-bezier(.2,.7,.2,1);
}
.rich-kategorije .kat-card:hover .kat-body h3{transform:translateY(-2px)}

/* feature kartica - veci naslov */
.rich-kategorije .kat-grid > .kat-card:first-child .kat-body h3{
  font-size:clamp(30px,3.4vw,50px);
}

.rich-kategorije .kat-cta{
  gap:11px;font-size:11.5px;letter-spacing:.22em;
  color:rgba(255,255,255,.78);transition:color .3s;
}
.rich-kategorije .kat-card:hover .kat-cta{color:#fff}

/* strelica - reveal / slide na hover */
.rich-kategorije .kat-cta .kat-arrow{
  width:30px;height:30px;border:1px solid rgba(255,255,255,.45);
  border-radius:2px;
  transition:background .3s,border-color .3s,transform .4s cubic-bezier(.2,.7,.2,1);
}
.rich-kategorije .kat-card:hover .kat-cta .kat-arrow{
  background:var(--red);border-color:var(--red);
  transform:translate(3px,-3px);
}

/* --- sekcijski CTA --- */
.rich-kategorije .sec-cta{margin-top:clamp(34px,4.5vw,56px)}

/* =========================== RESPONSIVE =========================== */
@media (max-width:1024px){
  .rich-kategorije .kat-grid{grid-template-columns:repeat(2,1fr)}
  /* feature ostaje sirok ali bez velikog reda */
  .rich-kategorije .kat-grid > .kat-card:first-child{
    grid-column:span 2;grid-row:auto;aspect-ratio:16/9;
  }
}

@media (max-width:680px){
  .rich-kategorije .kat-grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .rich-kategorije .kat-grid > .kat-card:first-child{
    grid-column:span 2;aspect-ratio:5/3;
  }
  .rich-kategorije .kat-card{padding:16px}
  .rich-kategorije .kat-card:hover{transform:translateY(-4px)}
}

@media (max-width:440px){
  .rich-kategorije .kat-grid{grid-template-columns:1fr;gap:12px}
  .rich-kategorije .kat-grid > .kat-card,
  .rich-kategorije .kat-grid > .kat-card:first-child{
    grid-column:auto;aspect-ratio:4/5;
  }
  .rich-kategorije .kat-grid > .kat-card:first-child .kat-body h3{font-size:clamp(26px,8vw,34px)}
}

/* smanji animacije za korisnike koji to traze */
@media (prefers-reduced-motion:reduce){
  .rich-kategorije .kat-card,
  .rich-kategorije .kat-img img,
  .rich-kategorije .kat-cta .kat-arrow,
  .rich-kategorije .kat-card::after{transition:none}
  .rich-kategorije .kat-card:hover{transform:none}
  .rich-kategorije .kat-card:hover .kat-img img{transform:none}
}

/* ===== RICH NOVO - profinjene kartice karusela (svijetli ton) ===== */

/* --- ritam sekcije / razmaci --- */
.rich-novo .section-head{margin-bottom:clamp(26px,3.4vw,40px)}
.rich-novo .section-head h2{line-height:.98}
.rich-novo .section-head .num{
  font-family:'Barlow Condensed',sans-serif;font-weight:600;
  letter-spacing:.26em;color:var(--text-dim);
}

/* --- karusel: zracniji razmaci, mekani fade na rubu --- */
.rich-novo .drop-carousel{padding-block:2px}
.rich-novo .drop-track{
  gap:clamp(18px,2vw,26px);
  padding:6px 4px 22px;
}
.rich-novo .drop-track > .product{
  flex:0 0 clamp(252px,29%,322px);
  scroll-snap-align:start;
}

/* --- nav strelice: cisce, usklađene s karticom --- */
.rich-novo .drop-nav{
  top:42%;
  width:46px;height:46px;border-radius:0;
  background:#fff;border:1px solid var(--line-2);color:var(--text);
  box-shadow:0 6px 18px -10px rgba(10,10,10,.45);
  transition:background .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s;
}
.rich-novo .drop-nav:hover{
  background:var(--red);border-color:var(--red);color:#fff;
  box-shadow:0 10px 24px -10px rgba(200,16,46,.55);
}
.rich-novo .drop-nav.prev{left:-20px}
.rich-novo .drop-nav.next{right:-20px}

/* ============ KARTICA ============ */
.rich-novo .product{
  --r-ease:cubic-bezier(.2,.7,.2,1);
  display:flex;flex-direction:column;
  background:#fff;
  border:1px solid var(--line);
  padding:0;
  transition:transform .4s var(--r-ease),box-shadow .4s var(--r-ease),border-color .4s var(--r-ease);
  will-change:transform;
}
.rich-novo .product:hover{
  transform:translateY(-6px);
  border-color:var(--line-2);
  box-shadow:0 22px 40px -24px rgba(10,10,10,.4);
}

/* --- slika: cist 3/4 omjer, suptilan filter koji se "razbudi" na hover --- */
.rich-novo .product .product-img{
  margin-bottom:0;
  aspect-ratio:3/4;
  border:0;border-bottom:1px solid var(--line);
  background:var(--surface-2);
  overflow:hidden;
}
.rich-novo .product .product-img .ph{
  inset:0;
  background-size:cover;background-position:center;
  filter:saturate(.92) contrast(1.02);
  transition:transform 1.1s var(--r-ease),filter .5s var(--r-ease);
}
.rich-novo .product:hover .product-img .ph{
  transform:scale(1.06);
  filter:saturate(1.05) contrast(1.04);
}
/* fini veil gradijent uz dno - drzi badge/quick citljivim, daje dubinu */
.rich-novo .product .product-img::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(10,10,10,.07) 0%,rgba(10,10,10,0) 26%,rgba(10,10,10,0) 62%,rgba(10,10,10,.16) 100%);
  opacity:.85;transition:opacity .4s var(--r-ease);
}
.rich-novo .product:hover .product-img::after{opacity:1}

/* --- badge: ostriji, sjenovit --- */
.rich-novo .product .product-img .badge{
  top:12px;left:12px;z-index:3;
  background:var(--red);color:#fff;border:0;
  font-family:'Oswald',sans-serif;font-weight:700;font-size:12px;letter-spacing:.1em;
  padding:5px 10px;
  box-shadow:0 4px 12px -4px rgba(200,16,46,.6);
}

/* --- cat-chip: citljiviji, lagani frosted look gore desno --- */
.rich-novo .product .product-img .cat-chip{
  top:12px;right:12px;z-index:3;
  background:rgba(255,255,255,.82);color:var(--text);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  border:1px solid rgba(10,10,10,.1);
  font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:10.5px;letter-spacing:.16em;
  padding:5px 10px;
}

/* --- quick: reveal CTA, crvena na hover --- */
.rich-novo .product .product-img .quick{
  z-index:2;
  background:var(--black);color:var(--text-on-dark);
  font-family:'Oswald',sans-serif;font-weight:600;font-size:12px;letter-spacing:.18em;
  padding:13px;
  transition:transform .42s var(--r-ease),background .25s var(--r-ease);
}
.rich-novo .product:hover .product-img .quick{transform:translateY(0);background:var(--red)}

/* --- info: jasna hijerarhija naziv -> cijena, tanka linija akcenta --- */
.rich-novo .product .product-info{
  position:relative;
  gap:6px;
  padding:15px 16px 17px;
}
.rich-novo .product .product-info::before{
  content:"";position:absolute;top:0;left:16px;
  width:22px;height:2px;background:var(--line-2);
  transition:width .4s var(--r-ease),background .4s var(--r-ease);
}
.rich-novo .product:hover .product-info::before{width:36px;background:var(--red)}
.rich-novo .product .product-info h4{
  font-family:'Oswald',sans-serif;font-weight:600;font-size:14.5px;
  letter-spacing:.06em;line-height:1.28;color:var(--text);
  overflow:hidden;text-overflow:ellipsis;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  min-height:2.56em;
  transition:color .25s var(--r-ease);
}
.rich-novo .product:hover .product-info h4{color:#000}
.rich-novo .product .product-info .price{
  font-family:'Oswald',sans-serif;font-weight:700;font-size:17px;
  letter-spacing:.01em;color:var(--text);
}

/* --- CTA sekcije --- */
.rich-novo .sec-cta{margin-top:clamp(28px,3.6vw,44px)}

/* ============ RESPONSIVE ============ */
@media (max-width:900px){
  .rich-novo .drop-track{gap:14px;padding-bottom:18px}
  .rich-novo .drop-track > .product{flex:0 0 78%}
}
@media (max-width:560px){
  .rich-novo .drop-track > .product{flex:0 0 84%}
  .rich-novo .product .product-info{padding:13px 14px 15px}
  .rich-novo .product .product-info h4{font-size:14px}
  .rich-novo .product .product-info .price{font-size:16px}
  .rich-novo .product:hover{transform:translateY(-3px)}
}

/* ============================================================
   RICH LOOKBOOK - poboljsanje SADRZAJA (head, mreza, kartice)
   Sve scope-ovano pod .rich-lookbook. Pozadinski deco sloj ostaje.
   ============================================================ */

/* ---------- GLAVA SEKCIJE - jasnija hijerarhija ---------- */
.rich-lookbook .lookbook-head{
  margin-bottom:clamp(28px,4vw,46px);
  align-items:end;
  gap:clamp(20px,4vw,48px);
}
.rich-lookbook .lookbook-head .eyebrow{
  display:inline-flex;align-items:center;gap:9px;
  font-family:'Barlow Condensed',sans-serif;font-weight:600;
  font-size:12px;letter-spacing:.26em;text-transform:uppercase;
  color:var(--text-dim);
}
.rich-lookbook .lookbook-head .eyebrow .dot{
  width:7px;height:7px;border-radius:50%;
  background:var(--red);
  box-shadow:0 0 0 3px rgba(200,16,46,.14);
}
.rich-lookbook .lookbook-head h2{
  font-family:'Oswald',sans-serif;font-weight:700;
  font-size:clamp(46px,7.2vw,98px);line-height:.92;
  letter-spacing:-.01em;text-transform:uppercase;
  color:var(--text);margin-top:16px;
}
.rich-lookbook .lookbook-head h2 .red{color:var(--red)}
/* tanka crvena linija ispod naslova - editorial */
.rich-lookbook .lookbook-head > div:first-child{position:relative}
.rich-lookbook .lookbook-head h2::after{
  content:"";display:block;
  width:64px;height:3px;margin-top:18px;
  background:var(--red);
}
.rich-lookbook .lookbook-head p{
  color:var(--text-mid);
  font-family:'Barlow',sans-serif;
  font-size:clamp(14px,1.1vw,15.5px);line-height:1.72;
  max-width:46ch;align-self:end;
  padding-bottom:4px;
}
.rich-lookbook .lookbook-head p b{color:var(--text);font-weight:600}

/* ---------- MREZA - feature kompozicija + ritam ---------- */
.rich-lookbook .lookbook-grid{
  grid-template-columns:repeat(4,1fr);
  grid-auto-rows:1fr;
  gap:clamp(8px,1vw,14px);
  padding:clamp(10px,1.4vw,16px);
  background:rgba(255,255,255,.5);
  border:1px solid var(--line);
  box-shadow:
    0 1px 0 rgba(255,255,255,.7) inset,
    0 22px 50px -32px rgba(0,0,0,.4);
}

/* ---------- CELIJA ---------- */
.rich-lookbook .lb-cell{
  position:relative;display:block;overflow:hidden;
  aspect-ratio:1;
  background:var(--surface-3);
  border:1px solid rgba(0,0,0,.05);
  box-shadow:0 1px 2px rgba(0,0,0,.05);
  transition:transform .5s cubic-bezier(.2,.7,.2,1),
             box-shadow .4s ease,
             border-color .4s ease;
}
.rich-lookbook .lb-cell:hover{
  transform:translateY(-4px);
  border-color:rgba(200,16,46,.45);
  box-shadow:0 18px 34px -18px rgba(0,0,0,.45);
  z-index:3;
}

/* feature kartica - prva spanuje 2x2 za asimetriju / masonry osjecaj */
.rich-lookbook .lb-cell.lb-big{
  grid-column:span 2;
  grid-row:span 2;
  aspect-ratio:auto;
}

/* ---------- SLIKA - konzistentan tretman ---------- */
.rich-lookbook .lb-cell img{
  width:100%;height:100%;object-fit:cover;display:block;
  filter:grayscale(.3) contrast(1.04) brightness(.99);
  transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .5s ease;
}
.rich-lookbook .lb-cell:hover img{
  transform:scale(1.07);
  filter:grayscale(0) contrast(1.02);
}

/* ---------- OVERLAY VEIL - reveal na hover ---------- */
.rich-lookbook .lb-cell::after{
  content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,
    rgba(10,10,10,0) 38%,
    rgba(10,10,10,.32) 70%,
    rgba(10,10,10,.74) 100%);
  opacity:0;transition:opacity .35s ease;
  pointer-events:none;
}
.rich-lookbook .lb-cell:hover::after{opacity:1}

/* tanak crveni akcent-okvir koji se uvuce na hover */
.rich-lookbook .lb-cell::before{
  content:"";position:absolute;inset:0;z-index:2;
  border:0 solid var(--red);
  transition:border-width .3s ease;
  pointer-events:none;
}
.rich-lookbook .lb-cell:hover::before{border-bottom-width:3px}

/* ---------- #TAG - citljiviji, reveal ---------- */
.rich-lookbook .lb-tag{
  position:absolute;left:clamp(10px,1.2vw,14px);bottom:clamp(10px,1.2vw,14px);
  z-index:3;
  font-family:'Barlow Condensed',sans-serif;font-weight:700;
  font-size:12px;letter-spacing:.14em;text-transform:uppercase;
  color:#fff;
  text-shadow:0 1px 8px rgba(0,0,0,.55);
  opacity:0;transform:translateY(8px);
  transition:opacity .32s ease,transform .32s cubic-bezier(.2,.7,.2,1);
}
.rich-lookbook .lb-cell:hover .lb-tag{opacity:1;transform:translateY(0)}
/* feature kartica - veci tag */
.rich-lookbook .lb-cell.lb-big .lb-tag{font-size:14px;letter-spacing:.16em}

/* mali "view" CTA u gornjem desnom uglu feature kartice */
.rich-lookbook .lb-cell.lb-big .lb-tag::before{
  content:"POGLEDAJ";
  position:absolute;left:0;bottom:calc(100% + 8px);
  font-family:'Barlow Condensed',sans-serif;font-weight:600;
  font-size:10.5px;letter-spacing:.24em;color:var(--red-bright);
  white-space:nowrap;
  padding:3px 8px;background:rgba(255,255,255,.92);
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:1024px){
  .rich-lookbook .lookbook-head{
    grid-template-columns:1fr;gap:14px;
  }
  .rich-lookbook .lookbook-head p{align-self:start}
  .rich-lookbook .lookbook-grid{grid-template-columns:repeat(3,1fr)}
  /* feature i dalje 2x2 unutar 3 kolone - lijepa asimetrija */
  .rich-lookbook .lb-cell.lb-big{grid-column:span 2;grid-row:span 2}
}

@media (max-width:640px){
  .rich-lookbook .lookbook-head h2::after{margin-top:14px}
  .rich-lookbook .lookbook-grid{
    grid-template-columns:repeat(2,1fr);
    gap:8px;padding:10px;
  }
  /* feature zauzme cijelu sirinu (2 kolone), ostaje istaknut */
  .rich-lookbook .lb-cell.lb-big{
    grid-column:span 2;grid-row:auto;
    aspect-ratio:4/3;
  }
  /* tag uvijek djelimicno vidljiv na touchu - nema hovera */
  .rich-lookbook .lb-cell .lb-tag{opacity:1;transform:none}
  .rich-lookbook .lb-cell::after{opacity:.55}
  .rich-lookbook .lb-cell.lb-big .lb-tag::before{display:none}
}

@media (max-width:380px){
  .rich-lookbook .lookbook-grid{grid-template-columns:repeat(2,1fr)}
}

/* ============================================================
   .rich-prica - "Nasa prica" (kultura) holisticko poboljsanje
   Tamna sekcija. Scoped iskljucivo pod .rich-prica.
   ============================================================ */

/* ---- Glava sekcije: jasnija hijerarhija ---- */
.rich-prica .kultura-head{
  margin-bottom:clamp(48px,6vw,72px);
  padding-bottom:24px;
  border-bottom:1px solid rgba(255,255,255,.16);
  position:relative;
}
/* tanka crvena akcent-linija u liniji bordera (lijevo) */
.rich-prica .kultura-head::after{
  content:"";position:absolute;left:0;bottom:-1px;
  width:72px;height:3px;background:var(--red-bright);
}
.rich-prica .kultura-head .eyebrow{
  display:inline-flex;align-items:center;gap:9px;
  font-family:'Barlow Condensed',sans-serif;font-weight:600;
  font-size:12.5px;letter-spacing:.32em;text-transform:uppercase;
  color:#9a9a98 !important;
}
.rich-prica .kultura-head .eyebrow .dot{
  width:7px;height:7px;border-radius:50%;
  background:var(--red-bright);
  box-shadow:0 0 0 4px rgba(230,20,46,.16);
}
.rich-prica .kultura-head h2{
  font-size:clamp(42px,6.6vw,88px);
  letter-spacing:-.012em;
  text-shadow:0 2px 30px rgba(0,0,0,.5);
}
.rich-prica .kultura-head .num{
  position:relative;
  font-size:12px;color:#7a7a78;letter-spacing:.26em;
  padding-bottom:16px;padding-left:18px;white-space:nowrap;
}
.rich-prica .kultura-head .num::before{
  content:"";position:absolute;left:0;top:3px;
  width:1px;height:13px;background:var(--red-bright);
}

/* ---- Mreza: malo vise prostora izmedju kolona ---- */
.rich-prica .kultura-grid{
  grid-template-columns:1.08fr 1fr;
  gap:clamp(36px,5vw,68px);
}

/* ============ STUBOVI (pillars) ============ */
.rich-prica .pillars{
  gap:0;
  background:transparent;
  border:1px solid rgba(255,255,255,.08);
  border-radius:3px;
  overflow:hidden;
}
.rich-prica .pillar{
  position:relative;
  background:rgba(255,255,255,.012);
  padding:clamp(26px,3vw,34px) clamp(24px,3vw,32px);
  grid-template-columns:auto 1fr;
  gap:clamp(20px,2.4vw,28px);
  align-items:start;
  transition:background .3s ease, transform .3s ease;
}
/* tanke divider linije izmedju stubova */
.rich-prica .pillar + .pillar::before{
  content:"";position:absolute;left:clamp(24px,3vw,32px);right:0;top:0;
  height:1px;background:rgba(255,255,255,.09);
}
/* lijevi crveni akcent koji se otkriva na hover */
.rich-prica .pillar::after{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:var(--red-bright);
  transform:scaleY(0);transform-origin:top;
  transition:transform .35s cubic-bezier(.22,1,.36,1);
}
.rich-prica .pillar:hover{
  background:rgba(230,20,46,.045);
}
.rich-prica .pillar:hover::after{transform:scaleY(1)}

/* numeracija: profinjena, monospace ritam */
.rich-prica .pillar .pill-num{
  font-size:clamp(40px,4.4vw,54px);
  line-height:.8;
  color:transparent;
  -webkit-text-stroke:1.4px rgba(230,20,46,.55);
  letter-spacing:-.02em;
  transition:color .35s ease, -webkit-text-stroke-color .35s ease;
  font-variant-numeric:tabular-nums;
}
.rich-prica .pillar:hover .pill-num{
  color:var(--red-bright);
  -webkit-text-stroke-color:var(--red-bright);
}

/* hijerarhija h4 / p */
.rich-prica .pillar .pill-body h4{
  font-size:clamp(22px,2.4vw,28px);
  line-height:1;
  margin-bottom:11px;
  letter-spacing:.01em;
  color:#fff;
}
.rich-prica .pillar .pill-body p{
  color:#a6a6a4;
  font-size:14.5px;
  line-height:1.66;
  max-width:48ch;
}

/* ============ PATCHES ZID ============ */
.rich-prica .patches{
  min-height:100%;
  border:1px solid rgba(255,255,255,.1);
  border-radius:3px;
  padding:clamp(22px,2.6vw,32px);
  box-shadow:inset 0 0 90px rgba(0,0,0,.55);
}
.rich-prica .patches-bg{
  object-position:center 22%;
  filter:grayscale(.42) contrast(1.08) brightness(.78);
}
/* dodatni dubinski veil + crveni glow odozdo (preko postojeceg) */
.rich-prica .patches-veil{
  background:
    repeating-linear-gradient(45deg, rgba(255,255,255,.022) 0 2px, transparent 2px 11px),
    radial-gradient(120% 80% at 50% 8%, rgba(230,20,46,.10) 0%, transparent 55%),
    linear-gradient(180deg, rgba(8,8,8,.5) 0%, rgba(8,8,8,.4) 42%, rgba(8,8,8,.86) 100%);
}
.rich-prica .patches::before{
  top:13px;right:16px;
  font-weight:600;font-size:10.5px;color:#cfcfcd;letter-spacing:.28em;
  padding:4px 8px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(10,10,10,.4);
  backdrop-filter:blur(2px);
}

/* zajednicki tretman patcheva: cvrsce sjene = pravi sivni zid */
.rich-prica .patch{
  letter-spacing:.07em;
  border-width:2px;
  filter:drop-shadow(0 6px 14px rgba(0,0,0,.45));
  transition:transform .32s cubic-bezier(.22,1,.36,1), filter .32s ease;
}
.rich-prica .patch:hover{
  transform:rotate(0deg) scale(1.06) translateY(-2px) !important;
  filter:drop-shadow(0 12px 22px rgba(0,0,0,.6));
  z-index:6;
}
.rich-prica .patch.red{box-shadow:4px 4px 0 #000}
.rich-prica .patch.white{box-shadow:4px 4px 0 var(--red),0 0 0 1px rgba(0,0,0,.4)}
.rich-prica .patch.black{box-shadow:4px 4px 0 var(--red)}

/* prerasporedeni i lijepse rotirani patchevi - prirodniji ritam zida */
.rich-prica .patch.p1{top:7%;left:7%;transform:rotate(-7deg)}
.rich-prica .patch.p2{top:11%;right:7%;transform:rotate(6deg)}
.rich-prica .patch.p3{top:40%;left:11%;transform:rotate(-4deg)}
.rich-prica .patch.p4{top:36%;right:11%;transform:rotate(8deg)}
.rich-prica .patch.p5{bottom:13%;left:9%;transform:rotate(-5deg)}
.rich-prica .patch.p6{bottom:8%;right:9%;transform:rotate(5deg)}
.rich-prica .patch.p7{top:56%;left:43%;transform:rotate(-11deg)}

/* ============ RESPONSIVE ============ */
@media (max-width:1024px){
  .rich-prica .kultura-grid{grid-template-columns:1fr;gap:36px}
  .rich-prica .patches{min-height:440px}
}
@media (max-width:760px){
  .rich-prica .kultura-head{margin-bottom:40px;padding-bottom:20px}
  .rich-prica .kultura-head .num{padding-bottom:0;padding-left:16px}
  .rich-prica .pillar{
    grid-template-columns:auto 1fr;
    gap:16px;
    padding:24px 20px;
  }
  .rich-prica .pillar + .pillar::before{left:20px}
  .rich-prica .pillar .pill-num{font-size:38px}
  .rich-prica .pillar .pill-body h4{font-size:22px}
  .rich-prica .pillar .pill-body p{max-width:none}
  .rich-prica .patches{min-height:500px;padding:18px}
  .rich-prica .patch{filter:drop-shadow(0 4px 10px rgba(0,0,0,.45))}
  .rich-prica .patch.red,
  .rich-prica .patch.white,
  .rich-prica .patch.black{box-shadow:3px 3px 0 rgba(0,0,0,.7)}
}
@media (max-width:430px){
  .rich-prica .pillar{grid-template-columns:1fr;gap:12px}
  .rich-prica .pillar .pill-num{font-size:34px}
}

/* ===== rich-split : Flagship editorial - Pitbull (TAMNO) - sadrzaj ===== */

/* --- Grid balans: slika dobija malo vise, content disanje --- */
.rich-split .split-grid{
  grid-template-columns:1.04fr 0.96fr;
  align-items:stretch;
  gap:0;
}

/* --- Content kolona: editorial vertikalni ritam --- */
.rich-split .split-content{
  padding:clamp(54px,7vw,104px) clamp(28px,5vw,72px);
  gap:0;
  justify-content:center;
}

/* number "02" - suptilan, gornji desni, ne dominira */
.rich-split .split-content .number{
  font-size:clamp(96px,14vw,168px);
  top:clamp(20px,3vw,40px);
  right:clamp(20px,3vw,44px);
  -webkit-text-stroke:1.5px rgba(255,255,255,.10);
  color:transparent;
  letter-spacing:.01em;
  opacity:.9;
}

/* eyebrow - crveni accent dot + jasna mono oznaka, prvi u ritmu */
.rich-split .split-content .eyebrow{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:9px;
  font-family:'Barlow Condensed',sans-serif;
  font-weight:600;
  font-size:12px;
  letter-spacing:.28em;
  text-transform:uppercase;
  color:#cfcfcc;
  padding-left:34px;
  margin-bottom:clamp(22px,3vw,30px);
}
/* kratka crvena keyline ispred eyebrowa */
.rich-split .split-content .eyebrow::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  width:24px;
  height:2px;
  background:var(--red-bright);
}
.rich-split .split-content .eyebrow .dot{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--red-bright);
  box-shadow:0 0 0 4px rgba(230,20,46,.16);
  flex:none;
}

/* headline - dominantna, tijesan leading, fina crvena rijec */
.rich-split .split-content h2{
  font-size:clamp(42px,5.4vw,72px);
  line-height:.98;
  letter-spacing:-.01em;
  color:#fff;
  margin:0 0 clamp(22px,3vw,30px);
  text-wrap:balance;
}
.rich-split .split-content h2 .red{
  color:var(--red-bright);
}

/* copy - citljiv, kontroliran mjera, mid-ton siva */
.rich-split .split-content p{
  color:#b8b8b4;
  font-size:clamp(15px,1.15vw,16.5px);
  line-height:1.75;
  max-width:44ch;
  margin:0 0 clamp(30px,4vw,40px);
}

/* CTA - solidan crveni, premium hover (lift + tamniji + arrow shift) */
.rich-split .split-content .btn.btn-red{
  align-self:flex-start;
  display:inline-flex;
  align-items:center;
  gap:11px;
  padding:15px 26px;
  font-family:'Barlow Condensed',sans-serif;
  font-weight:600;
  font-size:14px;
  letter-spacing:.16em;
  text-transform:uppercase;
  background:var(--red);
  color:#fff;
  border:1px solid var(--red);
  position:relative;
  overflow:hidden;
  transition:background .28s ease,transform .28s ease,box-shadow .28s ease,border-color .28s ease;
  box-shadow:0 10px 26px -14px rgba(200,16,46,.7);
  z-index:0;
}
.rich-split .split-content .btn.btn-red::before{
  content:"";
  position:absolute;
  inset:0;
  background:var(--red-deep);
  transform:translateY(101%);
  transition:transform .34s cubic-bezier(.22,.61,.36,1);
  z-index:-1;
}
.rich-split .split-content .btn.btn-red:hover{
  border-color:var(--red-bright);
  transform:translateY(-2px);
  box-shadow:0 16px 34px -14px rgba(200,16,46,.85);
}
.rich-split .split-content .btn.btn-red:hover::before{
  transform:translateY(0);
}
.rich-split .split-content .btn.btn-red .arrow{
  display:inline-block;
  transition:transform .3s ease;
}
.rich-split .split-content .btn.btn-red:hover .arrow{
  transform:translate(3px,-3px);
}

/* signature - tihi potpis, tanka linija iznad, odvojen od CTA */
.rich-split .split-content .signature{
  font-family:'Barlow Condensed',sans-serif;
  font-weight:500;
  font-size:11.5px;
  letter-spacing:.26em;
  text-transform:uppercase;
  color:#7d7d7a;
  margin-top:clamp(34px,4.5vw,46px);
  padding-top:18px;
  position:relative;
}
.rich-split .split-content .signature::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:44px;
  height:1px;
  background:rgba(255,255,255,.16);
}

/* --- Slika: editorial keyline okvir + veil + zoom hover --- */
.rich-split .split-img.has-photo{
  position:relative;
  min-height:580px;
  background:#0a0a0a;
  overflow:hidden;
}
/* fini unutrasnji keyline preko fotke */
.rich-split .split-img.has-photo::after{
  content:"";
  position:absolute;
  inset:clamp(14px,1.6vw,22px);
  border:1px solid rgba(255,255,255,.16);
  pointer-events:none;
  z-index:3;
  transition:inset .5s ease,border-color .5s ease;
}
.rich-split .split-img.has-photo img{
  transition:transform 1.1s cubic-bezier(.22,.61,.36,1),filter .6s ease;
  filter:saturate(.94) contrast(1.04);
  will-change:transform;
}
/* gornji + donji veil za dubinu i da ph-tag/keyline sjede citljivo */
.rich-split .split-img.has-photo > img + .ph-tag{will-change:auto}
.rich-split .split-img.has-photo::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(10,10,10,.42) 0%, rgba(10,10,10,0) 26%, rgba(10,10,10,0) 64%, rgba(10,10,10,.5) 100%),
    linear-gradient(90deg, rgba(10,10,10,.28) 0%, rgba(10,10,10,0) 30%);
  transition:opacity .5s ease;
}
/* hover: zoom slike + keyline se skupi, veil malo oslabi */
.rich-split .split-img.has-photo:hover img{
  transform:scale(1.045);
  filter:saturate(1) contrast(1.06);
}
.rich-split .split-img.has-photo:hover::after{
  inset:clamp(11px,1.3vw,18px);
  border-color:rgba(230,20,46,.5);
}
.rich-split .split-img.has-photo:hover::before{
  opacity:.85;
}

/* ph-tag - premium oznaka, fini crveni marker, citljiva na fotci */
.rich-split .split-img.has-photo .ph-tag{
  top:clamp(20px,2.4vw,30px);
  left:clamp(20px,2.4vw,30px);
  z-index:4;
  display:inline-flex;
  align-items:center;
  gap:9px;
  border:1px solid rgba(255,255,255,.34);
  background:rgba(10,10,10,.5);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  color:#fff;
  font-family:'Barlow Condensed',sans-serif;
  font-weight:600;
  font-size:11px;
  letter-spacing:.24em;
  text-transform:uppercase;
  padding:6px 12px 6px 11px;
}
.rich-split .split-img.has-photo .ph-tag::before{
  content:"";
  width:6px;
  height:6px;
  background:var(--red-bright);
  flex:none;
}

/* --- Responsive --- */
@media (max-width:900px){
  .rich-split .split-grid{
    grid-template-columns:1fr;
  }
  /* slika iznad teksta? markup je content->img; zadrzi redoslijed, samo full width */
  .rich-split .split-img.has-photo{
    min-height:clamp(340px,52vw,440px);
  }
  .rich-split .split-content{
    padding:clamp(44px,8vw,64px) clamp(24px,6vw,40px);
  }
  .rich-split .split-content .number{
    font-size:clamp(84px,22vw,128px);
    top:clamp(16px,3vw,26px);
    right:clamp(16px,3vw,26px);
  }
  .rich-split .split-content h2{
    font-size:clamp(38px,9vw,56px);
  }
  .rich-split .split-img.has-photo::after{
    inset:12px;
  }
}

@media (max-width:560px){
  .rich-split .split-img.has-photo{
    min-height:320px;
  }
  .rich-split .split-content{
    padding:42px 22px 46px;
  }
  .rich-split .split-content .eyebrow{
    font-size:11px;
    letter-spacing:.22em;
    padding-left:30px;
  }
  .rich-split .split-content h2{
    font-size:clamp(34px,11vw,46px);
    line-height:1.02;
  }
  .rich-split .split-content p{
    font-size:14.5px;
    max-width:100%;
  }
  .rich-split .split-content .btn.btn-red{
    width:100%;
    justify-content:center;
  }
  .rich-split .split-img.has-photo .ph-tag{
    top:14px;
    left:14px;
    font-size:10px;
    letter-spacing:.18em;
    padding:5px 10px;
  }
  .rich-split .split-img.has-photo::after{
    inset:10px;
  }
}

/* ===== RICH NEWSLETTER (scoped .rich-newsletter) ===== */

/* Layout / vertical rhythm + balansiranje dvije kolone */
.rich-newsletter .newsletter-inner{
  grid-template-columns:1.05fr .95fr;
  gap:clamp(40px,6vw,84px);
  align-items:center;
  padding-block:clamp(64px,8.5vw,118px);
}

/* ---- Lijeva kolona: hijerarhija ---- */
.rich-newsletter .eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font-family:'Barlow Condensed',sans-serif;font-weight:600;
  font-size:12px;letter-spacing:.32em;text-transform:uppercase;
  color:rgba(255,255,255,.88) !important;
  padding:7px 14px 7px 12px;
  background:rgba(0,0,0,.16);
  border:1px solid rgba(0,0,0,.28);
}
.rich-newsletter .eyebrow .dot{
  width:7px;height:7px;border-radius:50%;flex-shrink:0;
  background:#000 !important;
  box-shadow:0 0 0 3px rgba(0,0,0,.12);
}

.rich-newsletter h2{
  margin-top:20px !important;
  font-size:clamp(46px,6.2vw,90px);
  line-height:.95;
  letter-spacing:-.01em;
  text-shadow:0 2px 26px rgba(0,0,0,.22);
}
/* Citljiviji stroke red - deblji stroke + suptilan ispun da ne nestaje */
.rich-newsletter h2 .stroke{
  -webkit-text-stroke:2.4px #fff;
  color:rgba(255,255,255,.07);
  position:relative;
  display:inline-block;
}

.rich-newsletter p{
  margin-top:22px;
  max-width:42ch;
  font-size:16px;
  line-height:1.72;
  color:rgba(255,255,255,.94);
  padding-left:18px;
  border-left:2px solid rgba(0,0,0,.3);
}

/* ---- Desna kolona: forma ---- */
.rich-newsletter .subscribe{
  background:#000;
  border:1px solid rgba(0,0,0,.45);
  box-shadow:0 18px 50px -20px rgba(0,0,0,.55), inset 0 0 0 1px rgba(255,255,255,.04);
  transition:box-shadow .25s ease, transform .25s ease;
}
.rich-newsletter .subscribe:focus-within{
  box-shadow:0 0 0 2px #fff, 0 22px 56px -18px rgba(0,0,0,.6);
  transform:translateY(-1px);
}

.rich-newsletter .subscribe input{
  padding:24px 26px;
  font-size:16px;
  color:#fff;
  letter-spacing:.01em;
}
.rich-newsletter .subscribe input::placeholder{
  color:#7a7a78;
  letter-spacing:.18em;
}

.rich-newsletter .subscribe button{
  padding:24px 32px;
  background:#fff;color:#000;
  font-size:13px;letter-spacing:.2em;
  position:relative;
  transition:background .22s ease,color .22s ease,gap .22s ease;
}
.rich-newsletter .subscribe button span{
  display:inline-block;
  transition:transform .25s cubic-bezier(.2,.7,.2,1);
}
.rich-newsletter .subscribe button:hover{
  background:#000;color:#fff;
  outline:1px solid #fff;outline-offset:-1px;
}
.rich-newsletter .subscribe button:hover span{
  transform:translate(3px,-3px);
}
.rich-newsletter .subscribe button:active{transform:translateY(1px)}

/* Legal - finiji, sa tackom */
.rich-newsletter .legal{
  display:flex;align-items:center;gap:8px;
  margin-top:16px;
  font-size:11px;letter-spacing:.2em;
  color:rgba(255,255,255,.7);
}
.rich-newsletter .legal::before{
  content:"";
  width:5px;height:5px;flex-shrink:0;
  background:#000;
  transform:rotate(45deg);
  opacity:.55;
}

/* Mikro-detalj: indikator iznad forme na desktopu */
.rich-newsletter .newsletter-inner > div:last-child{position:relative}
.rich-newsletter .newsletter-inner > div:last-child::before{
  content:"01 / SIGN UP";
  position:absolute;top:-26px;left:0;
  font-family:'Barlow Condensed',sans-serif;font-weight:600;
  font-size:11px;letter-spacing:.34em;text-transform:uppercase;
  color:rgba(0,0,0,.42);
}

/* ---- Responsive ---- */
@media (max-width:900px){
  .rich-newsletter .newsletter-inner{
    grid-template-columns:1fr;
    gap:34px;
  }
  .rich-newsletter .newsletter-inner > div:last-child::before{
    position:static;display:block;margin-bottom:12px;
  }
}
@media (max-width:640px){
  .rich-newsletter h2{font-size:clamp(40px,11vw,60px)}
  .rich-newsletter h2 .stroke{-webkit-text-stroke:2px #fff}
  .rich-newsletter .subscribe input{padding:18px 20px}
  .rich-newsletter .subscribe button{padding:18px 24px;justify-content:center}
  .rich-newsletter p{font-size:15px}
}

/* fix: kategorije naslov ispod deco mono taga */
.rich-kategorije .section-head{padding-top:clamp(26px,3vw,42px)}

/* ============================================================
   FIX: poravnanje + uniformne kartice
   ============================================================ */
/* brendovi intro - bilo izmaknuto lijevo (agentov margin je ponistio auto-centriranje) */
.rich-brendovi .brands-intro{margin-left:auto;margin-right:auto}

/* kupuj po kategoriji - sve kartice iste velicine (bez velike prve) */
.rich-kategorije .kat-grid > .kat-card:first-child{grid-column:span 1;grid-row:span 1;aspect-ratio:4/5}
.rich-kategorije .kat-grid > .kat-card:first-child .kat-body h3{font-size:clamp(22px,2.2vw,32px)}

/* #UTVOMSTILU lookbook - sve celije iste i manje (bez velike prve) */
.rich-lookbook .lb-cell.lb-big{grid-column:span 1;grid-row:span 1;aspect-ratio:1}
.rich-lookbook .lb-cell.lb-big .lb-tag{font-size:11px;letter-spacing:.14em}