@font-face {
  font-family: Cabin;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/cabin-400.ttf") format("truetype");
}
@font-face {
  font-family: Cabin;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/cabin-600.ttf") format("truetype");
}
@font-face {
  font-family: Lato;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/lato-400.ttf") format("truetype");
}
@font-face {
  font-family: Lato;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/lato-700.ttf") format("truetype");
}

:root {
  /* Marka */
  --lnk-accent: #f4a51c;
  --lnk-navy: rgb(9, 33, 67);
  --lnk-container: 1222px;
  --lnk-radius: 35px;

  /* Gövde */
  --lnk-body-bg: #fff;
  --lnk-body-fg: #242424;
  --lnk-body-font: Cabin, Arial, Helvetica, sans-serif;
  --lnk-body-size: 14px;
  --lnk-body-line: 1.6;
  --lnk-muted: #999;
  --lnk-text-mid: #777;
  --lnk-text-strong: #333;
  --lnk-text-faint: #bbb;
  --lnk-border: #e0e0e0;
  --lnk-border-mid: #e6e6e6;
  --lnk-border-weak: #eee;
  --lnk-bg-soft: #f7f7f7;
  --lnk-bg-input: #f5f5f5;
  --lnk-bg-section: #f4f4f4;
  --lnk-bg-row: #f0f0f0;
  --lnk-text: var(--lnk-body-fg);

  /* Başlıklar */
  --lnk-heading-weight: 600;
  --lnk-heading-track: 0.02em;
  --lnk-heading-transform: uppercase;
  --lnk-h2-size: 22px;
  --lnk-h3-size: 16px;
  --lnk-h3-cat: 20px;
  --lnk-sale-h3-size: 18px;
  --lnk-offer-h-size: 18px;
  --lnk-heading-color: var(--lnk-body-fg);
  --lnk-heading-rule: var(--lnk-accent);
  --lnk-banner-h-size: 22px;

  /* Ürün kartı */
  --lnk-card-title-size: 16px;
  --lnk-card-title-size-sm: 15px;
  --lnk-card-title-color: var(--lnk-body-fg);
  --lnk-card-meta-size: 13px;
  --lnk-card-meta-color: var(--lnk-muted);
  --lnk-card-price-size: 16px;
  --lnk-card-price-color: var(--lnk-accent);
  --lnk-card-thumb-bg: var(--lnk-bg-soft);
  --lnk-card-hover-fg: var(--lnk-text-mid);
  --lnk-offer-card-aspect: 330 / 340;
  --lnk-product-thumb-aspect: var(--lnk-offer-card-aspect);
  --lnk-product-thumb-fit: contain;

  /* Header */
  --lnk-header-bg: var(--lnk-navy);
  --lnk-header-fg: #fff;
  --lnk-header-line: rgba(58, 77, 105, 1);
  --lnk-header-muted: rgba(255, 255, 255, 0.9);
  --lnk-nav-bg: #fff;
  --lnk-nav-fg: var(--lnk-text-strong);

  /* Footer */
  --lnk-footer-bg: var(--lnk-navy);
  --lnk-footer-fg: rgba(255, 255, 255, 0.8);
  --lnk-footer-fg-strong: #fff;
  --lnk-footer-muted: rgba(255, 255, 255, 0.7);
  --lnk-footer-line: rgba(255, 255, 255, 0.1);
  --lnk-footer-link: rgba(255, 255, 255, 0.9);
  --lnk-footer-copy: rgba(255, 255, 255, 0.65);
  --lnk-footer-toggle: rgba(255, 255, 255, 0.5);
  --lnk-footer-about: rgba(255, 255, 255, 0.78);
  --lnk-footer-btn-line: rgba(255, 255, 255, 0.55);
  --lnk-footer-social-bg: rgba(255, 255, 255, 0.12);
  --lnk-footer-h-size: 16px;

  /* Etkileşim / gölge */
  --lnk-on-accent: #fff;
  --lnk-btn-ink: #333;
  --lnk-scrim: rgba(0, 0, 0, 0.4);
  --lnk-shadow-drop: 0 8px 24px rgba(0, 0, 0, 0.12);
  --lnk-shadow-drawer: 4px 0 24px rgba(0, 0, 0, 0.15);
  --lnk-shadow-drawer-end: -4px 0 24px rgba(0, 0, 0, 0.15);
  --lnk-shadow-card: 0 0 12px rgba(0, 0, 0, 0.14);
  --lnk-shadow-pin: 0 0 3px rgba(0, 0, 0, 0.15);
  --lnk-shadow-tab: 0 -2px 10px rgba(0, 0, 0, 0.06);
  --lnk-nav-line: rgba(129, 129, 129, 0.2);
  --lnk-text-dim: #555;
  --lnk-star: #eabe12;
  --lnk-badge-hot: #e74c3c;
  --lnk-ok: #83b735;
  --lnk-glass: rgba(255, 255, 255, 0.5);
  --lnk-shadow-inset: inset 1px 0 0 rgba(0, 0, 0, 0.08);
  --lnk-shadow-ring: 0 0 0 1px rgba(0, 0, 0, 0.08);
  --lnk-shadow-sale: 1px 1px 2px rgba(0, 0, 0, 0.12);
  --lnk-shadow-promo: 0 2px 10px rgba(0, 0, 0, 0.18);
  --lnk-promo-scrim: rgba(0, 0, 0, 0.28);
}

*,
*::before,
*::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body.lanika {
  margin: 0;
  background: var(--lnk-body-bg);
  color: var(--lnk-body-fg);
  font-family: var(--lnk-body-font);
  font-size: var(--lnk-body-size);
  line-height: var(--lnk-body-line);
  -webkit-font-smoothing: antialiased;
}

a {
  color: inherit;
  transition: color 0.2s ease, background-color 0.2s ease, text-decoration-color 0.2s ease, opacity 0.2s ease;
}
@media (hover: hover) {
  body.lanika a:hover { color: var(--lnk-accent); }
  .lnk-btn:hover {
    color: var(--lnk-on-accent);
    background: var(--lnk-btn-ink);
  }
  .lnk-btn.is-added:hover { background: var(--lnk-accent); }
  .lnk-banner-hit:hover,
  .lnk-promo-hit:hover { color: inherit; }
}
img { max-width: 100%; height: auto; }

.lnk-wrap {
  max-width: var(--lnk-container);
  margin: 0 auto;
  padding: 0 16px;
}

.lnk-title {
  margin: 0;
  font-size: var(--lnk-h2-size);
  font-weight: var(--lnk-heading-weight);
  color: var(--lnk-heading-color);
  text-transform: var(--lnk-heading-transform);
  letter-spacing: var(--lnk-heading-track);
}
.lnk-title-line {
  display: inline-block;
  padding-bottom: 10px;
  margin-bottom: -2px;
  border-bottom: 2px solid var(--lnk-heading-rule);
}

.lnk-price { color: var(--lnk-card-price-color); font-weight: 600; }
.lnk-price del { color: var(--lnk-text-faint); font-weight: 400; margin-right: 6px; }
.lnk-price ins { text-decoration: none; color: var(--lnk-card-price-color); }

.lnk-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--lnk-accent);
  color: var(--lnk-on-accent);
  border: 0;
  padding: 8px 22px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: var(--lnk-radius);
  cursor: pointer;
  font-family: inherit;
}
.lnk-btn.is-added { background: var(--lnk-btn-ink); }
.lnk-mob-cart { display: none; }

.lnk-link-accent {
  color: var(--lnk-text);
  text-decoration: underline;
  text-decoration-color: var(--lnk-accent);
  text-underline-offset: 4px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.lnk-link-accent:hover {
  color: var(--lnk-accent);
  text-decoration-color: var(--lnk-accent);
}

/* Header */
.lnk-header { background: var(--lnk-header-bg); color: var(--lnk-header-fg); }
.lnk-topbar {
  background: var(--lnk-header-bg);
  border-bottom: 1px solid var(--lnk-header-line);
  font-size: 13px;
  color: var(--lnk-header-muted);
}
.lnk-topbar-inner {
  max-width: var(--lnk-container);
  margin: 0 auto;
  padding: 0 16px;
  min-height: 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.lnk-topbar-left,
.lnk-topbar-right,
.lnk-topbar-right nav {
  display: flex;
  align-items: center;
  gap: 0;
}
.lnk-topbar a:not(.lnk-account-verify-badge),
.lnk-drop-btn {
  color: inherit;
  text-decoration: none;
  background: none;
  border: 0;
  font: inherit;
  cursor: pointer;
  padding: 0 12px;
  height: 52px;
  display: inline-flex;
  align-items: center;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: 12px;
}
.lnk-topbar a:not(.lnk-account-verify-badge):hover,
.lnk-drop-btn:hover { color: var(--lnk-accent); }
.lnk-topbar-promo {
  margin: 0;
  padding: 0 14px;
  font-size: 12px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.lnk-vbar {
  width: 1px;
  align-self: stretch;
  background: var(--lnk-header-line);
  min-height: 52px;
}
.lnk-social-mini {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 0 10px;
}
.lnk-social-mini a {
  width: 44px;
  height: 44px;
  padding: 0;
  justify-content: center;
  font-size: 20px;
  font-weight: 700;
  text-transform: none;
  letter-spacing: 0;
}
.lnk-social-mini svg,
.lnk-social svg {
  display: block;
}

.lnk-drop { position: relative; }
.lnk-drop-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 40;
  min-width: 180px;
  margin: 0;
  padding: 8px 0;
  list-style: none;
  background: var(--lnk-body-bg);
  color: var(--lnk-text);
  box-shadow: var(--lnk-shadow-drop);
}
.lnk-drop.is-open > .lnk-drop-menu { display: block; }
.lnk-drop-menu a {
  display: block;
  padding: 8px 14px;
  height: auto;
  color: var(--lnk-text);
  text-transform: none;
  letter-spacing: 0;
  font-size: 13px;
}
.lnk-drop-menu a:hover {
  background: var(--lnk-bg-soft);
  color: var(--lnk-accent);
}

.lnk-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 105px;
  max-width: var(--lnk-container);
  margin: 0 auto;
  padding: 0 16px;
}
.lnk-logo img { display: block; width: auto; height: var(--lnk-logo-height, 54px); max-width: none; object-fit: contain; object-position: center; }
.lnk-search { flex: 1; min-width: 0; }
.lnk-search form {
  display: flex;
  align-items: stretch;
  background: var(--lnk-nav-bg);
  border-radius: var(--lnk-radius);
  overflow: hidden;
  height: 46px;
}
.lnk-search input {
  flex: 1;
  border: 0;
  padding: 0 18px;
  font: inherit;
  min-width: 0;
  outline: none;
  color: var(--lnk-text-strong);
}
.lnk-search-cat-select {
  height: 46px;
  max-width: min(200px, 34vw);
  border: 0;
  border-left: 1px solid var(--lnk-border-mid);
  background-color: var(--lnk-nav-bg);
  color: var(--lnk-text-mid);
  padding: 0 36px 0 14px;
  font: inherit;
  font-size: 13px;
  cursor: pointer;
  outline: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23777777' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  flex-shrink: 0;
}
.lnk-search-cat-select:focus {
  color: var(--lnk-text-strong);
  box-shadow: inset 0 0 0 2px rgba(244, 165, 28, 0.35);
}
.lnk-search-cat-select--mobile {
  max-width: 120px;
  border-left: 1px solid var(--lnk-border-mid);
  background-color: var(--lnk-body-bg);
  font-size: 12px;
  padding-right: 28px;
}
.lnk-search-go {
  width: 52px;
  border: 0;
  background: var(--lnk-accent);
  color: var(--lnk-on-accent);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lnk-tools {
  display: flex;
  align-items: center;
  gap: 14px;
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 13px;
  text-transform: uppercase;
  flex-shrink: 0;
}
.lnk-tools a { color: var(--lnk-header-fg); text-decoration: none; display: flex; align-items: center; gap: 8px; }
.lnk-tools a:hover { color: var(--lnk-accent); }
.lnk-icon-btn,
.lnk-cart { position: relative; color: var(--lnk-header-fg); }
.lnk-cart-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  text-decoration: none !important;
}
.lnk-wishlist-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}
.lnk-wishlist-wrap > .lnk-badge,
.lnk-wishlist-wrap > .lnk-wishlist-count-badge {
  position: absolute;
  top: -5px;
  right: -9px;
  pointer-events: none;
  z-index: 2;
}
.lnk-bar-wishlist,
.lnk-nav-wishlist {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  color: var(--lnk-header-fg);
  text-decoration: none !important;
}
.lnk-bar-wishlist:hover,
.lnk-nav-wishlist:hover {
  color: var(--lnk-accent);
}
.lnk-has-badge { padding-right: 4px; }
.lnk-cart-wrap.lnk-has-badge { padding-right: 4px; }
.lnk-wishlist-wrap.lnk-has-badge { padding-right: 4px; }
.lnk-cart-wrap > .lnk-badge,
.lnk-cart-wrap > .cart-count-badge {
  position: absolute;
  top: -7px;
  right: -8px;
  pointer-events: none;
  z-index: 2;
}
.lnk-cart-wrap .lnk-cart,
.lnk-cart-wrap .lnk-cart:hover,
.lnk-cart-wrap .lnk-cart:focus,
.lnk-cart-wrap .lnk-cart:focus-visible,
.lnk-cart-wrap .lnk-cart-total,
.lnk-cart-wrap .lnk-cart-total:hover,
a.lnk-cart.lnk-has-badge,
a.lnk-cart.lnk-has-badge:hover {
  text-decoration: none !important;
  border: 0 !important;
  box-shadow: none !important;
}
.lnk-badge,
.lnk-badge.cart-count-badge,
.lnk-cart .lnk-badge,
.lnk-cart .cart-count-badge,
.lnk-cart-wrap .cart-count-badge {
  position: absolute;
  top: -7px;
  right: -8px;
  min-width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--lnk-accent);
  color: #111827 !important;
  font-size: 10px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Lato, Arial, sans-serif;
  text-decoration: none !important;
  line-height: 1;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  -webkit-text-decoration: none !important;
}
.lnk-tabbar-badge.cart-count-badge,
.lnk-tabbar-cart .lnk-tabbar-badge {
  color: #111827 !important;
  text-decoration: none !important;
}
.lnk-badge.cart-count-badge.lnk-hide,
.lnk-tabbar-badge.cart-count-badge.lnk-hide,
.cart-count-badge.hidden {
  display: none !important;
}
.lnk-tools a.lnk-cart,
.lnk-tools a.lnk-cart:hover,
.lnk-nav-cart,
.lnk-nav-cart:hover {
  text-decoration: none !important;
}
.lnk-cart .lnk-cart-total,
.lnk-cart:hover .lnk-cart-total {
  text-decoration: none !important;
}
.lnk-account-wrap.lnk-has-badge {
  padding-right: 12px;
}
.lnk-topbar a.lnk-account-verify-badge,
.lnk-account-verify-badge {
  position: absolute;
  top: 8px;
  right: 0;
  min-width: 16px;
  height: 16px;
  padding: 0;
  border-radius: 50%;
  background: var(--lnk-accent);
  color: var(--lnk-on-accent);
  font-size: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Lato, Arial, sans-serif;
  text-decoration: none;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
  line-height: 1;
  z-index: 1;
}
.lnk-topbar a.lnk-account-verify-badge:hover,
.lnk-account-verify-badge:hover {
  color: var(--lnk-on-accent);
  background: var(--lnk-accent);
}
.lnk-cart-total { font-size: 13px; }
.lnk-menu-btn {
  display: none;
  align-items: center;
  gap: 8px;
  background: none;
  border: 0;
  color: var(--lnk-header-fg);
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  cursor: pointer;
}
.lnk-burger {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 18px;
}
.lnk-burger span { display: block; height: 2px; background: var(--lnk-header-fg); }
.lnk-burger-dark span { background: var(--lnk-nav-fg); }
.lnk-mob { display: none; }

.lnk-nav {
  background: var(--lnk-nav-bg);
  color: var(--lnk-text);
  border-bottom: 1px solid var(--lnk-nav-line);
}
.lnk-nav-inner {
  max-width: var(--lnk-container);
  margin: 0 auto;
  padding: 0 16px;
  min-height: 50px;
  display: flex;
  align-items: stretch;
  gap: 8px;
}
.lnk-browse { position: relative; flex: 0 0 auto; }
.lnk-browse-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 100%;
  width: 270px;
  min-width: 270px;
  padding: 0 16px;
  border: 0;
  border-right: 1px solid var(--lnk-nav-line);
  background: var(--lnk-body-bg);
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  cursor: pointer;
  color: var(--lnk-text);
}
.lnk-browse.is-open .lnk-browse-btn,
.lnk-browse:hover .lnk-browse-btn {
  background: var(--lnk-bg-input);
}
.lnk-caret {
  margin-left: auto;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid var(--lnk-text-strong);
}
.lnk-browse-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 50;
  width: 270px;
  min-width: 270px;
  margin: 0;
  padding: 0;
  list-style: none;
  background: var(--lnk-body-bg);
  border: 1px solid var(--lnk-border);
  border-top: 0;
  box-shadow: none;
}
.lnk-browse.is-open .lnk-browse-menu,
.lnk-browse:hover .lnk-browse-menu { display: block; }
.lnk-browse-menu li { border-bottom: 1px solid var(--lnk-border); }
.lnk-browse-menu li:last-child { border-bottom: 0; }
.lnk-browse-menu a {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  height: auto;
  color: var(--lnk-text-strong);
  text-transform: none;
  letter-spacing: 0;
  font-family: Cabin, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
}
.lnk-browse-menu a:hover {
  background: var(--lnk-bg-row);
  color: var(--lnk-accent);
}
.lnk-browse-menu img,
.lnk-browse-cat-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.lnk-browse-cat-icon svg {
  width: 18px;
  height: 18px;
  display: block;
}
.lnk-browse-menu .has-sub a::after {
  content: "";
  margin-left: auto;
  width: 6px;
  height: 6px;
  border-right: 1.5px solid var(--lnk-text-strong);
  border-top: 1.5px solid var(--lnk-text-strong);
  transform: rotate(45deg);
}
.lnk-main-nav,
.lnk-nav-extra {
  display: flex;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 22px;
}
.lnk-main-nav { flex: 1; }
.lnk-nav a {
  text-decoration: none;
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--lnk-text-strong);
}
.lnk-nav a:hover { color: var(--lnk-accent); }
.lnk-main-nav .is-active a { color: var(--lnk-accent); }
.lnk-offer-link { color: var(--lnk-accent) !important; }
.lnk-nav-extra {
  gap: 0;
  border-left: 1px solid var(--lnk-nav-line);
  padding-left: 0;
}
.lnk-nav-extra li { padding: 0 16px; }
.lnk-nav-extra li + li { border-left: 1px solid var(--lnk-nav-line); }
.lnk-nav-cart-wrap {
  display: none;
  align-items: center;
}
.lnk-nav-cart {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 4px 0;
  color: var(--lnk-text-strong);
  text-decoration: none;
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  position: relative;
}
.lnk-nav-cart:hover { color: var(--lnk-accent); }
.lnk-nav-cart-wrap .lnk-cart-wrap > .lnk-badge,
.lnk-nav-cart-wrap .lnk-cart-wrap > .cart-count-badge {
  top: -2px;
  right: auto;
  left: 12px;
}
.lnk-nav-cart .lnk-cart-total {
  font-size: 12px;
  color: inherit;
  white-space: nowrap;
}

