/*
Theme Name: 智策出海
Author: 智策出海
Description: 为智策出海定制的黑金跨境营销服务商城主题，支持 WooCommerce，优先适配桌面端。
Version: 1.1.0
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 8.0
Text Domain: zhice-chuhai
*/

:root {
  --zs-bg: #05070a;
  --zs-bg-soft: #070b0f;
  --zs-panel: #0a1016;
  --zs-panel-2: #0d141c;
  --zs-gold: #d8a84f;
  --zs-gold-light: #f0c975;
  --zs-cyan: #00e5d4;
  --zs-text: #f5f2ea;
  --zs-muted: #8d969f;
  --zs-line: rgba(216, 168, 79, .2);
  --zs-container: 1180px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--zs-bg);
  color: var(--zs-text);
  font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans SC", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
body.admin-bar .zs-topbar { top: 32px; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; height: auto; }
button, input, select, textarea { font: inherit; }
.zs-container { width: min(var(--zs-container), calc(100% - 48px)); margin-inline: auto; }
.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;
}

/* Brand */
.zs-brand { display: inline-flex; align-items: center; gap: 11px; flex: 0 0 auto; }
.zs-brand-type { display: flex; flex-direction: column; line-height: 1; }
.zs-brand-type b { color: #e6bc68; font-size: 21px; letter-spacing: .06em; }
.zs-brand-type em { margin-top: 5px; color: #8c7752; font-size: 8px; letter-spacing: .16em; font-style: normal; }
.zs-brand-mark { position: relative; display: inline-block; width: 39px; height: 29px; filter: drop-shadow(0 0 10px rgba(216,168,79,.18)); }
.zs-brand-mark .zs-core { position: absolute; left: 50%; top: 6px; width: 13px; height: 18px; transform: translateX(-50%) rotate(45deg); border: 1px solid var(--zs-gold); background: rgba(216,168,79,.07); }
.zs-brand-mark .zs-core::after { content: ""; position: absolute; right: 2px; bottom: 2px; width: 4px; height: 4px; border-radius: 50%; background: var(--zs-cyan); box-shadow: 0 0 7px var(--zs-cyan); }
.zs-brand-mark .zs-wing { position: absolute; top: 8px; width: 17px; height: 14px; border-top: 1px solid var(--zs-gold); border-bottom: 1px solid rgba(216,168,79,.42); }
.zs-brand-mark .zs-wing-left { left: 0; transform: skewY(23deg); border-left: 1px solid var(--zs-gold); }
.zs-brand-mark .zs-wing-right { right: 0; transform: skewY(-23deg); border-right: 1px solid var(--zs-gold); }

/* Header */
.zs-topbar { position: sticky; top: 0; z-index: 1000; height: 68px; border-bottom: 1px solid rgba(216,168,79,.12); background: rgba(5,7,10,.95); backdrop-filter: blur(18px); }
.zs-nav-wrap { height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 22px; }
.zs-primary-nav { height: 100%; display: flex; align-items: stretch; gap: 24px; }
.zs-primary-nav ul { height: 100%; display: flex; align-items: stretch; gap: 24px; margin: 0; padding: 0; list-style: none; }
.zs-primary-nav li { position: relative; display: flex; align-items: center; }
.zs-primary-nav a { height: 100%; display: grid; place-items: center; color: #afb5ba; font-size: 13px; white-space: nowrap; transition: color .2s; }
.zs-primary-nav a:hover, .zs-primary-nav .current-menu-item > a { color: var(--zs-gold-light); }
.zs-primary-nav .current-menu-item::after { content: ""; position: absolute; right: 28%; bottom: -1px; left: 28%; height: 2px; background: var(--zs-gold); }
.zs-nav-tools { display: flex; align-items: center; gap: 13px; white-space: nowrap; }
.zs-nav-tools > a:not(.zs-btn) { color: #9ea6ac; font-size: 11px; }
.zs-support-link { display: flex; align-items: center; gap: 6px; }
.zs-support-link::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--zs-cyan); box-shadow: 0 0 8px rgba(0,229,212,.65); }
.zs-cart-link { position: relative; width: 31px; height: 31px; display: grid; place-items: center; font-size: 17px !important; }
.zs-cart-count { position: absolute; top: -3px; right: -2px; width: 15px; height: 15px; display: grid; place-items: center; border-radius: 50%; background: var(--zs-gold); color: #17130b; font: 700 8px Arial; }
.zs-notice { height: 34px; border-bottom: 1px solid rgba(216,168,79,.1); background: #090d11; }
.zs-notice-inner { height: 100%; display: flex; align-items: center; gap: 18px; color: #757f86; font-size: 10px; }
.zs-notice-label { display: flex; align-items: center; gap: 7px; color: var(--zs-gold-light); white-space: nowrap; }
.zs-notice-label::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: var(--zs-gold); }
.zs-notice-inner p { flex: 1; overflow: hidden; margin: 0; white-space: nowrap; text-overflow: ellipsis; }
.zs-notice-inner a { color: #a88e60; white-space: nowrap; }

/* Buttons */
.zs-btn, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit {
  min-height: 44px; padding: 0 22px; display: inline-flex; align-items: center; justify-content: center; gap: 12px;
  border: 1px solid rgba(216,168,79,.32); border-radius: 3px; background: transparent; color: #c39b57;
  font-size: 12px; font-weight: 600; letter-spacing: .03em; line-height: 1.2; transition: transform .22s, border-color .22s, background .22s;
}
.zs-btn:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { transform: translateY(-2px); border-color: rgba(216,168,79,.7); background: rgba(216,168,79,.06); color: var(--zs-gold-light); }
.zs-btn-gold, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt {
  border-color: #f2ce83; background: linear-gradient(135deg,#f0ce85,#c58d35); color: #17130c;
  box-shadow: 0 10px 30px rgba(190,132,37,.14), inset 0 1px rgba(255,255,255,.42);
}
.zs-btn-gold:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background: linear-gradient(135deg,#f5d994,#d49a3d); color: #17130c; }
.zs-btn-small { min-height: 36px; padding-inline: 16px; font-size: 11px; }

/* Hero */
.zs-hero { position: relative; height: 574px; overflow: visible; border-bottom: 1px solid rgba(216,168,79,.1); background: radial-gradient(circle at 78% 44%,rgba(0,229,212,.055),transparent 29%),linear-gradient(180deg,#05090d,#060a0e); }
.zs-hero::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: 155px; background: linear-gradient(transparent,#070b0f); pointer-events: none; }
.zs-hero-grid { position: absolute; inset: 0; opacity: .18; background-image: linear-gradient(rgba(0,229,212,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,212,.065) 1px,transparent 1px); background-size: 68px 68px; mask-image: linear-gradient(90deg,rgba(0,0,0,.65),transparent 47%,rgba(0,0,0,.9)); }
.zs-eagle { position: absolute; z-index: 1; top: 0; right: max(-30px,calc((100vw - var(--zs-container))/2 - 55px)); width: 720px; height: 530px; background: url("assets/images/eagle-reference.jpg") center top / 720px auto no-repeat; opacity: .52; filter: saturate(.64) contrast(1.04) brightness(.66); -webkit-mask-image: radial-gradient(ellipse 72% 82% at 56% 43%,#000 0 42%,rgba(0,0,0,.88) 60%,transparent 100%); mask-image: radial-gradient(ellipse 72% 82% at 56% 43%,#000 0 42%,rgba(0,0,0,.88) 60%,transparent 100%); }
.zs-hero-shade { position: absolute; z-index: 2; inset: 0; background: linear-gradient(90deg,#05090d 0%,rgba(5,9,13,.96) 36%,rgba(5,9,13,.58) 54%,rgba(5,9,13,.05) 75%); }
.zs-orbit { position: absolute; z-index: 2; right: 70px; bottom: 70px; width: 560px; height: 250px; border: 1px solid rgba(0,229,212,.08); border-radius: 50%; transform: rotate(-8deg); }
.zs-orbit::before, .zs-orbit::after { content: ""; position: absolute; inset: 28px -15px; border: 1px solid rgba(216,168,79,.07); border-radius: 50%; }
.zs-orbit::after { inset: 60px -30px; border-color: rgba(0,229,212,.06); }
.zs-hero-inner { position: relative; z-index: 4; height: 500px; display: grid; grid-template-columns: 60% 40%; align-items: center; }
.zs-eyebrow { display: flex; align-items: center; gap: 12px; margin: 0 0 18px; color: #a78c5a; font-size: 9px; letter-spacing: .22em; }
.zs-eyebrow::before { content: ""; width: 28px; height: 1px; background: var(--zs-gold); }
.zs-hero h1 { margin: 0; font-size: clamp(42px,4vw,59px); line-height: 1.27; letter-spacing: .01em; font-weight: 650; text-shadow: 0 12px 40px #000; }
.zs-hero h1 strong { color: var(--zs-gold-light); font-weight: 650; }
.zs-hero-sub { max-width: 620px; margin: 21px 0 28px; color: #9ea6ab; font-size: 15px; line-height: 1.8; }
.zs-hero-actions { display: flex; gap: 14px; }
.zs-trust-row { margin-top: 27px; display: flex; gap: 28px; color: #a9b0b4; font-size: 11px; }
.zs-trust-row i { margin-right: 6px; color: var(--zs-gold); font-style: normal; }
.zs-network-status { align-self: end; justify-self: end; width: 190px; margin-bottom: 92px; padding: 13px 0 13px 18px; border-left: 1px solid rgba(0,229,212,.28); background: linear-gradient(90deg,rgba(4,10,14,.76),transparent); }
.zs-network-status span { display: block; color: #638a88; font: 8px monospace; letter-spacing: .12em; }
.zs-network-status span::before { content: ""; display: inline-block; width: 5px; height: 5px; margin-right: 6px; border-radius: 50%; background: var(--zs-cyan); box-shadow: 0 0 8px var(--zs-cyan); }
.zs-network-status strong { display: block; margin-top: 6px; color: #b9c4c4; font-size: 11px; font-weight: 500; }
.zs-search-console { position: absolute; z-index: 8; bottom: -48px; left: 50%; min-height: 96px; display: grid; grid-template-columns: 175px 1fr auto; align-items: center; gap: 20px; padding: 18px 22px; transform: translateX(-50%); border: 1px solid rgba(216,168,79,.28); background: rgba(10,15,20,.96); box-shadow: 0 22px 55px rgba(0,0,0,.38); backdrop-filter: blur(18px); }
.zs-search-title strong { display: block; color: var(--zs-gold-light); font-size: 14px; }
.zs-search-title span { display: block; margin-top: 5px; color: #606a72; font-size: 9px; }
.zs-search-form { height: 50px; display: flex; align-items: center; border: 1px solid rgba(255,255,255,.1); background: #060a0e; }
.zs-search-form::before { content: "⌕"; padding: 0 14px; color: var(--zs-gold); font-size: 22px; }
.zs-search-form input { min-width: 0; flex: 1; height: 100%; border: 0; outline: 0; background: transparent; color: #fff; font-size: 12px; }
.zs-search-form button { height: 100%; padding: 0 23px; border: 0; background: var(--zs-gold); color: #16120a; cursor: pointer; font-size: 12px; }
.zs-search-flags { display: flex; gap: 8px; }
.zs-search-flags span { height: 36px; display: flex; align-items: center; gap: 7px; padding: 0 10px; border: 1px solid rgba(255,255,255,.08); background: #090d11; color: #838c93; font-size: 9px; }
.zs-search-flags i { width: 20px; height: 10px; position: relative; display: inline-block; border-radius: 10px; background: rgba(216,168,79,.45); }
.zs-search-flags i::after { content: ""; position: absolute; top: 2px; right: 2px; width: 6px; height: 6px; border-radius: 50%; background: var(--zs-gold-light); }

/* Sections */
.zs-section { position: relative; padding: 92px 0; }
.zs-section-heading { margin-bottom: 32px; }
.zs-section-heading-split { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.zs-section-heading p, .zs-cta-panel > div > p { margin: 0 0 8px; color: #886f45; font-size: 9px; letter-spacing: .22em; }
.zs-section-heading h2 { margin: 0; font-size: 30px; letter-spacing: .04em; }
.zs-section-heading small { display: block; margin-top: 10px; color: var(--zs-muted); font-size: 11px; }
.zs-market { padding-top: 118px; background: radial-gradient(circle at 50% 0,rgba(216,168,79,.035),transparent 27%),#070b0f; }
.zs-market-summary { display: flex; align-items: center; gap: 24px; color: #758087; font-size: 10px; }
.zs-market-summary i { display: inline-block; width: 5px; height: 5px; margin-right: 6px; border-radius: 50%; background: var(--zs-cyan); }
.zs-market-summary a { color: var(--zs-gold-light); }
.zs-market-layout { display: grid; grid-template-columns: 220px 1fr; gap: 15px; align-items: start; }
.zs-category-panel { position: sticky; top: 86px; border: 1px solid rgba(216,168,79,.17); background: linear-gradient(180deg,#0c1218,#080c10); }
.zs-category-title { min-height: 75px; display: flex; align-items: center; gap: 13px; padding: 0 19px; border-bottom: 1px solid rgba(216,168,79,.12); }
.zs-category-title > span { color: var(--zs-gold); font-size: 20px; }
.zs-category-title strong, .zs-category-title small { display: block; }
.zs-category-title strong { font-size: 14px; }
.zs-category-title small { margin-top: 5px; color: #555f67; font: 7px monospace; letter-spacing: .12em; }
.zs-category-links { padding: 8px; }
.zs-category-links a { min-height: 47px; display: grid; grid-template-columns: 30px 1fr auto; align-items: center; gap: 8px; padding: 0 11px; border-left: 2px solid transparent; color: #8c969d; font-size: 11px; transition: .22s; }
.zs-category-links a:hover, .zs-category-links a.is-active { border-left-color: var(--zs-gold); background: rgba(216,168,79,.055); color: var(--zs-gold-light); }
.zs-category-links i { width: 25px; height: 25px; display: grid; place-items: center; border: 1px solid rgba(216,168,79,.2); color: #927647; font: 8px monospace; font-style: normal; }
.zs-category-links b { color: #4f5960; font: 9px monospace; font-weight: normal; }
.zs-category-help { margin: 8px; padding: 17px 12px; border-top: 1px solid rgba(216,168,79,.12); background: rgba(216,168,79,.025); }
.zs-category-help span, .zs-category-help strong, .zs-category-help a { display: block; }
.zs-category-help span { color: #5f6971; font-size: 9px; }
.zs-category-help strong { margin: 6px 0 12px; color: #9aa2a7; font-size: 10px; font-weight: 500; }
.zs-category-help a { color: var(--zs-gold); font-size: 9px; }
.zs-product-list { display: flex; flex-direction: column; gap: 10px; }
.zs-product-list-head { min-height: 52px; display: flex; align-items: center; justify-content: space-between; padding: 0 17px; border: 1px solid rgba(216,168,79,.14); background: #0a0f14; }
.zs-product-list-head strong { font-size: 13px; }
.zs-product-list-head span { color: #687179; font-size: 9px; }
.zs-product-row { min-height: 145px; display: grid; grid-template-columns: 50px minmax(0,1fr) 90px 220px; align-items: center; gap: 17px; padding: 18px; border: 1px solid rgba(216,168,79,.16); background: linear-gradient(105deg,#0d141b,#090e13); transition: .25s; }
.zs-product-row:hover { transform: translateX(3px); border-color: rgba(216,168,79,.42); box-shadow: 0 16px 38px rgba(0,0,0,.22); }
.zs-product-avatar { width: 48px; height: 48px; overflow: hidden; display: grid; place-items: center; border-radius: 50%; background: linear-gradient(135deg,#253767,#3a66b8); color: #dce7ef; font: 700 10px monospace; }
.zs-product-avatar img { width: 100%; height: 100%; object-fit: cover; }
.zs-product-title-line { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.zs-product-title-line h3 { margin: 0; font-size: 15px; }
.zs-badge { padding: 3px 7px; border: 1px solid rgba(0,229,212,.14); color: #61b7b0; font-size: 8px; }
.zs-badge-gold { border: 0; background: var(--zs-gold); color: #1b1409; }
.zs-product-info p { margin: 9px 0; color: #737d85; font-size: 10px; line-height: 1.55; }
.zs-tag-row { display: flex; flex-wrap: wrap; gap: 6px; }
.zs-tag-row span { padding: 3px 6px; border: 1px solid rgba(255,255,255,.065); color: #626c74; font-size: 8px; }
.zs-product-meta { display: flex; flex-direction: column; align-items: center; padding: 10px 0; border-right: 1px solid rgba(255,255,255,.05); border-left: 1px solid rgba(255,255,255,.05); }
.zs-product-meta span, .zs-product-meta small { color: #5e6870; font-size: 8px; }
.zs-product-meta strong { margin: 4px 0; color: #aab2b6; font: 600 16px Arial; }
.zs-product-buy { text-align: right; }
.zs-price { margin-bottom: 11px; color: var(--zs-gold-light); font: 600 25px Arial; }
.zs-price del { color: #59636a; font-size: 12px; }
.zs-price ins { text-decoration: none; }
.zs-product-actions { display: flex; justify-content: flex-end; gap: 7px; }
.zs-product-actions .zs-btn { min-height: 34px; padding-inline: 12px; font-size: 9px; }
.zs-load-more { height: 48px; display: flex; align-items: center; justify-content: center; gap: 14px; border: 1px solid rgba(216,168,79,.13); background: rgba(216,168,79,.018); color: #8d7750; font-size: 10px; }
.zs-market-note { margin-top: 15px; color: #58626a; font-size: 9px; text-align: center; }

.zs-advantage { background: radial-gradient(circle at 25% 30%,rgba(0,229,212,.032),transparent 24%),#05080b; }
.zs-adv-layout { display: grid; grid-template-columns: 43% 57%; gap: 70px; align-items: center; }
.zs-adv-copy h2 { margin: 0 0 19px; font-size: 32px; line-height: 1.45; }
.zs-adv-copy > p:not(.zs-eyebrow) { color: #78828a; font-size: 12px; line-height: 1.8; }
.zs-adv-badges { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 20px; }
.zs-adv-badges span { padding: 7px 9px; border: 1px solid rgba(216,168,79,.14); color: #87734e; font-size: 8px; }
.zs-metrics { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid rgba(216,168,79,.2); background: rgba(11,16,21,.7); }
.zs-metrics div { min-height: 128px; display: flex; flex-direction: column; justify-content: center; padding-left: 32px; border-right: 1px solid rgba(216,168,79,.12); border-bottom: 1px solid rgba(216,168,79,.12); }
.zs-metrics div:nth-child(even) { border-right: 0; }
.zs-metrics div:nth-child(n+3) { border-bottom: 0; }
.zs-metrics strong { color: var(--zs-gold-light); font: 600 31px Arial; }
.zs-metrics span { margin-top: 6px; color: #78828a; font-size: 10px; }
.zs-process { background: #080c10; }
.zs-centered { text-align: center; }
.zs-steps { display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid rgba(216,168,79,.18); }
.zs-step { min-height: 225px; padding: 24px; border-right: 1px solid rgba(216,168,79,.12); }
.zs-step:last-child { border-right: 0; }
.zs-step-number { color: var(--zs-gold); font: 10px monospace; }
.zs-step-icon { margin: 28px 0 18px; color: var(--zs-gold-light); font-size: 27px; }
.zs-step h3 { margin: 0 0 9px; font-size: 15px; }
.zs-step p { color: #707a82; font-size: 10px; line-height: 1.65; }
.zs-contact { padding: 78px 0; background: #05080b; }
.zs-cta-panel { position: relative; min-height: 195px; overflow: hidden; display: flex; align-items: center; justify-content: space-between; gap: 30px; padding: 44px 50px; border: 1px solid rgba(216,168,79,.4); background: radial-gradient(circle at 80% 130%,rgba(216,168,79,.17),transparent 35%),linear-gradient(110deg,#0e151b,#080c10); }
.zs-cta-panel::before { content: ""; position: absolute; right: -80px; bottom: -330px; width: 430px; height: 430px; border: 1px solid rgba(216,168,79,.22); border-radius: 50%; box-shadow: 0 0 0 35px rgba(216,168,79,.03),0 0 0 70px rgba(216,168,79,.02); }
.zs-cta-panel h2 { margin: 0 0 12px; font-size: 28px; }
.zs-cta-panel small { color: #879097; font-size: 11px; }
.zs-cta-actions { position: relative; display: flex; gap: 11px; }

/* Footer */
.zs-footer { padding: 66px 0 23px; border-top: 1px solid rgba(216,168,79,.13); background: #06090c; }
.zs-footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1.4fr; gap: 65px; }
.zs-footer-brand p { margin: 20px 0 7px; color: #adb3b6; font-size: 12px; }
.zs-footer-brand > span { color: #606970; font-size: 9px; }
.zs-footer-col { display: flex; flex-direction: column; gap: 11px; }
.zs-footer-col h3 { margin: 5px 0 9px; color: #bda16a; font-size: 11px; }
.zs-footer-col a, .zs-footer-col span { color: #717b82; font-size: 9px; }
.zs-footer-col a:hover { color: var(--zs-gold-light); }
.zs-copyright { margin-top: 52px; padding-top: 19px; display: flex; justify-content: space-between; border-top: 1px solid rgba(255,255,255,.05); color: #4e575e; font-size: 8px; }
.zs-copyright div { display: flex; gap: 20px; }

/* WooCommerce */
.zs-shop-hero { padding: 64px 0 48px; border-bottom: 1px solid var(--zs-line); background: radial-gradient(circle at 70% 0,rgba(0,229,212,.05),transparent 30%),linear-gradient(180deg,#071018,#070b0f); }
.zs-shop-hero h1 { margin: 0 0 12px; font-size: 38px; }
.zs-shop-hero p { margin: 0; color: var(--zs-muted); font-size: 12px; }
.zs-woo-main { min-height: 580px; padding: 64px 0 90px; background: #070b0f; }
.woocommerce .woocommerce-breadcrumb { margin-bottom: 28px; color: #68727a; font-size: 10px; }
.woocommerce .woocommerce-breadcrumb a { color: #a98a54; }
.woocommerce .woocommerce-result-count, .woocommerce .woocommerce-ordering { margin-bottom: 26px; color: #78828a; font-size: 11px; }
.woocommerce .woocommerce-ordering select { min-height: 38px; padding: 0 12px; border: 1px solid var(--zs-line); background: #0a1016; color: #b0b7bc; }
.woocommerce ul.products { width: 100%; clear: both; display: flex; flex-direction: column; gap: 10px; margin: 0; padding: 0; }
.woocommerce ul.products::before, .woocommerce ul.products::after { display: none; }
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 100% !important; min-height: 130px; margin: 0 !important; display: grid; grid-template-columns: 86px minmax(0,1fr) 170px; align-items: center; gap: 20px; padding: 18px; border: 1px solid rgba(216,168,79,.16); background: linear-gradient(105deg,#0d141b,#090e13); }
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link { display: grid; grid-template-columns: 68px minmax(0,1fr); align-items: center; gap: 18px; }
.woocommerce ul.products li.product a img { grid-column: 1; grid-row: 1 / span 4; width: 68px; height: 68px; margin: 0; object-fit: cover; border-radius: 50%; background: #111923; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { grid-column: 2; padding: 0; color: var(--zs-text); font-size: 15px; }
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link > .zs-badge { grid-column: 2; width: max-content; }
.woocommerce ul.products li.product .price { grid-column: 2; margin-top: 4px; color: var(--zs-gold-light); font-size: 20px; }
.woocommerce ul.products li.product .button { justify-self: end; margin: 0; }
.woocommerce span.onsale { min-width: 46px; min-height: 23px; padding: 4px 8px; border-radius: 0; background: var(--zs-gold); color: #17130c; font-size: 9px; line-height: 1.4; }
.woocommerce div.product { display: grid; grid-template-columns: minmax(0,1fr) minmax(380px,.75fr); gap: 54px; }
.woocommerce div.product div.images, .woocommerce div.product div.summary { width: auto; float: none; }
.woocommerce div.product div.images img { border: 1px solid var(--zs-line); background: #0a1016; }
.woocommerce div.product .product_title { font-size: 30px; }
.woocommerce div.product p.price, .woocommerce div.product span.price { color: var(--zs-gold-light); font-size: 27px; }
.woocommerce div.product .woocommerce-product-details__short-description { color: #89939a; font-size: 12px; line-height: 1.8; }
.woocommerce div.product form.cart .button { min-height: 46px; }
.woocommerce .quantity .qty { min-height: 46px; border: 1px solid var(--zs-line); background: #091016; color: #fff; }
.woocommerce div.product .woocommerce-tabs ul.tabs { margin: 40px 0 0; padding: 0; }
.woocommerce div.product .woocommerce-tabs ul.tabs::before { border-color: var(--zs-line); }
.woocommerce div.product .woocommerce-tabs ul.tabs li { border-color: var(--zs-line); background: #0a1016; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: #111820; color: var(--zs-gold-light); }
.woocommerce div.product .woocommerce-tabs .panel { color: #8d969f; font-size: 12px; line-height: 1.8; }
.woocommerce div.product .woocommerce-tabs, .woocommerce div.product .related, .woocommerce div.product .upsells { grid-column: 1 / -1; }
.woocommerce table.shop_table { border-color: var(--zs-line); border-radius: 0; background: #0a1016; color: #aeb5ba; }
.woocommerce table.shop_table th, .woocommerce table.shop_table td { border-color: rgba(216,168,79,.1); }
.woocommerce-cart table.cart img { width: 56px; border-radius: 50%; }
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select, .select2-container--default .select2-selection--single { min-height: 44px; border: 1px solid rgba(216,168,79,.2); border-radius: 2px; background: #081016; color: #f3f3f1; }
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { border-color: var(--zs-line); border-radius: 0; background: #0a1016; }
.woocommerce-checkout #payment { border: 1px solid var(--zs-line); border-radius: 0; background: #0a1016; }
.woocommerce-checkout #payment div.payment_box { background: #111922; color: #9fa7ad; }
.woocommerce-checkout #payment div.payment_box::before { border-bottom-color: #111922; }
.woocommerce-info, .woocommerce-message, .woocommerce-error { border-top-color: var(--zs-gold); background: #0d151c; color: #b5bcc1; }
.woocommerce-info::before, .woocommerce-message::before { color: var(--zs-gold); }
.woocommerce-account .woocommerce-MyAccount-navigation { width: 23%; }
.woocommerce-account .woocommerce-MyAccount-content { width: 73%; }
.woocommerce-MyAccount-navigation ul { margin: 0; padding: 0; border: 1px solid var(--zs-line); list-style: none; background: #0a1016; }
.woocommerce-MyAccount-navigation li a { display: block; padding: 13px 16px; border-bottom: 1px solid rgba(216,168,79,.1); color: #858f96; font-size: 11px; }
.woocommerce-MyAccount-navigation li.is-active a, .woocommerce-MyAccount-navigation li a:hover { background: rgba(216,168,79,.06); color: var(--zs-gold-light); }

/* WordPress defaults */
.zs-content-page { min-height: 540px; padding: 70px 0 90px; background: #070b0f; }
.zs-content-page article { max-width: 900px; margin-inline: auto; color: #99a2a8; font-size: 14px; line-height: 1.9; }
.zs-content-page h1 { color: var(--zs-text); font-size: 36px; }
.zs-content-page h2, .zs-content-page h3 { color: #e7dfd0; }
.zs-content-page a { color: var(--zs-gold-light); }

@media (max-width: 1080px) {
  .zs-primary-nav { display: none; }
  .zs-support-link { display: none; }
  .zs-product-row { grid-template-columns: 48px 1fr 75px; }
  .zs-product-buy { grid-column: 2 / -1; display: flex; align-items: center; justify-content: space-between; text-align: left; }
  .zs-price { margin: 0; }
}

@media (max-width: 820px) {
  body.admin-bar .zs-topbar { top: 46px; }
  .zs-login-link { display: none; }
  .zs-hero { height: 650px; }
  .zs-hero-inner { height: 555px; grid-template-columns: 1fr; }
  .zs-network-status { display: none; }
  .zs-eagle { right: -270px; opacity: .27; }
  .zs-search-console { grid-template-columns: 1fr; gap: 10px; }
  .zs-search-title { display: none; }
  .zs-market { padding-top: 145px; }
  .zs-market-layout, .zs-adv-layout { grid-template-columns: 1fr; }
  .zs-category-panel { position: static; }
  .zs-category-links { display: grid; grid-template-columns: repeat(3,1fr); }
  .zs-footer-grid { grid-template-columns: 1fr 1fr; }
  .woocommerce div.product { grid-template-columns: 1fr; }
}

@media (max-width: 580px) {
  .zs-container { width: min(100% - 28px,var(--zs-container)); }
  .zs-topbar { height: 62px; }
  .zs-brand-type b { font-size: 18px; }
  .zs-cart-link { display: none !important; }
  .zs-notice-inner p { display: none; }
  .zs-notice-inner { justify-content: space-between; }
  .zs-hero { height: 680px; }
  .zs-hero-inner { height: 570px; align-items: start; padding-top: 92px; }
  .zs-hero h1 { font-size: 35px; }
  .zs-eagle { right: -325px; width: 620px; height: 500px; background-size: 620px auto; opacity: .23; }
  .zs-trust-row { gap: 12px; font-size: 9px; }
  .zs-search-console { bottom: -72px; padding: 14px; }
  .zs-search-flags { flex-wrap: wrap; }
  .zs-market { padding-top: 170px; }
  .zs-section { padding: 70px 0; }
  .zs-section-heading-split { display: block; }
  .zs-market-summary { margin-top: 15px; justify-content: space-between; }
  .zs-category-links { grid-template-columns: 1fr 1fr; }
  .zs-product-row { grid-template-columns: 42px 1fr; padding: 14px; }
  .zs-product-avatar { width: 42px; height: 42px; }
  .zs-product-meta { display: none; }
  .zs-product-buy { grid-column: 1 / -1; }
  .zs-metrics, .zs-steps, .zs-footer-grid { grid-template-columns: 1fr; }
  .zs-metrics div, .zs-step { border-right: 0; border-bottom: 1px solid rgba(216,168,79,.12); }
  .zs-cta-panel { align-items: flex-start; flex-direction: column; padding: 33px 25px; }
  .zs-footer-grid { gap: 36px; }
  .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { grid-template-columns: 1fr; }
  .woocommerce ul.products li.product .button { justify-self: start; }
  .woocommerce-account .woocommerce-MyAccount-navigation, .woocommerce-account .woocommerce-MyAccount-content { width: 100%; float: none; }
}