/**
 * Deferred bundle (thiksey v2, rollback-safe).
 * Generated — do not edit. Rebuild: php tools/build_gb_critical_css.php
 */

/* ==== catalog-mobile.css ==== */
/**
 * Storefront mobile shell (< 1024px): dedicated header bar + nav drawer.
 * Desktop uses .catalog-shell-desktop (unchanged layout at min-width: 1024px).
 */

/* Default: mobile shell hidden on desktop */
.catalog-shell-mobile {
  display: none;
}

@media (max-width: 1023px) {
  .catalog-shell-desktop {
    display: none !important;
  }

  .catalog-shell-mobile {
    display: block !important;
  }
}

@media (min-width: 1024px) {
  .catalog-shell-mobile,
  #catalog-mobile-nav,
  #catalog-mobile-nav-backdrop {
    display: none !important;
  }

  body.catalog-mobile-nav-open {
    overflow: auto !important;
  }
}

/* Mobile header bar — sticky main row only; promo scrolls below */
.catalog-mobile-topbar .header-msg-padding {
  padding: 6px 12px;
}

/* common.css hides .header-msg-padding > div:first-child below 1024px — re-show promo on mobile shell */
.catalog-mobile-topbar .header-msg-padding > .catalog-topbar-promo,
.catalog-mobile-topbar .catalog-topbar-promo {
  display: block !important;
  text-align: center;
  width: 100%;
}

.catalog-mobile-topbar .coupon-flash-bar {
  display: inline-block;
}

.catalog-mobile-header-bar {
  --catalog-mobile-bar-height: 56px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 2px;
  min-height: var(--catalog-mobile-bar-height);
  padding: 0 2px;
  max-width: var(--dc-header-max, 1440px);
  margin: 0 auto;
  background: #fff;
}

.catalog-mobile-header-start {
  display: flex;
  align-items: center;
  justify-self: start;
  gap: 0;
  min-width: 0;
}

.catalog-mobile-header-bar .catalog-mobile-header-end {
  display: flex;
  align-items: center;
  justify-self: end;
  gap: 0;
  min-width: 0;
}

.catalog-mobile-icon-btn,
.catalog-mobile-nav-toggle,
.catalog-mobile-more-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 48px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: rgba(10, 10, 10, 0.85);
  font-size: 20px;
  line-height: 1;
  vertical-align: middle;
  cursor: pointer;
}

.catalog-mobile-header-bar .catalog-mobile-icon-btn svg,
.catalog-mobile-header-bar .catalog-mobile-nav-toggle svg,
.catalog-mobile-header-bar .catalog-mobile-more-btn svg {
  width: 22px;
  height: 22px;
}

.catalog-mobile-header-bar .cart-icon-wrapper .cart-bubble {
  top: 6px;
  right: 4px;
  min-width: 18px;
  height: 18px;
  font-size: 11px;
  line-height: 14px;
}

.catalog-mobile-search .header-msg-more-search-box {
  left: 0;
  right: auto;
  top: calc(100% + 4px);
  min-width: min(280px, calc(100vw - 16px));
  max-width: calc(100vw - 16px);
}

.catalog-mobile-nav-toggle {
  width: 40px;
  height: 48px;
  line-height: 1;
}

.catalog-mobile-search {
  position: relative;
  flex: 0 0 auto;
}

.catalog-mobile-search .dc-header-action-label {
  display: none;
}

.catalog-mobile-logo-wrap {
  justify-self: center;
  align-self: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-width: 0;
  max-width: 100%;
}

.catalog-mobile-logo-wrap #logo-mobile,
.catalog-mobile-logo-wrap .tk-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}

.catalog-mobile-logo-wrap #logo-mobile img,
.catalog-mobile-logo-wrap img.logo {
  max-height: 40px;
  width: auto;
  max-width: min(160px, 42vw);
  margin: 0 auto;
  display: block;
}

.catalog-mobile-header-bar .dc-header-actions,
.catalog-mobile-header-bar #top-links {
  display: block !important;
  justify-self: end;
  visibility: visible !important;
  pointer-events: auto !important;
}

.catalog-mobile-header-bar #top-links .list-inline {
  display: flex !important;
  align-items: center;
  gap: 0;
  margin: 0;
  padding: 0;
}

