@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#0c0e10;--panel:#15181a;--panel2:#1b1e20;--text:#f2f0eb;--muted:#b0ada5;--gold:#d0af77;--gold2:#a98c60;--line:#343532;--max:1220px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}p{margin:0 0 1.25rem}h1,h2,h3{font-family:Manrope,Arial,sans-serif;line-height:1.17;letter-spacing:-.045em;margin:0 0 1rem}h1{font-size:clamp(2.7rem,6vw,6rem);font-weight:600}h2{font-size:clamp(2.1rem,4vw,3.55rem);font-weight:600}h3{font-size:1.24rem;letter-spacing:-.02em}.wrap{width:min(var(--max),calc(100% - 52px));margin-inline:auto}.eyebrow{color:var(--gold);font-size:.72rem;letter-spacing:.23em;text-transform:uppercase;font-weight:800;margin-bottom:1rem}.muted{color:var(--muted)}.lead{font-size:clamp(1.05rem,1.7vw,1.27rem);line-height:1.85;color:#cac6bf;max-width:750px}.site-header{height:87px;position:sticky;top:0;z-index:100;background:rgba(12,14,16,.94);border-bottom:1px solid rgba(208,175,119,.15);backdrop-filter:blur(17px)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:22px}.logo{display:inline-flex;align-items:center;gap:12px;white-space:nowrap;font-size:1rem;font-family:Manrope,sans-serif;font-weight:800;letter-spacing:.19em}.logo-mark{border:1px solid var(--gold);height:37px;width:37px;border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:20px}.logo span:last-child span{color:var(--gold)}.nav{display:flex;align-items:center;gap:clamp(14px,1.9vw,29px)}.nav>a,.nav .nav-link{border:0;background:none;color:#e2e0da;font-size:.69rem;letter-spacing:.085em;text-transform:uppercase;font-weight:700;cursor:pointer;padding:33px 0;display:inline-block}.nav>a:hover,.nav .nav-link:hover,.nav .current{color:var(--gold)}.dropdown{position:relative}.submenu{position:absolute;top:78px;left:-20px;background:#17191a;border:1px solid #474039;min-width:292px;padding:9px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s;box-shadow:0 25px 55px #0009}.submenu a{display:block;padding:12px 14px;color:#ddd8cc;font-size:.8rem;line-height:1.35}.submenu a:hover{background:#2b2925;color:var(--gold)}.dropdown:hover .submenu,.dropdown:focus-within .submenu,.dropdown.open .submenu{opacity:1;visibility:visible;transform:none}.nav .contact-cta{border:1px solid #997b50;padding:12px 18px;color:var(--gold)}.nav-toggle{display:none;align-items:center;justify-content:center;background:none;color:var(--text);border:1px solid var(--line);width:45px;height:42px;font-size:25px;cursor:pointer}.hero{min-height:650px;position:relative;display:flex;align-items:center;overflow:hidden;background:linear-gradient(90deg,#0b0d0f 0%,rgba(11,13,15,.97) 20%,rgba(11,13,15,.47) 63%,rgba(11,13,15,.15) 100%),url('../img/hero.svg') center center /cover no-repeat}.hero-content{position:relative;z-index:2;padding-block:105px 125px}.hero h1{max-width:740px}.hero h1 em{color:var(--gold);font-style:normal}.hero .lead{max-width:540px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:52px;padding:13px 24px;background:var(--gold);border:1px solid var(--gold);color:#101112;font-size:.76rem;text-transform:uppercase;letter-spacing:.11em;font-weight:800;transition:.2s}.btn:hover{background:#e5c994;border-color:#e5c994;transform:translateY(-2px)}.btn.outline{background:transparent;color:#e6d2aa}.btn.outline:hover{background:#d0af771c}.hero-bottom{position:absolute;left:0;bottom:0;width:100%;border-top:1px solid #c2a47135}.hero-bottom .wrap{display:flex;justify-content:space-between;padding:15px 0;color:#a9a397;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase}.section{padding:104px 0}.section.compact{padding:73px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:37px}.section-head p{max-width:420px}.dark-panel{background:#111416;border-block:1px solid #292925}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.category-card{position:relative;background:#1a1c1e;border:1px solid #34342f;min-height:370px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.category-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.7;transition:transform .5s,opacity .4s}.category-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#090b0d 0%,rgba(9,11,13,.42) 52%,transparent 100%)}.category-card:hover img{transform:scale(1.06);opacity:.92}.category-card .body{z-index:2;position:relative;padding:27px}.category-card .num{color:var(--gold);font-size:.71rem;letter-spacing:.17em}.category-card h3{font-size:1.48rem;margin:9px 0}.category-card p{font-size:.87rem;color:#cecbc5;line-height:1.5;margin-bottom:14px}.arrow{color:var(--gold);font-size:1.15rem}.category-card:nth-child(4){grid-column:span 2}.category-card:nth-child(5){grid-column:span 1}.brand-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.brand-card{min-height:116px;background:#181b1c;border:1px solid #313331;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px 12px;transition:.2s}.brand-card:hover{background:#26231e;border-color:#9e8053;transform:translateY(-2px)}.brand-wordmark{font-family:Manrope,Arial,sans-serif;font-weight:800;color:#f3f0e9;font-size:clamp(.9rem,1.25vw,1.13rem);letter-spacing:.015em;line-height:1.2}.brand-logo-wrap{width:100%;height:64px;display:flex;align-items:center;justify-content:center;padding:7px 12px;background:#f4f2ed;border-radius:2px}.brand-logo-wrap.brand-logo-dark{background:#111416}.brand-logo{max-width:100%;max-height:50px;width:auto;height:auto;object-fit:contain;filter:none}.brand-card:has(.brand-logo) small{margin-top:11px}.brand-card small{color:var(--gold);font-size:.64rem;margin-top:13px;text-transform:uppercase;letter-spacing:.13em}.split{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.feature-list{list-style:none;padding:0;margin:28px 0}.feature-list li{padding:16px 0;border-bottom:1px solid #373633;color:#ccc9c1}.feature-list li:before{content:'↗';color:var(--gold);margin-right:15px}.feature-media{aspect-ratio:4/4.2;object-fit:cover;width:100%;border:1px solid #403a30}.statement{background:linear-gradient(140deg,#211d18,#111416);border-block:1px solid #433728;text-align:center;padding:85px 0}.statement p{max-width:900px;margin:auto;font:500 clamp(1.25rem,2.8vw,2.35rem)/1.5 Manrope,sans-serif;letter-spacing:-.035em}.statement span{color:var(--gold)}.page-hero{padding:104px 0 85px;position:relative;background:radial-gradient(ellipse at 85% 40%,#373027 0%,#141619 35%,#0c0e10 70%);border-bottom:1px solid #35322d}.page-hero .lead{max-width:720px}.breadcrumbs{font-size:.72rem;color:#aaa399;letter-spacing:.1em;text-transform:uppercase;margin-bottom:24px}.breadcrumbs a{color:var(--gold)}.breadcrumbs span{margin:0 11px}.category-feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px}.category-feature img{width:100%;aspect-ratio:4/3;object-fit:cover;border:1px solid #463c2f}.category-feature p{color:#bbb6ac}.article{max-width:850px;margin:auto}.article h2{font-size:clamp(1.55rem,3vw,2.2rem);margin:40px 0 16px}.article p{color:#c6c1b7;line-height:1.95}.article ul{color:#c6c1b7;padding-left:22px;line-height:1.9}.article li{margin-bottom:12px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.service{background:#1a1b1b;border:1px solid #3a352b;padding:28px}.service .symbol{color:var(--gold);font-size:2rem;margin-bottom:15px}.service p{font-size:.91rem;color:#bab5ab}.notice{padding:26px 30px;background:#1a1d1d;border-left:3px solid var(--gold);color:#c7c1b5}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.contact-panel{background:#181b1c;border:1px solid #373530;padding:38px}.contact-item{border-bottom:1px solid #363732;padding:20px 0}.contact-item small{display:block;color:var(--gold);text-transform:uppercase;font-size:.7rem;letter-spacing:.15em;margin-bottom:8px}.contact-item a{font-size:1.15rem;overflow-wrap:anywhere}.contact-item a:hover{color:var(--gold)}.footer{background:#090b0c;border-top:1px solid #36312a;padding:65px 0 25px}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer p,.footer a{color:#aaa69c;font-size:.86rem}.footer a:hover{color:var(--gold)}.footer-links{display:grid;gap:10px}.footer-bottom{border-top:1px solid #292a29;margin-top:55px;padding-top:20px;display:flex;justify-content:space-between;color:#86837e;font-size:.71rem;gap:20px}.mini-link{color:var(--gold);font-size:.73rem;text-transform:uppercase;letter-spacing:.14em;font-weight:800}.mini-link:hover{text-decoration:underline}.ctaband{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#24211b;border:1px solid #6b5638;padding:42px 48px}.ctaband h2{font-size:clamp(1.5rem,2.6vw,2.5rem);margin:0}.tag{display:inline-block;border:1px solid #62543f;color:#d4b57e;font-size:.7rem;padding:7px 12px;letter-spacing:.1em;text-transform:uppercase}.availability{margin-top:26px;color:#c2bcae}.fineprint{font-size:.8rem;color:#8f8b83}.brand-index{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 32px}.brand-index a{border:1px solid #50473a;padding:8px 12px;color:#c6bcac;font-size:.75rem}.brand-index a:hover{color:var(--gold)}.skip{position:absolute;left:-9999px;top:auto}.skip:focus{left:8px;top:8px;z-index:999;background:#fff;color:#000;padding:12px}a:focus-visible,button:focus-visible{outline:2px solid #e5c994;outline-offset:4px}@media(max-width:1050px){.nav{gap:13px}.nav>a,.nav .nav-link{font-size:.62rem}.logo{font-size:.87rem}.split{gap:35px}}@media(max-width:800px){.wrap{width:min(var(--max),calc(100% - 36px))}.site-header{height:71px}.nav-toggle{display:flex}.nav{display:none;position:absolute;top:71px;left:0;right:0;max-height:calc(100vh - 71px);overflow:auto;background:#101213;border-bottom:1px solid #52432f;padding:12px 20px 22px;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav>a,.nav .nav-link{padding:14px 5px;width:100%;text-align:left;font-size:.78rem}.nav .contact-cta{text-align:center;margin-top:10px}.dropdown .submenu{position:static;display:none;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;background:#1d1d1b;min-width:0;padding:0 10px}.dropdown.open .submenu{display:block}.submenu a{font-size:.78rem}.hero{min-height:620px;background:linear-gradient(90deg,#0b0d0fed,#0b0d0fc4),url('../img/hero.svg') 62% center /cover no-repeat}.hero-content{padding-block:90px}.hero-bottom .wrap{font-size:.56rem}.section{padding:75px 0}.category-grid{grid-template-columns:repeat(2,1fr)}.category-card:nth-child(4){grid-column:auto}.category-card:nth-child(5){grid-column:auto}.brand-grid{grid-template-columns:repeat(3,1fr)}.split,.category-feature,.contact-grid{grid-template-columns:1fr}.feature-media{max-height:480px}.service-grid{grid-template-columns:1fr 1fr}.footer-top{grid-template-columns:1fr 1fr}.footer-top>div:first-child{grid-column:span 2}.ctaband{align-items:start;flex-direction:column;padding:30px}}@media(max-width:540px){.logo{font-size:.77rem;letter-spacing:.13em}.logo-mark{width:31px;height:31px;font-size:16px}.hero h1{font-size:clamp(2.45rem,11vw,3.8rem)}.hero-bottom .wrap span:last-child{display:none}.category-grid,.brand-grid,.service-grid{grid-template-columns:1fr}.category-card{min-height:300px}.brand-grid{grid-template-columns:repeat(2,1fr)}.brand-card{min-height:105px}.section-head{flex-direction:column;align-items:start;gap:0}.footer-top{grid-template-columns:1fr}.footer-top>div:first-child{grid-column:auto}.footer-bottom{flex-direction:column}.contact-panel{padding:25px}.actions .btn{width:100%}.page-hero{padding:73px 0 60px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* Originalni tekst klijenta: svaki pasus je sačuvan bez preformulisanja. */
.original-copy { max-width: 900px; margin-top: 30px; }
.original-copy p { white-space: pre-wrap; margin: 0 0 16px; line-height: 1.8; }