@media (min-width: 1025px) {
  .lnk-nav {
    z-index: 450;
  }
  .lnk-nav.is-fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    box-shadow: 0 4px 18px rgba(9, 33, 67, 0.08);
  }
  .lnk-nav-spacer {
    display: none;
    width: 100%;
  }
  .lnk-header.is-nav-stuck .lnk-nav-cart-wrap {
    display: flex;
  }
  .lnk-header.is-nav-stuck .lnk-bar-cart {
    visibility: hidden;
    pointer-events: none;
  }
}

.lnk-search-mobile { display: none; background: var(--lnk-body-bg); padding: 12px 16px; }
.lnk-search-mobile form {
  display: flex;
  align-items: stretch;
  height: 42px;
  border: 1px solid var(--lnk-border);
  border-radius: var(--lnk-radius);
  overflow: hidden;
}
.lnk-search-mobile input { flex: 1; min-width: 0; border: 0; padding: 0 16px; outline: none; font: inherit; }
.lnk-search-mobile .lnk-search-cat-select--mobile {
  height: 100%;
  max-width: 34%;
}
.lnk-search-mobile button { width: 48px; flex-shrink: 0; border: 0; background: var(--lnk-accent); color: var(--lnk-on-accent); }

.lnk-drawer {
  position: fixed;
  inset: 0 auto 0 0;
  width: min(320px, 86vw);
  background: var(--lnk-body-bg);
  color: var(--lnk-text);
  z-index: 620;
  transform: translateX(-100%);
  transition: transform 0.25s ease;
  padding: 24px 20px;
  overflow: auto;
  box-shadow: var(--lnk-shadow-drawer);
}
.lnk-drawer.is-open { transform: translateX(0); }
.lnk-cart-drawer {
  position: fixed;
  inset: 0 0 0 auto;
  width: min(360px, 86vw);
  background: var(--lnk-body-bg);
  color: var(--lnk-text);
  z-index: 620;
  transform: translateX(100%);
  transition: transform 0.25s ease;
  box-shadow: var(--lnk-shadow-drawer-end);
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0;
  overflow: hidden;
}
.lnk-cart-drawer.is-open { transform: translateX(0); }
.lnk-cart-drawer-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 20px;
  border-bottom: 1px solid var(--lnk-border-weak);
  flex-shrink: 0;
}
.lnk-cart-drawer-title {
  margin: 0;
  font-size: var(--lnk-h3-size);
}
.lnk-cart-drawer-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
  margin-left: 6px;
  padding: 0 6px;
  border-radius: 999px;
  background: var(--lnk-accent);
  color: var(--lnk-on-accent);
  font-size: 12px;
  font-weight: 700;
  vertical-align: middle;
}
.lnk-cart-drawer-body {
  flex: 1;
  overflow-y: auto;
  padding: 20px;
  min-height: 0;
}
.lnk-cart-drawer h2 { margin: 0; font-size: var(--lnk-h3-size); }
.lnk-cart-drawer-scroll {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
.lnk-cart-drawer-items {
  /* scrollable item list only */
}
.lnk-cart-drawer-footer-slot:not([hidden]) {
  flex-shrink: 0;
}
.lnk-cart-drawer-footer {
  flex-shrink: 0;
  background: var(--lnk-body-bg);
  border-top: 1px solid var(--lnk-border-weak);
  padding: 20px;
  box-shadow: none;
}
.lnk-cart-drawer-footer .lnk-btn-primary,
.lnk-cart-drawer-footer .lnk-btn-primary:hover {
  box-shadow: none;
  transform: none;
}
.lnk-cart-drawer-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 40px 0;
  text-align: center;
  color: var(--lnk-text-mid);
}
.lnk-cart-drawer-empty svg {
  color: var(--lnk-text-faint);
}
.lnk-cart-drawer-empty p {
  margin: 0;
  font-size: 15px;
}
.lnk-cart-item {
  display: grid;
  grid-template-columns: 60px 1fr 24px;
  gap: 12px;
  padding: 16px 0;
  border-bottom: 1px solid #f3f4f6;
}
.lnk-cart-item:last-child {
  border-bottom: none;
}
.lnk-cart-item-image {
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 8px;
  overflow: hidden;
  background: #f9fafb;
}
.lnk-cart-item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.lnk-cart-item-details {
  min-width: 0;
}
.lnk-cart-item-name {
  font-size: 14px;
  font-weight: 600;
  color: #111827;
  margin: 0 0 6px;
  line-height: 1.3;
}
.lnk-cart-item-name a {
  color: inherit;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.lnk-cart-item-name a:hover {
  color: var(--lnk-accent);
}
.lnk-cart-item-attributes {
  font-size: 12px;
  color: #6b7280;
  margin-bottom: 8px;
  line-height: 1.3;
}
.lnk-cart-item-attr-label {
  font-weight: 600;
  color: #374151;
}
.lnk-cart-item-attr-sep {
  font-weight: 400;
  color: #9ca3af;
}
.lnk-cart-item-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
}
.lnk-cart-item-qty {
  color: #6b7280;
}
.lnk-cart-item-price {
  font-weight: 600;
  color: #111827;
}
.lnk-cart-item-remove {
  margin: 0;
}
.lnk-cart-item-remove button {
  width: 24px;
  height: 24px;
  border: none;
  background: #fee2e2;
  color: #dc2626;
  border-radius: 50%;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
  transition: background 0.2s ease;
  padding: 0;
}
.lnk-cart-item-remove button:hover {
  background: #fecaca;
}
.lnk-wishlist-drawer-toolbar {
  display: flex;
  justify-content: flex-end;
  margin: -4px 0 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--lnk-border-weak);
}
.lnk-wishlist-clear-all {
  border: 0;
  background: none;
  padding: 0;
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--lnk-text-mid);
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.lnk-wishlist-clear-all:hover {
  color: var(--lnk-badge-hot);
}
.lnk-wishlist-drawer-items .lnk-cart-item-meta {
  justify-content: flex-end;
}
.lnk-wishlist-item-compare {
  margin: 0 0 8px;
  font-size: 12px;
  line-height: 1.35;
}
.lnk-wishlist-item-compare.is-lower {
  color: #15803d;
}
.lnk-wishlist-item-compare.is-higher {
  color: #b45309;
}
.lnk-wishlist-item-compare.is-same {
  color: #6b7280;
}
.lnk-cart-totals {
  margin-bottom: 16px;
}
.lnk-cart-subtotal,
.lnk-cart-shipping,
.lnk-cart-discount,
.lnk-cart-total {
  display: flex;
  justify-content: space-between;
  padding: 8px 0;
  font-size: 14px;
}
.lnk-cart-total {
  border-top: 1px solid var(--lnk-border-weak);
  padding-top: 12px;
  margin-top: 8px;
  font-size: 16px;
  font-weight: 700;
}
.lnk-cart-free {
  color: #059669;
  font-weight: 600;
}
.lnk-cart-actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
}
.lnk-cart-drawer-checkout-form {
  margin: 0;
}
.lnk-btn-block {
  width: 100%;
  text-align: center;
}
.lnk-btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--lnk-accent);
  color: var(--lnk-on-accent);
  border: 0;
  padding: 14px 22px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: var(--lnk-radius);
  cursor: pointer;
  font-family: inherit;
}
.lnk-btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 1px solid var(--lnk-border-weak);
  color: var(--lnk-text);
  padding: 14px 22px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: var(--lnk-radius);
  cursor: pointer;
  font-family: inherit;
}
.lnk-btn-primary:hover,
.lnk-btn-secondary:hover {
  opacity: 0.92;
}
.lnk-cart-verify-msg {
  margin: 0 0 8px;
  font-size: 13px;
  color: #b45309;
}
.lnk-cart-verify-link {
  display: inline-block;
  margin-bottom: 12px;
  font-size: 13px;
  color: var(--lnk-accent);
}
.lnk-btn-outline {
  background: transparent;
  border: 1px solid var(--lnk-border-weak);
  color: var(--lnk-text);
}
.lnk-btn-muted {
  background: #e5e7eb;
  color: #111827;
  border-color: #e5e7eb;
}
.lnk-btn-muted:hover {
  background: #d1d5db;
  border-color: #d1d5db;
  color: #111827;
}
.lnk-cart-modal {
  position: fixed;
  inset: 0;
  z-index: 3000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}
.lnk-cart-modal[hidden] {
  display: none !important;
}
.lnk-cart-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(17, 24, 39, 0.45);
}
.lnk-cart-modal-dialog {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 420px;
  background: #fff;
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.18);
}
.lnk-cart-modal-title {
  margin: 0 0 8px;
  font-size: 20px;
  font-weight: 700;
  color: #111827;
}
.lnk-cart-modal-text {
  margin: 0 0 20px;
  font-size: 14px;
  line-height: 1.55;
  color: #4b5563;
}
.lnk-cart-modal-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}
.lnk-cart-modal-danger {
  background: #dc2626;
  border-color: #dc2626;
  color: #fff;
}
.lnk-cart-modal-danger:hover {
  background: #b91c1c;
  border-color: #b91c1c;
  color: #fff;
}
body.lnk-modal-open {
  overflow: hidden;
}
@media (max-width: 480px) {
  .lnk-cart-modal-dialog {
    padding: 20px;
  }
  .lnk-cart-modal-actions {
    flex-direction: column-reverse;
  }
  .lnk-cart-modal-actions .lnk-btn {
    width: 100%;
    justify-content: center;
  }
}