.catalog-mobile-header-bar .dc-header-action-label {
  display: none;
}

.catalog-mobile-header-bar .dc-header-action {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Header >> More (far right after cart) */
.catalog-mobile-more {
  position: relative;
  flex: 0 0 auto;
  justify-self: end;
  display: flex;
  align-items: center;
}

.catalog-mobile-more-btn {
  width: 40px;
  height: 48px;
  line-height: 1;
}

.catalog-mobile-more-btn:focus {
  outline: 2px solid var(--dc-header-primary, #c04a81);
  outline-offset: -2px;
}

@media (max-width: 1023px) {
  /* Icon/logo bar fixed; promo in shell scrolls away below reserved bar height */
  header.site-header.tk-site-header,
  header.site-header {
    position: static;
    box-shadow: none;
  }

  .catalog-shell-mobile {
    --catalog-mobile-bar-height: 56px;
    padding-top: var(--catalog-mobile-bar-height);
  }

  .catalog-mobile-header-bar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: var(--tk-z-header, var(--dc-z-header, 200));
    box-shadow: 0 3px 6px rgba(48, 69, 98, 0.16), 0 3px 6px rgba(48, 69, 98, 0.23);
  }

  .catalog-mobile-topbar {
    position: relative;
    z-index: 1;
  }
}

.catalog-mobile-header-more-panel {
  position: absolute;
  top: calc(100% - 4px);
  right: 0;
  z-index: var(--dc-z-drawer-panel, 1050);
  width: min(280px, 90vw);
  margin: 0;
  padding: 8px 0;
  background: #fff;
  border: 1px solid var(--dc-header-border, #e8e8e8);
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14);
}

.catalog-mobile-header-more-panel[hidden] {
  display: none !important;
}

.catalog-mobile-header-more-list {
  margin: 0;
  padding: 0;
}

.catalog-mobile-header-more-link {
  display: block;
  padding: 12px 16px;
  color: #222;
  font-size: 15px;
  text-decoration: none;
  border-bottom: 1px solid #f0f0f0;
}

.catalog-mobile-header-more-link:hover,
.catalog-mobile-header-more-link:focus {
  color: var(--dc-header-primary, #c04a81);
  background: #fafafa;
  text-decoration: none;
}

.catalog-mobile-header-more-list > li:last-child .catalog-mobile-header-more-link {
  border-bottom: 0;
}

.catalog-mobile-header-more-acc-btn {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 12px 16px;
  border: 0;
  border-bottom: 1px solid #f0f0f0;
  background: transparent;
  color: #222;
  font-size: 15px;
  text-align: left;
  cursor: pointer;
}

.catalog-mobile-header-more-acc-btn.is-open .catalog-mobile-header-more-chevron {
  transform: rotate(180deg);
}

.catalog-mobile-header-more-chevron {
  transition: transform 0.2s ease;
  color: #888;
}

.catalog-mobile-header-more-acc-panel {
  background: #f8f9fa;
  border-bottom: 1px solid #eee;
}

.catalog-mobile-header-more-acc-panel[hidden] {
  display: none !important;
}

.catalog-mobile-header-more-country-list .catalog-mobile-header-more-link {
  padding-left: 28px;
  font-size: 14px;
  border-bottom-color: #ececec;
}

/* Drawer */
.catalog-mobile-nav-backdrop {
  display: none;
  position: fixed;
  inset: 0;
  z-index: var(--dc-z-drawer-backdrop, 1040);
  background: rgba(0, 0, 0, 0.4);
}

.catalog-mobile-nav {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: var(--dc-z-drawer-panel, 1050);
  width: min(360px, 92vw);
  max-width: 100%;
  background: var(--dc-header-bg, #fff);
  flex-direction: column;
  overflow: hidden;
  box-shadow: -4px 0 24px rgba(0, 0, 0, 0.12);
  transform: translateX(100%);
  transition: transform 0.25s ease;
}

.catalog-mobile-nav-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  padding: 14px 16px;
  border-bottom: 1px solid var(--dc-header-border, #e8e8e8);
  background: var(--dc-header-bg, #fff);
}

.catalog-mobile-nav-title {
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.catalog-mobile-nav-close {
  width: 44px;
  height: 44px;
  border: 0;
  background: transparent;
  font-size: 22px;
  line-height: 44px;
  cursor: pointer;
  color: rgba(10, 10, 10, 0.7);
}

/* —— Dedicated mobile nav list — isolated from desktop .header_menu #menu rules —— */
#catalog-mobile-nav .catalog-mobile-nav-body {
  display: block;
  flex: 1 1 auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  margin: 0;
  padding: 0;
}

#catalog-mobile-nav .cm-nav-list,
#catalog-mobile-nav .cm-nav-sublist {
  display: block !important;
  list-style: none;
  margin: 0;
  padding: 0;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

#catalog-mobile-nav .cm-nav-item {
  border-bottom: 1px solid var(--dc-header-border, #e8e8e8);
}

#catalog-mobile-nav .cm-nav-link,
#catalog-mobile-nav .cm-nav-label {
  display: block;
  padding: 16px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.35;
  color: #1a1a1a;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}

#catalog-mobile-nav .cm-nav-link--solo {
  padding: 16px;
}

#catalog-mobile-nav .cm-nav-row {
  display: flex;
  align-items: stretch;
  min-height: 52px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

#catalog-mobile-nav .cm-nav-row:active {
  background: #eee;
}

#catalog-mobile-nav .cm-nav-row .cm-nav-link,
#catalog-mobile-nav .cm-nav-row .cm-nav-label {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: center;
  padding: 14px 12px 14px 16px;
  margin: 0;
  cursor: pointer;
}

#catalog-mobile-nav .cm-nav-toggle {
  flex: 0 0 52px;
  width: 52px;
  margin: 0;
  padding: 0;
  border: 0;
  border-left: 1px solid var(--dc-header-border, #e8e8e8);
  background: #f3f4f6;
  color: #555;
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

#catalog-mobile-nav .cm-nav-toggle .fa {
  transition: transform 0.2s ease;
}

#catalog-mobile-nav .cm-nav-item.is-open > .cm-nav-row .cm-nav-toggle .fa {
  transform: rotate(180deg);
}

