/* A warm amber accent complements the Zeybek logo without replacing the navy base. */
:root {
  --zeybek-accent: #f4ad3e;
  --zeybek-accent-dark: #985711;
  --zeybek-accent-pale: #fff1d5;
}

.brand-copy small { color: var(--zeybek-accent-dark); }
.header-search:focus-within { border-color: var(--zeybek-accent); box-shadow: 0 0 0 3px #f4ad3e30; }
.header-search button,
.store-hero .btn,
.store-bottom-cta .btn {
  transition: transform .22s ease, background .22s ease, box-shadow .22s ease;
}
.header-search button:hover { background: #df9125; transform: scale(1.04); }
.nav-inner a { position: relative; transition: color .2s ease; }
.nav-inner a:not(.nav-all)::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 4px;
  height: 2px;
  border-radius: 2px;
  background: var(--zeybek-accent);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .22s ease;
}
.nav-inner a:not(.nav-all):hover { color: #0f3559; }
.nav-inner a:not(.nav-all):hover::after,
.nav-inner a:not(.nav-all):focus-visible::after { transform: scaleX(1); }
.nav-inner .nav-all:hover { color: var(--zeybek-accent-dark); }

.store-hero-primary {
  background: radial-gradient(circle at 86% 18%, #f4ad3e36 0, transparent 37%),
    linear-gradient(125deg, #0c2745 0%, #143e64 58%, #23537d 100%);
}
.store-hero .store-eyebrow { color: #ffd27c; }
.store-hero h1 em { text-decoration-color: var(--zeybek-accent); }
.store-hero .btn { background: linear-gradient(135deg, #ffd67d, #f4ad3e); color: #102a46; }
.store-hero .btn:hover { background: linear-gradient(135deg, #ffe1a1, #f7b94e); color: #102a46; box-shadow: 0 17px 32px #061c3640; transform: translateY(-3px); }
.store-hero-secondary { transition: color .2s ease, border-color .2s ease; }
.store-hero-secondary:hover { color: #ffd27c; border-color: #ffd27c; }
.store-visual-glow { background: radial-gradient(circle, #ffd47a4d 0, #aacde940 45%, transparent 72%); }
.store-section-label, .kicker { color: var(--zeybek-accent-dark); }
.store-section-label::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 2px;
  margin: 0 8px 3px 0;
  border-radius: 2px;
  background: var(--zeybek-accent);
}

.store-category-tile {
  border: 1px solid transparent;
  isolation: isolate;
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.store-category-tile img {
  right: 0;
  bottom: 0;
  width: 57%;
  height: 100%;
  object-position: center bottom;
  mix-blend-mode: multiply;
}
.store-category-tile em { color: var(--zeybek-accent-dark); }
.store-category-tile:hover { border-color: #edbd68; box-shadow: 0 20px 38px #17365321; transform: translateY(-6px); }
.store-category-tile:hover img { transform: translateY(-5px) scale(1.07); }
.store-tabs button { transition: background .2s ease, border-color .2s ease, transform .2s ease; }
.store-tabs button:hover { border-color: var(--zeybek-accent); transform: translateY(-2px); }
.store-tabs button.selected { background: var(--zeybek-accent); border-color: var(--zeybek-accent); color: #102a46; }

.store-card, .product-card { transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.store-card:hover, .product-card:hover { transform: translateY(-6px); border-color: #edbd68; box-shadow: 0 20px 38px #16365021; }
.store-card .product-img img { transition: transform .35s ease; }
.store-card:hover .product-img img { transform: scale(1.045); }
.store-card .product-badge.status-preorder { background: var(--zeybek-accent-pale); color: #80500f; }
.store-card-link { transition: transform .22s ease, background .22s ease, color .22s ease, border-color .22s ease; }
.store-card-link:hover { background: var(--zeybek-accent); border-color: var(--zeybek-accent); color: #102a46; transform: translateY(-2px) rotate(45deg); }
.favorite-btn { transition: transform .2s ease, color .2s ease, background .2s ease; }
.favorite-btn:hover { transform: scale(1.12); color: #b96d19; background: #fff8e9; }
.store-more button:hover, .btn-gold:hover, .card-actions button:hover { background: var(--zeybek-accent); color: #102a46; }
.store-bottom-cta .btn { background: var(--zeybek-accent); color: #102a46; }
.store-bottom-cta .btn:hover { background: #ffca68; color: #102a46; transform: translateY(-3px); }

.mega-root { border-left: 3px solid transparent; transition: background .2s ease, border-color .2s ease, color .2s ease; }
.mega-root:hover, .mega-root.active { border-left-color: var(--zeybek-accent); background: #fff3db; color: #12395f; }
.mega-card { transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.mega-card:hover { border-color: #edbd68; box-shadow: 0 11px 24px #1939541c; transform: translateY(-3px); }
.mega-card-image img { transition: transform .25s ease; }
.mega-card:hover .mega-card-image img { transform: scale(1.07); }
.mega-card h3 a:hover, .mega-child-links a:hover, .mega-content-head>a:hover { color: var(--zeybek-accent-dark); }

.text-link:hover, .product-info h3 a:hover { color: var(--zeybek-accent-dark); }
.pill { background: var(--zeybek-accent-pale); color: #80500f; }
.btn-gold { background: var(--zeybek-accent); color: #102a46; }
.btn-gold:hover { background: #ffca68; color: #102a46; }
.taxonomy-sidebar a:hover, .taxonomy-sidebar a.active,
.account-menu a:hover, .account-menu a.active,
.policy-nav a:hover, .policy-nav a.active { background: var(--zeybek-accent-pale); color: #704613; }
.detail-thumb.selected { border-color: var(--zeybek-accent); }
.footer a:hover { color: #ffd27c; }

@media (max-width: 560px) {
  .store-category-tile img { width: 48%; }
}

@media (prefers-reduced-motion: reduce) {
  .header-search button, .nav-inner a, .nav-inner a::after,
  .store-hero .btn, .store-hero-secondary, .store-category-tile,
  .store-category-tile img, .store-tabs button, .store-card, .product-card,
  .store-card .product-img img, .store-card-link, .favorite-btn,
  .store-bottom-cta .btn, .mega-root, .mega-card, .mega-card-image img {
    animation: none !important;
    transition: none !important;
  }
}