/*
Theme Name: M&K Card Shop
Theme URI: https://mandkcardshop.com
Author: M&K Card Shop
Author URI: https://mandkcardshop.com
Description: Custom WooCommerce theme for M&K Card Shop - sports cards, Pokemon, and Magic: The Gathering.
Version: 1.3.0
Requires at least: 6.4
Requires PHP: 7.4
Tested up to: 6.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: mkcardshop
Tags: e-commerce, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

/* =========================================================
   1. CSS VARIABLES / DESIGN TOKENS
   ========================================================= */
:root{
  --bg-black:#0b0b0d;
  --bg-navy:#151a3d;
  --bg-navy-light:#1e2454;
  --card-bg:#101226;
  --red:#d81f26;
  --red-dark:#9c1418;
  --gold:#f0b429;
  --blue:#29abe2;
  --white:#f5f4f0;
  --gray:#8b8d9c;
  --border-hair:#2a2f5a;
  --max-width:1200px;
}

/* =========================================================
   2. RESET / BASE
   ========================================================= */
*, *::before, *::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; }
body{
  margin:0;
  background:var(--bg-black);
  color:var(--white);
  font-family:'Barlow', Helvetica, Arial, sans-serif;
  font-size:16px;
  line-height:1.6;
}
img{ max-width:100%; height:auto; display:block; }
a{ color:var(--gold); text-decoration:none; }
a:hover{ color:var(--white); }
ul{ list-style:none; margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{ margin:0 0 0.5em; line-height:1.15; font-weight:400; }
p{ margin:0 0 1em; }
.display{ font-family:'Anton', Impact, sans-serif; letter-spacing:0.5px; }
.cond{ font-family:'Barlow Condensed', Helvetica, Arial, sans-serif; letter-spacing:1px; text-transform:uppercase; }
.container{ max-width:var(--max-width); margin:0 auto; padding:0 32px; }
.screen-reader-text{
  position:absolute !important; width:1px; height:1px; overflow:hidden;
  clip:rect(1px,1px,1px,1px); white-space:nowrap;
}
.skip-link{
  position:absolute; left:-9999px; top:0; z-index:9999;
  background:var(--red); color:var(--white); padding:12px 20px;
}
.skip-link:focus{ left:10px; top:10px; }
*:focus-visible{ outline:2px solid var(--gold); outline-offset:2px; }

/* =========================================================
   3. TOP BAR
   ========================================================= */
.mk-topbar{
  background:var(--red);
  color:var(--white);
  font-family:'Barlow Condensed', sans-serif;
  font-size:12px;
  letter-spacing:1.5px;
  text-transform:uppercase;
  text-align:center;
  padding:6px 10px;
}
.mk-topbar a{ color:var(--white); text-decoration:underline; }

/* =========================================================
   4. HEADER
   ========================================================= */
.mk-header{
  background:var(--bg-black);
  border-bottom:2px solid var(--gold);
  padding:14px 32px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px;
  position:relative;
  z-index:100;
}
.mk-logo-wrap img, .mk-logo-wrap .custom-logo{ height:92px; width:auto; }
.mk-logo-wrap{ display:flex; align-items:center; gap:12px; }

.mk-primary-nav{ display:flex; }
.mk-primary-nav ul{ display:flex; gap:28px; flex-wrap:wrap; }
.mk-primary-nav li{ position:relative; }
.mk-primary-nav a{
  font-family:'Barlow Condensed', sans-serif;
  font-size:15px;
  font-weight:600;
  letter-spacing:1px;
  text-transform:uppercase;
  color:var(--white);
  border-bottom:2px solid transparent;
  padding-bottom:4px;
  display:inline-block;
}
.mk-primary-nav a:hover,
.mk-primary-nav .current-menu-item > a{ border-bottom-color:var(--gold); color:var(--gold); }

/* Desktop dropdown for sub-menus (e.g. Shop > Baseball, Football...) */
@media (min-width:901px){
  .mk-primary-nav .sub-menu{
    display:none;
    position:absolute; top:100%; left:0;
    flex-direction:column;
    gap:0;
    min-width:220px;
    background:var(--bg-navy);
    border:1px solid var(--border-hair);
    border-radius:6px;
    padding:8px 0;
    box-shadow:0 14px 30px rgba(0,0,0,0.5);
    z-index:200;
  }
  .mk-primary-nav li:hover > .sub-menu,
  .mk-primary-nav li:focus-within > .sub-menu{ display:flex; }
  .mk-primary-nav .sub-menu li{ width:100%; }
  .mk-primary-nav .sub-menu a{
    display:block; width:100%; padding:10px 18px; font-size:13px;
    border-bottom:none;
  }
  .mk-primary-nav .sub-menu a:hover{ background:var(--bg-navy-light); border-bottom:none; }
  .mk-primary-nav li.menu-item-has-children > a::after{
    content:" \025BE"; font-size:10px; margin-left:4px; opacity:0.7;
  }
}

.mk-header-icons{ display:flex; align-items:center; gap:14px; }
.mk-icon-btn{
  width:38px; height:38px;
  border:1px solid var(--border-hair);
  border-radius:6px;
  display:flex; align-items:center; justify-content:center;
  font-size:15px;
  color:var(--white);
  background:var(--bg-navy);
  position:relative;
  cursor:pointer;
}
.mk-icon-btn:hover{ border-color:var(--gold); color:var(--gold); }
.mk-cart-count{
  position:absolute; top:-6px; right:-6px;
  background:var(--gold); color:#3a2a05; font-size:10px; font-weight:700;
  border-radius:50%; min-width:16px; height:16px; padding:0 3px;
  display:flex; align-items:center; justify-content:center;
}
.mk-menu-toggle{ display:none; }

/* Mobile nav */
@media (max-width:900px){
  .mk-primary-nav{
    display:none;
    position:absolute; top:100%; left:0; right:0;
    background:var(--bg-black);
    border-bottom:2px solid var(--gold);
    padding:10px 32px 20px;
  }
  .mk-primary-nav.is-open{ display:block; }
  .mk-primary-nav ul{ flex-direction:column; gap:16px; }
  .mk-primary-nav .sub-menu{
    margin-top:12px; padding-left:16px;
    border-left:2px solid var(--border-hair);
  }
  .mk-primary-nav .sub-menu a{ font-size:13px; color:var(--gray); }
  .mk-menu-toggle{
    display:flex; align-items:center; justify-content:center;
    width:38px; height:38px; border:1px solid var(--border-hair); border-radius:6px;
    background:var(--bg-navy); color:var(--white); font-size:18px; cursor:pointer;
  }
}

/* =========================================================
   5. HERO
   ========================================================= */
.mk-hero{
  position:relative;
  background:linear-gradient(160deg, var(--bg-navy) 0%, #0b0b0d 75%);
  padding:70px 32px 90px;
  overflow:hidden;
  border-bottom:1px solid var(--border-hair);
}
.mk-hero::before{
  content:"";
  position:absolute; top:-120px; right:-120px;
  width:420px; height:420px;
  border:70px solid var(--bg-navy-light);
  border-radius:50%;
  opacity:0.4;
}
.mk-hero-inner{ position:relative; z-index:2; max-width:640px; margin:0 auto; }
.mk-hero .eyebrow{
  font-family:'Barlow Condensed'; font-size:14px; letter-spacing:3px; text-transform:uppercase;
  color:var(--gold); margin-bottom:14px; display:block;
}
.mk-hero h1{ font-size:56px; line-height:1.02; margin-bottom:18px; }
.mk-hero h1 .accent{ color:var(--red); }
.mk-hero p.lead{ color:var(--gray); font-size:17px; max-width:480px; margin-bottom:30px; }
.mk-hero-ctas{ display:flex; gap:14px; flex-wrap:wrap; }
.mk-hero-stats{ display:flex; gap:36px; margin-top:44px; flex-wrap:wrap; }
.mk-hero-stat .num{ font-family:'Anton'; font-size:26px; color:var(--white); }
.mk-hero-stat .label{ font-size:12px; color:var(--gray); text-transform:uppercase; letter-spacing:1px; }

@media (max-width:900px){
  .mk-hero h1{ font-size:38px; }
  .mk-hero-stats{ gap:22px; }
}

/* =========================================================
   6. BUTTONS
   ========================================================= */
.btn, .button, button[type="submit"], input[type="submit"],
.woocommerce a.button, .woocommerce button.button, .woocommerce #respond input#submit{
  font-family:'Barlow Condensed', sans-serif !important;
  font-size:15px !important; font-weight:700 !important; letter-spacing:1.5px !important; text-transform:uppercase !important;
  padding:14px 28px !important; border-radius:4px !important; display:inline-block; cursor:pointer;
  border:none;
}
.btn-primary, .woocommerce a.button, .woocommerce button.button, .woocommerce #respond input#submit,
.woocommerce a.added_to_cart, .single_add_to_cart_button{
  background:var(--red) !important; color:var(--white) !important;
}
.btn-primary:hover, .woocommerce a.button:hover, .woocommerce button.button:hover{ background:var(--red-dark) !important; color:var(--white) !important; }
.btn-outline{ border:2px solid var(--gold) !important; color:var(--gold) !important; background:transparent !important; }
.btn-outline:hover{ background:var(--gold) !important; color:#3a2a05 !important; }
.btn-sm{ padding:10px 22px !important; font-size:13px !important; }

/* =========================================================
   6b. PROMO BANNER (sale/coupon images) — 1 to 3 columns
   ========================================================= */
.mk-promo{ padding:40px 32px 0; }
.mk-promo-grid{
  display:grid;
  gap:20px;
  justify-content:center;
}
.mk-promo-grid.cols-1{ grid-template-columns:minmax(240px, 480px); }
.mk-promo-grid.cols-2{ grid-template-columns:repeat(2, minmax(240px, 1fr)); max-width:820px; margin:0 auto; }
.mk-promo-grid.cols-3{ grid-template-columns:repeat(3, minmax(200px, 1fr)); max-width:var(--max-width); margin:0 auto; }
.mk-promo-item{ display:flex; flex-direction:column; align-items:center; text-align:center; }
.mk-promo-label{
  font-size:12px; letter-spacing:1.5px; color:var(--gold); margin-bottom:10px;
}
.mk-promo-link{ display:block; width:100%; }
.mk-promo-img{
  width:100%;
  border-radius:14px;
  border:1px solid var(--border-hair);
  box-shadow:0 20px 50px rgba(0,0,0,0.5);
  transition:transform 0.2s ease;
}
.mk-promo-link:hover .mk-promo-img{ transform:translateY(-4px); }

@media (max-width:900px){
  .mk-promo-grid.cols-2, .mk-promo-grid.cols-3{ grid-template-columns:1fr; max-width:480px; }
}

/* =========================================================
   7. CATEGORY SHIELDS
   ========================================================= */
.mk-categories{ padding:50px 32px 20px; }
.mk-section-head{ display:flex; align-items:baseline; justify-content:space-between; margin-bottom:26px; flex-wrap:wrap; gap:8px; }
.mk-section-head h2{ font-size:26px; }
.mk-section-head .view-all{ font-family:'Barlow Condensed'; font-size:13px; letter-spacing:1.5px; text-transform:uppercase; color:var(--gold); border-bottom:1px solid var(--gold); padding-bottom:2px; }
.mk-shield-row{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; row-gap:26px; }
.mk-shield{
  background:var(--bg-navy);
  border:1px solid var(--border-hair);
  clip-path:polygon(0 0, 100% 0, 100% 78%, 50% 100%, 0 78%);
  padding:26px 12px 38px;
  text-align:center;
  position:relative;
  color:var(--white);
}
.mk-shield:hover{ border-color:var(--gold); }
.mk-shield .ico{ font-size:28px; margin-bottom:8px; display:block; }
.mk-shield .ico img{ height:32px; width:32px; object-fit:cover; margin:0 auto; border-radius:50%; }
.mk-shield h3{ font-family:'Barlow Condensed'; font-size:16px; letter-spacing:1px; text-transform:uppercase; margin-bottom:4px; }
.mk-shield p{ font-size:11px; color:var(--gray); margin:0; }

@media (max-width:900px){ .mk-shield-row{ grid-template-columns:repeat(2,1fr); } }

/* =========================================================
   8. PRODUCT / TRADING CARD STYLE (WooCommerce loop)
   ========================================================= */
.mk-products{ padding:50px 32px; }
.mk-product-grid,
ul.products{
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:22px !important;
  list-style:none !important; margin:0 !important; padding:0 !important;
}
@media (max-width:900px){
  .mk-product-grid, ul.products{ grid-template-columns:repeat(2,1fr) !important; }
}

.mk-tcard, ul.products li.product{
  background:var(--card-bg) !important;
  border:1px solid var(--border-hair) !important;
  border-radius:14px !important;
  overflow:hidden !important;
  position:relative !important;
  width:100% !important; margin:0 !important; padding:0 !important;
  text-align:left !important;
}
.mk-tcard-photo, ul.products li.product a img{
  height:150px !important; width:100% !important;
  object-fit:cover !important;
  background:linear-gradient(135deg, var(--bg-navy-light), var(--bg-navy));
  border-bottom:1px solid var(--border-hair);
}
.mk-tcard-photo{ display:flex; align-items:center; justify-content:center; position:relative; }
.mk-tcard-photo .ph-ico{ font-size:38px; color:var(--border-hair); }
.mk-badge{
  position:absolute; top:10px; left:10px; z-index:2;
  font-family:'Barlow Condensed'; font-size:11px; font-weight:700; letter-spacing:1px; text-transform:uppercase;
  padding:4px 9px; border-radius:3px;
  background:var(--red); color:var(--white);
}
.mk-badge.graded{ background:var(--blue); }
.mk-badge.hot{ background:var(--gold); color:#3a2a05; }
.woocommerce span.onsale{
  position:absolute !important; top:10px !important; left:10px !important; right:auto !important;
  font-family:'Barlow Condensed' !important; font-size:11px !important; font-weight:700 !important; letter-spacing:1px !important; text-transform:uppercase !important;
  padding:4px 9px !important; border-radius:3px !important; min-height:0 !important; min-width:0 !important;
  background:var(--red) !important; color:var(--white) !important; line-height:1.4 !important;
  margin:0 !important;
}
.mk-tcard-body, ul.products li.product .mk-loop-body{ padding:14px 14px 16px !important; }
.mk-tcard-cat{ font-family:'Barlow Condensed'; font-size:11px; letter-spacing:1.5px; text-transform:uppercase; color:var(--gold); margin-bottom:6px; }
.mk-tcard-title, ul.products li.product h2, ul.products li.product .woocommerce-loop-product__title{
  font-size:14px !important; font-weight:600 !important; line-height:1.3 !important; margin:0 0 10px !important;
  min-height:36px; color:var(--white) !important;
}
.mk-tcard-footer{ display:flex; align-items:center; justify-content:space-between; }
.mk-tcard-price, ul.products li.product .price{
  font-family:'Anton' !important; font-size:18px !important; color:var(--white) !important;
}
.mk-tcard-price .was, ul.products li.product .price del{ font-family:'Barlow' !important; font-size:12px !important; color:var(--gray) !important; text-decoration:line-through; font-weight:400 !important; margin-right:6px; }
ul.products li.product .price ins{ text-decoration:none; }
.mk-sku{ position:absolute; bottom:8px; right:10px; font-family:'Barlow Condensed'; font-size:11px; color:var(--gray); letter-spacing:1px; }
.mk-add-btn{
  width:32px; height:32px; border-radius:50%;
  background:var(--red); color:var(--white);
  display:flex; align-items:center; justify-content:center; font-size:16px; font-weight:700;
  border:none; cursor:pointer;
}
.mk-add-btn:hover{ background:var(--red-dark); }
ul.products li.product .button{
  margin:0 14px 16px !important; width:calc(100% - 28px) !important; text-align:center !important;
}

/* =========================================================
   8b. PLATFORMS + SOCIAL STRIP
   ========================================================= */
.mk-platforms{
  margin:20px 32px 0;
  max-width:calc(var(--max-width) - 64px); margin-left:auto; margin-right:auto;
  display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px;
  padding:18px 26px;
  background:var(--bg-navy);
  border:1px solid var(--border-hair);
  border-radius:8px;
}
.mk-platforms .label{
  font-family:'Barlow Condensed'; font-size:12px; letter-spacing:1.5px; text-transform:uppercase;
  color:var(--gray); flex:none;
}
.mk-platform-links{ display:flex; flex-wrap:wrap; gap:8px; }
.mk-platform-pill{
  font-family:'Barlow Condensed'; font-size:13px; font-weight:600; letter-spacing:0.5px; text-transform:uppercase;
  color:var(--white); border:1px solid var(--border-hair); border-radius:20px; padding:7px 16px;
}
.mk-platform-pill:hover{ border-color:var(--gold); color:var(--gold); }
.mk-social-links{ display:flex; gap:8px; }
.mk-social-icon{
  width:32px; height:32px; border-radius:50%; border:1px solid var(--border-hair);
  display:flex; align-items:center; justify-content:center;
  font-family:'Barlow Condensed'; font-size:12px; font-weight:700; color:var(--white);
}
.mk-social-icon:hover{ border-color:var(--gold); color:var(--gold); }

@media (max-width:700px){
  .mk-platforms{ flex-direction:column; align-items:flex-start; }
}

/* =========================================================
   9. COMMUNITY STRIP + NEWSLETTER
   ========================================================= */
.mk-strip{
  margin:20px 32px 0;
  background:var(--bg-navy);
  border:1px solid var(--border-hair);
  border-left:4px solid var(--red);
  border-radius:8px;
  padding:20px 26px;
  display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:14px;
  max-width:calc(var(--max-width) - 64px);
  margin-left:auto; margin-right:auto;
}
.mk-strip .l-left{ display:flex; align-items:center; gap:14px; }
.mk-strip .dot{ width:10px; height:10px; border-radius:50%; background:var(--red); flex:none; }
.mk-strip h3{ font-size:17px; }
.mk-strip p{ font-size:13px; color:var(--gray); margin:0; }

.mk-newsletter{
  margin:60px 32px 0; padding:44px 32px; text-align:center;
  background:linear-gradient(120deg, var(--bg-navy-light), var(--bg-navy));
  border-radius:10px;
  max-width:calc(var(--max-width) - 64px); margin-left:auto; margin-right:auto;
}
.mk-newsletter h2{ font-size:26px; margin-bottom:8px; }
.mk-newsletter > p{ color:var(--gray); font-size:14px; margin-bottom:22px; }
.mk-newsletter-widget-area{ max-width:420px; margin:0 auto; }
.mk-newsletter-widget-area input[type="email"],
.mk-newsletter-widget-area input[type="text"]{
  background:var(--bg-black); border:1px solid var(--border-hair); color:var(--white);
  border-radius:4px; padding:10px 12px;
}
.mk-newsletter-fallback{ color:var(--gray); font-size:13px; }

/* =========================================================
   10. FOOTER
   ========================================================= */
.mk-footer{ margin-top:70px; border-top:1px solid var(--border-hair); padding:44px 32px 22px; }
.mk-footer-grid{ max-width:var(--max-width); margin:0 auto; display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:30px; margin-bottom:30px; }
.mk-footer-col h4{ font-family:'Barlow Condensed'; font-size:14px; letter-spacing:1.5px; text-transform:uppercase; color:var(--gold); margin-bottom:14px; }
.mk-footer-col p, .mk-footer-col a{ font-size:13px; color:var(--gray); display:block; margin-bottom:9px; }
.mk-footer-logo{ height:44px; margin-bottom:12px; }
.mk-footer-bottom{ max-width:var(--max-width); margin:0 auto; border-top:1px solid var(--border-hair); padding-top:18px; display:flex; justify-content:space-between; font-size:12px; color:var(--gray); flex-wrap:wrap; gap:8px; }

/* Widget default styling inside footer columns */
.mk-footer-col .widget{ margin-bottom:20px; }
.mk-footer-col .widget-title{ font-family:'Barlow Condensed'; font-size:14px; letter-spacing:1.5px; text-transform:uppercase; color:var(--gold); margin-bottom:14px; }
.mk-footer-col .widget ul li{ margin-bottom:9px; }
.mk-footer-col .widget a{ font-size:13px; color:var(--gray); }
.mk-footer-col .widget a:hover{ color:var(--gold); }

@media (max-width:900px){ .mk-footer-grid{ grid-template-columns:1fr 1fr; } }
@media (max-width:600px){ .mk-footer-grid{ grid-template-columns:1fr; } }

/* =========================================================
   11. BLOG / PAGE CONTENT
   ========================================================= */
.mk-content-wrap{ max-width:var(--max-width); margin:0 auto; padding:60px 32px; display:grid; grid-template-columns:2fr 1fr; gap:48px; }
.mk-content-wrap.no-sidebar{ grid-template-columns:1fr; max-width:840px; }
@media (max-width:900px){ .mk-content-wrap{ grid-template-columns:1fr; } }

.mk-page-title{ font-size:34px; margin-bottom:24px; }
article.post, article.page{ margin-bottom:50px; padding-bottom:50px; border-bottom:1px solid var(--border-hair); }
article.post:last-child{ border-bottom:none; }
.entry-meta{ font-family:'Barlow Condensed'; font-size:12px; letter-spacing:1px; text-transform:uppercase; color:var(--gray); margin-bottom:10px; }
.entry-title{ font-size:26px; margin-bottom:14px; }
.entry-title a{ color:var(--white); }
.entry-title a:hover{ color:var(--gold); }
.entry-content a{ color:var(--gold); text-decoration:underline; }
.entry-content img{ border-radius:8px; margin:1em 0; }

.widget{ background:var(--card-bg); border:1px solid var(--border-hair); border-radius:10px; padding:20px; margin-bottom:24px; }
.widget-title{ font-family:'Barlow Condensed'; font-size:16px; letter-spacing:1.5px; text-transform:uppercase; color:var(--gold); margin-bottom:14px; }
.widget ul li{ margin-bottom:8px; font-size:14px; }
.widget a{ color:var(--white); }
.widget a:hover{ color:var(--gold); }

.mk-pagination{ display:flex; gap:8px; margin-top:20px; flex-wrap:wrap; }
.mk-pagination a, .mk-pagination span{
  border:1px solid var(--border-hair); border-radius:4px; padding:8px 14px; font-size:13px; color:var(--white);
}
.mk-pagination .current{ background:var(--red); border-color:var(--red); }

/* =========================================================
   12. FORMS / INPUTS (site-wide + WooCommerce)
   ========================================================= */
input[type="text"], input[type="email"], input[type="password"], input[type="search"],
input[type="tel"], input[type="number"], input[type="url"], textarea, select,
.woocommerce table.shop_table td input, .woocommerce-page table.shop_table td input,
.select2-container .select2-selection--single{
  background:var(--bg-black) !important;
  border:1px solid var(--border-hair) !important;
  color:var(--white) !important;
  border-radius:4px !important;
  padding:10px 12px !important;
  font-family:'Barlow', sans-serif !important;
  width:100%;
}
.select2-container .select2-selection__rendered{ color:var(--white) !important; }
.select2-dropdown{ background:var(--bg-navy) !important; border-color:var(--border-hair) !important; }
.select2-results__option{ color:var(--white) !important; }
.select2-results__option--highlighted{ background:var(--red) !important; }
label{ font-size:13px; color:var(--gray); display:block; margin-bottom:6px; }

/* =========================================================
   13. WOOCOMMERCE PAGES (shop, product, cart, checkout, account)
   ========================================================= */
.woocommerce, .woocommerce-page{ color:var(--white); }
.woocommerce-breadcrumb{ font-size:13px; color:var(--gray); margin-bottom:24px; }
.woocommerce-breadcrumb a{ color:var(--gray); }
.woocommerce-breadcrumb a:hover{ color:var(--gold); }

.woocommerce-message, .woocommerce-error, .woocommerce-info, .woocommerce-noreviews{
  background:var(--bg-navy) !important; border-top-color:var(--gold) !important; color:var(--white) !important;
  list-style:none;
}
.woocommerce-message::before, .woocommerce-info::before{ color:var(--gold) !important; }
.woocommerce-error::before{ color:var(--red) !important; }

.woocommerce div.product .woocommerce-product-gallery{ background:var(--card-bg); border-radius:12px; padding:10px; }
.woocommerce div.product p.price, .woocommerce div.product span.price{ color:var(--white) !important; font-family:'Anton'; font-size:26px; }
.woocommerce div.product .product_title{ font-family:'Anton'; }
.woocommerce div.product form.cart{ margin-top:20px; }
.woocommerce div.product .quantity input.qty{ height:44px; width:70px !important; text-align:center; }

.star-rating{ color:var(--gold) !important; }
.star-rating span::before{ color:var(--gold) !important; }

table.shop_table{ border:1px solid var(--border-hair) !important; border-collapse:collapse; width:100%; }
table.shop_table th, table.shop_table td{ border:1px solid var(--border-hair) !important; padding:12px !important; color:var(--white); }
table.shop_table thead th{ background:var(--bg-navy); font-family:'Barlow Condensed'; letter-spacing:1px; text-transform:uppercase; font-size:13px; }

.woocommerce-checkout .col2-set, .woocommerce-cart-form{ margin-bottom:30px; }
#order_review, .woocommerce-checkout-review-order{ background:var(--card-bg); border:1px solid var(--border-hair); border-radius:10px; padding:20px; }

.woocommerce-account .woocommerce-MyAccount-navigation ul{ border:1px solid var(--border-hair); border-radius:10px; overflow:hidden; }
.woocommerce-account .woocommerce-MyAccount-navigation li{ border-bottom:1px solid var(--border-hair); }
.woocommerce-account .woocommerce-MyAccount-navigation li:last-child{ border-bottom:none; }
.woocommerce-account .woocommerce-MyAccount-navigation a{ display:block; padding:12px 16px; color:var(--white); }
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{ background:var(--red); color:var(--white); }

.woocommerce-pagination ul.page-numbers{ display:flex; gap:8px; list-style:none; padding:0; }
.woocommerce-pagination .page-numbers{ border:1px solid var(--border-hair); border-radius:4px; padding:8px 14px; display:inline-block; }
.woocommerce-pagination .page-numbers.current{ background:var(--red); border-color:var(--red); }

.woocommerce-result-count, .woocommerce-ordering{ color:var(--gray); font-size:13px; }
.woocommerce-ordering select{ width:auto !important; display:inline-block; }

/* =========================================================
   14. RESPONSIVE (general)
   ========================================================= */
@media (max-width:600px){
  .mk-hero{ padding:50px 20px 60px; }
  .mk-header{ padding:12px 20px; }
  .mk-logo-wrap img, .mk-logo-wrap .custom-logo{ height:60px; }
  .mk-categories, .mk-products{ padding:36px 20px; }
  .mk-footer{ padding:36px 20px 18px; }
  .mk-newsletter, .mk-strip{ margin-left:20px; margin-right:20px; }
}