.kbg-v2{--ink:#171512;--ink-soft:#3A352D;--slate:#6D675C;--paper:#FAF8F4;--card:#FFFFFF;--line:#EAE5DB;--gold:#E5B15B;--gold-hover:#EFC074;--gold-deep:#C48F31;--gold-ink:#8A5E12;--gold-onblack:#ECC178;--amber:#E5B15B;--amber-600:#D49F45;--amber-700:#C48F31;--gold-tint:#FBF1DE;--gold-tint-2:#FDF7EC;--ok:#0c6a47;--hero-img:none;--r-key:0;--r-lg:0;--shadow-key:none;--shadow-key-press:none;--shadow-soft:none;--maxw:1600px}.kbg-v2,.kbg-v2 *{box-sizing:border-box}.kbg-v2{background:var(--paper);color:var(--ink);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}.kbg-v2.gradient[class*=color-]{background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.kbg-v2 h1,.kbg-v2 h2,.kbg-v2 h3,.kbg-v2 h4{font-weight:600;line-height:1.08;margin:0;letter-spacing:-.01em}.kbg-v2 img{max-width:100%;display:block}.kbg-v2 .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-ink)}.muted{color:var(--slate)}.legend{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;display:inline-flex;align-items:center;gap:.4em;padding:5px 9px;background:#fff;border:1px solid var(--line);color:var(--ink-soft);white-space:nowrap}.legend.gold{background:var(--gold-tint);border-color:#ebd3a2;color:var(--gold-ink)}.legend.dark{background:var(--ink);border-color:var(--ink);color:#fff}.btn{display:inline-flex;align-items:center;gap:.5em;justify-content:center;font-weight:700;font-size:15px;letter-spacing:.02em;text-transform:uppercase;min-height:48px;padding:13px clamp(13px,calc(26 * var(--relative-px)),26px);border-radius:0;border:1.5px solid transparent;cursor:pointer;text-decoration:none;transition:background .15s ease,color .15s ease,border-color .15s ease;-webkit-user-select:none;user-select:none}.btn-primary{background:var(--amber);color:var(--ink)}.kbg-v2 .btn-primary:hover{background:var(--amber-600);color:var(--ink)}.btn-primary:active{background:var(--amber-700);color:#fff}.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{background:#2a251f}.btn-dark:active{background:#000}.btn-ghost{background:#171512;color:#fff;border-color:var(--ink)}.kbg-v2 .btn-ghost:hover{background:#fff;border-color:var(--ink);color:var(--ink)}.btn-ghost:active{background:#000;border-color:#000;color:#fff}.btn-sm{min-height:38px;padding:9px 16px;font-size:12.5px}.btn:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.kbg-v2-section{padding:76px 0}.sec-head{max-width:720px;margin-bottom:38px}.sec-head h2{font-size:clamp(28px,4vw,40px);margin:12px 0 10px}.sec-head p{font-size:17px;color:var(--slate);margin:0}.table-scroll{overflow-x:auto;border-radius:var(--r-lg);border:1px solid var(--line);box-shadow:var(--shadow-soft);background:#fff}.kbg-v2 table{border-collapse:collapse;width:100%;min-width:640px}.kbg-v2 th,.kbg-v2 td{padding:14px 16px;text-align:left;font-size:14.5px;border-bottom:1px solid var(--line)}.kbg-v2 thead th{background:var(--gold-tint-2);font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft);position:sticky;top:0}.kbg-v2 tbody tr:last-child td{border-bottom:none}.kbg-v2 tbody tr:hover{background:var(--gold-tint-2)}@keyframes fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.sc-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px}.sc-head h2{font-size:clamp(24px,3vw,34px);margin:0 0 8px}.sc-head p{font-size:16px;color:var(--slate);margin:0}.scrail{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.scitem{margin:0}.scmedia{position:relative;aspect-ratio:4/5;background:#f5f5f5;display:flex;align-items:center;justify-content:center}.scmedia .ph{position:absolute;left:0;right:0;bottom:14px;text-align:center;font-size:13px}.scplay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;background:#ffffffeb;border:1px solid var(--ink);color:var(--ink);font-size:16px;cursor:pointer;transition:background .12s,color .12s}.scplay:hover{background:var(--ink);color:#fff}@media(max-width:900px){.scrail{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.kbg-v2-section{padding:56px 0}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}html:has(.kbg-v2){scroll-behavior:smooth}.kbg-v2-section,.showcase-section{scroll-margin-top:calc(var(--header-height, 80px) + 52px)}.kbg-v2-section:focus,.showcase-section:focus{outline:none}.kbg-v2-section:focus-visible,.showcase-section:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.kbg-v2-page{background:var(--paper, #FAF8F4)}.shopify-section:has(.kbg-v2){background:transparent}.kbg-v2 .showcase-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:989px){.kbg-v2 .showcase-grid{grid-template-columns:repeat(2,1fr)}}.kbg-v2 .showcase-card{position:relative;aspect-ratio:3/4;overflow:hidden;background:#111}.kbg-v2 .showcase-card img,.kbg-v2 .showcase-card video{width:100%;height:100%;object-fit:cover}.kbg-v2 .legend i{display:inline-block;width:14px;height:14px;border-radius:3px}.kbg-v2 .sc-meta{position:absolute;left:10px;bottom:10px;color:#fff;font-size:12px;font-weight:700;text-shadow:0 1px 4px rgba(0,0,0,.5)}#template-keyboard-buying-guide-v2 .showcase-section,#template-keyboard-buying-guide-v2 .showcase_image_wall,#template-keyboard-buying-guide-v2 .showcase_image_wall .home_link_box>a,#template-keyboard-buying-guide-v2 .showcase_image_wall .image_list .image_item,#template-keyboard-buying-guide-v2 .section_showcase .swiper_button,#template-keyboard-buying-guide-v2 .image_list .swiper-pagination-bullet{scroll-margin-top:calc(var(--header-height, 60px) + 52px)}#template-keyboard-buying-guide-v2 .showcase-section{background-color:#faf8f4}#template-keyboard-buying-guide-v2 .showcase-section .home_header_box .header_title .title_text{text-transform:none;font-weight:600;letter-spacing:-.01em}#template-keyboard-buying-guide-v2 .showcase-section .home_header_box .header_sub{color:#6d675c}#template-keyboard-buying-guide-v2 .showcase-section .swiper-pagination-bullet:after{background:#eae5db}#template-keyboard-buying-guide-v2 .showcase-section .swiper-pagination-bullet-active:after{background:#e5b15b}
/*# sourceMappingURL=/cdn/shop/t/57/assets/section-keyboard-buying-guide-v2.css.map */