/* ==========================================================================
   Kalender Lazer — Inner Page Skin
   Re-skins the EXISTING page.php templates (corporate / media / standard /
   category / product) with the same black+charcoal+matte-gold design
   tokens as the homepage (--klz-* vars, defined in header-hero.css, which
   loads before this file). No PHP/markup changed — CSS only.
   ========================================================================== */

/* generic page background for anything page.php renders */
body.page-category, body.page-standard{
  background:var(--klz-black);
  color:var(--klz-text);
}
.corporate-page, .media-page, .standard-page, .category-hero, .category-products,
.product-detail{
  font-family:'Barlow', -apple-system, BlinkMacSystemFont, sans-serif;
}
.corporate-page *, .media-page *, .standard-page *, .category-hero *, .category-products *,
.product-detail *{ box-sizing:border-box; }

/* ==========================================================================
   Inner-page masthead — shared, reusable, one seamless composition.
   Cosmic image starts behind the header and runs through the masthead,
   fading naturally into the dark page background at the bottom (no panel,
   no hard line). Breadcrumb + eyebrow + H1 + a short description sit
   stacked bottom-left, directly on the image, behind a left-to-right
   readability gradient — no card, no separate rail/bar, no right column.
   Only the text passed to klz_title_rail() in page.php changes per page.
   ========================================================================== */

.klz-masthead{
  position:relative;
  width:100%;
  overflow:hidden;
  background:
    linear-gradient(90deg, rgba(5,6,7,.85) 0%, rgba(5,6,7,.6) 28%, rgba(5,6,7,.22) 52%, rgba(5,6,7,0) 72%),
    linear-gradient(180deg, rgba(7,8,10,0) 0%, rgba(7,8,10,0) 58%, var(--klz-black) 100%),
    url('/assets/images/inner/gece-dunyasi-altin-isiklar.jpg') right top/cover no-repeat;
}
.klz-masthead-title{
  position:relative;
  max-width:1580px; margin:0 auto;
  padding:calc(var(--klz-head-h, 92px) + 26px) 32px 34px;
}
.klz-masthead-title::before{
  content:"";
  position:absolute;
  left:-24px; right:12%; top:-50px; bottom:-40px;
  background:radial-gradient(ellipse 60% 100% at 8% 70%, rgba(4,5,6,.55) 0%, rgba(4,5,6,.28) 42%, rgba(4,5,6,.08) 68%, transparent 84%);
  pointer-events:none;
  z-index:0;
}
.klz-mh-text{ position:relative; z-index:1; min-width:0; }
.klz-mh-breadcrumb{
  display:flex !important; align-items:center; gap:8px;
  font-family:'Barlow',sans-serif !important; font-size:12px; color:var(--klz-muted-2);
  background:none !important; border:none !important; box-shadow:none !important;
  -webkit-backdrop-filter:none !important; backdrop-filter:none !important;
  padding:0 !important; margin:0 0 12px !important; border-radius:0 !important;
}
.klz-mh-breadcrumb a{ color:var(--klz-muted-2); text-decoration:none; }
.klz-mh-breadcrumb a:hover{ color:var(--klz-gold); }
.klz-mh-breadcrumb span:last-child{ color:var(--klz-muted); }
.klz-mh-eyebrow-row{ display:flex; align-items:center; gap:9px; margin:0 0 10px; }
.klz-mh-accent{ display:block; width:2px; height:13px; background:var(--klz-gold); flex:0 0 auto; }
.klz-mh-eyebrow{
  display:block;
  font-family:'Barlow Condensed',sans-serif;
  font-size:12px; letter-spacing:.12em; text-transform:uppercase; font-weight:600;
  color:var(--klz-gold);
}
.klz-mh-title{
  font-family:'Barlow Condensed',sans-serif;
  font-size:clamp(32px,3.4vw,46px); font-weight:600; letter-spacing:-.01em;
  color:var(--klz-text); line-height:1.1; margin:0 0 12px;
  text-shadow:0 2px 18px rgba(0,0,0,.4);
}
.klz-mh-desc{
  font-family:'Barlow',sans-serif;
  font-size:15px; line-height:1.5; color:var(--klz-muted); margin:0 0 16px;
  max-width:560px;
}
.klz-mh-tagline{
  display:flex; align-items:center; gap:10px;
  padding-top:14px; border-top:1px solid rgba(255,255,255,.1);
  width:fit-content;
}
.klz-mh-tagline span{
  font-family:'Barlow Condensed',sans-serif;
  font-size:10.5px; letter-spacing:.1em; line-height:1.4; text-transform:uppercase;
  color:var(--klz-muted-2);
}
.klz-mh-corner{
  position:absolute; top:calc(var(--klz-head-h, 92px) + 36px); right:32px;
  text-align:right;
  font-family:'Barlow Condensed',sans-serif;
  font-size:10.5px; letter-spacing:.14em; line-height:1.6; text-transform:uppercase;
  color:var(--klz-muted-2); opacity:.55;
  pointer-events:none;
}
@media (max-width:980px){
  .klz-mh-corner{ display:none; }
  .klz-masthead{
    background:
      linear-gradient(90deg, rgba(5,6,7,.9) 0%, rgba(5,6,7,.7) 50%, rgba(5,6,7,.35) 100%),
      linear-gradient(180deg, rgba(7,8,10,0) 0%, rgba(7,8,10,0) 55%, var(--klz-black) 100%),
      url('/assets/images/inner/gece-dunyasi-altin-isiklar.jpg') right top/cover no-repeat;
  }
  .klz-masthead-title{ padding:calc(var(--klz-head-h, 92px) + 20px) 20px 26px; }
  .klz-mh-desc{ max-width:none; }
}

/* ==========================================================================
   Corporate layout (Kurumsal / İletişim / Belgeler / İndirmeler grubu)
   ========================================================================== */

