/* Kaymali - graphics card store.
   Own visual language: Sora / Figtree / JetBrains Mono on a cool off-white,
   green-black ink and one deep emerald accent. Everything is namespaced kx-. */

:root{
  --kx-ground:#F6F7F5; --kx-surface:#FFFFFF; --kx-ink:#111A18; --kx-ink-2:#33403C;
  --kx-muted:#5D6B67; --kx-line:#DDE3E0; --kx-accent:#0E7C66; --kx-accent-dk:#0A5F4E;
  --kx-tint:#D5F2E8; --kx-deep:#0E1513; --kx-r:10px; --kx-maxw:1240px;
  --kx-display:'Sora',system-ui,-apple-system,"Segoe UI",sans-serif;
  --kx-text:'Figtree',system-ui,-apple-system,"Segoe UI",sans-serif;
  --kx-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}

/* ---- base ---- */
body.kx-on{font-family:var(--kx-text);color:var(--kx-ink);background:var(--kx-ground);
  font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;}
body.kx-on h1,body.kx-on h2,body.kx-on h3,body.kx-on h4{font-family:var(--kx-display);
  font-weight:600;letter-spacing:-.02em;line-height:1.15;color:var(--kx-ink);text-wrap:balance;}
body.kx-on a{color:var(--kx-accent);text-underline-offset:3px;}
body.kx-on a:hover{color:var(--kx-accent-dk);}
body.kx-on :focus-visible{outline:2px solid var(--kx-accent);outline-offset:3px;border-radius:4px;}
body.kx-on .site-header{background:var(--kx-surface);border-bottom:1px solid var(--kx-line);}
body.kx-on .col-full.main-header{padding-top:14px;padding-bottom:14px;}
/* one-row light header (theme layout header-4): logo / menu / search / cart */
body.kx-on .site-header,body.kx-on .col-full-nav{background:var(--kx-surface)!important;}
body.kx-on .site-header{border-bottom:0;}
body.kx-on .col-full-nav{border-bottom:1px solid var(--kx-line);}
body.kx-on .main-navigation ul.menu > li > a{font-family:var(--kx-text);font-weight:600;font-size:.97rem;
  color:var(--kx-ink)!important;letter-spacing:0;}
body.kx-on .main-navigation ul.menu > li > a:hover,body.kx-on .main-navigation ul.menu > li.current-menu-item > a{color:var(--kx-accent)!important;}
body.kx-on .main-navigation ul.menu > li.menu-item-has-children > a::after{border-color:currentColor;}
@media (min-width:993px){body.kx-on .main-navigation ul.menu .sub-menu-wrapper .sub-menu{border-radius:var(--kx-r);
  box-shadow:0 14px 34px rgba(17,26,24,.12);border:1px solid var(--kx-line);}}