#catalog-mobile-nav .cm-nav-sublist {
  background: #f8f9fa;
  border-top: 1px solid var(--dc-header-border, #e8e8e8);
}

#catalog-mobile-nav .cm-nav-sublist[hidden] {
  display: none !important;
}

#catalog-mobile-nav .cm-nav-item.is-open > .cm-nav-sublist {
  display: block !important;
}

#catalog-mobile-nav .cm-nav-sublink {
  display: block;
  padding: 14px 16px 14px 28px;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.35;
  color: #444;
  text-decoration: none;
  border-top: 1px solid #ececec;
  pointer-events: auto;
}

#catalog-mobile-nav .cm-nav-sublink--all {
  font-weight: 600;
  color: var(--dc-header-primary, #c04a81);
}

#catalog-mobile-nav .cm-nav-link:active,
#catalog-mobile-nav .cm-nav-sublink:active {
  background: #eee;
}

#catalog-mobile-nav .cm-nav-item.is-active > .cm-nav-link--solo,
#catalog-mobile-nav .cm-nav-item.is-active > .cm-nav-row .cm-nav-link {
  color: var(--dc-header-primary, #c04a81);
  font-weight: 600;
}

#catalog-mobile-nav .cm-nav-sublink.is-active {
  color: var(--dc-header-primary, #c04a81);
  font-weight: 600;
  background: #fff;
}

/* Override desktop dropdown rules that block clicks (pointer-events, opacity) */
#catalog-mobile-nav .cm-nav a,
#catalog-mobile-nav .cm-nav button {
  pointer-events: auto !important;
  position: relative;
  z-index: 1;
}