/* 2026-09-30: poboljsan prikaz logotipa */
.brand-card{min-height:148px;padding:18px 14px 15px}
.brand-logo-wrap{
  width:100%;
  height:88px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:12px 16px;
  background:#fff;
  border-radius:4px;
  overflow:hidden;
  box-shadow:inset 0 0 0 1px rgba(15,17,19,.12);
}
.brand-logo-wrap.brand-logo-dark{
  background:#111416;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);
}
.brand-logo{
  display:block;
  width:auto;
  height:auto;
  max-width:94%;
  max-height:64px;
  object-fit:contain;
  filter:none !important;
  opacity:1 !important;
}
/* Logoi sa dosta praznog prostora u izvornom fajlu */
.brand-logo[src*="jeff-rowland-logo"]{transform:scale(1.32)}
.brand-logo[src*="brand-logo-solid-tech"]{transform:scale(1.24)}
.brand-logo[src*="Aesthetix_RoseLogo"]{transform:scale(1.13)}
.brand-logo[src*="atma-1-368x192"]{transform:scale(1.12)}
.brand-logo[src*="clearaudiologo"]{transform:scale(1.08)}
/* Siroki logoi */
.brand-logo[src*="Audio Research-logo"],
.brand-logo[src*="avidlogo"],
.brand-logo[src*="ksr_logo_hor_rgb"],
.brand-logo[src*="logo-artesania"]{max-width:98%}
@media(max-width:800px){
  .brand-card{min-height:138px}
  .brand-logo-wrap{height:82px;padding:10px 12px}
  .brand-logo{max-height:60px}
}