body.kx-on .main-navigation ul.menu .sub-menu a{font-family:var(--kx-text);font-size:.93rem;color:var(--kx-ink-2)!important;}
body.kx-on .main-navigation ul.menu .sub-menu a:hover{color:var(--kx-accent)!important;}
body.kx-on .search-trigger,body.kx-on .shoptimizer-cart a.cart-contents{color:var(--kx-ink)!important;}
body.kx-on .shoptimizer-cart .count,body.kx-on .shoptimizer-cart a.cart-contents .count{background:var(--kx-accent)!important;
  border-color:var(--kx-accent)!important;color:#fff!important;border-radius:999px;}
.kx-strip{background:var(--kx-tint);color:var(--kx-accent-dk);font-size:.84rem;font-weight:600;text-align:center;
  padding:8px 16px;line-height:1.4;}
.kx-strip a{color:inherit!important;text-decoration:underline;text-underline-offset:2px;}
@media(max-width:600px){.kx-strip-more{display:none;}}

.kx-wrap{max-width:var(--kx-maxw);margin:0 auto;padding:0 24px;}
.kx-band{padding:clamp(52px,7vw,92px) 0;}
.kx-band--surface{background:var(--kx-surface);}
.kx-band--ground{background:var(--kx-ground);}
.kx-band--deep{background:var(--kx-deep);color:#D9E4E0;}
body.kx-on .kx-band--deep h2,body.kx-on .kx-band--deep h3{color:#fff;}
.kx-kicker{font-family:var(--kx-mono);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;
  color:var(--kx-accent);margin:0 0 14px;}
.kx-band--deep .kx-kicker{color:#7FD9BF;}
.kx-h1{font-size:clamp(2.2rem,5vw,3.8rem);line-height:1.04;margin:0 0 18px;}
.kx-h2{font-size:clamp(1.6rem,3vw,2.35rem);margin:0 0 12px;}
.kx-lead{font-size:1.08rem;color:var(--kx-ink-2);max-width:58ch;margin:0 0 26px;}
.kx-band--deep .kx-lead{color:#B9C8C3;}
.kx-head{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-end;justify-content:space-between;
  margin-bottom:clamp(24px,3vw,38px);}
.kx-head .kx-lead{margin:0;}

/* ---- buttons ---- */
.kx-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;}
.kx-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 24px;border-radius:999px;
  font-family:var(--kx-text);font-weight:600;font-size:.95rem;text-decoration:none!important;
  border:1.5px solid transparent;transition:background .16s ease,color .16s ease,border-color .16s ease;}
.kx-btn--solid{background:var(--kx-accent);color:#fff!important;}
.kx-btn--solid:hover{background:var(--kx-accent-dk);}
.kx-btn--line{border-color:var(--kx-ink);color:var(--kx-ink)!important;}
.kx-btn--line:hover{background:var(--kx-ink);color:#fff!important;}
.kx-band--deep .kx-btn--line{border-color:#fff;color:#fff!important;}

/* ---- hero ---- */
.kx-hero{display:grid;gap:clamp(28px,5vw,64px);align-items:center;grid-template-columns:minmax(0,1fr);}
@media(min-width:960px){.kx-hero{grid-template-columns:1.1fr .9fr;}}
.kx-hero-media{background:var(--kx-surface);border:1px solid var(--kx-line);border-radius:calc(var(--kx-r)*2);
  padding:18px;}
.kx-hero-media img{display:block;width:100%;height:auto;border-radius:var(--kx-r);}
.kx-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;
  background:var(--kx-line);border:1px solid var(--kx-line);border-radius:var(--kx-r);overflow:hidden;
  margin-top:34px;}
.kx-facts div{background:var(--kx-surface);padding:16px 18px;}
.kx-facts b{display:block;font-family:var(--kx-display);font-size:1.05rem;color:var(--kx-ink);}
.kx-facts span{font-size:.86rem;color:var(--kx-muted);}

/* ---- lanes (category entry points) ---- */
.kx-lanes{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));}
.kx-lane{display:flex;flex-direction:column;background:var(--kx-surface);border:1px solid var(--kx-line);
  border-radius:var(--kx-r);overflow:hidden;text-decoration:none!important;color:var(--kx-ink)!important;
  transition:border-color .16s ease,transform .16s ease;}
.kx-lane:hover{border-color:var(--kx-accent);transform:translateY(-2px);}
.kx-lane img{display:block;width:100%;aspect-ratio:1/1;object-fit:contain;background:#fff;}
.kx-lane-body{padding:18px 20px 22px;border-top:1px solid var(--kx-line);}
.kx-lane-body h3{font-size:1.15rem;margin:0 0 6px;}
.kx-lane-body p{margin:0;color:var(--kx-muted);font-size:.93rem;}
.kx-tag{display:inline-block;font-family:var(--kx-mono);font-size:.72rem;background:var(--kx-tint);
  color:var(--kx-accent-dk);padding:3px 8px;border-radius:6px;margin-bottom:10px;}

/* ---- tiers ---- */
.kx-tiers{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));}
.kx-tier{border:1px solid rgba(255,255,255,.14);border-radius:var(--kx-r);padding:22px;}
.kx-tier h3{font-size:1.05rem;margin:0 0 4px;}
.kx-tier .kx-res{font-family:var(--kx-mono);font-size:.8rem;color:#7FD9BF;margin:0 0 10px;}
.kx-tier p{margin:0;font-size:.93rem;color:#B9C8C3;}
body.kx-on .kx-tier a{color:#fff;}

/* ---- checklist ---- */
.kx-checks{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  counter-reset:kx;list-style:none;padding:0;margin:0;}
.kx-checks li{counter-increment:kx;background:var(--kx-surface);border:1px solid var(--kx-line);
  border-radius:var(--kx-r);padding:20px;}
.kx-checks li::before{content:counter(kx);display:inline-grid;place-items:center;width:28px;height:28px;
  border-radius:50%;background:var(--kx-tint);color:var(--kx-accent-dk);font-family:var(--kx-mono);
  font-size:.8rem;font-weight:700;margin-bottom:12px;}
.kx-checks h3{font-size:1rem;margin:0 0 6px;}
.kx-checks p{margin:0;color:var(--kx-muted);font-size:.92rem;}

/* ---- promise strip ---- */
.kx-promise{display:grid;gap:0;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  border-top:1px solid var(--kx-line);border-bottom:1px solid var(--kx-line);}
.kx-promise div{padding:22px 20px;border-right:1px solid var(--kx-line);}
.kx-promise div:last-child{border-right:0;}
body.kx-on .kx-promise b{display:block;font-family:var(--kx-display);font-size:1rem;margin-bottom:4px;}
.kx-promise span{color:var(--kx-muted);font-size:.9rem;}

/* ---- content pages ---- */
body.kx-on:not(.woocommerce-page) .site-content .col-full > h1,
body.kx-on:not(.woocommerce-page) .site-content .col-full > h2,
body.kx-on:not(.woocommerce-page) .site-content .col-full > h3,
body.kx-on:not(.woocommerce-page) .site-content .col-full > p,
body.kx-on:not(.woocommerce-page) .site-content .col-full > ul,
body.kx-on:not(.woocommerce-page) .site-content .col-full > ol,
body.kx-on:not(.woocommerce-page) .site-content .col-full > table,
body.kx-on:not(.woocommerce-page) .site-content .col-full > form,
body.kx-on:not(.woocommerce-page) .site-content .col-full > .woocommerce,
body.kx-on:not(.woocommerce-page) .site-content .col-full > .woocommerce-breadcrumb{
  max-width:780px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px;}
body.kx-on:not(.woocommerce-page) .site-content .col-full > h2{margin-top:2.1em;font-size:1.45rem;}
body.kx-on:not(.woocommerce-page) .site-content .col-full > h3{margin-top:1.4em;font-size:1.08rem;}
body.kx-on .kx-lede{font-size:1.12rem;color:var(--kx-ink-2);border-left:3px solid var(--kx-accent);
  padding-left:16px!important;}
body.kx-on .kx-table,body.kx-on .kym-specs{width:100%;border-collapse:collapse;font-size:.95rem;
  background:var(--kx-surface);border:1px solid var(--kx-line);border-radius:var(--kx-r);overflow:hidden;}
body.kx-on .kx-table th,body.kx-on .kx-table td,
body.kx-on .kym-specs th,body.kx-on .kym-specs td{text-align:left;padding:11px 14px;
  border-bottom:1px solid var(--kx-line);vertical-align:top;}
body.kx-on .kx-table th,body.kx-on .kym-specs th{width:38%;color:var(--kx-muted);font-weight:500;}
body.kx-on .kym-specs td{font-family:var(--kx-mono);font-size:.86rem;}
body.kx-on .kx-table tr:last-child th,body.kx-on .kx-table tr:last-child td,
body.kx-on .kym-specs tr:last-child th,body.kx-on .kym-specs tr:last-child td{border-bottom:0;}
body.kx-on .kx-contact{list-style:none;padding-left:24px;}
body.kx-on .kx-contact li{padding:8px 0;border-bottom:1px solid var(--kx-line);}
body.kx-on .kx-contact strong{display:inline-block;min-width:170px;}

/* ---- WooCommerce ---- */
body.kx-on .single_add_to_cart_button,body.kx-on .button.alt,body.kx-on .checkout-button,
body.kx-on #place_order{background:var(--kx-accent)!important;color:#fff!important;
  border-radius:999px!important;font-weight:600!important;}
body.kx-on .single_add_to_cart_button:hover,body.kx-on .button.alt:hover{background:var(--kx-accent-dk)!important;}
body.kx-on .wc-block-components-checkout-place-order-button,body.kx-on .wc-block-cart__submit-button,
body.kx-on form.track_order button,body.kx-on .wpforms-submit{background:var(--kx-accent)!important;
  border-color:var(--kx-accent)!important;color:#fff!important;border-radius:999px!important;font-weight:600!important;}
body.kx-on .wc-block-components-checkout-place-order-button:hover,body.kx-on .wc-block-cart__submit-button:hover,
body.kx-on form.track_order button:hover,body.kx-on .wpforms-submit:hover{background:var(--kx-accent-dk)!important;}
body.kx-on .wpforms-container{max-width:780px;margin-left:auto!important;margin-right:auto!important;padding:0 24px;}
body.kx-on .wpforms-container input,body.kx-on .wpforms-container textarea{border-radius:8px!important;}
body.kx-on .price,body.kx-on .amount{font-family:var(--kx-display);color:var(--kx-ink);}
body.kx-on ul.products li.product{background:var(--kx-surface);border:1px solid var(--kx-line);
  border-radius:var(--kx-r);padding:14px 14px 18px;}
body.kx-on ul.products li.product img{border-radius:calc(var(--kx-r) - 4px);}
body.kx-on ul.products li.product .woocommerce-loop-product__title{font-family:var(--kx-text);
  font-weight:600;font-size:.95rem;line-height:1.35;}
body.kx-on .woocommerce-product-gallery{background:#fff;border:1px solid var(--kx-line);
  border-radius:var(--kx-r);padding:10px;}
body.kx-on .product_title{font-size:clamp(1.4rem,2.4vw,1.9rem);}
body.kx-on .woocommerce-tabs .panel h3{font-size:1.1rem;margin-top:1.6em;}
body.kx-on .woocommerce-order-tracking,body.kx-on form.track_order{background:var(--kx-surface);
  border:1px solid var(--kx-line);border-radius:var(--kx-r);padding:24px!important;}

/* ---- footer ---- */
.kx-foot{background:var(--kx-deep);color:#AEBDB8;padding:clamp(44px,5vw,70px) 24px 30px;}
.kx-foot-grid{max-width:var(--kx-maxw);margin:0 auto;display:grid;gap:32px;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));}
/* the theme footer is a grid with auto tracks; without this the widget grows to its min-content */
body.kx-on .site-footer .col-full{grid-template-columns:minmax(0,1fr);}
body.kx-on .site-footer .col-full > .widget{min-width:0;}
.kx-foot-brand img{display:block;height:30px;width:auto;margin-bottom:14px;}
.kx-foot-brand p{font-size:.92rem;margin:0 0 10px;}
body.kx-on .kx-foot h4{font-family:var(--kx-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;
  color:#7FD9BF;margin:0 0 14px;font-weight:600;}
.kx-foot ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;}
body.kx-on .kx-foot a{color:#E3ECE9;text-decoration:none;font-size:.93rem;}
body.kx-on .kx-foot a:hover{color:#fff;text-decoration:underline;}
.kx-foot address{font-style:normal;font-size:.9rem;line-height:1.55;margin-top:14px;}
.kx-foot-base{max-width:var(--kx-maxw);margin:34px auto 0;padding-top:20px;
  border-top:1px solid rgba(255,255,255,.1);display:flex;flex-wrap:wrap;gap:12px;
  justify-content:space-between;font-size:.84rem;color:#8A9A95;}
body.kx-on .kx-foot-base a{font-size:.84rem;color:#B6C4BF;}
body.kx-on .kx-foot-base a:hover{color:#fff;}

@media(max-width:640px){
  .kx-foot-grid{grid-template-columns:1fr 1fr;gap:28px 20px;}
  .kx-foot-brand{grid-column:1 / -1;}
  body.kx-on .kx-foot-base{flex-direction:column;}
  body.kx-on:not(.woocommerce-page) .site-content .col-full > *{padding-left:20px;padding-right:20px;}
  .kx-promise div{border-right:0;border-bottom:1px solid var(--kx-line);}
}
@media (prefers-reduced-motion:reduce){body.kx-on *{transition:none!important;}}

/* ---- footer v2: light, help box first, plain sentence-case column titles ---- */
body.kx-on footer.site-footer,body.kx-on footer.copyright{background:var(--kx-surface)!important;color:var(--kx-ink-2);}
body.kx-on footer.site-footer{border-top:1px solid var(--kx-line);padding-top:0;}
body.kx-on footer.copyright{border-top:1px solid var(--kx-line);}
.kf{max-width:var(--kx-maxw);margin:0 auto;padding:clamp(40px,5vw,64px) 0 26px;}
.kf-help{display:grid;gap:24px;grid-template-columns:minmax(0,1fr);align-items:start;padding-bottom:34px;
  border-bottom:1px solid var(--kx-line);}
@media(min-width:860px){.kf-help{grid-template-columns:1fr 1.1fr;}}
.kf-help img{display:block;height:32px;width:auto;margin-bottom:12px;}
.kf-help p{margin:0;font-size:.95rem;color:var(--kx-ink-2);max-width:44ch;}
.kf-ask{background:var(--kx-ground);border:1px solid var(--kx-line);border-radius:14px;padding:20px 22px;}
.kf-ask p{max-width:none;}
.kf-ask .kf-ask-title{font-family:var(--kx-display);font-weight:600;font-size:1.08rem;color:var(--kx-ink);margin-bottom:4px;}
.kf-ask .kf-ask-links{margin-top:10px;font-weight:600;}
.kf-ask .kf-hours{font-size:.85rem;color:var(--kx-muted);margin-top:4px;}
.kf-ask .kf-addr{margin-top:14px;padding-top:12px;border-top:1px solid var(--kx-line);font-size:.92rem;line-height:1.5;}
.kf-addr-label{display:block;font-weight:700;color:var(--kx-ink);font-size:.85rem;margin-bottom:2px;}
.kf-cols{display:grid;gap:26px 20px;grid-template-columns:repeat(2,minmax(0,1fr));padding:32px 0;}
@media(min-width:860px){.kf-cols{grid-template-columns:repeat(4,minmax(0,1fr));}}
.kf-col-title{font-family:var(--kx-text);font-weight:700;font-size:.98rem;color:var(--kx-ink);margin:0 0 12px;}
.kf ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;}
body.kx-on .kf a,body.kx-on .kf-base a{color:var(--kx-ink-2);text-decoration:none;font-size:.93rem;}
body.kx-on .kf a:hover,body.kx-on .kf-base a:hover{color:var(--kx-accent);text-decoration:underline;}
body.kx-on .kf-ask a{color:var(--kx-accent-dk);}
.kf-pay{display:flex;flex-wrap:wrap;gap:8px;padding-top:22px;border-top:1px solid var(--kx-line);}
.kf-pay span{font-size:.78rem;font-weight:600;color:var(--kx-ink-2);border:1px solid var(--kx-line);border-radius:6px;
  padding:5px 10px;background:var(--kx-ground);}
.kf-base{max-width:var(--kx-maxw);margin:0 auto;display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:space-between;
  padding:14px 0;font-size:.84rem;color:var(--kx-muted);}
.kf-base p{margin:0;}
.kf-base p a{margin-left:14px;font-size:.84rem!important;}
.kf-base p a:first-child{margin-left:0;}
body.kx-on footer.site-footer .col-full,body.kx-on footer.copyright .col-full{padding-left:24px;padding-right:24px;}
@media(max-width:640px){.kf-base{flex-direction:column;}}