/* ZE360 premium 1.4.0 — scoped header and home hero; catalogue styles preserved. */
/* Three motorcycle brands share the same responsive showroom layout. */
.ze360-motor-grid.ze360-motor-grid-three { grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr)); }
.ze360-motor-grid-three .ze360-premium-motor-card { padding:26px; }
.ze360-motor-grid-three .ze360-premium-motor-card::after { width:76px!important; height:72px; right:20px; top:30px; }
.ze360-motor-grid-three .ze360-premium-motor-card h3 { font-size:28px; max-width:calc(100% - 75px); }
.ze360-motor-grid-three .ze360-premium-motor-card > p:not(.ze360-eyebrow) { max-width:100%; }
#motorji-gasgas.ze360-premium-motor-card { --moto-accent:#ff6574; --moto-glow:227,24,53; scroll-margin-top:115px; }
#motorji-gasgas.ze360-premium-motor-card::after { background-image:url('gasgas.png'); }
/* Keep the expanded main menu within compact desktop widths. */
@media(min-width:941px) and (max-width:1100px) {
  .ze360-header.ze360-premium-header .ze360-header-inner { gap:16px!important; }
  .ze360-header.ze360-premium-header .ze360-nav ul { gap:14px!important; }
}
.ze360-premium-header { position:sticky; top:0; z-index:999; background:#101417; color:#fff; border-bottom:1px solid #ffffff17; }
.admin-bar .ze360-premium-header { top:32px; }
.ze360-header.ze360-premium-header .ze360-header-inner { min-height:94px; display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:nowrap; padding-top:0; padding-bottom:0; }
.ze360-premium-header .ze360-header-brand { flex:none; }
.ze360-premium-header .ze360-header-brand .ze360-desktop-brand { display:flex; }
.ze360-premium-header .ze360-logo img,.ze360-premium-header .ze360-brand-original img { width:76px; height:76px; max-height:76px; max-width:180px; object-fit:contain; display:block; }
.ze360-premium-header .ze360-brand-original span { display:none; }
.ze360-header.ze360-premium-header .ze360-nav { width:auto; order:initial; padding:0; border:0; overflow:visible; margin-inline:auto; }
.ze360-header.ze360-premium-header .ze360-nav ul { display:flex; align-items:center; justify-content:center; gap:27px; }
.ze360-header.ze360-premium-header .ze360-nav a { color:#fff; text-decoration:none; font-size:14px; font-weight:700; padding:16px 0; line-height:1.5; }
.ze360-header.ze360-premium-header .ze360-nav a:hover { color:#d8fa43; }
.ze360-premium-header .ze360-header-phone { border-left:1px solid #ffffff2b; padding-left:22px; font-size:14px; }
.ze360-premium-header .ze360-header-phone a { color:white; }
.ze360-premium-header .ze360-header-phone small { color:#bdc3c5; font-size:10px; }
a.ze360-premium-button { display:inline-flex; align-items:center; justify-content:center; gap:18px; min-height:48px; padding:13px 23px; border:1px solid transparent; border-radius:7px; background:#d8fa43; color:#101417; text-decoration:none; font-size:15px; line-height:1.4; font-weight:700; transition:background .18s,transform .18s; }
a.ze360-premium-button:hover { background:#e2ff69; color:#101417; transform:translateY(-2px); }
.ze360-header-cta { flex:none; }
.ze360-premium-header .ze360-mobile-call,.ze360-premium-header .ze360-menu-toggle { display:none; }
.ze360-premium-hero { position:relative; isolation:isolate; background:#0b1012; color:#fff; overflow:hidden; }
.ze360-premium-art { position:absolute; inset:0; z-index:-2; background-image:url('ze360-garaza.webp'); background-size:cover; background-position:center; }
.ze360-premium-hero::before { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#090c0f7a 0%,#090c0f26 36%,transparent 53%); }
.ze360-premium-hero-inner { min-height:clamp(450px,35vw,630px); display:flex; align-items:center; }
.ze360-premium-copy { width:52%; padding:48px 0 60px; }
.ze360-premium-copy .ze360-premium-eyebrow { display:flex; align-items:center; gap:13px; font-size:10px; font-weight:700; letter-spacing:.24em; color:#d0d5d6; text-transform:uppercase; margin:0; }
.ze360-premium-eyebrow::before { content:''; flex:none; width:30px; height:3px; background:#d8fa43; }
.ze360-premium-copy h1 { margin:25px 0 19px; color:white; font-size:clamp(38px,3.5vw,54px); font-weight:750; line-height:1.06; letter-spacing:-.047em; }
.ze360-premium-copy h1 span { display:block; color:#d8fa43; }
.ze360-premium-copy .ze360-premium-intro { max-width:440px; margin:0; color:#c9ced0; font-size:17px; line-height:1.55; }
.ze360-premium-actions { display:flex; gap:14px; margin-top:28px; }
.ze360-premium-actions .ze360-premium-button { min-width:180px; }
a.ze360-premium-outline { border-color:#d8fa43; color:#d8fa43; background:#0a0d0da8; }
a.ze360-premium-outline:hover { background:#263019; color:#d8fa43; }
.ze360-premium-hero + .ze360-offer-paths { margin-top:22px; }
#motorji,#motorji-ktm,#motorji-husqvarna { scroll-margin-top:115px; }
.ze360-premium-brands { margin:0 0 46px; padding:24px 0; border-top:1px solid #e5e7e8; border-bottom:1px solid #e5e7e8; display:grid; grid-template-columns:160px repeat(5,1fr); align-items:center; gap:24px; }
.ze360-premium-brands p { margin:0; color:#747d82; font-size:10px; font-weight:700; letter-spacing:.16em; line-height:1.8; text-transform:uppercase; }
.ze360-premium-brands a { display:flex; justify-content:center; align-items:center; min-height:64px; }
.ze360-premium-brands img { width:100%; max-width:120px; height:47px; object-fit:contain; }
.ze360-premium-brands .ze360-hq { height:59px; }
.ze360-premium-brands .ze360-wide { height:27px; }
.ze360-premium-brands .ze360-logo-dark { filter:brightness(0); }
@media(min-width:1800px) { .ze360-premium-hero-inner { min-height:34vw; } }
@media(max-width:1170px) {
  .ze360-premium-header .ze360-header-phone { display:none; }
  .ze360-premium-actions .ze360-premium-button { min-width:165px; padding-inline:18px; }
  .ze360-premium-copy .ze360-premium-intro { font-size:16px; max-width:385px; }
}
@media(max-width:940px) {
  .ze360-header.ze360-premium-header .ze360-header-inner { min-height:76px; gap:14px; flex-wrap:wrap; }
  .ze360-premium-header .ze360-logo img,.ze360-premium-header .ze360-brand-original img { width:60px; height:60px; max-height:60px; }
  .ze360-premium-header a.ze360-header-cta { display:none; }
  .ze360-premium-header .ze360-mobile-call { margin-left:auto; display:flex; align-items:center; gap:8px; font-size:13px; font-weight:700; min-height:44px; padding:10px 14px; color:#fff; text-decoration:none; border:1px solid #ffffff30; border-radius:6px; }
  .ze360-mobile-call svg { width:16px; height:16px; }
  .ze360-premium-header.ze360-menu-ready .ze360-menu-toggle { display:flex; align-items:center; justify-content:center; width:44px; height:44px; padding:0; color:white; background:transparent; border:1px solid #ffffff30; border-radius:6px; cursor:pointer; }
  .ze360-menu-toggle svg { width:23px; height:23px; }
  .ze360-header.ze360-premium-header .ze360-nav { width:100%; order:3; padding:0 0 16px; }
  .ze360-header.ze360-premium-header .ze360-nav ul { flex-wrap:wrap; gap:8px 20px; justify-content:flex-start; }
  .ze360-header.ze360-premium-header.ze360-menu-ready .ze360-nav { display:none; position:absolute; top:100%; left:0; right:0; background:#101417; padding:12px 20px 22px; box-shadow:0 20px 25px #0005; border-top:1px solid #ffffff18; }
  .ze360-header.ze360-premium-header.ze360-menu-ready .ze360-nav.ze360-menu-open { display:block; }
  .ze360-header.ze360-premium-header.ze360-menu-ready .ze360-nav ul { display:block; }
  .ze360-header.ze360-premium-header.ze360-menu-ready .ze360-nav a { min-height:46px; padding:14px 12px; border-bottom:1px solid #ffffff12; }
  .ze360-premium-hero-inner { min-height:0; display:block; }
  .ze360-premium-copy { width:100%; max-width:630px; padding:42px 0 22px; }
  .ze360-premium-copy h1 { font-size:clamp(35px,5.8vw,52px); margin-top:22px; }
  .ze360-premium-copy .ze360-premium-intro { max-width:510px; }
  .ze360-premium-art { position:relative; inset:auto; z-index:0; aspect-ratio:1.88; background-size:158% auto; background-position:right bottom; background-repeat:no-repeat; }
  .ze360-premium-art::before { content:''; position:absolute; inset:0; background:linear-gradient(#0b1012,transparent 22%); }
  .ze360-premium-hero::before { display:none; }
  .ze360-premium-actions { margin-top:24px; }
  .ze360-premium-brands { grid-template-columns:repeat(5,1fr); gap:14px; }
  .ze360-premium-brands p { grid-column:1/-1; }
  #motorji,#motorji-ktm,#motorji-husqvarna { scroll-margin-top:95px; }
}
@media(max-width:782px) { .admin-bar .ze360-premium-header { top:46px; } }
@media(max-width:600px) { .admin-bar .ze360-premium-header { top:0; } }
@media(max-width:520px) {
  .ze360-header.ze360-premium-header .ze360-header-inner { min-height:72px; }
  .ze360-premium-header .ze360-logo img,.ze360-premium-header .ze360-brand-original img { width:56px; height:56px; max-height:56px; }
  .ze360-premium-copy { padding:34px 0 16px; }
  .ze360-premium-copy .ze360-premium-eyebrow { font-size:8px; letter-spacing:.19em; gap:10px; }
  .ze360-premium-eyebrow::before { width:24px; height:2px; }
  .ze360-premium-copy h1 { font-size:clamp(31px,8.9vw,44px); line-height:1.08; letter-spacing:-.05em; margin:21px 0 18px; }
  .ze360-premium-copy .ze360-premium-intro { font-size:14px; line-height:1.65; }
  .ze360-premium-actions { gap:9px; }
  .ze360-premium-actions a.ze360-premium-button { flex:1; min-width:0; padding:13px 10px; gap:8px; font-size:13px; white-space:nowrap; }
  .ze360-premium-brands { grid-template-columns:repeat(3,1fr); gap:13px 17px; margin-bottom:30px; padding:22px 0; }
  .ze360-premium-brands .ze360-hq { height:51px; }
  .ze360-premium-brands .ze360-wide { height:24px; }
}
@media(prefers-reduced-motion:reduce) { a.ze360-premium-button { transition:none; } }

/* Brand-specific showroom cards: lightweight CSS scenery, original brand assets. */
.ze360-premium-motor-card {
  --moto-accent:#ff8b42; --moto-glow:255,115,24;
  position:relative; isolation:isolate; overflow:hidden; min-height:330px;
  padding:34px; border:1px solid #30383e; border-radius:12px;
  background:
    linear-gradient(90deg,#0d1319 0%,#0d1319ed 43%,#0d13191a 100%),
    linear-gradient(90deg,transparent 79%,rgba(var(--moto-glow),.8) 79.2%,rgba(var(--moto-glow),.8) 79.5%,transparent 80%),
    radial-gradient(ellipse at 91% 35%,rgba(var(--moto-glow),.33),transparent 62%),
    repeating-linear-gradient(90deg,transparent 0 89px,#ffffff06 90px 91px),#101b23;
  box-shadow:0 12px 26px #1020280b;
}
#motorji-husqvarna.ze360-premium-motor-card { --moto-accent:#c1dafa; --moto-glow:98,149,211; }
.ze360-premium-motor-card::before {
  content:''; position:absolute; z-index:-1; pointer-events:none;
  left:-30%; right:-30%; bottom:-125px; height:210px;
  background:repeating-linear-gradient(0deg,transparent 0 31px,#ffffff0b 32px 33px),repeating-linear-gradient(90deg,transparent 0 78px,#ffffff0b 79px 80px);
  transform:perspective(170px) rotateX(46deg); opacity:.5;
}
.ze360-premium-motor-card::after {
  content:''; position:absolute; z-index:-1; pointer-events:none;
  right:30px; top:38px; width:150px; height:120px;
  background:url('ktm.png') center/contain no-repeat;
  filter:drop-shadow(0 10px 24px #0006);
}
#motorji-husqvarna.ze360-premium-motor-card::after { background-image:url('husqvarna-motorcycles.png'); width:142px; }
.ze360-premium-motor-card .ze360-eyebrow { color:var(--moto-accent); font-size:10px; letter-spacing:.2em; margin-bottom:14px; }
.ze360-premium-motor-card .ze360-eyebrow::before { content:''; display:inline-block; width:23px; height:2px; background:var(--moto-accent); vertical-align:middle; margin-right:10px; }
.ze360-premium-motor-card h3 { color:white; font-size:34px; letter-spacing:-.035em; max-width:64%; margin-bottom:13px; }
.ze360-premium-motor-card > p:not(.ze360-eyebrow) { color:#c1ccd4; max-width:61%; min-height:50px; line-height:1.6; margin-bottom:25px; }
.ze360-premium-motor-card .ze360-button { background:var(--moto-accent); color:#0c1520; border-color:var(--moto-accent); min-height:46px; padding:12px 19px; }
.ze360-premium-motor-card .ze360-button:hover { background:white; border-color:white; color:#0c1520; }
.ze360-premium-motor-card .ze360-external-models { color:#edf3f7; margin-top:20px; width:fit-content; text-underline-offset:4px; }
.ze360-premium-motor-card .ze360-external-models:hover { color:var(--moto-accent); }
.ze360-premium-motor-card .ze360-external-models small { color:#9eafbe; margin-top:4px; }
.ze360-premium-motor-card a:focus-visible { outline:2px solid white; outline-offset:5px; }
@media(min-width:681px) and (max-width:1000px) {
  .ze360-premium-motor-card { padding:26px; }
  .ze360-premium-motor-card::after { width:96px; right:22px; top:28px; height:95px; }
  #motorji-husqvarna.ze360-premium-motor-card::after { width:96px; }
  .ze360-premium-motor-card h3 { font-size:28px; }
}
@media(max-width:680px) {
  .ze360-premium-motor-card { padding:27px 24px; min-height:310px; }
  .ze360-premium-motor-card::after { width:106px; right:22px; top:30px; height:100px; }
  #motorji-husqvarna.ze360-premium-motor-card::after { width:100px; }
  .ze360-premium-motor-card h3 { font-size:30px; }
  .ze360-premium-motor-card > p:not(.ze360-eyebrow) { min-height:45px; margin-bottom:22px; }
}
@media(max-width:360px) {
  .ze360-premium-motor-card { padding:24px 20px; }
  .ze360-premium-motor-card::after,#motorji-husqvarna.ze360-premium-motor-card::after { width:77px; right:17px; }
  .ze360-premium-motor-card h3 { font-size:28px; }
}