.corporate-page{ background:var(--klz-black); padding:0 0 80px; position:relative; }
.corporate-page::after{
  content:"";
  position:fixed; right:0; bottom:0;
  width:min(23vw, 360px); height:min(60vh, 560px);
  background:
    linear-gradient(90deg, var(--klz-black) 0%, rgba(7,8,10,.4) 30%, rgba(7,8,10,.05) 65%),
    url('/assets/images/inner/karanlikta-lazer-kesim.jpg') center/cover no-repeat;
  opacity:.6;
  pointer-events:none;
  z-index:0;
}
.corporate-page::before{
  content:"HASSAS ÜRETİM · GÜVENİLİR DESTEK";
  position:fixed; right:22px; bottom:60px;
  writing-mode:vertical-rl;
  font-family:'Barlow Condensed',sans-serif;
  font-size:10.5px; letter-spacing:.2em; color:var(--klz-muted-2);
  opacity:.7; z-index:0; pointer-events:none;
}
@media (max-width:1200px){ .corporate-page::after, .corporate-page::before{ display:none; } }
.corporate-shell{
  position:relative; z-index:1;
  max-width:1580px; margin:0 auto;
  padding:26px 32px 0;
  display:grid; grid-template-columns:320px 1fr; gap:32px; align-items:start;
}

.corporate-sidebar{
  background:linear-gradient(165deg, var(--klz-charcoal-2) 0%, var(--klz-charcoal) 130%);
  border:1px solid var(--klz-line);
  border-radius:3px;
  overflow:hidden;
  position:sticky; top:calc(var(--klz-head-h, 92px) + 20px);
}
.corporate-sidebar-head{
  padding:22px 20px 18px;
  border-bottom:1px solid var(--klz-line);
  display:flex; flex-direction:column; gap:2px;
  position:relative;
  background:var(--klz-charcoal-2);
}
.corporate-sidebar-head span{ display:none; } /* "Kurumsal Menu" caption — redundant next to the brand name */
.corporate-sidebar-head strong{ font-family:'Barlow Condensed',sans-serif; font-size:18px; color:var(--klz-text); font-weight:600; text-shadow:0 2px 8px rgba(0,0,0,.6); }

.corporate-nav{ display:flex; flex-direction:column; padding:2px 0; }
.corporate-nav-group{
  font-family:'Barlow Condensed',sans-serif;
  font-size:10.5px; letter-spacing:.08em; text-transform:uppercase; font-weight:700;
  color:var(--klz-muted-2);
  padding:14px 20px 6px;
  margin-top:2px;
  border-top:1px solid var(--klz-line);
}
.corporate-nav-group:first-child{ padding-top:8px; margin-top:0; border-top:none; }
.corporate-nav a{
  display:flex; align-items:center; justify-content:flex-start; gap:11px;
  padding:3px 20px; margin-top:0; min-height:0;
  font-size:13.5px; font-weight:500; line-height:1.4; color:var(--klz-muted);
  text-decoration:none;
  border-radius:0;
  border-left:2px solid transparent;
  transition:color .18s, border-color .18s, background-color .18s;
}
.corporate-nav a:hover{ color:var(--klz-text); background:rgba(255,255,255,.025); }
.corporate-nav a::after{ content:"›"; margin-left:auto; opacity:0; transform:translateX(-3px); transition:opacity .18s, transform .18s; color:var(--klz-gold); }
.corporate-nav a:hover::after{ opacity:1; transform:translateX(0); }
.corporate-nav a.is-active{
  color:var(--klz-gold);
  border-left-color:var(--klz-gold);
  background:rgba(198,161,91,.06);
  font-weight:600;
}
.corporate-nav a.is-active::after{ opacity:1; transform:translateX(0); }
.corporate-nav-icon{
  display:flex !important; align-items:center; justify-content:center;
  flex:0 0 auto; width:16px; height:16px; color:var(--klz-muted-2);
  background:none !important; border-radius:0 !important;
}
.corporate-nav-icon svg{ width:15px; height:15px; }
.corporate-nav a:hover .corporate-nav-icon, .corporate-nav a.is-active .corporate-nav-icon{ color:var(--klz-gold); }

.corporate-sidebar-quote{
  margin:8px 20px 20px;
  padding-top:16px;
  border-top:1px solid var(--klz-line);
}
.corporate-sidebar-quote p{
  margin:0 0 10px; font-size:13.5px; line-height:1.5; font-style:italic; color:var(--klz-muted);
}
.corporate-sidebar-quote-rule{ display:block; width:26px; height:2px; background:var(--klz-gold); }

.corporate-content{ min-width:0; }

.corporate-stats{
  position:relative; z-index:1;
  display:grid; grid-template-columns:repeat(3,1fr); gap:14px;
  margin:0 0 28px;
}
.corporate-stats > div{
  position:relative;
  display:flex; flex-direction:column; gap:10px;
  background:linear-gradient(160deg, var(--klz-charcoal-2) 0%, var(--klz-charcoal) 140%);
  border:1px solid var(--klz-line);
  border-radius:3px;
  padding:17px 18px;
  overflow:hidden;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
  transition:border-color .18s;
}
.corporate-stats > div::before{
  content:"";
  position:absolute; top:-30%; right:-20%;
  width:70%; height:70%;
  background:radial-gradient(circle, rgba(198,161,91,.08) 0%, transparent 72%);
  pointer-events:none;
}
.corporate-stats > div:first-child::before{
  top:0; right:0; width:100%; height:100%;
  background:
    linear-gradient(100deg, var(--klz-charcoal-2) 0%, rgba(22,25,29,.6) 45%, rgba(22,25,29,.2) 100%),
    url('/assets/images/inner/altin-isikli-kozmik-ufuk.jpg') center 30%/cover no-repeat;
  opacity:.55;
}
.corporate-stats > div:hover{ border-color:rgba(198,161,91,.28); }
.corporate-stats > div::after{
  content:"›";
  position:absolute; top:16px; right:16px;
  color:var(--klz-muted-2); opacity:.55;
  font-size:15px;
}
.corporate-stat-icon{
  width:34px; height:34px; border-radius:50%;
  border:1px solid rgba(198,161,91,.4);
  background:rgba(198,161,91,.08);
  color:var(--klz-gold);
  position:relative; z-index:1;
}
.corporate-stat-icon svg{
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  display:block; width:15px; height:15px;
}
.corporate-stats strong{ position:relative; z-index:1; display:block; font-family:'Barlow Condensed',sans-serif; font-size:18px; letter-spacing:-.005em; color:var(--klz-text); font-weight:600; line-height:1.25; }
.corporate-stats span{ position:relative; z-index:1; display:block; margin-top:2px; font-size:11.5px; letter-spacing:.04em; color:var(--klz-muted); }