/* Utilities footer in drawer */
.catalog-mobile-nav-utilities {
  flex-shrink: 0;
  border-top: 1px solid var(--dc-header-border, #e8e8e8);
  padding: 12px 16px 20px;
  background: #f8f9fa;
  font-size: 14px;
}

.catalog-mobile-nav-utilities-title {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  color: #888;
  margin-bottom: 8px;
}

.catalog-mobile-nav-utilities-list {
  margin: 0;
  padding: 0;
}

.catalog-mobile-nav-utilities-list > li {
  margin: 0 0 4px;
}

.catalog-mobile-util-link {
  display: block;
  padding: 12px 8px;
  color: #222;
  text-decoration: none;
  border-bottom: 1px solid #eee;
}

.catalog-mobile-util-link:hover,
.catalog-mobile-util-link:focus {
  color: var(--dc-header-primary, #c04a81);
  text-decoration: none;
}

.catalog-mobile-util-form {
  padding: 8px 0;
  border-bottom: 1px solid #eee;
}

.catalog-mobile-more-toggle {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding: 14px 8px;
  margin: 8px 0 0;
  border: 0;
  border-top: 1px solid #e8e8e8;
  background: transparent;
  color: #222;
  font-size: 16px;
  font-weight: 600;
  text-align: left;
  cursor: pointer;
}
.catalog-mobile-more-toggle.is-open .fa-chevron-down {
  transform: rotate(180deg);
}
.catalog-mobile-more-panel {
  padding-bottom: 12px;
}
.catalog-mobile-util-accordion-btn {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 8px;
  padding: 12px 8px;
  border: 0;
  border-bottom: 1px solid #eee;
  background: transparent;
  color: #222;
  font-size: 15px;
  text-align: left;
  cursor: pointer;
}
.catalog-mobile-util-accordion-btn .catalog-mobile-acc-chevron {
  margin-left: auto;
}
.catalog-mobile-util-accordion-btn.is-open .catalog-mobile-acc-chevron {
  transform: rotate(180deg);
}
.catalog-mobile-util-accordion-panel {
  padding: 4px 8px 12px 28px;
  background: #fafafa;
}
.catalog-mobile-country-list {
  margin: 0;
  padding: 0;
}

body.catalog-mobile-nav-open {
  overflow: hidden;
}

body.catalog-mobile-nav-open #catalog-mobile-nav-backdrop {
  display: block;
}

body.catalog-mobile-nav-open #catalog-mobile-nav {
  display: flex;
  transform: translateX(0);
}

body.catalog-mobile-nav-open > header.site-header {
  z-index: var(--dc-z-drawer-header, 1045);
}

/* Disable legacy in-header drawer on mobile */
@media (max-width: 1023px) {
  .dc-site-header-inner.dc-drawer-open .dc-primary-nav,
  body.dc-drawer-open::before {
    display: none !important;
  }

  body.dc-drawer-open {
    overflow: auto;
  }
}

/* ==== footer.css ==== */
/* Site footer + trust strip (category-pg-ui-v4) */

.gb-trust-strip {
  width: 100%;
  border-top: 1px solid var(--gb-border);
  border-bottom: 1px solid var(--gb-border);
  background: rgba(245, 245, 245, 0.65);
  padding: var(--gb-sp-12) var(--gb-sp-4);
  display: flex;
  justify-content: center;
}

.gb-trust-strip__inner {
  width: 100%;
  max-width: 1440px;
  padding: 0 var(--gb-sp-8);
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--gb-sp-8);
}

.gb-trust-strip__item {
  display: flex;
  align-items: flex-start;
  gap: var(--gb-sp-4);
}

.gb-trust-strip__icon {
  flex-shrink: 0;
  font-size: 32px;
  line-height: 1;
  color: var(--gb-primary);
  margin-top: 2px;
}

.gb-trust-strip__title {
  margin: 0 0 var(--gb-sp-1);
  font-size: var(--gb-text-sm);
  font-weight: var(--gb-font-weight-bold);
  color: var(--gb-text);
}

.gb-trust-strip__text {
  margin: 0;
  font-size: var(--gb-text-xs);
  color: var(--gb-text-muted);
  line-height: var(--gb-line-height-relaxed);
}

.gb-site-footer {
  width: 100%;
  background: #1a1a1a;
  color: rgba(255, 255, 255, 0.8);
  padding: var(--gb-sp-12) var(--gb-sp-4) var(--gb-sp-6);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.gb-site-footer__inner {
  width: 100%;
  max-width: 1440px;
  padding: 0 var(--gb-sp-8);
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--gb-sp-8) var(--gb-sp-10);
}

.gb-site-footer__col {
  display: flex;
  flex-direction: column;
  gap: var(--gb-sp-3);
  min-width: 0;
}