/* Shopping cart page */
.lnk-page-cart main {
  padding: 32px 0 56px;
}
.lnk-cart-page-head {
  margin-bottom: 28px;
}
.lnk-cart-page-count {
  font-size: 16px;
  font-weight: 400;
  color: var(--lnk-muted);
  margin-left: 8px;
  vertical-align: middle;
}
.lnk-cart-page-alert {
  margin: 0 0 16px;
  padding: 12px 16px;
  border-radius: 10px;
  font-size: 14px;
  background: #f3f4f6;
  color: #374151;
}
.lnk-cart-page-alert.is-error {
  background: #fef2f2;
  color: #991b1b;
  border: 1px solid #fecaca;
}
.lnk-cart-page-alert.is-success {
  background: #ecfdf5;
  color: #065f46;
  border: 1px solid #a7f3d0;
}
.lnk-cart-page-empty {
  text-align: center;
  padding: 64px 24px;
  background: #fff;
  border: 1px solid var(--lnk-border);
  border-radius: 12px;
}
.lnk-cart-page-empty-icon {
  color: #d1d5db;
  margin-bottom: 16px;
}
.lnk-cart-page-empty h2 {
  margin: 0 0 8px;
  font-size: 22px;
  color: #111827;
}
.lnk-cart-page-empty p {
  margin: 0 0 20px;
  color: #6b7280;
}
.lnk-cart-page-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 32px;
  align-items: start;
}
.lnk-cart-page-items {
  list-style: none;
  margin: 0;
  padding: 0;
  background: #fff;
  border: 1px solid var(--lnk-border);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
.lnk-cart-page-item {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  gap: 16px;
  padding: 20px;
  border-bottom: 1px solid #f3f4f6;
}
.lnk-cart-page-item:last-child {
  border-bottom: 0;
}
.lnk-cart-page-item-thumb {
  display: block;
  width: 96px;
  height: 96px;
  border-radius: 10px;
  overflow: hidden;
  background: #f9fafb;
  border: 1px solid #f3f4f6;
}
.lnk-cart-page-item-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.lnk-cart-page-item-body {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.lnk-cart-page-item-top {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  justify-content: space-between;
}
.lnk-cart-page-item-info {
  min-width: 0;
  flex: 1;
}
.lnk-cart-page-item-title {
  margin: 0 0 4px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.35;
}
.lnk-cart-page-item-title a {
  color: #111827;
  text-decoration: none;
}
.lnk-cart-page-item-title a:hover {
  color: var(--lnk-accent);
}
.lnk-cart-page-item-body .lnk-cart-item-attributes {
  margin-bottom: 4px;
}
.lnk-cart-page-item-price {
  margin: 4px 0 0;
  font-size: 15px;
}
.lnk-cart-page-remove {
  margin: 0;
  flex-shrink: 0;
}
.lnk-cart-page-remove-btn {
  width: 36px;
  height: 36px;
  padding: 0;
  border: 1px solid #fecaca;
  border-radius: 50%;
  background: #fef2f2;
  color: #dc2626;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background 0.15s ease, border-color 0.15s ease;
}
.lnk-cart-page-remove-btn:hover {
  background: #fee2e2;
  border-color: #f87171;
}
.lnk-cart-page-item-foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.lnk-cart-page-qty-wrap {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.lnk-cart-page-qty {
  display: inline-flex;
  align-items: center;
  margin: 0;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
}
.lnk-cart-page-qty-btn {
  width: 40px;
  height: 40px;
  border: 0;
  background: #f9fafb;
  color: #374151;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background 0.15s ease, color 0.15s ease;
}
.lnk-cart-page-qty-btn:hover:not(:disabled) {
  background: #f3f4f6;
  color: #111827;
}
.lnk-cart-page-qty-btn:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}
.lnk-cart-page-qty input[type="number"] {
  width: 52px;
  height: 40px;
  border: 0;
  border-left: 1px solid #e5e7eb;
  border-right: 1px solid #e5e7eb;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  color: #111827;
  background: #fff;
  -moz-appearance: textfield;
  appearance: textfield;
}
.lnk-cart-page-qty input[type="number"]::-webkit-outer-spin-button,
.lnk-cart-page-qty input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.lnk-stock-warning {
  font-size: 12px;
  color: #b45309;
}
.lnk-cart-page-line-total {
  text-align: right;
}
.lnk-cart-page-line-label {
  display: block;
  font-size: 12px;
  color: #6b7280;
  margin-bottom: 2px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.lnk-cart-page-line-total strong {
  font-size: 18px;
  font-weight: 700;
  color: #111827;
}
.lnk-cart-page-coupon {
  margin-top: 24px;
  padding: 20px;
  background: #fff;
  border: 1px solid var(--lnk-border);
  border-radius: 12px;
}
.lnk-cart-page-coupon h3 {
  margin: 0 0 12px;
  font-size: 16px;
  font-weight: 600;
  color: #111827;
}
.lnk-cart-page-coupon-form {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.lnk-cart-page-coupon-form .lnk-form-control {
  flex: 1 1 200px;
  min-width: 0;
  height: 46px;
  padding: 0 14px;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  font: inherit;
  font-size: 14px;
}
.lnk-cart-page-coupon-form .lnk-btn {
  flex-shrink: 0;
  height: 46px;
  padding: 0 22px;
}
.lnk-cart-page-coupon-remove {
  margin: 10px 0 0;
}
.lnk-cart-page-coupon-remove button {
  border: 0;
  background: none;
  padding: 0;
  font-size: 13px;
  color: #dc2626;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.lnk-cart-page-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 20px;
}
.lnk-cart-page-continue {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 600;
  color: #374151;
  text-decoration: none;
}
.lnk-cart-page-continue:hover {
  color: var(--lnk-accent);
}
.lnk-cart-page-clear {
  margin: 0;
}
.lnk-cart-page-clear-btn {
  height: 42px;
  padding: 0 18px;
  font-size: 13px;
}
.lnk-cart-page-summary {
  position: sticky;
  top: 24px;
}
.lnk-cart-page-summary-inner {
  background: #fff;
  border: 1px solid var(--lnk-border);
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
.lnk-cart-page-summary-title {
  margin: 0 0 16px;
  font-size: 18px;
  font-weight: 700;
  color: #111827;
  padding-bottom: 12px;
  border-bottom: 1px solid #f3f4f6;
}
.lnk-cart-page-totals {
  margin: 0;
}
.lnk-cart-page-total-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 8px 0;
  font-size: 14px;
  color: #4b5563;
}
.lnk-cart-page-total-row dt {
  margin: 0;
  font-weight: 500;
}
.lnk-cart-page-total-row dd {
  margin: 0;
  font-weight: 600;
  color: #111827;
}
.lnk-cart-page-total-row.is-discount dd {
  color: #059669;
}
.lnk-cart-page-total-row.is-grand {
  margin-top: 8px;
  padding-top: 16px;
  border-top: 2px solid #f3f4f6;
  font-size: 16px;
}
.lnk-cart-page-total-row.is-grand dt,
.lnk-cart-page-total-row.is-grand dd {
  font-size: 18px;
  font-weight: 700;
  color: #111827;
}
.lnk-cart-page-free {
  color: #059669;
  font-weight: 600;
}
.lnk-cart-page-checkout {
  margin: 20px 0 0;
}
.lnk-cart-page-verify-msg {
  margin: 0 0 12px;
  font-size: 13px;
  color: #6b7280;
  text-align: center;
  line-height: 1.45;
}
.lnk-cart-page-checkout-btn {
  width: 100%;
  height: 48px;
  font-size: 13px;
  letter-spacing: 0.06em;
}
.lnk-cart-page-secure {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin: 12px 0 0;
  font-size: 13px;
  color: #6b7280;
}
.lnk-cart-page-address-note {
  margin: 8px 0 0;
  font-size: 12px;
  color: #9ca3af;
  text-align: center;
  line-height: 1.45;
}
@media (max-width: 960px) {
  .lnk-cart-page-grid {
    grid-template-columns: 1fr;
  }
  .lnk-cart-page-summary {
    position: static;
  }
}
@media (max-width: 640px) {
  .lnk-cart-page-item {
    grid-template-columns: 72px minmax(0, 1fr);
    padding: 16px;
    gap: 12px;
  }
  .lnk-cart-page-item-thumb {
    width: 72px;
    height: 72px;
  }
  .lnk-cart-page-item-foot {
    flex-direction: column;
    align-items: stretch;
  }
  .lnk-cart-page-line-total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: left;
  }
  .lnk-cart-page-line-label {
    margin: 0;
  }
  .lnk-cart-page-actions {
    flex-direction: column;
    align-items: stretch;
  }
  .lnk-cart-page-continue,
  .lnk-cart-page-clear-btn {
    width: 100%;
    justify-content: center;
  }
  .lnk-cart-page-coupon-form {
    flex-direction: column;
  }
  .lnk-cart-page-coupon-form .lnk-btn {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .lnk-cart-item {
    grid-template-columns: 50px 1fr 24px;
  }
  .lnk-cart-item-image {
    width: 50px;
    height: 50px;
  }
  .lnk-cart-item-name {
    font-size: 13px;
  }
  .lnk-cart-drawer-body {
    padding: 16px;
  }
  .lnk-cart-drawer-footer {
    padding: 16px;
  }
  .lnk-cart-drawer-header {
    padding: 16px;
  }
}
.lnk-filter-drawer {
  position: fixed;
  inset: 0 auto 0 0;
  width: min(360px, 92vw);
  background: var(--lnk-body-bg);
  color: var(--lnk-text);
  z-index: 930;
  transform: translateX(-100%);
  transition: transform 0.28s ease;
  box-shadow: var(--lnk-shadow-drawer);
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0;
  overflow: hidden;
}
.lnk-filter-drawer.is-open { transform: translateX(0); }
.lnk-filter-drawer-inner {
  display: flex;
  flex-direction: column;
  min-height: 0;
  height: 100%;
}
.lnk-filter-drawer-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 18px 20px;
  border-bottom: 1px solid var(--lnk-border-weak);
  flex-shrink: 0;
  background: var(--lnk-body-bg);
}
.lnk-filter-drawer-title {
  margin: 0;
  font-size: var(--lnk-h3-size);
  font-weight: var(--lnk-heading-weight);
  letter-spacing: var(--lnk-heading-track);
  text-transform: var(--lnk-heading-transform);
}
.lnk-filter-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: 1px solid var(--lnk-border-weak);
  border-radius: 50%;
  background: transparent;
  color: var(--lnk-text-strong);
  cursor: pointer;
  padding: 0;
  flex-shrink: 0;
  transition: border-color 0.15s ease, color 0.15s ease;
}
.lnk-filter-close:hover {
  border-color: var(--lnk-accent);
  color: var(--lnk-accent);
}
.lnk-filter-form {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
.lnk-filter-scroll {
  flex: 1;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 8px 0 12px;
}
.lnk-filter-section {
  border-bottom: 1px solid var(--lnk-border-weak);
}
.lnk-filter-section:last-child {
  border-bottom: 0;
}
.lnk-filter-accordion-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  border: 0;
  background: none;
  padding: 14px 20px;
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--lnk-text-strong);
  cursor: pointer;
  text-align: left;
}
.lnk-filter-accordion-trigger:hover,
.lnk-filter-accordion-trigger.is-open {
  color: var(--lnk-navy);
}
.lnk-filter-title {
  flex: 1;
  min-width: 0;
}
.lnk-filter-chevron {
  width: 8px;
  height: 8px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  transition: transform 0.2s ease;
  flex-shrink: 0;
  margin-top: -2px;
}
.lnk-filter-accordion-trigger.is-open .lnk-filter-chevron {
  transform: rotate(-135deg);
  margin-top: 2px;
}
.lnk-filter-content {
  display: none;
  padding: 0 20px 16px;
}
.lnk-filter-content.is-open {
  display: block;
}
.lnk-filter-options {
  display: flex;
  flex-direction: column;
  gap: 2px;
  max-height: 220px;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-right: 4px;
}
.lnk-filter-checkbox {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 0;
  cursor: pointer;
  font-size: 14px;
  color: var(--lnk-text-mid);
  line-height: 1.35;
}
.lnk-filter-checkbox:hover {
  color: var(--lnk-text-strong);
}
.lnk-filter-checkbox input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}
.lnk-filter-checkbox-box {
  width: 18px;
  height: 18px;
  border: 1.5px solid var(--lnk-border);
  border-radius: 4px;
  background: var(--lnk-body-bg);
  flex-shrink: 0;
  position: relative;
  transition: border-color 0.15s ease, background 0.15s ease;
}
.lnk-filter-checkbox-box--radio {
  border-radius: 50%;
}
.lnk-filter-checkbox input:checked + .lnk-filter-checkbox-box {
  border-color: var(--lnk-accent);
  background: var(--lnk-accent);
}
.lnk-filter-checkbox input:checked + .lnk-filter-checkbox-box::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
}
.lnk-filter-checkbox input:checked + .lnk-filter-checkbox-box:not(.lnk-filter-checkbox-box--radio)::after {
  width: 5px;
  height: 9px;
  border: solid var(--lnk-on-accent);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg) translate(-1px, -1px);
}
.lnk-filter-checkbox input:checked + .lnk-filter-checkbox-box--radio::after {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--lnk-on-accent);
}
.lnk-filter-checkbox-label {
  flex: 1;
  min-width: 0;
}
.lnk-filter-checkbox-sub {
  padding-left: 28px;
}
.lnk-filter-count {
  margin-left: auto;
  font-size: 12px;
  color: var(--lnk-muted);
  flex-shrink: 0;
}
.lnk-filter-cat-group {
  display: flex;
  flex-direction: column;
}
.lnk-filter-toggles {
  padding: 6px 20px 10px;
}
.lnk-filter-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 0;
  cursor: pointer;
  font-size: 14px;
  color: var(--lnk-text-strong);
}
.lnk-filter-toggle input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}
.lnk-filter-toggle-label {
  flex: 1;
}
.lnk-toggle-slider {
  position: relative;
  width: 44px;
  height: 24px;
  border-radius: 999px;
  background: var(--lnk-border);
  flex-shrink: 0;
  transition: background 0.2s ease;
}
.lnk-toggle-slider::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  transition: transform 0.2s ease;
}
.lnk-filter-toggle input:checked + .lnk-toggle-slider {
  background: var(--lnk-accent);
}
.lnk-filter-toggle input:checked + .lnk-toggle-slider::after {
  transform: translateX(20px);
}
.lnk-filter-toggle input:focus-visible + .lnk-toggle-slider {
  outline: 2px solid var(--lnk-accent);
  outline-offset: 2px;
}
.lnk-filter-price-inputs {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}
.lnk-filter-price-inputs input {
  flex: 1;
  min-width: 0;
  height: 40px;
  padding: 0 12px;
  border: 1px solid var(--lnk-border);
  border-radius: 8px;
  background: var(--lnk-bg-input);
  font: inherit;
  font-size: 14px;
  color: var(--lnk-text-strong);
}
.lnk-filter-price-inputs input:focus {
  outline: none;
  border-color: var(--lnk-accent);
  background: var(--lnk-body-bg);
}
.lnk-filter-price-sep {
  color: var(--lnk-muted);
  font-size: 14px;
  flex-shrink: 0;
}
.lnk-filter-price-presets {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.lnk-filter-chip {
  display: inline-flex;
  cursor: pointer;
}
.lnk-filter-chip input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}
.lnk-filter-chip span {
  display: inline-flex;
  align-items: center;
  padding: 7px 12px;
  border: 1px solid var(--lnk-border);
  border-radius: 999px;
  font-size: 13px;
  color: var(--lnk-text-mid);
  background: var(--lnk-body-bg);
  transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
}
.lnk-filter-chip:hover span {
  border-color: var(--lnk-accent);
  color: var(--lnk-text-strong);
}
.lnk-filter-chip input:checked + span {
  border-color: var(--lnk-accent);
  background: rgba(244, 165, 28, 0.12);
  color: var(--lnk-navy);
  font-weight: 600;
}
.lnk-filter-search,
.lnk-filter-text-input {
  display: block;
  width: 100%;
  height: 38px;
  margin-bottom: 10px;
  padding: 0 12px;
  border: 1px solid var(--lnk-border);
  border-radius: 8px;
  background: var(--lnk-bg-input);
  font: inherit;
  font-size: 14px;
  color: var(--lnk-text-strong);
}
.lnk-filter-search:focus,
.lnk-filter-text-input:focus {
  outline: none;
  border-color: var(--lnk-accent);
  background: var(--lnk-body-bg);
}
.lnk-filter-actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 16px 20px 20px;
  border-top: 1px solid var(--lnk-border-weak);
  background: var(--lnk-body-bg);
  flex-shrink: 0;
}
.lnk-filter-actions .lnk-btn {
  width: 100%;
}
.lnk-shop-layout {
  display: block;
}
.lnk-shop-main {
  min-width: 0;
}
@media (min-width: 1200px) {
  .lnk-page-shop .lnk-shop-layout {
    display: grid;
    grid-template-columns: min(300px, 28%) minmax(0, 1fr);
    gap: 28px 36px;
    align-items: start;
  }
  .lnk-page-shop .lnk-filter-drawer {
    position: sticky;
    top: 20px;
    inset: auto;
    width: 100%;
    height: auto;
    max-height: calc(100vh - 40px);
    transform: none;
    z-index: 2;
    box-shadow: none;
    border: 1px solid var(--lnk-border);
    border-radius: 16px;
    overflow: hidden;
  }
  .lnk-page-shop .lnk-filter-drawer.is-open,
  .lnk-page-shop .lnk-filter-drawer.is-inline {
    transform: none;
  }
  .lnk-page-shop .lnk-filter-close {
    display: none;
  }
  .lnk-page-shop .lnk-filter-open {
    display: none;
  }
  .lnk-page-shop .lnk-shop-tools {
    margin-bottom: 0;
  }
}
.lnk-cart-empty {
  margin: 24px 0 0;
  color: var(--lnk-text-mid);
  font-size: 14px;
}
.lnk-cart-toast {
  position: fixed;
  top: 16px;
  right: 16px;
  z-index: 900;
  padding: 12px 18px;
  border-radius: 8px;
  background: #16a34a;
  color: #fff;
  font-size: 14px;
  box-shadow: var(--lnk-shadow-drawer);
  opacity: 0;
  transform: translateY(-8px);
  pointer-events: none;
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.lnk-cart-toast.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.lnk-cart-toast.is-error { background: #dc2626; }
.lnk-drawer h2 { margin: 0 0 16px; font-size: var(--lnk-h3-size); }
.lnk-drawer ul { list-style: none; margin: 0; padding: 0; }
.lnk-drawer a { display: block; padding: 10px 0; text-decoration: none; border-bottom: 1px solid var(--lnk-border-weak); }
.lnk-drawer a:hover { color: var(--lnk-accent); }
.lnk-drawer-close {
  position: absolute;
  top: 12px;
  right: 12px;
  border: 0;
  background: none;
  font-size: 24px;
  cursor: pointer;
}
.lnk-scrim {
  display: none;
  position: fixed;
  inset: 0;
  background: var(--lnk-scrim);
  z-index: 550;
}
.lnk-scrim.is-open { display: block; }

/* Hero */
.lnk-hero { margin: 24px auto 24px; }
.lnk-hero-grid {
  display: flex;
  align-items: stretch;
  gap: 20px;
  height: 560px;
}
.lnk-hero-lg { flex: 2 1 0; min-width: 0; height: 100%; }
.lnk-hero-mid { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: 20px; }
.lnk-hero-mid .lnk-banner { flex: 1 1 0; min-height: 0; }
.lnk-hero-tall { flex: 1 1 0; min-width: 0; height: 100%; }
.lnk-hero-lg .lnk-banner,
.lnk-hero-tall .lnk-banner { height: 100%; }
.lnk-banner {
  position: relative;
  height: 100%;
  overflow: hidden;
  background: var(--lnk-bg-section);
  backface-visibility: hidden;
}
.lnk-banner-media {
  position: absolute;
  inset: 0;
  transition: transform 0.5s cubic-bezier(0, 0, 0.44, 1.18);
}
.lnk-banner:hover .lnk-banner-media { transform: scale(1.09); }
.lnk-banner picture,
.lnk-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.lnk-hero-lg img { object-position: center 78%; }
.lnk-hero-mid .lnk-banner:first-child img { object-position: center 55%; }
.lnk-hero-mid .lnk-banner:last-child img { object-position: center 92%; }
.lnk-hero-tall img { object-position: center 65%; }
.lnk-banner-body {
  position: absolute;
  inset: 0;
  z-index: 2;
  padding: 28px;
  pointer-events: none;
}
.lnk-hero-lg .lnk-banner-body { max-width: 50%; }
.lnk-banner h2 {
  margin: 0;
  color: var(--lnk-heading-color);
  font-size: var(--lnk-banner-h-size);
  font-weight: 400;
  line-height: 1.25;
  text-transform: var(--lnk-heading-transform);
}
.lnk-banner h2 strong { font-weight: 700; }
.lnk-banner h2 u {
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-color: var(--lnk-body-fg);
  transition: text-decoration-color 0.25s ease;
}
.lnk-banner:hover h2 u { text-decoration-color: var(--lnk-accent); }
.lnk-banner p { margin: 10px 0 0; color: var(--lnk-text-mid); font-size: 14px; line-height: 1.45; }
.lnk-banner .lnk-price { font-size: 22px; font-weight: 700; color: var(--lnk-accent); }
.lnk-banner .lnk-link-accent {
  pointer-events: auto;
  display: inline-block;
  margin-top: 12px;
  color: var(--lnk-body-fg);
  text-decoration: underline;
  text-decoration-color: var(--lnk-accent);
  text-underline-offset: 4px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  transition: color 0.25s ease, text-decoration-color 0.25s ease;
}
.lnk-banner:hover .lnk-link-accent {
  color: var(--lnk-accent);
  text-decoration-color: var(--lnk-accent);
}
.lnk-banner-hit { position: absolute; inset: 0; z-index: 3; }

/* Categories */
.lnk-cats {
  background: var(--lnk-bg-soft);
  padding: 50px 15px 40px;
  margin-bottom: 60px;
}
.lnk-cats .lnk-wrap { padding: 0; }
.lnk-cats-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  border-bottom: 2px solid var(--lnk-border);
}
.lnk-cats-head h2 {
  display: block;
  margin: 0 0 -2px;
  padding-bottom: 10px;
  border-bottom: 2px solid var(--lnk-heading-rule);
  font-family: var(--lnk-body-font);
  font-size: var(--lnk-h2-size);
  font-weight: var(--lnk-heading-weight);
  text-transform: var(--lnk-heading-transform);
  letter-spacing: var(--lnk-heading-track);
  color: var(--lnk-heading-color);
  line-height: 1.2;
  flex: 0 1 auto;
}
.lnk-cats-arrows {
  display: flex;
  gap: 4px;
  align-items: center;
  flex: 0 0 auto;
  margin-left: auto;
  padding-bottom: 8px;
}
.lnk-cats-arrows button {
  width: 28px;
  height: 28px;
  border: 0;
  background: transparent;
  cursor: pointer;
  font-size: 22px;
  color: var(--lnk-text-strong);
  font-family: Arial, sans-serif;
  line-height: 1;
}
.lnk-cats-view {
  overflow: hidden;
  width: 100%;
  margin-top: 20px;
  padding: 15px 0;
  cursor: grab;
  touch-action: pan-y;
  user-select: none;
}
.lnk-cats-view.is-dragging {
  cursor: grabbing;
}
.lnk-cats-view.is-dragging a {
  pointer-events: none;
}
.lnk-cats.is-carousel .lnk-cats-track {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 20px;
  width: max-content;
  min-width: 100%;
  transition: transform 0.35s ease;
  will-change: transform;
}
.lnk-cats.is-carousel .lnk-cats-track > .lnk-cat {
  flex: 0 0 auto;
  box-sizing: border-box;
  text-align: center;
}
.lnk-cats-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 20px;
  margin-top: 20px;
  padding: 15px 0;
  text-align: center;
}
.lnk-cat a { text-decoration: none; color: inherit; display: block; }
.lnk-cat-thumb {
  display: block;
  overflow: hidden;
  margin: 0 auto;
  max-width: 200px;
  transform: translate3d(0, 0, 0);
}
.lnk-cat-thumb img {
  width: 100%;
  max-width: 200px;
  height: auto;
  display: block;
  margin: 0 auto;
  transition: transform 0.5s cubic-bezier(0, 0, 0.44, 1.18);
}
@media (hover: hover) {
  .lnk-cat:hover .lnk-cat-thumb img { transform: scale3d(1.1, 1.1, 1); }
  .lnk-cat:hover h3,
  .lnk-cat:hover .lnk-cat-count { color: var(--lnk-accent); }
}
.lnk-cat h3 {
  margin: 10px 0 4px;
  font-family: var(--lnk-body-font);
  font-size: var(--lnk-h3-cat);
  font-weight: var(--lnk-heading-weight);
  text-transform: var(--lnk-heading-transform);
  color: var(--lnk-heading-color);
  line-height: 1.3;
}
.lnk-cat-count {
  display: block;
  color: var(--lnk-text-mid);
  font-size: 14px;
  font-weight: 400;
  font-family: Cabin, Arial, Helvetica, sans-serif;
}

