/*
Theme Name: Hakam Store
Author: Hakam Store
Description: قالب عربي داكن وذهبي متوافق مع WooCommerce، مخصص للمتاجر الرقمية.
Version: 3.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: hakamstore
Domain Path: /languages
Tags: e-commerce, rtl-language-support, custom-logo, custom-menu, featured-images
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

:root {
  --hkm-gold: #d4af37;
  --hkm-gold-light: #f5df70;
  --hkm-gold-dark: #9f7c0c;
  --hkm-bg: #09090c;
  --hkm-surface: #111116;
  --hkm-surface-2: #17171e;
  --hkm-border: #27272f;
  --hkm-text: #f7f7f8;
  --hkm-muted: #a4a4ad;
  --hkm-danger: #ef4444;
  --hkm-radius: 18px;
  --hkm-shadow: 0 18px 50px rgba(0, 0, 0, .35);
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  direction: rtl;
  color: var(--hkm-text);
  background: var(--hkm-bg);
  font-family: var(--hkm-font, "Cairo", Tahoma, Arial, sans-serif);
  line-height: 1.8;
  -webkit-font-smoothing: antialiased;
}
body.admin-bar .hkm-header { top: 32px; }
img { max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
.screen-reader-text {
  position: absolute !important;
  width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}
.screen-reader-text:focus {
  width: auto; height: auto; margin: 8px; padding: 10px 14px;
  clip: auto; background: #fff; color: #111; z-index: 100000;
}
.hkm-container { width: min(1180px, calc(100% - 36px)); margin-inline: auto; }
.hkm-main { min-height: 60vh; }
.hkm-home-page-content { width: 100%; overflow: hidden; }
.hkm-content { padding: 70px 0; }
.hkm-content-narrow { width: min(850px, calc(100% - 36px)); margin-inline: auto; }

/* Header */
.hkm-header {
  position: sticky; top: 0; z-index: 1000;
  background: rgba(9, 9, 12, .9);
  border-bottom: 1px solid rgba(212, 175, 55, .14);
  backdrop-filter: blur(18px);
}
.hkm-header__row { min-height: 82px; display: grid; grid-template-columns: 1fr auto 1fr; gap: 24px; align-items: center; }
.hkm-header__actions, .hkm-header__utilities { display: flex; align-items: center; gap: 12px; }
.hkm-header__utilities { justify-content: flex-end; }
.hkm-icon-btn, .hkm-menu-toggle {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-width: 44px; min-height: 44px; padding: 0 12px; border: 1px solid var(--hkm-border);
  border-radius: 12px; color: #fff; background: var(--hkm-surface); cursor: pointer;
  transition: .25s ease;
}
.hkm-icon-btn:hover, .hkm-menu-toggle:hover { color: var(--hkm-gold-light); border-color: rgba(212,175,55,.5); transform: translateY(-2px); }
.hkm-menu-toggle span { font-size: 14px; font-weight: 800; }
.hkm-brand { display: flex; align-items: center; justify-content: center; }
.hkm-brand .custom-logo, .hkm-brand__img { display: block; width: auto; max-height: 58px; }
.hkm-brand__text { font-size: 24px; font-weight: 900; color: var(--hkm-gold-light); }
.hkm-cart { position: relative; display: inline-flex; align-items: center; gap: 10px; padding: 9px 12px; border-radius: 12px; background: var(--hkm-gold); color: #0a0a0c; font-weight: 900; }
.hkm-cart__count { position: absolute; top: -7px; right: -7px; display: grid; place-items: center; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 20px; background: var(--hkm-danger); color: #fff; font-size: 11px; }
.hkm-cart__total { font-size: 13px; }

/* Off-canvas menu */
.hkm-drawer-overlay { position: fixed; inset: 0; z-index: 1998; background: rgba(0,0,0,.72); opacity: 0; visibility: hidden; transition: .3s; }
.hkm-drawer { position: fixed; inset: 0 auto 0 0; z-index: 1999; width: min(360px, 88vw); padding: 24px; overflow-y: auto; background: #0d0d12; border-right: 2px solid var(--hkm-gold); transform: translateX(-105%); transition: .35s cubic-bezier(.22,1,.36,1); }
.hkm-drawer.is-open { transform: translateX(0); }
.hkm-drawer-overlay.is-open { opacity: 1; visibility: visible; }
body.hkm-menu-open { overflow: hidden; }
.hkm-drawer__head { display: flex; align-items: center; justify-content: space-between; padding-bottom: 18px; border-bottom: 1px solid var(--hkm-border); }
.hkm-drawer__title { font-size: 18px; font-weight: 900; }
.hkm-drawer .menu, .hkm-drawer .sub-menu { list-style: none; margin: 0; padding: 18px 0 0; }
.hkm-drawer .menu a { display: block; padding: 12px 8px; border-bottom: 1px solid #202028; font-weight: 700; transition: .2s; }
.hkm-drawer .menu a:hover { color: var(--hkm-gold-light); padding-right: 14px; }
.hkm-drawer .sub-menu { padding: 0 14px 0 0; }
.hkm-drawer .sub-menu a { color: var(--hkm-muted); font-size: 14px; }

/* Hero */
.hkm-hero { position: relative; min-height: 600px; display: grid; place-items: center; overflow: hidden; background: #08080b; }
.hkm-hero::before { content: ""; position: absolute; inset: 0; background-image: var(--hkm-hero-image); background-position: center; background-size: cover; filter: saturate(.75); opacity: .5; transform: scale(1.03); }
.hkm-hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(9,9,12,.98) 0%, rgba(9,9,12,.78) 42%, rgba(9,9,12,.18) 100%), linear-gradient(0deg, var(--hkm-bg), transparent 42%); }
.hkm-hero__inner { position: relative; z-index: 1; width: 100%; padding: 110px 0 120px; }
.hkm-hero__content { width: min(660px, 100%); }
.hkm-pill { display: inline-flex; align-items: center; gap: 9px; padding: 7px 16px; border: 1px solid rgba(212,175,55,.35); border-radius: 99px; color: var(--hkm-gold-light); background: rgba(212,175,55,.09); font-size: 13px; font-weight: 800; }
.hkm-pill::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--hkm-gold); box-shadow: 0 0 0 6px rgba(212,175,55,.1); }
.hkm-hero h1 { margin: 24px 0 18px; font-size: clamp(38px, 6vw, 76px); line-height: 1.15; font-weight: 900; letter-spacing: -.03em; }
.hkm-gradient-text { color: var(--hkm-gold); background: linear-gradient(90deg,var(--hkm-gold-dark),var(--hkm-gold-light),var(--hkm-gold)); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; animation: hkmShine 5s linear infinite; }
@keyframes hkmShine { to { background-position: -200% center; } }
.hkm-hero__lead { max-width: 570px; margin: 0; color: #d0d0d5; font-size: clamp(16px, 2vw, 20px); }
.hkm-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.hkm-btn, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit {
  display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 10px 22px;
  border: 1px solid transparent; border-radius: 12px; cursor: pointer; font-weight: 900; transition: .25s ease;
}
.hkm-btn--gold, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background: linear-gradient(135deg,var(--hkm-gold-dark),var(--hkm-gold-light)); color: #09090c; }
.hkm-btn--gold:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover { transform: translateY(-3px); box-shadow: 0 10px 28px rgba(212,175,55,.25); color: #000; }
.hkm-btn--ghost { border-color: rgba(255,255,255,.2); background: rgba(255,255,255,.04); color: #fff; }
.hkm-btn--ghost:hover { border-color: var(--hkm-gold); color: var(--hkm-gold-light); }

/* Sections */
.hkm-section { padding: 88px 0; }
.hkm-section--muted { background: radial-gradient(circle at 50% 0, rgba(212,175,55,.055), transparent 40%), #0c0c10; }
.hkm-section__head { max-width: 670px; margin: 0 auto 44px; text-align: center; }
.hkm-section__head h2 { margin: 14px 0 10px; font-size: clamp(30px,5vw,46px); line-height: 1.3; }
.hkm-section__head p { margin: 0; color: var(--hkm-muted); }
.hkm-features { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; }
.hkm-feature { padding: 25px 18px; text-align: center; border: 1px solid var(--hkm-border); border-radius: var(--hkm-radius); background: linear-gradient(145deg,#15151b,#0f0f14); transition: .25s; }
.hkm-feature:hover { border-color: rgba(212,175,55,.45); transform: translateY(-6px); box-shadow: var(--hkm-shadow); }
.hkm-feature__icon { width: 54px; height: 54px; margin: 0 auto 16px; display: grid; place-items: center; border-radius: 16px; color: var(--hkm-gold-light); background: rgba(212,175,55,.1); border: 1px solid rgba(212,175,55,.24); font-size: 24px; }
.hkm-feature h3 { margin: 0 0 8px; font-size: 16px; }
.hkm-feature p { margin: 0; color: var(--hkm-muted); font-size: 13px; line-height: 1.7; }

/* Product cards */
.hkm-products { display: grid; grid-template-columns: repeat(var(--hkm-product-columns, 4), minmax(0, 1fr)); gap: 18px; }
.hkm-product-card { position: relative; display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--hkm-border); border-radius: var(--hkm-radius); background: #111116; transition: .3s; }
.hkm-product-card:hover { transform: translateY(-7px); border-color: rgba(212,175,55,.55); box-shadow: var(--hkm-shadow); }
.hkm-product-card__image { display: block; aspect-ratio: 1 / 1; overflow: hidden; background: #1b1b22; }
.hkm-product-card__image img { width: 100%; height: 100%; object-fit: cover; transition: .45s; }
.hkm-product-card:hover .hkm-product-card__image img { transform: scale(1.045); }
.hkm-product-card__badge { position: absolute; top: 13px; right: 13px; z-index: 2; padding: 4px 10px; border-radius: 99px; background: var(--hkm-danger); color: #fff; font-size: 11px; font-weight: 900; }
.hkm-product-card__body { display: flex; flex: 1; flex-direction: column; padding: 18px; }
.hkm-product-card__title { margin: 0 0 8px; font-size: 16px; line-height: 1.55; }
.hkm-product-card__price { margin-bottom: 14px; color: var(--hkm-gold-light); font-size: 18px; font-weight: 900; }
.hkm-product-card__price del { color: #6f6f78; font-size: 13px; }
.hkm-product-card__price ins { text-decoration: none; }
.hkm-product-card .hkm-btn { width: 100%; margin-top: auto; min-height: 44px; }
.hkm-empty { grid-column: 1 / -1; padding: 45px; text-align: center; border: 1px dashed #3a3a43; border-radius: var(--hkm-radius); color: var(--hkm-muted); }

/* Comparison */
.hkm-table-wrap { overflow-x: auto; border: 1px solid rgba(212,175,55,.26); border-radius: 20px; background: #111116; box-shadow: var(--hkm-shadow); }
.hkm-table { width: 100%; min-width: 650px; border-collapse: collapse; text-align: center; }
.hkm-table th, .hkm-table td { padding: 18px; border-bottom: 1px solid #24242c; }
.hkm-table th { color: var(--hkm-gold-light); font-size: 18px; background: rgba(212,175,55,.055); }
.hkm-table td:first-child { text-align: right; color: #fff; font-weight: 800; }
.hkm-table tr:last-child td { border: 0; }
.hkm-check { display: inline-grid; place-items: center; width: 25px; height: 25px; border-radius: 50%; color: #101012; background: var(--hkm-gold); font-weight: 900; }

/* FAQ */
.hkm-faq { max-width: 850px; margin: 0 auto; display: grid; gap: 10px; }
.hkm-faq__item { border: 1px solid var(--hkm-border); border-radius: 15px; overflow: hidden; background: var(--hkm-surface); }
.hkm-faq__question { width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 18px 20px; border: 0; color: #fff; background: none; text-align: right; cursor: pointer; font-weight: 800; }
.hkm-faq__question::after { content: "+"; color: var(--hkm-gold-light); font-size: 24px; transition: .25s; }
.hkm-faq__item.is-open { border-color: rgba(212,175,55,.42); }
.hkm-faq__item.is-open .hkm-faq__question::after { transform: rotate(45deg); }
.hkm-faq__answer { max-height: 0; overflow: hidden; color: var(--hkm-muted); transition: max-height .35s ease; }
.hkm-faq__answer p { margin: 0; padding: 0 20px 20px; }

/* Footer */
.hkm-footer { border-top: 1px solid rgba(212,175,55,.16); background: #08080b; }
.hkm-footer__grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 55px; padding: 60px 0 44px; }
.hkm-footer h3 { margin: 0 0 16px; color: var(--hkm-gold-light); font-size: 17px; }
.hkm-footer p { color: var(--hkm-muted); }
.hkm-footer .menu { list-style: none; padding: 0; margin: 0; }
.hkm-footer .menu li { margin: 8px 0; }
.hkm-footer .menu a, .hkm-footer__contact a { color: var(--hkm-muted); transition: .2s; }
.hkm-footer .menu a:hover, .hkm-footer__contact a:hover { color: var(--hkm-gold-light); }
.hkm-footer__bottom { padding: 18px 0; border-top: 1px solid #1b1b21; color: #777780; text-align: center; font-size: 13px; }

/* WordPress and WooCommerce */
.hkm-entry-title, .woocommerce-products-header__title { margin-top: 0; font-size: clamp(30px,5vw,50px); }
.hkm-entry-content, .hkm-entry-summary { color: #d0d0d5; }
.hkm-post { margin-bottom: 38px; padding: 28px; border: 1px solid var(--hkm-border); border-radius: var(--hkm-radius); background: var(--hkm-surface); }
.navigation.pagination { margin-top: 35px; }
.nav-links { display: flex; gap: 8px; }
.page-numbers { padding: 8px 13px; border-radius: 8px; background: var(--hkm-surface-2); }
.page-numbers.current { color: #111; background: var(--hkm-gold); }
.woocommerce .woocommerce-breadcrumb { color: var(--hkm-muted); }
.woocommerce .woocommerce-breadcrumb a { color: var(--hkm-gold-light); }
.woocommerce div.product { padding: 24px; border: 1px solid var(--hkm-border); border-radius: var(--hkm-radius); background: var(--hkm-surface); }
.woocommerce div.product p.price, .woocommerce div.product span.price { color: var(--hkm-gold-light); }
.woocommerce ul.products li.product { padding: 16px; border: 1px solid var(--hkm-border); border-radius: 16px; background: var(--hkm-surface); }
.woocommerce ul.products li.product .woocommerce-loop-product__title { color: #fff; }
.woocommerce ul.products li.product .price { color: var(--hkm-gold-light); }
.woocommerce-message, .woocommerce-info { border-top-color: var(--hkm-gold); background: var(--hkm-surface); color: #fff; }
.woocommerce-message::before, .woocommerce-info::before { color: var(--hkm-gold); }
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce select, .woocommerce .quantity .qty {
  padding: 11px; border: 1px solid #34343d; border-radius: 9px; background: #0c0c10; color: #fff;
}
.woocommerce table.shop_table { border-color: var(--hkm-border); }
.woocommerce table.shop_table td, .woocommerce table.shop_table th { border-color: var(--hkm-border); }

@media (max-width: 1000px) {
  .hkm-features { grid-template-columns: repeat(3, 1fr); }
  .hkm-products { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 782px) { body.admin-bar .hkm-header { top: 46px; } }
@media (max-width: 720px) {
  .hkm-header__row { min-height: 70px; grid-template-columns: 1fr auto 1fr; gap: 8px; }
  .hkm-menu-toggle span, .hkm-cart__total, .hkm-account-link { display: none; }
  .hkm-brand .custom-logo, .hkm-brand__img { max-height: 44px; max-width: 130px; }
  .hkm-header__actions, .hkm-header__utilities { gap: 6px; }
  .hkm-icon-btn, .hkm-menu-toggle { min-width: 40px; min-height: 40px; padding: 0 9px; }
  .hkm-hero { min-height: 560px; }
  .hkm-hero::after { background: linear-gradient(0deg, rgba(9,9,12,.98) 0%, rgba(9,9,12,.76) 65%, rgba(9,9,12,.48) 100%); }
  .hkm-hero__inner { padding: 80px 0 90px; text-align: center; }
  .hkm-hero__content { margin-inline: auto; }
  .hkm-actions { justify-content: center; }
  .hkm-section { padding: 64px 0; }
  .hkm-features { grid-template-columns: 1fr 1fr; }
  .hkm-products { gap: 12px; }
  .hkm-product-card__body { padding: 13px; }
  .hkm-product-card__title { font-size: 14px; }
  .hkm-footer__grid { grid-template-columns: 1fr; gap: 30px; }
}
@media (max-width: 440px) {
  .hkm-features { grid-template-columns: 1fr; }
  .hkm-products { grid-template-columns: 1fr 1fr; }
  .hkm-btn { padding-inline: 16px; }
}

/* ================================================================
   Commerce experience — version 2
================================================================ */
.hkm-announcement {
  position: relative; z-index: 1002; padding: 8px 0; overflow: hidden;
  color: #151008; background: linear-gradient(90deg, #9f7c0c, #f4d77b, #bd9324);
  text-align: center; font-size: 13px; font-weight: 900;
}
.hkm-announcement span { margin-inline: 9px; }
.hkm-header { background: rgba(4, 23, 16, .96); border-color: rgba(218, 181, 69, .28); }
.hkm-header::after { content: ""; display: block; height: 3px; opacity: .42; background: repeating-linear-gradient(90deg, transparent 0 30px, var(--hkm-gold) 30px 34px, transparent 34px 52px); }
.hkm-header__row { min-height: 88px; }
.hkm-icon-btn, .hkm-menu-toggle { background: #0b2b20; border-color: rgba(212,175,55,.22); }

.hkm-hero--store { min-height: 650px; border-bottom: 6px solid rgba(212,175,55,.42); }
.hkm-hero--store::before { opacity: .48; filter: saturate(.72) contrast(1.05); }
.hkm-hero--store::after { background: linear-gradient(90deg, rgba(3,23,16,.98) 0%, rgba(3,23,16,.82) 44%, rgba(3,23,16,.14) 100%), linear-gradient(0deg,#041710 0%,transparent 45%); }
.hkm-hero--store h1 { max-width: 730px; margin-bottom: 16px; color: #fff; }
.hkm-discount-chip { display: inline-flex; margin: 0 0 18px; padding: 8px 17px; border-radius: 99px; color: #f8df8b; border: 1px solid rgba(212,175,55,.42); background: rgba(212,175,55,.08); font-size: 14px; font-weight: 800; }
.hkm-hero__trust { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 26px; color: #e9e6dc; font-size: 13px; font-weight: 700; }
.hkm-hero__trust span { display: inline-flex; align-items: center; gap: 5px; }

.hkm-section--light { color: #172019; background: #f5f2e9; }
.hkm-section--light .hkm-section__head p { color: #687069; }
.hkm-section__head--row { max-width: none; display: flex; align-items: end; justify-content: space-between; gap: 24px; text-align: right; }
.hkm-section__head--row h2 { margin-bottom: 0; }
.hkm-promo-card { display: grid; grid-template-columns: 1.05fr .95fr; max-width: 1050px; margin-inline: auto; overflow: hidden; border: 1px solid rgba(212,175,55,.34); border-radius: 28px; color: #fff; background: linear-gradient(135deg,#062a1e,#0d3c2c 55%,#12271e); box-shadow: 0 28px 70px rgba(0,0,0,.18); }
.hkm-promo-card__content { padding: clamp(28px,5vw,62px); }
.hkm-promo-card__content h2 { margin: 18px 0 12px; font-size: clamp(30px,5vw,52px); line-height: 1.3; }
.hkm-promo-card__content p { color: #d4dbd6; }
.hkm-promo-card__price { margin: 22px 0; color: #f6dc7c; font-size: clamp(26px,4vw,40px); font-weight: 900; }
.hkm-promo-card__price del { color: #829087; font-size: 16px; }
.hkm-promo-card__price ins { text-decoration: none; }
.hkm-promo-card__visual { min-height: 430px; background: radial-gradient(circle,rgba(212,175,55,.18),transparent 62%); }
.hkm-promo-card__visual img { width: 100%; height: 100%; object-fit: cover; }

.hkm-category-grid { display: grid; grid-template-columns: repeat(var(--hkm-category-columns, 4),minmax(0,1fr)); gap: 16px; }
.hkm-category-card { position: relative; min-height: 230px; display: flex; flex-direction: column; justify-content: end; padding: 24px; overflow: hidden; border: 1px solid rgba(212,175,55,.2); border-radius: 20px; background: linear-gradient(0deg,rgba(3,18,13,.98),rgba(3,18,13,.18)), var(--hkm-category-image), #123427; background-size: cover; background-position: center; transition: .3s; }
.hkm-category-card:hover { transform: translateY(-6px); border-color: var(--hkm-gold); box-shadow: var(--hkm-shadow); }
.hkm-category-card span { position: relative; z-index: 1; font-size: 22px; font-weight: 900; }
.hkm-category-card small { position: relative; z-index: 1; color: #b8c0ba; }
.hkm-category-card strong { position: absolute; top: 18px; left: 18px; width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; color: #111; background: var(--hkm-gold); }

.hkm-steps { display: grid; grid-template-columns: repeat(3,1fr); max-width: 960px; margin-inline: auto; border: 1px solid var(--hkm-border); border-radius: 22px; background: var(--hkm-surface); }
.hkm-step { display: flex; align-items: center; gap: 16px; padding: 30px; border-left: 1px solid var(--hkm-border); }
.hkm-step:last-child { border-left: 0; }
.hkm-step b { width: 52px; height: 52px; flex: 0 0 52px; display: grid; place-items: center; border-radius: 16px; color: #111; background: linear-gradient(135deg,var(--hkm-gold-dark),var(--hkm-gold-light)); font-size: 22px; }
.hkm-step span { display: flex; flex-direction: column; }
.hkm-step strong { font-size: 18px; }
.hkm-step small { color: var(--hkm-muted); }

.hkm-product-card { background: #0c2d21; border-color: rgba(212,175,55,.18); }
.hkm-product-card__rating { margin-bottom: 7px; color: #f4ce51; font-size: 13px; }
.hkm-product-card .hkm-btn { border-radius: 9px; }
.hkm-reviews { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.hkm-review { margin: 0; padding: 26px; border: 1px solid rgba(5,42,29,.14); border-radius: 20px; background: #fff; box-shadow: 0 12px 32px rgba(22,34,27,.07); }
.hkm-review__stars { color: #d2a92b; letter-spacing: 2px; }
.hkm-review blockquote { min-height: 85px; margin: 14px 0 22px; color: #455047; }
.hkm-review figcaption { display: flex; flex-direction: column; }
.hkm-review figcaption small { color: #7e887f; }

/* Product page */
.single-product .hkm-content { width: min(1260px,calc(100% - 36px)); }
.single-product div.product { display: grid; grid-template-columns: minmax(0,1fr) minmax(360px,.9fr); gap: clamp(28px,5vw,70px); padding: 34px; border-color: rgba(212,175,55,.2); background: #061c14; }
.single-product div.product::before, .single-product div.product::after { display: none; }
.single-product div.product .woocommerce-product-gallery, .single-product div.product .summary { width: auto; float: none; margin: 0; }
.single-product div.product .woocommerce-product-gallery { grid-column: 1; grid-row: 1; }
.single-product div.product .summary { grid-column: 2; grid-row: 1; }
.single-product div.product .woocommerce-tabs, .single-product div.product .related, .single-product div.product .upsells { grid-column: 1 / -1; width: 100%; }
.single-product .woocommerce-product-gallery__wrapper { overflow: hidden; border-radius: 20px; background: #0b3325; }
.single-product .woocommerce-product-gallery__image img { border-radius: 20px; }
.hkm-product-eyebrow, .hkm-product-eyebrow a { color: var(--hkm-gold-light); font-size: 13px; font-weight: 800; }
.single-product .product_title { margin: 9px 0 12px; font-size: clamp(28px,4vw,45px); line-height: 1.35; }
.single-product .woocommerce-product-rating { display: flex; align-items: center; gap: 10px; }
.single-product .star-rating, .woocommerce .star-rating span::before { color: #f1c84a; }
.single-product div.product p.price { margin: 14px 0; font-size: clamp(25px,4vw,36px); font-weight: 900; }
.single-product div.product p.price del { color: #75827a; font-size: 16px; }
.single-product div.product p.price ins { text-decoration: none; }
.single-product .stock { display: inline-flex; padding: 5px 12px; border-radius: 99px; color: #64df89 !important; background: rgba(38,171,83,.12); font-weight: 800; }
.hkm-product-specs { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 22px 0 14px; }
.hkm-product-spec { display: flex; align-items: flex-start; gap: 11px; padding: 15px; border: 1px solid rgba(212,175,55,.14); border-radius: 13px; background: #0c3527; }
.hkm-product-spec__icon { color: var(--hkm-gold-light); font-size: 20px; }
.hkm-product-spec span:last-child { display: flex; flex-direction: column; }
.hkm-product-spec strong { font-size: 13px; }
.hkm-product-spec small { color: #bac5bd; line-height: 1.55; }
.hkm-product-sales { margin: 13px 0; padding: 13px 15px; border-radius: 12px; color: #d9e3dc; background: #103d2e; }
.hkm-product-buy-anchor { display: block; position: relative; top: -130px; visibility: hidden; }
.single-product form.cart { display: grid !important; grid-template-columns: auto 1fr 1fr; gap: 10px; margin: 24px 0 12px !important; padding: 14px; border: 1px solid rgba(212,175,55,.25); border-radius: 14px; background: #0b3023; }
.single-product form.cart .quantity .qty { width: 76px; height: 50px; margin: 0; text-align: center; }
.single-product form.cart .single_add_to_cart_button, .single-product form.cart .hkm-buy-now { min-height: 50px; margin: 0 !important; border-radius: 10px; }
.single-product form.cart .hkm-buy-now { color: #f4d777; border: 1px solid #caa32d; background: transparent; }
.single-product form.cart .variations { grid-column: 1 / -1; }
.single-product form.cart .single_variation_wrap { grid-column: 1 / -1; }
.hkm-product-trust { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin: 12px 0 20px; }
.hkm-product-trust span { padding: 12px 7px; border-radius: 10px; background: #123d2e; text-align: center; font-size: 12px; font-weight: 800; }
.single-product .product_meta { color: #9aa79f; font-size: 13px; }
.single-product .woocommerce-tabs { margin-top: 36px; }
.single-product .woocommerce-tabs ul.tabs { display: flex; gap: 9px; padding: 0 !important; overflow-x: auto; }
.single-product .woocommerce-tabs ul.tabs::before { display: none !important; }
.single-product .woocommerce-tabs ul.tabs li { margin: 0 !important; border: 1px solid rgba(212,175,55,.2) !important; border-radius: 10px !important; background: #10392b !important; }
.single-product .woocommerce-tabs ul.tabs li::before, .single-product .woocommerce-tabs ul.tabs li::after { display: none; }
.single-product .woocommerce-tabs ul.tabs li.active { background: var(--hkm-gold) !important; }
.single-product .woocommerce-tabs ul.tabs li.active a { color: #111 !important; }
.single-product .woocommerce-Tabs-panel { padding: clamp(22px,4vw,42px); border: 1px solid var(--hkm-border); border-radius: 16px; color: #d1d8d3; background: #0c2e22; }
.single-product .woocommerce-Tabs-panel h2, .single-product .woocommerce-Tabs-panel h3 { color: #fff; }
.hkm-mobile-buy-bar { display: none; }

/* Shop and category archives */
.post-type-archive-product .woocommerce-products-header, .tax-product_cat .woocommerce-products-header { padding: 28px; margin-bottom: 26px; border-radius: 18px; background: linear-gradient(135deg,#0a3829,#143f31); }
.woocommerce .woocommerce-ordering select { min-height: 45px; border: 1px solid var(--hkm-border); border-radius: 9px; color: #fff; background: var(--hkm-surface); }
.woocommerce ul.products { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; }
.woocommerce ul.products::before, .woocommerce ul.products::after { display: none; }
.woocommerce ul.products li.product { width: auto !important; float: none !important; margin: 0 !important; overflow: hidden; border-color: rgba(212,175,55,.18); background: #0c2d21; }
.woocommerce ul.products li.product img { border-radius: 12px; }
.woocommerce ul.products li.product .button { width: 100%; margin-top: 10px; color: #111; background: linear-gradient(135deg,var(--hkm-gold-dark),var(--hkm-gold-light)); }

/* Cart */
.woocommerce-cart .woocommerce { position: relative; }
.woocommerce-cart form.woocommerce-cart-form { width: calc(100% - 390px); }
.woocommerce-cart .cart-collaterals { position: absolute; top: 0; left: 0; width: 350px; }
.woocommerce-cart .cart-collaterals .cart_totals { width: 100%; float: none; position: sticky; top: 130px; padding: 24px; border: 1px solid rgba(212,175,55,.22); border-radius: 18px; background: #0d3225; }
.woocommerce-cart table.shop_table { overflow: hidden; border-radius: 16px; background: #0d2f23; }
.woocommerce-cart table.shop_table th, .woocommerce-cart table.shop_table td { padding: 16px; }
.woocommerce-cart table.shop_table .product-thumbnail img { width: 84px; border-radius: 10px; }
.woocommerce-cart .coupon { display: flex; gap: 8px; }
.woocommerce-cart .coupon .input-text { width: 190px !important; }
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button { margin-bottom: 0; color: #111; background: linear-gradient(135deg,var(--hkm-gold-dark),var(--hkm-gold-light)); }
.hkm-mobile-cart-bar { display: none; }

/* Checkout */
.woocommerce-checkout .hkm-header, .woocommerce-checkout .hkm-announcement, .woocommerce-checkout .hkm-footer { display: none; }
.woocommerce-checkout body, body.woocommerce-checkout { background: #f4f4f2; color: #202620; }
.woocommerce-checkout .hkm-main { min-height: 100vh; }
.woocommerce-checkout .hkm-content-narrow { width: min(1100px,calc(100% - 32px)); }
.woocommerce-checkout .hkm-entry-title { text-align: center; color: #172019; font-size: 34px; }
.woocommerce-checkout form.checkout { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(340px,.75fr); gap: 24px; align-items: start; }
.woocommerce-checkout #customer_details { grid-column: 1; }
.woocommerce-checkout #customer_details .col-1, .woocommerce-checkout #customer_details .col-2 { width: 100%; float: none; }
.woocommerce-checkout #customer_details .col-2:empty { display: none; }
.woocommerce-checkout #order_review_heading, .woocommerce-checkout #order_review { grid-column: 2; }
.woocommerce-checkout #order_review_heading { grid-row: 1; align-self: start; margin: 0; padding: 22px 24px 0; border-radius: 18px 18px 0 0; color: #172019; background: #fff; }
.woocommerce-checkout #order_review { grid-row: 1; margin-top: 58px; padding: 0 24px 24px; border-radius: 0 0 18px 18px; background: #fff; box-shadow: 0 14px 40px rgba(22,34,27,.08); }
.woocommerce-checkout .woocommerce-billing-fields { padding: 26px; border-radius: 18px; background: #fff; box-shadow: 0 14px 40px rgba(22,34,27,.08); }
.woocommerce-checkout .woocommerce-billing-fields h3 { margin-top: 0; color: #172019; }
.woocommerce-checkout form .form-row label { color: #303830; font-weight: 800; }
.woocommerce-checkout form .form-row input.input-text, .woocommerce-checkout form .form-row textarea, .woocommerce-checkout form .form-row select, .woocommerce-checkout .select2-container .select2-selection { min-height: 48px; border: 1px solid #d7dbd7; border-radius: 10px; color: #202620; background: #fbfcfb; }
.woocommerce-checkout .select2-container .select2-selection { padding: 10px; }
.woocommerce-checkout .hkm-marketing-optin { padding: 12px; border-radius: 9px; background: #f5f7f4; }
.woocommerce-checkout #payment { color: #202620; background: #f6f7f5; }
.woocommerce-checkout #payment ul.payment_methods { border-bottom-color: #dfe3df; }
.woocommerce-checkout #payment div.payment_box { background: #e9ede9; }
.woocommerce-checkout #payment div.payment_box::before { border-bottom-color: #e9ede9; }
.woocommerce-checkout #place_order { width: 100%; min-height: 52px; color: #111; background: linear-gradient(135deg,var(--hkm-gold-dark),var(--hkm-gold-light)); }
.woocommerce-checkout .woocommerce-checkout-review-order-table { color: #2b322b; }

@media (max-width: 1000px) {
  .hkm-category-grid { grid-template-columns: repeat(2,1fr); }
  .hkm-reviews { grid-template-columns: repeat(2,1fr); }
  .single-product div.product { grid-template-columns: 1fr 1fr; padding: 22px; }
  .woocommerce ul.products { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .woocommerce-cart form.woocommerce-cart-form { width: 100%; }
  .woocommerce-cart .cart-collaterals { position: static; width: 100%; margin-top: 22px; }
  .woocommerce-cart .cart-collaterals .cart_totals { position: static; }
}

@media (max-width: 720px) {
  body { padding-bottom: 0; }
  .hkm-announcement { padding: 6px 0; font-size: 11px; }
  .hkm-header__row { min-height: 68px; }
  .hkm-hero--store { min-height: 650px; }
  .hkm-hero--store::after { background: linear-gradient(0deg,rgba(3,23,16,.98),rgba(3,23,16,.42)); }
  .hkm-hero__trust { justify-content: center; gap: 10px; }
  .hkm-section__head--row { align-items: center; }
  .hkm-section__head--row .hkm-btn { min-height: 42px; padding-inline: 13px; white-space: nowrap; }
  .hkm-promo-card { grid-template-columns: 1fr; }
  .hkm-promo-card__content { order: 2; text-align: center; }
  .hkm-promo-card__visual { order: 1; min-height: 300px; }
  .hkm-category-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
  .hkm-category-card { min-height: 180px; padding: 15px; }
  .hkm-category-card span { font-size: 17px; }
  .hkm-steps { grid-template-columns: 1fr; }
  .hkm-step { padding: 20px; border-left: 0; border-bottom: 1px solid var(--hkm-border); }
  .hkm-step:last-child { border-bottom: 0; }
  .hkm-reviews { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; }
  .hkm-review { min-width: 84vw; scroll-snap-align: start; }

  .single-product .hkm-content { width: min(100% - 16px,1260px); padding-top: 16px; }
  .single-product div.product { display: block; padding: 10px; border: 0; background: transparent; }
  .single-product div.product .summary { padding: 18px 5px; }
  .single-product .product_title { font-size: 25px; }
  .hkm-product-specs { grid-template-columns: 1fr; }
  .single-product form.cart { grid-template-columns: 78px 1fr; padding: 10px; }
  .single-product form.cart .hkm-buy-now { grid-column: 1 / -1; }
  .hkm-product-trust { gap: 5px; }
  .hkm-product-trust span { padding: 10px 4px; font-size: 10px; }
  .single-product .woocommerce-tabs { margin-top: 22px; }
  .single-product .woocommerce-Tabs-panel { padding: 18px; }
  .single-product .related { padding-bottom: 72px; }
  .hkm-mobile-buy-bar { position: fixed; inset: auto 0 0; z-index: 1500; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 14px calc(10px + env(safe-area-inset-bottom)); border-top: 1px solid rgba(212,175,55,.35); background: rgba(5,33,24,.97); box-shadow: 0 -12px 30px rgba(0,0,0,.35); }
  .hkm-mobile-buy-bar__price { color: var(--hkm-gold-light); font-weight: 900; }
  .hkm-mobile-buy-bar__price del { display: none; }
  .hkm-mobile-buy-bar__price ins { text-decoration: none; }
  .hkm-mobile-buy-bar__button { min-width: 150px; padding: 12px 18px; border-radius: 9px; color: #111; background: linear-gradient(135deg,var(--hkm-gold-dark),var(--hkm-gold-light)); text-align: center; font-weight: 900; }

  .woocommerce ul.products { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  .woocommerce ul.products li.product { padding: 10px; }
  .woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 13px !important; }
  .woocommerce ul.products li.product .button { padding-inline: 8px; font-size: 12px; }
  .woocommerce-cart .hkm-content-narrow, .woocommerce-cart .hkm-container { width: min(100% - 16px,1180px); }
  .woocommerce-cart table.shop_table_responsive tr { margin-bottom: 14px; padding: 13px; border: 1px solid rgba(212,175,55,.18); border-radius: 14px; background: #0c3225; }
  .woocommerce-cart table.shop_table_responsive tr td { border: 0; }
  .woocommerce-cart table.shop_table_responsive .product-thumbnail { display: block !important; text-align: center !important; }
  .woocommerce-cart table.shop_table_responsive .product-thumbnail::before { display: none; }
  .woocommerce-cart table.shop_table_responsive .product-thumbnail img { width: 120px; }
  .woocommerce-cart .coupon { flex-direction: column; }
  .woocommerce-cart .coupon .input-text { width: 100% !important; }
  .woocommerce-cart .actions button { width: 100% !important; margin-top: 8px !important; }
  .hkm-mobile-cart-bar { position: fixed; inset: auto 0 0; z-index: 1500; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 14px calc(10px + env(safe-area-inset-bottom)); color: #fff; background: rgba(10,52,38,.98); box-shadow: 0 -12px 30px rgba(0,0,0,.35); }
  .hkm-mobile-cart-bar a { min-width: 160px; padding: 12px 16px; border-radius: 9px; color: #111; background: linear-gradient(135deg,var(--hkm-gold-dark),var(--hkm-gold-light)); text-align: center; font-weight: 900; }
  .woocommerce-cart .hkm-footer { padding-bottom: 70px; }

  .woocommerce-checkout .hkm-content-narrow { width: min(100% - 20px,1100px); padding-top: 26px; }
  .woocommerce-checkout .hkm-entry-title { font-size: 26px; }
  .woocommerce-checkout form.checkout { display: block; }
  .woocommerce-checkout #order_review_heading { margin-top: 18px; }
  .woocommerce-checkout #order_review { margin-top: 0; }
  .woocommerce-checkout .woocommerce-billing-fields, .woocommerce-checkout #order_review { padding: 18px; }
  .woocommerce-checkout .form-row-first, .woocommerce-checkout .form-row-last { width: 100% !important; float: none !important; }
}