/* ===== Tema: VRH Selection – moderna streetwear prodavnica ===== */

h1,h2,h3{font-weight:800;letter-spacing:-.02em;color:var(--text)}
.wrap{max-width:1320px}

/* Dugmad: zaobljena, pune boje */
.btn{border-radius:999px;font-weight:700;padding-left:26px;padding-right:26px}
.btn-accent{background:var(--primary);border-color:var(--primary)}
.btn-light{background:#fff;color:#0a0a0a;border-color:#fff}
[data-buynow]{background:var(--accent);border-color:var(--accent)}

/* Traka – na telefonu klizi */
.vrh-announce{padding:0;overflow:hidden;font-size:.8rem;font-weight:600;letter-spacing:.02em}
.vrh-marquee{display:flex;justify-content:center;gap:40px;padding:9px 16px;white-space:nowrap}
@media (max-width:760px){
  .vrh-marquee{justify-content:flex-start;animation:vrh-slide 16s linear infinite;width:max-content}
  .vrh-marquee span::after{content:"•";margin-left:40px;opacity:.5}
}
@media (min-width:761px){.vrh-marquee .dup{display:none}}
@keyframes vrh-slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.vrh-marquee{animation:none}}

/* Header */
.vrh-header .header-in{height:68px;gap:20px}
.vrh-header .logo{font-weight:900;font-size:1.35rem;letter-spacing:-.02em;text-transform:uppercase}
.vrh-nav a{font-weight:600;font-size:.93rem}
.vrh-search{display:none}
@media (min-width:960px){
  .vrh-nav{margin-left:28px;gap:22px}
  .vrh-search{display:flex;align-items:center;gap:8px;flex:1;max-width:340px;margin-left:auto;background:var(--muted-bg);border-radius:999px;padding:0 16px;height:42px;color:#6b7280}
  .vrh-search input{border:0;background:none;outline:none;flex:1;min-width:0;font-size:.9rem;color:var(--text)}
  .vrh-search:focus-within{outline:2px solid var(--primary)}
  .vrh-search-btn{display:none}
  .vrh-header .header-actions{margin-left:0}
}
@media (max-width:959px){.vrh-header .logo{margin:0 auto 0 0}}

/* Hero */
.hero h1{font-weight:900;letter-spacing:-.03em;font-size:clamp(2.2rem,7vw,4.5rem);line-height:1.02}
.hero p{font-size:clamp(1rem,2vw,1.15rem)}
.hero-in{padding-top:64px;padding-bottom:64px}

/* Naslovi sekcija */
.sec-title{font-size:clamp(1.4rem,3vw,2rem)}
.link-more{color:var(--text);font-weight:700;font-size:.9rem;background:var(--muted-bg);padding:8px 16px;border-radius:999px;text-decoration:none}
.link-more:hover{background:var(--primary);color:#fff}

/* Kategorije */
.cat-grid{gap:14px}
.cat-tile{aspect-ratio:4/5;border-radius:18px}
.cat-tile span{background:#fff;border-radius:999px;font-weight:800;padding:10px 18px;margin:14px}

/* Prednosti kao kartice */
.usp-grid{gap:12px}
.usp-item{background:var(--muted-bg);border-radius:var(--radius);padding:18px;flex-direction:column;gap:8px}
.usp-icon{font-size:1.6rem}
.usp-item strong{font-weight:800}

/* Kartice proizvoda */
.grid{gap:24px 14px}
.vrh-card .card-img{aspect-ratio:4/5;border-radius:16px}
.vrh-badges{position:absolute;top:10px;left:10px;right:10px;display:flex;justify-content:space-between;gap:6px}
.vrh-badges .badge{position:static;border-radius:999px;font-size:.72rem;font-weight:800;padding:5px 10px}
.vrh-sale{background:var(--accent)}
.vrh-badge{background:#fff;color:#0a0a0a;margin-left:auto}
.vrh-soldout{position:absolute;inset:auto 10px 10px 10px;background:rgba(255,255,255,.92);color:#111;text-align:center;border-radius:999px;padding:8px;font-weight:700;font-size:.8rem}
.vrh-card h3{font-weight:700;font-size:.95rem;letter-spacing:-.01em;margin-bottom:4px}
.vrh-card .price{font-weight:800;align-items:center}
.price.is-sale span{color:var(--accent)}
.vrh-pct{font-style:normal;font-size:.72rem;font-weight:800;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,#fff);padding:2px 7px;border-radius:999px}
.vrh-card .qa-size{border-radius:999px;height:34px;min-width:42px;font-weight:700;font-size:.8rem}
.vrh-card .qa-btn{border-radius:999px;background:var(--primary);color:#fff;height:38px;font-weight:700}
.vrh-card .qa-btn:hover{opacity:.88}

/* Stranica proizvoda */
.g-main{border-radius:18px}
.g-main img{aspect-ratio:4/5}
.g-thumbs button{border-radius:12px;height:84px;flex-basis:68px}
.p-info h1{font-size:clamp(1.5rem,3vw,2.1rem)}
.p-price{font-weight:900}
.p-price:has([data-compare]:not([hidden])) [data-price]{color:var(--accent)}
.pill-check span{border-radius:999px;font-weight:700;min-width:50px}
.qty{border-radius:999px}
.trust{border-radius:var(--radius)}
.badge.static{border-radius:999px}

/* Listing */
.chip{background:var(--muted-bg);border:0;font-weight:600}
.filters{border-radius:16px}
.pill-check span{background:#fff}

/* Prijava */
.signup-dark{border-radius:0}
.signup h2{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:900}
.signup-form input{border-radius:999px}
.signup-form .btn{white-space:nowrap}

/* Korpa i kasa */
.summary{border-radius:18px}
.checkout-form input:not([type=radio]),.checkout-form textarea,.coupon input{border-radius:12px!important}
.coupon .btn{border-radius:12px}

/* Footer – svetao */
.vrh-footer{background:var(--muted-bg);color:#52525b;margin-top:48px;padding-top:0}
.vrh-footer h4{color:var(--text);font-weight:800}
.vrh-footer a:hover{color:var(--text)}
.vrh-footer .f-logo{color:var(--text);font-weight:900;text-transform:uppercase}
.vrh-f-logo{max-height:36px;width:auto}
.vrh-footer .copy{border-color:#e4e4e7}
.vrh-trust{display:flex;justify-content:space-around;flex-wrap:wrap;gap:12px 24px;padding-top:22px;padding-bottom:22px;margin-bottom:36px;border-bottom:1px solid #e4e4e7;font-weight:700;color:var(--text);font-size:.9rem}