/** Shopify CDN: Minification failed

Line 792:0 All "@import" rules must come first
Line 1504:10 Unexpected "{"
Line 1504:19 Expected ":"

**/
/* ============================================================
   KROWN KULTURE — Luxury Edition CSS
   Goal: Make every visitor feel like they're buying a $400 hat
   Fonts: Cormorant Garamond (display) + Jost (body/ui)
   ============================================================ */

/* ── GOOGLE FONTS IMPORT ──────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&family=Jost:wght@300;400;500;600&family=Cormorant:ital,wght@1,300&display=swap');

/* ── BRAND TOKENS ─────────────────────────────────────────── */
:root {
  --kk-gold:         #C9A84C;
  --kk-gold-light:   #E8D49A;
  --kk-gold-dark:    #8B6914;
  --kk-black:        #080808;
  --kk-charcoal:     #1A1A1A;
  --kk-offwhite:     #F8F5F0;
  --kk-white:        #FFFFFF;

  /* Cormorant Garamond — editorial luxury serif for headlines */
  --kk-display:      'Cormorant Garamond', 'Garamond', 'Georgia', serif;
  /* Jost — geometric, clean, modern for UI and body */
  --kk-ui:           'Jost', 'Helvetica Neue', Arial, sans-serif;

  /* Override Crave's built-in button/radius variables */
  --color-button:        201, 168, 76;
  --color-button-text:   8, 8, 8;
  --buttons-radius:      0px;
  --buttons-radius-outset: 0px;
  --product-card-corner-radius: 0rem;
  --badge-corner-radius: 0rem;
  --inputs-radius:       0px;
}

/* ── GLOBAL BASE ──────────────────────────────────────────── */
html { font-size: 62.5%; }

body {
  font-family: var(--kk-ui) !important;
  font-weight: 300 !important;
  letter-spacing: 0.03em !important;
  line-height: 1.85 !important;
  color: var(--kk-charcoal) !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

/* ── DISPLAY TYPOGRAPHY ───────────────────────────────────── */

/* All major headings — Cormorant Garamond */
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4 {
  font-family: var(--kk-display) !important;
  font-weight: 300 !important;
  letter-spacing: 0.04em !important;
  line-height: 1.1 !important;
  font-style: normal !important;
}

/* Italic accent — for hero sub-headlines and pull quotes */
h1 em, h2 em,
.banner__heading em,
.rich-text__heading em {
  font-style: italic !important;
  font-weight: 300 !important;
  color: var(--kk-gold) !important;
}

/* Body paragraphs */
p, li, .rte {
  font-family: var(--kk-ui) !important;
  font-weight: 300 !important;
  font-size: 1.5rem !important;
  line-height: 1.85 !important;
  letter-spacing: 0.02em !important;
}

/* ALL CAPS labels — spaced, lightweight */
.overline,
.eyebrow,
[class*="__overline"],
[class*="__eyebrow"],
[class*="__label"] {
  font-family: var(--kk-ui) !important;
  font-size: 1rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.25em !important;
  text-transform: uppercase !important;
  color: var(--kk-gold) !important;
}

/* ── ANNOUNCEMENT BAR ─────────────────────────────────────── */
.announcement-bar {
  background-color: var(--kk-black) !important;
  border-bottom: 1px solid rgba(201,168,76,0.3) !important;
  padding: 11px 0 !important;
}

.announcement-bar__message,
.announcement-bar__message p,
.announcement-bar p {
  font-family: var(--kk-ui) !important;
  font-size: 1rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: var(--kk-gold-light) !important;
}

.announcement-bar a {
  color: var(--kk-gold) !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(201,168,76,0.4) !important;
  padding-bottom: 1px !important;
  transition: border-color 0.2s ease !important;
}

.announcement-bar a:hover {
  border-bottom-color: var(--kk-gold) !important;
  color: var(--kk-white) !important;
}

/* ── HEADER / NAV ─────────────────────────────────────────── */
.header {
  background: var(--kk-white) !important;
  border-bottom: 1px solid rgba(0,0,0,0.08) !important;
  padding: 0 4rem !important;
}

/* Logo — large, elegant serif */
.header__heading,
.header__heading a,
.header__heading-logo {
  font-family: var(--kk-display) !important;
  font-size: 2.2rem !important;
  font-weight: 400 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--kk-black) !important;
  text-decoration: none !important;
}

/* Nav links */
.header__menu-item a,
.list-menu__item--link {
  font-family: var(--kk-ui) !important;
  font-size: 1.05rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--kk-charcoal) !important;
  text-decoration: none !important;
  position: relative !important;
  transition: color 0.25s ease !important;
}

/* Animated underline on nav hover */
.header__menu-item a::after {
  content: '' !important;
  position: absolute !important;
  bottom: -4px !important;
  left: 0 !important;
  width: 0 !important;
  height: 1px !important;
  background: var(--kk-gold) !important;
  transition: width 0.3s ease !important;
}

.header__menu-item a:hover::after {
  width: 100% !important;
}

.header__menu-item a:hover {
  color: var(--kk-gold-dark) !important;
}

/* Cart bubble */
.cart-count-bubble {
  background-color: var(--kk-gold) !important;
  color: var(--kk-black) !important;
  font-family: var(--kk-ui) !important;
  font-weight: 600 !important;
}

/* Dropdown */
.header__submenu,
.list-menu--disclosure {
  border-top: 2px solid var(--kk-gold) !important;
  border-radius: 0 !important;
  box-shadow: 0 8px 40px rgba(0,0,0,0.1) !important;
}

.header__submenu .list-menu__item a {
  font-size: 1rem !important;
  letter-spacing: 0.14em !important;
  padding: 10px 24px !important;
  transition: background 0.15s ease, padding-left 0.15s ease !important;
}

.header__submenu .list-menu__item a:hover {
  background: var(--kk-offwhite) !important;
  padding-left: 30px !important;
  color: var(--kk-gold-dark) !important;
}