.gb-site-footer__heading {
  margin: 0 0 var(--gb-sp-2);
  font-size: var(--gb-text-sm);
  font-weight: var(--gb-font-weight-bold);
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.gb-site-footer__col a {
  font-size: var(--gb-text-sm);
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
  transition: color var(--gb-transition);
}

.gb-site-footer__col a:hover {
  color: #fff;
}

.gb-site-footer__contact-row {
  display: flex;
  align-items: center;
  gap: var(--gb-sp-2);
  font-size: var(--gb-text-sm);
  color: rgba(255, 255, 255, 0.8);
}

.gb-site-footer__contact-row .fa {
  font-size: 16px;
  width: 16px;
  text-align: center;
}

.gb-site-footer__social {
  display: flex;
  gap: var(--gb-sp-4);
  margin-top: var(--gb-sp-2);
}

.gb-site-footer__social a {
  color: rgba(255, 255, 255, 0.8);
  font-size: 20px;
  line-height: 1;
}

.gb-site-footer__social a:hover {
  color: #fff;
}

.gb-site-footer__payments-label {
  margin: var(--gb-sp-4) 0 0;
  font-size: var(--gb-text-xs);
  font-weight: var(--gb-font-weight-bold);
  color: rgba(255, 255, 255, 0.55);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.gb-site-footer__payments {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gb-sp-2);
  align-items: center;
  margin-top: var(--gb-sp-1);
}

.gb-site-footer__pay-badge {
  background: #fff;
  color: #1a1a1a;
  font-size: 10px;
  font-weight: var(--gb-font-weight-bold);
  padding: 4px 8px;
  border-radius: var(--gb-radius-sm);
  border: 1px solid rgba(255, 255, 255, 0.2);
  line-height: 1.2;
}

.gb-site-footer__bottom {
  width: 100%;
  max-width: 1440px;
  margin-top: var(--gb-sp-10);
  padding: var(--gb-sp-6) var(--gb-sp-8) 0;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.gb-site-footer__connect-strip {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--gb-sp-4) var(--gb-sp-8);
  margin-bottom: var(--gb-sp-6);
}

.gb-site-footer__connect-strip .gb-site-footer__contact-row {
  margin: 0;
}

.gb-site-footer__connect-strip .gb-site-footer__contact-row a {
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
}

.gb-site-footer__connect-strip .gb-site-footer__contact-row a:hover {
  color: #fff;
}

.gb-site-footer__connect-strip .gb-site-footer__social {
  margin-top: 0;
}

.gb-site-footer__payments-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--gb-sp-1);
}

.gb-site-footer__payments-wrap .gb-site-footer__payments-label {
  margin: 0;
}

.gb-site-footer__payments-wrap .gb-site-footer__payments {
  margin-top: 0;
}

.gb-site-footer__copyright {
  margin: 0;
  font-size: var(--gb-text-xs);
  color: rgba(255, 255, 255, 0.55);
  text-align: center;
}

.gb-site-footer__copyright a {
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
}

.gb-site-footer__copyright a:hover {
  color: #fff;
}

@media (max-width: 1023px) {
  .gb-trust-strip__inner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--gb-sp-6);
  }

  .gb-site-footer__inner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--gb-sp-8);
  }
}

@media (max-width: 575px) {
  .gb-trust-strip__inner {
    grid-template-columns: 1fr;
    padding: 0 var(--gb-sp-4);
  }

  .gb-site-footer__inner {
    grid-template-columns: 1fr;
  }

  .gb-site-footer__connect-strip {
    flex-direction: column;
    gap: var(--gb-sp-4);
  }
}

/* ==== ds/components.css ==== */
/**
 * Thiksey DS components — use these classes in new UI; do not invent one-off buttons.
 */

.tk-skip-link {
  position: absolute;
  left: var(--tk-space-4);
  top: -100px;
  z-index: calc(var(--tk-z-modal) + 1);
  padding: var(--tk-space-2) var(--tk-space-4);
  background: var(--tk-color-ink);
  color: #fff;
  border-radius: var(--tk-radius-md);
  text-decoration: none;
  font: 600 var(--tk-text-sm)/var(--tk-leading-normal) var(--tk-font-body);
}
.tk-skip-link:focus {
  top: var(--tk-space-4);
  outline: none;
  box-shadow: var(--tk-focus-ring);
}