/* Sale + offer */
.lnk-sale-offer {
  display: grid;
  grid-template-columns: minmax(260px, 380px) 1fr;
  gap: 28px;
  max-width: var(--lnk-container);
  margin: 0 auto 48px;
  padding: 0 16px;
  align-items: start;
}
.lnk-sale-offer.lnk-special-offer-standalone {
  grid-template-columns: 1fr;
}
.lnk-sale {
  position: relative;
  padding: 20px;
  border: 2px solid var(--lnk-accent);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-self: start;
  height: auto;
}
.lnk-sale.lnk-pbv-left {
  padding: 0;
  border: 0;
  background: transparent;
}
.lnk-pbv-stack {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.lnk-pbv-banner {
  position: relative;
  overflow: hidden;
}
.lnk-banner-hover-zoom {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.lnk-banner-hover-zoom .lnk-pbv-image,
.lnk-banner-hover-zoom .lnk-promo-media,
.lnk-banner-hover-zoom > img {
  transition: transform 0.5s cubic-bezier(0, 0, 0.44, 1.18);
  transform: scale(1);
}
.lnk-banner-hover-zoom:hover .lnk-pbv-image,
.lnk-banner-hover-zoom:hover .lnk-promo-media,
.lnk-banner-hover-zoom:hover > img {
  transform: scale(1.09);
}
.lnk-pbv-banner::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.28);
  pointer-events: none;
  z-index: 1;
}
.lnk-pbv-image img {
  width: 100%;
  max-width: none;
  height: auto;
  display: block;
  margin: 0;
}
.lnk-sale.lnk-pbv-left .lnk-pbv-image img {
  max-width: none;
  margin: 0;
}
.lnk-pbv-copy {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 24px;
  box-sizing: border-box;
  pointer-events: none;
  text-align: left;
}
.lnk-pbv-content {
  max-width: 194px;
}
.lnk-pbv-copy .lnk-pbv-subtitle,
.lnk-pbv-copy .lnk-pbv-title,
.lnk-pbv-copy .lnk-pbv-body,
.lnk-pbv-copy .lnk-pbv-link,
.lnk-pbv-copy .lnk-pbv-link span {
  font-family: var(--lnk-body-font, Cabin, Arial, Helvetica, sans-serif);
}
.lnk-pbv-subtitle {
  color: var(--lnk-accent);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  margin: 0 0 8px;
  text-transform: none;
  letter-spacing: normal;
}
.lnk-pbv-title {
  margin: 0;
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3;
  text-transform: none;
  letter-spacing: normal;
}
.lnk-sale.lnk-pbv-left .lnk-pbv-title,
.lnk-sale.lnk-pbv-left h4.lnk-pbv-title {
  margin: 0;
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3;
  text-transform: none;
  letter-spacing: normal;
}
.lnk-pbv-inner {
  margin-top: 8px;
}
.lnk-pbv-body {
  margin: 0;
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
}
.lnk-pbv-btn {
  margin-top: 14px;
}
.lnk-pbv-link {
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 3px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  pointer-events: auto;
}
.lnk-pbv-link span {
  color: inherit;
}
.lnk-pbv-hit {
  position: absolute;
  inset: 0;
  z-index: 3;
}
.lnk-sale h2 {
  margin: 0 70px 8px 0;
  font-size: var(--lnk-h3-size);
  font-weight: var(--lnk-heading-weight);
  text-transform: var(--lnk-heading-transform);
  letter-spacing: var(--lnk-heading-track);
  color: var(--lnk-heading-color);
  font-family: var(--lnk-body-font);
}
.lnk-sale-view { overflow: hidden; }
.lnk-sale-track,
.lnk-hs-track,
.lnk-garden-track,
.lnk-offer-grid { touch-action: pan-y; }
.lnk-sale-track { display: flex; transition: transform 0.3s ease; }
.lnk-sale-slide { flex: 0 0 100%; min-width: 100%; max-width: 100%; text-align: center; }
.lnk-sale-thumb { position: relative; overflow: hidden; }
.lnk-sale h3 { margin: 12px 0 4px; font-size: var(--lnk-sale-h3-size); font-weight: var(--lnk-heading-weight); color: var(--lnk-heading-color); }
.lnk-sale .lnk-muted { color: var(--lnk-muted); font-size: 13px; }
.lnk-sale .lnk-price { font-size: 16px; font-weight: 600; }
.lnk-sale-btns {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 6;
  background: var(--lnk-body-bg);
  box-shadow: var(--lnk-shadow-sale);
  opacity: 0;
  visibility: hidden;
  transform: translateX(12px);
  transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;
}
.lnk-sale-swatch {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
  display: flex;
  justify-content: flex-end;
  padding: 6px 8px;
  background: var(--lnk-body-bg);
  border-top: 1px solid var(--lnk-border-weak);
  opacity: 0;
  visibility: hidden;
  transform: translateY(100%);
  transition: 0.25s ease;
}
.lnk-act {
  width: 45px;
  height: 45px;
  border: 0;
  background: var(--lnk-body-bg);
  color: var(--lnk-text-strong);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.lnk-sale-swatch .lnk-act { width: 36px; height: 36px; }
.lnk-timer {
  display: flex;
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid var(--lnk-border-mid);
}
.lnk-timer span { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 4px; }
.lnk-timer b { font-size: 22px; font-weight: 600; color: var(--lnk-body-fg); }
.lnk-timer small { font-size: 12px; color: var(--lnk-muted); text-transform: lowercase; }
.lnk-arrows {
  position: absolute;
  top: 14px;
  right: 14px;
  display: flex;
  gap: 4px;
  z-index: 2;
}
.lnk-arrows button {
  width: 28px;
  height: 28px;
  border: 0;
  background: transparent;
  cursor: pointer;
  font-size: 22px;
  color: var(--lnk-text-strong);
  font-family: Arial, sans-serif;
  line-height: 1;
}
.lnk-arrows button:disabled { opacity: 0.35; }

.lnk-offer { position: relative; min-width: 0; overflow: visible; z-index: 4; --offer-cols: 3; --offer-rows: 2; }
.lnk-offer.is-offer-layout-vertical { --offer-rows: 2; }
.lnk-offer.is-offer-layout-horizontal { --offer-rows: 1; }
.lnk-offer-view { overflow: visible; }
.lnk-offer-head {
  display: flex;
  align-items: flex-end;
  gap: 28px;
  padding: 0 56px 0 0;
  border-bottom: 1px solid var(--lnk-border-mid);
  min-height: 36px;
  position: relative;
}
.lnk-offer-head h2 {
  margin: 0;
  font-size: var(--lnk-offer-h-size);
  font-weight: 700;
  letter-spacing: var(--lnk-heading-track);
  color: var(--lnk-heading-color);
  line-height: 1;
  display: flex;
  align-items: flex-end;
}
.lnk-offer-head h2 span {
  display: inline-block;
  padding: 0 0 10px;
  margin: 0 0 -1px;
  border-bottom: 2px solid var(--lnk-heading-rule);
  line-height: 1;
}
.lnk-tabs {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 22px;
  flex: 1;
  align-items: flex-end;
}
.lnk-tabs a {
  text-decoration: none;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 700;
  color: var(--lnk-text-faint);
  letter-spacing: 0.02em;
  padding: 0 0 10px;
  margin: 0 0 -1px;
  border-bottom: 2px solid transparent;
}
.lnk-tabs a:hover,
.lnk-tabs .is-active a { color: var(--lnk-accent); }
.lnk-offer .lnk-arrows {
  top: 0;
  right: 0;
  height: 36px;
  align-items: center;
  gap: 2px;
}
.lnk-offer-view { overflow: visible; }
.lnk-offer.is-paged .lnk-offer-view {
  overflow: hidden;
  cursor: grab;
}
.lnk-offer-view.is-dragging {
  cursor: grabbing;
  user-select: none;
}
.lnk-offer-view.is-dragging .lnk-card {
  pointer-events: none;
}
.lnk-offer.is-paged .lnk-offer-grid {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  grid-template-columns: none;
  width: calc(var(--offer-pages, 1) * 100%);
}
.lnk-offer.is-offer-layout-horizontal.is-paged .lnk-offer-grid {
  flex-wrap: nowrap;
}
.lnk-offer.is-paged .lnk-offer-grid > .lnk-card:not(.is-hidden) {
  flex: 0 0 calc((100% / var(--offer-pages, 1) - 40px) / var(--offer-cols, 3));
  max-width: calc((100% / var(--offer-pages, 1) - 40px) / var(--offer-cols, 3));
  box-sizing: border-box;
}
.lnk-offer-grid {
  display: grid;
  grid-template-columns: repeat(var(--offer-cols, 3), minmax(0, 1fr));
  grid-template-rows: repeat(var(--offer-rows, 2), auto);
  gap: 20px;
  margin-top: 20px;
  list-style: none;
  padding: 0;
  overflow: visible;
  transition: transform 0.3s ease;
}
.lnk-offer.is-offer-cols-2 { --offer-cols: 2; }
.lnk-offer.is-offer-cols-3 { --offer-cols: 3; }
.lnk-offer.is-offer-cols-4 { --offer-cols: 4; }
.lnk-offer.is-offer-cols-5 { --offer-cols: 5; }
.lnk-offer.is-offer-cols-6 { --offer-cols: 6; }
.lnk-offer-grid > .is-hidden { display: none !important; }
.lnk-card { text-align: center; }
.lnk-card-thumb { background: var(--lnk-card-thumb-bg); overflow: hidden; position: relative; }
.lnk-card-thumb,
.lnk-sale-thumb {
  aspect-ratio: var(--lnk-product-thumb-aspect);
  width: 100%;
}
.lnk-card-thumb picture,
.lnk-card-thumb .lnk-card-image-link,
.lnk-sale-thumb picture {
  display: block;
  width: 100%;
  height: 100%;
}
.lnk-card-thumb img,
.lnk-sale-thumb img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: var(--lnk-product-thumb-fit);
  object-position: center;
}
.lnk-card h3 {
  margin: 14px 0 4px;
  font-size: var(--lnk-card-title-size);
  font-weight: var(--lnk-heading-weight);
  color: var(--lnk-card-title-color);
}
.lnk-card .lnk-muted { color: var(--lnk-card-meta-color); font-size: var(--lnk-card-meta-size); }
.lnk-card .lnk-price { font-size: var(--lnk-card-price-size); color: var(--lnk-card-price-color); }
.lnk-offer .lnk-card a,
.lnk-offer .lnk-card a:hover,
.lnk-p,
.lnk-p:hover,
.lnk-pin-link,
.lnk-pin-link:hover {
  text-decoration: none !important;
  color: inherit;
}
.lnk-p { display: block; }
.lnk-offer .lnk-card { position: relative; z-index: 1; cursor: pointer; }
.lnk-offer .lnk-card-inner { position: relative; }
.lnk-offer .lnk-card-bg {
  position: absolute;
  inset: -12px -12px calc(-2px - 118px) -12px;
  background: var(--lnk-body-bg);
  box-shadow: var(--lnk-shadow-card);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 0;
  border-radius: 2px;
}
.lnk-offer .lnk-card-thumb,
.lnk-offer .lnk-card-inner > a { position: relative; z-index: 1; }
.lnk-offer .lnk-card-thumb img {
  transform: scale(1);
  transition: transform 0.5s cubic-bezier(0, 0, 0.44, 1.18);
}
.lnk-offer.is-offer-card-simple .lnk-card-bg,
.lnk-offer.is-offer-card-simple .lnk-card-hover,
.lnk-offer.is-offer-card-minimal .lnk-card-bg,
.lnk-offer.is-offer-card-minimal .lnk-card-hover {
  display: none !important;
}
.lnk-offer.is-offer-card-minimal .lnk-card-inner > a.lnk-p,
.lnk-offer.is-offer-card-minimal .lnk-card-inner > .lnk-p {
  display: block;
  width: 100%;
}
.lnk-hs-car.lnk-offer.is-offer-card-minimal .lnk-card-inner > .lnk-offer-wishlist {
  top: 10px;
  right: calc(50% - (var(--lnk-hs-popular-thumb-width) / 2) + 10px);
}
.lnk-offer.is-offer-card-minimal .lnk-offer-wishlist {
  background: transparent;
  border: 0;
  box-shadow: none;
  border-radius: 0;
}
@media (hover: hover) {
  .lnk-offer.is-offer-card-minimal .lnk-offer-wishlist:hover {
    background: transparent;
    color: var(--lnk-badge-hot) !important;
  }
}
.lnk-offer.is-offer-card-minimal .lnk-offer-inline-cart {
  display: inline-flex !important;
  width: fit-content !important;
  max-width: 100%;
  margin-top: 10px;
  padding: 10px 16px;
  font-size: 13px;
  box-sizing: border-box;
  color: var(--lnk-header-fg) !important;
  text-decoration: none !important;
  border: 0;
  cursor: pointer;
}
.lnk-offer.is-offer-card-minimal .lnk-card-cart-actions .lnk-offer-inline-cart {
  width: 100% !important;
  max-width: none !important;
  margin-top: 0 !important;
}
.lnk-card-cart-actions {
  display: flex;
  align-items: stretch;
  gap: 0;
  width: 100%;
  margin-top: 10px;
}
.lnk-card-cart-actions .lnk-wishlist-toggle-form {
  flex: 0 0 40px;
  display: flex;
  margin: 0;
}
.lnk-card-wishlist-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  width: 40px;
  min-height: 0;
  padding: 0;
  border: 0;
  background: var(--lnk-body-bg);
  color: var(--lnk-body-fg);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
  cursor: pointer;
  border-radius: var(--lnk-radius) 0 0 var(--lnk-radius);
  transition: background-color 0.2s ease, color 0.2s ease;
  box-sizing: border-box;
}
.lnk-card-wishlist-btn.is-in-wishlist {
  color: var(--lnk-badge-hot);
}
.lnk-card-cart-actions .lnk-offer-add-cart-form {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  justify-content: stretch;
  margin-top: 0 !important;
}
.lnk-card-cart-actions .lnk-offer-inline-cart {
  flex: 1 1 auto;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 10px 16px !important;
  font-size: 13px;
  line-height: 1;
  border-radius: 0 var(--lnk-radius) var(--lnk-radius) 0 !important;
  box-sizing: border-box;
}
@media (hover: hover) {
  .lnk-card-wishlist-btn:hover {
    background: var(--lnk-badge-hot);
    color: #fff;
  }
}
.lnk-offer.is-offer-card-minimal .lnk-mob-cart {
  display: none !important;
}
.lnk-offer-wishlist {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 4;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--lnk-body-bg);
  color: var(--lnk-body-fg);
  text-decoration: none;
  font-size: 18px;
  line-height: 1;
  box-shadow: var(--lnk-shadow-inset);
  border-radius: 2px;
  pointer-events: auto;
  transition: background-color 0.2s ease, color 0.2s ease;
  padding: 0;
  border: 0;
  cursor: pointer;
}
.lnk-offer-wishlist svg,
.lnk-card-acts .lnk-act svg {
  display: block;
}
.lnk-card-image-link {
  display: block;
  color: inherit;
  text-decoration: none;
}
.lnk-offer-add-cart-form {
  flex: 1;
  display: flex;
}
.lnk-offer-add-cart-form .lnk-act {
  flex: 1;
}
@media (hover: hover) {
  .lnk-offer-wishlist:hover {
    background: var(--lnk-badge-hot);
    color: #fff !important;
  }
  .lnk-offer .lnk-card-acts .lnk-act[aria-label="Add to wishlist"]:hover {
    background: var(--lnk-badge-hot);
    color: #fff;
  }
}
.lnk-offer-add-cart-wrap {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  opacity: 0;
  visibility: hidden;
  transform: translateY(100%);
  transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;
  pointer-events: none;
}
.lnk-offer-add-cart {
  display: flex;
  width: 100%;
  border-radius: 0;
  padding: 10px 16px;
  font-size: 13px;
}
@media (hover: hover) {
  .lnk-offer.is-offer-card-simple .lnk-offer-add-cart.lnk-btn:hover {
    color: #fff !important;
    background: var(--lnk-btn-ink);
  }
}
.lnk-offer .lnk-card-hover {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 8px 4px 12px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background: var(--lnk-body-bg);
}
.lnk-offer.is-offer-card-hover .lnk-card-hover .lnk-card-cart-wrap {
  width: 100%;
}
.lnk-offer.is-offer-card-hover .lnk-card-hover .lnk-card-cart-actions {
  margin-top: 0;
}
.lnk-offer .lnk-card-hover p {
  margin: 0;
  color: var(--lnk-card-hover-fg);
  font-size: 13px;
  line-height: 1.45;
  max-height: 54px;
  overflow: hidden;
}
.lnk-card-acts {
  display: flex;
  border: 0;
}
.lnk-card-acts .lnk-act {
  flex: 1;
  height: 40px;
  width: auto;
  box-shadow: var(--lnk-shadow-inset);
  font-size: 16px;
}
.lnk-card-acts .lnk-act:first-child { box-shadow: none; }
.lnk-offer .lnk-card-acts .lnk-act:first-child { box-shadow: var(--lnk-shadow-inset); }
@media (hover: hover) and (min-width: 1025px) {
  .lnk-offer .lnk-card:hover .lnk-card-thumb img {
    transform: scale(1.09);
  }
  .lnk-offer.is-offer-card-simple .lnk-card:hover .lnk-offer-add-cart-wrap {
    opacity: 1;
    visibility: visible;
    transform: none;
    pointer-events: auto;
  }
  .lnk-offer.is-offer-card-minimal .lnk-card:hover .lnk-card-thumb img {
    transform: scale(1.09);
  }
  .lnk-offer.is-offer-card-hover .lnk-card:hover { z-index: 30; }
  .lnk-offer.is-offer-card-hover .lnk-card:hover .lnk-card-inner { transform: translateY(-4px); z-index: 30; }
  .lnk-offer.is-offer-card-hover .lnk-card:hover .lnk-card-bg,
  .lnk-offer.is-offer-card-hover .lnk-card:hover .lnk-card-hover {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
  .lnk-sale-slide:hover .lnk-offer-add-cart-wrap {
    opacity: 1;
    visibility: visible;
    transform: none;
    pointer-events: auto;
  }
  .lnk-pin:hover .lnk-pin-pop,
  .lnk-pin.is-open .lnk-pin-pop { display: block; }
}

/* Hotspot */
.lnk-hotspot { margin: 24px auto; overflow: visible; }
.lnk-hs-row {
  display: flex;
  align-items: stretch;
  background: var(--lnk-bg-soft);
  margin-bottom: 48px;
  overflow: visible;
}
.lnk-hs-map { flex: 1 1 68%; min-width: 0; position: relative; overflow: visible; }
.lnk-hotspot.is-popular-left .lnk-hs-row { flex-direction: row-reverse; }
.lnk-hs-map > img { width: 100%; height: auto; display: block; }
.lnk-pin {
  position: absolute;
  width: 20px;
  height: 20px;
  margin: -10px 0 0 -10px;
  z-index: 5;
}
.lnk-pin:hover,
.lnk-pin.is-open {
  z-index: 40;
}
.lnk-pin-right { left: 23.205%; top: 29.176%; }
.lnk-pin-top { left: 43.74%; top: 79.065%; }
.lnk-pin-sonar {
  position: absolute;
  inset: -8px;
  border-radius: 50%;
  background: var(--lnk-glass);
  animation: lnk-sonar 1.6s infinite;
  pointer-events: none;
}
@keyframes lnk-sonar {
  70% { transform: scale(1.6); opacity: 0; }
}
.lnk-pin-dot {
  position: relative;
  width: 20px;
  height: 20px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: var(--lnk-accent);
  cursor: pointer;
  z-index: 1;
}
.lnk-pin-dot::after {
  content: "";
  position: absolute;
  top: 7px;
  left: 7px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--lnk-body-bg);
}
.lnk-pin-pop {
  display: none;
  position: absolute;
  width: 250px;
  height: auto;
  max-height: none;
  overflow: visible;
  background: var(--lnk-body-bg);
  padding: 15px;
  box-shadow: var(--lnk-shadow-pin);
  z-index: 8;
  text-align: center;
  box-sizing: border-box;
}
.lnk-pin-right .lnk-pin-pop { left: 40px; top: -55px; }
.lnk-pin-right .lnk-pin-pop::before {
  content: "";
  position: absolute;
  left: -44px;
  top: 40px;
  width: 44px;
  height: 40px;
}
.lnk-pin-top .lnk-pin-pop { bottom: 40px; left: -115px; top: auto; }
.lnk-pin-left .lnk-pin-pop { right: 40px; left: auto; top: -55px; }
.lnk-pin-top .lnk-pin-pop::before {
  content: "";
  position: absolute;
  left: 100px;
  bottom: -44px;
  width: 40px;
  height: 44px;
}
.lnk-pin.is-open .lnk-pin-pop { display: block; }
.lnk-pin-pop.lnk-offer.is-offer-card-minimal {
  --lnk-pin-pop-thumb-width: 220px;
  width: auto;
  max-width: calc(var(--lnk-pin-pop-thumb-width) + 30px);
}
.lnk-pin-pop.lnk-offer.is-offer-card-minimal .lnk-card-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.lnk-pin-pop.lnk-offer.is-offer-card-minimal .lnk-card-inner > a.lnk-pin-link {
  display: block;
  width: 100%;
  max-width: var(--lnk-pin-pop-thumb-width);
}
.lnk-pin-pop.lnk-offer.is-offer-card-minimal .lnk-card-inner > .lnk-pin-link {
  display: block;
  width: 100%;
  max-width: var(--lnk-pin-pop-thumb-width);
}
.lnk-pin-pop.lnk-offer.is-offer-card-minimal .lnk-offer-wishlist {
  top: 10px;
  right: calc(50% - (var(--lnk-pin-pop-thumb-width) / 2) + 10px);
}
.lnk-pin-pop.lnk-offer.is-offer-card-minimal .lnk-card-thumb {
  width: var(--lnk-pin-pop-thumb-width);
  max-width: 100%;
  margin: 0 auto;
}
.lnk-pin-pop.lnk-offer.is-offer-card-minimal .lnk-card-cart-actions {
  margin-left: auto;
  margin-right: auto;
}
.lnk-pin-pop h3 { margin: 10px 0 4px; font-size: var(--lnk-card-title-size); font-weight: var(--lnk-heading-weight); color: var(--lnk-card-title-color); }
.lnk-pin-pop .lnk-price { margin: 4px 0 8px; }
.lnk-pin-close {
  display: none;
  position: absolute;
  top: 8px;
  right: 8px;
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 50%;
  background: var(--lnk-body-bg);
  cursor: pointer;
  box-shadow: var(--lnk-shadow-ring);
}
.lnk-hs-side {
  flex: 0 0 32%;
  min-width: 240px;
  padding: 36px 28px 28px;
  text-align: center;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
}
.lnk-hs-side h2 {
  margin: 0 0 10px;
  font-size: var(--lnk-h2-size);
  font-weight: var(--lnk-heading-weight);
  letter-spacing: 0.04em;
  text-transform: var(--lnk-heading-transform);
  color: var(--lnk-heading-color);
}
.lnk-hs-side .lnk-lead {
  color: var(--lnk-muted);
  font-size: 14px;
  line-height: 1.5;
  margin: 0 0 18px;
}
.lnk-hs-car { position: relative; }
.lnk-hs-track { overflow: hidden; }
.lnk-hs-slides {
  display: flex;
  transition: transform 0.3s ease;
  list-style: none;
  margin: 0;
  padding: 0;
}
.lnk-hs-slide { flex: 0 0 100%; min-width: 100%; max-width: 100%; }
.lnk-hs-car.lnk-offer.is-offer-card-minimal {
  --lnk-hs-popular-thumb-width: 220px;
}
.lnk-hs-car.lnk-offer.is-offer-card-minimal .lnk-card.lnk-hs-slide {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
.lnk-hs-car.lnk-offer.is-offer-card-minimal .lnk-card-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.lnk-hs-car.lnk-offer.is-offer-card-minimal .lnk-card-inner > a.lnk-p,
.lnk-hs-car.lnk-offer.is-offer-card-minimal .lnk-card-inner > .lnk-p {
  width: 100%;
  max-width: var(--lnk-hs-popular-thumb-width);
}
.lnk-hs-car.lnk-offer.is-offer-card-minimal .lnk-card-thumb {
  width: var(--lnk-hs-popular-thumb-width);
  max-width: 100%;
  margin: 0 auto;
}
.lnk-hs-car.lnk-offer.is-offer-card-minimal .lnk-card-cart-wrap {
  width: 100%;
  max-width: var(--lnk-hs-popular-thumb-width);
}
.lnk-hs-car.lnk-offer.is-offer-card-minimal .lnk-card-cart-actions {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.lnk-hs-side h3 { margin: 12px 0 4px; font-size: var(--lnk-card-title-size); font-weight: var(--lnk-heading-weight); color: var(--lnk-card-title-color); }
.lnk-hs-side .lnk-muted { color: var(--lnk-muted); font-size: 13px; }
.lnk-hs-side .lnk-price { display: block; margin: 6px 0 12px; }
.lnk-hs-car .lnk-arrows {
  position: absolute;
  inset: 0;
  top: 0;
  left: 0;
  right: 0;
  justify-content: space-between;
  align-items: center;
  pointer-events: none;
  height: auto;
}
.lnk-hs-car .lnk-arrows button {
  pointer-events: auto;
  font-size: 28px;
  color: var(--lnk-text-mid);
}
.lnk-dots { display: flex; justify-content: center; gap: 8px; list-style: none; margin: 18px 0 0; padding: 0; }
.lnk-dots button {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid var(--lnk-text-faint);
  background: var(--lnk-body-bg);
  padding: 0;
  cursor: pointer;
}
.lnk-dots .is-active { background: var(--lnk-body-fg); border-color: var(--lnk-body-fg); }
.lnk-hs-info {
  display: grid;
  grid-template-columns: repeat(var(--hs-info-cols, 4), minmax(0, 1fr));
  gap: 30px;
  margin: 12px 0 48px;
  align-items: start;
}
.lnk-info { display: flex; gap: 12px; align-items: flex-start; }
.lnk-info b { color: var(--lnk-accent); font-size: 42px; font-weight: 700; line-height: 1; }
.lnk-info h3 { margin: 0 0 6px; font-size: var(--lnk-h3-size); font-weight: var(--lnk-heading-weight); color: var(--lnk-heading-color); }
.lnk-info p { margin: 0; color: var(--lnk-muted); font-size: 14px; }

/* Garden */
.lnk-garden { margin: 24px auto 24px; padding-bottom: 40px; }
.lnk-garden-head {
  display: flex;
  align-items: flex-end;
  gap: 28px;
  margin-bottom: 22px;
  border-bottom: 1px solid var(--lnk-border-mid);
}
.lnk-garden-head h2 {
  margin: 0 0 -1px;
  padding-bottom: 8px;
  border-bottom: 2px solid var(--lnk-heading-rule);
  font-size: var(--lnk-h2-size);
  font-weight: 700;
  line-height: 1;
  text-transform: var(--lnk-heading-transform);
  color: var(--lnk-heading-color);
}
.lnk-garden .lnk-tabs { flex: 1; }
.lnk-garden .lnk-tabs a {
  color: var(--lnk-text-dim);
  letter-spacing: 0.04em;
  padding: 0 0 8px;
  border-bottom: 0;
  margin: 0 0 -1px;
}
.lnk-garden .lnk-tabs a:hover,
.lnk-garden .lnk-tabs .is-active a { color: var(--lnk-accent); }
.lnk-garden-arrows { margin-left: auto; padding-bottom: 4px; display: flex; gap: 4px; align-items: center; }
.lnk-garden-arrows button {
  width: 32px;
  height: 32px;
  border: 0;
  background: transparent;
  cursor: pointer;
  font-size: 20px;
  color: var(--lnk-text-strong);
  font-family: Arial, sans-serif;
}
.lnk-garden-view { overflow: hidden; }
.lnk-garden-track { display: flex; align-items: stretch; gap: 20px; transition: transform 0.35s ease; }
.lnk-garden-track .lnk-card {
  flex: 0 0 calc((100% - 80px) / 5);
  max-width: calc((100% - 80px) / 5);
  display: flex;
  flex-direction: column;
  text-align: center;
  box-sizing: border-box;
}
.lnk-garden .lnk-card-thumb img {
  transform: scale(1);
  transition: transform 0.75s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.lnk-garden .lnk-card h3 {
  margin: 14px 0 4px;
  font-size: var(--lnk-card-title-size-sm);
  font-weight: var(--lnk-heading-weight);
  color: var(--lnk-card-title-color);
  min-height: 2.4em;
}
.lnk-garden .lnk-card .lnk-muted { color: var(--lnk-card-meta-color); font-size: var(--lnk-card-meta-size); }
.lnk-garden .lnk-card .lnk-price {
  display: block;
  margin: 6px auto 0;
  font-size: var(--lnk-card-price-size);
  font-weight: 600;
  text-align: center;
  color: var(--lnk-card-price-color);
}
.lnk-stars {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  color: var(--lnk-border);
  letter-spacing: 1px;
  margin: 6px auto 0;
  font-size: 13px;
  min-height: 1.2em;
}
.lnk-stars em { color: var(--lnk-star); font-style: normal; }
.lnk-product-badges {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 6;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  pointer-events: none;
  max-width: calc(100% - 20px);
}
.lnk-label {
  position: static;
  display: inline-block;
  background: var(--lnk-badge-hot);
  color: var(--lnk-on-accent);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 3px 8px;
  line-height: 1.2;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lnk-discount-percent {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 6;
  pointer-events: none;
  display: inline-block;
  background: var(--lnk-badge-hot);
  color: var(--lnk-on-accent);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  padding: 4px 8px;
  line-height: 1.2;
  border-radius: 2px;
}
.lnk-stock-badge {
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 6;
  pointer-events: none;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: 2px;
  white-space: nowrap;
}
.lnk-stock-low {
  background: rgba(255, 255, 255, 0.96);
  color: var(--lnk-text-strong);
  box-shadow: 0 1px 6px rgba(9, 33, 67, 0.12);
}
.lnk-stock-out {
  background: rgba(180, 83, 9, 0.92);
  color: #fff;
}
.lnk-card-thumb img,
.lnk-sale-thumb img {
  position: relative;
  z-index: 1;
}
@media (hover: hover) {
  .lnk-offer .lnk-card:hover .lnk-stock-badge,
  .lnk-offer .lnk-card:hover .lnk-product-badges,
  .lnk-offer .lnk-card:hover .lnk-discount-percent,
  .lnk-shop-loop .lnk-card:hover .lnk-stock-badge,
  .lnk-shop-loop .lnk-card:hover .lnk-product-badges,
  .lnk-shop-loop .lnk-card:hover .lnk-discount-percent,
  .lnk-sale-slide:hover .lnk-stock-badge,
  .lnk-sale-slide:hover .lnk-product-badges,
  .lnk-sale-slide:hover .lnk-discount-percent {
    z-index: 8;
  }
}
.lnk-garden .lnk-btn {
  margin-top: auto;
  align-self: center;
  padding: 10px 22px;
}
@media (hover: hover) {
  .lnk-garden .lnk-card:hover .lnk-card-thumb img { transform: scale(1.12); }
}

.lnk-totop {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 900;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: var(--lnk-accent);
  color: var(--lnk-on-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 22px;
  line-height: 1;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(8px);
  transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease, background 0.2s ease;
  box-shadow: var(--lnk-shadow-promo);
}
.lnk-totop.is-on {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: none;
}
@media (hover: hover) {
  .lnk-totop:hover {
    color: var(--lnk-on-accent);
    background: var(--lnk-btn-ink);
  }
}

/* Promo */
.lnk-promo { margin: 24px auto 80px; }
.lnk-promo-row { display: flex; gap: 30px; }
.lnk-promo-item { flex: 1; position: relative; overflow: hidden; min-height: 200px; }
.lnk-promo-media,
.lnk-promo-media img,
.lnk-promo-item > img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  display: block;
}
.lnk-promo-item::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--lnk-promo-scrim);
}
.lnk-promo-copy {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 30px;
  max-width: 270px;
  pointer-events: none;
}
.lnk-promo-copy small { color: var(--lnk-accent); font-weight: 600; font-size: 13px; }
.lnk-promo-copy h2 { margin: 8px 0 0; color: var(--lnk-on-accent); font-size: var(--lnk-h2-size); font-weight: var(--lnk-heading-weight); line-height: 1.3; }
.lnk-promo-copy .lnk-link-accent { color: var(--lnk-on-accent); text-decoration-color: var(--lnk-on-accent); pointer-events: auto; margin-top: 14px; }
.lnk-promo-hit { position: absolute; inset: 0; z-index: 3; }

/* Footer */
.lnk-footer { background: var(--lnk-footer-bg); color: var(--lnk-footer-fg); }
.lnk-footer > .lnk-wrap {
  max-width: var(--lnk-container);
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
}
.lnk-footer a { color: var(--lnk-footer-link); text-decoration: none; }
.lnk-footer a:hover { color: var(--lnk-accent); }
.lnk-f-info {
  display: flex;
  border-bottom: 1px solid var(--lnk-footer-line);
  padding: 30px 0;
}
.lnk-f-info > div {
  flex: 1;
  display: flex;
  gap: 15px;
  padding: 0 15px;
  border-right: 1px solid var(--lnk-footer-line);
}
.lnk-f-info > div:first-child { padding-left: 0; }
.lnk-f-info > div:last-child { padding-right: 0; border-right: 0; }
.lnk-f-info h3 { margin: 0; color: var(--lnk-footer-fg-strong); font-size: var(--lnk-footer-h-size); }
.lnk-f-info p { margin: 8px 0 0; color: var(--lnk-footer-muted); }
.lnk-f-menus {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 30px;
  padding: 40px 0;
  border-bottom: 1px solid var(--lnk-footer-line);
}
.lnk-f-sys-badge {
  display: block;
  max-height: 24px;
  width: auto;
  max-width: 100%;
  height: auto;
}
.lnk-f-menus h3 {
  margin: 0;
  color: var(--lnk-footer-fg-strong);
  font-size: var(--lnk-footer-h-size);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.lnk-f-menus ul { list-style: none; margin: 16px 0 0; padding: 0; }
.lnk-f-menus li { margin: 0 0 8px; }
.lnk-f-apps { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 16px; }
.lnk-f-logo { display: block; width: auto; height: var(--lnk-logo-height, 29px); max-width: none; margin: 4px 0 12px; object-fit: contain; object-position: left center; }
.lnk-acc--brand .lnk-acc-head { display: none; }
.lnk-drawer-logo { display: block; margin: 0 0 18px; }
.lnk-drawer-logo__img { display: block; width: auto; height: var(--lnk-logo-height, 40px); max-width: none; object-fit: contain; object-position: left center; }
.lnk-f-about p,
.lnk-f-contact p {
  margin: 0 0 10px;
  color: var(--lnk-footer-about);
  font-size: 13px;
  line-height: 1.55;
}
.lnk-f-contact a { color: var(--lnk-footer-fg-strong); text-decoration: none; }
.lnk-f-contact a:hover { color: var(--lnk-accent); }
.lnk-f-about-btn {
  margin-top: 12px;
  background: transparent;
  border: 1px solid var(--lnk-footer-btn-line);
  color: var(--lnk-footer-fg-strong);
}
@media (hover: hover) {
  .lnk-f-about-btn:hover {
    background: var(--lnk-footer-fg-strong);
    color: var(--lnk-navy);
    border-color: var(--lnk-footer-fg-strong);
  }
}
.lnk-f-sys {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
  padding: 30px 0 20px;
}
.lnk-f-sys p { margin: 0 0 10px; color: var(--lnk-footer-fg-strong); font-weight: 600; }
.lnk-social { display: flex; gap: 8px; }
.lnk-social a {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--lnk-footer-social-bg);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 700;
}
.lnk-copy {
  border-top: 1px solid var(--lnk-footer-line);
  text-align: center;
  padding: 18px 16px;
  font-size: 13px;
  color: var(--lnk-footer-copy);
}
.lnk-copy a { color: var(--lnk-footer-fg-strong); }
.lnk-copy a:hover { color: var(--lnk-accent); }
.lnk-copy .lnk-accent { color: var(--lnk-accent); }
.lnk-f-toggle { display: none; }

@media (max-width: 1024px) {
  .lnk-topbar,
  .lnk-nav,
  .lnk-desk { display: none !important; }
  .lnk-mob { display: flex !important; }
  .lnk-header .lnk-bar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 500;
    background: var(--lnk-navy);
    min-height: 60px;
    max-width: none;
    transition: transform 0.3s ease;
  }
  .lnk-header .lnk-bar.is-header-hidden {
    transform: translateY(-100%);
  }
  body.lanika {
    padding-bottom: calc(64px + env(safe-area-inset-bottom, 0px));
  }
  .lnk-offer-view { overflow: hidden; }
  .lnk-offer .lnk-offer-grid {
    display: flex;
    flex-wrap: nowrap;
    gap: 0;
    grid-template-columns: none;
  }
  .lnk-offer .lnk-offer-grid > .lnk-card:not(.is-hidden) {
    flex: 0 0 100%;
    max-width: 100%;
    box-sizing: border-box;
  }
  .lnk-menu-btn { display: flex; }
  .lnk-bar-cart .lnk-cart-total { display: none; }
  .lnk-search-mobile { display: block; }
  .lnk-hero-grid { height: 440px; }
  .lnk-cats-grid { grid-template-columns: repeat(4, 1fr); }
  .lnk-offer-head {
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding-right: 0;
    border-bottom: 0;
  }
  .lnk-offer-head h2 {
    width: 100%;
    padding: 0 52px 10px 0;
    border-bottom: 1px solid var(--lnk-border-mid);
    box-sizing: border-box;
  }
  .lnk-offer .lnk-tabs { margin-top: 12px; gap: 18px; }
  .lnk-offer .lnk-card-hover,
  .lnk-offer .lnk-card-bg { display: none !important; }
  .lnk-offer.is-offer-card-hover .lnk-card-hover {
    display: flex !important;
    position: static;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    padding: 0;
    background: transparent;
    gap: 0;
  }
  .lnk-offer .lnk-card:hover .lnk-card-inner { transform: none; }
  .lnk-offer-add-cart-wrap { display: none !important; }
  .lnk-offer.is-offer-card-minimal .lnk-card-cart-actions {
    width: 100%;
  }
  .lnk-offer.is-offer-card-minimal .lnk-offer-inline-cart {
    display: inline-flex !important;
    width: 100% !important;
  }
  .lnk-offer.is-offer-card-simple .lnk-offer-wishlist,
  .lnk-offer.is-offer-card-minimal .lnk-offer-wishlist {
    width: 32px;
    height: 32px;
    font-size: 16px;
  }
  .lnk-mob-cart {
    display: inline-flex;
    margin: 12px auto 0;
    color: var(--lnk-header-fg) !important;
    text-decoration: none !important;
  }
  .lnk-sale-slide .lnk-mob-cart { margin-bottom: 4px; }
  .lnk-garden-head {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-areas: "title arrows" "line line" "tabs tabs";
    gap: 0 8px;
    border-bottom: 0;
  }
  .lnk-garden-head h2 { grid-area: title; }
  .lnk-garden-arrows { grid-area: arrows; margin: 0; }
  .lnk-garden-head::after {
    content: "";
    grid-area: line;
    border-bottom: 1px solid var(--lnk-border-mid);
  }
  .lnk-garden .lnk-tabs { grid-area: tabs; width: 100%; margin-top: 12px; }
  .lnk-garden-track .lnk-card {
    flex: 0 0 calc((100% - 20px) / 2);
    max-width: calc((100% - 20px) / 2);
  }
  .lnk-f-info { flex-wrap: wrap; }
  .lnk-f-info > div { flex: 1 1 50%; max-width: 50%; border-right: 0; border-bottom: 1px solid var(--lnk-footer-line); padding: 12px 15px; }
  .lnk-f-menus { grid-template-columns: 1fr 1fr; }
  .lnk-f-sys { grid-template-columns: 1fr; }
}

@media (max-width: 900px) {
  .lnk-sale-offer { grid-template-columns: 1fr; }
  .lnk-hs-row { flex-direction: column; overflow: visible; }
  .lnk-hs-map { overflow: visible; }
  .lnk-hs-side { flex: none; width: 100%; }
  .lnk-hs-info { grid-template-columns: 1fr; }
  .lnk-pin-right .lnk-pin-pop,
  .lnk-pin-top .lnk-pin-pop {
    top: 28px !important;
    right: auto !important;
    bottom: auto !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    transform: none !important;
    z-index: 30;
    padding-top: 40px;
    box-sizing: border-box;
  }
  .lnk-pin-close { display: flex; align-items: center; justify-content: center; }
  .lnk-pin:hover .lnk-pin-pop { display: none; }
  .lnk-pin.is-open .lnk-pin-pop { display: block; }
}

.lnk-tabbar { display: none; }

@media (max-width: 1024px) {
  .lnk-tabbar {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 600;
    background: var(--lnk-body-bg);
    border-top: 1px solid var(--lnk-border-mid);
    padding: 8px 0 calc(8px + env(safe-area-inset-bottom, 0px));
    box-shadow: var(--lnk-shadow-tab);
  }
  .lnk-tabbar-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    text-decoration: none;
    color: var(--lnk-body-fg);
    font-size: 11px;
    font-weight: 600;
    line-height: 1.2;
  }
  .lnk-tabbar-item svg { display: block; }
  .lnk-tabbar-icon { position: relative; display: inline-flex; }
  .lnk-tabbar-badge {
    position: absolute;
    top: -6px;
    right: -10px;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    border-radius: 8px;
    background: var(--lnk-accent);
    color: #111827;
    font-size: 10px;
    font-weight: 700;
    line-height: 16px;
    text-align: center;
    box-sizing: border-box;
    text-decoration: none;
  }
  .lnk-totop { bottom: calc(12px + 64px + env(safe-area-inset-bottom, 0px)); }
}