/* ── BUTTONS ──────────────────────────────────────────────── */
.button,
.btn {
  font-family: var(--kk-ui) !important;
  font-size: 1rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
  padding: 15px 36px !important;
  transition: all 0.25s ease !important;
  cursor: pointer !important;
}

/* Primary — gold */
.button:not(.button--secondary):not(.button--tertiary) {
  background-color: var(--kk-gold) !important;
  color: var(--kk-black) !important;
  border: 1px solid var(--kk-gold) !important;
}

.button:not(.button--secondary):not(.button--tertiary):hover {
  background-color: var(--kk-black) !important;
  border-color: var(--kk-black) !important;
  color: var(--kk-white) !important;
}

/* Outline / secondary */
.button--secondary,
.button--tertiary {
  background: transparent !important;
  border: 1px solid currentColor !important;
  border-radius: 0 !important;
}

.button--secondary:hover,
.button--tertiary:hover {
  background: var(--kk-black) !important;
  color: var(--kk-white) !important;
  border-color: var(--kk-black) !important;
}

/* Add to cart */
.product-form__submit {
  font-family: var(--kk-ui) !important;
  font-size: 1rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
  background: var(--kk-black) !important;
  color: var(--kk-white) !important;
  border: 1px solid var(--kk-black) !important;
  padding: 18px 36px !important;
  width: 100% !important;
  transition: all 0.25s ease !important;
}

.product-form__submit:hover {
  background: var(--kk-gold) !important;
  border-color: var(--kk-gold) !important;
  color: var(--kk-black) !important;
}

/* ── HERO BANNER ──────────────────────────────────────────── */
.banner__heading,
.banner__heading h1,
.banner__heading h2 {
  font-family: var(--kk-display) !important;
  font-weight: 300 !important;
  font-size: clamp(4rem, 7vw, 9rem) !important;
  letter-spacing: 0.06em !important;
  line-height: 1.0 !important;
  text-transform: uppercase !important;
}

.banner__text,
.banner__text p {
  font-family: var(--kk-ui) !important;
  font-size: 1.1rem !important;
  font-weight: 300 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  opacity: 0.85 !important;
}

/* Ken Burns subtle zoom */
.banner__media img,
.banner__media video {
  animation: kk-kenburns 14s ease-in-out infinite alternate !important;
}

@keyframes kk-kenburns {
  from { transform: scale(1.0); }
  to   { transform: scale(1.06); }
}

/* ── PRODUCT CARDS ────────────────────────────────────────── */
.card-wrapper {
  border-radius: 0 !important;
  transition: transform 0.4s ease !important;
}

.card-wrapper:hover {
  transform: translateY(-6px) !important;
}

.card__media img {
  transition: transform 0.7s ease !important;
}

.card-wrapper:hover .card__media img {
  transform: scale(1.06) !important;
}

/* Product name — display serif */
.card__heading,
.card__heading a {
  font-family: var(--kk-display) !important;
  font-size: 1.8rem !important;
  font-weight: 400 !important;
  letter-spacing: 0.04em !important;
  line-height: 1.3 !important;
  color: var(--kk-black) !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.card__heading a:hover {
  color: var(--kk-gold-dark) !important;
}

/* Price */
.price__container,
.price-item {
  font-family: var(--kk-ui) !important;
  font-size: 1.2rem !important;
  font-weight: 400 !important;
  letter-spacing: 0.1em !important;
  color: var(--kk-charcoal) !important;
}

.price-item--sale { color: var(--kk-gold-dark) !important; }

/* Badges */
.badge {
  font-family: var(--kk-ui) !important;
  font-size: 0.85rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
  padding: 4px 10px !important;
}

.badge--sale {
  background: var(--kk-gold) !important;
  color: var(--kk-black) !important;
}

/* Quick add */
.quick-add__submit {
  font-family: var(--kk-ui) !important;
  font-size: 0.85rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
  background: var(--kk-black) !important;
  color: var(--kk-white) !important;
  transition: background 0.2s ease !important;
}

.quick-add__submit:hover {
  background: var(--kk-gold) !important;
  color: var(--kk-black) !important;
}

/* ── SECTION TITLES ───────────────────────────────────────── */
.featured-collection .title,
.collection-list .title,
.multicolumn .title,
.rich-text .title,
.section-header .title {
  font-family: var(--kk-display) !important;
  font-weight: 300 !important;
  font-size: clamp(3rem, 4vw, 5.5rem) !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  position: relative !important;
  padding-bottom: 24px !important;
}

/* Gold line under section titles */
.featured-collection .title::after,
.collection-list .title::after,
.multicolumn .title::after,
.rich-text .title::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 48px !important;
  height: 1px !important;
  background: var(--kk-gold) !important;
}

/* ── IMAGE WITH TEXT ──────────────────────────────────────── */
.image-with-text__heading {
  font-family: var(--kk-display) !important;
  font-weight: 300 !important;
  font-size: clamp(2.8rem, 4vw, 5rem) !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  line-height: 1.1 !important;
}

.image-with-text__text,
.image-with-text__text p {
  font-family: var(--kk-ui) !important;
  font-size: 1.4rem !important;
  font-weight: 300 !important;
  line-height: 1.9 !important;
  letter-spacing: 0.04em !important;
  opacity: 0.8 !important;
}

/* Depth shadow on images */
.image-with-text__media img {
  box-shadow: 16px 16px 60px rgba(0,0,0,0.14) !important;
  transition: transform 0.5s ease, box-shadow 0.5s ease !important;
}

.image-with-text__media:hover img {
  transform: translateY(-4px) !important;
  box-shadow: 20px 20px 80px rgba(0,0,0,0.18) !important;
}

/* ── RICH TEXT / BRAND STORY ──────────────────────────────── */
.rich-text__heading {
  font-family: var(--kk-display) !important;
  font-weight: 300 !important;
  font-size: clamp(3rem, 5vw, 6.5rem) !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  line-height: 1.05 !important;
}

.rich-text__text,
.rich-text__text p {
  font-family: var(--kk-ui) !important;
  font-size: 1.5rem !important;
  font-weight: 300 !important;
  line-height: 1.9 !important;
  letter-spacing: 0.04em !important;
  max-width: 640px !important;
  margin-inline: auto !important;
}

