/* Keylify "Keyring" design layer. Loaded only while option kl_ui_live / the preview cookie turns it on. */ @font-face{font-family:"Sora";src:url("fonts/sora.woff2") format("woff2");font-weight:300 800;font-style:normal;font-display:swap} @font-face{font-family:"Geist";src:url("fonts/geist.woff2") format("woff2");font-weight:300 800;font-style:normal;font-display:swap} @font-face{font-family:"Geist Mono";src:url("fonts/geist-mono.woff2") format("woff2");font-weight:400 700;font-style:normal;font-display:swap} body.kl-ui{ --ink:#110E2B;--ink2:#1C1842;--ink3:#2B2659;--deep:#0C0A22; --iris:#4F3BF6;--iris-d:#3F2BE0;--iris-50:#F1EEFF;--iris-100:#E3DDFF; --volt:#C8F542;--volt-d:#B9E92F;--paper:#F6F5FB;--line:#E7E4F2;--line2:#D8D4EA; --text:#2A2745;--muted:#625F80;--ok:#118A50;--danger:#D93C46;--star:#FFB020; --r-s:6px;--r-c:10px;--r-card:14px;--r-p:20px; --shadow:0 12px 28px -12px rgba(43,30,140,.28);--shadow-l:0 28px 56px -18px rgba(43,30,140,.42); --f-h:"Sora",system-ui,sans-serif;--f-b:"Geist",system-ui,-apple-system,"Segoe UI",sans-serif;--f-m:"Geist Mono",ui-monospace,monospace; margin:0;background:var(--paper);color:var(--text);font-family:var(--f-b);font-size:16px;line-height:1.6; -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility; } .kl-ui *,.kl-ui *::before,.kl-ui *::after{box-sizing:border-box} :where(body.kl-ui:not(.kl-legacy)) img{max-width:100%;height:auto} :where(body.kl-ui:not(.kl-legacy)) :where(h1,h2,h3,h4){font-family:var(--f-h);color:var(--ink);letter-spacing:-.025em;line-height:1.14;margin:0;font-weight:600} :where(body.kl-ui:not(.kl-legacy)) p{margin:0} :where(body.kl-ui:not(.kl-legacy)) a{color:var(--iris);text-decoration:none} :where(body.kl-ui:not(.kl-legacy)) a:hover{color:var(--iris-d)} :where(body.kl-ui:not(.kl-legacy)) :where(button,input,select,textarea){font-family:inherit} .kl-ui :focus-visible{outline:3px solid rgba(79,59,246,.45);outline-offset:2px} .kl-noscroll,.kl-noscroll body{overflow:hidden} .kl-ui .screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important} .kl-ui .kl-skip{position:absolute;left:-999px;top:8px;z-index:200;background:var(--ink);color:#fff;padding:10px 14px;border-radius:var(--r-c)} .kl-ui .kl-skip:focus{left:8px;color:#fff} /* ---------- utilities ---------- */ .kl-ui .kl-wrap{max-width:1240px;margin-left:auto;margin-right:auto;padding-left:32px;padding-right:32px} .kl-ui .kl-muted{color:var(--muted)} .kl-ui .kl-volt-t{color:var(--volt)!important} .kl-ui .kl-iris-t{color:var(--iris)!important} .kl-ui .kl-mono{font-family:var(--f-m);letter-spacing:.04em} .kl-ui .kl-only-m{display:none!important} .kl-ui .kl-lab{font:600 12px/1.3 var(--f-b);color:var(--muted);letter-spacing:.02em;display:block} .kl-ui .kl-lead{font-size:18px;line-height:1.55} .kl-ui .kl-sec{padding-top:64px} .kl-ui .kl-h2s{font-size:30px;margin:10px 0 22px} .kl-ui .kl-more{font-weight:600;color:var(--iris);white-space:nowrap} .kl-ui .kl-grow{flex:1} /* ---------- icons, kicks, rings ---------- */ .kl-ui svg.kl-i{fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:middle} .kl-ui .kl-bars{fill:currentColor;flex:none} .kl-ui .kl-kick{display:inline-flex;align-items:center;gap:8px;font:600 13px/1 var(--f-b);color:var(--iris)} .kl-ui .kl-ico{width:40px;height:40px;border-radius:var(--r-c);background:var(--iris-50);color:var(--iris);display:inline-flex;align-items:center;justify-content:center;flex:none} .kl-ui .kl-ico-l{width:56px;height:56px;border-radius:12px} .kl-ui .kl-ring{display:inline-block;width:24px;height:24px;border-radius:50%;border:5px solid var(--iris);flex:none} .kl-ui .kl-ring-f{background:var(--iris)} .kl-ui .kl-dot{width:8px;height:8px;border-radius:2px;background:var(--volt);display:inline-block} .kl-ui .kl-okdot{width:14px;height:14px;border-radius:50%;background:var(--ok);display:inline-block;flex:none} /* ---------- buttons ---------- */ .kl-ui .kl-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 22px;border-radius:var(--r-c);font:600 15px/1 var(--f-b);border:1.5px solid transparent;white-space:nowrap;cursor:pointer;text-decoration:none;transition:background .15s,border-color .15s,color .15s,box-shadow .15s;max-width:100%} .kl-ui .kl-btn-pri{background:var(--iris);color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 10px 22px -10px rgba(79,59,246,.7)} .kl-ui .kl-btn-pri:hover{background:var(--iris-d);color:#fff!important} .kl-ui .kl-btn-sec{background:#fff;color:var(--ink)!important;border-color:var(--line2)} .kl-ui .kl-btn-sec:hover{border-color:var(--ink);color:var(--ink)!important} .kl-ui .kl-btn-volt{background:var(--volt);color:var(--ink)!important} .kl-ui .kl-btn-volt:hover{background:var(--volt-d);color:var(--ink)!important} .kl-ui .kl-btn-ink{background:var(--ink);color:#fff!important} .kl-ui .kl-btn-ink:hover{background:var(--ink2);color:#fff!important} .kl-ui .kl-btn-line{background:transparent;color:#fff!important;border-color:#3D3870} .kl-ui .kl-btn-line:hover{border-color:#fff} .kl-ui .kl-btn-dis{background:var(--line);color:#8F8BAE!important;cursor:not-allowed;box-shadow:none} .kl-ui .kl-btn-lg{height:56px;font-size:16px;padding:0 26px;border-radius:12px} .kl-ui .kl-btn-sm{height:38px;font-size:14px;padding:0 14px;border-radius:9px} .kl-ui .kl-btn-block{width:100%} .kl-ui .kl-btn.loading{opacity:.6;pointer-events:none} .kl-ui .kl-btn.added::after{content:"✓";margin-left:2px} /* ---------- badges, stars, price ---------- */ .kl-ui .kl-badge{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 8px;border-radius:var(--r-s);font:600 12px/1 var(--f-b);white-space:nowrap} .kl-ui .kl-badge-lg{height:30px;font-size:13px;padding:0 10px} .kl-ui .kl-b-ink{background:var(--ink);color:#fff} .kl-ui .kl-b-volt{background:var(--volt);color:var(--ink)} .kl-ui .kl-b-iris{background:var(--iris-50);color:var(--iris-d)} .kl-ui .kl-b-ok{background:#E2F5EA;color:#0C6B3E} .kl-ui .kl-b-no{background:#FDECEE;color:#9B1C26} .kl-ui .kl-b-line{background:#fff;border:1px solid var(--line);color:var(--text)} .kl-ui .kl-stars{display:inline-flex;gap:2px;vertical-align:middle} .kl-ui .kl-stars svg{width:14px;height:14px;fill:#DAD7E8} .kl-ui .kl-stars svg.on{fill:var(--star)} .kl-ui .kl-price{font:700 22px/1 var(--f-h);color:var(--ink);letter-spacing:-.02em} .kl-ui .kl-price .woocommerce-Price-amount{font:inherit;color:inherit} .kl-ui .kl-price-s{font-size:17px} .kl-ui .kl-price-xl{font-size:44px} .kl-ui .kl-was{color:var(--muted);text-decoration:line-through;font-size:14px} .kl-ui .kl-pay{display:inline-flex;align-items:center;height:26px;padding:0 8px;border-radius:var(--r-s);background:#fff;border:1px solid var(--line);color:var(--ink);font:700 10.5px/1 var(--f-b);letter-spacing:.02em} .kl-ui .kl-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-card)} /* ---------- header ---------- */ .kl-ui .kl-util{background:var(--ink);color:#C9C5E6;font-size:13px} .kl-ui .kl-util a{color:#E8E6F7} .kl-ui .kl-util a:hover{color:#fff} .kl-ui .kl-util-in{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:16px} .kl-ui .kl-util-l{display:flex;align-items:center;gap:8px} .kl-ui .kl-util-r{display:flex;gap:22px} .kl-ui .kl-hdr{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:50} .kl-ui .kl-hdr-main{min-height:80px;display:flex;align-items:center;gap:24px;padding-top:10px;padding-bottom:10px} .kl-ui .kl-logo{display:flex;flex:none} .kl-ui .kl-logo img{height:38px;width:auto;display:block} .kl-ui .kl-hdr-search{flex:1;min-width:0} .kl-ui .kl-search{display:flex;align-items:center;gap:10px;height:48px;border-radius:12px;background:var(--paper);border:1.5px solid var(--line);padding:0 6px 0 16px;color:var(--muted);transition:border-color .15s,background .15s} .kl-ui .kl-search:focus-within{border-color:var(--iris);background:#fff;box-shadow:0 0 0 4px rgba(79,59,246,.12)} .kl-ui .kl-search input[type=search]{flex:1;min-width:0;height:44px;border:0;background:transparent;font:400 15px var(--f-b);color:var(--ink);outline:none;padding:0;box-shadow:none;margin:0} .kl-ui .kl-search input::placeholder{color:var(--muted)} .kl-ui .kl-search .kl-btn{height:36px} .kl-ui .kl-search-lg{max-width:620px;margin:0 auto;height:56px} .kl-ui .kl-hlink{display:inline-flex;align-items:center;gap:8px;color:var(--ink)!important;font:500 15px/1 var(--f-b);white-space:nowrap} .kl-ui .kl-cartbtn{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 16px;border-radius:var(--r-c);background:var(--ink);color:#fff!important;font:600 15px/1 var(--f-b);flex:none} .kl-ui .kl-cartbtn:hover{background:var(--ink2)} .kl-ui .kl-cart-n{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:6px;background:var(--volt);color:var(--ink);font:700 12px/1 var(--f-b)} .kl-ui .kl-ibtn{width:40px;height:40px;border-radius:var(--r-c);background:var(--paper);border:0;display:inline-flex;align-items:center;justify-content:center;color:var(--ink);cursor:pointer;flex:none;padding:0} .kl-ui .kl-nav{border-top:1px solid #F0EEF7} .kl-ui .kl-nav-in{min-height:52px;display:flex;align-items:center;gap:4px;position:relative} .kl-ui .kl-nav-a{height:36px;white-space:nowrap;padding:0 12px;border-radius:9px;display:inline-flex;align-items:center;gap:6px;color:var(--ink)!important;font:500 15px/1 var(--f-b)} .kl-ui .kl-nav-a:hover,.kl-ui .kl-mm-item:focus-within>.kl-nav-a,.kl-ui .kl-mm-item:hover>.kl-nav-a{background:var(--iris-50);color:var(--iris-d)!important} .kl-ui .kl-nav-badge{margin-left:auto} .kl-ui .kl-mm-item{position:static} .kl-ui .kl-mm{position:absolute;left:32px;right:32px;top:100%;background:#fff;border:1px solid var(--line);border-top:0;border-radius:0 0 20px 20px;box-shadow:var(--shadow-l);padding:26px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.05fr);gap:26px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .15s,transform .15s,visibility .15s;z-index:60} .kl-ui .kl-mm-item:hover>.kl-mm,.kl-ui .kl-mm-item:focus-within>.kl-mm{opacity:1;visibility:visible;transform:none} .kl-ui .kl-mm-col{display:flex;flex-direction:column;gap:8px} .kl-ui .kl-mm-col .kl-lab{margin-bottom:4px} .kl-ui .kl-mm-p{display:flex;align-items:center;gap:10px;padding:6px;margin:0 -6px;border-radius:10px;color:var(--ink)!important;font-weight:500;font-size:14.5px;line-height:1.3} .kl-ui .kl-mm-p:hover{background:var(--paper)} .kl-ui .kl-mm-p img,.kl-ui .kl-mm-p .kl-fbimg{width:40px;height:40px;flex:none} .kl-ui .kl-mm-p span{flex:1;min-width:0} .kl-ui .kl-mm-p em{font-style:normal;color:var(--muted);font-size:13.5px} .kl-ui .kl-mm-more{font-weight:600;font-size:14px;margin-top:6px} .kl-ui .kl-mm-info{border-radius:14px;background:var(--paper);padding:18px;display:flex;flex-direction:column;gap:8px;font-size:14px} .kl-ui .kl-mm-info b{font:600 16px/1.3 var(--f-h);color:var(--ink)} .kl-ui .kl-mm-info p{color:var(--muted)} .kl-ui .kl-mm-f{display:flex;flex-direction:column;gap:8px;border-radius:14px;background:var(--paper);padding:8px;color:var(--ink)!important} .kl-ui .kl-mm-f>span{display:flex;justify-content:space-between;align-items:center;padding:0 6px 4px} .kl-ui .kl-dd-item{position:relative} .kl-ui .kl-dd{position:absolute;left:0;top:calc(100% + 6px);min-width:220px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-l);padding:8px;display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:translateY(-4px);transition:.15s;z-index:60} .kl-ui .kl-dd::before{content:"";position:absolute;left:0;right:0;top:-8px;height:8px} .kl-ui .kl-dd a{padding:9px 12px;border-radius:9px;color:var(--ink)!important;font-size:14.5px} .kl-ui .kl-dd a:hover{background:var(--paper)} .kl-ui .kl-dd-item:hover .kl-dd,.kl-ui .kl-dd-item:focus-within .kl-dd{opacity:1;visibility:visible;transform:none} .kl-ui .kl-hdr-min{position:static} .kl-ui .kl-hdr-min-in{min-height:74px;display:flex;align-items:center;gap:28px} .kl-ui .kl-hdr-min .kl-logo img{height:34px} .kl-ui .kl-hdr-min-r{margin-left:auto;display:flex;align-items:center;gap:18px;font-size:14px;white-space:nowrap} .kl-ui .kl-hdr-min-r .kl-muted{display:inline-flex;align-items:center;gap:6px} .kl-ui .kl-steps{list-style:none;margin:0 auto;padding:0;display:flex;align-items:center;gap:10px;flex:1;max-width:560px} .kl-ui .kl-steps li{display:flex;align-items:center;gap:8px;font:600 14px/1 var(--f-b);color:var(--muted);white-space:nowrap} .kl-ui .kl-steps li+li::before{content:"";display:block;flex:1;min-width:24px;height:3px;border-radius:2px;background:var(--line2);margin-right:2px} .kl-ui .kl-steps li{flex:0 1 auto} .kl-ui .kl-steps li+li{flex:1 1 auto} .kl-ui .kl-steps .kl-ring{width:20px;height:20px;border-width:4px;border-color:var(--line2)} .kl-ui .kl-steps li.done,.kl-ui .kl-steps li.now{color:var(--ink)} .kl-ui .kl-steps li.done .kl-ring{background:var(--iris);border-color:var(--iris)} .kl-ui .kl-steps li.now .kl-ring{border-color:var(--iris)} .kl-ui .kl-steps li.done+li::before,.kl-ui .kl-steps li.done+li.now::before{background:var(--iris)} /* drawer + bottom bar (phones) */ .kl-ui .kl-drawer{position:fixed;inset:0;z-index:300} .kl-ui .kl-drawer-bg{position:absolute;inset:0;background:rgba(17,14,43,.5);opacity:0;transition:opacity .2s} .kl-ui .kl-drawer-p{position:absolute;left:0;top:0;bottom:0;width:min(390px,92vw);background:#fff;display:flex;flex-direction:column;transform:translateX(-100%);transition:transform .22s ease} .kl-ui .kl-drawer.is-open .kl-drawer-bg{opacity:1} .kl-ui .kl-drawer.is-open .kl-drawer-p{transform:none} .kl-ui .kl-drawer-h{height:62px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)} .kl-ui .kl-drawer-h img{height:28px;width:auto} .kl-ui .kl-drawer-b{padding:14px 16px 24px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;flex:1} .kl-ui .kl-dcat{display:flex;align-items:center;gap:12px;padding:10px;border-radius:14px;background:var(--paper);color:var(--ink)!important} .kl-ui .kl-dcat img,.kl-ui .kl-dcat .kl-fbimg{width:48px;height:48px;flex:none} .kl-ui .kl-dcat>span{flex:1} .kl-ui .kl-dcat b{display:block;font:600 15.5px/1.2 var(--f-b)} .kl-ui .kl-dcat small{font-size:12.5px;color:var(--muted)} .kl-ui .kl-dlinks{display:flex;flex-direction:column;margin-top:6px} .kl-ui .kl-dlinks a{display:flex;justify-content:space-between;padding:13px 4px;border-bottom:1px solid #EFEDF7;color:var(--ink)!important;font:500 15px/1.2 var(--f-b)} .kl-ui .kl-dlinks a:last-child{border-bottom:0} .kl-ui .kl-dchat{margin-top:auto;border-radius:16px;background:var(--ink);padding:16px;display:flex;align-items:center;gap:12px;color:#fff} .kl-ui .kl-dchat>span{flex:1} .kl-ui .kl-dchat b{display:block;color:#fff} .kl-ui .kl-dchat small{color:#B9B5D6;font-size:13px} .kl-ui .kl-bb{position:fixed;left:0;right:0;bottom:0;z-index:90;height:64px;background:rgba(255,255,255,.97);border-top:1px solid var(--line);justify-content:space-around;align-items:center;padding-bottom:env(safe-area-inset-bottom);backdrop-filter:blur(8px)} .kl-ui .kl-bb a{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--muted)!important;font:500 11px/1 var(--f-b);position:relative;width:64px} .kl-ui .kl-bb a.on{color:var(--iris)!important} .kl-ui .kl-bb .kl-cart-n{position:absolute;top:-6px;right:12px;height:17px;min-width:17px;padding:0 4px;font-size:10px} /* ---------- product cards ---------- */ .kl-ui .kl-pimg{display:block;width:100%;height:auto;aspect-ratio:4/3} .kl-ui .kl-sqimg{display:block;width:100%;height:auto;aspect-ratio:1/1} .kl-ui .kl-fbimg{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;border-radius:16px;background:linear-gradient(135deg,#F1EEFF,#E7E4F2);overflow:hidden;padding:10%} .kl-ui .kl-fbimg img{max-height:100%;width:auto;max-width:100%;object-fit:contain;border-radius:8px;box-shadow:0 8px 20px -10px rgba(17,14,43,.35)} .kl-ui .kl-fbimg-sq{aspect-ratio:1/1;border-radius:12px;padding:8%} .kl-ui .kl-grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px} .kl-ui .kl-pc{background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px;display:flex;flex-direction:column;gap:12px;transition:box-shadow .2s,transform .2s,border-color .2s;min-width:0} .kl-ui .kl-pc:hover{box-shadow:var(--shadow);border-color:var(--line2);transform:translateY(-2px)} .kl-ui .kl-pc-img{display:block} .kl-ui .kl-pc-b{padding:0 6px 6px;display:flex;flex-direction:column;gap:8px;flex:1} .kl-ui .kl-pc-tags{display:flex;gap:6px;flex-wrap:wrap;min-height:24px} .kl-ui .kl-pc-n{font:600 15px/1.35 var(--f-b);color:var(--ink)!important} .kl-ui .kl-pc-n:hover{color:var(--iris)!important} .kl-ui .kl-pc-m{font-size:13px;color:var(--muted);line-height:1.4} .kl-ui .kl-pc-r{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)} .kl-ui .kl-pc-p{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:auto} .kl-ui .kl-pc .added_to_cart,.kl-ui .kl-xsell .added_to_cart{display:none} .kl-ui .kl-rows{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px} .kl-ui .kl-row{display:flex;gap:14px;align-items:center;padding:12px;background:#fff;border:1px solid var(--line);border-radius:var(--r-card);color:var(--ink)!important;transition:box-shadow .2s,border-color .2s} .kl-ui .kl-row:hover{box-shadow:var(--shadow);border-color:var(--line2)} .kl-ui .kl-row img,.kl-ui .kl-row .kl-fbimg{width:64px;height:64px;flex:none} .kl-ui .kl-row-t{display:flex;flex-direction:column;gap:3px;min-width:0} .kl-ui .kl-row-t b{font-size:15px;line-height:1.3} .kl-ui .kl-row-t span{font-size:13px;color:var(--muted)} .kl-ui .kl-row-t .kl-price{margin-top:4px} /* ---------- home ---------- */ .kl-ui .kl-sh{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px} .kl-ui .kl-sh h2{font-size:36px;margin-top:10px} .kl-ui .kl-hero{background:#fff;border-bottom:1px solid var(--line);position:relative;overflow:hidden} .kl-ui .kl-hero-glow{position:absolute;right:-200px;top:-260px;width:900px;height:900px;border-radius:50%;background:radial-gradient(closest-side,rgba(98,72,255,.14),rgba(98,72,255,0));pointer-events:none} .kl-ui .kl-hero-in{position:relative;padding-top:64px;padding-bottom:72px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:56px;align-items:center} .kl-ui .kl-hero-t{display:flex;flex-direction:column;gap:24px} .kl-ui .kl-hero h1{font-size:58px;line-height:1.04;letter-spacing:-.035em} .kl-ui .kl-hero h1 span{color:var(--iris)} .kl-ui .kl-hero .kl-lead{max-width:540px;color:var(--muted);font-size:19px} .kl-ui .kl-hero-btns{display:flex;gap:12px;flex-wrap:wrap} .kl-ui .kl-hero-proof{list-style:none;margin:6px 0 0;padding:0;display:flex;gap:22px;flex-wrap:wrap;font-size:14px} .kl-ui .kl-hero-proof li{display:flex;align-items:center;gap:8px} .kl-ui .kl-hero-proof .kl-i{color:var(--iris)} .kl-ui .kl-hero-proof b{color:var(--ink)} .kl-ui .kl-finder{position:relative;overflow:hidden;background:var(--ink);border-radius:24px;padding:28px;color:#fff;box-shadow:var(--shadow);clip-path:polygon(0 0,100% 0,100% calc(100% - 42px),calc(100% - 14px) calc(100% - 42px),calc(100% - 14px) calc(100% - 28px),calc(100% - 28px) calc(100% - 28px),calc(100% - 28px) calc(100% - 14px),calc(100% - 42px) calc(100% - 14px),calc(100% - 42px) 100%,0 100%)} .kl-ui .kl-finder-glow{position:absolute;right:-120px;top:-160px;width:420px;height:420px;border-radius:50%;background:radial-gradient(closest-side,rgba(98,72,255,.6),rgba(98,72,255,0));pointer-events:none} .kl-ui .kl-finder-in{position:relative;display:flex;flex-direction:column;gap:14px} .kl-ui .kl-finder-h{display:flex;justify-content:space-between;align-items:center;gap:12px} .kl-ui .kl-finder-h h2{color:#fff!important;font-size:24px} .kl-ui .kl-finder-h span{font-size:13px;color:#A9A5C8} .kl-ui .kl-segs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;border-radius:12px;background:#1F1B45} .kl-ui .kl-seg{height:42px;border:0;border-radius:9px;background:transparent;color:#C9C5E6;font:600 14px/1 var(--f-b);cursor:pointer} .kl-ui .kl-seg.on{background:#fff;color:var(--ink)} .kl-ui .kl-fopts{display:flex;flex-direction:column;gap:8px} .kl-ui .kl-fopts[hidden]{display:none} .kl-ui .kl-opt{display:flex;align-items:center;gap:12px;width:100%;padding:8px 14px 8px 8px;border-radius:12px;border:1.5px solid #2E2961;background:#17143A;color:#fff;text-align:left;cursor:pointer;font-family:var(--f-b);transition:border-color .15s,background .15s} .kl-ui .kl-opt:hover{border-color:#4A4580} .kl-ui .kl-opt.on{border-color:var(--volt);background:#1E1A4A} .kl-ui .kl-opt img,.kl-ui .kl-opt .kl-fbimg{width:46px;height:46px;flex:none} .kl-ui .kl-opt-t{flex:1;min-width:0} .kl-ui .kl-opt-t b{display:block;font-weight:600;font-size:15px;color:#fff;line-height:1.25} .kl-ui .kl-opt-t small{display:block;font-size:12.5px;color:#A9A5C8;margin-top:2px;line-height:1.3} .kl-ui .kl-opt-p{text-align:right;flex:none} .kl-ui .kl-opt-p b{font:700 17px/1 var(--f-h);color:#fff} .kl-ui .kl-opt-p s{display:block;font-size:12px;color:#8F8BB3;margin-top:4px} .kl-ui .kl-finder-note{font-size:13px;color:#A9A5C8;text-align:center} .kl-ui .kl-trust{padding-top:32px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px} .kl-ui .kl-trust-i{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:18px;display:flex;gap:14px;align-items:center} .kl-ui .kl-trust-i b{color:var(--ink);display:block;line-height:1.3} .kl-ui .kl-trust-i p{font-size:14px;color:var(--muted)} .kl-ui .kl-cmp{background:#fff;border:1px solid var(--line);border-radius:20px;padding:40px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:48px;align-items:center} .kl-ui .kl-cmp-t{display:flex;flex-direction:column;gap:18px;align-items:flex-start} .kl-ui .kl-cmp-t h2{font-size:36px} .kl-ui .kl-cmp-t p{font-size:17px} .kl-ui .kl-cmp-imgs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;max-width:440px} .kl-ui .kl-cmp-r{display:grid;grid-template-columns:minmax(0,1.4fr) 110px 110px;align-items:center;padding:13px 0;border-bottom:1px solid #EFEDF7;font-size:15px} .kl-ui .kl-cmp-r>span:nth-child(n+2){text-align:center} .kl-ui .kl-cmp-h{font-weight:600;color:var(--ink);border-bottom-color:var(--line)} .kl-ui .kl-cmp-f{border-bottom:0;padding-top:18px} .kl-ui .kl-yes{color:var(--ok);font-weight:700} .kl-ui .kl-no{color:#B4B0CC} .kl-ui .kl-how{margin-top:64px;background:var(--ink);position:relative;overflow:hidden} .kl-ui .kl-how-glow{position:absolute;left:-200px;bottom:-300px;width:700px;height:700px;border-radius:50%;background:radial-gradient(closest-side,rgba(98,72,255,.35),rgba(98,72,255,0));pointer-events:none} .kl-ui .kl-how-in{position:relative;padding-top:72px;padding-bottom:72px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center} .kl-ui .kl-how-t{display:flex;flex-direction:column;gap:28px} .kl-ui .kl-how h2{color:#fff!important;font-size:40px} .kl-ui .kl-how-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:22px} .kl-ui .kl-how-steps li{display:flex;gap:16px} .kl-ui .kl-how-steps .kl-ring{width:28px;height:28px;border-width:6px;border-color:var(--volt);margin-top:2px} .kl-ui .kl-how-steps .kl-ring-f{background:var(--volt)} .kl-ui .kl-how-steps b{color:#fff;font-size:17px} .kl-ui .kl-how-steps p{color:#B9B5D6} .kl-ui .kl-how-card{justify-self:center;width:100%;max-width:470px;border-radius:20px;background:#fff;padding:24px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--shadow)} .kl-ui .kl-how-card-h{display:flex;justify-content:space-between;align-items:center} .kl-ui .kl-how-card-h>span:first-child{display:flex;align-items:center;gap:10px;color:var(--ink)} .kl-ui .kl-how-card-p{display:flex;gap:12px;align-items:center} .kl-ui .kl-how-card-p img,.kl-ui .kl-how-card-p .kl-fbimg{width:56px;height:56px} .kl-ui .kl-how-card-p b{color:var(--ink)} .kl-ui .kl-how-card-p p{font-size:13px;color:var(--muted)} .kl-ui .kl-keybox{border-radius:12px;background:var(--paper);border:1px dashed var(--line2);padding:12px 12px 12px 14px;display:flex;justify-content:space-between;align-items:center;gap:10px} .kl-ui .kl-keybox>span:first-child{font:600 15px/1.2 var(--f-m);letter-spacing:.05em;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .kl-ui .kl-how-card-l{display:flex;gap:8px;flex-wrap:wrap} .kl-ui .kl-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px} .kl-ui .kl-stat{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:24px;display:flex;flex-direction:column;gap:8px} .kl-ui .kl-stat-n{font:700 44px/1 var(--f-h);color:var(--ink);letter-spacing:-.03em} .kl-ui .kl-stat b{color:var(--ink);font-size:16px} .kl-ui .kl-stat p{font-size:14px;color:var(--muted)} .kl-ui .kl-stat-ink{background:var(--ink);border-color:var(--ink)} .kl-ui .kl-stat-ink .kl-stat-n,.kl-ui .kl-stat-ink b{color:#fff} .kl-ui .kl-stat-ink p{color:#B9B5D6} .kl-ui .kl-guides{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px} .kl-ui .kl-guide{display:flex;gap:14px;align-items:center;padding:14px;background:#fff;border:1px solid var(--line);border-radius:var(--r-card);color:var(--ink)!important;transition:box-shadow .2s} .kl-ui .kl-guide:hover{box-shadow:var(--shadow)} .kl-ui .kl-guide img,.kl-ui .kl-guide .kl-fbimg{width:56px;height:56px;flex:none} .kl-ui .kl-guide b{display:block;font-size:15px;line-height:1.35} .kl-ui .kl-guide .kl-muted{font-size:13px} .kl-ui .kl-faq{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:48px;padding-bottom:8px} .kl-ui .kl-faq-t{display:flex;flex-direction:column;gap:16px;align-items:flex-start} .kl-ui .kl-faq-t h2{font-size:36px} .kl-ui .kl-accs{display:flex;flex-direction:column;gap:10px} .kl-ui .kl-acc{border:1px solid var(--line);border-radius:12px;background:#fff} .kl-ui .kl-acc summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;font:600 16px/1.35 var(--f-b);color:var(--ink);cursor:pointer;list-style:none} .kl-ui .kl-acc summary::-webkit-details-marker{display:none} .kl-ui .kl-acc summary .kl-i{transition:transform .2s;color:var(--muted)} .kl-ui .kl-acc[open] summary .kl-i{transform:rotate(180deg)} .kl-ui .kl-acc-a{padding:0 20px 18px;font-size:15px} /* ---------- band + footer ---------- */ .kl-ui .kl-band-wrap{padding-top:72px;padding-bottom:64px} .kl-ui .kl-band{position:relative;overflow:hidden;background:var(--ink);border-radius:24px;padding:40px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;align-items:center} .kl-ui .kl-band::before{content:"";position:absolute;right:-160px;top:-220px;width:620px;height:620px;border-radius:50%;background:radial-gradient(closest-side,rgba(98,72,255,.5),rgba(98,72,255,0));pointer-events:none} .kl-ui .kl-band-l{position:relative;display:flex;flex-direction:column;gap:16px} .kl-ui .kl-band h2{color:#fff!important;font-size:36px} .kl-ui .kl-band-l p{color:#B9B5D6;font-size:16px;max-width:480px} .kl-ui .kl-band-btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px} .kl-ui .kl-band-r{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .kl-ui .kl-slink{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;background:var(--ink2);border:1px solid var(--ink3);color:#fff!important;transition:border-color .15s,background .15s} .kl-ui .kl-slink:hover{border-color:#4A4580;background:#221E50} .kl-ui .kl-slink .kl-ico{background:var(--ink3);color:var(--volt)} .kl-ui .kl-slink b{display:block;font-size:15px;color:#fff;line-height:1.3} .kl-ui .kl-slink span span{font-size:13px;color:#A9A5C8;line-height:1.35;display:block} .kl-ui .kl-ftr{background:var(--deep);color:#A9A5C8;font-size:14px} .kl-ui .kl-ftr a:not(.kl-btn){color:#E2E0F2} .kl-ui .kl-ftr a:not(.kl-btn):hover{color:var(--volt)} .kl-ui .kl-ftr-pay{padding-top:22px;padding-bottom:22px;border-bottom:1px solid #1E1A45;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap} .kl-ui .kl-ftr-pay-l{display:flex;align-items:center;gap:10px;flex-wrap:wrap} .kl-ui .kl-ftr-pay-l b{color:#fff;margin-right:4px} .kl-ui .kl-ftr .kl-pay{height:28px;font-size:11px;border:0} .kl-ui .kl-ftr-sec{display:inline-flex;align-items:center;gap:6px;margin-left:8px} .kl-ui .kl-ftr-pay-r{display:flex;align-items:center;gap:14px} .kl-ui .kl-ftr-loc{border:1px solid var(--ink3);border-radius:9px;padding:7px 12px;color:#E2E0F2} .kl-ui .kl-ftr-cols{padding-top:52px;padding-bottom:40px;display:grid;grid-template-columns:minmax(0,1.5fr) repeat(4,minmax(0,1fr));gap:36px} .kl-ui .kl-ftr-brand{display:flex;flex-direction:column;gap:18px} .kl-ui .kl-ftr-brand img{height:40px;width:auto;align-self:flex-start} .kl-ui .kl-ftr-brand p{max-width:340px} .kl-ui .kl-fcontact{display:flex;gap:12px;align-items:flex-start;color:#A9A5C8!important;line-height:1.5} .kl-ui .kl-fcontact .kl-ico{width:34px;height:34px;background:var(--ink2);color:var(--volt)} .kl-ui .kl-fcontact b{display:block;color:#fff;font-weight:600} .kl-ui .kl-fcol summary{list-style:none;cursor:default;pointer-events:none;display:block} .kl-ui .kl-fcol summary::-webkit-details-marker{display:none} .kl-ui .kl-fcol summary .kl-i{display:none} .kl-ui .kl-fcol h4{color:#fff!important;font:600 14px/1 var(--f-b)!important;letter-spacing:.02em!important;margin:0 0 16px} .kl-ui .kl-fcol-l{display:flex;flex-direction:column;gap:10px} .kl-ui .kl-news{border-radius:16px;background:#15123A;border:1px solid #1E1A45;padding:22px 24px;display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-bottom:34px} .kl-ui .kl-news-t{flex:1;min-width:260px} .kl-ui .kl-news-t b{color:#fff;font:600 17px/1.3 var(--f-h)} .kl-ui .kl-news-t p{font-size:13.5px;margin-top:4px} .kl-ui .kl-news-f{display:flex;gap:10px;flex:1;min-width:300px} .kl-ui .kl-news-f input{flex:1;min-width:0;height:48px;border-radius:var(--r-c);border:1.5px solid var(--ink3);background:var(--deep);color:#fff;padding:0 14px;font:400 15px var(--f-b);outline:none} .kl-ui .kl-news-f input:focus{border-color:var(--volt)} .kl-ui .kl-news-msg{flex-basis:100%;font-size:13.5px;color:var(--volt);min-height:0} .kl-ui .kl-news-msg:empty{display:none} .kl-ui .kl-news.is-done .kl-news-f{display:none} .kl-ui .kl-ftr-note{padding-bottom:26px;font-size:13px;line-height:1.6} .kl-ui .kl-ftr-note b{color:#E2E0F2} .kl-ui .kl-ftr-bot{border-top:1px solid #1E1A45} .kl-ui .kl-ftr-bot-in{padding-top:18px;padding-bottom:22px;display:flex;justify-content:space-between;gap:12px 16px;flex-wrap:wrap;font-size:12.5px} .kl-ui .kl-ftr-copy{color:#E2E0F2} .kl-ui .kl-ftr-legal{display:flex;gap:18px;flex-wrap:wrap} .kl-ui .kl-ftr-tm{flex-basis:100%;font-size:12px;color:#7C78A0} .kl-ui .kl-ftr-min{background:#fff;border-top:1px solid var(--line);color:var(--muted);margin-top:48px} .kl-ui .kl-ftr-min a{color:var(--muted)!important} .kl-ui .kl-ftr-min-in{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px} /* ---------- product page ---------- */ .kl-ui .kl-bc{font-size:14px;display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);margin-bottom:20px} .kl-ui .kl-bc a{color:var(--muted)!important} .kl-ui .kl-bc a:hover{color:var(--iris)!important} .kl-ui .kl-bc-sep{color:#B4B0CC} .kl-ui .kl-pp{padding-top:20px;padding-bottom:48px} .kl-ui .kl-pp-top{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:40px;align-items:start} .kl-ui .kl-pp-gal{display:flex;flex-direction:column;gap:14px;min-width:0} .kl-ui .kl-pp-img{background:#fff;border:1px solid var(--line);border-radius:24px;padding:14px;display:flex;flex-direction:column;gap:14px} .kl-ui .kl-pp-img-b{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:0 4px 4px} .kl-ui .kl-pp-img-b:not(:has(*:not(:empty))){display:none} .kl-ui .kl-pp-tags{display:flex;gap:8px} .kl-ui .kl-chips{display:flex;gap:6px;flex-wrap:wrap} .kl-ui .kl-chips span{font:600 12px/1 var(--f-b);background:var(--paper);border:1px solid var(--line);color:var(--text);padding:7px 9px;border-radius:var(--r-s)} .kl-ui .kl-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px} .kl-ui .kl-tile{min-height:96px;padding:12px;display:flex;flex-direction:column;justify-content:center;gap:6px;background:#fff;border:1px solid var(--line);border-radius:var(--r-card);color:var(--text)!important} .kl-ui .kl-tile b{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ink);font-weight:600;line-height:1.25} .kl-ui .kl-tile span{font-size:12px;color:var(--muted);line-height:1.35} .kl-ui .kl-tile-iris{background:var(--iris-50);border-color:var(--iris-100)} .kl-ui .kl-tile-iris .kl-i{color:var(--iris)} .kl-ui .kl-tile-ink{background:var(--ink);border-color:var(--ink)} .kl-ui .kl-tile-ink b{color:var(--volt);font-size:12px} .kl-ui .kl-tile-ink span{color:#B9B5D6} .kl-ui a.kl-tile:hover{border-color:var(--iris)} .kl-ui .kl-feats{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:6px} .kl-ui .kl-feats>*{display:flex;gap:12px;color:var(--text)!important} .kl-ui .kl-feats b{display:block;color:var(--ink);font-size:15px} .kl-ui .kl-feats span span{font-size:14px;color:var(--muted)} .kl-ui a.kl-feats-a:hover b,.kl-ui .kl-feats a:hover b{color:var(--iris)} .kl-ui .kl-buy{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:18px;position:sticky;top:20px;box-shadow:var(--shadow);min-width:0} .kl-ui .kl-buy-badges{display:flex;gap:8px;flex-wrap:wrap} .kl-ui .kl-buy-h{font-size:34px!important;line-height:1.15!important} .kl-ui .kl-buy-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px} .kl-ui .kl-buy-meta .kl-stars svg{width:15px;height:15px} .kl-ui .kl-buy-meta b{color:var(--ink)} .kl-ui .kl-buy-price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap} .kl-ui .kl-buy-price .kl-was{font-size:18px} .kl-ui .kl-checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px;font-size:15px} .kl-ui .kl-checks li{display:flex;gap:9px;align-items:flex-start;line-height:1.45} .kl-ui .kl-checks .kl-i{color:var(--ok);margin-top:3px;stroke-width:2.4} .kl-ui .kl-buy-form{display:flex;flex-direction:column;gap:10px} .kl-ui .kl-buy-row{display:flex;gap:10px} .kl-ui .kl-qty{display:inline-flex;align-items:center;height:56px;border:1.5px solid var(--line2);border-radius:12px;background:#fff;flex:none} .kl-ui .kl-qty button{width:40px;height:52px;border:0;background:transparent;color:var(--ink);font:500 20px var(--f-b);cursor:pointer;padding:0} .kl-ui .kl-qty input{width:34px;height:52px;border:0;text-align:center;font:600 16px var(--f-b);color:var(--ink);background:transparent;padding:0;-moz-appearance:textfield;appearance:textfield;outline:none} .kl-ui .kl-qty input::-webkit-outer-spin-button,.kl-ui .kl-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0} .kl-ui .kl-flow{list-style:none;margin:0;padding:4px 2px;display:flex;align-items:center;gap:8px;font-size:13px} .kl-ui .kl-flow li{display:flex;align-items:center;gap:6px;color:var(--muted);font-weight:600;white-space:nowrap} .kl-ui .kl-flow li+li::before{content:"";width:40px;flex:1;height:2px;background:var(--line2)} .kl-ui .kl-flow li+li{flex:1} .kl-ui .kl-flow .kl-ring{width:16px;height:16px;border-width:4px;border-color:var(--line2)} .kl-ui .kl-flow .done,.kl-ui .kl-flow .now{color:var(--ink)} .kl-ui .kl-flow .done .kl-ring{background:var(--iris);border-color:var(--iris)} .kl-ui .kl-flow .now .kl-ring{border-color:var(--iris)} .kl-ui .kl-flow .now::before{background:var(--iris)!important} .kl-ui .kl-alert{border-radius:12px;padding:12px 14px;display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.5} .kl-ui .kl-alert>.kl-i{margin-top:1px} .kl-ui .kl-alert b{color:var(--ink)} .kl-ui .kl-alert-volt{background:#F3FCD9} .kl-ui .kl-alert-volt>.kl-i{color:#4E6B00} .kl-ui .kl-alert-iris{background:var(--iris-50)} .kl-ui .kl-alert-iris>.kl-i{color:var(--iris)} .kl-ui .kl-buy-sec{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid #EFEDF7;padding-top:16px} .kl-ui .kl-buy-sec .kl-muted{display:flex;align-items:center;gap:6px;font-size:13px} .kl-ui .kl-pays{display:flex;gap:4px} .kl-ui .kl-buy-wc .quantity,.kl-ui .kl-buy-wc .single_add_to_cart_button{margin-top:8px} .kl-ui .kl-tabs{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);border-top:1px solid var(--line);backdrop-filter:blur(8px)} .kl-ui .kl-tabs-in{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none} .kl-ui .kl-tabs a{display:inline-flex;align-items:center;height:56px;padding:0 14px;color:var(--muted)!important;font:500 15px/1 var(--f-b);border-bottom:2px solid transparent;white-space:nowrap} .kl-ui .kl-tabs a.on{color:var(--ink)!important;font-weight:600;border-bottom-color:var(--iris)} .kl-ui .kl-pp-details{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:48px;align-items:start;scroll-margin-top:70px} .kl-ui #how,.kl-ui #reviews{scroll-margin-top:70px} .kl-ui .kl-pp-desc{max-width:780px} .kl-ui .kl-pp-aside{position:sticky;top:76px} .kl-ui .kl-glance{padding:22px;display:flex;flex-direction:column;gap:14px} .kl-ui .kl-glance dl{margin:0;display:flex;flex-direction:column} .kl-ui .kl-glance dl>div{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid #EFEDF7;font-size:14px} .kl-ui .kl-glance dt{color:var(--muted)} .kl-ui .kl-glance dd{margin:0;color:var(--ink);font-weight:600;text-align:right} .kl-ui .kl-steps3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px} .kl-ui .kl-steps3 .kl-card{padding:22px;display:flex;flex-direction:column;gap:12px} .kl-ui .kl-steps3 .kl-ring{width:30px;height:30px;border-width:6px} .kl-ui .kl-steps3 b{color:var(--ink);font-size:17px} .kl-ui .kl-steps3 p{font-size:15px} .kl-ui .kl-xsell{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px 20px 16px 16px;display:flex;align-items:center;gap:20px;margin-bottom:48px} .kl-ui .kl-xsell-img{width:136px;flex:none} .kl-ui .kl-xsell-t{flex:1;min-width:0} .kl-ui .kl-xsell-t b{color:var(--ink);font-size:17px;line-height:1.35;display:block} .kl-ui .kl-xsell-b{width:170px;flex:none} .kl-ui .kl-sticky{position:fixed;left:0;right:0;bottom:16px;z-index:80;transform:translateY(140%);transition:transform .25s ease;pointer-events:none} .kl-ui .kl-sticky.is-on{transform:none;pointer-events:auto} .kl-ui .kl-sticky-in{background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px 12px 10px 14px;display:flex;align-items:center;gap:14px;box-shadow:var(--shadow-l)} .kl-ui .kl-sticky-in img,.kl-ui .kl-sticky-in .kl-fbimg{width:48px;height:48px;flex:none} .kl-ui .kl-sticky-t{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3} .kl-ui .kl-sticky-t b{color:var(--ink);font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .kl-ui .kl-sticky-t span{font-size:13px} .kl-ui .kl-sticky-p{display:flex;align-items:baseline;gap:8px} .kl-ui .kl-sticky form{margin:0} /* reviews (WooCommerce markup) */ .kl-ui .kl-pp-reviews #reviews{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:40px;align-items:start} .kl-ui .kl-pp-reviews .woocommerce-Reviews-title{font:600 30px/1.15 var(--f-h);color:var(--ink);letter-spacing:-.025em;margin:0 0 20px} .kl-ui .kl-pp-reviews .commentlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px} .kl-ui .kl-pp-reviews .commentlist li .comment_container{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:20px} .kl-ui .kl-pp-reviews .commentlist img.avatar{display:none} .kl-ui .kl-pp-reviews .comment-text{display:flex;flex-direction:column;gap:8px} .kl-ui .kl-pp-reviews .meta{font-size:13px;color:var(--muted);margin:0} .kl-ui .kl-pp-reviews .woocommerce-review__author{color:var(--ink);font-weight:600} .kl-ui .kl-pp-reviews .description p{color:var(--ink)} .kl-ui .star-rating{position:relative;display:inline-block;width:5.4em;height:1.1em;line-height:1;font-size:14px;overflow:hidden;font-family:Arial,sans-serif;letter-spacing:.08em} .kl-ui .star-rating::before{content:"★★★★★";color:#DAD7E8;position:absolute;left:0;top:0} .kl-ui .star-rating span{position:absolute;left:0;top:0;overflow:hidden;padding-top:1.5em;height:0} .kl-ui .star-rating span::before{content:"★★★★★";color:var(--star);position:absolute;left:0;top:0} .kl-ui .kl-pp-reviews #review_form_wrapper{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:22px} .kl-ui .kl-pp-reviews .comment-reply-title{font:600 18px/1.3 var(--f-h);color:var(--ink);display:block;margin-bottom:12px} .kl-ui p.stars{margin:4px 0 12px} .kl-ui p.stars span{display:inline-flex;gap:2px} .kl-ui p.stars a{position:relative;display:inline-block;width:1.4em;height:1.4em;text-indent:-999em;overflow:hidden} .kl-ui p.stars a::before{content:"★";position:absolute;left:0;top:0;text-indent:0;font-size:1.4em;line-height:1;color:#DAD7E8} .kl-ui p.stars:hover a::before,.kl-ui p.stars.selected a::before{color:var(--star)} .kl-ui p.stars a:hover~a::before,.kl-ui p.stars.selected a.active~a::before{color:#DAD7E8} .kl-ui .woocommerce-noreviews{color:var(--muted)} /* ---------- archive ---------- */ .kl-ui .kl-cathead{background:#fff;border-bottom:1px solid var(--line);position:relative;overflow:hidden} .kl-ui .kl-cathead-glow{position:absolute;right:-160px;top:-240px;width:640px;height:640px;border-radius:50%;background:radial-gradient(closest-side,rgba(98,72,255,.12),rgba(98,72,255,0));pointer-events:none} .kl-ui .kl-cathead-in{position:relative;padding-top:24px;padding-bottom:36px} .kl-ui .kl-cathead-g{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:40px;align-items:end} .kl-ui .kl-cathead-t{display:flex;flex-direction:column;gap:14px} .kl-ui .kl-cathead h1{font-size:48px} .kl-ui .kl-cathead .kl-lead{max-width:600px} .kl-ui .kl-cathead .kl-lead p+p{margin-top:8px} .kl-ui .kl-chiprow{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px} .kl-ui .kl-chip{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 14px;border-radius:var(--r-c);border:1.5px solid var(--line2);background:#fff;color:var(--ink)!important;font:500 14px/1 var(--f-b)} .kl-ui .kl-chip:hover{border-color:var(--ink)} .kl-ui .kl-chip.on{background:var(--ink);border-color:var(--ink);color:#fff!important} .kl-ui .kl-chip span{color:#8F8BAE;font-size:13px} .kl-ui .kl-chip.on span{color:#B9B5D6} .kl-ui .kl-helpcard{padding:20px;display:flex;gap:16px;align-items:center;border-radius:18px;background:var(--paper);border:1px solid var(--line)} .kl-ui .kl-helpcard>div{flex:1} .kl-ui .kl-helpcard b{color:var(--ink);font-size:16px} .kl-ui .kl-helpcard p{font-size:14px} .kl-ui .kl-shop{padding-top:28px;padding-bottom:16px} .kl-ui .kl-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:22px} .kl-ui .woocommerce-result-count{margin:0;font-size:14px;color:var(--muted)} .kl-ui .woocommerce-ordering{margin:0} .kl-ui .woocommerce-ordering select{height:40px;border-radius:var(--r-c);border:1.5px solid var(--line2);background:#fff;padding:0 34px 0 12px;font:500 14px var(--f-b);color:var(--ink);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23110E2B' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;cursor:pointer} .kl-ui .kl-quick{border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:14px;background:var(--ink);color:#B9B5D6;font-size:14px} .kl-ui .kl-quick>b{color:#fff;font:600 20px/1.25 var(--f-h)} .kl-ui .kl-quick p b{color:#fff} .kl-ui .kl-quick .kl-btn{margin-top:auto;align-self:flex-start} .kl-ui .woocommerce-pagination,.kl-ui .navigation.pagination{margin-top:36px;display:flex;justify-content:center} .kl-ui .woocommerce-pagination ul.page-numbers,.kl-ui .nav-links{list-style:none;margin:0;padding:0;display:flex;gap:6px;flex-wrap:wrap;border:0} .kl-ui .woocommerce-pagination li{border:0;margin:0} .kl-ui .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 10px;border-radius:var(--r-c);background:#fff;border:1px solid var(--line2);color:var(--ink)!important;font-weight:600;font-size:14px} .kl-ui .page-numbers.current{background:var(--ink);border-color:var(--ink);color:#fff!important} .kl-ui .page-numbers.dots{border:0;background:transparent} .kl-ui a.page-numbers:hover{border-color:var(--ink)} .kl-ui .kl-empty{text-align:center;padding:56px 16px;display:flex;flex-direction:column;align-items:center;gap:14px} .kl-ui .kl-seo{background:#fff;border-top:1px solid var(--line);margin-top:56px} .kl-ui .kl-seo-in{padding-top:56px;padding-bottom:16px;max-width:820px} /* ---------- pages, prose, blog ---------- */ .kl-ui .kl-pagehead{background:#fff;border-bottom:1px solid var(--line)} .kl-ui .kl-pagehead .kl-wrap{padding-top:24px;padding-bottom:32px} .kl-ui .kl-pagehead h1{font-size:44px;max-width:900px} .kl-ui .kl-pagehead .kl-lead{margin-top:12px;max-width:640px} .kl-ui .kl-postmeta{font-size:14px;margin-top:10px} .kl-ui .kl-article-w{padding-top:40px} .kl-ui .kl-article{max-width:820px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:40px 48px} .kl-ui .kl-prose{font-size:16px;line-height:1.7;color:var(--text);overflow-wrap:break-word} .kl-ui .kl-prose>*:first-child{margin-top:0!important} .kl-ui .kl-prose h2{font:600 26px/1.2 var(--f-h)!important;color:var(--ink)!important;letter-spacing:-.02em!important;margin:34px 0 12px!important} .kl-ui .kl-prose h3{font:600 20px/1.25 var(--f-h)!important;color:var(--ink)!important;margin:26px 0 10px!important} .kl-ui .kl-prose h4{font:600 17px/1.3 var(--f-h)!important;color:var(--ink)!important;margin:22px 0 8px!important} .kl-ui .kl-prose p{margin:0 0 14px!important} .kl-ui .kl-prose ul,.kl-ui .kl-prose ol{margin:0 0 16px!important;padding-left:22px!important} .kl-ui .kl-prose li{margin:4px 0} .kl-ui .kl-prose li::marker{color:var(--iris)} .kl-ui .kl-prose a{color:var(--iris)!important;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px} .kl-ui .kl-prose strong,.kl-ui .kl-prose b{color:var(--ink)} .kl-ui .kl-prose img{border-radius:12px;height:auto;max-width:100%} .kl-ui .kl-prose hr{border:0;border-top:1px solid var(--line);margin:28px 0} .kl-ui .kl-prose table{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:15px} .kl-ui .kl-prose th,.kl-ui .kl-prose td{border:1px solid var(--line);padding:10px 12px;text-align:left} .kl-ui .kl-prose th{background:var(--paper);color:var(--ink)} .kl-ui .kl-prose code{font-family:var(--f-m);background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:1px 6px;font-size:.92em} .kl-ui .kl-prose blockquote{margin:0 0 16px;padding:14px 18px;border-left:3px solid var(--iris);background:var(--iris-50);border-radius:0 12px 12px 0} .kl-ui .kl-post{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:40px;align-items:start;padding-top:40px} .kl-ui .kl-post .kl-article{max-width:none} .kl-ui .kl-post-img{margin:0 0 24px} .kl-ui .kl-post-aside{position:sticky;top:20px;display:flex;flex-direction:column;gap:14px} .kl-ui .kl-asidehelp{padding:20px;display:flex;flex-direction:column;gap:10px} .kl-ui .kl-asidehelp b{color:var(--ink)} .kl-ui .kl-posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px} .kl-ui .kl-postcard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;color:var(--text)!important;transition:box-shadow .2s,transform .2s} .kl-ui .kl-postcard:hover{box-shadow:var(--shadow);transform:translateY(-2px)} .kl-ui .kl-postcard-img{aspect-ratio:16/9;display:block;background:var(--paper);overflow:hidden} .kl-ui .kl-postcard-img img{width:100%;height:100%;object-fit:cover;display:block} .kl-ui .kl-postcard-ph{display:flex;align-items:center;justify-content:center;color:var(--iris);background:linear-gradient(135deg,var(--iris-50),#E7E4F2)} .kl-ui .kl-postcard-b{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1} .kl-ui .kl-postcard-b b{color:var(--ink);font:600 17px/1.35 var(--f-h)} .kl-ui .kl-postcard-b .kl-postmeta{margin:0;font-size:13px} .kl-ui .kl-postcard-b .kl-more{margin-top:auto} .kl-ui .kl-faqpage{padding-top:40px} .kl-ui .kl-faqpage-g{display:grid;grid-template-columns:260px minmax(0,1fr);gap:40px;align-items:start} .kl-ui .kl-faqpage .kl-h2s:first-child{margin-top:0} .kl-ui .kl-faqpage .kl-accs+.kl-h2s{margin-top:36px} .kl-ui .kl-faqnav{position:sticky;top:20px;display:flex;flex-direction:column;gap:4px} .kl-ui .kl-faqnav>a{display:flex;justify-content:space-between;padding:10px 12px;border-radius:var(--r-c);color:var(--ink)!important;font-weight:500} .kl-ui .kl-faqnav>a:hover{background:#fff} .kl-ui .kl-faqnav>a span{color:var(--muted);font-size:13px} .kl-ui .kl-faqnav-help{margin-top:14px;padding:18px;border-radius:var(--r-card);background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;gap:8px;align-items:flex-start} .kl-ui .kl-faqnav-help b{color:var(--ink)} .kl-ui .kl-chatpage{padding-top:40px;display:flex;flex-direction:column;gap:32px} .kl-ui .kl-band-solo{box-shadow:var(--shadow)} .kl-ui .kl-legacy-c{min-height:40vh} .kl-ui .kl-404{text-align:center;padding-top:72px;display:flex;flex-direction:column;align-items:center;gap:16px} .kl-ui .kl-404-n{font:700 120px/1 var(--f-h);color:var(--iris-100);letter-spacing:-.05em} .kl-ui .kl-404 h1{font-size:40px} .kl-ui .kl-404 .kl-search{width:100%} /* ---------- WooCommerce pages ---------- */ .kl-ui .kl-wcpage{padding-top:32px;padding-bottom:24px} .kl-ui .kl-wcpage-h{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:24px} .kl-ui .kl-wcpage-h h1{font-size:40px} .kl-ui .kl-wcpage-h .kl-muted{display:inline-flex;align-items:center;gap:6px;font-size:14px} .kl-ui .woocommerce-notices-wrapper:empty{display:none} .kl-ui .woocommerce-message,.kl-ui .woocommerce-info,.kl-ui .woocommerce-error,.kl-ui .wc-block-components-notice-banner{list-style:none;margin:0 0 18px;padding:14px 18px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--text);display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:15px} .kl-ui .woocommerce-message{background:#EAF8F0;border-color:#BFE6CF} .kl-ui .woocommerce-info{background:var(--iris-50);border-color:var(--iris-100)} .kl-ui .woocommerce-error{background:#FDECEE;border-color:#F5C2C7;color:#7A1D24;flex-direction:column;align-items:flex-start;gap:4px} .kl-ui .woocommerce-message::before,.kl-ui .woocommerce-info::before,.kl-ui .woocommerce-error::before{display:none} .kl-ui .woocommerce-message .button,.kl-ui .woocommerce-info .button{order:2} .kl-ui .woocommerce form .form-row,.kl-ui form .form-row{margin:0 0 14px;padding:0} .kl-ui .form-row label,.kl-ui .woocommerce form label{display:block;font:600 13px/1.3 var(--f-b);color:var(--ink);margin-bottom:6px} .kl-ui .form-row label .required{color:var(--danger);text-decoration:none;border:0} .kl-ui .form-row label .optional{color:var(--muted);font-weight:400} .kl-ui input.input-text,.kl-ui .woocommerce input[type=text],.kl-ui .woocommerce input[type=email],.kl-ui .woocommerce input[type=tel],.kl-ui .woocommerce input[type=password],.kl-ui .woocommerce input[type=number],.kl-ui .woocommerce textarea,.kl-ui .woocommerce select,.kl-ui .kl-wcpage select,.kl-ui .kl-article input[type=text],.kl-ui .kl-article input[type=email],.kl-ui .kl-article textarea,.kl-ui #review_form textarea,.kl-ui #review_form input[type=text],.kl-ui #review_form input[type=email]{width:100%;min-height:48px;border-radius:var(--r-c);border:1.5px solid var(--line2);background:#fff;padding:10px 14px;font:400 15px/1.4 var(--f-b);color:var(--ink);box-shadow:none;outline:none;transition:border-color .15s,box-shadow .15s} .kl-ui .woocommerce textarea,.kl-ui #review_form textarea{min-height:110px} .kl-ui input.input-text:focus,.kl-ui .woocommerce input:focus,.kl-ui .woocommerce textarea:focus,.kl-ui .woocommerce select:focus,.kl-ui #review_form textarea:focus,.kl-ui #review_form input:focus{border-color:var(--iris);box-shadow:0 0 0 4px rgba(79,59,246,.14)} .kl-ui .woocommerce-invalid input.input-text{border-color:var(--danger)} .kl-ui .woocommerce .button,.kl-ui .woocommerce button.button,.kl-ui .woocommerce a.button,.kl-ui .woocommerce input.button,.kl-ui #review_form #submit,.kl-ui .kl-article button[type=submit],.kl-ui .kl-article input[type=submit]{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:var(--r-c);background:var(--ink);color:#fff!important;font:600 15px/1 var(--f-b);border:0;cursor:pointer;text-decoration:none;white-space:nowrap} .kl-ui .woocommerce .button:hover,.kl-ui #review_form #submit:hover{background:var(--ink2)} .kl-ui .woocommerce .button.alt,.kl-ui .woocommerce .checkout-button,.kl-ui #place_order{background:var(--iris);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 10px 22px -10px rgba(79,59,246,.7)} .kl-ui .woocommerce .button.alt:hover,.kl-ui .woocommerce .checkout-button:hover,.kl-ui #place_order:hover{background:var(--iris-d)} .kl-ui .woocommerce .button:disabled,.kl-ui .woocommerce .button.disabled{opacity:.5;cursor:not-allowed} .kl-ui .woocommerce table.shop_table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;margin:0 0 20px;font-size:15px} .kl-ui .woocommerce table.shop_table th,.kl-ui .woocommerce table.shop_table td{padding:14px 16px;border:0;border-bottom:1px solid #EFEDF7;text-align:left;vertical-align:middle} .kl-ui .woocommerce table.shop_table thead th{background:var(--paper);font:600 13px/1.2 var(--f-b);color:var(--muted);letter-spacing:.02em} .kl-ui .woocommerce table.shop_table tr:last-child>*{border-bottom:0} .kl-ui .woocommerce table.shop_table tfoot th{color:var(--muted);font-weight:500} .kl-ui .woocommerce table.shop_table tfoot .order-total th,.kl-ui .woocommerce table.shop_table tfoot .order-total td{color:var(--ink);font:700 18px/1.2 var(--f-h)} .kl-ui .woocommerce table.shop_table .product-thumbnail{width:84px} .kl-ui .woocommerce table.shop_table .product-thumbnail img,.kl-ui .woocommerce table.shop_table .product-thumbnail .kl-fbimg{width:64px;height:64px;max-width:64px} .kl-ui .woocommerce table.shop_table .product-name a{color:var(--ink)!important;font-weight:600} .kl-ui .woocommerce table.shop_table .product-remove a.remove{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:var(--paper);color:var(--muted)!important;font-size:20px;line-height:1;text-decoration:none} .kl-ui .woocommerce table.shop_table .product-remove a.remove:hover{background:#FDECEE;color:var(--danger)!important} .kl-ui .woocommerce .quantity .qty{width:72px;min-height:42px;text-align:center} .kl-ui .woocommerce table.cart td.actions{background:var(--paper)} .kl-ui .woocommerce table.cart td.actions .coupon{display:inline-flex;gap:8px;align-items:center} .kl-ui .woocommerce table.cart td.actions .coupon .input-text{width:200px;min-height:44px} .kl-ui .woocommerce table.cart td.actions>.button{float:right} .kl-ui .woocommerce .cart-collaterals{display:flex;justify-content:flex-end} .kl-ui .woocommerce .cart_totals{width:100%;max-width:440px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:var(--shadow)} .kl-ui .woocommerce .cart_totals h2{font-size:22px;margin-bottom:14px} .kl-ui .woocommerce .cart_totals table.shop_table{border:0;box-shadow:none;margin:0} .kl-ui .woocommerce .cart_totals table.shop_table th,.kl-ui .woocommerce .cart_totals table.shop_table td{padding:10px 0} .kl-ui .woocommerce .wc-proceed-to-checkout{padding-top:12px} .kl-ui .woocommerce .wc-proceed-to-checkout .checkout-button{width:100%;min-height:56px;font-size:16px;border-radius:12px} .kl-ui .woocommerce .cross-sells{display:none} .kl-ui .woocommerce-cart .cart-empty{font-size:18px;color:var(--ink);background:#fff} .kl-ui .return-to-shop .button{background:var(--iris)} /* checkout */ .kl-ui .woocommerce-terms-and-conditions-wrapper{font-size:14px;color:var(--muted)} .kl-ui .woocommerce-privacy-policy-text p{font-size:13px;color:var(--muted);margin:0 0 10px} .kl-ui .woocommerce-form__label-for-checkbox{display:flex!important;align-items:flex-start;gap:8px;font-weight:500!important} .kl-ui input[type=checkbox]{accent-color:var(--iris);width:18px;height:18px;margin-top:1px} .kl-ui .woocommerce-form-coupon-toggle .woocommerce-info,.kl-ui .woocommerce-form-login-toggle .woocommerce-info{background:#fff} .kl-ui form.checkout_coupon,.kl-ui form.woocommerce-form-login{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:20px;margin:0 0 20px} .kl-ui .select2-container .select2-selection--single{height:48px;border-radius:var(--r-c);border:1.5px solid var(--line2)} .kl-ui .select2-container .select2-selection--single .select2-selection__rendered{line-height:45px;padding-left:14px;color:var(--ink)} .kl-ui .select2-container .select2-selection--single .select2-selection__arrow{height:46px;right:8px} .kl-ui .select2-dropdown{border-color:var(--line2);border-radius:var(--r-c)} .kl-ui .select2-results__option--highlighted{background:var(--iris)!important} /* order received */ .kl-ui .woocommerce-order-details,.kl-ui .woocommerce-customer-details,.kl-ui .wckm-order-keys,.kl-ui .woocommerce-order-downloads{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px} .kl-ui .woocommerce-order-details__title,.kl-ui .woocommerce-column__title,.kl-ui .woocommerce-order-details h2,.kl-ui .woocommerce-customer-details h2{font-size:22px!important;margin:0 0 14px!important} .kl-ui .woocommerce-order-details table.shop_table,.kl-ui .woocommerce-customer-details address{border:0;margin:0} .kl-ui .woocommerce-customer-details address{font-style:normal;line-height:1.7} .kl-ui .woocommerce .wckm-keys,.kl-ui table.wckm-keys{font-family:var(--f-m)} .kl-ui .woocommerce table code,.kl-ui .woocommerce table .wckm-key,.kl-ui .woocommerce table .key{font-family:var(--f-m);font-weight:600;letter-spacing:.04em;color:var(--ink);background:var(--paper);border:1px dashed var(--line2);border-radius:8px;padding:6px 10px;display:inline-block;word-break:break-all} /* My account */ .kl-ui .kl-wc-account .woocommerce{display:grid;grid-template-columns:240px minmax(0,1fr);gap:32px;align-items:start} .kl-ui .kl-wc-account .woocommerce>.woocommerce-notices-wrapper{grid-column:1/-1} .kl-ui .woocommerce-MyAccount-navigation{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:10px;width:auto;float:none;position:sticky;top:20px} .kl-ui .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px} .kl-ui .woocommerce-MyAccount-navigation li{margin:0;padding:0;border:0} .kl-ui .woocommerce-MyAccount-navigation li a{display:flex;align-items:center;padding:10px 12px;border-radius:9px;color:var(--ink)!important;font-weight:500;font-size:15px} .kl-ui .woocommerce-MyAccount-navigation li a:hover{background:var(--paper)} .kl-ui .woocommerce-MyAccount-navigation li.is-active a{background:var(--iris-50);color:var(--iris-d)!important;font-weight:600} .kl-ui .woocommerce-MyAccount-content{width:auto;float:none;background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;min-width:0} .kl-ui .woocommerce-MyAccount-content>p:first-child{font-size:16px} .kl-ui .woocommerce-MyAccount-content table.shop_table{border-radius:var(--r-card)} .kl-ui .woocommerce-MyAccount-content mark{background:var(--iris-50);color:var(--iris-d);padding:1px 6px;border-radius:5px} .kl-ui .kl-wc-account .u-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;grid-column:1/-1} .kl-ui .kl-wc-account .u-columns .u-column1,.kl-ui .kl-wc-account .u-columns .u-column2{width:auto;float:none;background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px} .kl-ui .kl-wc-account .u-columns h2{font-size:24px;margin-bottom:16px} .kl-ui .kl-wc-account .woocommerce-form-login,.kl-ui .kl-wc-account .woocommerce-form-register{border:0;padding:0;margin:0} .kl-ui .kl-wc-account .woocommerce:not(:has(.woocommerce-MyAccount-navigation)){display:block} .kl-ui .woocommerce-LostPassword{font-size:14px;margin-top:10px} .kl-ui .woocommerce-Addresses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px} .kl-ui .woocommerce-Addresses .col-1,.kl-ui .woocommerce-Addresses .col-2{width:auto;float:none} .kl-ui .kl-wcpage .col2-set::after,.kl-ui .kl-wcpage .u-columns::after{display:none} /* ---------- toast, preview bar ---------- */ .kl-ui .kl-toast{position:fixed;right:96px;bottom:22px;z-index:400;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-l);padding:14px 14px 14px 18px;display:flex;align-items:center;gap:10px;max-width:calc(100vw - 32px);transform:translateY(20px);opacity:0;transition:transform .25s,opacity .25s} .kl-ui .kl-toast.is-on{transform:none;opacity:1} .kl-ui .kl-toast[hidden]{display:none} .kl-ui .kl-toast-t{display:flex;flex-direction:column;margin-right:6px;line-height:1.3;min-width:0} .kl-ui .kl-toast-t b{color:var(--ink)} .kl-ui .kl-toast-t span{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px} .kl-ui .kl-prevbar{position:fixed;left:12px;top:50%;transform:translateY(-50%) rotate(180deg);writing-mode:vertical-rl;z-index:350;background:var(--ink);color:var(--volt)!important;font:600 11px/1 var(--f-b);padding:12px 7px;border-radius:0 8px 8px 0;box-shadow:var(--shadow);opacity:.85} .kl-ui .kl-prevbar:hover{opacity:1} /* ---------- responsive ---------- */ @media (max-width:1180px){ .kl-ui .kl-hero h1{font-size:48px} .kl-ui .kl-mm{grid-template-columns:repeat(3,minmax(0,1fr))} .kl-ui .kl-mm-f{display:none} .kl-ui .kl-ftr-cols{grid-template-columns:repeat(3,minmax(0,1fr))} .kl-ui .kl-ftr-brand{grid-column:1/-1} .kl-ui .kl-tiles{grid-template-columns:repeat(2,minmax(0,1fr))} } @media (max-width:1023px){ .kl-ui .kl-only-d{display:none!important} .kl-ui .kl-only-m{display:flex!important} .kl-ui .kl-util{display:none} .kl-ui .kl-hdr{position:sticky;top:0} .kl-ui .kl-hdr-main{min-height:60px;gap:12px;justify-content:space-between} .kl-ui .kl-hdr .kl-logo img{height:30px} .kl-ui .kl-cartbtn{width:40px;height:40px;padding:0;justify-content:center;position:relative} .kl-ui .kl-cartbtn .kl-cart-n{position:absolute;top:-6px;right:-6px;height:18px;min-width:18px;padding:0 4px;font-size:10.5px} .kl-ui .kl-hdr-msearch{padding-bottom:12px} .kl-ui .kl-hdr-msearch .kl-search{flex:1;height:44px} .kl-ui .kl-hdr-msearch .kl-search .kl-btn{display:none} .kl-ui .kl-hero-in,.kl-ui .kl-cmp,.kl-ui .kl-how-in,.kl-ui .kl-faq,.kl-ui .kl-band,.kl-ui .kl-pp-top,.kl-ui .kl-cathead-g,.kl-ui .kl-pp-details,.kl-ui .kl-post,.kl-ui .kl-faqpage-g,.kl-ui .kl-pp-reviews #reviews{grid-template-columns:minmax(0,1fr)} .kl-ui .kl-grid4,.kl-ui .kl-rows,.kl-ui .kl-guides,.kl-ui .kl-stats,.kl-ui .kl-trust{grid-template-columns:repeat(2,minmax(0,1fr))} .kl-ui .kl-posts{grid-template-columns:repeat(2,minmax(0,1fr))} .kl-ui .kl-buy{position:static} .kl-ui .kl-pp-aside,.kl-ui .kl-post-aside,.kl-ui .kl-faqnav{position:static} .kl-ui .kl-wc-account .woocommerce{grid-template-columns:minmax(0,1fr)} .kl-ui .woocommerce-MyAccount-navigation{position:static} .kl-ui .woocommerce-MyAccount-navigation ul{flex-direction:row;overflow-x:auto;scrollbar-width:none} .kl-ui .woocommerce-MyAccount-navigation li a{white-space:nowrap} .kl-ui .kl-steps li:not(.now){font-size:0;gap:0} .kl-ui .kl-hdr-min-r .kl-muted{display:none} .kl-ui .kl-bb{display:flex!important} body.kl-ui:not(.woocommerce-checkout){padding-bottom:64px} .kl-ui .kl-sticky{bottom:72px} .kl-ui .kl-toast{bottom:auto;top:72px;right:12px;left:12px} .kl-ui .kl-prevbar{left:0} } @media (max-width:760px){ .kl-ui .kl-wrap{padding-left:16px;padding-right:16px} .kl-ui .kl-sec{padding-top:40px} .kl-ui .kl-sh{margin-bottom:16px} .kl-ui .kl-sh h2,.kl-ui .kl-cmp-t h2,.kl-ui .kl-faq-t h2,.kl-ui .kl-band h2{font-size:24px} .kl-ui .kl-hero-in{padding-top:18px;padding-bottom:20px;gap:16px} .kl-ui .kl-hero-t{gap:12px} .kl-ui .kl-hero h1{font-size:29px;line-height:1.08} .kl-ui .kl-hero .kl-kick,.kl-ui .kl-hero-btns{display:none} .kl-ui .kl-hero .kl-lead{font-size:14.5px} .kl-ui .kl-hero-proof{order:3;gap:12px;font-size:13px;margin:0;justify-content:center} .kl-ui .kl-hero-t{display:contents} .kl-ui .kl-hero-in{display:flex;flex-direction:column;align-items:stretch} .kl-ui .kl-hero h1{order:1} .kl-ui .kl-hero .kl-lead{order:2} .kl-ui .kl-finder{order:3;padding:14px;border-radius:20px} .kl-ui .kl-hero-proof{order:4} .kl-ui .kl-finder-h{display:none} .kl-ui .kl-finder-in{gap:8px} .kl-ui .kl-seg{height:36px;font-size:13.5px} .kl-ui .kl-opt{padding:6px 12px 6px 6px} .kl-ui .kl-opt img,.kl-ui .kl-opt .kl-fbimg{width:38px;height:38px} .kl-ui .kl-opt-t b{font-size:14.5px} .kl-ui .kl-opt-t small{font-size:12px} .kl-ui .kl-opt-p b{font-size:16px} .kl-ui .kl-fopts .kl-opt:nth-child(4){display:none} .kl-ui .kl-finder .kl-btn-lg{height:52px;font-size:15px} .kl-ui .kl-trust{display:flex;overflow-x:auto;scrollbar-width:none;padding-top:16px} .kl-ui .kl-trust-i{flex:none;width:230px;padding:14px} .kl-ui .kl-grid4{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .kl-ui .kl-sec .kl-grid4:not(.kl-grid-shop){display:flex;overflow-x:auto;scrollbar-width:none;margin-left:-16px;margin-right:-16px;padding:0 16px 4px;scroll-snap-type:x mandatory} .kl-ui .kl-sec .kl-grid4:not(.kl-grid-shop)>.kl-pc{flex:none;width:72%;max-width:260px;scroll-snap-align:start} .kl-ui .kl-pc{padding:8px;gap:10px;border-radius:14px} .kl-ui .kl-pc-b{padding:0 4px 4px;gap:6px} .kl-ui .kl-pc-n{font-size:14px} .kl-ui .kl-price{font-size:19px} .kl-ui .kl-quick{grid-column:1/-1} .kl-ui .kl-rows,.kl-ui .kl-guides,.kl-ui .kl-posts{grid-template-columns:minmax(0,1fr)} .kl-ui .kl-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .kl-ui .kl-stat{padding:16px} .kl-ui .kl-stat-n{font-size:30px} .kl-ui .kl-cmp{padding:18px;gap:18px;border-radius:18px} .kl-ui .kl-cmp-r{grid-template-columns:minmax(0,1fr) 64px 64px;font-size:14px} .kl-ui .kl-cmp-f .kl-btn{padding:0 8px;font-size:13px} .kl-ui .kl-how{margin-top:40px} .kl-ui .kl-how-in{padding-top:28px;padding-bottom:28px;gap:24px} .kl-ui .kl-how h2{font-size:24px} .kl-ui .kl-how-card{display:none} .kl-ui .kl-faq{gap:16px} .kl-ui .kl-acc summary{padding:15px 16px;font-size:14.5px} .kl-ui .kl-band-wrap{padding-top:40px;padding-bottom:28px} .kl-ui .kl-band{padding:20px 16px;gap:16px;border-radius:20px} .kl-ui .kl-band-btns .kl-btn{width:100%} .kl-ui .kl-band-r{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} .kl-ui .kl-slink{padding:12px;gap:10px} .kl-ui .kl-slink .kl-ico{width:32px;height:32px} .kl-ui .kl-slink b{font-size:13.5px} .kl-ui .kl-slink span span{display:none} .kl-ui .kl-ftr-pay{flex-direction:column;align-items:flex-start} .kl-ui .kl-ftr .kl-pay{height:24px;font-size:10px} .kl-ui .kl-ftr-sec{margin-left:0;flex-basis:100%} .kl-ui .kl-ftr-cols{grid-template-columns:minmax(0,1fr);gap:0;padding-top:28px;padding-bottom:16px} .kl-ui .kl-ftr-brand{margin-bottom:18px} .kl-ui .kl-fcol{border-top:1px solid #1E1A45} .kl-ui .kl-fcol:last-child{border-bottom:1px solid #1E1A45} .kl-ui .kl-fcol summary{pointer-events:auto;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:15px 0} .kl-ui .kl-fcol summary .kl-i{display:block;color:#fff;transition:transform .2s} .kl-ui .kl-fcol[open] summary .kl-i{transform:rotate(180deg)} .kl-ui .kl-fcol h4{margin:0!important;font-size:15px!important} .kl-ui .kl-fcol-l{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;padding-bottom:16px} .kl-ui .kl-news{padding:16px;flex-direction:column;align-items:stretch;gap:12px} .kl-ui .kl-news-f{min-width:0;flex-direction:column} .kl-ui .kl-news-t{min-width:0} .kl-ui .kl-pp{padding-top:12px} .kl-ui .kl-pp .kl-bc{display:none} .kl-ui .kl-pp-top{gap:12px} .kl-ui .kl-pp-gal{display:contents} .kl-ui .kl-pp-top{display:flex;flex-direction:column} .kl-ui .kl-pp-img{order:1;padding:0;border:0;background:transparent;gap:8px} .kl-ui .kl-pp-img-b{padding:0} .kl-ui .kl-pp-img-b .kl-chips{display:none} .kl-ui .kl-buy{order:2;padding:0;border:0;box-shadow:none;background:transparent;gap:12px} .kl-ui .kl-buy-h{font-size:23px!important} .kl-ui .kl-buy .kl-checks,.kl-ui .kl-buy .kl-buy-excerpt{order:3} .kl-ui .kl-buy .kl-flow,.kl-ui .kl-buy .kl-alert,.kl-ui .kl-buy .kl-buy-sec{order:4} .kl-ui .kl-price-xl{font-size:34px} .kl-ui .kl-checks{font-size:14px} .kl-ui .kl-tiles{order:3;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px} .kl-ui .kl-tile{min-height:84px} .kl-ui .kl-feats{order:4;grid-template-columns:minmax(0,1fr);padding:16px;gap:14px} .kl-ui .kl-qty{height:52px} .kl-ui .kl-qty button,.kl-ui .kl-qty input{height:48px} .kl-ui .kl-flow{font-size:12px} .kl-ui .kl-flow li+li::before{min-width:12px} .kl-ui .kl-tabs a{height:48px;font-size:14px;padding:0 10px} .kl-ui .kl-steps3{grid-template-columns:minmax(0,1fr)} .kl-ui .kl-xsell{flex-wrap:wrap;padding:12px;gap:12px} .kl-ui .kl-xsell-img{width:96px} .kl-ui .kl-xsell-t{flex-basis:calc(100% - 120px)} .kl-ui .kl-xsell-b{width:auto;flex:1} .kl-ui .kl-sticky-t span,.kl-ui .kl-sticky-p .kl-was{display:none} .kl-ui .kl-sticky-in{gap:10px;padding:8px 8px 8px 10px} .kl-ui .kl-cathead-in{padding-top:16px;padding-bottom:20px} .kl-ui .kl-cathead h1,.kl-ui .kl-pagehead h1,.kl-ui .kl-wcpage-h h1{font-size:30px} .kl-ui .kl-cathead .kl-lead{font-size:15px} .kl-ui .kl-chiprow{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-left:-16px;margin-right:-16px;padding:0 16px} .kl-ui .kl-chip{flex:none;height:36px} .kl-ui .kl-helpcard{display:none} .kl-ui .kl-shop{padding-top:16px} .kl-ui .kl-toolbar{margin-bottom:14px} .kl-ui .kl-article{padding:22px 18px;border-radius:16px} .kl-ui .kl-article-w{padding-top:20px} .kl-ui .kl-pagehead .kl-wrap{padding-top:16px;padding-bottom:20px} .kl-ui .kl-post{padding-top:20px} .kl-ui .kl-wcpage{padding-top:18px} .kl-ui .kl-wcpage-h{margin-bottom:14px} .kl-ui .woocommerce table.shop_table_responsive thead{display:none} .kl-ui .woocommerce table.shop_table_responsive tr{display:block;border-bottom:1px solid #EFEDF7;padding:10px 0} .kl-ui .woocommerce table.shop_table_responsive tr td{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 14px;border:0;text-align:right} .kl-ui .woocommerce table.shop_table_responsive tr td::before{content:attr(data-title);font-weight:600;color:var(--muted);font-size:13px;text-align:left} .kl-ui .woocommerce table.shop_table_responsive tr td.product-remove::before,.kl-ui .woocommerce table.shop_table_responsive tr td.product-thumbnail::before,.kl-ui .woocommerce table.shop_table_responsive tr td.actions::before{display:none} .kl-ui .woocommerce table.cart td.actions{flex-direction:column;align-items:stretch} .kl-ui .woocommerce table.cart td.actions .coupon{display:flex;flex-wrap:wrap} .kl-ui .woocommerce table.cart td.actions .coupon .input-text{flex:1;width:auto} .kl-ui .woocommerce table.cart td.actions>.button{float:none;width:100%} .kl-ui .kl-wc-account .u-columns,.kl-ui .woocommerce-Addresses{grid-template-columns:minmax(0,1fr)} .kl-ui .woocommerce-MyAccount-content{padding:18px} .kl-ui .kl-404-n{font-size:84px} .kl-ui .kl-404 h1{font-size:28px} } /* reviews: first four, then "show all" */ .kl-ui .kl-pp-reviews.is-folded .commentlist>li:nth-child(n+5){display:none} .kl-ui .kl-revmore{margin-top:14px} .kl-ui .kl-pp-reviews #comments{min-width:0} @media (max-width:760px){ .kl-ui .kl-hdr-min-in{flex-wrap:wrap;gap:10px 12px;padding-top:12px;padding-bottom:12px;min-height:0} .kl-ui .kl-hdr-min .kl-logo img{height:28px} .kl-ui .kl-steps{order:3;flex-basis:100%;max-width:none;margin:0;gap:6px} .kl-ui .kl-steps li,.kl-ui .kl-steps li:not(.now){font-size:12px;gap:5px} .kl-ui .kl-steps li+li::before{min-width:10px} .kl-ui .kl-steps .kl-ring{width:16px;height:16px;border-width:3px} } @media (max-width:760px){ .kl-ui .woocommerce table.cart.shop_table_responsive tr.cart_item{display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:12px;position:relative;padding:14px} .kl-ui .woocommerce table.cart.shop_table_responsive tr.cart_item td{padding:3px 0} .kl-ui .woocommerce table.cart.shop_table_responsive tr.cart_item td.product-thumbnail{grid-column:1;grid-row:1/span 4;padding:0;display:block;width:64px} .kl-ui .woocommerce table.cart.shop_table_responsive tr.cart_item td.product-remove{position:absolute;top:10px;right:10px;padding:0} .kl-ui .woocommerce table.cart.shop_table_responsive tr.cart_item td.product-name{grid-column:2;justify-content:flex-start;text-align:left;padding:0 40px 6px 0;font-size:14.5px} .kl-ui .woocommerce table.cart.shop_table_responsive tr.cart_item td.product-name::before{display:none} .kl-ui .woocommerce table.cart.shop_table_responsive tr.cart_item td.product-price,.kl-ui .woocommerce table.cart.shop_table_responsive tr.cart_item td.product-quantity,.kl-ui .woocommerce table.cart.shop_table_responsive tr.cart_item td.product-subtotal{grid-column:2} .kl-ui .woocommerce table.cart .quantity .qty{min-height:38px;width:64px} } @media (max-width:760px){ .kl-ui .kl-faqnav>a{display:none} .kl-ui .kl-faqnav-help{display:none} .kl-ui .kl-faqpage{padding-top:20px} } /* ===== Checkout (concept: two cards + order summary) ===== */ .kl-ui .kl-co{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:32px;align-items:start} .kl-ui .kl-co-main{min-width:0} .kl-ui .kl-co-main form.checkout{display:flex;flex-direction:column;gap:20px} .kl-ui .kl-co-main form.checkout>.woocommerce-NoticeGroup{order:-1} .kl-ui .kl-co-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px} .kl-ui .kl-co-h{display:flex;align-items:center;gap:12px;margin-bottom:18px} .kl-ui .kl-co-h .kl-ring{width:30px;height:30px;border-width:6px} .kl-ui .kl-co-h h2{font-size:21px!important} .kl-ui .kl-co-card .woocommerce-billing-fields>h3,.kl-ui .kl-co-card .woocommerce-shipping-fields:empty{display:none} .kl-ui .kl-co-card .woocommerce-billing-fields__field-wrapper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px} .kl-ui .kl-co-card .woocommerce-billing-fields__field-wrapper>.form-row{grid-column:1/-1;width:auto;float:none} .kl-ui .kl-co-card .woocommerce-billing-fields__field-wrapper>.form-row-first{grid-column:1} .kl-ui .kl-co-card .woocommerce-billing-fields__field-wrapper>.form-row-last{grid-column:2} .kl-ui .kl-co-card .form-row .description{display:block;font-size:13px;color:var(--muted);margin-top:6px} .kl-ui .kl-co-card .woocommerce-account-fields{margin-top:4px} .kl-ui .kl-co-card label.checkbox{font-weight:500!important;font-size:14px} .kl-ui .kl-co-pay #payment{background:transparent;margin:0} .kl-ui .kl-co-pay ul.payment_methods{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:10px;border:0} .kl-ui .kl-pm{position:relative;border:1.5px solid var(--line2);border-radius:12px;padding:16px 16px 16px 48px;background:#fff;margin:0;transition:border-color .15s,box-shadow .15s} .kl-ui .kl-pm:has(input:checked){border-color:var(--iris);box-shadow:0 0 0 4px rgba(79,59,246,.1)} .kl-ui .kl-pm>input.input-radio{position:absolute;left:16px;top:18px;width:20px;height:20px;margin:0;accent-color:var(--iris);cursor:pointer} .kl-ui .kl-pm>label{display:flex!important;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:0!important;cursor:pointer} .kl-ui .kl-pm-t{font:600 15.5px/1.35 var(--f-b);color:var(--ink)} .kl-ui .kl-pm-x img{max-height:24px;width:auto;display:inline-block;vertical-align:middle} .kl-ui .kl-pm .payment_box{margin:8px 0 0;padding:0;background:transparent;color:var(--muted);font-size:14px} .kl-ui .kl-pm .payment_box p{margin:0} .kl-ui .kl-pm .payment_box::before{display:none} .kl-ui .kl-co-pay .place-order{margin:0;padding:0;display:flex;flex-direction:column;gap:10px} .kl-ui .kl-co-pay .woocommerce-privacy-policy-text p{font-size:13px;color:var(--muted);margin:0} .kl-ui #place_order{width:100%;min-height:58px;font:600 16px/1.2 var(--f-b);border-radius:12px;background:var(--iris);color:#fff!important;border:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 10px 22px -10px rgba(79,59,246,.7);cursor:pointer;padding:0 22px} .kl-ui #place_order.kl-placeorder::after{content:"\2192";margin-left:8px} .kl-ui #place_order:hover{background:var(--iris-d)} .kl-ui .kl-co-note{display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;color:var(--muted);text-align:center;margin:0} .kl-ui .kl-co-side{position:sticky;top:16px} .kl-ui .kl-co-sum{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--shadow)} .kl-ui .kl-co-sum>h2{font-size:19px!important} .kl-ui .kl-review-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px} .kl-ui .kl-ri{display:flex;gap:12px;align-items:center} .kl-ui .kl-ri>img,.kl-ui .kl-ri>.kl-fbimg{width:60px;height:60px;flex:none} .kl-ui .kl-ri-t{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.35} .kl-ui .kl-ri-t .product-name{font-weight:600;color:var(--ink);font-size:15px} .kl-ui .kl-ri-t .kl-muted{font-size:13px} .kl-ui .kl-ri-t dl.variation{margin:2px 0 0;font-size:12px;color:var(--muted)} .kl-ui .kl-ri .product-total{font-weight:600;color:var(--ink);white-space:nowrap} .kl-ui .kl-totals{border-top:1px solid #EFEDF7;padding-top:10px;margin-top:14px;display:flex;flex-direction:column} .kl-ui .kl-totals>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:15px;padding:6px 0} .kl-ui .kl-totals .order-total{padding-top:12px;margin-top:4px;border-top:1px solid #EFEDF7} .kl-ui .kl-totals .order-total b{color:var(--ink);font-size:16px} .kl-ui .kl-totals .order-total .kl-price small{font:500 13px var(--f-b);color:var(--muted)} .kl-ui .kl-totals .order-total .kl-price .includes_tax{display:block;font-size:12px} .kl-ui .kl-totals .fee span:last-child,.kl-ui .kl-totals .cart-discount span:last-child{color:var(--ok);font-weight:600} .kl-ui .kl-totals .woocommerce-remove-coupon{font-size:12px;margin-left:6px} .kl-ui .kl-coupon-t a{font-size:14px;font-weight:600} .kl-ui .kl-co-coupon .checkout_coupon{margin:10px 0 0;padding:0;border:0;background:transparent} .kl-ui .kl-coupon-f{display:flex;gap:8px} .kl-ui .kl-coupon-f .input-text{flex:1;min-height:42px!important} .kl-ui .kl-coupon-f .button{min-height:42px!important} .kl-ui .kl-next{border-radius:12px;background:var(--paper);padding:16px;display:flex;flex-direction:column;gap:10px} .kl-ui .kl-next p{display:flex;gap:10px;font-size:14px;line-height:1.4} .kl-ui .kl-next .kl-ring{width:18px;height:18px;border-width:4px;margin-top:1px} .kl-ui .kl-co-q{font-size:13px} .kl-ui .kl-ok-t{color:var(--ok)} .kl-ui .woocommerce-form-login-toggle .woocommerce-info{background:#fff;font-size:14.5px} .kl-ui .blockUI.blockOverlay{background:rgba(255,255,255,.6)!important;border-radius:16px} /* ===== Cart drawer ===== */ .kl-ui .kl-cd{position:fixed;inset:0;z-index:320} .kl-ui .kl-cd[hidden]{display:none} .kl-ui .kl-cd-bg{position:absolute;inset:0;background:rgba(17,14,43,.45);opacity:0;transition:opacity .2s} .kl-ui .kl-cd-p{position:absolute;right:0;top:0;bottom:0;width:min(440px,100vw);background:#fff;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .24s ease;box-shadow:-24px 0 48px -20px rgba(17,14,43,.4);outline:none} .kl-ui .kl-cd.is-open .kl-cd-bg{opacity:1} .kl-ui .kl-cd.is-open .kl-cd-p{transform:none} .kl-ui .kl-mini-c{display:flex;flex-direction:column;height:100%;min-height:0} .kl-ui .kl-cd-h{padding:18px 22px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #EFEDF7} .kl-ui .kl-cd-h h2{font-size:20px!important} .kl-ui .kl-cd-h h2 span{font:500 15px var(--f-b);color:var(--muted)} .kl-ui .kl-cd-added{display:none;padding:12px 22px;background:#F3FCD9;font-size:14px;gap:8px;align-items:center} .kl-ui .kl-cd-added .kl-i{color:#4E6B00;stroke-width:2.4} .kl-ui .kl-cd-added b{color:var(--ink)} .kl-ui .kl-cd.is-added .kl-cd-added{display:flex} .kl-ui .kl-cd-b{padding:20px 22px;display:flex;flex-direction:column;gap:18px;flex:1;overflow-y:auto} .kl-ui .kl-cd-i{display:flex;gap:12px;align-items:flex-start;transition:opacity .15s} .kl-ui .kl-cd-i.is-busy{opacity:.45;pointer-events:none} .kl-ui .kl-cd-img img,.kl-ui .kl-cd-img .kl-fbimg{width:64px;height:64px;display:block} .kl-ui .kl-cd-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;line-height:1.35} .kl-ui .kl-cd-n{font-weight:600;color:var(--ink)!important;font-size:15px} .kl-ui .kl-cd-t>.kl-muted{font-size:13px} .kl-ui .kl-cd-q{display:flex;align-items:center;gap:12px;margin-top:8px;font-size:13px} .kl-ui .kl-stepper{display:inline-flex;align-items:center;border:1.5px solid var(--line2);border-radius:8px;height:32px} .kl-ui .kl-stepper button{width:30px;height:28px;border:0;background:transparent;color:var(--ink);font:500 16px var(--f-b);cursor:pointer;padding:0} .kl-ui .kl-stepper button:disabled{color:#C4C0DA;cursor:default} .kl-ui .kl-stepper b{min-width:20px;text-align:center;color:var(--ink)} .kl-ui .kl-cd-rm{color:var(--muted)!important} .kl-ui .kl-cd-rm:hover{color:var(--danger)!important} .kl-ui .kl-cd-i>.kl-cd-p{position:static;width:auto;transform:none;box-shadow:none;background:transparent;font-weight:600;color:var(--ink);white-space:nowrap;display:inline;transition:none} .kl-ui .kl-cd-up{display:flex;gap:12px;align-items:center;padding:14px;border:1px dashed var(--line2);border-radius:14px} .kl-ui .kl-cd-up>img,.kl-ui .kl-cd-up>.kl-fbimg{width:48px;height:48px;flex:none} .kl-ui .kl-cd-up b{font-size:14px;color:var(--ink)} .kl-ui .kl-cd-up .added_to_cart{display:none} .kl-ui .kl-cd-tip{font-size:13px;color:var(--muted);display:flex;gap:8px;align-items:center;margin:0} .kl-ui .kl-cd-f{padding:18px 22px;border-top:1px solid #EFEDF7;display:flex;flex-direction:column;gap:10px} .kl-ui .kl-cd-sub{display:flex;justify-content:space-between;align-items:baseline} .kl-ui .kl-cd-f2{display:flex;gap:8px} .kl-ui .kl-cd-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:32px} .kl-ui .kl-cd-empty b{font:600 18px var(--f-h);color:var(--ink)} /* ===== Cart page ===== */ .kl-ui .kl-cart{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:32px;align-items:start} .kl-ui .kl-cart-main{min-width:0} .kl-ui .kl-cart-items{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;position:relative} .kl-ui .kl-ci{display:flex;gap:16px;align-items:flex-start;padding:20px;border-bottom:1px solid #EFEDF7} .kl-ui .kl-ci-img img,.kl-ui .kl-ci-img .kl-fbimg{width:72px;height:72px;max-width:72px;display:block} .kl-ui .kl-ci-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;line-height:1.35} .kl-ui .kl-ci-t>a{font-weight:600;color:var(--ink)!important;font-size:16px} .kl-ui .kl-ci-t .product-price{font-size:13px} .kl-ui .kl-ci-row{display:flex;align-items:center;gap:14px;margin-top:8px} .kl-ui .kl-ci .quantity{display:inline-flex;align-items:center;border:1.5px solid var(--line2);border-radius:10px;height:40px;background:#fff} .kl-ui .kl-ci .quantity .qty{width:40px!important;min-height:36px!important;border:0!important;box-shadow:none!important;text-align:center;padding:0!important;font-weight:600;-moz-appearance:textfield;appearance:textfield} .kl-ui .kl-ci .quantity .qty::-webkit-outer-spin-button,.kl-ui .kl-ci .quantity .qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0} .kl-ui .kl-qbtn{width:34px;height:36px;border:0;background:transparent;color:var(--ink);font:500 18px var(--f-b);cursor:pointer;padding:0} .kl-ui .kl-ci-rm{font-size:13px;color:var(--muted)!important} .kl-ui .kl-ci-rm:hover{color:var(--danger)!important} .kl-ui .kl-ci-p{font:700 18px/1 var(--f-h);color:var(--ink);white-space:nowrap} .kl-ui .kl-cart-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 20px;background:var(--paper)} .kl-ui .kl-cart-actions .coupon{display:flex;gap:8px;flex:1;max-width:420px} .kl-ui .kl-cart-actions .coupon .input-text{flex:1;min-height:44px} .kl-ui .kl-update-cart{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden} .kl-ui .kl-cart-side{position:sticky;top:16px} .kl-ui .kl-cart-side .cart_totals h2{font-size:19px!important} .kl-ui .kl-cart-side .cross-sells{display:none} .kl-ui .kl-cart-side .wc-proceed-to-checkout{padding:0} .kl-ui .kl-cart-side .checkout-button{margin:0;font-size:16px} .kl-ui .kl-cart-empty{padding:40px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px} .kl-ui .kl-cart-empty h2{font-size:26px!important} /* ===== Order complete ===== */ .kl-ui .kl-wc-received{padding-bottom:16px} .kl-ui .kl-ty-hero{background:var(--ink);position:relative;overflow:hidden} .kl-ui .kl-ty-glow{position:absolute;right:-160px;top:-260px;width:720px;height:720px;border-radius:50%;background:radial-gradient(closest-side,rgba(98,72,255,.55),rgba(98,72,255,0));pointer-events:none} .kl-ui .kl-ty-hero-in{position:relative;padding-top:52px;padding-bottom:120px;display:flex;flex-direction:column;gap:20px} .kl-ui .kl-ty-hero h1{color:#fff!important;font-size:46px} .kl-ui .kl-ty-hero p{color:#B9B5D6;font-size:17px;max-width:720px} .kl-ui .kl-ty-hero p a{color:#fff!important;text-decoration:underline} .kl-ui .kl-ty-st{display:flex;align-items:center;gap:10px;color:var(--volt);font:600 14px/1 var(--f-b)} .kl-ui .kl-ty-st-no{color:#FFB3B8} .kl-ui .kl-ty-ok{width:26px;height:26px;border-radius:50%;background:var(--volt);color:var(--ink);display:flex;align-items:center;justify-content:center} .kl-ui .kl-ty-ok .kl-i{stroke-width:2.6} .kl-ui .kl-ty-steps{list-style:none;margin:6px 0 0;padding:0;display:flex;align-items:center;gap:10px;max-width:640px} .kl-ui .kl-ty-steps li{display:flex;align-items:center;gap:8px;color:#A9A5C8;font:600 14px/1 var(--f-b);white-space:nowrap} .kl-ui .kl-ty-steps li+li::before{content:"";flex:1;min-width:24px;height:3px;border-radius:2px;background:#3D3870} .kl-ui .kl-ty-steps li+li{flex:1} .kl-ui .kl-ty-steps li.done{color:#fff} .kl-ui .kl-ty-steps li.done::before{background:var(--volt)} .kl-ui .kl-ty-steps .kl-ring{width:22px;height:22px;border-width:5px;border-color:#3D3870} .kl-ui .kl-ty-steps li.done .kl-ring{background:var(--volt);border-color:var(--volt)} .kl-ui .kl-ty-btns{display:flex;gap:10px;flex-wrap:wrap} .kl-ui .kl-ty-keys{margin-top:-84px;position:relative;display:flex;flex-direction:column;gap:16px} .kl-ui .kl-keycard{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;display:flex;flex-direction:column;gap:20px;box-shadow:var(--shadow)} .kl-ui .kl-keycard-h{display:flex;gap:16px;align-items:center;flex-wrap:wrap} .kl-ui .kl-keycard-h>img,.kl-ui .kl-keycard-h>.kl-fbimg{width:72px;height:72px;flex:none} .kl-ui .kl-keycard-t{flex:1;min-width:200px;display:flex;flex-direction:column;gap:2px} .kl-ui .kl-keycard-t b{font:600 20px/1.25 var(--f-h);color:var(--ink)} .kl-ui .kl-keycard-t .kl-muted,.kl-ui .kl-keycard-t a{font-size:14px} .kl-ui .kl-keycard-wait{flex-direction:row;align-items:flex-start;gap:16px} .kl-ui .kl-keycard-wait b{font:600 19px/1.3 var(--f-h);color:var(--ink)} .kl-ui .kl-spin{width:28px;height:28px;border-radius:50%;border:4px solid var(--iris-100);border-top-color:var(--iris);animation:kl-spin 1s linear infinite;flex:none;margin-top:2px} @keyframes kl-spin{to{transform:rotate(360deg)}} .kl-ui .kl-kbox{border-radius:12px;background:var(--paper);border:1.5px dashed #CFCAE6;padding:12px 12px 12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0} .kl-ui .kl-kbox-l{border-radius:16px;padding:20px 22px;flex-wrap:wrap} .kl-ui .kl-kbox-t{display:flex;flex-direction:column;gap:6px;min-width:0} .kl-ui .kl-kbox-v{font:600 15px/1.2 var(--f-m);letter-spacing:.05em;color:var(--ink);word-break:break-all} .kl-ui .kl-kbox-l .kl-kbox-v{font-size:26px} .kl-ui .kl-kbox-b{display:flex;gap:8px;flex:none} .kl-ui .kl-kbox-l .kl-kbox-b .kl-btn{height:44px;font-size:15px;padding:0 18px} .kl-ui [data-kl-key-copy].is-done{background:var(--ok)!important} .kl-ui .kl-ty-act .kl-steps3 .kl-btn{align-self:flex-start} .kl-ui .kl-ty-more{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start;padding-bottom:24px} .kl-ui .kl-ty-help{padding:24px;display:flex;flex-direction:column;gap:12px;background:var(--iris-50);border-color:var(--iris-100)} .kl-ui .kl-ty-help b{font:600 19px/1.25 var(--f-h);color:var(--ink)} .kl-ui .kl-ty-up{padding:24px;display:flex;flex-direction:column;gap:14px} .kl-ui .kl-ty-up-p{display:flex;gap:14px;align-items:center} .kl-ui .kl-ty-up-p>img,.kl-ui .kl-ty-up-p>.kl-fbimg{width:56px;height:56px;flex:none} .kl-ui .kl-ty-up-p>div{flex:1} .kl-ui .kl-ty-up-p b{color:var(--ink)} .kl-ui .kl-ty-up .kl-btn{align-self:flex-start;width:auto} .kl-ui .kl-ty-up .added_to_cart{display:none} .kl-ui .kl-ty-det{padding:24px;display:flex;flex-direction:column;gap:8px} .kl-ui .kl-ty-det dl{margin:0;display:flex;flex-direction:column} .kl-ui .kl-ty-det dl>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #EFEDF7;font-size:14.5px} .kl-ui .kl-ty-det dt{color:var(--muted)} .kl-ui .kl-ty-det dd{margin:0;color:var(--ink);text-align:right} .kl-ui .kl-ty-det .kl-ty-tot{border-bottom:0} .kl-ui .kl-ty-det .kl-ty-tot dt,.kl-ui .kl-ty-det .kl-ty-tot dd{color:var(--ink);font-weight:700} /* ===== My account ===== */ .kl-ui .kl-wc-account .woocommerce{display:flex;gap:32px;align-items:flex-start;flex-wrap:wrap} .kl-ui .kl-wc-account .woocommerce>.woocommerce-notices-wrapper{flex-basis:100%} .kl-ui .kl-acnav{flex:0 0 260px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px;position:sticky;top:16px} .kl-ui .kl-acnav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px} .kl-ui .kl-acnav li{margin:0;padding:0;border:0} .kl-ui .kl-acnav li a{display:flex;align-items:center;gap:10px;height:44px;padding:0 14px;border-radius:10px;color:var(--ink)!important;font:500 15px/1 var(--f-b)} .kl-ui .kl-acnav li a:hover{background:var(--paper)} .kl-ui .kl-acnav li.is-active a{background:var(--iris-50);color:var(--iris-d)!important;font-weight:600} .kl-ui .kl-acnav li.woocommerce-MyAccount-navigation-link--customer-logout a{color:var(--muted)!important} .kl-ui .kl-acnav li.kl-acnav-x:first-of-type{margin-top:8px;padding-top:8px;border-top:1px solid #EFEDF7} .kl-ui .kl-wc-account .woocommerce-MyAccount-content{flex:1;min-width:0;width:auto;float:none;background:transparent;border:0;padding:0;display:flex;flex-direction:column;gap:20px} .kl-ui .kl-wc-account .woocommerce-MyAccount-content>p,.kl-ui .kl-wc-account .woocommerce-MyAccount-content>form,.kl-ui .kl-wc-account .woocommerce-MyAccount-content>.woocommerce-Addresses,.kl-ui .kl-wc-account .woocommerce-MyAccount-content>.woocommerce-order-details,.kl-ui .kl-wc-account .woocommerce-MyAccount-content>.woocommerce-customer-details,.kl-ui .kl-wc-account .woocommerce-MyAccount-content>.woocommerce-info{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;margin:0} .kl-ui .kl-acc-home{display:flex;flex-direction:column;gap:20px} .kl-ui .kl-keyrows{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden} .kl-ui .kl-keyrow{padding:20px;display:grid;grid-template-columns:64px minmax(0,1.1fr) minmax(0,1.5fr) auto;gap:18px;align-items:center;border-bottom:1px solid #EFEDF7} .kl-ui .kl-keyrow:last-child{border-bottom:0} .kl-ui .kl-keyrow>img,.kl-ui .kl-keyrow>.kl-fbimg,.kl-ui .kl-keyrow>.kl-ico{width:64px;height:64px} .kl-ui .kl-keyrow-t{display:flex;flex-direction:column;gap:3px;align-items:flex-start;min-width:0} .kl-ui .kl-keyrow-t b{color:var(--ink);line-height:1.3} .kl-ui .kl-keyrow-t .kl-muted{font-size:13px} .kl-ui .kl-keyrow-t .kl-badge{margin-top:4px} .kl-ui .kl-keyrow-a{display:flex;gap:8px} .kl-ui .kl-acc-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px} .kl-ui .kl-acc-card{padding:22px;display:flex;flex-direction:column;gap:10px;align-items:flex-start} .kl-ui .kl-acc-card b{font:600 18px/1.25 var(--f-h);color:var(--ink)} .kl-ui .kl-acc-card-ink{background:var(--ink);border-color:var(--ink)} .kl-ui .kl-acc-card-ink b{color:#fff} .kl-ui .kl-acc-card-ink p{color:#B9B5D6} .kl-ui .kl-acc-empty{padding:24px;display:flex;gap:16px;align-items:center;flex-wrap:wrap} .kl-ui .kl-acc-empty>div{flex:1;min-width:200px} .kl-ui .kl-acc-empty b{color:var(--ink);font-size:17px} .kl-ui .kl-order-keys{display:flex;flex-direction:column;gap:16px;margin:0 0 20px} .kl-ui .kl-order-keys .kl-keycard{box-shadow:none} .kl-ui .woocommerce-orders-table .button{min-height:36px!important;padding:0 14px!important;font-size:13.5px!important;margin:2px} /* ===== Product page: requirements + review summary ===== */ .kl-ui .kl-req{overflow:hidden;max-width:880px} .kl-ui .kl-req>div{display:grid;grid-template-columns:200px minmax(0,1fr);gap:12px;padding:14px 20px;border-bottom:1px solid #EFEDF7;font-size:15px} .kl-ui .kl-req>div:last-child{border-bottom:0} .kl-ui .kl-req b{color:var(--ink)} .kl-ui #requirements{scroll-margin-top:70px} .kl-ui .kl-revs{display:grid;grid-template-columns:300px minmax(0,1fr);gap:28px;align-items:start} .kl-ui .kl-revs:not(:has(.kl-revsum)){grid-template-columns:minmax(0,1fr)} .kl-ui .kl-revsum{padding:24px;display:flex;flex-direction:column;gap:12px;position:sticky;top:76px} .kl-ui .kl-revsum-h{display:flex;align-items:center;gap:14px} .kl-ui .kl-revsum-n{font:700 52px/1 var(--f-h);color:var(--ink);letter-spacing:-.03em} .kl-ui .kl-revsum-h p{font-size:14px} .kl-ui .kl-revbar{display:flex;align-items:center;gap:10px;font-size:13px} .kl-ui .kl-revbar>span:first-child{width:34px} .kl-ui .kl-revbar>span:last-child{width:24px;text-align:right} .kl-ui .kl-revbar-t{flex:1;height:8px;border-radius:4px;background:#EFEDF7;overflow:hidden} .kl-ui .kl-revbar-t span{display:block;height:100%;background:var(--iris);border-radius:4px} .kl-ui .kl-revsum .kl-btn{align-self:flex-start} .kl-ui .kl-pp-reviews .kl-revs-l #reviews{display:flex;flex-direction:column;gap:24px} @media (max-width:1023px){ .kl-ui .kl-co,.kl-ui .kl-cart{grid-template-columns:minmax(0,1fr)} .kl-ui .kl-co-side,.kl-ui .kl-cart-side{position:static} .kl-ui .kl-ty-more{grid-template-columns:minmax(0,1fr)} .kl-ui .kl-wc-account .woocommerce{flex-direction:column;align-items:stretch} .kl-ui .kl-acnav{flex:none;position:static;padding:8px} .kl-ui .kl-acnav ul{flex-direction:row;overflow-x:auto;scrollbar-width:none;gap:4px} .kl-ui .kl-acnav li a{white-space:nowrap;height:40px} .kl-ui .kl-acnav li.kl-acnav-x:first-of-type{margin:0;padding:0;border:0} .kl-ui .kl-keyrow{grid-template-columns:56px minmax(0,1fr);gap:12px 14px} .kl-ui .kl-keyrow>.kl-kbox,.kl-ui .kl-keyrow>.kl-keyrow-a{grid-column:1/-1} .kl-ui .kl-revs{grid-template-columns:minmax(0,1fr)} .kl-ui .kl-revsum{position:static} } @media (max-width:760px){ .kl-ui .kl-co-card{padding:18px;border-radius:16px} .kl-ui .kl-co-card .woocommerce-billing-fields__field-wrapper{grid-template-columns:minmax(0,1fr)} .kl-ui .kl-co-card .woocommerce-billing-fields__field-wrapper>.form-row-first,.kl-ui .kl-co-card .woocommerce-billing-fields__field-wrapper>.form-row-last{grid-column:1} .kl-ui .kl-co-h h2{font-size:18px!important} .kl-ui .kl-co-sum{padding:18px} .kl-ui .kl-pm{padding:14px 14px 14px 44px} .kl-ui .kl-pm>input.input-radio{left:14px;top:16px} .kl-ui .kl-cd-h,.kl-ui .kl-cd-b,.kl-ui .kl-cd-f{padding-left:16px;padding-right:16px} .kl-ui .kl-ci{padding:16px;gap:12px} .kl-ui .kl-ci-img img,.kl-ui .kl-ci-img .kl-fbimg{width:56px;height:56px} .kl-ui .kl-ci-p{font-size:16px} .kl-ui .kl-cart-actions .coupon{max-width:none} .kl-ui .kl-ty-hero-in{padding-top:28px;padding-bottom:96px;gap:14px} .kl-ui .kl-ty-hero h1{font-size:28px} .kl-ui .kl-ty-hero p{font-size:15px} .kl-ui .kl-ty-steps{gap:6px;justify-content:space-between} .kl-ui .kl-ty-steps li{font-size:11.5px;gap:5px;flex-direction:column} .kl-ui .kl-ty-steps li+li::before{display:none} .kl-ui .kl-ty-steps li+li{flex:0 1 auto} .kl-ui .kl-keycard{padding:18px;border-radius:18px;gap:14px} .kl-ui .kl-keycard-h>img,.kl-ui .kl-keycard-h>.kl-fbimg{width:56px;height:56px} .kl-ui .kl-keycard-t b{font-size:17px} .kl-ui .kl-kbox-l{padding:14px} .kl-ui .kl-kbox-l .kl-kbox-v{font-size:17px} .kl-ui .kl-kbox-l .kl-kbox-b{width:100%} .kl-ui .kl-kbox-l .kl-kbox-b .kl-btn{flex:1} .kl-ui .kl-kbox{flex-wrap:wrap} .kl-ui .kl-acc-cards{grid-template-columns:minmax(0,1fr)} .kl-ui .kl-req>div{grid-template-columns:minmax(0,1fr);gap:2px;padding:12px 16px} } /* ===== Round 2 polish ===== */ .kl-ui .kl-ty-solo .kl-ty-hero-in{padding-bottom:56px} .kl-ui .kl-cart-side .kl-totals{border-top:0;margin-top:0;padding-top:0} .kl-ui .kl-co-note{display:block} .kl-ui .kl-co-note .kl-i{display:inline-block;vertical-align:-2px;margin-right:4px} .kl-ui .kl-co-card label.checkbox:not(.woocommerce-form__label-for-checkbox) input[type=checkbox]{vertical-align:-4px;margin:0 8px 0 0} .kl-ui .password-input{position:relative;display:block} .kl-ui .password-input input{padding-right:52px!important} .kl-ui .show-password-input{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:40px;height:40px;padding:0;border:0;border-radius:8px;background:transparent no-repeat center/20px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B6790' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");cursor:pointer;box-shadow:none} .kl-ui .show-password-input.display-password{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234F3BF6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3l18 18M10.6 5.1A10.9 10.9 0 0 1 12 5c6.4 0 10 7 10 7a17 17 0 0 1-3.2 4.1M6.6 6.6A17.4 17.4 0 0 0 2 12s3.6 7 10 7a9.7 9.7 0 0 0 5.4-1.6M9.9 9.9a3 3 0 0 0 4.2 4.2'/%3E%3C/svg%3E")} .kl-ui .show-password-input:hover{background-color:var(--paper)} .kl-ui .kl-pp-reviews .woocommerce-Reviews-title{font-size:26px} @media (max-width:760px){ .kl-ui .kl-news-f input{flex:none} .kl-ui .kl-pp-reviews .woocommerce-Reviews-title{font-size:21px;margin-bottom:14px} .kl-ui #place_order{font-size:15px;padding:0 14px} } /* Small fallback thumbnails: percentage padding follows the parent's width, so use a fixed inset. */ .kl-ui .kl-keycard-h>.kl-fbimg,.kl-ui .kl-keyrow>.kl-fbimg,.kl-ui .kl-ri>.kl-fbimg,.kl-ui .kl-cd-img .kl-fbimg,.kl-ui .kl-ci-img .kl-fbimg,.kl-ui .kl-ty-up-p>.kl-fbimg,.kl-ui .kl-cd-up>.kl-fbimg,.kl-ui .kl-mm-p .kl-fbimg,.kl-ui .kl-dcat .kl-fbimg,.kl-ui .kl-row .kl-fbimg,.kl-ui .kl-opt .kl-fbimg,.kl-ui .kl-how-card-p .kl-fbimg,.kl-ui .kl-guide .kl-fbimg,.kl-ui .kl-sticky-in .kl-fbimg{padding:6px;flex:none} /* My keys rows: product + actions on top, the key box underneath. */ .kl-ui .kl-keyrow{grid-template-columns:64px minmax(0,1fr) auto;gap:14px 18px;align-items:start} .kl-ui .kl-keyrow>:first-child{grid-column:1;grid-row:1/span 2} .kl-ui .kl-keyrow>.kl-keyrow-t{grid-column:2;grid-row:1} .kl-ui .kl-keyrow>.kl-keyrow-a{grid-column:3;grid-row:1} .kl-ui .kl-keyrow>.kl-kbox{grid-column:2/-1;grid-row:2} .kl-ui .kl-keyrow .kl-kbox-v{white-space:nowrap} @media (max-width:1023px){ .kl-ui .kl-wc-account .woocommerce{display:block} .kl-ui .kl-acnav{margin-bottom:20px;overflow:hidden} .kl-ui .kl-acnav ul{max-width:100%} } @media (max-width:760px){ .kl-ui .kl-keyrow{grid-template-columns:56px minmax(0,1fr)} .kl-ui .kl-keyrow>:first-child{grid-row:1} .kl-ui .kl-keyrow>.kl-keyrow-a{grid-column:1/-1;grid-row:3} .kl-ui .kl-keyrow>.kl-kbox{grid-column:1/-1;grid-row:2} .kl-ui .kl-keyrow .kl-kbox-v{white-space:normal} } @media (max-width:760px){ .kl-ui .kl-kbox-l .kl-kbox-v{font-size:15px;letter-spacing:.02em} } /* Payment tiles: concept wording under the title. */ .kl-ui .kl-pm-d{flex-basis:100%;font:400 14px/1.45 var(--f-b);color:var(--muted)} /* Checkout on a phone: order summary bar on top (concept), summary folds out. */ .kl-ui .kl-co-mbar{display:none} @media (max-width:1023px){ .kl-ui .kl-co-mbar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 16px;margin:0 0 16px} .kl-ui .kl-co-mbar-b{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;flex:1;background:transparent;border:0;padding:0;text-align:left;cursor:pointer;color:var(--ink);font:inherit} .kl-ui .kl-co-mbar-n{font:600 15px/1.3 var(--f-b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%} .kl-ui .kl-co-mbar-s{display:inline-flex;align-items:center;gap:4px;font:600 13.5px var(--f-b);color:var(--iris)} .kl-ui .kl-co-mbar-t{font:700 18px var(--f-h);color:var(--ink);white-space:nowrap} .kl-ui .kl-co{display:flex;flex-direction:column;gap:16px} .kl-ui .kl-co-side{display:none;order:-1} .kl-ui .kl-co.is-sum .kl-co-side{display:block} .kl-ui .kl-co.is-sum~* .kl-co-mbar-s .kl-i,.kl-ui .kl-co-mbar-b[aria-expanded=true] .kl-i{transform:rotate(180deg)} } .kl-ui .kl-val{font-weight:700;color:var(--ink);font-size:14px;white-space:nowrap} /* ===== Install guides hub ===== */ .kl-ui .kl-gh .kl-wrap{padding-bottom:40px} .kl-ui .kl-gh-in{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:40px;align-items:end} .kl-ui .kl-gh-t{display:flex;flex-direction:column;gap:14px;min-width:0} .kl-ui .kl-gh-t .kl-chiprow{margin-top:8px} .kl-ui .kl-gh-help{padding:24px;display:flex;flex-direction:column;gap:10px;background:var(--iris-50);border-color:var(--iris-100)} .kl-ui .kl-gh-help b{font:600 19px/1.25 var(--f-h);color:var(--ink)} .kl-ui .kl-gh-btns{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px} .kl-ui .kl-gsec,.kl-ui #g-help{scroll-margin-top:16px} .kl-ui .kl-gsec .kl-sh{margin-bottom:20px} .kl-ui .kl-gcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} .kl-ui .kl-gcard{display:grid;grid-template-columns:72px minmax(0,1fr);grid-template-rows:auto auto;gap:4px 16px;align-items:center;padding:16px;color:var(--ink)!important;transition:box-shadow .2s,border-color .2s} .kl-ui .kl-gcard:hover{box-shadow:var(--shadow);border-color:var(--iris-100)} .kl-ui .kl-gcard>img,.kl-ui .kl-gcard>.kl-ico{grid-row:1/span 2;width:72px;height:72px;border-radius:12px} .kl-ui .kl-gcard-t{display:flex;flex-direction:column;gap:2px;min-width:0} .kl-ui .kl-gcard-t b{font:600 17px/1.3 var(--f-h)} .kl-ui .kl-gcard-t .kl-muted{font-size:14px} .kl-ui .kl-gcard-go{display:inline-flex;align-items:center;gap:6px;font:600 14px var(--f-b);color:var(--iris)} .kl-ui .kl-ghelp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} .kl-ui .kl-ghelp-i{display:flex;gap:14px;align-items:center;padding:18px;color:var(--ink)!important;transition:box-shadow .2s} .kl-ui .kl-ghelp-i:hover{box-shadow:var(--shadow)} .kl-ui .kl-ghelp-i>span:last-child{display:flex;flex-direction:column;gap:2px;min-width:0} .kl-ui .kl-ghelp-i b{line-height:1.3} .kl-ui .kl-ghelp-i .kl-muted{font-size:14px} /* ===== Contact ===== */ .kl-ui .kl-ct{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:28px;align-items:start} .kl-ui .kl-ct-side{display:flex;flex-direction:column;gap:14px} .kl-ui .kl-ct-chat{position:relative;overflow:hidden;background:var(--ink);border-radius:var(--r-p);padding:28px;display:flex;flex-direction:column;gap:12px;align-items:flex-start} .kl-ui .kl-ct-chat::before{content:"";position:absolute;right:-140px;top:-180px;width:420px;height:420px;border-radius:50%;background:radial-gradient(closest-side,rgba(98,72,255,.5),rgba(98,72,255,0));pointer-events:none} .kl-ui .kl-ct-chat>*{position:relative} .kl-ui .kl-ct-chat b{font:600 21px/1.3 var(--f-h);color:#fff} .kl-ui .kl-ct-chat p{color:#B9B5D6} .kl-ui .kl-ct-i{display:flex;gap:14px;padding:18px;align-items:flex-start} .kl-ui .kl-ct-i b{color:var(--ink);display:block;margin-bottom:2px} .kl-ui .kl-ct-i p{font-size:14.5px;margin:0 0 4px} .kl-ui .kl-ct-i a{font-weight:600} .kl-ui .kl-ct-form{padding:32px;display:flex;flex-direction:column;gap:6px} .kl-ui .kl-ct-form h2{font-size:26px} .kl-ui .kl-cf7{margin-top:14px} .kl-ui .kl-cf7 form p{margin:0 0 14px!important} .kl-ui .kl-cf7 .wpcf7-form-control-wrap{display:block} .kl-ui .kl-cf7 input[type=text],.kl-ui .kl-cf7 input[type=email],.kl-ui .kl-cf7 input[type=tel],.kl-ui .kl-cf7 textarea{width:100%;min-height:50px;border-radius:var(--r-c);border:1.5px solid var(--line2);background:#fff;padding:12px 14px;font:400 15px/1.4 var(--f-b);color:var(--ink);box-shadow:none;outline:none;transition:border-color .15s,box-shadow .15s} .kl-ui .kl-cf7 textarea{min-height:150px;resize:vertical} .kl-ui .kl-cf7 input:focus,.kl-ui .kl-cf7 textarea:focus{border-color:var(--iris);box-shadow:0 0 0 4px rgba(79,59,246,.14)} .kl-ui .kl-cf7 input[type=submit]{width:100%;min-height:52px;border-radius:12px;background:var(--iris);color:#fff;border:0;font:600 16px var(--f-b);cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 10px 22px -10px rgba(79,59,246,.7)} .kl-ui .kl-cf7 input[type=submit]:hover{background:var(--iris-d)} .kl-ui .kl-cf7 br{display:none} .kl-ui .kl-cf7 .wpcf7-spinner{margin:10px auto 0;display:block} .kl-ui .kl-cf7 .wpcf7-not-valid{border-color:var(--danger)!important} .kl-ui .kl-cf7 .wpcf7-not-valid-tip{font-size:13px;color:var(--danger);margin-top:4px;display:block} .kl-ui .kl-cf7 .wpcf7-response-output{margin:6px 0 0!important;padding:12px 14px!important;border-radius:var(--r-c);border:1px solid var(--line2)!important;font-size:14.5px} .kl-ui .kl-cf7 .wpcf7 form.sent .wpcf7-response-output{border-color:var(--ok)!important;background:#EAF8F0;color:var(--ok)} .kl-ui .kl-cf7 .wpcf7 form.invalid .wpcf7-response-output,.kl-ui .kl-cf7 .wpcf7 form.failed .wpcf7-response-output{border-color:var(--danger)!important;background:#FDEEEF;color:var(--danger)} .kl-ui .kl-cf7 .screen-reader-response{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)} .kl-ui .kl-ct-links{display:flex;gap:18px;flex-wrap:wrap;margin-top:14px;padding-top:16px;border-top:1px solid #EFEDF7} .kl-ui .kl-ct-links a{display:inline-flex;align-items:center;gap:6px;font:600 14px var(--f-b)} /* ===== About ===== */ .kl-ui .kl-ab-h .kl-wrap{padding-bottom:40px} .kl-ui .kl-ab-h-in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px;align-items:center} .kl-ui .kl-ab-h-t{display:flex;flex-direction:column;gap:14px} .kl-ui .kl-ab-btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px} .kl-ui .kl-ab-img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:var(--r-p);box-shadow:var(--shadow)} .kl-ui .kl-ab-trust{padding-top:32px} .kl-ui .kl-ab{display:flex;flex-direction:column} .kl-ui .kl-ab-intro p{font:500 24px/1.45 var(--f-h);color:var(--ink);letter-spacing:-.01em;max-width:900px;margin:0 0 40px} .kl-ui .kl-ab-row{display:grid;grid-template-columns:300px minmax(0,1fr);gap:32px;padding:32px 0;border-top:1px solid var(--line)} .kl-ui .kl-ab-row h2{font-size:26px} .kl-ui .kl-ab-row .kl-prose{max-width:760px} .kl-ui .kl-ab-why{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .kl-ui .kl-ab-why li{display:flex;gap:10px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:var(--r-c);padding:12px 14px;font-size:15px;color:var(--ink);line-height:1.4} .kl-ui .kl-ab-why .kl-i{color:var(--ok);flex:none;margin-top:1px;stroke-width:2.4} .kl-ui .kl-ab-biz{position:relative;overflow:hidden;margin-top:24px;background:var(--ink);border-radius:24px;padding:40px;display:grid;grid-template-columns:minmax(0,1.4fr) auto;gap:32px;align-items:center} .kl-ui .kl-ab-biz::before{content:"";position:absolute;right:-160px;top:-220px;width:560px;height:560px;border-radius:50%;background:radial-gradient(closest-side,rgba(98,72,255,.5),rgba(98,72,255,0));pointer-events:none} .kl-ui .kl-ab-biz>*{position:relative} .kl-ui .kl-ab-biz h2{color:#fff!important;font-size:30px;margin:10px 0 12px} .kl-ui .kl-ab-biz p{color:#B9B5D6;max-width:640px} .kl-ui .kl-ab-biz-b{display:flex;flex-direction:column;gap:10px} @media (max-width:1023px){ .kl-ui .kl-gh-in,.kl-ui .kl-ab-h-in{grid-template-columns:minmax(0,1fr);gap:24px} .kl-ui .kl-gcards{grid-template-columns:repeat(2,minmax(0,1fr))} .kl-ui .kl-ct{grid-template-columns:minmax(0,1fr)} .kl-ui .kl-ab-row{grid-template-columns:minmax(0,1fr);gap:12px} .kl-ui .kl-ab-biz{grid-template-columns:minmax(0,1fr)} .kl-ui .kl-ab-biz-b{flex-direction:row;flex-wrap:wrap} } @media (max-width:760px){ .kl-ui .kl-gcards,.kl-ui .kl-ghelp,.kl-ui .kl-ab-why{grid-template-columns:minmax(0,1fr)} .kl-ui .kl-gcard{grid-template-columns:56px minmax(0,1fr);padding:14px} .kl-ui .kl-gcard>img,.kl-ui .kl-gcard>.kl-ico{width:56px;height:56px} .kl-ui .kl-gh-t .kl-chiprow{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-left:-16px;margin-right:-16px;padding:0 16px} .kl-ui .kl-gh-t .kl-chip{flex:none} .kl-ui .kl-ct-form{padding:20px} .kl-ui .kl-ct-chat{padding:22px} .kl-ui .kl-ab-intro p{font-size:19px;margin-bottom:24px} .kl-ui .kl-ab-row{padding:24px 0} .kl-ui .kl-ab-row h2{font-size:22px} .kl-ui .kl-ab-biz{padding:24px;border-radius:20px} .kl-ui .kl-ab-biz h2{font-size:24px} .kl-ui .kl-ab-biz-b .kl-btn{flex:1} } .kl-ui .kl-gh-help .kl-ico{background:#fff} .kl-ui .kl-cf7 .hidden-fields-container,.kl-ui .kl-cf7 fieldset:has(input[type=hidden]:only-of-type){display:none} .kl-ui .kl-cf7 fieldset{border:0;padding:0;margin:0;min-width:0} .kl-ui .kl-cf7 .wpcf7 form.init .wpcf7-response-output,.kl-ui .kl-cf7 .wpcf7 form.resetting .wpcf7-response-output,.kl-ui .kl-cf7 .wpcf7 form.submitting .wpcf7-response-output,.kl-ui .kl-cf7 .wpcf7-response-output:empty{display:none} .kl-ui .kl-cf7 .cf-turnstile{margin:2px 0 16px}