@media (max-width: 768px) {
  .lnk-hero-grid { flex-direction: column; height: auto; }
  .lnk-hero-lg,
  .lnk-hero-tall,
  .lnk-hero-mid .lnk-banner { height: 240px; flex: none; }
  .lnk-cats-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
  .lnk-cat:hover .lnk-cat-thumb img { transform: none; }
  .lnk-promo-row { flex-direction: column; gap: 16px; }
  .lnk-f-info > div { flex: 1 1 100%; max-width: 100%; padding: 16px 0; border: 0; border-bottom: 1px solid var(--lnk-footer-line); }
  .lnk-f-menus { grid-template-columns: 1fr; padding: 16px 0 24px; }
  .lnk-f-toggle { display: block; color: var(--lnk-footer-toggle); }
  .lnk-acc-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    padding: 12px 0;
    border-bottom: 1px solid var(--lnk-footer-line);
  }
  .lnk-acc--brand .lnk-acc-head { display: flex; }
  .lnk-acc:not(.is-open) .lnk-acc-body { display: none; }
}

/* Contact us */
.lnk-cu-map {
  position: relative;
  height: 480px;
  background: var(--lnk-bg-section);
  overflow: hidden;
}
.lnk-cu-map iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  pointer-events: none;
}
.lnk-cu-map-zoom {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 3;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgb(0 0 0 / 18%);
}
.lnk-cu-map-zoom button {
  width: 36px;
  height: 36px;
  border: 0;
  background: var(--lnk-body-bg);
  color: var(--lnk-text);
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  font-family: inherit;
}
.lnk-cu-map-zoom button + button {
  border-top: 1px solid var(--lnk-border-weak);
}
@media (hover: hover) {
  .lnk-cu-map-zoom button:hover {
    background: var(--lnk-bg-section);
    color: var(--lnk-accent);
  }
}
.lnk-cu-map-hint {
  position: absolute;
  right: 12px;
  bottom: 12px;
  z-index: 3;
  margin: 0;
  padding: 6px 10px;
  border-radius: 4px;
  background: rgb(255 255 255 / 92%);
  color: var(--lnk-text-mid);
  font-size: 11px;
  letter-spacing: 0.02em;
  box-shadow: 0 1px 4px rgb(0 0 0 / 12%);
  pointer-events: none;
}
.lnk-cu-map-card {
  position: absolute;
  left: 32px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  width: min(340px, calc(100% - 48px));
  background: var(--lnk-body-bg);
  padding: 32px 28px;
  box-shadow: var(--lnk-shadow-drop);
  box-sizing: border-box;
}
.lnk-cu-kicker {
  margin: 0 0 8px;
  color: var(--lnk-muted);
  font-size: 12px;
  letter-spacing: 0.06em;
  font-weight: 600;
}
.lnk-cu-map-card h2 {
  margin: 0 0 14px;
  font-size: var(--lnk-h2-size);
  line-height: 1.25;
  font-weight: 700;
  color: var(--lnk-heading-color);
}
.lnk-cu-map-card p {
  margin: 0 0 18px;
  color: var(--lnk-text-mid);
  line-height: 1.55;
}
.lnk-cu-bottom {
  max-width: var(--lnk-container);
  margin: 0 auto;
  padding: 56px 16px 80px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 48px;
}
.lnk-cu-faq { padding-right: 40px; border-right: 1px solid var(--lnk-border-weak); }
.lnk-cu-form-col { padding-left: 8px; }
.lnk-cu-title {
  margin: 0 0 6px;
  font-size: 26px;
  font-weight: 700;
  color: var(--lnk-heading-color);
}
.lnk-faq-item { border-bottom: 1px solid var(--lnk-border-weak); }
.lnk-faq-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 0;
  cursor: pointer;
  font-weight: 600;
  font-size: 15px;
  background: none;
  border: 0;
  width: 100%;
  text-align: left;
  font-family: inherit;
  color: inherit;
}
.lnk-faq-title.is-open { color: var(--lnk-accent); }
.lnk-faq-opener {
  flex: 0 0 auto;
  width: 12px;
  height: 12px;
  position: relative;
}
.lnk-faq-opener::before {
  content: "";
  position: absolute;
  left: 1px;
  top: 4px;
  width: 8px;
  height: 8px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
}
.lnk-faq-title.is-open .lnk-faq-opener::before {
  top: 8px;
  transform: rotate(-135deg);
}
.lnk-faq-body {
  display: none;
  padding: 0 0 18px;
  color: var(--lnk-text-mid);
  font-size: var(--lnk-body-size);
  line-height: 1.65;
}
.lnk-faq-item.is-open .lnk-faq-body { display: block; }
.lnk-faq-body p { margin: 0 0 12px; }
.lnk-cu-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px 20px;
}
.lnk-cu-grid .lnk-cu-full { grid-column: 1 / -1; }
.lnk-cu-form-col label {
  display: block;
  margin: 0 0 6px;
  font-size: 13px;
  color: var(--lnk-text-dim);
}
.lnk-cu-form-col input,
.lnk-cu-form-col textarea {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid var(--lnk-border);
  border-radius: var(--lnk-radius);
  padding: 12px 16px;
  font: inherit;
  background: var(--lnk-body-bg);
  color: var(--lnk-body-fg);
}
.lnk-cu-form-col textarea {
  min-height: 140px;
  border-radius: 20px;
  resize: vertical;
}
.lnk-cu-note {
  display: none;
  margin-top: 12px;
  color: var(--lnk-ok);
  font-size: 14px;
}
.lnk-cu-note.is-on { display: block; }
@media (max-width: 900px) {
  .lnk-cu-map { height: 380px; }
  .lnk-cu-map-card {
    left: 16px;
    right: 16px;
    width: auto;
    top: auto;
    bottom: 16px;
    transform: none;
  }
  .lnk-cu-bottom { grid-template-columns: 1fr; gap: 40px; }
  .lnk-cu-faq { padding-right: 0; border-right: 0; }
  .lnk-cu-form-col { padding-left: 0; }
  .lnk-cu-grid { grid-template-columns: 1fr; }
}

