:root{--bg:#f3f5f8;--ink:#15202e;--ink2:#3c4a5c;--muted:#7a8696;--line:#e1e6ed;--cop:#c8732d;--soft:#fbf0e6;--navy:#15202e}
*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:'Barlow',sans-serif}
h1,h2,h3,.cond{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.3px}
.mono{font-family:'Share Tech Mono',monospace}a{text-decoration:none;color:inherit}
.in{max-width:1240px;margin:0 auto;padding:0 24px}
.btn{display:inline-block;background:var(--cop);color:#fff;font-family:'Barlow Condensed';font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:13px 28px;border-radius:8px;cursor:pointer}
.btn:hover{filter:brightness(.95)}
/* HEADER */
.kkh-top{background:var(--navy);color:#cfd8e3;font-size:13px}.kkh-top .in{display:flex;justify-content:space-between;gap:8px;padding:8px 24px;flex-wrap:wrap}.kkh-top .mono{font-family:'Share Tech Mono';color:#e8924a}.kkh-top a{color:#e8924a}
.kkh-main{background:#fff;border-bottom:1px solid var(--line)}.kkh-main .in{display:flex;align-items:center;gap:22px;padding:14px 24px}
.kkh-logo{display:flex;align-items:center;gap:11px;flex:0 0 auto}.kkh-logo .mk{width:40px;height:40px}.kkh-logo b{font-family:'Barlow Condensed';font-weight:800;font-size:24px;color:var(--navy);line-height:1}.kkh-logo b span{color:var(--cop)}.kkh-logo small{display:block;font-family:'Share Tech Mono';font-size:9px;color:var(--muted);letter-spacing:2px}
.kkh-search{flex:1;max-width:520px;display:flex;background:#f3f5f8;border:1px solid var(--line);border-radius:8px;overflow:hidden}.kkh-search input{flex:1;background:transparent;border:0;padding:11px 15px;font-size:14px;outline:none;font-family:'Barlow'}.kkh-search button{background:var(--cop);border:0;color:#fff;padding:0 18px;cursor:pointer}.kkh-search button svg{width:18px;height:18px;vertical-align:middle}
.kkh-act{flex:0 0 auto}.kkh-teklif{display:flex;align-items:center;gap:7px;background:var(--soft);color:var(--cop);font-family:'Barlow Condensed';font-weight:700;padding:9px 14px;border-radius:8px;text-transform:uppercase;font-size:14px;white-space:nowrap}
.kkh-nav{background:#fff;border-bottom:1px solid var(--line)}.kkh-nav .in{display:flex;gap:22px;padding:11px 24px;font-family:'Barlow Condensed';font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-size:14px;align-items:center}.kkh-nav a{color:var(--navy);padding:4px 0;white-space:nowrap}.kkh-nav a:hover{color:var(--cop)}.kkh-nav .cta{color:var(--cop);margin-left:auto}
.kkh-drop{position:relative}.kkh-drop>a::after{content:" ▾";font-size:11px}.kkh-dropmenu{position:absolute;top:100%;left:0;background:#fff;border:1px solid var(--line);border-top:2px solid var(--cop);min-width:210px;box-shadow:0 12px 30px rgba(21,32,46,.12);padding:6px 0;display:none;z-index:60}.kkh-drop:hover .kkh-dropmenu{display:block}.kkh-dropmenu a{display:block;padding:9px 16px;font-size:13px;text-transform:none;letter-spacing:0;font-family:'Barlow';font-weight:600}.kkh-dropmenu a:hover{background:var(--soft);color:var(--cop)}
.kkh-burger,.kkh-mobchk{display:none}.kkh-mobpanel{display:none}
/* HERO */
.hero{background:linear-gradient(110deg,var(--navy) 0%,var(--navy) 46%,#1d2c3e 100%);color:#fff;border-bottom:3px solid var(--cop)}.hero .in{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding:56px 24px}
.hero .tag{display:inline-block;font-family:'Barlow Condensed';font-weight:700;font-size:13px;color:#0d1622;background:var(--cop);padding:6px 14px;border-radius:4px;text-transform:uppercase;margin-bottom:16px}.hero h1{font-size:50px;line-height:.98;font-weight:800;margin-bottom:14px}.hero h1 em{font-style:normal;color:#e8924a}.hero p{color:#b6c1d0;font-size:17px;max-width:460px;margin-bottom:22px}
.mh{display:flex;gap:24px;margin-top:24px}.mh b{display:block;font-family:'Barlow Condensed';font-size:26px;color:#e8924a;line-height:1}.mh span{font-size:12px;color:#9fadbd;text-transform:uppercase}
.qcard{background:#fff;border-radius:16px;padding:22px;box-shadow:0 24px 60px rgba(0,0,0,.3);color:var(--ink)}.qcard h4{font-family:'Barlow Condensed';text-transform:uppercase;font-size:18px;color:var(--navy);margin-bottom:12px}
/* SECTIONS */
section{padding:52px 0}section.in{padding:52px 24px}.shead{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.shead small{font-family:'Share Tech Mono';font-size:11px;color:var(--cop);letter-spacing:3px;display:block;margin-bottom:5px}.shead h2{font-size:34px;font-weight:800;color:var(--navy)}.shead a{font-family:'Barlow Condensed';font-weight:700;text-transform:uppercase;color:var(--cop)}
.cats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cat{background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px 18px;position:relative;transition:.2s;display:block}.cat:hover{border-color:var(--cop);box-shadow:0 14px 30px rgba(21,32,46,.08);transform:translateY(-4px)}.cat .cnt{position:absolute;top:12px;right:14px;font-family:'Share Tech Mono';font-size:11px;color:var(--cop)}.cat .cnt.soon{color:#9aa3ad}.cat .ic{display:block;width:44px;height:44px;color:var(--cop);background:var(--soft);border-radius:11px;padding:11px;margin-bottom:11px}.cat h3{font-size:18px;font-weight:700;color:var(--navy);margin-bottom:3px;line-height:1.05}.cat p{color:var(--muted);font-size:12px}
.prods{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.prod{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden;transition:.2s;display:block}.prod:hover{border-color:var(--cop);box-shadow:0 14px 30px rgba(21,32,46,.08);transform:translateY(-4px)}.prod .img{height:180px;background:#fff;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--line);overflow:hidden}.prod .img img{max-width:100%;max-height:100%;object-fit:contain}.prod .body{padding:15px}.prod .body small{font-family:'Share Tech Mono';font-size:10px;color:var(--cop);letter-spacing:1px}.prod h3{font-size:15px;font-weight:600;margin:6px 0 12px;text-transform:none;font-family:'Barlow';color:var(--navy);line-height:1.25;min-height:38px}.prod .price{display:flex;align-items:center;justify-content:space-between}.prod .price b{font-family:'Barlow Condensed';font-weight:700;font-size:15px;color:var(--navy)}.prod .price span{color:var(--cop)}.prod .add{width:36px;height:36px;background:var(--cop);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;border-radius:8px}
.ptitle{font-size:38px;font-weight:800;color:var(--navy);margin-bottom:12px}.pdesc{color:var(--ink2);max-width:640px;margin-bottom:28px}
.clist{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ccard{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden;transition:.2s;display:block}.ccard:hover{border-color:var(--cop);transform:translateY(-4px)}.ccard .img{height:200px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid var(--line)}.ccard .img img{max-width:100%;max-height:100%;object-fit:contain}.ccard h3{font-size:18px;color:var(--navy);padding:14px 16px}
.band{background:var(--navy);color:#fff}.band .in{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:44px 24px;flex-wrap:wrap}.band h2{font-size:32px;font-weight:800}.band p{color:#b6c1d0;margin-top:6px}
/* PRODUCT DETAIL */
.pdetail{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.pimg{background:#fff;border:1px solid var(--line);border-radius:14px;height:460px;display:flex;align-items:center;justify-content:center;overflow:hidden}.pimg img{max-width:92%;max-height:92%;object-fit:contain}
.crumb{font-size:13px;color:var(--muted);margin-bottom:12px}.crumb a{color:var(--cop)}
.pinfo h1{font-size:30px;color:var(--navy);margin-bottom:8px}.pteklif-price{color:var(--cop);font-family:'Barlow Condensed';font-weight:700;font-size:20px;margin-bottom:20px}
.pbtn{display:block;text-align:center;font-size:17px;padding:15px}.pbtn.wa{background:#25D366;margin-top:10px}.pnote{margin:10px 0 0;font-size:13px;color:var(--muted);text-align:center}
.pbody{margin-top:24px;color:var(--ink2);line-height:1.7}.pbody h2{font-size:24px;color:var(--navy);margin:22px 0 10px}.pbody table{border-collapse:collapse;width:100%;max-width:540px;margin:10px 0}.pbody td{padding:7px 12px;border:1px solid var(--line)}.pbody ul{margin:8px 0 8px 22px}.pbody li{margin-bottom:5px}.pbody a{color:var(--cop)}
.page .pbody{max-width:760px}.page .pbody ul{margin-left:20px}
/* FOOTER */
.kkf{background:var(--navy);color:#9fadbd;padding:46px 0 22px;font-family:'Barlow'}.kkf a{color:#9fadbd}.kkf a:hover{color:#fff}.kkf .in{padding:0 24px}.kkf .grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:32px}.kkf h4{font-family:'Barlow Condensed';font-weight:700;text-transform:uppercase;color:#e8924a;letter-spacing:1px;margin-bottom:12px;font-size:16px}.kkf a,.kkf p{display:block;font-size:13px;padding:4px 0}.kkf .brand{display:flex;align-items:center;gap:11px;margin-bottom:12px}.kkf .brand .mk{width:40px;height:40px}.kkf .brand b{font-family:'Barlow Condensed';font-weight:800;font-size:22px;color:#fff}.kkf .brand b span{color:#e8924a}.kkf .brand small{display:block;font-family:'Share Tech Mono';font-size:9px;color:#7a8696;letter-spacing:2px}.kkf .mono{font-family:'Share Tech Mono';color:#e8924a}.kkf .bar{border-top:1px solid #2a3645;margin-top:32px;padding-top:18px;display:flex;justify-content:space-between;color:#6f7d8e;font-size:12px;font-family:'Share Tech Mono';flex-wrap:wrap;gap:6px}
/* FLOAT WA */
@keyframes kkwa{0%,100%{box-shadow:0 6px 22px rgba(37,211,102,.55)}50%{box-shadow:0 6px 30px rgba(37,211,102,.9)}}
.kk-wafloat{position:fixed;right:20px;bottom:20px;z-index:99999;width:58px;height:58px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:kkwa 2s infinite}.kk-wafloat:hover{transform:scale(1.08)}.kk-wafloat span{position:absolute;right:70px;background:#15202e;color:#fff;font-family:'Barlow Condensed';font-weight:700;text-transform:uppercase;font-size:13px;padding:8px 12px;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;transition:.2s}.kk-wafloat:hover span{opacity:1}
@media(max-width:900px){.hero .in,.band .in{grid-template-columns:1fr}.cats,.prods,.clist{grid-template-columns:repeat(2,1fr)}.kkf .grid{grid-template-columns:1fr 1fr}.pdetail{grid-template-columns:1fr}.hero h1{font-size:38px}.kkh-search,.kkh-nav{display:none}.kkh-burger{display:flex;font-size:26px;color:var(--navy);cursor:pointer}.kkh-logo{margin:0 auto}.kkh-mobchk:checked~.kkh-mobpanel{display:block}.kkh-mobpanel{position:fixed;inset:0 0 0 auto;width:80%;max-width:320px;background:#fff;z-index:200;box-shadow:-10px 0 40px rgba(0,0,0,.2);overflow-y:auto;padding:18px 0}.kkh-mobpanel a{display:block;padding:12px 22px;font-family:'Barlow Condensed';font-weight:700;text-transform:uppercase;color:var(--navy);border-bottom:1px solid var(--line)}.kkh-mobpanel a.sub{padding-left:38px;font-weight:600;text-transform:none;font-family:'Barlow';font-size:14px;color:var(--muted)}.kkh-mobclose{text-align:right;padding:0 22px 10px;font-size:26px;color:var(--muted);cursor:pointer;display:block}.kk-wafloat span{display:none}}
@media(max-width:560px){.cats,.prods,.clist{grid-template-columns:1fr}}