.corporate-body{
  background:linear-gradient(160deg, var(--klz-charcoal-2) 0%, var(--klz-charcoal) 140%);
  border:1px solid var(--klz-line);
  border-radius:3px;
  padding:26px 28px;
  margin:0;
  font-size:14px; line-height:1.6; color:var(--klz-muted);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.corporate-body h2, .corporate-body h3{ color:var(--klz-text); font-family:'Barlow Condensed',sans-serif; font-weight:600; }
.corporate-body a{ color:var(--klz-gold); }
.corporate-body ul{ padding-left:20px; }
.corporate-body li{ margin:4px 0; }
.corporate-body img{ max-width:100%; border-radius:2px; }
.panel-head{ margin:0 0 20px; }
.panel-head h2{ font-family:'Barlow Condensed',sans-serif; font-size:18px; font-weight:600; letter-spacing:-.005em; color:var(--klz-text); margin:0 0 6px; }
.panel-head p{ font-size:13px; line-height:1.5; color:var(--klz-muted); margin:0; max-width:440px; }

/* İletişim / Konumumuz side-by-side, matching the reference layout.
   Both sections are direct children of .corporate-content in this exact
   order for the iletisim page, so a grid on the parent works without any
   extra markup; pages that only have .corporate-body (no map) let it
   span the full row via :last-child. */
.corporate-content{ display:grid; grid-template-columns:1fr 1fr; gap:24px 24px; align-items:start; }
.corporate-content > .corporate-stats,
.corporate-content > .download-list,
.corporate-content > .media-gallery-grid,
.corporate-content > .service-form-wrap{ grid-column:1 / -1; }
.corporate-content > .corporate-body:last-child{ grid-column:1 / -1; }

.contact-detail-list{ display:flex; flex-direction:column; gap:0; }
.contact-detail-row{
  display:flex; align-items:center; gap:14px;
  padding:6px 4px;
}
.contact-detail-icon{
  flex:0 0 auto; width:18px; height:18px;
  color:var(--klz-gold); display:flex; align-items:center; justify-content:center;
  margin-top:1px;
}
.contact-detail-icon svg{ width:16px; height:16px; }
.contact-detail-copy{ display:flex; flex-direction:column; gap:3px; min-width:0; }
.contact-detail-copy small{ font-size:10.5px; letter-spacing:.05em; text-transform:uppercase; color:var(--klz-muted-2); font-weight:500; }
.contact-detail-copy strong{ font-size:14.5px; font-weight:600; line-height:1.3; color:var(--klz-text); }
.contact-detail-copy strong a{ color:var(--klz-text); text-decoration:none; }
.contact-detail-copy strong a:hover{ color:var(--klz-gold); }

/* ==========================================================================
   Contact map panel (İletişim)
   ========================================================================== */

.contact-map-panel{
  background:linear-gradient(160deg, var(--klz-charcoal-2) 0%, var(--klz-charcoal) 140%);
  border:1px solid var(--klz-line);
  border-radius:3px;
  padding:26px 28px;
  margin:0 0 28px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.panel-title-row{ display:flex; align-items:center; justify-content:space-between; gap:16px; margin:0 0 16px; }
.panel-title-row h2{ font-family:'Barlow Condensed',sans-serif; font-size:18px; font-weight:600; letter-spacing:-.005em; color:var(--klz-text); margin:0; }
.panel-title-row a{ display:inline-flex; align-items:center; font-size:12.5px; font-weight:600; color:var(--klz-gold); text-decoration:none; white-space:nowrap; }
.panel-title-row a:hover{ color:#d8b877; }
.contact-map-embed{
  position:relative; width:100%; aspect-ratio:16/7;
  border-radius:2px; overflow:hidden;
  border:1px solid var(--klz-line);
  filter:invert(92%) hue-rotate(180deg) brightness(.94) contrast(.92) saturate(.7);
}
.contact-map-embed iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }
.panel-title-row a svg, .contact-map-address svg, .contact-map-directions svg{ width:13px; height:13px; vertical-align:-2px; margin-right:4px; }
.contact-map-foot{
  display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap;
  margin-top:16px; padding-top:16px; border-top:1px solid rgba(255,255,255,.04);
}
.contact-map-address{ font-size:13px; color:var(--klz-muted); display:flex; align-items:center; }
.contact-map-address svg{ color:var(--klz-gold); }
.contact-map-directions{
  display:inline-flex; align-items:center;
  font-size:12.5px; font-weight:600; color:var(--klz-gold); text-decoration:none;
  border:1px solid var(--klz-line); padding:8px 14px; border-radius:1px;
  white-space:nowrap;
}
.contact-map-directions:hover{ border-color:rgba(198,161,91,.4); color:#d8b877; }

.service-form-grid label span svg{ width:13px; height:13px; vertical-align:-2px; margin-right:5px; color:var(--klz-gold); }
.service-form-grid button svg{ width:14px; height:14px; vertical-align:-2px; margin-right:6px; }
.service-form-grid select{
  background:var(--klz-charcoal) !important; border:1px solid var(--klz-line) !important; color:var(--klz-text) !important;
  appearance:none; -webkit-appearance:none;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'><path d='M1 1l4 4 4-4' fill='none' stroke='%23c6a15b' stroke-width='1.4' stroke-linecap='round'/></svg>") !important;
  background-repeat:no-repeat !important; background-position:right 14px center !important; background-size:10px 6px !important;
  padding-right:36px !important;
}
.service-form-grid label{ position:relative; }
.form-char-counter{
  position:absolute; right:0; bottom:-18px;
  font-size:11px; color:var(--klz-muted-2);
}
.service-form-foot{
  grid-column:1 / -1;
  display:flex; align-items:center; gap:16px; flex-wrap:wrap; margin-top:6px;
}
.form-kvkk-note{ font-size:12px; color:var(--klz-muted-2); }

/* ==========================================================================
   Media layout (Haberler / Galeri / Referanslar)
   ========================================================================== */

.media-page{ background:var(--klz-black); padding:0 0 80px; position:relative; }
.media-shell{ max-width:1560px; margin:0 auto; padding:36px 32px 0; display:grid; grid-template-columns:280px 1fr; gap:40px; align-items:start; }
.media-sidebar{ background:var(--klz-charcoal-2); border:1px solid var(--klz-line); border-radius:2px; overflow:hidden; position:sticky; top:112px; }
.media-sidebar-head{ padding:20px 20px 16px; border-bottom:1px solid var(--klz-line); display:flex; flex-direction:column; gap:2px; }
.media-sidebar-head span{ font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--klz-muted-2); }
.media-sidebar-head strong{ font-family:'Barlow Condensed',sans-serif; font-size:17px; color:var(--klz-text); font-weight:600; }
.media-nav{ display:flex; flex-direction:column; padding:6px 0; }
.media-nav-group{ font-family:'Barlow Condensed',sans-serif; font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--klz-muted-2); padding:16px 20px 6px; }
.media-nav a{ display:flex; align-items:center; gap:10px; padding:9px 20px; font-size:14px; color:var(--klz-muted); text-decoration:none; border-left:2px solid transparent; transition:color .18s,border-color .18s,background-color .18s; }
.media-nav a:hover{ color:var(--klz-text); background:rgba(255,255,255,.025); }
.media-nav a.is-active{ color:var(--klz-gold); border-left-color:var(--klz-gold); background:rgba(198,161,91,.07); font-weight:600; }
.media-nav-icon{ display:none; }

.media-content{ min-width:0; }
.media-intro span{
  display:block !important; font-family:'Barlow Condensed',sans-serif !important;
  font-size:12.5px !important; letter-spacing:.14em; text-transform:uppercase;
  color:var(--klz-gold) !important; font-weight:600; margin:0 0 12px !important;
  padding:0 !important; min-height:0 !important; border-radius:0 !important;
  border:none !important; background:none !important;
}
.media-intro h1{ font-family:'Barlow Condensed',sans-serif; font-size:clamp(28px,3.4vw,40px); font-weight:600; color:var(--klz-text); margin:0 0 10px; }
.media-intro p{ font-size:15px; color:var(--klz-muted); max-width:680px; line-height:1.55; margin:0 0 30px; }
.media-body{ font-size:14.5px; line-height:1.7; color:var(--klz-muted); margin:0 0 32px; }
.media-body a{ color:var(--klz-gold); }

.media-gallery-grid, .media-video-grid{
  display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:16px;
  margin:0 0 32px; list-style:none; padding:0;
}
.media-gallery-item, .media-video-item{
  position:relative; display:block; text-decoration:none;
  background:var(--klz-charcoal-2); border:1px solid var(--klz-line); border-radius:2px;
  overflow:hidden; padding:0; cursor:pointer; appearance:none;
  aspect-ratio:4/3;
}
.media-gallery-item img, .media-video-item img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.media-gallery-item span, .media-video-item strong{
  position:absolute; left:0; right:0; bottom:0;
  padding:10px 12px;
  font-size:12.5px; color:var(--klz-text);
  background:linear-gradient(to top, rgba(4,5,6,.85), transparent);
}
.media-video-play{
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  width:40px; height:40px; border-radius:50%;
  background:rgba(4,5,6,.55); color:var(--klz-gold);
  display:flex; align-items:center; justify-content:center; font-size:14px;
  border:1px solid rgba(255,255,255,.3);
}

.service-video-modal:not([hidden]){
  position:fixed; inset:0; z-index:999; background:rgba(4,5,6,.9);
  display:flex; align-items:center; justify-content:center; padding:30px;
}
.service-video-modal[hidden]{ display:none !important; }
.service-video-shell, .service-video-frame{ width:min(960px,92vw); aspect-ratio:16/9; position:relative; background:#000; }
.service-video-frame iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }
.service-video-close{
  position:absolute; top:-40px; right:0;
  background:none; border:1px solid var(--klz-line); color:var(--klz-text);
  width:32px; height:32px; cursor:pointer;
}

.media-instagram-panel{ margin:0 0 32px; }
.ig-feed-note{ font-size:13px; color:var(--klz-muted); }
.ig-feed-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(160px,1fr)); gap:12px; margin-top:12px; }
.ig-feed-item{ display:block; position:relative; aspect-ratio:1; border-radius:2px; overflow:hidden; border:1px solid var(--klz-line); text-decoration:none; }
.ig-feed-item img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }

.ref-map-panel{
  background:var(--klz-charcoal-2); border:1px solid var(--klz-line); border-radius:2px;
  padding:26px; margin:0 0 32px;
}
.ref-map-head h2{ font-family:'Barlow Condensed',sans-serif; font-size:18px; color:var(--klz-text); margin:0 0 6px; }
.ref-map-head p{ font-size:13px; color:var(--klz-muted); margin:0 0 18px; }
.turkey-ref-map{ width:100%; aspect-ratio:16/9; background:var(--klz-charcoal); border-radius:2px; }
.city-ref-card{ margin-top:16px; padding:16px 18px; background:var(--klz-charcoal); border:1px solid var(--klz-line); border-radius:2px; }
.city-ref-title{ font-family:'Barlow Condensed',sans-serif; font-size:15px; color:var(--klz-text); margin-bottom:6px; }
.city-ref-list{ list-style:none; margin:8px 0 0; padding:0; }
.city-ref-list li{ display:flex; justify-content:space-between; padding:6px 0; border-top:1px solid var(--klz-line); font-size:13px; color:var(--klz-muted); }

/* ==========================================================================
   Standard dashboard (Servis & Destek genel giriş sayfası)
   ========================================================================== */

.standard-page{ background:var(--klz-black); padding:0 0 80px; position:relative; }
.standard-dashboard{ max-width:1560px; margin:0 auto; padding:36px 32px 0; }
.standard-hero{ display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; margin:0 0 30px; padding-bottom:18px; border-bottom:1px solid var(--klz-line); }
.standard-top-nav{ display:flex; flex-wrap:wrap; gap:4px; }
.standard-top-nav a{
  padding:9px 14px; font-size:13.5px; color:var(--klz-muted); text-decoration:none;
  border-radius:2px; transition:color .18s, background-color .18s;
}
.standard-top-nav a:hover{ color:var(--klz-text); background:rgba(255,255,255,.04); }
.standard-top-nav a.is-active{ color:var(--klz-black); background:var(--klz-gold); font-weight:600; }
.standard-support-call{
  display:flex; align-items:center; gap:10px;
  padding:10px 18px; background:var(--klz-charcoal-2); border:1px solid var(--klz-line); border-radius:2px;
  text-decoration:none; color:var(--klz-text);
}
.standard-support-call span{ color:var(--klz-gold); }
.standard-support-call small{ display:block; font-size:11px; color:var(--klz-muted); }
.standard-support-call strong{ font-family:'Barlow Condensed',sans-serif; font-size:15px; }