/* About us */
.lnk-about {
  max-width: var(--lnk-container);
  margin: 0 auto;
  padding: 56px 16px 80px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 56px;
  align-items: center;
}
.lnk-about-media img {
  display: block;
  width: 100%;
  height: auto;
}
.lnk-about-kicker {
  margin: 0 0 10px;
  color: var(--lnk-accent);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.lnk-about-copy h1 {
  margin: 0 0 16px;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--lnk-heading-color);
}
.lnk-about-lead {
  margin: 0 0 18px;
  font-style: italic;
  color: var(--lnk-text-mid);
  font-size: 15px;
  line-height: 1.6;
}
.lnk-about-copy p {
  margin: 0 0 14px;
  color: var(--lnk-body-fg);
  line-height: 1.7;
}
.lnk-about-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 8px;
  padding-top: 18px;
  border-top: 1px solid var(--lnk-border-weak);
}
.lnk-about-credit {
  margin: 0;
  font-size: 13px;
  font-style: italic;
  color: var(--lnk-text-mid);
}
.lnk-about-credit a {
  color: var(--lnk-accent);
  font-weight: 700;
  font-style: italic;
  text-decoration: none;
}
.lnk-about-credit a:hover { color: var(--lnk-text-strong); }
.lnk-about-meta .lnk-social a {
  background: var(--lnk-bg-soft);
  color: var(--lnk-text-strong);
}
@media (max-width: 900px) {
  .lnk-about { grid-template-columns: 1fr; gap: 28px; padding: 32px 16px 56px; }
  .lnk-about-copy h1 { font-size: 26px; }
  .lnk-about-meta { flex-wrap: wrap; }
}

.lnk-shop-hero {
  position: relative;
  min-height: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  overflow: visible;
}
.lnk-shop-hero-bg {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}
.lnk-shop-hero-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.lnk-shop-hero-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(9, 33, 67, 0.45);
}
.lnk-shop-hero-inner {
  position: relative;
  z-index: 1;
  width: min(var(--lnk-container), calc(100% - 32px));
  padding: 36px 0 28px;
  pointer-events: auto;
}
.lnk-shop-hero h1 {
  margin: 0 0 22px;
  font-size: 32px;
  font-weight: var(--lnk-heading-weight);
  letter-spacing: var(--lnk-heading-track);
  text-transform: var(--lnk-heading-transform);
}
.lnk-shop-cats-btn { display: none; }
.lnk-shop-cats {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 28px;
}
.lnk-shop-cats a {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #fff;
  text-decoration: none;
  text-align: left;
  font-size: 14px;
  font-weight: 600;
}
.lnk-shop-cats a.is-on,
.lnk-shop-cats a:hover { color: var(--lnk-accent); }
.lnk-shop-cats small {
  display: block;
  font-weight: 400;
  font-size: 12px;
  color: rgba(255,255,255,0.7);
  text-transform: none;
  letter-spacing: 0;
}
.lnk-shop { padding: 28px 0 64px; }
.lnk-shop-tools {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px 20px;
  padding-bottom: 16px;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--lnk-border);
}
.lnk-filter-open {
  margin-right: auto;
  border: 0;
  background: none;
  padding: 0;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
  color: var(--lnk-text-strong);
}
.lnk-filter-open:hover { color: var(--lnk-accent); }
.lnk-shop-count {
  margin: 0;
  color: var(--lnk-muted);
  font-size: 13px;
}
.lnk-shop-tools-end {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-left: auto;
}
.lnk-shop-sort { position: relative; }
.lnk-shop-sort .lnk-drop-btn {
  height: auto;
  min-height: 0;
  padding: 4px 2px 4px 0;
  text-transform: none;
  letter-spacing: 0;
  font-size: 13px;
  font-weight: 400;
  color: var(--lnk-text-mid);
  gap: 8px;
}
.lnk-shop-sort .lnk-drop-btn .lnk-caret {
  margin-left: 4px;
  border-top-color: var(--lnk-text-mid);
}
.lnk-shop-sort-menu {
  right: 0;
  left: auto;
  min-width: 230px;
  z-index: 80;
  text-align: left;
}
.lnk-shop-pp {
  margin: 0;
  color: var(--lnk-muted);
  font-size: 13px;
}
.lnk-shop-pp button {
  border: 0;
  background: none;
  padding: 0 6px;
  font: inherit;
  cursor: pointer;
  color: var(--lnk-muted);
}
.lnk-shop-pp button.is-on {
  color: var(--lnk-text-strong);
  font-weight: 600;
}
.lnk-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
}
.lnk-shop-loop .lnk-offer-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.lnk-shop-loop .lnk-card { position: relative; z-index: 1; cursor: pointer; text-align: center; }
.lnk-shop-loop .lnk-card-inner { position: relative; }
.lnk-shop-loop .lnk-card-bg {
  position: absolute;
  inset: -12px -12px calc(-2px - 118px) -12px;
  background: var(--lnk-body-bg);
  box-shadow: var(--lnk-shadow-card);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 0;
  border-radius: 2px;
}
.lnk-shop-loop .lnk-card-thumb,
.lnk-shop-loop .lnk-card-inner > a { position: relative; z-index: 1; }
.lnk-shop-loop .lnk-card a,
.lnk-shop-loop .lnk-card a:hover {
  text-decoration: none !important;
  color: inherit;
}
.lnk-shop-loop .lnk-offer-add-cart-form {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.lnk-shop-loop .lnk-offer-inline-cart {
  margin-left: auto;
  margin-right: auto;
}
.lnk-shop-loop .lnk-card-hover {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 8px 4px 12px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background: var(--lnk-body-bg);
}
.lnk-shop-loop .lnk-card-hover .lnk-card-cart-wrap {
  width: 100%;
}
.lnk-shop-loop .lnk-card-hover .lnk-card-cart-actions {
  margin-top: 0;
}
.lnk-shop-loop .lnk-card-hover p {
  margin: 0;
  color: var(--lnk-card-hover-fg);
  font-size: 13px;
  line-height: 1.45;
}
.lnk-filter-block { margin-bottom: 24px; }
.lnk-filter-block h3 {
  margin: 0 0 12px;
  font-size: 14px;
  letter-spacing: var(--lnk-heading-track);
  text-transform: var(--lnk-heading-transform);
}
.lnk-filter-cats,
.lnk-filter-price {
  list-style: none;
  margin: 0;
  padding: 0;
}
.lnk-filter-cats button {
  display: block;
  width: 100%;
  text-align: left;
  border: 0;
  background: none;
  padding: 8px 0;
  font: inherit;
  cursor: pointer;
  border-bottom: 1px solid var(--lnk-border-weak);
  color: var(--lnk-body-fg);
}
.lnk-filter-cats button.is-on,
.lnk-filter-cats button:hover { color: var(--lnk-accent); }
.lnk-filter-price label {
  display: block;
  padding: 6px 0;
  cursor: pointer;
  color: var(--lnk-text-mid);
}
.lnk-shop-pager {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 36px;
}
.lnk-shop-pager a,
.lnk-shop-pager span {
  min-width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: var(--lnk-text-strong);
  border-radius: 50%;
}
.lnk-shop-pager .is-on,
.lnk-shop-pager a:hover { color: var(--lnk-accent); }
@media (min-width: 1025px) {
  .lnk-shop-loop .lnk-card:hover { z-index: 30; }
  .lnk-shop-loop .lnk-card:hover .lnk-card-inner { transform: translateY(-4px); z-index: 30; }
  .lnk-shop-loop .lnk-card:hover .lnk-card-bg,
  .lnk-shop-loop .lnk-card:hover .lnk-card-hover {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
}
@media (max-width: 1100px) {
  .lnk-shop-loop .lnk-offer-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 1024px) {
  .lnk-shop-loop .lnk-card-hover,
  .lnk-shop-loop .lnk-card-bg { display: none !important; }
  .lnk-shop-loop .lnk-card-hover {
    display: flex !important;
    position: static;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    padding: 0;
    background: transparent;
    gap: 0;
  }
  .lnk-shop-loop .lnk-offer-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 12px;
    transform: none !important;
  }
  .lnk-shop-loop .lnk-offer-grid > .lnk-card:not(.is-hidden) {
    flex: none;
    max-width: none;
    width: auto;
  }
  .lnk-shop-hero {
    min-height: 0;
    align-items: flex-start;
  }
  .lnk-shop-hero-inner {
    width: calc(100% - 24px);
    padding: 28px 0 20px;
  }
  .lnk-shop-hero h1 { font-size: 26px; margin-bottom: 16px; }
  .lnk-shop-cats-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0 auto;
    border: 1px dotted rgba(255,255,255,0.85);
    background: none;
    color: #fff;
    font: inherit;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    padding: 8px 16px;
  }
  .lnk-shop-cats-ico {
    width: 14px;
    height: 14px;
    background:
      linear-gradient(currentColor, currentColor) 0 0 / 6px 6px no-repeat,
      linear-gradient(currentColor, currentColor) 8px 0 / 6px 6px no-repeat,
      linear-gradient(currentColor, currentColor) 0 8px / 6px 6px no-repeat,
      linear-gradient(currentColor, currentColor) 8px 8px / 6px 6px no-repeat;
  }
  .lnk-shop-cats {
    display: none;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    margin: 14px auto 0;
    width: min(320px, calc(100% - 8px));
    padding: 18px 22px 10px;
    text-align: left;
    background: rgba(40, 40, 40, 0.72);
    border-radius: 4px;
  }
  .lnk-shop-cats.is-open { display: flex; }
  .lnk-shop-cats a {
    padding: 12px 0 10px;
    border-bottom: 1px solid transparent;
    gap: 14px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #fff;
  }
  .lnk-shop-cats a.is-on {
    color: #fff;
    box-shadow: inset 0 -2px 0 var(--lnk-accent);
  }
  .lnk-shop-cats img {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    filter: brightness(0) invert(1);
  }
  .lnk-shop-cats small {
    margin-top: 2px;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
    color: rgba(255,255,255,0.65);
  }
  .lnk-shop-pp { display: none; }
  .lnk-shop.lnk-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }
  .lnk-shop-tools {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
      "filter filter"
      "count sort";
    align-items: center;
    column-gap: 12px;
    row-gap: 12px;
    padding: 4px 4px 16px;
    overflow: visible;
  }
  .lnk-filter-open {
    grid-area: filter;
    justify-self: center;
    margin-right: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--lnk-accent);
    color: var(--lnk-on-accent);
    padding: 8px 22px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    border-radius: var(--lnk-radius);
  }
  .lnk-filter-open:hover { color: var(--lnk-on-accent); }
  .lnk-shop-count {
    grid-area: count;
    min-width: 0;
  }
  .lnk-shop-tools-end {
    grid-area: sort;
    width: auto;
    margin-left: 0;
    justify-content: flex-end;
    position: relative;
    z-index: 6;
  }
  .lnk-shop { padding: 20px 20px 80px; }
}
@media (max-width: 700px) {
  .lnk-shop-loop .lnk-offer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lnk-shop-hero h1 { font-size: 22px; }
}