/* ── MULTICOLUMN (trust/features strip) ───────────────────── */
.multicolumn-card__title {
  font-family: var(--kk-ui) !important;
  font-size: 1rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
}

.multicolumn-card__info,
.multicolumn-card__info p {
  font-family: var(--kk-ui) !important;
  font-size: 1.3rem !important;
  font-weight: 300 !important;
  letter-spacing: 0.03em !important;
  opacity: 0.75 !important;
}

.multicolumn-list__item {
  border-top: 1px solid transparent !important;
  padding-top: 20px !important;
  transition: border-color 0.25s ease, transform 0.3s ease !important;
}

.multicolumn-list__item:hover {
  border-top-color: var(--kk-gold) !important;
  transform: translateY(-4px) !important;
}

/* ── NEWSLETTER ───────────────────────────────────────────── */
.newsletter__heading {
  font-family: var(--kk-display) !important;
  font-weight: 300 !important;
  font-size: clamp(2.4rem, 4vw, 4.5rem) !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

.newsletter__subheading,
.newsletter p {
  font-family: var(--kk-ui) !important;
  font-size: 1.2rem !important;
  font-weight: 300 !important;
  letter-spacing: 0.1em !important;
  opacity: 0.75 !important;
}

.newsletter-form__field-wrapper input[type="email"] {
  font-family: var(--kk-ui) !important;
  font-size: 1.2rem !important;
  font-weight: 300 !important;
  letter-spacing: 0.08em !important;
  border-radius: 0 !important;
  border: 1px solid rgba(255,255,255,0.3) !important;
  background: transparent !important;
  transition: border-color 0.2s ease !important;
}

.newsletter-form__field-wrapper input[type="email"]:focus {
  outline: none !important;
  border-color: var(--kk-gold-light) !important;
  box-shadow: none !important;
}

.newsletter-form__button {
  border-radius: 0 !important;
  font-family: var(--kk-ui) !important;
  font-size: 1rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  background: var(--kk-black) !important;
  color: var(--kk-white) !important;
  border: 1px solid var(--kk-black) !important;
  transition: all 0.25s ease !important;
}

.newsletter-form__button:hover {
  background: var(--kk-gold) !important;
  border-color: var(--kk-gold) !important;
  color: var(--kk-black) !important;
}

/* ── PRODUCT PAGE ─────────────────────────────────────────── */
.product__title {
  font-family: var(--kk-display) !important;
  font-size: clamp(2.8rem, 4vw, 4.5rem) !important;
  font-weight: 300 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  line-height: 1.1 !important;
}

.product__text,
.product__text p {
  font-family: var(--kk-ui) !important;
  font-size: 1.4rem !important;
  font-weight: 300 !important;
  line-height: 1.9 !important;
  letter-spacing: 0.03em !important;
  opacity: 0.8 !important;
}

.product__price,
.price-item {
  font-family: var(--kk-ui) !important;
  font-size: 1.8rem !important;
  font-weight: 400 !important;
  letter-spacing: 0.1em !important;
}

/* Variant labels */
.product-form__input label,
.variant-selects label {
  font-family: var(--kk-ui) !important;
  font-size: 0.9rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
}

/* Selected variant */
.swatch-input:checked + .swatch-input__button,
.variant-input-wrapper input:checked + label {
  border-color: var(--kk-gold) !important;
  border-width: 2px !important;
}

.thumbnail-list__item--active button {
  border: 2px solid var(--kk-gold) !important;
}

/* ── COLLECTION PAGE ──────────────────────────────────────── */
.collection__title {
  font-family: var(--kk-display) !important;
  font-weight: 300 !important;
  font-size: clamp(3rem, 6vw, 7rem) !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.collection__description,
.collection__description p {
  font-family: var(--kk-ui) !important;
  font-size: 1.4rem !important;
  font-weight: 300 !important;
  letter-spacing: 0.05em !important;
  opacity: 0.7 !important;
}

.facets__heading {
  font-family: var(--kk-ui) !important;
  font-size: 0.85rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
}

/* ── CART DRAWER ──────────────────────────────────────────── */
.cart-drawer__header {
  border-bottom: 1px solid var(--kk-gold-dark) !important;
}

.cart-drawer__heading {
  font-family: var(--kk-display) !important;
  font-weight: 300 !important;
  font-size: 2.8rem !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.cart-item__name,
.cart-item__name a {
  font-family: var(--kk-display) !important;
  font-size: 1.6rem !important;
  font-weight: 400 !important;
  letter-spacing: 0.04em !important;
}

#checkout,
.cart__checkout-button {
  font-family: var(--kk-ui) !important;
  font-size: 1rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
  background: var(--kk-black) !important;
  color: var(--kk-white) !important;
  border: 1px solid var(--kk-black) !important;
  transition: all 0.25s ease !important;
}

#checkout:hover,
.cart__checkout-button:hover {
  background: var(--kk-gold) !important;
  color: var(--kk-black) !important;
  border-color: var(--kk-gold) !important;
}

/* ── FOOTER ───────────────────────────────────────────────── */
.footer {
  border-top: 1px solid rgba(201,168,76,0.2) !important;
}

.footer__heading,
.footer-block__heading {
  font-family: var(--kk-ui) !important;
  font-size: 0.85rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.25em !important;
  text-transform: uppercase !important;
  color: var(--kk-gold) !important;
  margin-bottom: 1.6rem !important;
}

.footer-block__list a,
.footer__list a {
  font-family: var(--kk-ui) !important;
  font-size: 1.25rem !important;
  font-weight: 300 !important;
  letter-spacing: 0.05em !important;
  opacity: 0.65 !important;
  text-decoration: none !important;
  transition: opacity 0.2s ease, color 0.2s ease !important;
  display: block !important;
  padding: 4px 0 !important;
}

.footer-block__list a:hover,
.footer__list a:hover {
  opacity: 1 !important;
  color: var(--kk-gold) !important;
}

.footer__copyright {
  font-family: var(--kk-ui) !important;
  font-size: 0.9rem !important;
  font-weight: 300 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  opacity: 0.4 !important;
}

/* ── SEARCH INPUT ─────────────────────────────────────────── */
.search__input {
  font-family: var(--kk-display) !important;
  font-size: 2rem !important;
  font-weight: 300 !important;
  letter-spacing: 0.06em !important;
  border-radius: 0 !important;
  border: none !important;
  border-bottom: 1px solid rgba(0,0,0,0.25) !important;
  background: transparent !important;
  padding: 12px 0 !important;
  transition: border-color 0.2s ease !important;
}

.search__input:focus {
  outline: none !important;
  border-bottom-color: var(--kk-gold) !important;
  box-shadow: none !important;
}

/* ── STAGGERED CARD ANIMATION ─────────────────────────────── */
@media (prefers-reduced-motion: no-preference) {
  .card-wrapper {
    opacity: 0;
    transform: translateY(28px);
    animation: kk-rise 0.6s cubic-bezier(0.22,1,0.36,1) forwards;
  }
  .card-wrapper:nth-child(1) { animation-delay: 0.05s; }
  .card-wrapper:nth-child(2) { animation-delay: 0.13s; }
  .card-wrapper:nth-child(3) { animation-delay: 0.21s; }
  .card-wrapper:nth-child(4) { animation-delay: 0.29s; }
  .card-wrapper:nth-child(5) { animation-delay: 0.37s; }
  .card-wrapper:nth-child(6) { animation-delay: 0.45s; }

  @keyframes kk-rise {
    to { opacity: 1; transform: translateY(0); }
  }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}

/* ── MOBILE ───────────────────────────────────────────────── */
@media screen and (max-width: 749px) {
  .header { padding: 0 2rem !important; }

  .banner__heading,
  .banner__heading h1 {
    font-size: clamp(3rem, 11vw, 5rem) !important;
    letter-spacing: 0.04em !important;
  }

  .featured-collection .title,
  .rich-text__heading,
  .collection__title {
    font-size: clamp(2.8rem, 9vw, 4.5rem) !important;
  }

  .button, .product-form__submit {
    width: 100% !important;
    padding: 16px 24px !important;
  }
}

/* ============================================================
   KROWN KULTURE — Header Luxury Override v2
   Reference: LV, Gucci, Hermès nav treatment
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Tenor+Sans&family=Cormorant+Garamond:wght@300;400&family=Jost:wght@300;400;500&display=swap');

/* ── NAV LINKS — LV/Gucci treatment ──────────────────────── */
.header__menu-item a,
.header__menu-item > a,
.list-menu__item--link,
summary.list-menu__item,
.header__menu-item span,
.header nav a,
.header .list-menu a {
  font-family: 'Tenor Sans', 'Jost', 'Helvetica Neue', sans-serif !important;
  font-size: 10.5px !important;
  font-weight: 400 !important;
  letter-spacing: 0.28em !important;
  text-transform: uppercase !important;
  color: #0D0D0D !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.header__menu-item a:hover,
.list-menu__item--link:hover,
summary.list-menu__item:hover {
  color: #C9A84C !important;
}

/* Remove any bold or weight overrides */
.header__menu-item,
.header__menu-item *,
.list-menu__item,
.list-menu__item * {
  font-weight: 400 !important;
}

/* ── DROPDOWN ITEMS ───────────────────────────────────────── */
.header__submenu a,
.header__submenu .list-menu__item--link,
.list-menu--disclosure a {
  font-family: 'Tenor Sans', 'Jost', sans-serif !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: #1a1a1a !important;
  padding: 12px 28px !important;
  display: block !important;
  transition: background 0.15s ease, color 0.15s ease, padding-left 0.2s ease !important;
}

.header__submenu a:hover,
.list-menu--disclosure a:hover {
  color: #8B6914 !important;
  background: #F8F5F0 !important;
  padding-left: 36px !important;
}

/* Gold top border on dropdowns */
.header__submenu,
.list-menu--disclosure {
  border-top: 1.5px solid #C9A84C !important;
  border-radius: 0 !important;
  box-shadow: 0 8px 40px rgba(0,0,0,0.09) !important;
}

/* ── LOGO SIZING ──────────────────────────────────────────── */
.header__heading-logo {
  max-height: 60px !important;
  width: auto !important;
}

/* ── HEADER BAR — thinner, more elegant ───────────────────── */
.header {
  min-height: 68px !important;
  border-bottom: 1px solid rgba(0,0,0,0.06) !important;
}

/* ── ICONS ────────────────────────────────────────────────── */
.header__icon svg {
  width: 17px !important;
  height: 17px !important;
  stroke-width: 1.2 !important;
}

.header__icon:hover {
  color: #C9A84C !important;
  opacity: 1 !important;
}

/* ── FORCE ALL NAV TEXT UPPERCASE via JS fallback ─────────── */

/* ============================================================
   KROWN KULTURE — Dropdown Luxury Fix
   Remove border box, add refined shadow treatment
   ============================================================ */

/* Kill ALL borders on dropdown containers */
.header__submenu,
.list-menu--disclosure,
.disclosure__panel,
details[open] > .header__submenu,
.header__menu-item details[open] ul,
.header__menu-item details[open] > ul,
.mega-menu__content,
.header__active-menu-item {
  border: none !important;
  border-top: 1px solid rgba(201, 168, 76, 0.4) !important;
  border-radius: 0 !important;
  outline: none !important;
  box-shadow: 0 16px 48px rgba(0,0,0,0.08) !important;
  background: #ffffff !important;
}

/* Remove any inherited borders from parent elements */
.header__menu-item details,
.header__menu-item summary,
details.mega-menu {
  border: none !important;
  outline: none !important;
}

/* Dropdown list itself */
.header__submenu ul,
.list-menu--disclosure ul,
.header__submenu .list-menu {
  border: none !important;
  padding: 16px 0 !important;
  margin: 0 !important;
}

/* Each dropdown item */
.header__submenu .list-menu__item--link,
.list-menu--disclosure .list-menu__item--link {
  font-family: 'Tenor Sans', 'Jost', sans-serif !important;
  font-size: 9.5px !important;
  font-weight: 400 !important;
  letter-spacing: 0.26em !important;
  text-transform: uppercase !important;
  color: #1a1a1a !important;
  padding: 11px 32px !important;
  border: none !important;
  border-bottom: 1px solid rgba(0,0,0,0.04) !important;
  display: block !important;
  transition: background 0.15s ease, color 0.2s ease, padding-left 0.2s ease !important;
  white-space: nowrap !important;
}

.header__submenu .list-menu__item:last-child .list-menu__item--link,
.list-menu--disclosure .list-menu__item:last-child .list-menu__item--link {
  border-bottom: none !important;
}

.header__submenu .list-menu__item--link:hover,
.list-menu--disclosure .list-menu__item--link:hover {
  background: #F8F5F0 !important;
  color: #8B6914 !important;
  padding-left: 40px !important;
}

/* Remove focus outlines that create border effect */
.header__submenu *:focus,
.list-menu--disclosure *:focus,
.header__menu-item *:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* Caret arrow on dropdown toggles */
.header__menu-item .icon-caret {
  opacity: 0.4 !important;
  width: 10px !important;
  height: 10px !important;
  transition: transform 0.25s ease, opacity 0.2s ease !important;
}

details[open] > summary .icon-caret {
  transform: rotate(180deg) !important;
  opacity: 0.7 !important;
}

/* ============================================================
   KROWN KULTURE — Header Icons Luxury Upgrade
   Thin line icons + labels beneath = high-end retail feel
   ============================================================ */

/* ── ICON WRAPPER ─────────────────────────────────────────── */
.header__icons {
  display: flex !important;
  align-items: center !important;
  gap: 28px !important;
}

.header__icon {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  width: auto !important;
  height: auto !important;
  padding: 4px 0 !important;
  color: #0D0D0D !important;
  text-decoration: none !important;
  transition: color 0.25s ease !important;
  position: relative !important;
  background: none !important;
  border: none !important;
  cursor: pointer !important;
}

.header__icon:hover {
  color: #C9A84C !important;
}

/* ── ICON SVGs — ultra thin stroke ───────────────────────── */
.header__icon svg,
.header__icon .svg-wrapper svg {
  width: 18px !important;
  height: 18px !important;
  stroke: currentColor !important;
  stroke-width: 1.2 !important;
  fill: none !important;
  display: block !important;
}

.svg-wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* ── ICON LABELS beneath each icon ───────────────────────── */
.header__icon::after {
  font-family: 'Tenor Sans', 'Jost', sans-serif !important;
  font-size: 7.5px !important;
  font-weight: 400 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: currentColor !important;
  opacity: 0.75 !important;
  display: block !important;
  line-height: 1 !important;
}

/* Search label */
.header__icon--search::after {
  content: 'Search' !important;
}

/* Account / Login label */
.header__icon--account::after {
  content: 'Login' !important;
}

/* Cart label */
.header__icon--cart::after {
  content: 'Bag' !important;
}

/* ── CART BUBBLE — gold dot style ────────────────────────── */
.cart-count-bubble {
  position: absolute !important;
  top: 0px !important;
  right: -8px !important;
  background: #C9A84C !important;
  color: #080808 !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 8px !important;
  font-weight: 700 !important;
  min-width: 14px !important;
  height: 14px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
}

/* ── HIDE visually-hidden spans from affecting layout ─────── */
.header__icon .visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
}

/* ── SEARCH MODAL ─────────────────────────────────────────── */
.search-modal__content {
  border-bottom: 1px solid rgba(0,0,0,0.08) !important;
}

.search__input {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 2.2rem !important;
  font-weight: 300 !important;
  letter-spacing: 0.06em !important;
  border: none !important;
  border-bottom: 1px solid rgba(0,0,0,0.15) !important;
  border-radius: 0 !important;
  padding: 16px 0 !important;
  background: transparent !important;
  width: 100% !important;
  transition: border-color 0.2s ease !important;
}

.search__input:focus {
  outline: none !important;
  border-bottom-color: #C9A84C !important;
  box-shadow: none !important;
}

.search__input::placeholder {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-style: italic !important;
  font-weight: 300 !important;
  opacity: 0.4 !important;
  letter-spacing: 0.06em !important;
}

/* Search submit button */
.search__button {
  color: #0D0D0D !important;
  transition: color 0.2s ease !important;
}

.search__button:hover {
  color: #C9A84C !important;
}

/* ============================================================
   KROWN KULTURE — Header Icons Clean Fix v3
   Remove X from nav, proper luxury icon treatment
   ============================================================ */

/* ── HIDE THE CLOSE ICON IN NAV (only show when search open) */
.header__icon--search .header__icon-close {
  display: none !important;
}

.header__icon--search[aria-expanded="true"] .svg-wrapper:first-child {
  display: none !important;
}

.header__icon--search[aria-expanded="true"] .header__icon-close {
  display: flex !important;
}

/* ── REMOVE LABELS — go pure icon, no text ────────────────── */
.header__icon::after {
  display: none !important;
  content: none !important;
}

/* ── ICON LAYOUT — clean row, even spacing ────────────────── */
.header__icons {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.header__icon {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  padding: 0 !important;
  color: #0D0D0D !important;
  text-decoration: none !important;
  transition: color 0.25s ease !important;
  position: relative !important;
  background: none !important;
  border: none !important;
  cursor: pointer !important;
  border-radius: 0 !important;
}

.header__icon:hover {
  color: #C9A84C !important;
}

/* ── ALL ICONS — thin stroke, consistent size ─────────────── */
.header__icon svg,
.header__icon .svg-wrapper svg,
.header__icon span svg {
  width: 19px !important;
  height: 19px !important;
  stroke: currentColor !important;
  stroke-width: 1.15 !important;
  fill: none !important;
  display: block !important;
  transition: stroke 0.25s ease !important;
}

/* Some Crave icons use fill not stroke — handle both */
.header__icon svg[fill]:not([fill="none"]) {
  fill: currentColor !important;
  stroke: none !important;
}

.svg-wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 0 !important;
}

/* ── ACCOUNT ICON — hide the "C" circle avatar fallback ───── */
.header__icon--account account-icon,
.header__icon--account .svg-wrapper {
  display: flex !important;
  align-items: center !important;
}

/* ── CART BUBBLE — minimal gold dot ──────────────────────── */
.cart-count-bubble {
  position: absolute !important;
  top: 5px !important;
  right: 4px !important;
  background: #C9A84C !important;
  color: #080808 !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 8px !important;
  font-weight: 700 !important;
  min-width: 15px !important;
  height: 15px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  padding: 0 !important;
}

/* ── SEARCH MODAL ─────────────────────────────────────────── */
.search-modal__content {
  padding: 24px 40px !important;
}

.search__input,
.search__input.field__input {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 2.4rem !important;
  font-weight: 300 !important;
  letter-spacing: 0.04em !important;
  border: none !important;
  border-bottom: 1px solid rgba(0,0,0,0.15) !important;
  border-radius: 0 !important;
  padding: 16px 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transition: border-color 0.25s ease !important;
}

.search__input:focus {
  outline: none !important;
  border-bottom-color: #C9A84C !important;
  box-shadow: none !important;
}

.search__input::placeholder {
  font-style: italic !important;
  opacity: 0.35 !important;
}

/* Visually hidden spans — keep out of layout */
.header__icon .visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
}

/* ============================================================
   KROWN KULTURE — Icon Override via CSS only
   Hides default icons, draws new ones with CSS/pseudo elements
   ============================================================ */

/* ── HIDE ALL EXISTING ICON SVGs ─────────────────────────── */
.header__icon .svg-wrapper,
.header__icon .svg-wrapper svg,
.header__icon svg,
.header__icon--search .svg-wrapper,
.header__icon--search svg,
.header__icon--account .svg-wrapper,
.header__icon--account svg,
.header__icon--cart .svg-wrapper,
.header__icon--cart svg,
.header__icon-close,
.header__icon-close svg,
account-icon,
account-icon svg {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* ── BASE ICON BUTTON ─────────────────────────────────────── */
.header__icon {
  position: relative !important;
  width: 44px !important;
  height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #0D0D0D !important;
  transition: color 0.25s ease !important;
  cursor: pointer !important;
  background: none !important;
  border: none !important;
  text-decoration: none !important;
}

.header__icon:hover { color: #C9A84C !important; }

/* ── SEARCH ICON — magnifying glass ──────────────────────── */
.header__icon--search::before {
  content: '' !important;
  display: block !important;
  width: 13px !important;
  height: 13px !important;
  border: 1.2px solid currentColor !important;
  border-radius: 50% !important;
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
}

.header__icon--search::after {
  content: '' !important;
  display: block !important;
  width: 7px !important;
  height: 1.2px !important;
  background: currentColor !important;
  position: absolute !important;
  bottom: 12px !important;
  right: 10px !important;
  transform: rotate(45deg) !important;
  transform-origin: right center !important;
}

/* ── ACCOUNT ICON — person silhouette ────────────────────── */
.header__icon--account::before {
  content: '' !important;
  display: block !important;
  width: 8px !important;
  height: 8px !important;
  border: 1.2px solid currentColor !important;
  border-radius: 50% !important;
  position: absolute !important;
  top: 10px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}

.header__icon--account::after {
  content: '' !important;
  display: block !important;
  width: 16px !important;
  height: 8px !important;
  border: 1.2px solid currentColor !important;
  border-bottom: none !important;
  border-radius: 8px 8px 0 0 !important;
  position: absolute !important;
  bottom: 10px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}

/* ── CART ICON — shopping bag ────────────────────────────── */
.header__icon--cart::before {
  content: '' !important;
  display: block !important;
  width: 16px !important;
  height: 13px !important;
  border: 1.2px solid currentColor !important;
  border-radius: 0 0 2px 2px !important;
  position: absolute !important;
  bottom: 9px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}

.header__icon--cart::after {
  content: '' !important;
  display: block !important;
  width: 8px !important;
  height: 6px !important;
  border: 1.2px solid currentColor !important;
  border-bottom: none !important;
  border-radius: 4px 4px 0 0 !important;
  position: absolute !important;
  top: 9px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}

/* ── CART COUNT BUBBLE ────────────────────────────────────── */
.cart-count-bubble {
  position: absolute !important;
  top: 6px !important;
  right: 4px !important;
  background: #C9A84C !important;
  color: #080808 !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 8px !important;
  font-weight: 700 !important;
  min-width: 14px !important;
  height: 14px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 2 !important;
  padding: 0 !important;
  line-height: 1 !important;
}

/* ── ICON SPACING ─────────────────────────────────────────── */
.header__icons {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
}

/* ============================================================
   KROWN KULTURE — Mobile hamburger (robust, CSS-drawn)
   The icon overrides above hide every header SVG. The menu
   button is the one .header__icon that ISN'T search/account/
   cart, so we target exactly that (plus the standard Dawn
   selectors) and DRAW the hamburger in a hardcoded color.
   ============================================================ */
@media screen and (max-width: 989px) {

  /* make sure the menu button/container is shown */
  header-drawer,
  .menu-drawer-container,
  .header__icon--menu {
    display: block !important;
  }

  /* the top-level menu toggle button ONLY (not the submenu rows) */
  header-drawer > details > summary,
  .header__icon--menu,
  .header__icon:not(.header__icon--search):not(.header__icon--account):not(.header__icon--cart) {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    color: #0D0D0D !important;
    cursor: pointer !important;
  }

  /* hide the theme's own menu SVGs on the toggle (we draw our own below) */
  header-drawer > details > summary svg,
  .header__icon--menu svg {
    display: none !important;
  }

  /* the hamburger — middle line + top/bottom lines via box-shadow */
  header-drawer > details > summary::before,
  .header__icon--menu::before,
  .header__icon:not(.header__icon--search):not(.header__icon--account):not(.header__icon--cart)::before {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 22px !important;
    height: 2px !important;
    background: #0D0D0D !important;
    box-shadow: 0 -7px 0 #0D0D0D, 0 7px 0 #0D0D0D !important;
    transform: translate(-50%, -50%) !important;
    transition: transform .2s ease, box-shadow .2s ease !important;
  }

  /* morph to an X while the drawer is open */
  header-drawer > details[open] > summary::before,
  .header__icon--menu[aria-expanded="true"]::before,
  .header__icon[aria-expanded="true"]:not(.header__icon--search):not(.header__icon--account):not(.header__icon--cart)::before {
    box-shadow: none !important;
    transform: translate(-50%, -50%) rotate(45deg) !important;
  }
  header-drawer > details[open] > summary::after,
  .header__icon--menu[aria-expanded="true"]::after,
  .header__icon[aria-expanded="true"]:not(.header__icon--search):not(.header__icon--account):not(.header__icon--cart)::after {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 22px !important;
    height: 2px !important;
    background: #0D0D0D !important;
    transform: translate(-50%, -50%) rotate(-45deg) !important;
  }
}

/* ============================================================
   KROWN KULTURE — Hero Video Full Frame Fix
   ============================================================ */

/* Force video to show full frame without cropping */
#kk-hero-{{ section.id }} .kk-hero__video-wrap video {
  object-fit: contain !important;
  object-position: center center !important;
  width: 100% !important;
  height: 100% !important;
}

/* Full viewport height hero */
section[id^="kk-hero-"] {
  height: 100vh !important;
  min-height: 600px !important;
}

/* Remove any margin/padding pushing in from sides */
.section-header ~ .shopify-section section[id^="kk-hero-"],
.shopify-section section[id^="kk-hero-"] {
  margin: 0 !important;
  padding: 0 !important;
  width: 100vw !important;
  max-width: 100vw !important;
  left: 50% !important;
  position: relative !important;
  transform: translateX(-50%) !important;
}

/* ============================================================
   KROWN KULTURE — Hero Full Bleed Fix v2
   Edge to edge, no margins, no cropping sides
   ============================================================ */

/* Full viewport width — break out of any page-width container */
.shopify-section:has(section[id^="kk-hero-"]) {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(-50vw + 50%) !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* Hero section itself */
section[id^="kk-hero-"] {
  width: 100vw !important;
  max-width: 100vw !important;
  height: 100vh !important;
  min-height: 600px !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  overflow: hidden !important;
}

/* Video wrap — absolute fill */
section[id^="kk-hero-"] .kk-hero__video-wrap {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Video — edge to edge, cover, centered */
section[id^="kk-hero-"] .kk-hero__video-wrap video {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
}

/* Fallback image — same treatment */
section[id^="kk-hero-"] .kk-hero__video-wrap img {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
}

/* Overlay — full cover */
section[id^="kk-hero-"] .kk-hero__overlay {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 1 !important;
}

/* Content — centered over video */
section[id^="kk-hero-"] .kk-hero__content {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  z-index: 2 !important;
  width: 100% !important;
  max-width: 960px !important;
  padding: 0 48px !important;
  text-align: center !important;
}

/* Scroll indicator — pinned to bottom center */
section[id^="kk-hero-"] .kk-hero__scroll {
  position: absolute !important;
  bottom: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 3 !important;
}

/* Remove any gap between announcement bar and hero */
.shopify-section:has(section[id^="kk-hero-"]) {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Mobile */
@media screen and (max-width: 749px) {
  section[id^="kk-hero-"] {
    height: 88vh !important;
  }

  section[id^="kk-hero-"] .kk-hero__content {
    padding: 0 24px !important;
  }
}

/* Hide scroll indicator */
section[id^="kk-hero-"] .kk-hero__scroll {
  display: none !important;
}


/* ============================================================
   KROWN KULTURE — Section gap management (targeted, clean)
   ============================================================ */

/* Hero video — full bleed, no gaps */
.shopify-section:has(section[id^="kk-hero-"]) {
  margin: 0 !important;
  padding: 0 !important;
}

/* Rewards ticker — flush under hero */
.shopify-section:has(.kk-rewards-bar) {
  margin: 0 !important;
  padding: 0 !important;
}

/* Editorial banner — flush under rewards ticker */
.shopify-section:has([id^="kk-banner-"]) {
  margin: 0 !important;
  padding: 0 !important;
}

/* Category grid — hide header, dark bg, flush under banner */
.shopify-section:has([id^="kk-cat-"]) {
  margin: 0 !important;
  padding: 0 !important;
}
[id^="kk-cat-"] {
  background: #0D0D0D !important;
  padding-top: 0 !important;
}
[id^="kk-cat-"] .kk-cat__header {
  display: none !important;
}

/* Email strip — flush */
.shopify-section:has([id^="kk-email-"]) {
  margin: 0 !important;
  padding: 0 !important;
}
[id^="kk-email-"] { margin: 0 !important; }

/* Best Sellers — 20px gap above (matches wide banner gap) */
.shopify-section:has([id^="kk-best-"]) {
  margin: 0 !important;
  padding-top: 20px !important;
  padding-bottom: 0 !important;
  background: #F8F5F0 !important;
}
[id^="kk-best-"] { margin: 0 !important; }

/* Wide Image Banner — ONLY this one gets a 20px gap above it */
.shopify-section:has([id^="kk-wide-"]) {
  margin: 0 !important;
  padding-top: 20px !important;
  padding-bottom: 0 !important;
  background: #F8F5F0 !important;
}
div[id^="kk-wide-"] {
  min-height: 600px !important;
  height: 600px !important;
  margin: 0 !important;
  display: flex !important;
  position: relative !important;
}
div[id^="kk-wide-"] .kk-wide__media { position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; }
div[id^="kk-wide-"] .kk-wide__media img { width:100% !important; height:100% !important; object-fit:cover !important; }

@media screen and (max-width: 749px) {
  div[id^="kk-wide-"] { min-height: 440px !important; height: 440px !important; }
}

/* ============================================================
   KROWN KULTURE — Footer tightening (forced overrides)
   ============================================================ */

/* Tighten space between footer link items */
[id^="kk-footer-"] .kk-footer__col-list {
  gap: 6px !important;
}

/* Pull the right column group tighter */
[id^="kk-footer-"] .kk-footer__right {
  gap: 24px !important;
}

/* Reduce newsletter separation */
[id^="kk-footer-"] .kk-footer__news {
  padding-top: 20px !important;
}

/* Tighten column titles */
[id^="kk-footer-"] .kk-footer__col-title {
  margin-bottom: 12px !important;
}

/* Reduce overall top padding */
[id^="kk-footer-"] .kk-footer__main {
  padding-top: 56px !important;
  padding-bottom: 40px !important;
}

/* Newsletter text tighter */
[id^="kk-footer-"] .kk-footer__news-text {
  margin-bottom: 14px !important;
}

/* ============================================================
   KROWN KULTURE — Footer newsletter tightening
   Pull "Join the Krown Circle" block up + crunch together
   ============================================================ */

/* Reduce space above newsletter (tighten blurb margin) */
[id^="kk-footer-"] .kk-footer__blurb {
  margin-bottom: 10px !important;
}

/* Tighten newsletter label → text → box spacing */
[id^="kk-footer-"] .kk-footer__news-label {
  margin-bottom: 3px !important;
}

[id^="kk-footer-"] .kk-footer__news-text {
  margin-bottom: 5px !important;
  line-height: 1.2 !important;
}

[id^="kk-footer-"] .kk-footer__news-input {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

/* Reduce gap above the social icons so block stays compact */
[id^="kk-footer-"] .kk-footer__socials {
  margin-top: 18px !important;
}


/* ── Wide banner image fit — OPTION A: show whole image (no crop) ── */
/* This shows the FULL photo so all hats are visible. May add side bars. */
div[id^="kk-wide-"] .kk-wide__media img {
  object-fit: contain !important;
  object-position: center !important;
  background: #0D0D0D;
}

/* ── OPTION B: fill + show top (hats). To use, comment out Option A above
   and uncomment this block instead:
div[id^="kk-wide-"] .kk-wide__media img {
  object-fit: cover !important;
  object-position: center 20% !important;
}
*/

/* ============================================================
   KROWN KULTURE — Best Sellers side tiles (bigger hats)
   ============================================================ */

[id^="kk-best-"] .kk-best__product {
  aspect-ratio: 1 / 1 !important;
  background: #FFFFFF !important;
  overflow: hidden !important;
}

/* Scale the hat images up to fill more of the tile (less white space) */
[id^="kk-best-"] .kk-best__product img {
  object-fit: cover !important;
  object-position: center !important;
  width: 100% !important;
  height: 100% !important;
  transform: scale(1.2) !important;
  transition: transform 0.6s ease !important;
}

/* Keep a little extra zoom on hover for life */
[id^="kk-best-"] .kk-best__product:hover img {
  transform: scale(1.28) !important;
}

/* ============================================================
   KROWN KULTURE — Footer link uniformity
   Force all footer links to identical case + styling
   ============================================================ */

[id^="kk-footer-"] .kk-footer__col-link {
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  font-family: 'Jost', sans-serif !important;
  font-weight: 300 !important;
  font-size: 12px !important;
  color: rgba(255,255,255,0.6) !important;
}

[id^="kk-footer-"] .kk-footer__col-link:hover {
  color: #C9A84C !important;
}

/* Column titles uniform too */
[id^="kk-footer-"] .kk-footer__col-title {
  text-transform: uppercase !important;
  letter-spacing: 0.26em !important;
  font-size: 10px !important;
  color: #C9A84C !important;
}

/* ============================================================
   KROWN KULTURE — Clean New Era style product cards
   Remove boxes/borders, add soft shadow lift on hover
   ============================================================ */

/* Strip the heavy borders/boxes from product cards */
.card-wrapper,
.card,
.card__inner,
.grid__item .card,
.product-card-wrapper,
.collection .card,
.card--standard,
.card--card {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  border-radius: 0 !important;
}

/* Remove the inner image frame border/background */
.card__inner,
.card .card__media,
.card__media .media,
.media--transparent {
  border: none !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

/* The product card hover lift — clean New Era style soft shadow */
.card-wrapper {
  transition: transform 0.35s ease, box-shadow 0.35s ease !important;
  border-radius: 4px !important;
  overflow: hidden !important;
}

.card-wrapper:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 18px 40px rgba(0,0,0,0.14) !important;
  background: #ffffff !important;
}

/* Make sure the image area is clean white inside the hover card */
.card-wrapper:hover .card__inner,
.card-wrapper:hover .card__media,
.card-wrapper:hover .media {
  background: #ffffff !important;
}

/* Tidy product card text — match luxury type */
.card__heading,
.card-information .card__heading a {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-weight: 400 !important;
  letter-spacing: 0.01em !important;
}

.price,
.price__regular,
.card-information .price {
  font-family: 'Tenor Sans', sans-serif !important;
  letter-spacing: 0.04em !important;
}

/* Add a little breathing room between cards */
.product-grid,
.grid--quarters,
.collection .grid {
  gap: 8px !important;
}

/* ============================================================
   KROWN KULTURE — Remove product card divider line
   ============================================================ */

/* Kill the border/divider line under the product image */
.card__inner,
.card__media,
.card .media,
.card__content,
.card-information,
.card--standard .card__inner,
.card__inner .card__media {
  border-top: none !important;
  border-bottom: none !important;
  border: none !important;
}

/* Some Crave/Dawn themes add a divider via ::after on the card */
.card__inner::after,
.card__media::after,
.card-wrapper::after,
.card::after {
  display: none !important;
  border: none !important;
  content: none !important;
}

/* Remove any horizontal rule / border between media and text */
.card-information {
  border-top: none !important;
  padding-top: 12px !important;
}

/* Belt-and-suspenders: strip stray colored borders on cards */
.product-card-wrapper *,
.card-wrapper * {
  border-color: transparent !important;
}