.tk-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--tk-space-2);
  min-height: var(--tk-tap-min);
  padding: var(--tk-space-2) var(--tk-space-5);
  border: 1px solid transparent;
  border-radius: var(--tk-radius-md);
  font: 600 var(--tk-text-sm)/var(--tk-leading-tight) var(--tk-font-body);
  text-decoration: none;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.tk-btn:focus-visible {
  outline: none;
  box-shadow: var(--tk-focus-ring);
}
.tk-btn--primary {
  background: var(--tk-color-brand);
  color: #fff;
}
.tk-btn--primary:hover {
  background: var(--tk-color-brand-hover);
  color: #fff;
}
.tk-btn--secondary {
  background: var(--tk-color-surface);
  color: var(--tk-color-ink);
  border-color: var(--tk-color-border);
}
.tk-btn--secondary:hover {
  border-color: var(--tk-color-ink-muted);
}
.tk-btn--ghost {
  background: transparent;
  color: var(--tk-color-brand);
}
.tk-btn--ghost:hover {
  background: var(--tk-color-brand-soft);
}

.tk-link {
  color: var(--tk-color-brand);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.tk-link:focus-visible {
  outline: none;
  box-shadow: var(--tk-focus-ring);
  border-radius: 2px;
}

.tk-field {
  display: flex;
  flex-direction: column;
  gap: var(--tk-space-1);
  margin-bottom: var(--tk-space-4);
}
.tk-field__label {
  font: 600 var(--tk-text-sm)/var(--tk-leading-normal) var(--tk-font-body);
  color: var(--tk-color-ink);
}
.tk-input,
.tk-select,
.tk-textarea {
  min-height: var(--tk-tap-min);
  padding: var(--tk-space-2) var(--tk-space-3);
  border: 1px solid var(--tk-color-border);
  border-radius: var(--tk-radius-md);
  background: var(--tk-color-surface);
  color: var(--tk-color-ink);
  font: 400 var(--tk-text-md)/var(--tk-leading-normal) var(--tk-font-body);
  width: 100%;
}
.tk-input:focus-visible,
.tk-select:focus-visible,
.tk-textarea:focus-visible {
  outline: none;
  border-color: var(--tk-color-brand);
  box-shadow: var(--tk-focus-ring);
}

.tk-badge {
  display: inline-flex;
  align-items: center;
  min-height: 1.5rem;
  padding: 0 var(--tk-space-2);
  border-radius: var(--tk-radius-full);
  font: 600 var(--tk-text-xs)/1 var(--tk-font-body);
  background: var(--tk-color-brand-soft);
  color: var(--tk-color-brand);
}
/* Claims-safe: do not use badges for invented popularity / guaranteed same-day */

.tk-alert {
  padding: var(--tk-space-3) var(--tk-space-4);
  border-radius: var(--tk-radius-md);
  border: 1px solid var(--tk-color-border);
  background: var(--tk-color-surface);
  font: 400 var(--tk-text-sm)/var(--tk-leading-normal) var(--tk-font-body);
}
.tk-alert--info {
  border-color: var(--tk-color-brand-soft);
  background: var(--tk-color-brand-soft);
}
.tk-alert--danger {
  border-color: #f5c2c0;
  background: #fef3f2;
  color: var(--tk-color-danger);
}

.tk-card {
  background: var(--tk-color-surface);
  border: 1px solid var(--tk-color-border);
  border-radius: var(--tk-radius-lg);
  padding: var(--tk-space-4);
  box-shadow: var(--tk-shadow-sm);
}

.tk-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: var(--tk-space-2);
  list-style: none;
  margin: 0 0 var(--tk-space-4);
  padding: 0;
/*   font: 400 var(--tk-text-sm)/var(--tk-leading-normal) var(--tk-font-body); */
  color: var(--tk-color-ink-muted);
}
.tk-breadcrumb a {
  color: var(--tk-color-ink-muted);
  text-decoration: none;
}
.tk-breadcrumb a:hover {
  color: var(--tk-color-brand);
}

