/* AKNB Chrome & Cobalt — Design system (Google AI Studio port) */

:root {
  --font-body:    'Hanken Grotesk','Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --font-display: 'Libre Caslon Text','Playfair Display',Georgia,serif;
  --font-mono:    'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --font-body-family: var(--font-body);
  --font-display-family: var(--font-display);
  --cc-cobalt: #2F7BFF; --cc-cobalt-hover: #4d8eff; --cc-cobalt-deep: #245BE0;
  --cc-cobalt-grad: linear-gradient(180deg,#4d8eff 0%,#2F7BFF 100%);
  --cc-metallic: linear-gradient(180deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,0) 100%);
  --cc-bg: #ffffff; --cc-surface: #fafaf9; --cc-surface-2: #f4f4f5;
  --cc-border: #e4e4e7; --cc-border-strong: #d4d4d8;
  --cc-ink: #18181b; --cc-ink-2: #3f3f46; --cc-ink-3: #52525b; --cc-ink-4: #71717a; --cc-ink-muted: #a1a1aa;
  --cc-dark-bg: #0A0D13; --cc-dark-surface: #1A1F2A; --cc-dark-surface-2: #272a31;
  --cc-dark-annc: #10131a; --cc-dark-border: #2A303C;
  --cc-dark-text: #F8FAFC; --cc-dark-text-2: #C7CDD6; --cc-dark-text-3: #8B93A3;
  --cc-success: #10b981; --cc-warning: #f59e0b; --cc-danger: #e11d48; --cc-sky: #38bdf8;
  --cc-r-xs: 4px; --cc-r-sm: 6px; --cc-r-md: 8px; --cc-r-lg: 12px; --cc-r-xl: 16px; --cc-r-2xl: 20px; --cc-r-full: 9999px;
  --cc-shadow-xs: 0 1px 2px rgb(0 0 0 / .05);
  --cc-shadow-sm: 0 1px 3px rgb(0 0 0 / .10),0 1px 2px rgb(0 0 0 / .06);
  --cc-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .10),0 2px 4px -2px rgb(0 0 0 / .06);
  --cc-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .10),0 4px 6px -4px rgb(0 0 0 / .05);
  --cc-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .10),0 8px 10px -6px rgb(0 0 0 / .05);
  --cc-container: 1280px; --cc-gutter: clamp(1rem, 2vw, 2rem);
  --color-background: var(--cc-bg); --color-surface: var(--cc-surface);
  --color-text: var(--cc-ink); --color-text-secondary: var(--cc-ink-3);
  --color-border: var(--cc-border); --color-primary: var(--cc-cobalt); --color-accent: var(--cc-cobalt);
  --aknb-blue: var(--cc-cobalt);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --cc-bg: var(--cc-dark-bg); --cc-surface: var(--cc-dark-surface); --cc-surface-2: var(--cc-dark-surface-2);
    --cc-border: var(--cc-dark-border); --cc-border-strong: var(--cc-dark-border);
    --cc-ink: var(--cc-dark-text); --cc-ink-2: var(--cc-dark-text-2); --cc-ink-3: var(--cc-dark-text-3); --cc-ink-4: var(--cc-dark-text-3);
    --color-background: var(--cc-dark-bg); --color-surface: var(--cc-dark-surface);
    --color-text: var(--cc-dark-text); --color-text-secondary: var(--cc-dark-text-2);
    --color-border: var(--cc-dark-border);
  }
}
:root[data-theme="dark"], html.dark {
  --cc-bg: var(--cc-dark-bg); --cc-surface: var(--cc-dark-surface); --cc-surface-2: var(--cc-dark-surface-2);
  --cc-border: var(--cc-dark-border); --cc-border-strong: var(--cc-dark-border);
  --cc-ink: var(--cc-dark-text); --cc-ink-2: var(--cc-dark-text-2); --cc-ink-3: var(--cc-dark-text-3);
  --color-background: var(--cc-dark-bg); --color-surface: var(--cc-dark-surface);
  --color-text: var(--cc-dark-text); --color-text-secondary: var(--cc-dark-text-2); --color-border: var(--cc-dark-border);
}
html { overflow-x: clip; }
html body, html body.aknb {
  overflow-x: clip;
  font-family: var(--font-body) !important; color: var(--cc-ink); background: var(--cc-bg);
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility;
}
/* CookieYes preference-center modal has no mobile-responsive cap of its own (fixed 845px), which forced page-wide horizontal overflow even while hidden (visibility:hidden, still laid out). Cap it instead of touching html/body overflow, which risks clipping other fixed-position UI (the consent banner itself). */
html body .cky-preference-center{max-width:100vw!important}
html body .cky-consent-container{max-width:100vw!important}
html body ::selection { background: #18181b; color: #fff; }
html body h1, html body h2, html body h3,
html body .aknb-page-hero__title, html body .aknb-article__title,
html body .aknb-prose h1, html body .aknb-prose h2, html body .aknb-prose h3 {
  font-family: var(--font-display) !important; letter-spacing: -0.01em;
}
html body .cc-mono, html body [class*="mono-tech"],
html body pre, html body code, html body kbd, html body samp,
html body .woocommerce-Price-amount bdi { font-family: var(--font-mono); }
.cc-container { max-width: var(--cc-container); margin-inline: auto; padding-inline: var(--cc-gutter); }
.cc-display { font-family: var(--font-display); }
.cc-mono { font-family: var(--font-mono); }
.cc-eyebrow { font-family: var(--font-mono); font-size: 11px; letter-spacing: .14em; text-transform: uppercase; font-weight: 700; color: var(--cc-ink-4); }
.cc-eyebrow--cobalt { color: var(--cc-cobalt); }
html body .aknb-btn, html body .aknb-btn--primary, 
html body .aknb-btn:hover, 
html body .aknb-sticky-buy__btn, html body .aknb-sticky-buy .aknb-btn {
  background: var(--cc-cobalt-grad) !important; color: #fff !important; border: 0 !important; border-radius: var(--cc-r-md) !important;
}
html body .aknb-nl-band form, html body .aknb-newsletter__form, html body form.newsletter-form {
  --aknb-nl-angle: 0deg !important; background: transparent !important;
  border: 1px solid var(--cc-dark-border); border-radius: var(--cc-r-md); padding: 4px; animation: none !important;
}
html body .aknb-nl-band form::before, html body .aknb-nl-band form::after { display: none !important; }
html body .aknb-nl-band { background: var(--cc-dark-annc) !important; border-top: 1px solid var(--cc-dark-border); border-bottom: 1px solid var(--cc-dark-border); }
html body .aknb-prose ul > li::before { content: none !important; display: none !important; background: none !important; }
html body .aknb-prose ul > li { padding-left: 1.1em; position: relative; }
html body .aknb-prose ul > li::marker { color: var(--cc-cobalt); }
html body a:focus-visible, html body button:focus-visible, html body input:focus-visible,
html body select:focus-visible, html body textarea:focus-visible {
  outline: 2px solid var(--cc-cobalt); outline-offset: 2px; border-radius: var(--cc-r-xs);
}

/* PHASE 2 — Header & Footer */
html body .cc-announce { padding: 8px var(--cc-gutter); background: var(--cc-dark-annc); color: var(--cc-dark-text-2); font-family: var(--font-mono); font-size: 11px; border-bottom: 1px solid var(--cc-dark-border); overflow-x: auto; }
html body .cc-announce__inner { gap: 16px; max-width: var(--cc-container); margin-inline: auto; display: flex; align-items: center; justify-content: space-between; }
html body .cc-announce__left { display: flex; align-items: center; gap: 12px; min-width: 0; }
html body .cc-announce__right { display: flex; align-items: center; gap: 12px; }
html body .cc-announce__brand { display: inline-flex; align-items: center; gap: 6px; color: var(--cc-sky); font-family: var(--font-mono); font-weight: 700; letter-spacing: .08em; font-size: 11px; white-space: nowrap; }
html body .cc-announce__pipe { color: var(--cc-dark-text-3); }
html body .cc-announce__msg { color: var(--cc-dark-text-2); font-family: var(--font-body); font-size: 11px; white-space: nowrap; }
html body .cc-announce__lang, html body .cc-announce__lang * { color: var(--cc-dark-text) !important; font-family: var(--font-mono) !important; font-size: 11px !important; }
html body .cc-announce__lang a { text-decoration: none; padding: 2px 8px; border-radius: var(--cc-r-sm); border: 1px solid var(--cc-dark-border); background: var(--cc-dark-surface); }
@media (max-width: 640px) { html body .cc-announce__msg, html body .cc-announce__pipe { display: none; } }

html body .cc-header { position: sticky; top: 0; z-index: 40; background: rgba(255,255,255,.95); backdrop-filter: saturate(160%) blur(10px); -webkit-backdrop-filter: saturate(160%) blur(10px); border-bottom: 1px solid var(--cc-border); transition: background-color .15s ease; }
@media (prefers-color-scheme: dark) { html body:not([data-theme="light"]) .cc-header { background: rgba(10,13,19,.92); border-bottom-color: var(--cc-dark-border); } }
html body .cc-header__inner { display: flex; align-items: center; gap: 20px; height: 72px; }
html body .cc-header__brand { display: flex; align-items: center; }
html body .cc-header__nav { display: none; }
@media (min-width: 1024px) { html body .cc-header__nav { display: flex; margin-inline-start: 16px; } }
html body .cc-primary-nav__list { display: flex; align-items: center; gap: 28px; list-style: none; margin: 0; padding: 0; }
html body .cc-primary-nav__list > li > a, html body .cc-primary-nav__list > li > .aknb-primary-nav__link { display: inline-block; position: relative; font-family: var(--font-body); font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--cc-ink-3); text-decoration: none; padding: 24px 0; -webkit-text-fill-color: currentColor; }
html body .cc-primary-nav__list > li > a:hover, html body .cc-primary-nav__list > li.current-menu-item > a, html body .cc-primary-nav__list > li.current-menu-parent > a { color: var(--cc-ink); }
html body .cc-primary-nav__list > li.current-menu-item > a::after, html body .cc-primary-nav__list > li.current-menu-parent > a::after { content: ""; position: absolute; inset-inline: 0; bottom: 0; height: 3px; background: var(--cc-cobalt); border-radius: 3px 3px 0 0; }
@media (prefers-color-scheme: dark) { html body:not([data-theme="light"]) .cc-primary-nav__list > li > a { color: var(--cc-dark-text-2); } html body:not([data-theme="light"]) .cc-primary-nav__list > li > a:hover, html body:not([data-theme="light"]) .cc-primary-nav__list > li.current-menu-item > a { color: #fff; } }
html body .cc-header__right { margin-inline-start: auto; display: flex; align-items: center; gap: 12px; }
html body .cc-search-inline { display: none; position: relative; }
@media (min-width: 769px) { html body .cc-search-inline { display: flex; align-items: center; } }
html body .cc-search-inline input[type="search"] { width: 220px; padding-block: 8px; padding-inline: 12px 34px; font-size: 12px; font-family: var(--font-body); color: var(--cc-ink); background: var(--cc-surface); border: 1px solid var(--cc-border); border-radius: var(--cc-r-md); outline: none; transition: border-color .15s ease, box-shadow .15s ease; }
html body .cc-search-inline input[type="search"]:focus { border-color: var(--cc-cobalt); box-shadow: 0 0 0 3px rgba(47,123,255,.15); }
html body .cc-search-inline__btn { position: absolute; inset-inline-end: 8px; top: 50%; transform: translateY(-50%); background: transparent !important; border: 0 !important; padding: 0 !important; box-shadow: none !important; color: var(--cc-ink-4); cursor: pointer; border-radius: 0 !important; }
html body .cc-search-inline__btn:hover { color: var(--cc-ink); }
@media (prefers-color-scheme: dark) { html body:not([data-theme="light"]) .cc-search-inline input[type="search"] { background: var(--cc-dark-surface); border-color: var(--cc-dark-border); color: var(--cc-dark-text); } }
html body .cc-header__actions { display: flex; align-items: center; gap: 4px; }
html body .cc-icon-btn { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: var(--cc-r-md); background: transparent !important; border: 0 !important; box-shadow: none !important; color: var(--cc-ink-3); position: relative; cursor: pointer; transition: background-color .15s ease, color .15s ease; }
html body .cc-icon-btn:hover, html body .cc-icon-btn[aria-expanded="true"] { background: var(--cc-surface-2) !important; color: var(--cc-ink); transform: none !important; }
@media (prefers-color-scheme: dark) { html body:not([data-theme="light"]) .cc-icon-btn { color: var(--cc-dark-text-2); } html body:not([data-theme="light"]) .cc-icon-btn:hover, html body:not([data-theme="light"]) .cc-icon-btn[aria-expanded="true"] { background: var(--cc-dark-surface) !important; color: #fff; } }
html body .cc-icon-btn--search-m { display: inline-flex; }
/* Keyboard focus: .aknb-iconbtn:focus-visible removes the outline and relies on a box-shadow ring that the .cc-icon-btn rule above forces to none, so header icons showed no focus at all. */
html body .aknb-iconbtn:focus-visible { outline: 2px solid var(--cc-cobalt); outline-offset: 2px; }
@media (min-width: 769px) { html body .cc-icon-btn--search-m { display: none; } }
/* 1024-1199px: full nav + inline search + language pill + 3 icons did not fit and pushed Wishlist/Cart/Account off-screen; search is the icon button there. */
@media (min-width: 1024px) and (max-width: 1199px) { html body .cc-search-inline { display: none; } html body .cc-icon-btn--search-m { display: inline-flex; } html body .cc-primary-nav__list { gap: 22px; } }
html body .cc-bubble, html body .aknb-count-bubble.cc-bubble, html body [data-aknb-cart-count], html body .cc-icon-btn .aknb-count-bubble { position: absolute; top: 4px; inset-inline-end: 4px; min-width: 18px; height: 18px; padding: 0 4px; border-radius: var(--cc-r-full); background: var(--cc-cobalt); color: #fff; font-family: var(--font-mono); font-size: 10px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; }
html body .cc-bubble[hidden] { display: none; }
html body .cc-icon-btn .cc-bubble--rose, html body .cc-bubble--rose { background: var(--cc-danger); }
html body .cc-header__burger { display: inline-flex; }
@media (min-width: 1024px) { html body .cc-header__burger { display: none; } }
html body .aknb-payments{ margin-top: 20px; padding-top: 16px; border-top: 1px dashed var(--cc-dark-border); display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
html body .aknb-nl-band { display: none !important; }

/* PHASE 3 — Homepage */
html body .cc-home { display: flex; flex-direction: column; gap: 64px; padding-bottom: 64px; background: var(--cc-bg); color: var(--cc-ink); }
html body .cc-section-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; padding-bottom: 16px; margin-bottom: 32px; border-bottom: 1px solid var(--cc-border); flex-wrap: wrap; }
html body .cc-section-head--center { flex-direction: column; align-items: center; text-align: center; border-bottom: 0; padding-bottom: 0; }
html body .cc-section__title { font-family: var(--font-display) !important; font-size: clamp(24px, 3vw, 34px); font-weight: 700; letter-spacing: -.01em; margin: 4px 0 0; color: var(--cc-ink); -webkit-text-fill-color: var(--cc-ink); }
html body .cc-section__rule { display: inline-block; width: 48px; height: 2px; background: var(--cc-ink-3); margin-top: 12px; }
html body .cc-linkcta { display: inline-flex; align-items: center; gap: 6px; font-family: var(--font-mono); font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--cc-cobalt); text-decoration: none; }
html body .cc-linkcta:hover { color: var(--cc-cobalt-hover); text-decoration: underline; }
html body .cc-pill { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: var(--cc-r-full); font-family: var(--font-mono); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; margin-bottom: 6px; }
html body .cc-pill--cobalt { background: rgba(47,123,255,.10); color: var(--cc-cobalt); }
html body .cc-btn { display: inline-flex; align-items: center; gap: 8px; padding: 14px 22px; border-radius: var(--cc-r-md); font-family: var(--font-mono); font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; text-decoration: none; transition: transform .15s ease, background-color .15s ease, border-color .15s ease; }
html body .cc-btn--glass { background: rgba(0,0,0,.5); color: #fff; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,.4); }
html body .cc-btn--glass:hover { background: rgba(0,0,0,.75); border-color: #fff; transform: translateY(-1px); }
html body .cc-btn--cobalt { background: var(--cc-cobalt); color: #fff !important; -webkit-text-fill-color: #fff; box-shadow: var(--cc-shadow-lg), inset 0 1px 0 rgba(255,255,255,.14); }
html body .cc-btn--cobalt:hover { background: var(--cc-cobalt-hover); transform: translateY(-1px); }
html body .cc-btn--ghost-dark { background: transparent; color: #fff !important; -webkit-text-fill-color: #fff; border: 1px solid rgba(255,255,255,.3); }
html body .cc-btn--ghost-dark:hover { border-color: #fff; }
html body .cc-btn--light { background: #fff; color: var(--cc-dark-bg) !important; -webkit-text-fill-color: var(--cc-dark-bg); box-shadow: var(--cc-shadow-md); }
html body .cc-btn--light:hover { background: var(--cc-surface-2); transform: translateY(-1px); }
html body .cc-hero { position: relative; min-height: clamp(500px, 60vh, 640px); display: flex; align-items: center; justify-content: center; text-align: center; overflow: hidden; border-bottom: 1px solid var(--cc-border); }
html body .cc-hero__bg { position: absolute; inset: 0; display: grid; grid-template-columns: repeat(3, 1fr); opacity: .72; filter: brightness(.75) contrast(1.05); }
@media (prefers-color-scheme: dark) { html body:not([data-theme="light"]) .cc-hero__bg { opacity: .55; } }
html body .cc-hero__tile { position: relative; overflow: hidden; background: var(--cc-surface-2); }
html body .cc-hero__tile img { width: 100%; height: 100%; object-fit: cover; display: block; }
html body .cc-hero__scrim { position: absolute; inset: 0; z-index: 1; background: linear-gradient(to top, rgba(0,0,0,.82) 0%, rgba(0,0,0,.42) 45%, rgba(0,0,0,.6) 100%); }
html body .cc-hero__inner { position: relative; z-index: 2; color: #fff; display: flex; flex-direction: column; align-items: center; max-width: 780px; padding-block: 60px; }
html body .cc-hero__eyebrow { color: var(--cc-dark-text-2); margin-bottom: 12px; }
html body .cc-hero__title{font-size:clamp(36px,4vw,54px);line-height:1.1;color:#fff !important;-webkit-text-fill-color:#fff !important;font-family:var(--font-display,serif);font-weight:700;letter-spacing:-.02em;margin:0 0 16px}
html body .cc-hero__lead { margin-top: 18px; font-family: var(--font-body); font-weight: 300; font-size: clamp(14px, 1.4vw, 18px); line-height: 1.6; color: rgba(255,255,255,.9); max-width: 44ch; }
html body .cc-hero__ctas { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 30px; justify-content: center; }
html body .cc-cats__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
@media (max-width: 1024px) { html body .cc-cats__grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 520px) { html body .cc-cats__grid { grid-template-columns: 1fr; } }
html body .cc-cat { position: relative; display: block; overflow: hidden; height: 280px; border-radius: var(--cc-r-2xl); border: 1px solid var(--cc-border); box-shadow: var(--cc-shadow-xs); text-decoration: none; color: #fff; isolation: isolate; }
html body .cc-cat img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .7s ease; z-index: 0; }
html body .cc-cat:hover img { transform: scale(1.06); }
html body .cc-cat__scrim { position: absolute; inset: 0; z-index: 1; background: linear-gradient(to top, rgba(0,0,0,.88) 0%, rgba(0,0,0,.3) 55%, transparent 100%); }
html body .cc-cat__meta { position: absolute; z-index: 2; left: 20px; right: 20px; bottom: 20px; }
html body .cc-cat__count { color: var(--cc-sky) !important; -webkit-text-fill-color: var(--cc-sky); display: block; margin-bottom: 6px; }
html body .cc-cat__name { font-family: var(--font-display) !important; font-size: 20px; font-weight: 700; margin: 0; color: #fff !important; -webkit-text-fill-color: #fff; transition: color .2s ease; }
html body .cc-cat:hover .cc-cat__name { color: #dceeff !important; }
html body .cc-cat__cta { display: inline-flex; align-items: center; gap: 6px; margin-top: 10px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: rgba(255,255,255,.85) !important; }
html body .cc-cat:hover .cc-cat__cta { color: #fff !important; }
html body .cc-products { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
@media (max-width: 1024px) { html body .cc-products { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px) { html body .cc-products { grid-template-columns: 1fr; } }
html body .cc-product { display: flex; flex-direction: column; gap: 12px; }
html body .cc-product__media { position: relative; display: block; overflow: hidden; aspect-ratio: 4/5; border-radius: var(--cc-r-lg); background: var(--cc-surface-2); border: 1px solid var(--cc-border); box-shadow: var(--cc-shadow-xs); transition: border-color .3s ease; }
html body .cc-product__media:hover { border-color: rgba(47,123,255,.6); }
html body .cc-product__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
html body .cc-product__media:hover img { transform: scale(1.05); }
html body .cc-product__scrim { position: absolute; inset: 0; background: rgba(0,0,0,.2); opacity: 0; transition: opacity .2s; }
html body .cc-product__media:hover .cc-product__scrim { opacity: 1; }
html body .cc-product__qv { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: inline-flex !important; align-items: center; gap: 6px; padding: 8px 14px; border-radius: var(--cc-r-md); background: rgba(255,255,255,.95) !important; color: var(--cc-ink) !important; border: 0 !important; font-family: var(--font-body); font-size: 11px; font-weight: 700; box-shadow: var(--cc-shadow-md); opacity: 0; transition: opacity .2s ease, transform .2s ease; cursor: pointer; }
html body .cc-product__media:hover .cc-product__qv { opacity: 1; transform: translate(-50%, -50%) scale(1.03); }
html body .cc-product__badge { position: absolute; top: 10px; left: 10px; z-index: 2; padding: 3px 8px; border-radius: var(--cc-r-sm); font-family: var(--font-mono); font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }
html body .cc-product__badge--region { background: rgba(255,255,255,.92); color: var(--cc-ink); border: 1px solid var(--cc-border); }
html body .cc-product__badge--drop { background: var(--cc-cobalt); color: #fff; box-shadow: var(--cc-shadow-xs); }
html body .cc-product__name { font-family: var(--font-body) !important; font-size: 14px; font-weight: 500; color: var(--cc-ink); margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
html body .cc-product__name a { color: inherit; text-decoration: none; transition: color .15s ease; }
html body .cc-product__name a:hover { color: var(--cc-cobalt); }
html body .cc-product__brand { display: block; margin-bottom: 4px; font-size: 10px; color: var(--cc-ink-4); text-transform: uppercase; letter-spacing: .1em; font-weight: 700; }
html body .cc-product__price { font-size: 14px; font-weight: 700; color: var(--cc-ink); }
html body .cc-product__price del { color: var(--cc-ink-4); font-weight: 400; font-size: 12px; margin-left: 4px; }
html body .cc-product__price ins { text-decoration: none; }
html body .cc-products--boxed .cc-product { background: var(--cc-bg); border: 1px solid var(--cc-border); border-radius: var(--cc-r-2xl); padding: 16px; box-shadow: var(--cc-shadow-xs); transition: border-color .3s ease; }
html body .cc-products--boxed .cc-product:hover { border-color: var(--cc-cobalt); }
html body .cc-products--boxed .cc-product__media { aspect-ratio: 1/1; }
html body .cc-product__foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 12px; margin-top: 8px; border-top: 1px solid var(--cc-border); }
html body .cc-product__addbtn { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: var(--cc-r-md); background: var(--cc-ink) !important; color: #fff !important; box-shadow: var(--cc-shadow-xs); border: 0 !important; text-decoration: none; transition: background-color .15s ease; }
html body .cc-product__addbtn:hover { background: var(--cc-cobalt) !important; }
@media (prefers-color-scheme: dark) { html body:not([data-theme="light"]) .cc-home { background: var(--cc-dark-bg); color: var(--cc-dark-text); } html body:not([data-theme="light"]) .cc-section__title, html body:not([data-theme="light"]) .cc-product__name { color: var(--cc-dark-text); -webkit-text-fill-color: var(--cc-dark-text); } html body:not([data-theme="light"]) .cc-section-head { border-bottom-color: var(--cc-dark-border); } html body:not([data-theme="light"]) .cc-cat { border-color: var(--cc-dark-border); } html body:not([data-theme="light"]) .cc-product__media { background: var(--cc-dark-surface); border-color: var(--cc-dark-border); } html body:not([data-theme="light"]) .cc-product__badge--region { background: rgba(10,13,19,.85); color: var(--cc-dark-text-2); border-color: rgba(255,255,255,.1); } html body:not([data-theme="light"]) .cc-products--boxed .cc-product { background: #141822; border-color: var(--cc-dark-border); } html body:not([data-theme="light"]) .cc-product__price { color: var(--cc-dark-text); } html body:not([data-theme="light"]) .cc-product__addbtn { background: #fff !important; color: var(--cc-dark-bg) !important; } html body:not([data-theme="light"]) .cc-product__addbtn:hover { background: var(--cc-cobalt) !important; color: #fff !important; } }
html body .cc-trust { border-block: 1px solid var(--cc-border); background: rgba(250,250,249,.6); padding: 40px 0; }
@media (prefers-color-scheme: dark) { html body:not([data-theme="light"]) .cc-trust { background: rgba(26,31,42,.6); border-color: var(--cc-dark-border); } }
html body .cc-trust__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; text-align: center; }
@media (max-width: 640px) { html body .cc-trust__grid { grid-template-columns: repeat(2, 1fr); gap: 20px; } }
html body .cc-trust__item { display: flex; flex-direction: column; align-items: center; gap: 10px; }
html body .cc-trust__icon { width: 48px; height: 48px; border-radius: var(--cc-r-full); border: 1px solid var(--cc-border); display: inline-flex; align-items: center; justify-content: center; color: var(--cc-ink-2); transition: border-color .2s ease, color .2s ease; }
html body .cc-trust__item:hover .cc-trust__icon { border-color: var(--cc-cobalt); color: var(--cc-cobalt); }
html body .cc-trust__item h4 { font-family: var(--font-body) !important; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .12em; margin: 0; color: var(--cc-ink); -webkit-text-fill-color: var(--cc-ink); }
@media (prefers-color-scheme: dark) { html body:not([data-theme="light"]) .cc-trust__icon { border-color: var(--cc-dark-border); color: var(--cc-dark-text-2); } html body:not([data-theme="light"]) .cc-trust__item h4 { color: var(--cc-dark-text); -webkit-text-fill-color: var(--cc-dark-text); } }
html body .cc-editorial { border-radius: var(--cc-r-2xl); background: var(--cc-ink); color: #fff; padding: clamp(28px, 4vw, 44px); display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 32px; box-shadow: var(--cc-shadow-lg); }
html body .cc-editorial__copy { flex: 0 0 auto; max-width: none; width: 100%; }
html body .cc-editorial__eyebrow { color: var(--cc-sky) !important; -webkit-text-fill-color: var(--cc-sky); display: block; margin-bottom: 10px; }
html body .cc-editorial__title { font-family: var(--font-display) !important; font-size: clamp(22px, 2.6vw, 32px); font-weight: 700; color: #fff !important; -webkit-text-fill-color: #fff; margin: 0; }
html body .cc-editorial__excerpt { color: var(--cc-dark-text-2); margin-top: 10px; font-size: 14px; line-height: 1.6; }
html body .cc-editorial__ctas { display: flex; gap: 12px; flex-wrap: wrap; }
html body .cc-vip { max-width: 780px; margin: 0 auto; text-align: center; padding: clamp(32px, 5vw, 56px); border-radius: var(--cc-r-2xl); background: radial-gradient(circle at 20% 0%, rgba(30,58,138,.55), transparent 60%), linear-gradient(180deg, var(--cc-ink), var(--cc-dark-bg)); border: 1px solid var(--cc-dark-border); color: #fff; box-shadow: var(--cc-shadow-xl); }
html body .cc-vip__eyebrow { color: #93c5fd !important; -webkit-text-fill-color: #93c5fd; display: block; margin-bottom: 10px; letter-spacing: .22em; }
html body .cc-vip__title { font-family: var(--font-display) !important; font-size: clamp(22px, 3vw, 38px); font-weight: 700; color: #fff !important; -webkit-text-fill-color: #fff; margin: 0; }
html body .cc-vip__sub { color: var(--cc-dark-text-2); margin-top: 12px; font-size: 13px; line-height: 1.6; max-width: none; margin-inline: auto; padding-inline: 8px; }
html body .cc-vip__form { margin-top: 22px; }





html body .cc-vip__form .aknb-newsletter__consent { color: var(--cc-dark-text-3); font-size: 11px; margin-top: 12px; width: 100%; text-align: center; }

/* PHASE 4 — Shop archive + product cards + single product */
html body .woocommerce-page, html body .aknb-shop { background: var(--cc-bg); color: var(--cc-ink); }
@media (prefers-color-scheme: dark) { html body:not([data-theme="light"]) .aknb-shop, html body:not([data-theme="light"]) .woocommerce-page { background: var(--cc-dark-bg); color: var(--cc-dark-text); } }
html body .woocommerce-breadcrumb { font-family: var(--font-body); font-size: 12px; color: var(--cc-ink-4); margin-bottom: 20px; }
html body .woocommerce-breadcrumb a { color: var(--cc-ink-4); text-decoration: none; }
html body .woocommerce-breadcrumb a:hover { color: var(--cc-ink); text-decoration: underline; }
html body .aknb-shop__header { padding-bottom: 24px; margin-bottom: 24px; border-bottom: 1px solid var(--cc-border); }
html body .aknb-shop__eyebrow, html body .aknb-eyebrow { font-family: var(--font-mono); font-size: 11px; color: var(--cc-cobalt); font-weight: 700; letter-spacing: .14em; text-transform: uppercase; display: inline-block; margin-bottom: 6px; }
html body .aknb-shop__title { font-family: var(--font-display) !important; font-size: clamp(28px, 3.5vw, 44px); font-weight: 700; letter-spacing: -.01em; margin: 0; color: var(--cc-ink); -webkit-text-fill-color: var(--cc-ink); }
@media (prefers-color-scheme: dark) { html body:not([data-theme="light"]) .aknb-shop__title { color: #fff; -webkit-text-fill-color: #fff; } html body:not([data-theme="light"]) .aknb-shop__header { border-color: var(--cc-dark-border); } }
html body .aknb-shop__toolbar, html body [class*="shop-toolbar"] { background: var(--cc-bg); border: 1px solid var(--cc-border); border-radius: var(--cc-r-lg); padding: 12px 16px; margin-bottom: 16px; display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; font-size: 12px; }
html body .woocommerce-result-count { font-family: var(--font-mono); font-size: 12px; color: var(--cc-ink-3); margin: 0; }
html body .woocommerce-ordering select, html body .aknb-perpage select { padding: 6px 12px; border-radius: var(--cc-r-md); border: 1px solid var(--cc-border); background: var(--cc-surface); font-family: var(--font-body); font-size: 12px; font-weight: 600; color: var(--cc-ink); cursor: pointer; }
html body ul.aknb-product-grid, html body ul.products { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 20px !important; padding: 0 !important; margin: 0 !important; list-style: none !important; }
@media (max-width: 1024px) { html body ul.aknb-product-grid, html body ul.products { grid-template-columns: repeat(3, 1fr) !important; } }
@media (max-width: 768px)  { html body ul.aknb-product-grid, html body ul.products { grid-template-columns: repeat(2, 1fr) !important; } }
@media (max-width: 420px)  { html body ul.aknb-product-grid, html body ul.products { grid-template-columns: 1fr !important; } }
html body .aknb-product-grid__item { list-style: none; margin: 0; padding: 0; }
html body .aknb-product-grid__item::before { content: none !important; }
html body article.aknb-product-card { background: var(--cc-bg); border: 1px solid var(--cc-border); border-radius: var(--cc-r-lg); padding: 14px; box-shadow: var(--cc-shadow-xs); display: flex; flex-direction: column; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; position: relative; overflow: hidden; }
html body article.aknb-product-card:hover { border-color: var(--cc-cobalt); box-shadow: var(--cc-shadow-lg), 0 0 0 1px var(--cc-cobalt); transform: translateY(-2px); }
@media (prefers-color-scheme: dark) { html body:not([data-theme="light"]) article.aknb-product-card { background: var(--cc-dark-surface); border-color: var(--cc-dark-border); } }
html body .aknb-product-card__media { position: relative; aspect-ratio: 1 / 1; border-radius: var(--cc-r-md); overflow: hidden; background: var(--cc-surface); margin-bottom: 12px; }
@media (prefers-color-scheme: dark) { html body:not([data-theme="light"]) .aknb-product-card__media { background: var(--cc-dark-bg); } }
html body .aknb-product-card__media-link { display: block; width: 100%; height: 100%; }
html body .aknb-product-card__img { width: 100% !important; height: 100% !important; object-fit: cover; transition: transform .5s ease; }
html body article.aknb-product-card:hover .aknb-product-card__img { transform: scale(1.05); }
html body .aknb-product-card__badges { position: absolute; top: 8px; left: 8px; z-index: 2; display: flex; flex-direction: column; gap: 4px; }
html body .aknb-badge { padding: 3px 8px; border-radius: var(--cc-r-sm); font-family: var(--font-mono); font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; background: var(--cc-cobalt); color: #fff; box-shadow: var(--cc-shadow-xs); }
html body .aknb-badge--sale { background: var(--cc-danger); }
html body .aknb-badge--out { background: var(--cc-danger); }
html body .cc-pdp__gallery .aknb-single-badges { position: absolute; inset-block-start: 16px; inset-inline-start: 16px; z-index: 5; display: flex; gap: 6px; pointer-events: none; }
html body .cc-pdp__gallery .aknb-single-badges .aknb-badge { padding: 6px 12px; font-size: 11px; box-shadow: 0 2px 8px rgba(0,0,0,.15); }
html body .stock.out-of-stock { color: var(--cc-danger); font-weight: 700; }
html body .cc-pdp__cart:has(.single_variation p.stock) p.aknb-oos { display: none; }
html body .aknb-product-card:has(.aknb-badge--out) .aknb-product-card__media-link { opacity: .65; }
html body .aknb-product-card__wishlist { position: absolute; top: 8px; right: 8px; z-index: 3; width: 32px; height: 32px; border-radius: var(--cc-r-full); background: rgba(255,255,255,.9) !important; border: 1px solid var(--cc-border) !important; color: var(--cc-ink-3) !important; display: inline-flex; align-items: center; justify-content: center; box-shadow: var(--cc-shadow-xs) !important; transition: color .15s ease, background-color .15s ease, transform .15s ease; cursor: pointer; padding: 0 !important; }
html body .aknb-product-card__wishlist:hover { color: var(--cc-danger) !important; transform: scale(1.08); background: #fff !important; }
html body .aknb-product-card__wishlist[aria-pressed="true"] { color: var(--cc-danger) !important; }
html body .aknb-product-card__wishlist[aria-pressed="true"] svg { fill: currentColor; }
@media (prefers-color-scheme: dark) { html body:not([data-theme="light"]) .aknb-product-card__wishlist { background: rgba(10,13,19,.85) !important; border-color: var(--cc-dark-border) !important; color: var(--cc-dark-text-2) !important; } }
html body .aknb-product-card__title { font-family: var(--font-body) !important; font-size: 13px; font-weight: 600; line-height: 1.35; margin: 0 0 6px; color: var(--cc-ink); -webkit-text-fill-color: var(--cc-ink); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.7em; }
html body .aknb-product-card__title a { color: inherit; text-decoration: none; }
html body .aknb-product-card__title a:hover { color: var(--cc-cobalt); }
@media (prefers-color-scheme: dark) { html body:not([data-theme="light"]) .aknb-product-card__title { color: var(--cc-dark-text); -webkit-text-fill-color: var(--cc-dark-text); } }
html body .aknb-product-card__rating, html body .aknb-product-card .star-rating { color: #f59e0b; margin: 4px 0 8px; }
html body .star-rating { font-size: 12px !important; }
html body .aknb-product-card__price, html body .aknb-product-card .price { font-family: var(--font-mono) !important; font-size: 14px; font-weight: 700; color: var(--cc-ink); margin: 0; }
html body .aknb-product-card__price del, html body .aknb-product-card .price del { color: var(--cc-ink-4); font-weight: 400; font-size: 12px; }
html body .aknb-product-card__price ins, html body .aknb-product-card .price ins { text-decoration: none; }
@media (prefers-color-scheme: dark) { html body:not([data-theme="light"]) .aknb-product-card__price { color: var(--cc-dark-text); } }
/* Product card, add-to-cart system: price row + CTA (Add to cart / Options / View) and the Quick view glass pill on the image. */
html body .aknb-product-card__body { flex: 1 1 auto; }
html body .aknb-product-card__pricerow { display: flex; flex-direction: column; gap: 12px; margin-block-start: auto; padding-block-start: 10px; }
html body .aknb-product-card .cc-card-cta { position: relative; isolation: isolate; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; gap: 8px; inline-size: 100%; min-block-size: 40px; padding-inline: 12px; border: 0; border-radius: var(--cc-r-md); background: var(--cc-cobalt-grad); color: #fff; font: 700 11px/1 var(--font-mono); letter-spacing: .08em; text-transform: uppercase; text-decoration: none; white-space: nowrap; cursor: pointer; -webkit-tap-highlight-color: transparent; box-shadow: inset 0 1px 0 rgb(255 255 255 / .28), 0 6px 16px -6px rgb(47 123 255 / .65); transition: transform .18s var(--ease-standard), box-shadow .18s var(--ease-standard); }
html body .aknb-product-card .cc-card-cta::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(105deg, transparent 34%, rgb(255 255 255 / .3) 50%, transparent 66%); transform: translateX(-120%); transition: transform .6s var(--ease-standard); }
html body .aknb-product-card .cc-card-cta:hover { transform: translateY(-1px); box-shadow: inset 0 1px 0 rgb(255 255 255 / .34), 0 12px 24px -8px rgb(47 123 255 / .8); }
html body .aknb-product-card .cc-card-cta:hover::before { transform: translateX(120%); }
html body .aknb-product-card .cc-card-cta:active { transform: translateY(0) scale(.98); }
html body .aknb-product-card .cc-card-cta__ico { display: inline-grid; place-items: center; inline-size: 18px; block-size: 18px; flex: none; }
html body .aknb-product-card .cc-card-cta__i { grid-area: 1 / 1; transition: opacity .18s ease, transform .22s var(--ease-standard); }
html body .aknb-product-card .cc-card-cta:hover .cc-card-cta__i--bag { transform: translateY(-1px) rotate(-6deg); }
html body .aknb-product-card .cc-card-cta__i--spin { inline-size: 16px; block-size: 16px; border: 2px solid currentColor; border-inline-end-color: transparent; border-radius: 50%; opacity: 0; animation: aknb-spin .6s linear infinite; }
html body .aknb-product-card .cc-card-cta__i--ok { opacity: 0; transform: scale(.4); }
html body .aknb-product-card .cc-card-cta.is-loading { pointer-events: none; cursor: progress; }
html body .aknb-product-card .cc-card-cta.is-loading .cc-card-cta__i--bag { opacity: 0; transform: scale(.4); }
html body .aknb-product-card .cc-card-cta.is-loading .cc-card-cta__i--spin { opacity: 1; }
html body .aknb-product-card .cc-card-cta.is-added { background: linear-gradient(180deg, #34d399 0%, var(--cc-success) 100%); box-shadow: inset 0 1px 0 rgb(255 255 255 / .3), 0 6px 16px -6px rgb(16 185 129 / .6); }
html body .aknb-product-card .cc-card-cta.is-added .cc-card-cta__i--bag { opacity: 0; transform: scale(.4); }
html body .aknb-product-card .cc-card-cta.is-added .cc-card-cta__i--ok { opacity: 1; transform: none; }
html body .aknb-product-card .cc-card-cta--ghost { background: transparent; color: color-mix(in srgb, var(--cc-cobalt) 78%, var(--cc-ink)); box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--cc-cobalt) 55%, transparent); }
html body .aknb-product-card .cc-card-cta--ghost:hover { background: var(--cc-cobalt-grad); color: #fff; box-shadow: inset 0 1px 0 rgb(255 255 255 / .34), 0 12px 24px -8px rgb(47 123 255 / .8); }
html body .aknb-product-card .cc-card-cta--ghost .cc-card-cta__i { transition: transform .2s var(--ease-standard); }
html body .aknb-product-card .cc-card-cta--ghost:hover .cc-card-cta__i { transform: translateX(3px); }
html[dir="rtl"] body .aknb-product-card .cc-card-cta--ghost .cc-card-cta__i { transform: scaleX(-1); }
html[dir="rtl"] body .aknb-product-card .cc-card-cta--ghost:hover .cc-card-cta__i { transform: scaleX(-1) translateX(3px); }
html body .aknb-product-card__actions { display: flex; inset-inline: auto 10px; inset-block-end: 10px; margin: 0; padding: 0; border: 0; opacity: 1; transform: none; }
html body .aknb-product-card__actions .aknb-product-card__add { display: inline-flex; align-items: center; justify-content: center; inline-size: 40px; block-size: 40px; padding: 0; border: 1px solid color-mix(in srgb, var(--cc-border) 60%, transparent); border-radius: 50%; background: color-mix(in srgb, var(--cc-bg) 74%, transparent); -webkit-backdrop-filter: blur(12px) saturate(1.4); backdrop-filter: blur(12px) saturate(1.4); color: var(--cc-ink); cursor: pointer; box-shadow: 0 8px 20px -8px rgb(0 0 0 / .45); transition: background-color .18s ease, color .18s ease, border-color .18s ease; }
html body .aknb-product-card__actions .aknb-product-card__add:hover { background: var(--cc-cobalt); border-color: var(--cc-cobalt); color: #fff; }
html body .aknb-product-card__actions .aknb-product-card__add span { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
@media (pointer: coarse) { html body .aknb-product-card .cc-card-cta { min-block-size: 44px; } }
@media (prefers-reduced-motion: reduce) {
  html body .aknb-product-card .cc-card-cta { transition: none; }
  html body .aknb-product-card .cc-card-cta::before { display: none; }
  html body .aknb-product-card .cc-card-cta__i--spin { animation-duration: 1.6s; }
}
html body input[type="checkbox"], html body input[type="radio"] { accent-color: var(--cc-cobalt); }
html body .aknb-chip { display: inline-flex; align-items: center; gap: 4px; padding: 4px 10px; border-radius: var(--cc-r-full); background: rgba(47,123,255,.10); color: var(--cc-cobalt); font-family: var(--font-mono); font-size: 11px; font-weight: 600; text-decoration: none; }
html body .aknb-chip:hover { background: rgba(47,123,255,.18); }
html body .woocommerce-pagination ul, html body nav.woocommerce-pagination { display: flex !important; align-items: center; justify-content: center; gap: 6px; margin-top: 32px; padding: 0; list-style: none; border: 0 !important; }
html body .woocommerce-pagination li { border: 0 !important; margin: 0 !important; }
html body .woocommerce-pagination a, html body .woocommerce-pagination span { min-width: 34px; height: 34px; padding: 0 10px; display: inline-flex !important; align-items: center; justify-content: center; border: 1px solid var(--cc-border) !important; background: var(--cc-bg) !important; color: var(--cc-ink) !important; border-radius: var(--cc-r-md) !important; font-family: var(--font-mono); font-size: 12px; font-weight: 700; text-decoration: none; }
html body .woocommerce-pagination .current { background: var(--cc-cobalt) !important; color: #fff !important; border-color: var(--cc-cobalt) !important; }
html body .woocommerce-pagination a:hover { background: var(--cc-surface-2) !important; }
html body .single-product .product { padding-block: 32px; }
html body .single-product .woocommerce-product-gallery { border: 1px solid var(--cc-border); border-radius: var(--cc-r-xl); background: var(--cc-surface); padding: 20px; box-shadow: var(--cc-shadow-md); overflow: hidden; }
html body .single-product .woocommerce-product-gallery__image img { border-radius: var(--cc-r-lg); }
html body .single-product .product_title { font-family: var(--font-display) !important; font-size: clamp(28px, 3.5vw, 42px) !important; font-weight: 700 !important; letter-spacing: -.01em; color: var(--cc-ink) !important; margin: 0 0 12px !important; }
html body .single-product .price, html body .single-product p.price { font-family: var(--font-mono) !important; font-size: 30px !important; font-weight: 700 !important; color: var(--cc-ink) !important; margin: 8px 0 20px !important; }
html body .single-product .price del { color: var(--cc-ink-4) !important; font-weight: 400 !important; font-size: 20px !important; }
html body .single-product .price ins { text-decoration: none !important; }
html body .single-product .woocommerce-product-details__short-description { font-family: var(--font-body); font-size: 14px; line-height: 1.65; color: var(--cc-ink-2); margin-bottom: 20px; }
html body .single-product .product_meta { font-family: var(--font-mono); font-size: 11px; color: var(--cc-ink-4); letter-spacing: .04em; }
html body .single-product .product_meta a { color: var(--cc-cobalt); text-decoration: none; }
html body .single-product table.variations select { min-width: 220px; padding: 10px 12px !important; border: 1px solid var(--cc-border-strong) !important; border-radius: var(--cc-r-md) !important; background: var(--cc-bg) !important; color: var(--cc-ink); font-family: var(--font-body); font-size: 13px; }
html body .single-product .quantity input.qty { width: 68px; height: 48px; border: 1px solid var(--cc-border-strong) !important; border-radius: var(--cc-r-md) !important; background: var(--cc-bg) !important; color: var(--cc-ink); font-family: var(--font-mono); font-size: 14px; font-weight: 700; text-align: center; }
html body.single-product .woocommerce-tabs.wc-tabs-wrapper { margin-top: 40px; }
html body.single-product .woocommerce-tabs.wc-tabs-wrapper ul.tabs { display: flex; gap: 10px; flex-wrap: wrap; padding: 0 !important; margin: 0 0 20px !important; border: 0 !important; list-style: none; }
html body.single-product .woocommerce-tabs.wc-tabs-wrapper ul.tabs::before, html body.single-product .woocommerce-tabs.wc-tabs-wrapper ul.tabs::after { display: none !important; }
html body.single-product .woocommerce-tabs.wc-tabs-wrapper ul.tabs li { border: 0 !important; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; margin: 0 !important; padding: 0 !important; }
html body.single-product .woocommerce-tabs.wc-tabs-wrapper ul.tabs li::before, html body.single-product .woocommerce-tabs.wc-tabs-wrapper ul.tabs li::after { display: none !important; }
html body.single-product .woocommerce-tabs.wc-tabs-wrapper ul.tabs li a { display: inline-flex; align-items: center; padding: 12px 22px !important; border-radius: var(--cc-r-full) !important; background: var(--cc-bg) !important; border: 1px solid var(--cc-border) !important; color: var(--cc-ink-3) !important; font-family: var(--font-body) !important; font-size: 12px !important; font-weight: 700 !important; text-transform: uppercase; letter-spacing: .06em; text-decoration: none !important; transition: background .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .15s ease; }
html body.single-product .woocommerce-tabs.wc-tabs-wrapper ul.tabs li:not(.active) a:hover { border-color: var(--cc-cobalt) !important; color: var(--cc-cobalt) !important; transform: translateY(-1px); }
html body.single-product .woocommerce-tabs.wc-tabs-wrapper ul.tabs li.active a { background: var(--cc-cobalt-grad) !important; border-color: transparent !important; color: #fff !important; box-shadow: 0 10px 20px -10px rgba(47,123,255,.55); }
html body.single-product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel { position: relative; background: var(--cc-bg); border: 1px solid var(--cc-border); border-radius: var(--cc-r-xl); padding: 32px; max-width: none; margin: 0; font-family: var(--font-body); font-size: 14px; line-height: 1.75; color: var(--cc-ink-3); box-shadow: var(--cc-shadow-xs); overflow: hidden; animation: cc-tab-in .25s ease; }
html body.single-product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--cc-cobalt-grad); }
@keyframes cc-tab-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
html body.single-product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel h2 { font-family: var(--font-display); font-weight: 700; font-size: 22px; line-height: 1.2; color: var(--cc-ink); margin: 0 0 16px; }
html body.single-product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel h2:first-child { margin-top: 0; }
html body.single-product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel p { margin: 0 0 14px; max-width: 68ch; }
html body.single-product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel p:last-child { margin-bottom: 0; }
html body.single-product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel ul:not(.tabs):not(.commentlist):not(.comment-list) { list-style: none; margin: 0 0 14px; padding: 0; }
html body.single-product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel ul:not(.tabs):not(.commentlist):not(.comment-list) li { position: relative; padding-left: 22px; margin-bottom: 8px; }
html body.single-product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel ul:not(.tabs):not(.commentlist):not(.comment-list) li::before { content: ""; position: absolute; left: 0; top: .5em; width: 7px; height: 7px; border-radius: 2px; background: var(--cc-cobalt); transform: rotate(45deg); }
html body.single-product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel strong { color: var(--cc-ink); font-weight: 700; }
html body.single-product .woocommerce-tabs.wc-tabs-wrapper table.woocommerce-product-attributes { width: 100%; border-collapse: collapse; font-family: var(--font-body); font-size: 13px; }
html body.single-product .woocommerce-tabs.wc-tabs-wrapper table.woocommerce-product-attributes tr { border-bottom: 1px solid var(--cc-border); }
html body.single-product .woocommerce-tabs.wc-tabs-wrapper table.woocommerce-product-attributes tr:last-child { border-bottom: 0; }
html body.single-product .woocommerce-tabs.wc-tabs-wrapper table.woocommerce-product-attributes th { width: 220px; padding: 12px 16px 12px 0; color: var(--cc-ink-4); font-weight: 700; text-transform: uppercase; font-size: 11px; letter-spacing: .06em; text-align: left; vertical-align: top; }
html body.single-product .woocommerce-tabs.wc-tabs-wrapper table.woocommerce-product-attributes td { padding: 12px 0; color: var(--cc-ink-2); }
@media (max-width: 640px) {
  html body.single-product .woocommerce-tabs.wc-tabs-wrapper ul.tabs li a { padding: 10px 16px !important; font-size: 11px !important; }
  html body.single-product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel { padding: 22px; }
  html body.single-product .woocommerce-tabs.wc-tabs-wrapper table.woocommerce-product-attributes th { width: auto; display: block; padding-bottom: 2px; }
  html body.single-product .woocommerce-tabs.wc-tabs-wrapper table.woocommerce-product-attributes td { display: block; padding-top: 0; padding-bottom: 14px; }
}
html body .single-product .aknb-delivery-trust { background: var(--cc-surface); border: 1px solid var(--cc-border); border-radius: var(--cc-r-lg); padding: 16px 20px; margin: 16px 0; }
html body .single-product .related > h2, html body .single-product .up-sells > h2 { font-family: var(--font-display) !important; font-size: clamp(22px, 3vw, 32px); font-weight: 700; margin: 40px 0 16px; padding-bottom: 12px; border-bottom: 1px solid var(--cc-border); color: var(--cc-ink); -webkit-text-fill-color: var(--cc-ink); }

/* PHASE 5 — Cart + Checkout */
html body.woocommerce-cart, html body.woocommerce-checkout, html body.woocommerce-account { background: var(--cc-bg); }
@media (prefers-color-scheme: dark) { html body.woocommerce-cart:not([data-theme="light"]), html body.woocommerce-checkout:not([data-theme="light"]), html body.woocommerce-account:not([data-theme="light"]) { background: var(--cc-dark-bg); } }
html body.woocommerce-cart h1.entry-title, html body.woocommerce-checkout h1.entry-title { font-family: var(--font-display) !important; font-size: clamp(28px, 3.5vw, 40px) !important; font-weight: 700 !important; color: var(--cc-ink) !important; margin: 0 0 24px !important; }
html body.woocommerce-cart .shop_table.cart { background: var(--cc-bg); border: 1px solid var(--cc-border); border-radius: var(--cc-r-lg); overflow: hidden; }
html body.woocommerce-cart .shop_table.cart th, html body.woocommerce-cart .shop_table.cart td { border: 0 !important; padding: 16px 12px !important; font-family: var(--font-body); font-size: 13px; vertical-align: middle; }
html body.woocommerce-cart .shop_table.cart thead th { background: var(--cc-surface); color: var(--cc-ink-3) !important; font-family: var(--font-mono); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; border-bottom: 1px solid var(--cc-border) !important; }
html body.woocommerce-cart .shop_table.cart tbody tr { border-bottom: 1px solid var(--cc-border); }
html body.woocommerce-cart .shop_table td.product-thumbnail img { width: 72px !important; height: 72px !important; border-radius: var(--cc-r-md); border: 1px solid var(--cc-border); object-fit: cover; }
html body.woocommerce-cart td.product-name a { font-family: var(--font-body); font-size: 14px; font-weight: 600; color: var(--cc-ink); text-decoration: none; }
html body.woocommerce-cart td.product-name a:hover { color: var(--cc-cobalt); }
html body.woocommerce-cart td.product-price, html body.woocommerce-cart td.product-subtotal { font-family: var(--font-mono); font-size: 13px; font-weight: 700; color: var(--cc-ink); }
html body.woocommerce .quantity, html body .aknb-qv-modal .quantity { display: inline-flex; align-items: center; border: 1px solid var(--cc-border-strong); border-radius: var(--cc-r-md); overflow: hidden; background: var(--cc-bg); }
html body.woocommerce .quantity input.qty, html body .aknb-qv-modal .quantity input.qty { width: 48px !important; height: 36px !important; border: 0 !important; background: transparent !important; font-family: var(--font-mono); font-size: 13px; font-weight: 700; text-align: center; color: var(--cc-ink); }
html body.woocommerce-cart a.remove { display: inline-flex !important; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: var(--cc-r-md); color: var(--cc-ink-4) !important; background: transparent !important; font-size: 18px !important; text-decoration: none; transition: color .15s ease, background-color .15s ease; }
html body.woocommerce-cart a.remove:hover { color: var(--cc-danger) !important; background: rgba(225,29,72,.10) !important; }
html body.woocommerce-cart .actions #coupon_code { padding: 10px 14px !important; min-width: 180px; border: 1px solid var(--cc-border-strong) !important; border-radius: var(--cc-r-md) !important; background: var(--cc-bg) !important; color: var(--cc-ink); font-family: var(--font-body); font-size: 13px; }
html body.woocommerce-cart .cart_totals { background: var(--cc-bg); border: 1px solid var(--cc-border); border-radius: var(--cc-r-xl); padding: 24px; box-shadow: var(--cc-shadow-md); }
html body.woocommerce-cart .cart_totals h2 { font-family: var(--font-body) !important; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .12em; color: var(--cc-ink); padding-bottom: 12px; margin: 0 0 12px !important; border-bottom: 1px solid var(--cc-border); }
html body.woocommerce-cart .cart_totals table th, html body.woocommerce-cart .cart_totals table td { padding: 10px 0 !important; border: 0 !important; border-bottom: 1px solid var(--cc-border) !important; font-family: var(--font-body); font-size: 13px; }
html body.woocommerce-cart .cart_totals .order-total .amount { font-family: var(--font-mono) !important; font-size: 20px !important; font-weight: 800 !important; color: var(--cc-ink); }
html body.woocommerce-cart .cart_totals .checkout-button { width: 100% !important; padding: 14px 20px !important; font-family: var(--font-mono) !important; font-size: 12px !important; text-transform: uppercase; letter-spacing: .1em; margin-top: 16px !important; display: inline-flex; align-items: center; justify-content: center; gap: 8px; }
html body.woocommerce-cart .aknb-wallet-balance-notice, html body.woocommerce-cart .aknb-cart-wallet { background: rgba(47,123,255,.08); border: 1px solid rgba(47,123,255,.25); border-radius: var(--cc-r-md); padding: 10px 14px; color: var(--cc-cobalt); font-family: var(--font-mono); font-size: 12px; font-weight: 600; margin: 12px 0; }
html body.woocommerce-cart .cross-sells > h2 { font-family: var(--font-display) !important; font-size: clamp(20px, 2.5vw, 28px) !important; font-weight: 700; margin: 40px 0 16px !important; padding-bottom: 12px; border-bottom: 1px solid var(--cc-border); }
html body.woocommerce-checkout h3, html body.woocommerce-checkout .aknb-checkout__paytitle { font-family: var(--font-body) !important; font-size: 12px !important; font-weight: 800; text-transform: uppercase; letter-spacing: .12em; color: var(--cc-ink); padding-bottom: 10px; margin-bottom: 16px; border-bottom: 1px solid var(--cc-border); }
html body.woocommerce form .form-row label { font-family: var(--font-body); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: var(--cc-ink-3); margin-bottom: 6px; display: block; }
html body.woocommerce form .form-row input.input-text, html body.woocommerce form .form-row textarea, html body.woocommerce form .form-row select, html body.select2-container .select2-selection { width: 100%; padding: 11px 14px !important; border: 1px solid var(--cc-border-strong) !important; border-radius: var(--cc-r-md) !important; background: var(--cc-bg) !important; color: var(--cc-ink) !important; font-family: var(--font-body); font-size: 13px; transition: border-color .15s ease, box-shadow .15s ease; min-height: 44px; }
html body.woocommerce form .form-row input.input-text:focus { border-color: var(--cc-cobalt) !important; box-shadow: 0 0 0 3px rgba(47,123,255,.15) !important; outline: none !important; }
html body.woocommerce-checkout .aknb-checkout__aside, html body.woocommerce-checkout #order_review { background: var(--cc-bg); border: 1px solid var(--cc-border); border-radius: var(--cc-r-xl); padding: 22px; box-shadow: var(--cc-shadow-md); }
html body.woocommerce-checkout .aknb-review-order, html body.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table { border: 0 !important; background: transparent !important; }
html body.woocommerce-checkout .aknb-review-order tbody tr { border-bottom: 1px solid var(--cc-border); }
html body.woocommerce-checkout .aknb-ship-opts, html body.woocommerce-checkout ul#shipping_method { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
html body.woocommerce-checkout .aknb-ship-opts li, html body.woocommerce-checkout ul#shipping_method li { padding: 10px 12px; border: 1px solid var(--cc-border); border-radius: var(--cc-r-md); background: var(--cc-surface); font-family: var(--font-body); font-size: 12px; transition: border-color .15s ease, background-color .15s ease; display: flex; align-items: center; gap: 8px; }
html body.woocommerce-checkout .aknb-ship-opts li:has(input:checked), html body.woocommerce-checkout ul#shipping_method li:has(input:checked) { border-color: var(--cc-cobalt); background: rgba(47,123,255,.06); }
html body .aknb-sl-tier { font-weight: 700; color: var(--cc-ink); }
html body .aknb-sl-days { font-family: var(--font-mono); font-size: 11px; color: var(--cc-ink-4); }
html body .aknb-sl-price { font-family: var(--font-mono); font-size: 12px; font-weight: 700; color: var(--cc-cobalt); margin-left: auto; }
html body.woocommerce-checkout #payment { background: transparent !important; border-radius: var(--cc-r-lg); }
html body.woocommerce-checkout #payment ul.payment_methods { border: 0 !important; padding: 0 !important; margin: 0 0 16px !important; display: flex; flex-direction: column; gap: 8px; list-style: none; }
html body.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method { border: 1px solid var(--cc-border) !important; border-radius: var(--cc-r-md) !important; padding: 12px 14px !important; background: var(--cc-surface) !important; transition: border-color .15s ease, background-color .15s ease; }
html body.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method:has(input:checked) { border-color: var(--cc-cobalt) !important; background: rgba(47,123,255,.06) !important; box-shadow: 0 0 0 1px var(--cc-cobalt) inset; }
html body.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method label { font-family: var(--font-body); font-size: 13px; font-weight: 600; color: var(--cc-ink); display: inline-flex; align-items: center; gap: 10px; cursor: pointer; }
html body.woocommerce-checkout #place_order { width: 100% !important; padding: 16px 20px !important; font-family: var(--font-mono) !important; font-size: 13px !important; font-weight: 700 !important; text-transform: uppercase; letter-spacing: .12em; margin-top: 16px !important; }
html body .woocommerce-message, html body .woocommerce-info, html body .woocommerce-error { padding:12px 16px 12px 48px;position:relative; border-radius: var(--cc-r-md); font-family: var(--font-body); font-size: 13px; background: var(--cc-surface); border-left: 3px solid var(--cc-cobalt); color: var(--cc-ink-2); }
html body .woocommerce-message { border-left-color: var(--cc-success); }
html body .woocommerce-error { border-left-color: var(--cc-danger); }

/* PHASE 6 — My Account */
html body.woocommerce-account:not(.cc-auth-page) .woocommerce { display: grid !important; grid-template-columns: 260px minmax(0, 1fr) !important; gap: 32px !important; align-items: start; max-width: 1280px; margin-inline: auto; padding-block: 32px 64px; }
@media (max-width: 900px) { html body.woocommerce-account:not(.cc-auth-page) .woocommerce { grid-template-columns: 1fr !important; } }
html body.woocommerce-account nav.woocommerce-MyAccount-navigation { position: sticky; top: 96px; align-self: start; }
html body.woocommerce-account nav.woocommerce-MyAccount-navigation .aknb-acct-nav-inner { background: var(--cc-bg); border: 1px solid var(--cc-border); border-radius: var(--cc-r-xl); padding: 16px; box-shadow: var(--cc-shadow-xs); }
html body.woocommerce-account nav.woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; }
html body.woocommerce-account nav.woocommerce-MyAccount-navigation li a { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-radius: var(--cc-r-md); font-family: var(--font-body); font-size: 13px; font-weight: 600; color: var(--cc-ink-2) !important; text-decoration: none; transition: background-color .15s ease, color .15s ease; }
html body.woocommerce-account nav.woocommerce-MyAccount-navigation li a:hover { background: var(--cc-surface-2); color: var(--cc-ink) !important; }
html body.woocommerce-account nav.woocommerce-MyAccount-navigation li.is-active a, html body.woocommerce-account nav.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--current a { background: var(--cc-cobalt) !important; color: #fff !important; box-shadow: var(--cc-shadow-sm); }
html body.woocommerce-account:not(.cc-ma-page) .woocommerce-MyAccount-content { background: var(--cc-bg); border: 1px solid var(--cc-border); border-radius: var(--cc-r-xl); padding: 28px; box-shadow: var(--cc-shadow-xs); min-width: 0; }
html body.woocommerce-account:not(.cc-ma-page) .woocommerce-MyAccount-content h2, html body.woocommerce-account:not(.cc-ma-page) .woocommerce-MyAccount-content h3 { font-family: var(--font-display) !important; font-size: clamp(22px, 2.4vw, 28px); font-weight: 700; color: var(--cc-ink); margin: 0 0 16px !important; }
html body .aknb-account-cards { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; }
html body .aknb-account-card { padding: 16px; border: 1px solid var(--cc-border); border-radius: var(--cc-r-lg); display: flex; align-items: center; gap: 12px; text-decoration: none; color: var(--cc-ink); background: var(--cc-bg); transition: border-color .15s ease, transform .15s ease; }
html body .aknb-account-card:hover { border-color: var(--cc-cobalt); transform: translateY(-2px); }
html body .aknb-account-card__icon { width: 40px; height: 40px; flex-shrink: 0; border-radius: var(--cc-r-md); background: rgba(47,123,255,.10); color: var(--cc-cobalt); display: inline-flex; align-items: center; justify-content: center; }
html body .aknb-account-card__label { display: block; font-family: var(--font-body); font-size: 13px; font-weight: 700; color: var(--cc-ink); }
html body .aknb-account-card__text { display: block; font-family: var(--font-mono); font-size: 11px; color: var(--cc-ink-3); margin-top: 2px; text-transform: uppercase; letter-spacing: .04em; }
html body .aknb-account-card__chevron { margin-left: auto; color: var(--cc-ink-4); flex-shrink: 0; }
html body.woocommerce-account table.woocommerce-orders-table thead th { background: var(--cc-surface); color: var(--cc-ink-3) !important; font-family: var(--font-mono); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; padding: 10px 12px !important; border-bottom: 1px solid var(--cc-border) !important; }
html body.woocommerce-account table.woocommerce-orders-table tbody td { padding: 14px 12px !important; border-bottom: 1px solid var(--cc-border) !important; font-family: var(--font-body); font-size: 13px; color: var(--cc-ink); }
html body.woocommerce-account td[data-title="Status"] mark { display: inline-block; padding: 3px 10px; background: rgba(47,123,255,.12); color: var(--cc-cobalt); font-family: var(--font-mono); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; border-radius: var(--cc-r-full); }
/* Brand lockup: logo + tagline in a flex row, socials below */

/* Circular social icons (light theme) */

.aknb-newsletter__status:empty{display:none}
.aknb-newsletter__status{margin-top:10px;font-size:12px;color:#059669;font-weight:600}

/* VIP newsletter (homepage private-client, dark bg) */
.cc-vip .aknb-newsletter__form{border:0;background:transparent;padding:0;box-shadow:none;animation:none}
.cc-vip .aknb-newsletter__row{display:flex;flex-wrap:nowrap;align-items:stretch;gap:0;max-width:560px;margin:14px auto 0;background:transparent;border:0;border-radius:0;padding:0}
.cc-vip .aknb-newsletter__input{flex:1 1 auto;min-width:0;height:46px;font-size:13px;padding:0 14px;border:1px solid rgba(255,255,255,.18);border-right:0;background:rgba(255,255,255,.06);color:#fff;border-radius:8px 0 0 8px;box-sizing:border-box;line-height:1;margin:0}
.cc-vip .aknb-newsletter__input::placeholder{color:rgba(255,255,255,.5)}
.cc-vip .aknb-newsletter__input:focus{outline:none;border-color:var(--cc-cobalt,#2F7BFF);box-shadow:0 0 0 1px var(--cc-cobalt,#2F7BFF)}
.cc-vip .aknb-newsletter__submit{flex:0 0 auto;height:46px;padding:0 20px;background:#fff;color:#0A0D13;border:0;border-radius:0 8px 8px 0;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;box-sizing:border-box;line-height:1;margin:0;transition:background .15s ease}
.cc-vip .aknb-newsletter__submit:hover{background:#e4e4e7}
.cc-vip .aknb-newsletter__submit-label{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:nowrap}
.cc-vip .aknb-newsletter__submit-icon{width:16px;height:16px;color:#0A0D13}
.cc-vip .aknb-newsletter__status{margin-top:10px;font-size:12px;color:#a7f3d0;text-align:center}
.cc-vip .aknb-newsletter__consent{color:rgba(255,255,255,.55);text-align:center}
.cc-vip__sub{max-width:none;width:auto;text-wrap:balance;padding-inline:8px}

/* Editorial: full-width title */
.cc-editorial{gap:24px;align-items:center;flex-wrap:nowrap}
.cc-editorial__copy{flex:1 1 auto;max-width:none;min-width:0}
.cc-editorial__title{max-width:none;width:auto;text-wrap:balance;white-space:normal;font-size:clamp(22px,2.4vw,32px);line-height:1.15;margin:.35em 0 .5em}
.cc-editorial__excerpt{max-width:none}
.cc-editorial__ctas{flex:0 0 auto}
@media (max-width:900px){.cc-editorial{flex-wrap:wrap}}
/* ============================================================
 * RESTORE BLOCK — Chrome-Cobalt features (Journal, Help Center v2, Article page, Drawer, Chatbot, Widths)
 * Appended after CSS file lost content on 2026-09-06
 * ============================================================ */

html body.aknb-doc-page .aknb-article { padding-block: 0 64px; }
html body .aknb-prose, html body .entry-content { max-width: none; margin-inline: auto; font-family: var(--font-body); font-size: 17px; line-height: 1.75; color: var(--cc-ink-2); }

/* Hide page hero + breadcrumbs globally (sr-only) */
.aknb-page-hero,.aknb-breadcrumbs{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Journal hero (Learn) */
.cc-journal-hero{background:#0A0D13;color:#fff;border-radius:0;padding:clamp(24px,4vw,44px);margin:24px calc(50% - 50vw) 32px;width:100vw}
.cc-journal-hero__top,.cc-journal-hero__row{max-width:1597px;margin-inline:auto}
.cc-journal-hero__top{display:grid;grid-template-columns:1.4fr auto;gap:32px;align-items:start;margin-bottom:24px}
.cc-journal-hero__eyebrow{display:inline-block;font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--cc-cobalt,#2F7BFF);background:rgba(47,123,255,.12);border:1px solid rgba(47,123,255,.28);padding:6px 14px;border-radius:999px;margin-bottom:16px;-webkit-text-fill-color:var(--cc-cobalt,#2F7BFF)}
.cc-journal-hero__title{font-family:var(--font-display,serif);font-size:clamp(32px,4vw,56px);font-weight:700;line-height:1.05;margin:0 0 12px;color:#fff !important;-webkit-text-fill-color:#fff !important;letter-spacing:-.01em}
.cc-journal-hero__sub{color:#c7cdd6;-webkit-text-fill-color:#c7cdd6;font-size:15px;line-height:1.55;margin:0 0 16px;max-width:640px}
.cc-journal-hero__intro{color:#a1a1aa;font-size:14px;line-height:1.65;margin:12px 0 0}
.cc-journal-hero__intro p{color:#a1a1aa;-webkit-text-fill-color:#a1a1aa;margin:0 0 12px}
.cc-journal-hero__intro a{color:#9fc0ff;text-decoration:underline}
.cc-journal-hero__aside{display:flex;flex-direction:column;gap:10px;min-width:280px}
.cc-journal-hero__searchwrap{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:10px 12px;color:#8b93a3}
.cc-journal-hero__searchwrap .cc-journal-hero__search{flex:1;background:transparent;border:0;color:#fff;font-size:13px;outline:none;padding:0;width:100%}
.cc-journal-hero__searchwrap .cc-journal-hero__search::placeholder{color:#8b93a3}
.cc-journal-hero__bookmarked{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:10px;color:#c7cdd6;font-family:var(--font-mono);font-size:12px;font-weight:600;cursor:pointer}
.cc-journal-hero__count{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#8b93a3;text-align:center}
.cc-journal-hero__pills{display:flex;flex-wrap:wrap;gap:8px}
.cc-jp{padding:8px 16px;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#c7cdd6;background:transparent;border:1px solid rgba(255,255,255,.14);border-radius:999px;text-decoration:none}
.cc-jp[data-active="true"]{background:var(--cc-cobalt,#2F7BFF);color:#fff;border-color:var(--cc-cobalt,#2F7BFF)}
@media (max-width:900px){.cc-journal-hero__top{grid-template-columns:1fr;gap:16px}.cc-journal-hero__aside{min-width:0}}

/* Featured article */
.cc-featured-article,.cc-featured-article--link{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;background:#fff;border:1px solid transparent;border-radius:16px;overflow:hidden;margin:24px 0 32px;box-shadow:0 8px 24px -12px rgba(0,0,0,.08);text-decoration:none;color:inherit;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease;cursor:pointer}
.cc-featured-article:hover,.cc-featured-article--link:hover{border-color:var(--cc-cobalt,#2F7BFF);transform:translateY(-2px);box-shadow:0 16px 40px -20px rgba(47,123,255,.35);text-decoration:none}
.cc-featured-article__media{position:relative;display:block;aspect-ratio:16/11;overflow:hidden;background:#f4f4f5}
.cc-featured-article__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.cc-featured-article:hover .cc-featured-article__media img{transform:scale(1.03)}
.cc-featured-article__badge{position:absolute;top:16px;left:16px;background:#0A0D13;color:#fff;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;padding:6px 12px;border-radius:6px;font-weight:700;z-index:2}
.cc-featured-article__default{position:absolute;top:16px;left:135px;background:var(--cc-cobalt,#2F7BFF);color:#fff;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;padding:6px 12px;border-radius:6px;font-weight:700;z-index:2}
.cc-featured-article__body{padding:32px 32px 32px 8px;display:flex;flex-direction:column;justify-content:center;gap:12px}
.cc-featured-article__meta{font-family:var(--font-mono);font-size:12px;color:#71717a}
.cc-featured-article__title{font-family:var(--font-display,serif);font-size:clamp(22px,2.4vw,32px);font-weight:700;line-height:1.15;margin:0;color:#0A0D13;-webkit-text-fill-color:#0A0D13}
.cc-featured-article__excerpt{font-size:14px;line-height:1.6;color:#52525b;margin:0}
.cc-featured-article__cta{display:inline-flex;align-items:center;gap:6px;margin-top:8px;color:var(--cc-cobalt,#2F7BFF);font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;align-self:flex-start}
@media (max-width:768px){.cc-featured-article,.cc-featured-article--link{grid-template-columns:1fr;gap:0}.cc-featured-article__body{padding:20px}}

/* Articles header + grid section */
.cc-articles-header{margin:32px 0 20px;border-top:1px solid #e5e7eb;padding-top:24px}
.cc-articles-header__title{font-family:var(--font-display,serif);font-size:28px;font-weight:700;margin:0 0 6px;color:#0A0D13;-webkit-text-fill-color:#0A0D13}
.cc-articles-header__sub{color:#71717a;font-size:14px;margin:0}

/* Article cards: bookmark icon */
.aknb-art-media{position:relative}
.aknb-art-bookmark{position:absolute;top:12px;right:12px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;background:rgba(255,255,255,.9);border:0;border-radius:50%;color:#0A0D13;cursor:pointer;box-shadow:0 4px 10px -4px rgba(0,0,0,.2);transition:background .15s ease,color .15s ease,transform .15s ease}
.aknb-art-bookmark:hover{background:#0A0D13;color:#fff;transform:scale(1.08)}
.aknb-art-bookmark[aria-pressed="true"]{background:var(--cc-cobalt,#2F7BFF);color:#fff}

/* Single article: hero + series bar + drawer + share + product card */
.cc-article__hero{position:relative;border-radius:16px;overflow:hidden;margin:24px 0 32px;color:#fff;min-height:520px;display:flex;align-items:flex-end;background:#0A0D13}
.cc-article__cover{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0}
.cc-article__cover::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 30%,rgba(0,0,0,.85))}
.cc-article__hero-inner{position:relative;z-index:1;padding:clamp(24px,4vw,56px);width:100%;max-width:960px;margin:0 auto;text-align:center}
.cc-article__pill{display:inline-block;font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--cc-cobalt,#2F7BFF);background:rgba(47,123,255,.15);border:1px solid rgba(47,123,255,.32);padding:6px 14px;border-radius:999px;text-decoration:none;margin-bottom:16px}
.cc-article__title{font-family:var(--font-display,serif);font-size:clamp(30px,4vw,56px);font-weight:700;line-height:1.1;color:#fff !important;-webkit-text-fill-color:#fff !important;margin:0 0 16px}
.cc-article__sub{font-size:16px;line-height:1.55;color:#c7cdd6;margin:0 auto 20px;max-width:640px}
.cc-article__meta{display:inline-flex;flex-wrap:wrap;gap:16px;justify-content:center;align-items:center;font-family:var(--font-mono);font-size:12px;color:#8b93a3;padding-top:16px;border-top:1px solid rgba(255,255,255,.08);margin-top:8px}
.cc-article__meta-item{display:inline-flex;align-items:center;gap:6px}
.cc-article__body{margin:0 auto;max-width:none}
@media (max-width:768px){.cc-article__hero{min-height:380px;margin:16px 0 24px}.cc-article__hero-inner{padding:20px}}

/* Series bar */
.cc-series-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;background:#f4f4f5;border:1px solid #e5e7eb;border-radius:12px;margin:16px 0 24px;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#52525b}
.cc-series-bar__pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#0A0D13;color:#fff;border-radius:999px;font-weight:700;text-decoration:none}
.cc-series-bar__current{color:#0A0D13;font-weight:600;flex:1;min-width:0;text-transform:none;letter-spacing:0;font-family:var(--font-body);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cc-series-bar__default{padding:6px 12px;background:rgba(16,185,129,.12);color:#059669;border:1px solid rgba(16,185,129,.28);border-radius:999px;font-weight:700}
.cc-series-bar__index{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#fff;border:1px solid #d4d4d8;border-radius:8px;color:#0A0D13;font-weight:700;cursor:pointer;font-family:inherit;font-size:inherit;letter-spacing:inherit}

/* Series drawer */
.cc-index-drawer[hidden]{display:none}
.cc-index-drawer{position:fixed;inset:0;z-index:10000}
.cc-index-drawer__backdrop{position:absolute;inset:0;background:rgba(10,13,19,.55);backdrop-filter:blur(3px)}
.cc-index-drawer__panel{position:absolute;top:0;right:0;bottom:0;width:min(440px,92vw);background:#fff;box-shadow:-20px 0 40px -12px rgba(0,0,0,.25);display:flex;flex-direction:column;animation:ccIdxSlide .3s cubic-bezier(.2,.7,.2,1)}
@keyframes ccIdxSlide{from{transform:translateX(100%)}to{transform:translateX(0)}}
.cc-index-drawer__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px;border-bottom:1px solid #e5e7eb}
.cc-index-drawer__title{display:inline-flex;align-items:center;gap:8px;margin:0;font-family:var(--font-display,serif);font-size:18px;font-weight:700;color:#0A0D13}
.cc-index-drawer__close{width:32px;height:32px;border:0;background:transparent;color:#52525b;font-size:24px;cursor:pointer;border-radius:8px}
.cc-index-drawer__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 24px;border-bottom:1px solid #f4f4f5;background:#fafafa}
.cc-index-drawer__count{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#52525b;font-weight:600}
.cc-index-drawer__viewall{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--cc-cobalt,#2F7BFF);text-decoration:none;font-weight:700}
.cc-index-drawer__list{list-style:none;padding:12px;margin:0;flex:1;overflow-y:auto}
.cc-index-item{margin:0 0 8px;list-style:none}
.cc-index-item::before,.cc-index-item::marker{content:none !important}
.cc-index-item__link{display:grid;grid-template-columns:64px 1fr;gap:12px;padding:10px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;text-decoration:none;color:inherit}
.cc-index-item.is-current .cc-index-item__link{border-color:var(--cc-cobalt,#2F7BFF);background:rgba(47,123,255,.04)}
.cc-index-item__media{width:64px;height:64px;border-radius:8px;overflow:hidden;background:#f4f4f5;display:block}
.cc-index-item__media img{width:100%;height:100%;object-fit:cover;display:block}
.cc-index-item__body{display:flex;flex-direction:column;gap:3px;min-width:0}
.cc-index-item__cat{font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#71717a;font-weight:700}
.cc-index-item__title{font-family:var(--font-display,serif);font-size:14px;font-weight:600;line-height:1.3;color:#0A0D13}
.cc-index-item__meta{font-family:var(--font-mono);font-size:10px;color:#71717a}
.cc-index-item__pill{display:inline-flex;align-items:center;gap:4px;margin-top:4px;font-family:var(--font-mono);font-size:9px;color:var(--cc-cobalt,#2F7BFF);font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.cc-index-drawer__foot{padding:16px 20px;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:8px}
.cc-index-drawer__browse{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;background:#fff;color:#0A0D13;border:1px solid #d4d4d8;border-radius:10px;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;text-decoration:none}
body.cc-index-open{overflow:hidden}

/* Article share sticky left */
.aknb-single-post .aknb-share{position:sticky;top:100px;float:left;margin:0 24px 0 -70px;display:flex;flex-direction:column;gap:10px;padding:8px 0;background:transparent;border:0;width:44px;z-index:5}
.aknb-single-post .aknb-share__label{display:none}
.aknb-single-post .aknb-share__btn{width:36px;height:36px;background:#f4f4f5;color:#52525b;border:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s,transform .15s}
.aknb-single-post .aknb-share__btn:hover{background:var(--cc-cobalt,#2F7BFF);color:#fff;transform:scale(1.08)}
.aknb-single-post .aknb-share__btn svg{width:14px;height:14px}
.aknb-single-post .aknb-share__btn[aria-pressed="true"]{background:var(--cc-cobalt,#2F7BFF);color:#fff}
@media (max-width:1024px){.aknb-single-post .aknb-share{position:static;float:none;margin:0 0 24px;flex-direction:row;width:auto;padding:12px 0;border-bottom:1px solid #e5e7eb;padding-bottom:16px}}

/* Article inline product card + inline gallery images */
.cc-article-product{margin:32px auto;max-width:640px}
.cc-article-product__link{display:grid;grid-template-columns:140px 1fr;gap:20px;padding:20px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;text-decoration:none;color:inherit}
.cc-article-product__link:hover{border-color:var(--cc-cobalt,#2F7BFF)}
.cc-article-product__media img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:10px}
.cc-article-product__body{display:flex;flex-direction:column;gap:6px;justify-content:center}
.cc-article-product__eyebrow{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--cc-cobalt,#2F7BFF);font-weight:700}
.cc-article-product__title{font-family:var(--font-display,serif);font-size:18px;font-weight:700;color:#0A0D13}
.cc-article-product__price{font-size:14px;color:#52525b}
.cc-article-product__cta{margin-top:6px;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:var(--cc-cobalt,#2F7BFF)}
.cc-article-extra-img{max-width:200px;margin:16px 0 24px;border-radius:10px;overflow:hidden;box-shadow:0 4px 12px -6px rgba(0,0,0,.15)}
.cc-article-extra-img img{aspect-ratio:1/1;object-fit:cover;width:100%;height:auto;display:block}
@media (max-width:768px){
  .cc-article__body h2,.cc-article__body h3,.aknb-prose h2,.aknb-prose h3{text-wrap:pretty;word-break:normal;overflow-wrap:break-word;hyphens:auto}
  body:not(.cc-sg2) .aknb-product-cta{justify-content:center !important;text-align:center !important;padding:20px 16px !important}
  body:not(.cc-sg2) .aknb-product-cta img{margin:0 auto 12px !important;display:block !important}
  body:not(.cc-sg2) .cc-article-product__link{grid-template-columns:1fr !important;text-align:center;justify-items:center}
  .cc-article-product__media{max-width:180px;margin:0 auto}
}
html body .aknb-prose h2 { font-size: clamp(20px, 3.4vw, 28px); font-weight: 700; text-wrap: balance; }

/* More to read auto slider */
.aknb-related{margin:48px 0}
.aknb-related__head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.aknb-related__title{font-family:var(--font-display,serif);font-size:24px;font-weight:700;margin:0;color:#0A0D13}
.aknb-related__nav{display:flex;gap:8px}
.aknb-related__btn{width:36px;height:36px;border:1px solid #d4d4d8;background:#fff;color:#0A0D13;border-radius:50%;font-size:14px;cursor:pointer}
.aknb-related__track{display:flex !important;gap:16px;overflow-x:auto;list-style:none;padding:0;margin:0;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.aknb-related__track::-webkit-scrollbar{display:none}
.aknb-related__track > li{flex:0 0 calc((100% - 48px) / 4);margin:0;padding:0;list-style:none}
.aknb-related__track > li::before,.aknb-related__track > li::marker{content:none !important}
.aknb-related__card{display:block;background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;text-decoration:none;color:inherit}
.aknb-related__card:hover{border-color:var(--cc-cobalt,#2F7BFF)}
.aknb-related__media{display:block;aspect-ratio:16/10;overflow:hidden;background:#f4f4f5}
.aknb-related__media img{width:100%;height:100%;object-fit:cover;display:block}
.aknb-related__body{padding:12px 14px;display:flex;flex-direction:column;gap:6px}
.aknb-related__cardtitle{font-family:var(--font-display,serif);font-size:15px;font-weight:700;line-height:1.3;color:#0A0D13}
.aknb-related__meta{font-family:var(--font-mono);font-size:11px;color:#71717a}
@media (max-width:1024px){.aknb-related__track > li{flex-basis:calc((100% - 32px) / 3)}}
@media (max-width:768px){.aknb-related__track > li{flex-basis:calc((100% - 16px) / 2)}}

/* Help Center v2 (Contact page) */
.cc-help{max-width:1080px;margin:0 auto 64px;padding-top:0}
.cc-help__hero{text-align:center;margin:0 0 32px;padding:16px 0}
.cc-help__hero-title{font-family:var(--font-display,serif);font-size:clamp(28px,3.6vw,42px);font-weight:700;line-height:1.15;margin:0 0 12px;color:var(--cc-ink);-webkit-text-fill-color:var(--cc-ink)}
.cc-help__hero-sub{font-size:15px;line-height:1.55;color:var(--cc-ink-3);margin:0 auto 24px;max-width:none;text-wrap:balance}
.cc-help__search{display:inline-flex;align-items:center;gap:10px;width:min(560px,100%);padding:14px 18px;background:var(--cc-surface);border:1px solid var(--cc-border-strong);border-radius:12px;color:var(--cc-ink-3)}
.cc-help__search:focus-within{border-color:var(--cc-cobalt,#2F7BFF);box-shadow:0 0 0 1px var(--cc-cobalt,#2F7BFF)}
.cc-help__search input{flex:1;background:transparent;border:0;font-size:14px;color:var(--cc-ink);outline:none;width:100%}
.cc-help__pills{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 auto 24px}
.cc-help__pill{display:inline-flex;align-items:center;padding:8px 16px;background:var(--cc-surface);border:1px solid var(--cc-border);border-radius:999px;color:var(--cc-ink-3);font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;cursor:pointer}
.cc-help__pill.is-active{background:var(--cc-cobalt);color:#fff;border-color:var(--cc-cobalt)}
.cc-help__list{display:flex;flex-direction:column;gap:10px;margin:0 0 40px}
.cc-help__item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}
.cc-help__item[open]{border-color:var(--cc-cobalt,#2F7BFF);box-shadow:0 6px 20px -12px rgba(47,123,255,.25)}
.cc-help__q{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;cursor:pointer;list-style:none;font-family:var(--font-display,serif);font-size:16px;font-weight:600;color:#0A0D13}
.cc-help__q::-webkit-details-marker{display:none}
.cc-help__q-chev{color:#52525b;font-size:14px;transition:transform .2s ease}
.cc-help__item[open] .cc-help__q-chev{transform:rotate(180deg);color:var(--cc-cobalt,#2F7BFF)}
.cc-help__a{padding:0 22px 20px;color:#52525b;font-size:14px;line-height:1.6}
.cc-help__a a{color:var(--cc-cobalt,#2F7BFF);text-decoration:underline}
.cc-help__empty{text-align:center;color:#71717a;padding:32px}
.cc-help__assist{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:24px 28px}
.cc-help__assist-body{flex:1 1 320px;min-width:0}
.cc-help__assist-title{font-family:var(--font-display,serif);font-size:20px;font-weight:700;margin:0 0 6px;color:#0A0D13}
.cc-help__assist-sub{margin:0;color:#52525b;font-size:14px}
.cc-help__assist-actions{display:flex;gap:10px;flex-wrap:wrap}
.cc-help__assist-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:10px;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;text-decoration:none;cursor:pointer;border:1px solid transparent}
.cc-help__assist-btn--dark{background:#0A0D13;color:#fff}
.cc-help__assist-btn--dark:hover{background:#18181b}
.cc-help__assist-btn--ghost{background:#fff;color:#0A0D13;border-color:#d4d4d8}
.cc-help__assist-btn--ghost:hover{border-color:var(--cc-cobalt,#2F7BFF);color:var(--cc-cobalt,#2F7BFF)}
@media (max-width:600px){.cc-help__assist{flex-direction:column;text-align:center;align-items:stretch}}

/* Email modal */
.cc-email-modal[hidden]{display:none}
.cc-email-modal{position:fixed;inset:0;z-index:10001;display:flex;align-items:center;justify-content:center;padding:20px}
.cc-email-modal__overlay{position:absolute;inset:0;background:rgba(10,13,19,.65);backdrop-filter:blur(4px)}
.cc-email-modal__panel{position:relative;z-index:1;background:#fff;border-radius:16px;width:min(560px,100%);max-height:88vh;overflow-y:auto;padding:32px 28px}
.cc-email-modal__close{position:absolute;top:12px;right:12px;width:34px;height:34px;background:transparent;border:0;font-size:26px;color:#52525b;cursor:pointer;border-radius:8px}
.cc-email-modal__title{font-family:var(--font-display,serif);font-size:22px;font-weight:700;margin:0 0 6px;color:#0A0D13}
.cc-email-modal__sub{font-size:13px;line-height:1.55;color:#52525b;margin:0 0 20px}
body.cc-email-open{overflow:hidden}


[data-cc-chat-open]{cursor:pointer}


/* ============================================================
 * RESTORE BLOCK 2 — Header, Homepage, Shop sidebar, Footer
 * ============================================================ */

/* ==== HEADER: brand triangle mark + wordmark with N in cobalt ==== */
.cc-header__brand-link{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:inherit}
.cc-header__brand-mark{flex:0 0 auto;display:block;width:32px;height:32px}
.cc-header__brand-text{font-family:var(--font-body,inherit);font-weight:800;font-size:18px;letter-spacing:.01em;color:#0A0D13;line-height:1;white-space:nowrap;-webkit-text-fill-color:#0A0D13}
.cc-header__brand-text-n{color:var(--cc-cobalt,#2F7BFF);-webkit-text-fill-color:var(--cc-cobalt,#2F7BFF)}

/* Header language switcher. Colours (--bg/--text/--bg-hover/--text-hover) and "no flag" come from the TranslatePress design option
 * trp_language_switcher_settings.shortcode, which points at --cc-* tokens, so there is no dark-mode twin and no !important here.
 * The pill border is drawn here (not by the plugin) so the same switcher can be a plain tile inside the mobile drawer. */
html body .cc-header__lang{display:inline-flex;align-items:center}
html body .cc-header__lang .trp-shortcode-switcher{padding:0;overflow:visible}
html body .cc-header__lang .trp-language-item{display:inline-flex;align-items:center;justify-content:center;min-block-size:36px;padding:0 14px;border:1px solid var(--cc-border);border-radius:var(--cc-r-full);text-decoration:none;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}
html body .cc-header__lang .trp-language-item:hover{border-color:color-mix(in srgb,var(--cc-cobalt) 45%,var(--cc-border))}
html body .cc-header__lang .trp-language-item-name{font-family:var(--font-body);font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;line-height:1.2}
html body .cc-header__lang .trp-shortcode-arrow{inline-size:14px;block-size:14px;color:var(--cc-ink-3)}
html body .cc-header__lang .trp-shortcode-arrow path{stroke:currentColor}
html body .cc-header__lang .trp-switcher-dropdown-list{padding:6px;min-inline-size:160px;margin-block-start:6px;border:1px solid var(--cc-border);border-radius:var(--cc-r-lg);background:var(--cc-bg);box-shadow:var(--cc-shadow-lg)}
html body .cc-header__lang .trp-switcher-dropdown-list .trp-language-item{padding:8px 12px;border:0;border-radius:var(--cc-r-sm)}
/* Circular social icons */

.aknb-newsletter__status:empty{display:none}
.aknb-newsletter__status{margin-top:10px;font-size:12px;color:#059669;font-weight:600}


/* Unwrap editorial + VIP titles at desktop */
@media (min-width:1024px){
  html body .cc-editorial__title{font-size:clamp(20px,2vw,26px) !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}
  html body .cc-vip__title{font-size:clamp(24px,2.4vw,32px) !important;white-space:nowrap;line-height:1.15}
  html body .cc-editorial__copy{max-width:none !important;width:auto}
  html body .cc-vip{max-width:900px}
}
@media (max-width:1023px){
  html body .cc-editorial__title,html body .cc-vip__title{text-wrap:balance}
}


/* Hero title — force exactly 2 lines at desktop (widen container + tune font) */
@media (min-width:1024px){
  html body .cc-hero__inner{max-width:1100px}
  html body .cc-hero__title{font-size:clamp(40px,4.4vw,60px);line-height:1.05;white-space:normal}
  html body .cc-hero__title br{display:block}
}


/* Editorial hero: mobile stacks copy above CTAs; unwrap title text at all sizes */
@media (max-width:900px){
  html body .cc-editorial{grid-template-columns:1fr !important;gap:20px !important;padding:24px !important;text-align:left}
  html body .cc-editorial__copy{width:100% !important;max-width:none !important;flex:1 1 100% !important}
  html body .cc-editorial__title{white-space:normal !important;overflow:visible !important;text-overflow:clip !important;font-size:clamp(20px,4.5vw,28px) !important;text-wrap:balance;line-height:1.2}
  html body .cc-editorial__excerpt{max-width:none !important;font-size:14px;line-height:1.6}
  html body .cc-editorial__ctas{width:100%;display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-start}
  html body .cc-editorial__ctas > *{flex:1 1 auto;min-width:130px;text-align:center;justify-content:center}
}


/* Quick View modal restore */
html body .aknb-qv-modal{position:fixed !important;inset:0 !important;z-index:99999 !important;display:flex !important;align-items:center;justify-content:center;padding:20px}
html body .aknb-qv-modal[hidden]{display:none !important}
html body .aknb-qv-modal__overlay{position:absolute;inset:0;z-index:0;background:rgba(0,0,0,.65);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);cursor:pointer}
html body .aknb-qv-modal__panel{position:relative;z-index:1;width:min(920px,100%);max-height:88vh;overflow-y:auto;background:#fff;color:#18181b;border-radius:14px;box-shadow:0 20px 60px -20px rgba(0,0,0,.4);padding:24px}
html body .aknb-qv-modal__close{position:absolute !important;top:12px;right:12px;z-index:2;width:36px;height:36px;border-radius:50%;background:#f4f4f5 !important;border:1px solid #e5e7eb;color:#0A0D13;font-size:22px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
html body .aknb-qv-modal__close:hover{background:#e5e7eb !important}
html body .aknb-qv-modal__body{min-height:200px}
html body .aknb-qv{display:grid;grid-template-columns:minmax(280px,340px) 1fr;gap:20px}
@media (max-width:768px){html body .aknb-qv{grid-template-columns:1fr}}
html body .aknb-qv__media{aspect-ratio:1/1;background:#f4f4f5;border-radius:10px;overflow:hidden}
html body .aknb-qv__img{width:100%;height:100%;object-fit:cover;display:block}
html body.aknb-qv-open{overflow:hidden}
/* Quick View is shared by the homepage and the shop. The modal is appended to <body> on every page, so its form must not depend on
   styles that only load on WooCommerce pages (variation table, Woo button reset). Values match what the shop rendered before. */
html body .aknb-qv-modal table.variations{inline-size:100%;border-collapse:collapse;margin-block-end:var(--space-4,16px)}
html body .aknb-qv-modal table.variations th{text-align:start;padding-block:var(--space-2,8px);font-size:var(--text-sm,14px);font-weight:var(--fw-semibold,600)}
html body .aknb-qv-modal table.variations td{padding-block:var(--space-2,8px)}
html body .aknb-qv-modal .quantity input.qty{min-block-size:var(--tap-target,44px)}
html body :is(.aknb-qv-modal,.cc-pdp) form.cart .single_add_to_cart_button,html body :is(.aknb-qv-modal,.cc-pdp) form.cart .aknb-buy-now{line-height:1}
/* Adding to cart: spinner + "Adding…" on the button, rest of the form locked until the cart answers, then a success state.
   Woo's own ::after spinner/tick only exists on Woo pages, so it is switched off here and replaced by one that works everywhere. */
html body :is(.aknb-qv-modal,.cc-pdp) .single_add_to_cart_button.loading::after,html body :is(.aknb-qv-modal,.cc-pdp) .single_add_to_cart_button.added::after{content:none}
html body :is(.aknb-qv-modal,.cc-pdp) .single_add_to_cart_button.loading{pointer-events:none;cursor:progress}
html body :is(.aknb-qv-modal,.cc-pdp) .single_add_to_cart_button.loading::before{content:'';display:inline-block;inline-size:12px;block-size:12px;margin-inline-end:10px;vertical-align:-2px;border:2px solid currentColor;border-block-start-color:transparent;border-radius:50%;animation:aknb-qv-spin .7s linear infinite}
html body :is(.aknb-qv-modal,.cc-pdp) form.cart .single_add_to_cart_button.added{background:var(--cc-success,#10b981);color:#fff;opacity:1}
html body :is(.aknb-qv-modal,.cc-pdp) .single_add_to_cart_button.added::before{content:'✓';margin-inline-end:8px}
html body :is(.aknb-qv-modal,.cc-pdp) form.cart.is-adding .aknb-buy-now,html body :is(.aknb-qv-modal,.cc-pdp) form.cart.is-adding .variations,html body :is(.aknb-qv-modal,.cc-pdp) form.cart.is-adding .quantity{opacity:.55;pointer-events:none}
@keyframes aknb-qv-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){html body :is(.aknb-qv-modal,.cc-pdp) .single_add_to_cart_button.loading::before{animation-duration:1.8s}}
/* QV modal buttons + quantity, aligned with the card CTA. The PDP rules this modal inherits are light-only (near-black Add, transparent qty). */
html body :is(.aknb-qv-modal,.cc-pdp) form.cart .single_add_to_cart_button,html body :is(.aknb-qv-modal,.cc-pdp) form.cart .aknb-buy-now{display:flex;align-items:center;justify-content:center;gap:0;min-block-size:48px}
html body :is(.aknb-qv-modal,.cc-pdp) form.cart .single_add_to_cart_button{position:relative;isolation:isolate;overflow:hidden;background:var(--cc-cobalt-grad);color:#fff;box-shadow:inset 0 1px 0 rgb(255 255 255/.28),0 8px 20px -8px rgb(47 123 255/.7);transition:transform .18s var(--ease-standard),box-shadow .18s var(--ease-standard)}
html body :is(.aknb-qv-modal,.cc-pdp) form.cart .single_add_to_cart_button::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 34%,rgb(255 255 255/.3) 50%,transparent 66%);transform:translateX(-120%);transition:transform .6s var(--ease-standard)}
html body :is(.aknb-qv-modal,.cc-pdp) form.cart .single_add_to_cart_button:hover{background:var(--cc-cobalt-grad);transform:translateY(-1px);box-shadow:inset 0 1px 0 rgb(255 255 255/.34),0 12px 24px -8px rgb(47 123 255/.8)}
html body :is(.aknb-qv-modal,.cc-pdp) form.cart .single_add_to_cart_button:hover::after{transform:translateX(120%)}
html body :is(.aknb-qv-modal,.cc-pdp) form.cart .single_add_to_cart_button:is(.disabled,:disabled,.wc-variation-selection-needed){background:var(--cc-cobalt-grad);color:#fff;opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}
html body :is(.aknb-qv-modal,.cc-pdp) form.cart .single_add_to_cart_button:is(.disabled,:disabled,.wc-variation-selection-needed)::after{display:none}
html body :is(.aknb-qv-modal,.cc-pdp) form.cart .aknb-buy-now{background:var(--cc-ink);color:var(--cc-bg)}
html body :is(.aknb-qv-modal,.cc-pdp) form.cart .aknb-buy-now:hover{background:color-mix(in srgb,var(--cc-ink) 86%,var(--cc-cobalt));color:var(--cc-bg)}
html body .aknb-qv-modal form.cart .quantity{display:flex;align-items:center;justify-content:space-between;min-block-size:48px;margin:0;padding:0 6px 0 14px;border:1px solid var(--cc-border-strong);border-radius:12px;background:var(--cc-surface-2)}
html body .aknb-qv-modal form.cart .quantity::before{color:var(--cc-ink-3)}
html body .aknb-qv-modal form.cart .woocommerce-variation-add-to-cart>.quantity{align-self:stretch}
html body .aknb-qv-modal form.cart .quantity input.qty{color:var(--cc-ink);font-size:15px}
html body .aknb-ship-note__text strong{display:block;margin-block-end:2px}
/* Product page form: the PDP stylesheet is light-only (near-black Add to cart, dark 'Quantity' label). Same button treatment as the Quick View. */
html body .cc-pdp form.cart .quantity::before{color:var(--cc-ink-3)}
html body .cc-pdp form.cart .quantity input.qty{color:var(--cc-ink)}
html body .aknb-qv-loading,html body .aknb-qv-error{padding:40px;text-align:center;color:#71717a}


/* Shop sidebar + filters (restore) */
.cc-shop{padding:24px 0 56px}
.cc-shop__hero{margin:0 0 24px}
.cc-shop__hero .cc-eyebrow{color:var(--cc-cobalt,#2F7BFF);font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;display:inline-block;margin-bottom:6px}
html body .cc-shop__title{font-family:var(--font-display,serif);font-size:clamp(28px,3vw,40px);font-weight:700;margin:0;color:#0A0D13;-webkit-text-fill-color:#0A0D13;line-height:1.1;letter-spacing:-.01em}
.cc-shop__layout{display:block}
.cc-shop__main{display:grid;grid-template-columns:260px 1fr;gap:32px;align-items:start;min-width:0}
.cc-shop__main>*:not(.cc-shop__sidebar){grid-column:2}
.cc-shop__sidebar{grid-column:1;grid-row:1/span 8;position:sticky;top:96px;align-self:start}
.cc-shop__filters{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:20px;position:relative}
.cc-shop__filters-title{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:#0A0D13;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}
.cc-filter{margin:0 0 14px;border-bottom:1px solid #f4f4f5;padding-bottom:14px}
.cc-filter:last-of-type{border-bottom:0}
.cc-filter__label{cursor:pointer;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:#0A0D13;padding:4px 0;list-style:none;display:flex;align-items:center;justify-content:space-between;user-select:none}
.cc-filter__label::-webkit-details-marker{display:none}
.cc-filter__label::after{content:"▾";color:#52525b;font-size:14px;transition:transform .2s ease}
.cc-filter[open] .cc-filter__label::after{transform:rotate(180deg)}
.cc-filter__body{margin-top:10px;display:flex;flex-direction:column;gap:8px}
.cc-filter__opt{display:flex;align-items:center;gap:8px;font-size:13px;color:#52525b;cursor:pointer;padding:2px 0}
.cc-filter__opt:hover{color:#0A0D13}
.cc-filter__opt input{accent-color:var(--cc-cobalt,#2F7BFF);width:15px;height:15px;flex:0 0 auto}
.cc-filter__count{color:#a1a1aa;font-style:normal;font-size:11px;font-family:var(--font-mono)}
.cc-filter__price .cc-price-row{display:flex;gap:8px}
.cc-filter__price .cc-price-col{flex:1;display:flex;flex-direction:column;gap:4px}
.cc-filter__price .cc-price-lbl{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#71717a;font-family:var(--font-mono)}
.cc-filter__price input{width:100%;padding:8px 10px;font-size:13px;border:1px solid #d4d4d8;border-radius:6px;background:#fafafa;color:#18181b;box-sizing:border-box}
.cc-shop__apply{width:100%;margin-top:16px;padding:12px 16px;background:var(--cc-cobalt,#2F7BFF);color:#fff;border:0;border-radius:8px;font-family:var(--font-mono);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}
.cc-shop__apply:hover{background:#1e5fd8}
.cc-shop__clear{display:block;margin-top:10px;text-align:center;font-size:11px;color:#71717a;text-decoration:none;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em}

.cc-shop__toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 0 16px;border-bottom:1px solid #e5e7eb;margin-bottom:20px;flex-wrap:wrap}
.cc-shop__count{margin:0;font-size:13px;color:#52525b;font-family:var(--font-mono)}
.cc-shop__sort .woocommerce-ordering select,.cc-shop__sort select{padding:8px 32px 8px 12px;font-size:13px;border:1px solid #d4d4d8;border-radius:8px;background:#fff;color:#0A0D13;cursor:pointer}
.cc-shop__mobile-filter-btn{display:none;align-items:center;gap:6px;padding:8px 14px;background:#fff;border:1px solid #d4d4d8;border-radius:8px;font-family:var(--font-mono);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#0A0D13;cursor:pointer}
.cc-shop__filters-close{display:none;position:absolute;top:14px;right:14px;background:transparent;border:0;font-size:20px;color:#52525b;cursor:pointer;padding:4px 8px;line-height:1}
@media (max-width:900px){
  .cc-shop__main{grid-template-columns:1fr;gap:20px}
  .cc-shop__sidebar{position:fixed;inset:0 auto 0 0;width:min(88vw,340px);z-index:10000;background:#fff;transform:translateX(-100%);transition:transform .28s cubic-bezier(.2,.7,.2,1);overflow-y:auto;padding:0;box-shadow:0 20px 40px -10px rgba(0,0,0,.25);top:0}
  .cc-shop__sidebar.is-open{transform:translateX(0) !important}
  .cc-shop__filters{border:0;border-radius:0;padding:60px 20px 40px;height:100%}
  .cc-shop__mobile-filter-btn{display:inline-flex}
  .cc-shop__filters-close{display:block}
  body.cc-shop-filter-open{overflow:hidden}
  body.cc-shop-filter-open::after{content:"";position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:9999}
}


/* Header mobile optimization: hide brand text, compact icons */
@media (max-width:768px){
  html body .cc-header__brand-text{display:inline-block !important;font-size:14px !important;letter-spacing:0}
  html body .cc-header__brand-mark{width:36px;height:36px}
  html body .aknb-iconbtn{width:36px;height:36px}
  html body .aknb-header__inner,html body .cc-header__inner{gap:8px !important}
  html body .cc-header__actions,html body .aknb-header__actions{gap:4px !important}
}


/* Mobile header: keep wordmark, hide search bar + language name label */
@media (max-width:768px){
  html body .cc-header__brand-link{gap:6px !important}
  html body .cc-header__brand-mark{width:28px !important;height:28px !important}
}



/* Variation pills (restore) */
.cc-var-pills{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.cc-var-pill{padding:10px 16px;border-radius:8px;background:#fff;color:#0A0D13;border:1px solid #d4d4d8;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;line-height:1;flex:1 1 auto;min-width:60px;transition:background .15s ease,color .15s ease,border-color .15s ease}
.cc-var-pill:hover{border-color:#0A0D13}
.cc-var-pill.is-active{background:#0A0D13;color:#fff;border-color:#0A0D13}

/* Hide SKU + categories meta from public (per memory: admin-only SKUs) */
body:not(.aknb-admin) .product_meta{display:none}
body:not(.aknb-admin) .product_meta .sku_wrapper,body:not(.aknb-admin) .product_meta .posted_in,body:not(.aknb-admin) .product_meta .tagged_as{display:none !important}

/* Restore: mobile sticky buy bar container */
.aknb-sticky-buy{display:none}
@media (max-width:900px){.aknb-sticky-buy{display:flex;align-items:center;justify-content:space-between;gap:12px;position:fixed;left:0;right:0;bottom:0;z-index:9998;background:var(--cc-bg);border-top:1px solid var(--cc-border);padding:10px 16px;box-shadow:0 -6px 20px -8px rgb(0 0 0 / .35)}.aknb-sticky-buy__info{display:flex;flex-direction:column;min-width:0;flex:1}.aknb-sticky-buy__name{font-size:12px;color:var(--cc-ink);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aknb-sticky-buy__price{font-size:14px;color:var(--cc-ink);font-weight:700}.aknb-sticky-buy__btn{padding:12px 18px;border-radius:8px;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}}
/* Product page on phones: the sticky Add to cart bar lives at the bottom, so the chat launcher rides above it instead of covering the button. */
@media (max-width:900px){body.single-product:has(.aknb-sticky-buy) #aknb-cb-btn{bottom:88px}}

/* Restore: mega dropdown open state */
.aknb-primary-nav__item.has-mega:hover .aknb-mega,.aknb-primary-nav__item.has-mega:focus-within .aknb-mega,.aknb-primary-nav__item.has-mega.is-open .aknb-mega{visibility:visible !important;opacity:1 !important;pointer-events:auto !important}
/* Mega panel: solid token surface (a dark-mode override used to make it transparent), aligned with the header's content edge, elevated, with hover states on the category headings. */
html body .aknb-mega{background:var(--cc-bg);border-block-start:1px solid var(--cc-border);border-block-end:1px solid var(--cc-border);box-shadow:0 28px 40px -28px rgb(0 0 0 / .55)}
html body .aknb-mega__inner{max-inline-size:1597px;margin-inline:auto;padding-block:24px 28px;padding-inline:32px}
html body .aknb-mega__cols{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px 24px}
html body .aknb-mega__heading{margin:0;padding:11px 12px;border-radius:var(--cc-r-md);font:600 12px/1.35 var(--font-body);letter-spacing:.08em;color:var(--cc-ink);transition:background-color .15s ease,color .15s ease}
html body a.aknb-mega__heading:hover{background:color-mix(in srgb,var(--cc-cobalt) 10%,transparent);color:color-mix(in srgb,var(--cc-cobalt) 78%,var(--cc-ink))}
@media (max-width:1199px){html body .aknb-mega__cols{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Shop page cap: match AI Studio ShopView max-w-[1400px] */
body.woocommerce-shop .aknb-container.aknb-shop,
body.post-type-archive-product .aknb-container.aknb-shop,
body.tax-product_cat .aknb-container.aknb-shop,
body.single-product .aknb-container.aknb-shop { max-width: 1597px; margin-inline: auto; }
body.single-product .cc-container.cc-single-product:has(.aknb-container.aknb-shop){padding-inline:0}

/* width same as header: content pages match the header's 1597px band (homepage sections use bare .cc-container/.aknb-container with no second class, so they're untouched) */
.aknb-container.aknb-page,
.aknb-container.aknb-archive,
.aknb-container.aknb-404,
.aknb-container.aknb-search-results,
.aknb-container.aknb-wishlist-page,
.aknb-container.aknb-single-post,
.cc-container.cc-single-product{max-width:1597px}





/* Header inner: justify-between (AI Studio parity) */
html body .aknb-header__inner,html body .cc-header__inner{max-width:1597px;justify-content:flex-start;gap:24px;padding-inline:16px}
@media (min-width:769px){html body .aknb-header__inner,html body .cc-header__inner{padding-inline:32px}}
/* Phones: the language link moves into the menu drawer, icons shrink a step, and the wishlist heart (also in the drawer) steps aside on the narrowest screens so Account + Cart always fit. */
@media (max-width:639px){html body .cc-header__right > .cc-header__lang{display:none}}
@media (max-width:380px){html body .aknb-iconbtn{width:34px;height:34px}}
@media (max-width:359px){html body .cc-header__actions .cc-icon-btn--wishlist{display:none}}
/* Language tile inside the mobile menu drawer, next to Account and Wishlist. */
html body .aknb-mobile-nav__lang,html body .aknb-mobile-nav__lang .trp-shortcode-switcher__wrapper,html body .aknb-mobile-nav__lang .trp-language-switcher,html body .aknb-mobile-nav__lang .trp-current-language-item__wrapper{display:flex;flex:1;background:none}
html body .aknb-mobile-nav__lang .trp-language-item{display:inline-flex;flex:1;align-items:center;justify-content:center;padding:var(--space-3);font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none}
html body .aknb-mobile-nav__lang .trp-language-item:hover{border-color:var(--color-border-strong);background:var(--color-surface-sunken)}
html body .aknb-mobile-nav__lang .trp-language-item{gap:8px}
html body .aknb-mobile-nav__lang .trp-language-item-name{color:inherit}
/* "Can't find it? Request it" strip in empty search / shop states (markup: aknb_request_cta() in mu-plugins/aknb-product-requests.php). */
html body .cc-req-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;max-width:720px;margin:32px auto 0;padding:20px 24px;text-align:start;border:1px solid var(--cc-border);border-radius:var(--cc-r-xl);background:linear-gradient(180deg,color-mix(in srgb,var(--cc-cobalt) 10%,transparent),transparent)}
html body .cc-req-cta .cc-req-cta__text{display:grid;gap:4px;flex:1 1 260px}
html body .cc-req-cta .cc-req-cta__title{margin:0;font-size:16px;font-weight:700;color:var(--cc-ink)}
html body .cc-req-cta .cc-req-cta__sub{margin:0;font-size:14px;line-height:1.55;color:var(--cc-ink-3)}
.cc-pdp .woocommerce-tabs .wc-tabs{display:flex;align-items:center;justify-content:flex-start;gap:32px;padding:0;border-bottom:1px solid #e4e4e7;list-style:none;margin:0}
.cc-pdp .woocommerce-tabs ul.wc-tabs.tabs li a{display:inline-block;padding:8px 20px;margin-bottom:-1px;font-size:14px;font-weight:500;color:#71717a;border:1px solid transparent;border-radius:999px;text-decoration:none;transition:color .15s,border-color .15s;background:transparent}
.cc-pdp .woocommerce-tabs ul.wc-tabs.tabs li.active a{color:#0A0D13;font-weight:600;border-color:#0A0D13;background:#fff}
.cc-pdp .woocommerce-Tabs-panel{padding:24px 0;font-size:14px;line-height:1.625;color:#52525b;max-width:none;margin-inline:0;text-align:left}
.cc-pdp .woocommerce-Tabs-panel h2{font-family:var(--cc-pdp-font-display,"Libre Caslon Text",Georgia,serif);font-size:20px;color:#0A0D13;margin:20px 0 10px}
.cc-pdp .woocommerce-Tabs-panel p{margin:0 0 12px}

/* Reset wc-tabs-wrapper layout */
.woocommerce-tabs.wc-tabs-wrapper{display:block;max-width:none;margin:0;padding:0;text-align:initial}

.woocommerce-message::before,.woocommerce-info::before,.woocommerce-error::before{position:absolute;left:18px;top:50%;transform:translateY(-50%);margin:0}.woocommerce-message .button,.woocommerce-info .button{float:right;margin-inline-start:auto}

/* Coupon (AI Studio parity — global) */
.cc-checkout-coupon,.cc-coupon-form>div{display:flex;gap:8px;padding-top:12px;border-top:1px solid #f4f4f5;background:transparent;border-radius:0;overflow:visible}
.cc-checkout-coupon input,.cc-coupon-form input[type="text"]{flex:1;padding:8px 12px;border:1px solid #d4d4d8;border-radius:12px;font-size:12px;background:#fff;color:#0A0D13;outline:none}
.cc-checkout-coupon input:focus,.cc-coupon-form input[type="text"]:focus{border-color:#0A0D13;background:#fff}
.cc-checkout-coupon button,.cc-coupon-form button{padding:8px 16px;background:#0A0D13;color:#fff;border:0;border-radius:12px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;font-family:var(--font-mono,"JetBrains Mono",monospace);transition:background .15s;flex-shrink:0}
.cc-checkout-coupon button:hover,.cc-coupon-form button:hover{background:#18181b}

/* Coupon (broad selectors — target any coupon input+button in cart/checkout sidebar) */
.cc-cart-summary input[name="coupon_code"],.cc-checkout-summary input[name="coupon_code"],.cc-checkout-items input[name="coupon_code"]{flex:1;padding:8px 12px;border:1px solid #d4d4d8;border-radius:12px;font-size:12px;background:#fff;color:#0A0D13;outline:none;font-family:inherit}
.cc-cart-summary input[name="coupon_code"]:focus,.cc-checkout-summary input[name="coupon_code"]:focus,.cc-checkout-items input[name="coupon_code"]:focus{border-color:#0A0D13}
.cc-cart-summary button[name="apply_coupon"],.cc-checkout-summary button[name="apply_coupon"],.cc-checkout-items button[name="apply_coupon"]{padding:8px 16px;background:#0A0D13;color:#fff;border:0;border-radius:12px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;font-family:var(--font-mono,"JetBrains Mono",monospace);flex-shrink:0}
.cc-cart-summary button[name="apply_coupon"]:hover,.cc-checkout-summary button[name="apply_coupon"]:hover,.cc-checkout-items button[name="apply_coupon"]:hover{background:#18181b}
.cc-checkout-items input[name="coupon_code"]+button[name="apply_coupon"]{margin-left:8px}


/*aknb-myaccount-shell*/
body.woocommerce-account .aknb-myaccount-shell{width:100%;max-width:1597px;margin:32px auto;padding:0 var(--cc-gutter,32px);box-sizing:border-box}
body.woocommerce-account:not(.cc-auth-page) .aknb-myaccount-shell > .woocommerce{max-width:1597px;width:100%;margin-inline:0}
body.woocommerce-account:not(.cc-auth-page) .aknb-myaccount-shell > .woocommerce{display:grid;grid-template-columns:260px minmax(0,1fr);gap:32px;align-items:start;width:100%}
html body.woocommerce-account .aknb-myaccount-shell nav.woocommerce-MyAccount-navigation{float:none;width:auto;max-width:100%;margin:0}
html body.woocommerce-account .aknb-myaccount-shell .woocommerce-MyAccount-content{float:none;width:auto;max-width:100%;margin:0}
body.woocommerce-account .aknb-myaccount-shell > .woocommerce > .woocommerce-notices-wrapper{grid-column:1/-1}
body.woocommerce-account .aknb-myaccount-shell > .woocommerce > .woocommerce-notices-wrapper:empty{display:none}
body.woocommerce-account .aknb-myaccount-shell > .woocommerce > nav.woocommerce-MyAccount-navigation{grid-column:1;min-width:0}
body.woocommerce-account .aknb-myaccount-shell > .woocommerce > .woocommerce-MyAccount-content{grid-column:2;min-width:0}
@media(max-width:900px){body.woocommerce-account:not(.cc-auth-page) .aknb-myaccount-shell > .woocommerce{grid-template-columns:1fr}body.woocommerce-account .aknb-myaccount-shell > .woocommerce > nav.woocommerce-MyAccount-navigation,body.woocommerce-account .aknb-myaccount-shell > .woocommerce > .woocommerce-MyAccount-content{grid-column:1}html body.woocommerce-account nav.woocommerce-MyAccount-navigation{position:static;top:auto}}

/* ==== Learn article cards (cobalt-consistent, added 2026-09-15) ==== */
.aknb-articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:0 0 32px}
@media (max-width:1024px){.aknb-articles-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.aknb-articles-grid{grid-template-columns:1fr}}
.aknb-art-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e5e7eb;border-radius:var(--cc-r-lg,12px);overflow:hidden;text-decoration:none;color:inherit;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}
.aknb-art-card:hover{border-color:var(--cc-cobalt,#2F7BFF);transform:translateY(-2px);box-shadow:0 16px 32px -20px rgba(47,123,255,.3);text-decoration:none}
.aknb-art-media{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#f4f4f5}
.aknb-art-media--ph{display:flex;align-items:center;justify-content:center}
.aknb-art-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.aknb-art-card:hover .aknb-art-img{transform:scale(1.04)}
.aknb-art-emoji{font-size:40px;line-height:1}
.aknb-art-badge{position:absolute;top:12px;left:12px;z-index:1;background:#0A0D13;color:#fff;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;padding:5px 10px;border-radius:6px}
.aknb-art-body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.aknb-art-meta{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;color:#71717a}
.aknb-art-dot{width:3px;height:3px;border-radius:50%;background:#a1a1aa;flex:0 0 auto}
.aknb-art-title{font-family:var(--font-display,serif);font-size:18px;font-weight:700;line-height:1.3;margin:0;color:#18181b;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.aknb-art-excerpt{font-size:13px;line-height:1.6;color:#52525b;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.aknb-art-cta{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:8px;color:var(--cc-cobalt,#2F7BFF);font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.aknb-art-cta svg{transition:transform .2s ease}
.aknb-art-card:hover .aknb-art-cta svg{transform:translateX(3px)}
.aknb-articles-pager{display:flex;align-items:center;justify-content:center;gap:8px;margin:16px 0 40px;flex-wrap:wrap}
.aknb-articles-pager__link{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 12px;border-radius:8px;border:1px solid #e5e7eb;color:#52525b;text-decoration:none;font-family:var(--font-mono);font-size:12px;font-weight:600}
.aknb-articles-pager__link:hover{border-color:var(--cc-cobalt,#2F7BFF);color:var(--cc-cobalt,#2F7BFF)}
.aknb-articles-pager__link.is-current{background:#0A0D13;border-color:#0A0D13;color:#fff}
.aknb-articles-empty{text-align:center;color:#71717a;padding:48px 20px}

/* CookieYes skin. Colours live in the CookieYes banner settings (it writes them as inline styles); this only adds shape, type and hover. */
html body .cky-consent-container .cky-consent-bar{border-radius:var(--cc-r-xl);box-shadow:0 30px 60px -18px rgb(0 0 0 / .55)}
html body .cky-consent-container .cky-title,html body .cky-preference-title{font-family:var(--font-display)}
html body .cky-btn{min-block-size:44px;border-radius:var(--cc-r-md);font:700 12px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;transition:transform .15s ease,box-shadow .15s ease}
html body .cky-btn:hover{opacity:1;transform:translateY(-1px);box-shadow:0 10px 20px -10px rgb(36 91 224 / .8)}
html body .cky-preference-center{border-radius:var(--cc-r-xl)}
html body .cky-btn-revisit-wrapper{z-index:99990;box-shadow:0 10px 22px -8px rgb(36 91 224 / .7)}
/* RTL pages put the chat launcher at bottom-left, where the cookie preferences button lives, so that one moves to the right. */
html[dir="rtl"] body .cky-btn-revisit-wrapper.cky-revisit-bottom-left{left:auto;right:15px}
@media (max-width:900px){body.single-product:has(.aknb-sticky-buy) .cky-btn-revisit-wrapper{bottom:88px}}
/* WooPayments currency notice ("We noticed you're visiting from ...") is a WooCommerce store notice. WooCommerce pins it position:absolute at the very top of the page, on top of the announcement bar and the sticky header. It stays in the page flow above them instead, in the site's colours. */
html body .woocommerce-store-notice { position: relative; inset: auto; z-index: auto; margin: 0; padding-block: 10px; padding-inline: 16px 88px; background: var(--cc-cobalt-deep); color: #fff; box-shadow: none; font: 500 13px/1.5 var(--font-body); text-align: center; }
html body .woocommerce-store-notice a { color: #fff; font-weight: 700; text-decoration: underline; text-underline-offset: 2px; }
html body .woocommerce-store-notice__dismiss-link { position: absolute; inset-block-start: 50%; inset-inline-end: 12px; transform: translateY(-50%); float: none; padding: 5px 10px; border-radius: var(--cc-r-md); background: rgb(255 255 255 / .16); text-decoration: none; }
html body .woocommerce-store-notice__dismiss-link:hover { background: rgb(255 255 255 / .28); }