/*
Theme Name: Kenhame Select
Theme URI: https://kenhame-select.com
Author: Kenhame Select
Description: Premium Affiliate- und Vergleichsportal für Monitore, Mäuse, Tastaturen und Headsets.
Version: 1.0.0
Text Domain: kenhame-select
*/

:root{
  --ks-black:#080b10;
  --ks-dark:#0e131c;
  --ks-card:#151c27;
  --ks-card-light:#1a2330;
  --ks-gold:#d3ad63;
  --ks-gold-light:#f0d28f;
  --ks-white:#fff;
  --ks-text:#eef1f5;
  --ks-muted:#9ca6b5;
  --ks-border:rgba(255,255,255,.09);
  --ks-shadow:0 25px 70px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ks-black);color:var(--ks-text);font-family:Inter,Arial,Helvetica,sans-serif}
a{color:inherit}
.ks-container{width:min(1200px,calc(100% - 36px));margin:0 auto}
.ks-header{position:sticky;top:0;z-index:999;border-bottom:1px solid var(--ks-border);background:rgba(8,11,16,.94);backdrop-filter:blur(18px)}
.ks-header-inner{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:26px}
.ks-logo-link{display:flex;align-items:center;gap:13px;text-decoration:none}
.ks-logo-link img{width:76px;height:64px;object-fit:cover;object-position:center;border-radius:12px}
.ks-brand-text{display:flex;flex-direction:column;line-height:1}
.ks-brand-main{font-size:21px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.ks-brand-sub{margin-top:6px;color:var(--ks-gold);font-size:11px;font-weight:700;letter-spacing:.28em;text-transform:uppercase}
.ks-nav{display:flex;align-items:center;gap:7px}
.ks-nav a{padding:11px 14px;color:#d9dee6;border-radius:10px;text-decoration:none;font-size:14px;font-weight:700;transition:.2s}
.ks-nav a:hover{color:#fff;background:rgba(255,255,255,.06)}
.ks-nav-gold{color:#171208!important;background:linear-gradient(135deg,var(--ks-gold-light),var(--ks-gold))}
.ks-hero{position:relative;padding:105px 0 90px;border-bottom:1px solid var(--ks-border);background:radial-gradient(circle at 15% 0%,rgba(211,173,99,.10),transparent 25%),linear-gradient(180deg,#080b10 0%,#0d121a 100%)}
.ks-hero:after{content:"";position:absolute;top:30px;right:-140px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(211,173,99,.14),transparent 67%);pointer-events:none}
.ks-hero-grid{display:grid;grid-template-columns:1.18fr .82fr;align-items:center;gap:58px}
.ks-eyebrow{display:inline-flex;padding:9px 14px;margin-bottom:24px;border:1px solid rgba(211,173,99,.3);border-radius:999px;color:var(--ks-gold-light);background:rgba(211,173,99,.08);font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.ks-hero h1{max-width:790px;margin:0;font-size:clamp(48px,7vw,86px);line-height:.99;letter-spacing:-.045em}
.ks-hero h1 span{display:block;margin-top:7px;color:var(--ks-gold)}
.ks-hero-description{max-width:720px;margin:27px 0 31px;color:var(--ks-muted);font-size:18px;line-height:1.75}
.ks-search{max-width:760px;padding:8px;display:flex;gap:8px;border-radius:18px;background:#fff;box-shadow:var(--ks-shadow)}
.ks-search input{flex:1;min-width:0;padding:17px 18px;border:0;outline:0;border-radius:12px;color:#141820;background:#fff;font-size:16px}
.ks-search button{padding:16px 24px;border:0;border-radius:12px;color:#181308;background:linear-gradient(135deg,var(--ks-gold-light),var(--ks-gold));font-weight:800;cursor:pointer}
.ks-trust{margin-top:24px;display:flex;flex-wrap:wrap;gap:20px;color:var(--ks-muted);font-size:13px}
.ks-hero-panel{padding:25px;border:1px solid var(--ks-border);border-radius:28px;background:radial-gradient(circle at top right,rgba(211,173,99,.12),transparent 35%),linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.02));box-shadow:var(--ks-shadow)}
.ks-panel-heading{margin-bottom:18px;color:var(--ks-muted);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.ks-panel-card{padding:19px;margin-bottom:13px;border:1px solid var(--ks-border);border-radius:18px;background:rgba(255,255,255,.035)}
.ks-panel-card:last-child{margin-bottom:0}
.ks-panel-top{display:flex;justify-content:space-between;align-items:center;gap:14px}
.ks-panel-card h3{margin:0;font-size:16px}
.ks-score{padding:7px 10px;border-radius:9px;color:var(--ks-gold-light);background:rgba(211,173,99,.13);font-weight:800}
.ks-panel-card p{margin:8px 0 0;color:var(--ks-muted);font-size:13px}
.ks-section{padding:92px 0;background:#0d121a}
.ks-section-soft{border-top:1px solid var(--ks-border);border-bottom:1px solid var(--ks-border);background:#101620}
.ks-section-head{margin-bottom:36px;display:flex;align-items:end;justify-content:space-between;gap:35px}
.ks-kicker{margin:0 0 10px;color:var(--ks-gold);font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.ks-section h2{margin:0;font-size:clamp(32px,4vw,50px);letter-spacing:-.035em}
.ks-section-description{max-width:520px;margin:0;color:var(--ks-muted);line-height:1.7}
.ks-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:19px}
.ks-category-card{position:relative;min-height:275px;padding:25px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid var(--ks-border);border-radius:25px;color:#fff;text-decoration:none;background:radial-gradient(circle at top right,rgba(211,173,99,.13),transparent 40%),linear-gradient(145deg,var(--ks-card-light),var(--ks-dark));transition:.25s}
.ks-category-card:hover{transform:translateY(-7px);border-color:rgba(211,173,99,.47);box-shadow:var(--ks-shadow)}
.ks-category-icon{position:absolute;top:23px;right:23px;font-size:51px}
.ks-category-number{color:var(--ks-gold-light);font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.ks-category-card h3{margin:9px 0;font-size:25px}
.ks-category-card p{margin:0;color:var(--ks-muted);font-size:14px;line-height:1.6}
.ks-card-arrow{margin-top:18px;color:var(--ks-gold-light);font-weight:800}
.ks-recommendation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}
.ks-recommendation{padding:22px;border:1px solid var(--ks-border);border-radius:25px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.02))}
.ks-badge{display:inline-block;padding:7px 10px;margin-bottom:18px;border-radius:999px;color:var(--ks-gold-light);background:rgba(211,173,99,.13);font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.ks-product-image{height:175px;margin-bottom:21px;display:grid;place-items:center;border-radius:18px;background:radial-gradient(circle,rgba(211,173,99,.11),transparent 55%),rgba(255,255,255,.03);font-size:68px}
.ks-recommendation h3{margin:0 0 10px;font-size:21px}
.ks-recommendation p{margin:0;color:var(--ks-muted);line-height:1.65}
.ks-rec-bottom{margin-top:22px;display:flex;align-items:center;justify-content:space-between;gap:15px}
.ks-rec-bottom a{color:var(--ks-gold-light);text-decoration:none;font-weight:800}
.ks-method{padding:38px;display:grid;grid-template-columns:repeat(3,1fr);gap:25px;border:1px solid var(--ks-border);border-radius:28px;background:linear-gradient(145deg,rgba(211,173,99,.075),rgba(255,255,255,.02))}
.ks-method-item strong{display:block;margin-bottom:9px;color:var(--ks-gold-light);font-size:18px}
.ks-method-item span{color:var(--ks-muted);line-height:1.65}
.ks-cta{padding:60px 35px;text-align:center;border:1px solid rgba(211,173,99,.26);border-radius:30px;background:radial-gradient(circle at top,rgba(211,173,99,.16),transparent 48%),var(--ks-dark)}
.ks-cta h2{margin:0 0 16px}.ks-cta p{max-width:680px;margin:0 auto;color:var(--ks-muted);line-height:1.7}
.ks-button{display:inline-block;margin-top:25px;padding:15px 24px;border-radius:12px;color:#181308;background:linear-gradient(135deg,var(--ks-gold-light),var(--ks-gold));text-decoration:none;font-weight:800}
.ks-footer{padding:55px 0 28px;border-top:1px solid var(--ks-border);background:#07090d}
.ks-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:45px}
.ks-footer h3{margin:0 0 14px}.ks-footer p,.ks-footer a{color:var(--ks-muted);line-height:1.7}.ks-footer a{display:block;margin-bottom:7px;text-decoration:none}.ks-footer a:hover{color:var(--ks-gold-light)}
.ks-copyright{margin-top:38px;padding-top:23px;border-top:1px solid var(--ks-border);color:#788291;font-size:13px;text-align:center}
.ks-content{padding:70px 0;background:#0d121a;min-height:60vh}.ks-content article{max-width:850px;margin:auto;color:#dfe4eb;line-height:1.8}.ks-content h1{font-size:44px}
@media(max-width:1050px){.ks-nav{display:none}.ks-hero-grid{grid-template-columns:1fr}.ks-category-grid{grid-template-columns:repeat(2,1fr)}.ks-recommendation-grid{grid-template-columns:1fr}}
@media(max-width:720px){.ks-header-inner{min-height:76px}.ks-logo-link img{width:58px;height:50px}.ks-brand-main{font-size:17px}.ks-hero{padding:70px 0 58px}.ks-search{flex-direction:column}.ks-search button{width:100%}.ks-section{padding:67px 0}.ks-section-head{display:block}.ks-section-description{margin-top:15px}.ks-category-grid{grid-template-columns:1fr}.ks-method{grid-template-columns:1fr;padding:27px}.ks-footer-grid{grid-template-columns:1fr}}


/* === V2 navigation, dropdowns, assistant and content cards === */
.ks-nav-item{position:relative}
.ks-nav-item>a{display:flex;align-items:center;gap:6px}
.ks-nav-item>a:after{content:"▾";font-size:10px;opacity:.7}
.ks-dropdown{
  position:absolute;top:calc(100% + 12px);left:0;min-width:280px;padding:10px;
  border:1px solid var(--ks-border);border-radius:18px;background:rgba(10,14,20,.98);
  box-shadow:var(--ks-shadow);opacity:0;visibility:hidden;transform:translateY(8px);
  transition:.2s ease;backdrop-filter:blur(18px)
}
.ks-nav-item:hover .ks-dropdown,.ks-nav-item:focus-within .ks-dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.ks-dropdown a{display:block;padding:11px 13px;border-radius:10px;color:#d9dee6;white-space:nowrap}
.ks-dropdown a:hover{background:rgba(211,173,99,.10);color:var(--ks-gold-light)}
.ks-dropdown-group{padding:8px 0;border-bottom:1px solid var(--ks-border)}
.ks-dropdown-group:last-child{border-bottom:0}
.ks-dropdown-title{padding:7px 13px;color:var(--ks-gold);font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.ks-page-hero{padding:78px 0 50px;background:radial-gradient(circle at 15% 0%,rgba(211,173,99,.11),transparent 26%),linear-gradient(180deg,#080b10,#0d121a);border-bottom:1px solid var(--ks-border)}
.ks-page-hero h1{margin:0 0 14px;font-size:clamp(38px,6vw,70px);letter-spacing:-.04em}
.ks-page-hero p{max-width:760px;margin:0;color:var(--ks-muted);font-size:18px;line-height:1.75}
.ks-content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ks-info-card{padding:25px;border:1px solid var(--ks-border);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.02))}
.ks-info-card h2,.ks-info-card h3{margin-top:0}.ks-info-card p,.ks-info-card li{color:var(--ks-muted);line-height:1.7}
.ks-info-card a{color:var(--ks-gold-light)}
.ks-prose{max-width:900px;margin:0 auto}.ks-prose h2{margin-top:38px}.ks-prose p,.ks-prose li{color:#c8d0db;line-height:1.8}
.ks-deals-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ks-deal-card{padding:23px;border:1px solid rgba(211,173,99,.25);border-radius:23px;background:radial-gradient(circle at top right,rgba(211,173,99,.14),transparent 40%),linear-gradient(145deg,#18202c,#10151e)}
.ks-deal-card .ks-deal-price{color:var(--ks-gold-light);font-size:27px;font-weight:800}.ks-deal-card p{color:var(--ks-muted)}
.ks-empty-note{padding:22px;border:1px dashed rgba(211,173,99,.35);border-radius:18px;color:var(--ks-muted);background:rgba(211,173,99,.05)}
.ks-assistant-launch{
  position:fixed;right:22px;bottom:22px;z-index:1001;border:0;border-radius:999px;
  padding:14px 18px;background:linear-gradient(135deg,var(--ks-gold-light),var(--ks-gold));
  color:#181308;font-weight:900;box-shadow:0 15px 40px rgba(0,0,0,.35);cursor:pointer
}
.ks-assistant{
  position:fixed;right:22px;bottom:82px;z-index:1002;width:min(380px,calc(100% - 28px));
  padding:20px;border:1px solid var(--ks-border);border-radius:22px;background:rgba(10,14,20,.98);
  box-shadow:var(--ks-shadow);display:none
}
.ks-assistant.is-open{display:block}
.ks-assistant h3{margin:0 0 8px}.ks-assistant p{margin:0 0 14px;color:var(--ks-muted);line-height:1.55}
.ks-assistant-row{display:flex;gap:8px}.ks-assistant input{flex:1;min-width:0;padding:13px;border:1px solid var(--ks-border);border-radius:11px;background:#fff;color:#111}
.ks-assistant button{border:0;border-radius:11px;padding:12px 14px;background:linear-gradient(135deg,var(--ks-gold-light),var(--ks-gold));font-weight:800;cursor:pointer}
.ks-assistant-close{position:absolute;top:10px;right:12px;background:transparent!important;color:#fff!important;padding:5px!important}
.ks-assistant-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.ks-assistant-suggestions a{padding:7px 10px;border:1px solid var(--ks-border);border-radius:999px;color:#d9dee6;text-decoration:none;font-size:12px}
@media(max-width:1050px){.ks-nav-item{display:none}.ks-content-grid,.ks-deals-grid{grid-template-columns:1fr}}