.tk-accordion__trigger {
  width: 100%;
  min-height: var(--tk-tap-min);
  text-align: left;
  background: var(--tk-color-surface);
  border: 1px solid var(--tk-color-border);
  border-radius: var(--tk-radius-md);
  padding: var(--tk-space-3) var(--tk-space-4);
  font: 600 var(--tk-text-md)/var(--tk-leading-tight) var(--tk-font-body);
  cursor: pointer;
}
.tk-accordion__trigger:focus-visible {
  outline: none;
  box-shadow: var(--tk-focus-ring);
}
.tk-accordion__panel {
  padding: var(--tk-space-3) var(--tk-space-4);
  font: 400 var(--tk-text-sm)/var(--tk-leading-relaxed) var(--tk-font-body);
  color: var(--tk-color-ink-muted);
}

.tk-product-card {
  display: flex;
  flex-direction: column;
  gap: var(--tk-space-3);
  background: var(--tk-color-surface);
  border-radius: var(--tk-radius-lg);
  overflow: hidden;
}
.tk-product-card__media {
  aspect-ratio: 1 / 1;
  background: var(--tk-color-canvas);
}
.tk-product-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.tk-product-card__title {
  margin: 0;
  font: 600 var(--tk-text-md)/var(--tk-leading-tight) var(--tk-font-body);
  color: var(--tk-color-ink);
}
.tk-product-card__price {
  font: 600 var(--tk-text-md)/var(--tk-leading-tight) var(--tk-font-body);
  color: var(--tk-color-ink);
}

.tk-ds-examples {
  max-width: 960px;
  margin: 0 auto;
  padding: var(--tk-space-8) var(--tk-space-4);
}
.tk-ds-examples h1 {
  font-family: var(--tk-font-display);
  font-size: var(--tk-text-3xl);
  margin: 0 0 var(--tk-space-2);
}
.tk-ds-examples h2 {
  font-family: var(--tk-font-display);
  font-size: var(--tk-text-xl);
  margin: var(--tk-space-10) 0 var(--tk-space-4);
  padding-top: var(--tk-space-4);
  border-top: 1px solid var(--tk-color-border);
}
.tk-ds-examples__row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--tk-space-3);
  align-items: center;
  margin-bottom: var(--tk-space-4);
}
.tk-ds-examples__meta {
  color: var(--tk-color-ink-muted);
  font-size: var(--tk-text-sm);
  margin-bottom: var(--tk-space-8);
}

/* ==== deferred/category.css ==== */
/**
 * Category deferred CSS (Round 5 / 5c).
 * SEO/YMAL + legacy OC grid only. FAQ + sidebar nav are critical again (5c).
 * Loaded via deferred.css — do not add to critical-shell.
 */

/* ==== SEO / YMAL / last-updated (below catalog) ==== */
.dc-seo-section {
  background: #f9fafb;
  border-top: 1px solid #e5e7eb;
  border-bottom: 1px solid #e5e7eb;
  padding: 48px 16px;
  margin-top: 32px;
}

.dc-seo-section .dc-seo-inner {
  max-width: 900px;
  margin: 0 auto;
}

.dc-seo-section.dc-seo-collapsible details summary {
  cursor: pointer;
  font-weight: 600;
  padding: 8px 0;
  list-style: none;
}
.dc-seo-section.dc-seo-collapsible details summary::-webkit-details-marker {
  display: none;
}

@media (min-width: 768px) {
  .dc-seo-section.dc-seo-collapsible details[open] summary,
  .dc-seo-section.dc-seo-collapsible details summary {
    display: none;
  }
  .dc-seo-section.dc-seo-collapsible .dc-seo-inner-body {
    display: block !important;
  }
}

.dc-ymal {
  max-width: 1100px;
  margin: 32px auto 0;
  padding: 0 16px;
}

.dc-ymal h2 {
  margin-bottom: 12px;
}

.dc-last-updated {
  max-width: 900px;
  margin: 24px auto 0;
  padding: 0 16px;
  font-size: 13px;
  color: #6b7280;
}