.standard-intro{ margin:0 0 30px; }
.standard-intro span{ display:block; font-family:'Barlow Condensed',sans-serif; font-size:12.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--klz-gold); font-weight:600; margin:0 0 12px; }
.standard-intro h1{ font-family:'Barlow Condensed',sans-serif; font-size:clamp(28px,3.4vw,40px); font-weight:600; color:var(--klz-text); margin:0 0 10px; }
.standard-intro p{ font-size:15px; color:var(--klz-muted); max-width:680px; line-height:1.55; margin:0; }

.support-columns{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin:0 0 36px; }
.support-panel{
  background:var(--klz-charcoal-2); border:1px solid var(--klz-line); border-radius:2px;
  padding:22px 22px 18px; display:flex; flex-direction:column;
  border-top:2px solid var(--klz-gold);
}
.support-panel-head{ display:flex; gap:12px; align-items:flex-start; margin:0 0 14px; }
.support-panel-icon{ color:var(--klz-gold); font-size:16px; flex:0 0 auto; }
.support-panel-head h2{ font-family:'Barlow Condensed',sans-serif; font-size:16px; color:var(--klz-text); margin:0 0 3px; font-weight:600; }
.support-panel-head p{ font-size:12px; color:var(--klz-muted); margin:0; }
.support-link-list{ display:flex; flex-direction:column; }
.support-link-row{
  display:flex; align-items:center; gap:10px;
  padding:10px 0; border-top:1px solid var(--klz-line);
  text-decoration:none; color:var(--klz-muted);
}
.support-link-row:first-child{ border-top:none; }
.support-row-icon{ color:var(--klz-gold); flex:0 0 auto; font-size:13px; }
.support-row-copy{ flex:1 1 auto; min-width:0; display:flex; flex-direction:column; }
.support-row-copy strong{ font-size:13.5px; color:var(--klz-text); font-weight:600; }
.support-row-copy small{ font-size:11.5px; color:var(--klz-muted); }
.support-arrow{ color:var(--klz-muted-2); }
.support-link-row:hover .support-row-copy strong{ color:var(--klz-gold); }
.support-panel-foot{ margin-top:14px; padding-top:12px; border-top:1px solid var(--klz-line); font-size:11.5px; color:var(--klz-muted-2); }

.quick-actions{ display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin:0 0 36px; }
.quick-action{
  display:flex; flex-direction:column; gap:8px;
  background:var(--klz-charcoal-2); border:1px solid var(--klz-line); border-radius:2px;
  padding:18px; text-decoration:none;
}
.quick-icon{ color:var(--klz-gold); font-size:16px; }
.quick-action strong{ font-size:13.5px; color:var(--klz-text); }
.quick-action span{ font-size:11.5px; color:var(--klz-muted); }
.quick-action:hover{ border-color:rgba(198,161,91,.4); }
.quick-panel-title{ font-family:'Barlow Condensed',sans-serif; font-size:16px; color:var(--klz-text); margin:0 0 14px; }

.video-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:16px; margin:0 0 36px; }
.video-tile{
  position:relative; aspect-ratio:16/9; border-radius:2px; overflow:hidden;
  border:1px solid var(--klz-line); cursor:pointer; background:var(--klz-charcoal-2);
}
.video-tile img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.play-dot{
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  width:40px; height:40px; border-radius:50%; background:rgba(4,5,6,.55);
  color:var(--klz-gold); display:flex; align-items:center; justify-content:center;
  border:1px solid rgba(255,255,255,.3);
}

/* ==========================================================================
   Forms — service-form-grid (Teknik Servis Talebi, Müşteri Görüşü, vb.)
   ========================================================================== */