.lnk-ps { padding: 28px 16px 80px; }
.lnk-ps-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 36px 30px;
  align-items: start;
}
.lnk-ps-gallery {
  display: grid;
  grid-template-columns: 92px 1fr;
  gap: 12px;
  align-items: stretch;
}
.lnk-ps-gallery--single {
  grid-template-columns: 1fr;
}
.lnk-ps-thumbs {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.lnk-ps-thumbs-track {
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
  max-height: calc(80px * 5 + 8px * 4);
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: none;
}
.lnk-ps-thumbs-track::-webkit-scrollbar { display: none; }
.lnk-ps-chevron {
  display: block;
  width: 9px;
  height: 9px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
}
.lnk-ps-thumbs-prev .lnk-ps-chevron { transform: rotate(-135deg); }
.lnk-ps-thumbs-next .lnk-ps-chevron { transform: rotate(45deg); }
.lnk-ps-thumb {
  flex: 0 0 80px;
  width: 80px;
  height: 80px;
  aspect-ratio: 1;
  align-self: center;
  padding: 0;
  border: 2px solid transparent;
  background: var(--lnk-card-thumb-bg);
  cursor: pointer;
  overflow: hidden;
}
.lnk-ps-thumb.is-on { border-color: var(--lnk-body-fg); }
.lnk-ps-thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  display: block;
}
.lnk-ps-thumb-nav {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 22px;
  border: 0;
  background: none;
  cursor: pointer;
  color: var(--lnk-text-strong);
}
.lnk-ps-stage {
  position: relative;
  align-self: start;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  min-height: 0;
  overflow: hidden;
  background: var(--lnk-card-thumb-bg);
}
.lnk-ps-figure {
  position: absolute;
  inset: 0;
  margin: 0;
  overflow: hidden;
  cursor: zoom-in;
}
.lnk-ps-main {
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: contain;
  object-position: center;
  display: block;
  margin: 0 auto;
  transform-origin: center center;
}
.lnk-ps-main--empty {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 320px;
  padding: 2rem;
  color: var(--lnk-muted, #6b7280);
  font-size: 0.9375rem;
  text-align: center;
  cursor: default;
}
.lnk-ps-figure:has(.lnk-ps-main--empty) { cursor: default; }
.lnk-ps-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 4;
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 50%;
  background: rgba(255,255,255,0.85);
  cursor: pointer;
  color: var(--lnk-text-strong);
  font-size: 20px;
}
.lnk-ps-prev { left: 10px; }
.lnk-ps-next { right: 10px; }
.lnk-ps-zoom {
  position: absolute;
  left: 12px;
  bottom: 12px;
  z-index: 5;
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--lnk-border-mid, #dcdcdc);
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  color: var(--lnk-text-strong, #222);
  transition: border-color 0.15s ease, color 0.15s ease, transform 0.15s ease;
}
.lnk-ps-zoom:hover {
  border-color: var(--lnk-accent, #d97706);
  color: var(--lnk-accent, #d97706);
  transform: scale(1.04);
}
.lnk-ps-zoom svg {
  display: block;
  width: 20px;
  height: 20px;
}
.lnk-ps-crumb-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
  flex-wrap: wrap;
}
.lnk-ps-crumbs {
  font-size: 13px;
  color: var(--lnk-muted);
}
.lnk-ps-crumbs a { color: var(--lnk-muted); text-decoration: none; }
.lnk-ps-crumbs span { margin: 0 6px; color: var(--lnk-text-faint); }
.lnk-ps-crumbs .lnk-ps-title { color: var(--lnk-body-fg); margin: 0; }
.lnk-ps-prodnav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
}
.prev-next-products {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.product-nav {
  position: relative;
}
.product-nav > a {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--lnk-border-mid, #dcdcdc);
  border-radius: 50%;
  background: #fff;
  color: var(--lnk-text-strong, #333);
  text-decoration: none;
  transition: border-color 0.15s ease, color 0.15s ease;
}
.product-nav > a:hover {
  border-color: var(--lnk-accent, #d97706);
  color: var(--lnk-accent, #d97706);
}
.lnk-icon-angle-left,
.lnk-icon-angle-right {
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
}
.lnk-icon-angle-left {
  transform: rotate(-135deg);
  margin-left: 2px;
}
.lnk-icon-angle-right {
  transform: rotate(45deg);
  margin-right: 2px;
}
.product-pop {
  position: absolute;
  top: calc(100% + 10px);
  z-index: 30;
  width: 210px;
  padding: 10px;
  border: 1px solid var(--lnk-border-mid, #e7e7e7);
  background: #fff;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.18s ease, visibility 0.18s ease;
}
.product-prev .product-pop { left: 0; }
.product-next .product-pop { right: 0; }
.product-nav:hover .product-pop,
.product-nav:focus-within .product-pop {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.product-pop .product-image {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 8px;
  object-fit: cover;
}
.product-pop .product-name {
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
  color: var(--lnk-text-strong, #222);
}
.lnk-ps-summary h1.lnk-ps-title {
  font-size: 32px;
  font-weight: 700;
  margin: 4px 0 10px;
  text-transform: none;
  letter-spacing: 0;
  color: var(--lnk-heading-color);
}
.lnk-ps-price {
  color: var(--lnk-accent);
  font-size: 22px;
  font-weight: 600;
  margin: 0 0 16px;
}
.lnk-ps-lead {
  color: var(--lnk-text-mid);
  line-height: 1.65;
  margin: 0 0 18px;
}
.lnk-ps-attr {
  margin: 0 0 22px;
  color: var(--lnk-text-mid);
}
.lnk-ps-attr strong {
  color: var(--lnk-body-fg);
  margin-right: 12px;
}
.lnk-variant-selector {
  margin-bottom: 24px;
}
.lnk-variant-field {
  margin-bottom: 20px;
}
.lnk-variant-label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #374151;
  margin-bottom: 10px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.lnk-variant-options {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.lnk-variant-option {
  padding: 10px 20px;
  border: 2px solid #e5e7eb;
  border-radius: 8px;
  background: white;
  color: #374151;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}
.lnk-variant-option:hover {
  border-color: #d97706;
  background: #fffbeb;
}
.lnk-variant-option.is-selected {
  border-color: #d97706;
  background: #f59e0b;
  color: white;
}
.lnk-card-cart-wrap {
  position: relative;
  width: 100%;
  max-width: 100%;
}
.lnk-card-cart-wrap .lnk-card-cart-actions {
  margin-top: 0;
}
.lnk-card-variant-popover {
  position: absolute;
  z-index: 25;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.14);
  padding: 10px;
  box-sizing: border-box;
  max-width: 100%;
  width: 100%;
}
.lnk-card-variant-popover--inline {
  left: 0;
  right: 0;
  bottom: calc(100% + 6px);
}
.lnk-card-inner > .lnk-card-variant-popover--shared {
  left: 10px;
  right: 10px;
  bottom: 48px;
  width: auto;
}
.lnk-card.is-variant-open,
.lnk-pin-pop.is-variant-open,
.lnk-sale-slide.is-variant-open,
.lnk-shop-loop .lnk-card.is-variant-open {
  z-index: 12;
}
@media (min-width: 768px) {
  .lnk-shop-loop .lnk-card.is-variant-open {
    z-index: 30;
  }
}
.lnk-card--has-variants .lnk-card-inner,
.lnk-card--has-variants.lnk-sale-slide {
  position: relative;
  overflow: visible;
}
.lnk-sale-slide > .lnk-card-variant-popover--shared {
  left: 8px;
  right: 8px;
  bottom: 52px;
  width: auto;
}
.lnk-variant-selector--card {
  margin-bottom: 0;
}
.lnk-variant-selector--card .lnk-variant-field {
  margin-bottom: 8px;
}
.lnk-variant-selector--card .lnk-variant-field:last-child {
  margin-bottom: 0;
}
.lnk-variant-selector--card .lnk-variant-label {
  font-size: 10px;
  margin-bottom: 4px;
  letter-spacing: 0.04em;
}
.lnk-variant-selector--card .lnk-variant-options {
  gap: 4px;
}
.lnk-variant-selector--card .lnk-variant-option {
  padding: 4px 8px;
  font-size: 11px;
  border-radius: 4px;
  border-width: 1px;
  line-height: 1.2;
}
.cart-item-attributes {
  margin-top: 6px;
  font-size: 13px;
  color: #6b7280;
}
.cart-item-attribute {
  display: inline;
}
.cart-item-attributes .cart-item-attribute {
  margin-right: 0;
}
.cart-item-attribute .lnk-cart-item-attr-label {
  font-weight: 600;
  color: #374151;
}
.lnk-ps-cart {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
  flex-wrap: wrap;
}
.lnk-ps-qty {
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--lnk-border-mid);
  border-radius: 4px;
  overflow: hidden;
}
.lnk-ps-qty button {
  width: 36px;
  height: 42px;
  border: 0;
  background: var(--lnk-body-bg);
  cursor: pointer;
  font-size: 18px;
  color: var(--lnk-text-strong);
}
.lnk-ps-qty-input {
  width: 48px;
  height: 42px;
  border: 0;
  border-inline: 1px solid var(--lnk-border-mid);
  text-align: center;
  font-size: 15px;
  -moz-appearance: textfield;
}
.lnk-ps-qty-input::-webkit-outer-spin-button,
.lnk-ps-qty-input::-webkit-inner-spin-button { -webkit-appearance: none; }
.lnk-ps-cart .lnk-btn { height: 46px; padding: 0 28px; }

.lnk-ps-sticky {
  position: fixed;
  top: var(--lnk-ps-sticky-top, 50px);
  left: 0;
  right: 0;
  z-index: 440;
  background: var(--lnk-nav-bg);
  border-bottom: 1px solid var(--lnk-nav-line);
  box-shadow: 0 4px 16px rgba(9, 33, 67, 0.08);
  transform: translateY(-110%);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: transform 0.25s ease, opacity 0.2s ease, visibility 0.2s ease, top 0.15s ease;
}
.lnk-ps-sticky.is-visible {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.lnk-ps-sticky-inner {
  max-width: var(--lnk-container);
  margin: 0 auto;
  padding: 10px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.lnk-ps-sticky-product {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  flex: 1;
}
.lnk-ps-sticky-thumb {
  width: 48px;
  height: 48px;
  object-fit: cover;
  border-radius: 4px;
  border: 1px solid var(--lnk-border-mid);
  flex-shrink: 0;
  background: var(--lnk-bg-soft);
}
.lnk-ps-sticky-thumb--empty {
  display: block;
}
.lnk-ps-sticky-copy {
  min-width: 0;
}
.lnk-ps-sticky-title {
  margin: 0;
  font-size: 14px;
  font-weight: 700;
  color: var(--lnk-text-strong);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lnk-ps-sticky-price {
  margin: 2px 0 0;
  font-size: 16px;
  font-weight: 700;
  color: var(--lnk-body-fg);
}
.lnk-ps-sticky-price del {
  color: var(--lnk-text-faint);
  font-weight: 400;
  font-size: 13px;
  margin-right: 6px;
}
.lnk-ps-sticky-price ins {
  text-decoration: none;
  color: var(--lnk-accent);
}
.lnk-ps-sticky-cart {
  margin: 0;
  flex-shrink: 0;
}
.lnk-ps-sticky-btn {
  height: 42px;
  padding: 0 20px;
  gap: 8px;
  background: var(--lnk-btn-ink, var(--lnk-text-strong));
  color: #fff;
}
.lnk-ps-sticky-btn svg { flex-shrink: 0; }
@media (max-width: 640px) {
  .lnk-ps-sticky-inner {
    padding: 8px 12px;
    gap: 10px;
  }
  .lnk-ps-sticky-title {
    font-size: 13px;
    max-width: none;
  }
  .lnk-ps-sticky-price { font-size: 14px; }
  .lnk-ps-sticky-cart {
    margin-left: auto;
    flex-shrink: 0;
  }
  .lnk-ps-sticky-btn {
    width: 42px;
    min-width: 42px;
    height: 42px;
    padding: 0;
    border-radius: 50%;
    text-transform: none;
  }
  .lnk-ps-sticky-btn-label { display: none; }
  .lnk-ps-sticky-btn svg {
    display: block;
    width: 18px;
    height: 18px;
  }
}

.lnk-ps-acts {
  display: flex;
  flex-wrap: wrap;
  gap: 18px 22px;
  margin: 8px 0 20px;
}
.lnk-ps-acts a {
  color: var(--lnk-body-fg);
  text-decoration: none;
  font-size: 14px;
}
.lnk-ps-acts a:hover { color: var(--lnk-accent); }
.lnk-ps-details {
  margin: 18px 0 0;
  padding-top: 4px;
  border-top: 1px solid var(--lnk-border-mid, #e7e7e7);
}
.lnk-ps-detail-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 8px 14px;
  padding: 11px 0;
  border-bottom: 1px solid var(--lnk-border-mid, #e7e7e7);
  font-size: 14px;
  line-height: 1.45;
}
.lnk-ps-detail-label {
  flex: 0 0 110px;
  color: var(--lnk-muted, #777);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.lnk-ps-detail-value {
  flex: 1 1 160px;
  color: var(--lnk-text-strong, #222);
}
.lnk-ps-detail-value a {
  color: inherit;
  text-decoration: none;
}
.lnk-ps-detail-value a:hover { color: var(--lnk-accent); }
.lnk-ps-availability { font-weight: 700; letter-spacing: 0.03em; }
.lnk-ps-availability--in-stock { color: var(--lnk-text-strong, #222); }
.lnk-ps-availability--out-of-stock { color: #b45309; }
.lnk-ps-attr-options {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}
.lnk-ps-attr-box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  min-height: 34px;
  padding: 4px 10px;
  border: 1px solid var(--lnk-border-mid, #d7d7d7);
  background: #fff;
  color: var(--lnk-muted, #777);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
}
.lnk-ps-attr-swatch {
  display: inline-block;
  width: 28px;
  height: 28px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15);
}
.product-share { margin-top: 18px; }
.product-share .share-links {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.product-share .share-links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: 0;
  color: #fff;
  text-decoration: none;
  transition: opacity 0.15s ease, transform 0.15s ease;
}
.product-share .share-links a:hover {
  opacity: 0.9;
  transform: translateY(-1px);
}
.product-share .share-links a svg {
  display: block;
  width: 16px;
  height: 16px;
}
.product-share .share-facebook { background: #3b5998; }
.product-share .share-x-twitter { background: #000; }
.product-share .share-linkedin { background: #0077b5; }
.product-share .share-whatsapp { background: #25d366; }
.product-share .share-email { background: #888; }
.lnk-ps-meta {
  margin: 0 0 6px;
  font-size: 14px;
}
.lnk-ps-meta span { color: var(--lnk-muted); margin-right: 6px; }
.lnk-ps-meta a { color: var(--lnk-body-fg); text-decoration: none; }
.lnk-ps-share {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 14px;
}
.lnk-ps-share span { font-size: 14px; margin-right: 4px; }
.lnk-ps-share a {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid var(--lnk-border-mid);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: var(--lnk-text-strong);
  font-size: 12px;
}
.lnk-ps-overlay {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 2000;
  background: rgba(0,0,0,0.55);
  align-items: center;
  justify-content: center;
  padding: 24px;
}
.lnk-ps-overlay.is-open { display: flex; }
.lnk-ps-panel {
  background: var(--lnk-body-bg);
  max-width: 860px;
  max-height: 90vh;
  overflow: auto;
  padding: 28px 32px;
  position: relative;
}
.lnk-ps-panel img { max-width: 100%; height: auto; }
.lnk-ps-overlay-close {
  position: absolute;
  top: 8px;
  right: 12px;
  border: 0;
  background: none;
  font-size: 28px;
  cursor: pointer;
}
.lnk-ps-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 16px;
  font-size: 14px;
}
.lnk-ps-table td { border: 1px solid var(--lnk-border-weak); padding: 8px 10px; }
.lnk-ps-light { background: rgba(0,0,0,0.8); }
.lnk-ps-light img { max-width: 88vw; max-height: 82vh; display: block; cursor: pointer; }
.lnk-ps-light .lnk-ps-overlay-close { color: #fff; }
.lnk-ps-light-prev,
.lnk-ps-light-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 50%;
  background: rgba(255,255,255,0.9);
  cursor: pointer;
  font-size: 22px;
}
.lnk-ps-light-prev { left: 16px; }
.lnk-ps-light-next { right: 16px; }
@media (max-width: 900px) {
  .lnk-ps-grid,
  .lnk-ps-gallery,
  .lnk-ps-stage,
  .lnk-ps-figure {
    min-width: 0;
    max-width: 100%;
  }
  .lnk-ps-grid { grid-template-columns: 1fr; gap: 24px; }
  .lnk-ps-gallery { grid-template-columns: minmax(0, 1fr); }
  .lnk-ps-thumbs {
    flex-direction: row;
    order: 2;
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }
  .lnk-ps-thumbs-track {
    flex-direction: row;
    max-height: none;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }
  .lnk-ps-thumbs-prev .lnk-ps-chevron { transform: rotate(135deg); }
  .lnk-ps-thumbs-next .lnk-ps-chevron { transform: rotate(-45deg); }
  .lnk-ps-body img,
  .lnk-ps-body video {
    max-width: 100%;
    height: auto;
  }
  .lnk-ps-body iframe { max-width: 100%; }
  .lnk-ps-summary h1.lnk-ps-title { font-size: 26px; }
}

/* Auth kartları */
.lnk-auth-page {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  min-height: 50vh;
  padding: 50px 16px;
  box-sizing: border-box;
}
.lnk-auth-card {
  width: 100%;
  max-width: 440px;
  padding: 36px 32px 28px;
  border: 1px solid var(--lnk-border);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.06);
}
.lnk-auth-card-head { margin-bottom: 24px; text-align: center; }
.lnk-auth-title {
  margin: 0 0 8px;
  font-size: 24px;
  font-weight: 600;
  color: var(--lnk-text-strong);
  text-transform: none;
  letter-spacing: 0;
}
.lnk-auth-subtitle {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
  color: var(--lnk-text-mid);
}
.lnk-auth-errors,
.lnk-auth-status {
  margin: 0 0 16px;
  padding: 12px 14px;
  border-radius: 8px;
  font-size: 13px;
  line-height: 1.45;
}
.lnk-auth-errors {
  list-style: none;
  background: #fef2f2;
  color: #991b1b;
  border: 1px solid #fecaca;
}
.lnk-auth-errors li + li { margin-top: 4px; }
.lnk-auth-status {
  background: #f0fdf4;
  color: #166534;
  border: 1px solid #bbf7d0;
}
.lnk-auth-oauth { margin-bottom: 16px; }
.lnk-auth-oauth-btn {
  width: 100%;
  height: 48px;
  gap: 10px;
  background: #fff;
  color: var(--lnk-text-strong);
  border: 1px solid var(--lnk-border-weak);
  text-transform: none;
  letter-spacing: 0;
  font-size: 14px;
  font-weight: 500;
}
.lnk-auth-oauth-btn:hover {
  background: rgba(0, 0, 0, 0.03);
  color: var(--lnk-text-strong);
}
.lnk-auth-oauth-icon { flex-shrink: 0; }
.lnk-auth-divider {
  position: relative;
  margin: 0 0 16px;
  text-align: center;
  font-size: 13px;
  color: var(--lnk-text-mid);
}
.lnk-auth-divider::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  border-top: 1px solid var(--lnk-border-weak);
}
.lnk-auth-divider span {
  position: relative;
  display: inline-block;
  padding: 0 12px;
  background: var(--lnk-surface, #fff);
}
.lnk-auth-form { display: grid; gap: 16px; }
.lnk-auth-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.lnk-auth-field label {
  display: block;
  margin-bottom: 6px;
  font-size: 13px;
  font-weight: 600;
  color: var(--lnk-text-strong);
}
.lnk-auth-input-wrap {
  position: relative;
  display: flex;
  align-items: center;
}
.lnk-auth-input-wrap input {
  width: 100%;
  height: 46px;
  padding: 0 42px 0 40px;
  border: 1px solid var(--lnk-border);
  border-radius: 10px;
  background: var(--lnk-bg-input);
  font: inherit;
  color: var(--lnk-body-fg);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.lnk-auth-input-wrap input:focus {
  outline: none;
  border-color: var(--lnk-text-strong);
  box-shadow: 0 0 0 3px rgba(51, 51, 51, 0.08);
}
.lnk-auth-icon {
  position: absolute;
  left: 12px;
  color: var(--lnk-muted);
  pointer-events: none;
  display: flex;
}
.lnk-auth-toggle {
  position: absolute;
  right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--lnk-muted);
  cursor: pointer;
}
.lnk-auth-toggle:hover { color: var(--lnk-text-strong); background: rgba(0,0,0,0.04); }
.lnk-auth-check {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: var(--lnk-text-mid);
  cursor: pointer;
}
.lnk-auth-check input { width: 16px; height: 16px; }
.lnk-auth-rules {
  padding: 12px 14px;
  border-radius: 10px;
  background: var(--lnk-bg-soft);
  border: 1px solid var(--lnk-border-weak);
  font-size: 12px;
  color: var(--lnk-text-mid);
}
.lnk-auth-rules-title { margin: 0 0 6px; font-weight: 600; color: var(--lnk-text-strong); }
.lnk-auth-rules ul { margin: 0; padding-left: 18px; }
.lnk-auth-submit {
  width: 100%;
  height: 48px;
  margin-top: 4px;
  background: var(--lnk-btn-ink);
  border-color: var(--lnk-btn-ink);
}
.lnk-auth-submit:hover { background: #111; border-color: #111; }
.lnk-auth-footer {
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid var(--lnk-border-weak);
  text-align: center;
  font-size: 13px;
}
.lnk-auth-footer p { margin: 0 0 8px; }
.lnk-auth-footer p:last-child { margin-bottom: 0; }
.lnk-auth-alt { color: var(--lnk-text-mid); }
.lnk-auth-note {
  margin: 0 0 16px;
  font-size: 14px;
  line-height: 1.55;
  color: var(--lnk-text-mid);
  text-align: center;
}
.lnk-account-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.lnk-tabbar-item--verify span {
  color: var(--lnk-accent, #f59e0b);
  font-weight: 600;
}
@media (max-width: 520px) {
  .lnk-auth-card { padding: 28px 20px 22px; }
  .lnk-auth-grid { grid-template-columns: 1fr; }
}

/* 404 page */
.lnk-page-404-section {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: min(62vh, 560px);
  padding: 48px 16px 64px;
  box-sizing: border-box;
}
.lnk-page-404-card {
  width: 100%;
  max-width: 520px;
  padding: 48px 40px 40px;
  border: 1px solid var(--lnk-border);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.06);
  text-align: center;
}
.lnk-page-404-visual {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 120px;
  margin-bottom: 28px;
}
.lnk-page-404-code {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(72px, 18vw, 112px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.04em;
  color: rgba(17, 24, 39, 0.06);
  user-select: none;
  pointer-events: none;
}
.lnk-page-404-icon {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 88px;
  height: 88px;
  border-radius: 50%;
  background: #fff7ed;
  color: var(--lnk-accent, #f97316);
  box-shadow: 0 0 0 12px rgba(249, 115, 22, 0.08);
}
.lnk-page-404-title {
  margin: 0 0 12px;
  font-size: clamp(24px, 4vw, 30px);
  font-weight: 700;
  line-height: 1.2;
  color: var(--lnk-text-strong, #111827);
  text-transform: none;
  letter-spacing: 0;
}
.lnk-page-404-lead {
  margin: 0 auto 28px;
  max-width: 36ch;
  font-size: 15px;
  line-height: 1.6;
  color: var(--lnk-text-mid, #6b7280);
  font-style: normal;
}
.lnk-page-404-actions {
  display: grid;
  gap: 12px;
  max-width: 280px;
  margin: 0 auto;
}
@media (max-width: 520px) {
  .lnk-page-404-section {
    min-height: auto;
    padding: 32px 12px 48px;
  }
  .lnk-page-404-card {
    padding: 36px 24px 28px;
    border-radius: 12px;
  }
  .lnk-page-404-visual {
    min-height: 96px;
    margin-bottom: 22px;
  }
  .lnk-page-404-icon {
    width: 72px;
    height: 72px;
    box-shadow: 0 0 0 8px rgba(249, 115, 22, 0.08);
  }
  .lnk-page-404-icon svg {
    width: 32px;
    height: 32px;
  }
}

/* Product PDP — How it works & FAQ (kh-*) */
.kh-section {
  padding: 40px 0;
}
.lnk-ps .kh-section:first-of-type {
  padding-top: 8px;
}
.kh-container {
  width: 100%;
  max-width: var(--lnk-container);
  margin: 0 auto;
  padding: 0 16px;
  box-sizing: border-box;
}
.kh-container--narrow {
  max-width: 860px;
}
.kh-heading {
  margin: 0 0 28px;
  font-size: clamp(22px, 2.6vw, 32px);
  font-weight: var(--lnk-heading-weight);
  letter-spacing: 0.02em;
  line-height: 1.25;
  color: var(--lnk-heading-color);
}
.kh-steps {
  display: grid;
  gap: 16px;
}
.kh-steps--grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.kh-steps--4col {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.kh-steps--vertical {
  grid-template-columns: minmax(0, 1fr);
  max-width: 640px;
}
.kh-step {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 22px 20px;
  background: var(--lnk-bg-soft);
  border-radius: 16px;
  box-sizing: border-box;
}
.kh-step__num {
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--lnk-accent);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}
.kh-step__body {
  min-width: 0;
}
.kh-step__title {
  margin: 0 0 8px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.35;
  color: var(--lnk-text-strong);
}
.kh-step__text {
  margin: 0;
  font-size: 14px;
  line-height: 1.55;
  color: var(--lnk-text-mid);
}
.kh-section--faq {
  padding-top: 16px;
}
.kh-faq__heading {
  margin-bottom: 22px;
}
.kh-faq {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.kh-faq__item {
  background: var(--lnk-bg-soft);
  border-radius: 999px;
  overflow: hidden;
  transition: border-radius 0.2s ease;
}
.kh-faq__item.is-open {
  border-radius: 24px;
}
.kh-faq__q {
  margin: 0;
  font: inherit;
}
.kh-faq__btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  padding: 18px 22px;
  border: 0;
  background: transparent;
  text-align: left;
  cursor: pointer;
  color: inherit;
  font: inherit;
  box-sizing: border-box;
}
.kh-faq__question {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
  color: var(--lnk-text-strong);
}
.kh-faq__icon {
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--lnk-accent);
  color: #fff;
  transition: background-color 0.2s ease, transform 0.2s ease;
}
.kh-faq__icon svg {
  width: 18px;
  height: 18px;
  display: block;
}
.kh-faq__item.is-open .kh-faq__icon {
  background: var(--lnk-btn-ink);
  transform: rotate(90deg);
}
.kh-faq__panel {
  padding: 0 22px 20px;
}
.kh-faq__panel[hidden] {
  display: none !important;
}
.kh-faq__panel p {
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
  color: var(--lnk-text-mid);
}
@media (max-width: 1024px) {
  .kh-steps--grid,
  .kh-steps--4col {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 640px) {
  .kh-faq__item,
  .kh-faq__item.is-open {
    border-radius: 20px;
  }
  .kh-faq__btn {
    padding: 16px 18px;
  }
  .kh-faq__panel {
    padding: 0 18px 18px;
  }
  .kh-step {
    padding: 18px 16px;
  }
}

/* Product reviews — form + PDP list */
.lnk-review {
  max-width: 640px;
  margin: 40px auto 56px;
}
.lnk-review-head h1 {
  margin: 0 0 8px;
  font-size: 28px;
}
.lnk-review-meta {
  margin: 0 0 24px;
  color: var(--lnk-text-mid);
  font-size: 14px;
}
.lnk-review-success {
  padding: 16px 18px;
  border-radius: 12px;
  background: #ecfdf3;
  color: #166534;
  font-size: 15px;
}
.lnk-review-form {
  display: grid;
  gap: 18px;
}
.lnk-review-stars legend {
  margin-bottom: 8px;
  font-weight: 600;
}
.lnk-review-stars-row {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: 6px;
}
.lnk-review-star {
  cursor: pointer;
}
.lnk-review-star input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.lnk-review-star span[aria-hidden="true"] {
  font-size: 28px;
  color: var(--lnk-border);
  line-height: 1;
}
.lnk-review-star input:checked ~ span[aria-hidden="true"],
.lnk-review-star:hover span[aria-hidden="true"],
.lnk-review-star:hover ~ .lnk-review-star span[aria-hidden="true"] {
  color: var(--lnk-accent);
}
.lnk-review-field {
  display: grid;
  gap: 6px;
}
.lnk-review-field span {
  font-weight: 600;
  font-size: 14px;
}
.lnk-review-field input,
.lnk-review-field textarea {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid var(--lnk-border);
  border-radius: 8px;
  font: inherit;
  box-sizing: border-box;
}
.lnk-review-error {
  margin: 0;
  color: #b91c1c;
  font-size: 13px;
}
.lnk-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.lnk-pr {
  padding: 40px 0 16px;
}
.lnk-pr-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 20px;
}
.lnk-pr-title {
  margin: 0;
  font-size: var(--lnk-h2-size);
}
.lnk-pr-summary {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: 15px;
}
.lnk-pr-stars span {
  color: var(--lnk-border);
}
.lnk-pr-stars span.is-on {
  color: var(--lnk-accent);
}
.lnk-pr-average {
  font-weight: 700;
}
.lnk-pr-count {
  color: var(--lnk-muted);
}
.lnk-pr-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 16px;
}
.lnk-pr-item {
  padding: 18px 20px;
  background: var(--lnk-bg-soft);
  border-radius: 12px;
}
.lnk-pr-item-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}
.lnk-pr-author {
  font-weight: 600;
  font-size: 14px;
}
.lnk-pr-date {
  color: var(--lnk-muted);
  font-size: 13px;
}
.lnk-pr-item-title {
  margin: 0 0 6px;
  font-size: 15px;
}
.lnk-pr-body {
  margin: 0;
  color: var(--lnk-text-mid);
  line-height: 1.55;
}
.lnk-account-modal {
  position: fixed;
  inset: 0;
  z-index: 3000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}
.lnk-account-modal[hidden] {
  display: none !important;
}
.lnk-account-modal-dialog {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 420px;
  background: #fff;
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.18);
}
.lnk-shipping-notice-backdrop {
  position: absolute;
  inset: 0;
  background: #000;
  opacity: 0.3;
}
.lnk-shipping-notice-dialog {
  max-width: 440px;
  padding: 32px 28px 28px;
  text-align: center;
  border-top: 4px solid var(--lnk-accent, #f3a81d);
}
.lnk-shipping-notice-text {
  margin: 0 0 24px;
  font-size: 20px;
  line-height: 1.4;
  font-weight: 700;
  color: #111827;
}
.lnk-shipping-notice-dialog .lnk-btn {
  min-width: 120px;
}

/* Holiday theme: dark header rows and footer only. */
.lnk-holiday .lnk-header {
  background-color: var(--holiday-base);
  background-image: linear-gradient(var(--holiday-overlay), var(--holiday-overlay)), var(--holiday-art);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.lnk-holiday .lnk-topbar,
.lnk-holiday .lnk-header .lnk-bar {
  background-color: transparent;
  background-image: none;
}
.lnk-holiday .lnk-header .lnk-bar {
  box-shadow: inset 0 -2px 0 var(--holiday-accent);
}
.lnk-holiday .lnk-nav,
.lnk-holiday .lnk-search-mobile,
.lnk-holiday .lnk-tabbar {
  background-color: #fff;
  background-image: none;
}
.lnk-holiday .lnk-footer {
  background-color: var(--holiday-base);
  background-image: linear-gradient(var(--holiday-overlay), var(--holiday-overlay)), var(--holiday-art);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  box-shadow: inset 0 2px 0 var(--holiday-accent);
}
@media (max-width: 1024px) {
  .lnk-holiday .lnk-header {
    background-image: none;
    background-color: transparent;
  }
  .lnk-holiday .lnk-header .lnk-bar {
    background-color: var(--holiday-base);
    background-image: linear-gradient(var(--holiday-overlay), var(--holiday-overlay)), var(--holiday-art);
    background-repeat: no-repeat;
    background-position: center center, center center;
    background-size: 100% 100%, 100% auto;
  }
}
@media (max-width: 768px) {
  .lnk-holiday .lnk-footer {
    background-image: linear-gradient(to bottom, var(--holiday-overlay) 0%, var(--holiday-overlay) 35%, var(--holiday-base) 100%), var(--holiday-art);
    background-repeat: no-repeat;
    background-position: center top, center top;
    background-size: 100% 140px, 100% 140px;
  }
}