/* ==== Legacy OpenCart product grid ==== */
/* ==== moved from common.css (Round 4) — legacy OC grid ==== */
/* Legacy OpenCart product grid (layout only; typography in canon block above) */
.product-thumb {
  border: 1px solid #ddd;
  margin-bottom: 20px;
  overflow: auto;
}
.product-thumb .image {
  text-align: center;
}
.product-thumb .image a {
  display: block;
}
.product-thumb .image a:hover {
  opacity: 0.8;
}
.product-thumb .image img {
  margin-left: auto;
  margin-right: auto;
}
.product-grid .product-thumb .image {
  float: none;
}
@media (min-width: 767px) {
  .product-list .product-thumb .image {
    float: left;
    padding: 0 15px;
  }
}
.product-thumb .caption {
  padding: 0 20px;
  min-height: 180px;
}
.product-list .product-thumb .caption {
  margin-left: 230px;
}
@media (max-width: 1200px) {
  .product-grid .product-thumb .caption {
    min-height: 210px;
    padding: 0 10px;
  }
}
@media (max-width: 767px) {
  .product-list .product-thumb .caption,
  .product-grid .product-thumb .caption {
    min-height: 0;
    margin-left: 0;
    padding: 0 10px;
  }
}
.product-thumb .rating {
  padding-bottom: 10px;
}
.rating .fa-stack {
  font-size: 8px;
}
.rating .fa-star-o {
  color: #999;
  font-size: 15px;
}
.rating .fa-star {
  color: #fc0;
  font-size: 15px;
}
.rating .fa-star + .fa-star-o {
  color: #e69500;
}
h2.price {
  margin: 0;
}
.product-thumb .price {
  color: #444;
}
.product-thumb .price-new {
  font-weight: 600;
}
.product-thumb .price-old {
  color: #999;
  text-decoration: line-through;
  margin-left: 10px;
}
.product-thumb .price-tax {
  color: #999;
  font-size: 12px;
  display: block;
}
.product-thumb .button-group {
  border-top: 1px solid #ddd;
  background-color: #eee;
  overflow: auto;
}
.product-list .product-thumb .button-group {
  border-left: 1px solid #ddd;
}
@media (max-width: 768px) {
  .product-list .product-thumb .button-group {
    border-left: none;
  }
}
.product-thumb .button-group button {
  width: 60%;
  border: none;
  display: inline-block;
  float: left;
  background-color: #eee;
  color: #888;
  line-height: 38px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}
.product-thumb .button-group button + button {
  width: 20%;
  border-left: 1px solid #ddd;
}
.product-thumb .button-group button:hover {
  color: #444;
  background-color: #ddd;
  text-decoration: none;
  cursor: pointer;
}
@media (max-width: 1200px) {
  .product-thumb .button-group button,
  .product-thumb .button-group button + button {
    width: 33.33%;
  }
}
@media (max-width: 767px) {
  .product-thumb .button-group button,
  .product-thumb .button-group button + button {
    width: 33.33%;
  }
}
.thumbnails {
  overflow: auto;
  clear: both;
  list-style: none;
  padding: 0;
  margin: 0 0 0 -20px;
}
.thumbnails > li {
  margin-left: 20px;
}
.thumbnails > img {
  width: 100%;
}
.image-additional a {
  margin-bottom: 20px;
  padding: 5px;
  display: block;
  border: 1px solid #ddd;
}
.image-additional {
  max-width: 78px;
}
.thumbnails .image-additional {
  float: left;
  margin-left: 20px;
}
@media (min-width: 1200px) {
  #content .col-lg-2:nth-child(6n+1),
  #content .col-lg-3:nth-child(4n+1),
  #content .col-lg-4:nth-child(3n+1),
  #content .col-lg-6:nth-child(2n+1) {
    clear: left;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #content .col-md-2:nth-child(6n+1),
  #content .col-md-3:nth-child(4n+1),
  #content .col-md-4:nth-child(3n+1),
  #content .col-md-6:nth-child(2n+1) {
    clear: left;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #content .col-sm-2:nth-child(6n+1),
  #content .col-sm-3:nth-child(4n+1),
  #content .col-sm-4:nth-child(3n+1),
  #content .col-sm-6:nth-child(2n+1) {
    clear: left;
  }
}
@media (min-width: 768px) {
  #column-left .product-layout .col-md-3 {
    width: 100%;
  }
  #column-left + #content .product-layout .col-md-3 {
    width: 50%;
  }
  #column-left + #content + #column-right .product-layout .col-md-3,
  #content + #column-right .product-layout .col-md-3 {
    width: 100%;
  }
}
#column-left .product-layout,
#column-right .product-layout {
  width: 100%;
}