.service-form-wrap{
  background:linear-gradient(160deg, var(--klz-charcoal-2) 0%, var(--klz-charcoal) 140%);
  border:1px solid var(--klz-line); border-radius:3px;
  padding:26px 28px; margin:0 0 28px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.service-form-wrap h2{ font-family:'Barlow Condensed',sans-serif; font-size:17px; color:var(--klz-text); margin:0 0 6px; font-weight:600; }
.service-form-wrap > p{ font-size:13px; line-height:1.5; color:var(--klz-muted); margin:0 0 18px; }
.service-form-grid{ display:grid; grid-template-columns:1fr 1fr; gap:14px 20px; }
.service-form-grid label{ display:flex; flex-direction:column; gap:7px; font-size:11px; letter-spacing:.06em; text-transform:uppercase; color:var(--klz-muted); }
.service-form-grid label.is-full{ grid-column:1 / -1; }
.service-form-grid input, .service-form-grid select, .service-form-grid textarea,
.product-review-form input, .product-review-form select, .product-review-form textarea{
  background:var(--klz-charcoal) !important; border:1px solid var(--klz-line) !important; color:var(--klz-text) !important;
  font-family:'Barlow',sans-serif; font-size:14px; padding:11px 13px; border-radius:1px;
  transition:border-color .18s, background-color .18s;
  box-shadow:none !important;
}
.service-form-grid input:focus, .service-form-grid select:focus, .service-form-grid textarea:focus,
.product-review-form input:focus, .product-review-form select:focus, .product-review-form textarea:focus{
  outline:none; border-color:var(--klz-gold) !important; background:rgba(198,161,91,.04) !important;
  box-shadow:none !important;
}
.service-form-grid textarea{ resize:vertical; min-height:120px; }
.service-form-grid button, .product-btn-primary{
  grid-column:1 / -1; justify-self:start;
  background:var(--klz-gold) !important; color:var(--klz-black) !important; border:1px solid var(--klz-gold) !important;
  font-family:'Barlow',sans-serif; font-weight:600; font-size:14px;
  padding:13px 26px; border-radius:1px; cursor:pointer;
  transition:background-color .2s, filter .2s;
}
.service-form-grid button:hover, .product-btn-primary:hover{ background:#d8b877 !important; filter:none !important; }
.service-alert{ padding:12px 14px; border-radius:2px; font-size:13px; margin:0 0 16px; }
.service-alert.error{ background:rgba(212,35,26,.1) !important; border:1px solid rgba(212,35,26,.35) !important; color:#e08a80 !important; }
.service-alert.success{ background:rgba(198,161,91,.1) !important; border:1px solid rgba(198,161,91,.35) !important; color:var(--klz-gold) !important; }
.standard-body{ background:var(--klz-charcoal-2); border:1px solid var(--klz-line); border-radius:2px; padding:24px 26px; margin:0 0 32px; }
.standard-body h2{ font-family:'Barlow Condensed',sans-serif; font-size:16px; color:var(--klz-text); margin:0 0 14px; }
.standard-body ul{ list-style:none; margin:0; padding:0; }
.standard-body li{ padding:12px 0; border-top:1px solid var(--klz-line); font-size:13.5px; color:var(--klz-muted); }
.standard-body li:first-child{ border-top:none; }
.standard-body strong{ color:var(--klz-text); }

/* ==========================================================================
   Downloads (İndirmeler)
   ========================================================================== */

.download-list{ list-style:none; margin:0 0 32px; padding:0; display:flex; flex-direction:column; }
.download-item{
  display:flex; align-items:center; gap:16px;
  padding:16px 4px; border-top:1px solid var(--klz-line);
}
.download-item:first-child{ border-top:none; }
.download-meta{ flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:2px; }
.download-meta strong{ font-size:14px; color:var(--klz-text); font-weight:600; }
.download-meta span{ font-size:12px; color:var(--klz-muted); }
.download-badge-wrap{ display:flex; align-items:center; gap:10px; flex:0 0 auto; }
.download-badge{
  font-size:10.5px; font-weight:700; letter-spacing:.04em; text-transform:uppercase;
  color:var(--klz-gold); border:1px solid var(--klz-line); border-radius:2px; padding:3px 8px;
}
.download-size{ font-size:12px; color:var(--klz-muted-2); }
.download-btn{
  flex:0 0 auto; font-size:12.5px; font-weight:600; color:var(--klz-gold);
  text-decoration:none; border:1px solid var(--klz-line); padding:8px 16px; border-radius:1px;
  transition:border-color .18s, color .18s;
}
.download-btn:hover{ border-color:var(--klz-gold); color:#d8b877; }

/* ==========================================================================
   Category pages (Ürün kategorileri)
   ========================================================================== */

.category-hero{ position:relative; }
.category-hero-strip{
  min-height:280px; padding:150px 32px 40px;
  background-size:cover; background-position:center;
  display:flex; align-items:flex-end; position:relative;
}
.category-hero-strip::before{
  content:""; position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(5,6,7,.65) 0%, rgba(5,6,7,.55) 40%, rgba(5,6,7,.94) 100%);
}
.category-hero-content{ position:relative; max-width:1560px; margin:0 auto; width:100%; }
.category-hero-content h1{ font-family:'Barlow Condensed',sans-serif; font-size:clamp(28px,3.6vw,42px); color:var(--klz-text); font-weight:600; margin:0 0 8px; }
.category-hero-content p{ font-size:14.5px; color:var(--klz-muted); max-width:640px; margin:0; }

.category-products{ background:var(--klz-black); padding:40px 32px 80px; }
.category-container{ max-width:1560px; margin:0 auto; }
.category-products-head{ display:flex; align-items:baseline; justify-content:space-between; margin:0 0 28px; }
.category-products-head h2{ font-family:'Barlow Condensed',sans-serif; font-size:20px; color:var(--klz-text); margin:0; font-weight:600; }
.category-products-head span{ font-size:13px; color:var(--klz-muted); }

.category-grid{ display:grid; grid-template-columns:repeat(4, 1fr); gap:26px; }
.category-card{
  display:flex; flex-direction:column;
  background:var(--klz-charcoal-2); border:1px solid var(--klz-line); border-radius:3px;
  overflow:hidden; text-decoration:none; transition:border-color .2s, transform .2s, box-shadow .2s;
}
.category-card:hover{ border-color:rgba(198,161,91,.4); transform:translateY(-3px); box-shadow:0 14px 28px rgba(0,0,0,.35); }

/* Product photo stage: a soft warm-light backdrop the photo can sit on,
   with mix-blend-mode:multiply so a white studio background in the source
   photo drops out and blends into the stage instead of reading as a harsh
   white rectangle against the dark theme. */
.category-card-image-wrap{
  position:relative; aspect-ratio:4/3;
  background:linear-gradient(155deg, #f7f4ec 0%, #ebe3d0 55%, #ddd2b8 100%) !important;
  display:flex; align-items:center; justify-content:center; padding:26px;
}
.category-card-image-wrap::after{
  content:""; position:absolute; inset:0;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.05);
  pointer-events:none;
}
.category-card-image{ max-width:100%; max-height:100%; object-fit:contain; mix-blend-mode:multiply !important; }
.category-card h3{ font-size:15.5px; font-weight:600; color:var(--klz-text); margin:18px 20px 6px; }
.category-card p{ font-size:12.5px; color:var(--klz-muted); margin:0 20px 16px; line-height:1.5; flex:1 1 auto; }
.category-card > a, .category-card a:last-child{
  margin:0 20px 20px; font-size:12.5px; font-weight:600; color:var(--klz-gold); text-decoration:none;
  display:inline-flex; align-items:center; gap:6px; width:fit-content;
}
.category-card > a:hover, .category-card a:last-child:hover{ color:#d8b877; }
.category-empty{ padding:60px 20px; text-align:center; color:var(--klz-muted); }

@media (max-width:1180px){ .category-grid{ grid-template-columns:repeat(3, 1fr); } }
@media (max-width:820px){ .category-grid{ grid-template-columns:repeat(2, 1fr); } }
@media (max-width:520px){ .category-grid{ grid-template-columns:1fr; } }

/* ==========================================================================
   Product detail page
   ========================================================================== */

.product-detail{ background:var(--klz-black); padding:140px 32px 80px; }
.product-shell{ max-width:1360px; margin:0 auto; }
.product-crumb{ display:flex; gap:8px; font-size:12.5px; color:var(--klz-muted); margin:0 0 18px; }
.product-crumb a{ color:var(--klz-muted); text-decoration:none; }
.product-crumb a:hover{ color:var(--klz-gold); }
.product-crumb span:last-child{ color:var(--klz-text); }

.product-card{ display:grid; grid-template-columns:1fr 1fr; gap:44px; margin:0 0 40px; }
.product-gallery{ display:flex; flex-direction:column; gap:14px; }
.product-image{
  position:relative; aspect-ratio:1;
  background:linear-gradient(155deg, #f7f4ec 0%, #ebe3d0 55%, #ddd2b8 100%) !important;
  border:1px solid var(--klz-line) !important; border-radius:3px;
  display:flex; align-items:center; justify-content:center; padding:40px;
}
.product-main-image{ max-width:100%; max-height:100%; object-fit:contain; mix-blend-mode:multiply !important; }
.product-zoom-btn{
  position:absolute; right:14px; bottom:14px;
  background:rgba(4,5,6,.7); border:1px solid rgba(255,255,255,.2); color:var(--klz-text);
  font-size:11.5px; padding:7px 12px; border-radius:2px; cursor:pointer;
}
.product-thumbs{ display:flex; gap:10px; flex-wrap:wrap; }
.product-thumb{
  width:64px; height:64px; padding:8px;
  background:linear-gradient(155deg, #f7f4ec 0%, #ebe3d0 55%, #ddd2b8 100%) !important;
  border:1px solid var(--klz-line) !important; border-radius:2px; cursor:pointer;
}
.product-thumb img{ width:100%; height:100%; object-fit:contain; mix-blend-mode:multiply !important; }
.product-thumb.is-active{ border-color:var(--klz-gold); }

.product-content h1{ font-family:'Barlow Condensed',sans-serif; font-size:clamp(24px,3vw,32px); color:var(--klz-text); font-weight:600; margin:0 0 10px; }
.product-sub{ font-size:14.5px; color:var(--klz-muted); line-height:1.5; margin:0 0 22px; }

.product-related-list{ display:flex; gap:14px; flex-wrap:wrap; margin:0 0 24px; }
.product-related-item{ display:flex; flex-direction:column; align-items:center; gap:6px; text-decoration:none; width:76px; }
.product-related-circle{ width:56px; height:56px; border-radius:50%; background:#f3efe4 !important; display:flex; align-items:center; justify-content:center; overflow:hidden; border:1px solid var(--klz-line) !important; }
.product-related-circle img{ max-width:80%; max-height:80%; object-fit:contain; mix-blend-mode:multiply !important; }
.product-related-item strong{ font-size:10.5px; text-align:center; color:var(--klz-muted); font-weight:500; line-height:1.25; }

.product-meta-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:var(--klz-line); border:1px solid var(--klz-line); border-radius:2px; overflow:hidden; margin:0 0 24px; }
.product-meta-item{ background:var(--klz-charcoal-2); padding:14px 16px; display:flex; flex-direction:column; gap:4px; }
.product-meta-item span{ font-size:11px; letter-spacing:.05em; text-transform:uppercase; color:var(--klz-muted-2); }
.product-meta-item strong{ font-size:13.5px; color:var(--klz-text); font-weight:600; }

.product-action-row{ display:flex; gap:14px; flex-wrap:wrap; }
.product-btn-primary, .product-btn-ghost{
  display:inline-flex; align-items:center; gap:8px;
  padding:13px 24px; font-size:13.5px; font-weight:600; text-decoration:none; border-radius:1px;
  transition:background-color .2s, border-color .2s, transform .2s;
}
.product-btn-primary{ background:var(--klz-gold); color:var(--klz-black); border:1px solid var(--klz-gold); }
.product-btn-primary:hover{ background:#d8b877; transform:translateY(-1px); }
.product-btn-ghost{ background:transparent !important; color:var(--klz-text) !important; border:1px solid rgba(255,255,255,.28) !important; }
.product-btn-ghost:hover{ border-color:var(--klz-text); transform:translateY(-1px); }
.whatsapp-btn .wa-mark{ color:#3fbf5f; }

.product-tabs-wrap{ background:var(--klz-charcoal-2); border:1px solid var(--klz-line); border-radius:2px; padding:6px 26px 26px; }
.product-tabs-nav{ display:flex; gap:2px; background:none !important; border-bottom:1px solid var(--klz-line); flex-wrap:wrap; }
.product-tab{
  appearance:none; background:none !important; border:none; cursor:pointer;
  padding:16px 18px; font-family:'Barlow',sans-serif; font-size:13.5px; color:var(--klz-muted);
  border-bottom:2px solid transparent; transition:color .18s, border-color .18s;
}
.product-tab:hover{ color:var(--klz-text); }
.product-tab.is-active{ color:var(--klz-text) !important; background:none !important; border-bottom-color:var(--klz-gold); }
.product-tab-panel{ display:none; padding:24px 2px 4px; }
.product-tab-panel.is-active{ display:block; }
.product-body{ font-size:14px; line-height:1.7; color:var(--klz-muted); }
.product-body img{ max-width:100%; border-radius:2px; }
.product-specs-grid{ display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--klz-line); border:1px solid var(--klz-line); }
.product-spec-row{ background:var(--klz-charcoal-2); padding:12px 16px; display:flex; justify-content:space-between; font-size:13.5px; }
.product-spec-row span:first-child{ color:var(--klz-muted); }
.product-spec-row span:last-child{ color:var(--klz-text); }
.product-policy{ font-size:14px; line-height:1.7; color:var(--klz-muted); }

.product-review-grid{ display:flex; flex-direction:column; gap:24px; }
.product-review-form{ display:grid; grid-template-columns:1fr 1fr; gap:14px 18px; }
.product-review-form input, .product-review-form select, .product-review-form textarea{
  background:var(--klz-charcoal); border:1px solid var(--klz-line); color:var(--klz-text);
  font-size:14px; padding:10px 12px; border-radius:1px; width:100%;
}
.product-review-list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:14px; }
.product-review-item{ border-top:1px solid var(--klz-line); padding-top:14px; }
.product-review-head{ display:flex; justify-content:space-between; font-size:13.5px; color:var(--klz-text); margin-bottom:6px; }
.product-review-item p{ font-size:13.5px; color:var(--klz-muted); margin:0; }

.product-lightbox:not([hidden]){ position:fixed; inset:0; z-index:999; background:rgba(4,5,6,.92); display:flex; align-items:center; justify-content:center; }
.product-lightbox[hidden]{ display:none !important; }
.product-lightbox img{ max-width:88vw; max-height:88vh; object-fit:contain; }
.product-lightbox-close{ position:absolute; top:24px; right:28px; background:none; border:1px solid var(--klz-line); color:var(--klz-text); width:36px; height:36px; cursor:pointer; }
.product-lightbox-nav{ position:absolute; top:50%; transform:translateY(-50%); background:rgba(255,255,255,.06); border:1px solid var(--klz-line); color:var(--klz-text); width:44px; height:44px; cursor:pointer; }
.product-lightbox-nav.prev{ left:24px; }
.product-lightbox-nav.next{ right:24px; }

/* ==========================================================================
   Responsive
   ========================================================================== */

@media (max-width:1180px){
  .corporate-shell, .media-shell{ grid-template-columns:240px 1fr; gap:28px; }
  .product-card{ grid-template-columns:1fr; }
}

@media (max-width:980px){
  .corporate-shell, .media-shell{ grid-template-columns:1fr; }
  .corporate-sidebar, .media-sidebar{ position:static; }
  .corporate-stats, .support-columns, .quick-actions{ grid-template-columns:1fr; }
  .product-meta-grid, .product-specs-grid{ grid-template-columns:1fr; }
  .service-form-grid, .product-review-form{ grid-template-columns:1fr; }
  .standard-hero{ flex-direction:column; align-items:flex-start; }
}

/* ==========================================================================
   Override: main.css ships a later "Global Light Theme (User Request)"
   pass (and a "Category Pages — Flat Modern" pass) that !important-forces
   these same components back to white/light. That block predates the dark
   redesign and is no longer wanted; rather than edit main.css directly,
   this file loads after it and wins the same !important selectors back to
   the dark/gold system. (main.css itself is left untouched.)
   ========================================================================== */

body{ background:var(--klz-black) !important; color:var(--klz-text) !important; }

.corporate-page, .media-page{ background:var(--klz-black) !important; color:var(--klz-text) !important; }

.corporate-sidebar, .media-sidebar,
.corporate-sidebar-note, .ref-map-panel,
.contact-map-panel, .city-ref-card{
  background:linear-gradient(160deg, var(--klz-charcoal-2) 0%, var(--klz-charcoal) 140%) !important;
  border:1px solid var(--klz-line) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03) !important;
}
/* main.css ships a base (non-!important) .corporate-content/.media-content
   rule with border-radius:20px + border + gradient + box-shadow + padding:28px,
   turning the whole right column into one big rounded "dashboard panel" card.
   Strip it back to a plain transparent layout container — the page background
   itself stays dark/charcoal; only real components (sidebar/cards/map/form)
   keep their own boxed styling. */
.corporate-content, .media-content{
  background:transparent !important;
  border:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}
.corporate-nav, .media-nav{ background:transparent !important; }
.corporate-sidebar-head, .media-sidebar-head{ border-bottom:1px solid var(--klz-line) !important; }
.corporate-sidebar-head span, .media-sidebar-head span,
.media-nav-group{ color:var(--klz-muted-2) !important; background:transparent !important; border:none !important; }
.corporate-nav-group{
  color:var(--klz-muted-2) !important; background:transparent !important;
  border:none !important; border-radius:0 !important; box-shadow:none !important;
  border-top:1px solid var(--klz-line) !important;
}
.corporate-nav-group:first-child{ border-top:none !important; }
.corporate-sidebar-head strong, .media-sidebar-head strong,
.corporate-intro h1, .media-intro h1,
.city-ref-title, .ref-map-head h2{ color:var(--klz-text) !important; }
.corporate-intro p, .media-intro p,
.corporate-body, .media-body,
.city-ref-card p, .ref-map-head p{ color:var(--klz-muted) !important; }
.corporate-nav a, .media-nav a{
  color:var(--klz-muted) !important;
  border-radius:0 !important;
  border-top:none !important; border-right:none !important; border-bottom:none !important;
  border-left:2px solid transparent !important;
}
.corporate-nav a:hover, .media-nav a:hover{ background:rgba(255,255,255,.025) !important; border-left-color:transparent !important; }
.corporate-nav a.is-active, .media-nav a.is-active{ color:var(--klz-gold) !important; background:rgba(198,161,91,.07) !important; border-left-color:var(--klz-gold) !important; }
.media-nav-icon{ display:none !important; }
.corporate-nav-icon{ display:flex !important; color:var(--klz-muted-2) !important; }
.corporate-nav a:hover .corporate-nav-icon, .corporate-nav a.is-active .corporate-nav-icon{ color:var(--klz-gold) !important; }

.category-hero-strip{
  background-image:none !important;
  border-color:var(--klz-line) !important;
}
.category-hero-content h1{ color:var(--klz-text) !important; }
.category-hero-content p{ color:var(--klz-muted) !important; }
.category-card{ background:var(--klz-charcoal-2) !important; border:1px solid var(--klz-line) !important; box-shadow:none !important; }
.category-card:hover{ border-color:rgba(198,161,91,.4) !important; box-shadow:0 14px 28px rgba(0,0,0,.35) !important; }
.category-card h3{ color:var(--klz-text) !important; }
.category-card p{ color:var(--klz-muted) !important; }
.category-card a{
  background:transparent !important;
  border:1px solid var(--klz-line) !important;
  color:var(--klz-gold) !important;
  box-shadow:none !important;
}
.category-card a:hover{ background:rgba(198,161,91,.08) !important; border-color:rgba(198,161,91,.4) !important; color:#d8b877 !important; }