/** Shopify CDN: Minification failed

Line 49:0 All "@import" rules must come first
Line 1026:0 Unexpected "<"
Line 1034:0 Unexpected "<"

**/
/* ============================================================
   IZZY SIDEART — CUSTOM.CSS COMPLETO Y LIMPIO
   ============================================================ */

/* ─── 1. VARIABLES DE MARCA ─────────────────────────────── */
:root {
  --color-background: #0a0a0a;
  --color-foreground: #f5f0e8;
  --izzy-black:       #0a0a0a;
  --izzy-black-soft:  #111111;
  --izzy-black-mid:   #1a1a1a;
  --izzy-black-card:  #151515;
  --izzy-gold:        #c9a84c;
  --izzy-gold-light:  #e8c97a;
  --izzy-gold-bright: #f5d98b;
  --izzy-gold-dark:   #8b6f2e;
  --izzy-gold-glow:   rgba(201, 168, 76, 0.35);
  --izzy-pink:        #d4547e;
  --izzy-pink-light:  #e87ba0;
  --izzy-pink-bright: #f090b8;
  --izzy-pink-dark:   #9b3358;
  --izzy-pink-glow:   rgba(212, 84, 126, 0.35);
  --izzy-white:       #f5f0e8;
  --izzy-white-muted: #c8bfb0;
  --font-display:     'Cormorant Garamond', 'Playfair Display', Georgia, serif;
  --font-body:        'Jost', 'Lato', sans-serif;
  --font-accent:      'Cinzel', 'Trajan Pro', serif;
  --radius-sm:        6px;
  --radius-md:        12px;
  --radius-lg:        20px;
  --radius-pill:      999px;
  --shadow-gold-sm:   0 0 12px rgba(201,168,76,0.25);
  --shadow-gold-md:   0 0 24px rgba(201,168,76,0.35), 0 4px 16px rgba(0,0,0,0.6);
  --shadow-gold-lg:   0 0 48px rgba(201,168,76,0.4), 0 8px 32px rgba(0,0,0,0.7);
  --shadow-pink-sm:   0 0 12px rgba(212,84,126,0.25);
  --shadow-pink-md:   0 0 24px rgba(212,84,126,0.35), 0 4px 16px rgba(0,0,0,0.6);
  --ease-magic:       cubic-bezier(0.23, 1, 0.32, 1);
  --ease-bounce:      cubic-bezier(0.34, 1.56, 0.64, 1);
}

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

/* ─── 3. FONDO Y BASE GLOBAL ────────────────────────────── */
body {
  background-color: #0a0a0a !important;
  color: var(--izzy-white) !important;
  font-family: var(--font-body) !important;
  font-weight: 300;
  letter-spacing: 0.02em;
}

body::before {
  content: '';
  position: fixed;
  inset: 0;
  background-image: radial-gradient(circle, rgba(201,168,76,0.06) 1px, transparent 1px);
  background-size: 32px 32px;
  pointer-events: none;
  z-index: 0;
}

/* ─── 4. TIPOGRAFÍA ──────────────────────────────────────── */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: var(--font-display) !important;
  color: var(--izzy-gold-light) !important;
  letter-spacing: 0.03em;
  line-height: 1.2;
}

h1, .h1 { font-size: clamp(2rem, 5vw, 4rem); font-weight: 300; }
h2, .h2 { font-size: clamp(1.5rem, 3.5vw, 2.8rem); font-weight: 400; }
h3, .h3 { font-size: clamp(1.2rem, 2.5vw, 2rem); font-weight: 400; }

p, li, span, label {
  font-family: var(--font-body);
  color: var(--izzy-white-muted);
  font-weight: 300;
  line-height: 1.75;
}

a {
  color: var(--izzy-gold-light);
  text-decoration: none;
  transition: color 0.3s var(--ease-magic);
}
a:hover {
  color: var(--izzy-pink-bright);
  text-shadow: 0 0 10px var(--izzy-pink-glow);
}

/* ─── 5. HEADER ──────────────────────────────────────────── */
.site-header, header, #shopify-section-header, .header {
  background: rgba(10,10,10,0.95) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-bottom: 1px solid rgba(201,168,76,0.2) !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
  box-shadow: 0 2px 30px rgba(0,0,0,0.6) !important;
}

.header-section,
#header-group,
#shopify-section-header,
.header-wrapper,
.header__row {
  background: #0a0a0a !important;
  background-color: #0a0a0a !important;
}

/* ─── 6. LOGO ────────────────────────────────────────────── */
a.header-logo {
  display: inline-flex !important;
  align-items: center !important;
  position: relative !important;
  text-decoration: none !important;
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1) !important;
}

a.header-logo::before {
  content: '' !important;
  position: absolute !important;
  inset: -8px !important;
  border-radius: 50% !important;
  background: radial-gradient(ellipse at center, rgba(201,168,76,0.18) 0%, transparent 70%) !important;
  pointer-events: none !important;
  z-index: 0 !important;
  animation: izzy-logo-halo 4s ease-in-out infinite !important;
}

@keyframes izzy-logo-halo {
  0%, 100% { opacity: 0.4; transform: scale(1); }
  50%       { opacity: 0.8; transform: scale(1.08); }
}

a.header-logo::after {
  content: '✦' !important;
  position: absolute !important;
  top: -6px !important;
  right: -10px !important;
  font-size: 9px !important;
  color: var(--izzy-pink-bright) !important;
  -webkit-text-fill-color: var(--izzy-pink-bright) !important;
  pointer-events: none !important;
  animation: izzy-logo-sparkle 3.5s ease-in-out 1.5s infinite !important;
  z-index: 2 !important;
}

@keyframes izzy-logo-sparkle {
  0%        { opacity: 0;   transform: scale(0.5) rotate(0deg); }
  20%, 40%  { opacity: 1;   transform: scale(1.2) rotate(180deg); }
  60%       { opacity: 0.6; transform: scale(0.9) rotate(270deg); }
  100%      { opacity: 0;   transform: scale(0.3) rotate(360deg); }
}

.header-logo__image {
  position: relative !important;
  z-index: 1 !important;
  width: var(--header-logo-image-width, 54px) !important;
  height: var(--header-logo-image-height, 36px) !important;
  filter: drop-shadow(0 0 6px rgba(201,168,76,0.35)) drop-shadow(0 0 2px rgba(212,84,126,0.15)) !important;
  transition: filter 0.45s cubic-bezier(0.23,1,0.32,1), transform 0.45s cubic-bezier(0.23,1,0.32,1) !important;
  opacity: 0;
  animation: izzy-logo-enter 0.8s cubic-bezier(0.23,1,0.32,1) 0.1s forwards !important;
}

@keyframes izzy-logo-enter {
  from { opacity: 0; transform: scale(0.85) rotate(-3deg); }
  to   { opacity: 1; transform: scale(1) rotate(0deg); }
}

a.header-logo:hover { transform: translateY(-2px) !important; }
a.header-logo:hover .header-logo__image {
  filter: drop-shadow(0 0 14px rgba(201,168,76,0.7)) drop-shadow(0 0 8px rgba(212,84,126,0.4)) !important;
  transform: scale(1.06) !important;
}

.header-logo__image-container,
.header-logo__image-container--original {
  position: relative !important;
  display: inline-flex !important;
  z-index: 1 !important;
}

@media (max-width: 768px) {
  .header-logo__image {
    width: var(--header-logo-image-width-mobile, 42px) !important;
    height: var(--header-logo-image-height-mobile, 28px) !important;
  }
}

/* ─── 7. NAVEGACIÓN ──────────────────────────────────────── */
.menu-list__link {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 0.5em 0.2em !important;
  text-decoration: none !important;
  color: var(--izzy-white-muted) !important;
  transition: color 0.35s var(--ease-magic), transform 0.3s var(--ease-bounce) !important;
  outline: none !important;
}

.menu-list__link-title {
  font-family: var(--font-accent) !important;
  font-size: 0.68rem !important;
  font-weight: 400 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: inherit !important;
  position: relative !important;
  z-index: 1 !important;
}

.menu-list__link::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 50% !important;
  width: 0 !important;
  height: 1px !important;
  background: linear-gradient(90deg, var(--izzy-pink), var(--izzy-gold), var(--izzy-pink)) !important;
  transform: translateX(-50%) !important;
  transition: width 0.45s var(--ease-magic) !important;
  border-radius: 999px !important;
}

.menu-list__link::before {
  content: '✦' !important;
  position: absolute !important;
  top: -8px !important;
  left: 50% !important;
  transform: translateX(-50%) scale(0) rotate(-90deg) !important;
  font-size: 7px !important;
  color: var(--izzy-gold) !important;
  -webkit-text-fill-color: var(--izzy-gold) !important;
  opacity: 0 !important;
  transition: transform 0.4s var(--ease-bounce), opacity 0.3s ease !important;
  pointer-events: none !important;
  line-height: 1 !important;
}

.menu-list__link:hover {
  color: var(--izzy-gold-light) !important;
  transform: translateY(-1px) !important;
}
.menu-list__link:hover::after { width: 100% !important; }
.menu-list__link:hover::before {
  opacity: 1 !important;
  transform: translateX(-50%) scale(1) rotate(0deg) !important;
}

.menu-list__link--active,
.menu-list__link[aria-current="page"] { color: var(--izzy-gold-light) !important; }

.menu-list__link--active .menu-list__link-title,
.menu-list__link[aria-current="page"] .menu-list__link-title {
  background: linear-gradient(90deg, var(--izzy-gold-dark) 0%, var(--izzy-gold-bright) 40%, var(--izzy-gold) 60%, var(--izzy-gold-dark) 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: izzy-nav-shimmer 3.5s linear infinite !important;
}

.menu-list__link--active::after,
.menu-list__link[aria-current="page"]::after {
  width: 60% !important;
  background: linear-gradient(90deg, transparent, var(--izzy-gold), transparent) !important;
}

.menu-list__link--active::before,
.menu-list__link[aria-current="page"]::before {
  opacity: 1 !important;
  transform: translateX(-50%) scale(0.9) rotate(0deg) !important;
  animation: izzy-nav-star-spin 6s linear infinite !important;
}

@keyframes izzy-nav-shimmer {
  0%   { background-position: -200% center; }
  100% { background-position:  200% center; }
}
@keyframes izzy-nav-star-spin {
  0%   { transform: translateX(-50%) scale(0.9) rotate(0deg); }
  100% { transform: translateX(-50%) scale(0.9) rotate(360deg); }
}

/* ─── 8. HEADER DERECHO — LOS 3 ÍCONOS ──────────────────── */
header-actions {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.header__column--right header-actions {
  margin-inline-start: 0 !important;
}

search-button {
  display: inline-flex !important;
  align-items: center !important;
}

button[aria-label="Search"],
button[data-testid="cart-drawer-trigger"],
.account-button.header-actions__action {
  position: relative !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(201,168,76,0.4) !important;
  background: rgba(10,10,10,0.8) !important;
  box-shadow: none !important;
  outline: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  padding: 0 !important;
  transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s var(--ease-bounce) !important;
}

button[aria-label="Search"]:hover,
button[data-testid="cart-drawer-trigger"]:hover,
.account-button.header-actions__action:hover {
  border-color: rgba(201,168,76,0.85) !important;
  box-shadow: 0 0 16px rgba(201,168,76,0.4), 0 0 4px rgba(201,168,76,0.2) !important;
  transform: scale(1.08) !important;
  background: rgba(15,15,15,0.95) !important;
}

/* Lupa */
button[aria-label="Search"] { margin-right: -4px !important; }
button[aria-label="Search"] .svg-wrapper svg { display: none !important; }
button[aria-label="Search"] .svg-wrapper {
  position: relative !important;
  width: 20px !important;
  height: 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
button[aria-label="Search"] .svg-wrapper::before {
  content: '' !important;
  display: block !important;
  width: 20px !important;
  height: 20px !important;
  background-color: #c9a84c !important;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Ccircle cx='8.5' cy='8.5' r='5.25' stroke='%23000' stroke-width='1.3'/%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-width='1.3' d='m12.5 12.5 3.8 3.8'/%3E%3C/svg%3E") !important;
  -webkit-mask-repeat: no-repeat !important;
  -webkit-mask-size: contain !important;
  -webkit-mask-position: center !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Ccircle cx='8.5' cy='8.5' r='5.25' stroke='%23000' stroke-width='1.3'/%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-width='1.3' d='m12.5 12.5 3.8 3.8'/%3E%3C/svg%3E") !important;
  mask-repeat: no-repeat !important;
  mask-size: contain !important;
  mask-position: center !important;
  transition: filter 0.3s, transform 0.3s var(--ease-bounce) !important;
}
button[aria-label="Search"]:hover .svg-wrapper::before {
  filter: drop-shadow(0 0 6px rgba(201,168,76,0.9)) !important;
  transform: scale(1.1) !important;
}
button[aria-label="Search"] .svg-wrapper::after { display: none !important; }

/* Carrito */
.header-actions__cart-icon .svg-wrapper svg { display: none !important; }
.header-actions__cart-icon .svg-wrapper {
  position: relative !important;
  width: 22px !important;
  height: 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.header-actions__cart-icon .svg-wrapper::before {
  content: '' !important;
  display: block !important;
  width: 22px !important;
  height: 22px !important;
  background-color: #c9a84c !important;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 28' fill='none'%3E%3Cpath d='M2 2 C2 2 4 2 5 3 L7 8' stroke='%23000' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpath d='M7 8 L25 8 L23 19 Q22.5 21 20.5 21 L10.5 21 Q8.5 21 8 19 Z' stroke='%23000' stroke-width='1.3' stroke-linejoin='round'/%3E%3Cline x1='9' y1='12' x2='24' y2='12' stroke='%23000' stroke-width='0.6'/%3E%3Cpath d='M13 15.5 C11.5 14 10 14.5 10.5 15.5 C11 16.5 13 16 13 15.5Z' stroke='%23000' stroke-width='0.8'/%3E%3Cpath d='M15 15.5 C16.5 14 18 14.5 17.5 15.5 C17 16.5 15 16 15 15.5Z' stroke='%23000' stroke-width='0.8'/%3E%3Ccircle cx='14' cy='15.5' r='0.7' fill='%23000'/%3E%3Ccircle cx='11' cy='24.5' r='2.2' stroke='%23000' stroke-width='1.2'/%3E%3Ccircle cx='11' cy='24.5' r='0.7' fill='%23000'/%3E%3Ccircle cx='21' cy='24.5' r='2.2' stroke='%23000' stroke-width='1.2'/%3E%3Ccircle cx='21' cy='24.5' r='0.7' fill='%23000'/%3E%3C/svg%3E") !important;
  -webkit-mask-repeat: no-repeat !important;
  -webkit-mask-size: contain !important;
  -webkit-mask-position: center !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 28' fill='none'%3E%3Cpath d='M2 2 C2 2 4 2 5 3 L7 8' stroke='%23000' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpath d='M7 8 L25 8 L23 19 Q22.5 21 20.5 21 L10.5 21 Q8.5 21 8 19 Z' stroke='%23000' stroke-width='1.3' stroke-linejoin='round'/%3E%3Cline x1='9' y1='12' x2='24' y2='12' stroke='%23000' stroke-width='0.6'/%3E%3Cpath d='M13 15.5 C11.5 14 10 14.5 10.5 15.5 C11 16.5 13 16 13 15.5Z' stroke='%23000' stroke-width='0.8'/%3E%3Cpath d='M15 15.5 C16.5 14 18 14.5 17.5 15.5 C17 16.5 15 16 15 15.5Z' stroke='%23000' stroke-width='0.8'/%3E%3Ccircle cx='14' cy='15.5' r='0.7' fill='%23000'/%3E%3Ccircle cx='11' cy='24.5' r='2.2' stroke='%23000' stroke-width='1.2'/%3E%3Ccircle cx='11' cy='24.5' r='0.7' fill='%23000'/%3E%3Ccircle cx='21' cy='24.5' r='2.2' stroke='%23000' stroke-width='1.2'/%3E%3Ccircle cx='21' cy='24.5' r='0.7' fill='%23000'/%3E%3C/svg%3E") !important;
  mask-repeat: no-repeat !important;
  mask-size: contain !important;
  mask-position: center !important;
  transition: filter 0.3s, transform 0.3s var(--ease-bounce) !important;
}
button[data-testid="cart-drawer-trigger"]:hover .header-actions__cart-icon .svg-wrapper::before {
  filter: drop-shadow(0 0 6px rgba(201,168,76,0.9)) !important;
  transform: scale(1.1) !important;
}
.header-actions__cart-icon .svg-wrapper::after { display: none !important; }

/* Burbuja carrito */
.cart-bubble {
  position: absolute !important;
  top: -3px !important;
  right: -5px !important;
  min-width: 17px !important;
  height: 17px !important;
  border-radius: 999px !important;
  padding: 0 4px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 3 !important;
}
.cart-bubble.visually-hidden { display: none !important; }
.cart-bubble__background {
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  background: linear-gradient(135deg, var(--izzy-pink-dark), var(--izzy-pink)) !important;
  animation: izzy-cart-pulse 2.2s ease-in-out infinite !important;
}
@keyframes izzy-cart-pulse {
  0%, 100% { box-shadow: 0 0 0 1px rgba(201,168,76,0.25), 0 0 8px rgba(212,84,126,0.45); }
  50%       { box-shadow: 0 0 0 1px rgba(201,168,76,0.35), 0 0 14px rgba(212,84,126,0.7); }
}
.cart-bubble__text-count {
  position: relative !important;
  z-index: 1 !important;
  font-family: var(--font-accent) !important;
  font-size: 0.48rem !important;
  font-weight: 600 !important;
  color: white !important;
  line-height: 1 !important;
}
.cart-bubble__text-count.hidden { display: none !important; }

/* Ícono persona — solo estilo visual, sin interferir con el clic */
.header__column--right .account-button.header-actions__action {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(201,168,76,0.4) !important;
  background: rgba(10,10,10,0.8) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  position: relative !important;
  isolation: isolate !important;
  box-sizing: border-box !important;
  transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s var(--ease-bounce) !important;
}

.header__column--right .account-button.header-actions__action:hover {
  border-color: rgba(201,168,76,0.85) !important;
  box-shadow: 0 0 16px rgba(201,168,76,0.4) !important;
  transform: scale(1.08) !important;
  background: rgba(15,15,15,0.95) !important;
}

.header__column--right .account-button.header-actions__action::before {
  content: '' !important;
  display: block !important;
  width: 20px !important;
  height: 20px !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  background-color: #c9a84c !important;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 22' fill='none'%3E%3Ccircle cx='10' cy='7' r='3.8' stroke='%23000' stroke-width='1.2'/%3E%3Cpath d='M2.5 20.5 C2.5 14.8 6 12 10 12 C14 12 17.5 14.8 17.5 20.5' stroke='%23000' stroke-width='1.2' stroke-linecap='round'/%3E%3Ccircle cx='10' cy='12.2' r='0.75' fill='%23000' opacity='0.7'/%3E%3C/svg%3E") !important;
  -webkit-mask-repeat: no-repeat !important;
  -webkit-mask-size: contain !important;
  -webkit-mask-position: center !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 22' fill='none'%3E%3Ccircle cx='10' cy='7' r='3.8' stroke='%23000' stroke-width='1.2'/%3E%3Cpath d='M2.5 20.5 C2.5 14.8 6 12 10 12 C14 12 17.5 14.8 17.5 20.5' stroke='%23000' stroke-width='1.2' stroke-linecap='round'/%3E%3Ccircle cx='10' cy='12.2' r='0.75' fill='%23000' opacity='0.7'/%3E%3C/svg%3E") !important;
  mask-repeat: no-repeat !important;
  mask-size: contain !important;
  mask-position: center !important;
  pointer-events: none !important;
  z-index: 0 !important;
  transition: filter 0.3s, transform 0.3s var(--ease-bounce) !important;
}

.header__column--right .account-button.header-actions__action:hover::before {
  filter: drop-shadow(0 0 6px rgba(201,168,76,0.9)) !important;
  transform: translate(-50%, -50%) scale(1.1) !important;
}

/* ─── 9. HERO TÍTULO ─────────────────────────────────────── */
.text-block--AK1FXTG91N2dXRVlQM__text_YLPk4p p {
  font-family: "Cormorant Garamond", serif !important;
  font-size: clamp(2.2rem, 6vw, 4.5rem) !important;
  font-weight: 300 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  line-height: 1.15 !important;
  background: linear-gradient(90deg, #8b6f2e 0%, #c9a84c 25%, #f5d98b 50%, #c9a84c 75%, #8b6f2e 100%) !important;
  background-size: 250% auto !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  filter: drop-shadow(0 2px 18px rgba(201,168,76,0.45)) !important;
  margin: 0 !important;
  padding: 0 !important;
  animation: izzy-hero-shimmer 4s linear infinite !important;
}

@keyframes izzy-hero-shimmer {
  0%   { background-position: -250% center; }
  100% { background-position:  250% center; }
}

/* ─── 10. BOTONES ────────────────────────────────────────── */
.btn,
button[type="submit"],
input[type="submit"],
.product-form__submit,
.cart__checkout-button {
  position: relative !important;
  overflow: hidden !important;
  background: linear-gradient(135deg, var(--izzy-gold-dark) 0%, var(--izzy-gold) 50%, var(--izzy-gold-light) 100%) !important;
  color: var(--izzy-black) !important;
  font-family: var(--font-accent) !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.25em !important;
  text-transform: uppercase !important;
  border: none !important;
  border-radius: var(--radius-pill) !important;
  padding: 0.85em 2.2em !important;
  cursor: pointer !important;
  transition: transform 0.3s var(--ease-bounce), box-shadow 0.3s var(--ease-magic) !important;
  box-shadow: var(--shadow-gold-sm) !important;
}

.btn:hover,
button[type="submit"]:hover,
input[type="submit"]:hover,
.product-form__submit:hover,
.cart__checkout-button:hover {
  transform: translateY(-2px) scale(1.02) !important;
  box-shadow: var(--shadow-gold-lg) !important;
}

/* ─── 11. TARJETAS DE PRODUCTO ───────────────────────────── */
.product-card,
[class*="product-card"],
[class*="card--product"] {
  background: var(--izzy-black-card) !important;
  border: 1px solid rgba(201,168,76,0.15) !important;
  border-radius: var(--radius-lg) !important;
  overflow: hidden !important;
  transition: transform 0.4s var(--ease-magic), box-shadow 0.4s var(--ease-magic), border-color 0.4s var(--ease-magic) !important;
  position: relative;
}
.product-card:hover, [class*="card--product"]:hover {
  transform: translateY(-6px) scale(1.01) !important;
  box-shadow: var(--shadow-gold-md), 0 0 0 1px rgba(201,168,76,0.3) !important;
  border-color: rgba(201,168,76,0.4) !important;
}
.product-card img,
.card__media img,
[class*="product-card"] img {
  transition: transform 0.6s var(--ease-magic) !important;
  filter: none !important;
}
.product-card:hover img,
[class*="card--product"]:hover img {
  transform: scale(1.06) !important;
  filter: none !important;
}
.card__information, .card-information, [class*="card__content"] {
  background: var(--izzy-black-card) !important;
  padding: 1.2rem 1.4rem !important;
}

.quick-add__button,
.quick-add__submit {
  background: #c9a84c !important;
  color: #0a0a0a !important;
  opacity: 1 !important;
  border: none !important;
}

/* ─── 12. PRECIOS ────────────────────────────────────────── */
.price, .card__price, [class*="price"] {
  color: var(--izzy-gold-light) !important;
  font-family: var(--font-display) !important;
  font-size: 1.1rem !important;
  font-weight: 400 !important;
}

/* ─── 13. FOOTER ─────────────────────────────────────────── */
footer, .footer, #shopify-section-footer {
  background: var(--izzy-black-soft) !important;
  border-top: 1px solid rgba(201,168,76,0.2) !important;
  color: var(--izzy-white-muted) !important;
}

/* ─── 14. CARRITO DRAWER ─────────────────────────────────── */
.cart-drawer__dialog, dialog.cart-drawer__dialog {
  background: var(--izzy-black-soft) !important;
  border: none !important;
  border-left: 1px solid rgba(201,168,76,0.2) !important;
  color: var(--izzy-white) !important;
}
.cart-drawer__heading {
  font-family: var(--font-accent) !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: var(--izzy-gold) !important;
}
.cart-drawer__close-button {
  color: var(--izzy-white-muted) !important;
  transition: color 0.3s, transform 0.3s var(--ease-bounce) !important;
}
.cart-drawer__close-button:hover {
  color: var(--izzy-pink-light) !important;
  transform: rotate(90deg) scale(1.1) !important;
}

/* ─── 15. FORMULARIOS ────────────────────────────────────── */
input[type="text"], input[type="email"], input[type="password"],
input[type="number"], input[type="search"], textarea, select {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(201,168,76,0.25) !important;
  border-radius: var(--radius-md) !important;
  color: var(--izzy-white) !important;
  font-family: var(--font-body) !important;
  font-weight: 300 !important;
  padding: 0.8em 1.2em !important;
  outline: none !important;
}
input:focus, textarea:focus, select:focus {
  border-color: rgba(201,168,76,0.6) !important;
  box-shadow: 0 0 0 3px rgba(201,168,76,0.1) !important;
}

/* ─── 16. SCROLLBAR ──────────────────────────────────────── */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: var(--izzy-black-soft); }
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, var(--izzy-gold-dark), var(--izzy-pink-dark));
  border-radius: var(--radius-pill);
}

/* ─── 17. SELECCIÓN DE TEXTO ─────────────────────────────── */
::selection {
  background: rgba(201,168,76,0.3);
  color: var(--izzy-gold-bright);
}

/* ─── 18. ANIMACIONES GLOBALES ───────────────────────────── */
.magic-particle {
  position: fixed;
  pointer-events: none;
  z-index: 99999;
  border-radius: 50%;
  animation: particle-fly 0.8s var(--ease-magic) forwards;
}
@keyframes particle-fly {
  0%   { transform: scale(1) translate(0, 0); opacity: 1; }
  100% { transform: scale(0) translate(var(--dx), var(--dy)); opacity: 0; }
}

/* ─── 19. DIVISORES ──────────────────────────────────────── */
hr {
  border: none !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, var(--izzy-gold), var(--izzy-pink), var(--izzy-gold), transparent) !important;
  opacity: 0.4 !important;
  margin: 2rem 0 !important;
}

/* ─── 20. RESPONSIVE ─────────────────────────────────────── */
@media (max-width: 768px) {
  h1, .h1 { font-size: 2rem; }
  h2, .h2 { font-size: 1.5rem; }
}

/* ─── 21. COLOR SCHEME Y FONDO ───────────────────────────── */
.section-background {
  background-color: #0a0a0a !important;
}

.color-scheme-1,
[class*="color-scheme"] {
  --color-background: #0a0a0a !important;
}

.section-background.color-scheme-1,
div.section-background[class*="color-scheme"] {
  background-color: #0a0a0a !important;
}

/* ── Barra de anuncio "Welcome to our store" ─────────────── */
.announcement-bar,
.announcement-bar__message,
[class*="announcement"] p,
[class*="announcement"] span,
[class*="announcement"] a {
  font-family: 'Cinzel', serif !important;
  font-size: 0.68rem !important;
  letter-spacing: 0.25em !important;
  text-transform: uppercase !important;
  color: var(--izzy-gold-light, #e8c97a) !important;
  -webkit-text-fill-color: var(--izzy-gold-light, #e8c97a) !important;
}

.announcement-bar,
[class*="announcement"] {
  background: linear-gradient(90deg, #0a0a0a, rgba(201,168,76,0.12), #0a0a0a) !important;
  border-bottom: 1px solid rgba(201,168,76,0.2) !important;
  padding: 0.5rem 0 !important;
}

.announcement-bar {
  background: linear-gradient(90deg, #0a0a0a, rgba(201,168,76,0.12), #0a0a0a) !important;
  border-bottom: 1px solid rgba(201,168,76,0.2) !important;
  padding: 0.5rem 0 !important;
}

/* ─── 23. BOTÓN EXPLORE THE ARTWORK ─────────────────────── */
a.button-secondary--AVDVPa2w4clUvaHhVc__button_H9gpTf {
  position: relative !important;
  overflow: hidden !important;
  background: transparent !important;
  color: #e8c97a !important;
  border: 1px solid rgba(201,168,76,0.6) !important;
  border-radius: 999px !important;
  font-family: 'Cinzel', serif !important;
  font-size: 0.85rem !important;
  font-weight: 400 !important;
  letter-spacing: 0.25em !important;
  text-transform: uppercase !important;
  padding: 1em 3em !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: border-color 0.35s ease, box-shadow 0.35s ease, transform 0.3s cubic-bezier(0.34,1.56,0.64,1) !important;
  box-shadow: 0 0 12px rgba(201,168,76,0.15) !important;
}

a.button-secondary--AVDVPa2w4clUvaHhVc__button_H9gpTf::before {
  content: '' !important;
  position: absolute !important;
  top: 50% !important;
  left: -100% !important;
  width: 60% !important;
  height: 150% !important;
  background: linear-gradient(90deg, transparent, rgba(201,168,76,0.25), transparent) !important;
  transform: translateY(-50%) skewX(-20deg) !important;
  transition: left 0.5s ease !important;
}

a.button-secondary--AVDVPa2w4clUvaHhVc__button_H9gpTf:hover {
  border-color: rgba(201,168,76,0.9) !important;
  box-shadow: 0 0 24px rgba(201,168,76,0.4) !important;
  transform: translateY(-2px) !important;
  color: #f5d98b !important;
}

a.button-secondary--AVDVPa2w4clUvaHhVc__button_H9gpTf:hover::before {
  left: 150% !important;
}

/* ─── 24. ADD TO CART Y BUY IT NOW ──────────────────────── */
.add-to-cart-button {
  background: linear-gradient(135deg, #8b6f2e, #c9a84c, #e8c97a) !important;
  color: #0a0a0a !important;
  font-family: 'Cinzel', serif !important;
  letter-spacing: 0.2em !important;
  border: none !important;
  border-radius: 999px !important;
  position: relative !important;
  overflow: hidden !important;
  transition: transform 0.3s cubic-bezier(0.34,1.56,0.64,1), box-shadow 0.3s ease !important;
  box-shadow: 0 0 12px rgba(201,168,76,0.25) !important;
}

.add-to-cart-button::before {
  content: '' !important;
  position: absolute !important;
  top: 50% !important;
  left: -100% !important;
  width: 60% !important;
  height: 150% !important;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.35), transparent) !important;
  transform: translateY(-50%) skewX(-20deg) !important;
  transition: left 0.6s ease !important;
  pointer-events: none !important;
}

.add-to-cart-button:hover {
  transform: translateY(-2px) scale(1.02) !important;
  box-shadow: 0 0 28px rgba(201,168,76,0.55) !important;
}

.add-to-cart-button:hover::before { left: 150% !important; }
.add-to-cart-button:active { transform: scale(0.98) !important; }

.shopify-payment-button__button,
button.shopify-payment-button__button--unbranded,
[class*="shopify-payment-button"] button {
  background: #0a0a0a !important;
  color: #e8c97a !important;
  border: 1px solid rgba(212,84,126,0.6) !important;
  border-radius: 999px !important;
  font-family: 'Cinzel', serif !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.25em !important;
  text-transform: uppercase !important;
  box-shadow: 0 0 14px rgba(212,84,126,0.2) !important;
  transition: border-color 0.35s ease, box-shadow 0.35s ease, transform 0.3s cubic-bezier(0.34,1.56,0.64,1) !important;
}

[class*="shopify-payment-button"] button:hover {
  border-color: rgba(212,84,126,0.9) !important;
  box-shadow: 0 0 24px rgba(212,84,126,0.45) !important;
  transform: translateY(-2px) !important;
  color: #f5d98b !important;
}

/* ─── 25. CANTIDAD ───────────────────────────────────────── */
.quantity-selector {
  background-color: #0a0a0a !important;
  border-color: rgba(201,168,76,0.3) !important;
}

.quantity-selector .quantity-minus,
.quantity-selector .quantity-plus {
  color: #c9a84c !important;
  background: transparent !important;
}

input[type="number"][name="quantity"],
input[name="updates[]"],
.quantity-selector input[type="number"] {
  color: #f5f0e8 !important;
  -webkit-text-fill-color: #f5f0e8 !important;
  background-color: transparent !important;
  background: transparent !important;
  opacity: 1 !important;
  text-align: center !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  font-size: 1rem !important;
}

/* ─── 26. FLECHAS SLIDESHOW ──────────────────────────────── */
.slideshow-control--style-arrow {
  opacity: 1 !important;
  transform: scale(1.4) !important;
}

.slideshow-control--style-arrow svg path {
  stroke: #c9a84c !important;
}

/* ─── 27. ACORDEÓN FAQ ───────────────────────────────────── */
.details__header {
  color: var(--izzy-gold-light, #e8c97a) !important;
  font-family: 'Cinzel', serif !important;
  letter-spacing: 0.1em !important;
  border-bottom: 1px solid rgba(201,168,76,0.2) !important;
  padding: 1.2em 0 !important;
}

.details__header .svg-wrapper svg path {
  stroke: #c9a84c !important;
}

.details__header:hover {
  color: var(--izzy-gold-bright, #f5d98b) !important;
}

details[open] .details__header {
  color: var(--izzy-gold-bright, #f5d98b) !important;
}

/* ─── 28. REDES SOCIALES ─────────────────────────────────── */
.social-icons__wrapper {
  display: flex !important;
  gap: 12px !important;
  align-items: center !important;
}

.social-icons__icon-wrapper a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(201,168,76,0.4) !important;
  background: rgba(10,10,10,0.8) !important;
  transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s cubic-bezier(0.34,1.56,0.64,1) !important;
}

.social-icons__icon-wrapper a:hover {
  border-color: rgba(212,84,126,0.85) !important;
  box-shadow: 0 0 16px rgba(212,84,126,0.4) !important;
  transform: scale(1.1) !important;
}

.social-icons__icon,
.social-icons__icon path {
  fill: #c9a84c !important;
  color: #c9a84c !important;
  width: 18px !important;
  height: 18px !important;
}

.social-icons__icon-label {
  display: none !important;
}

/* ─── 29. LOGIN ──────────────────────────────────────────── */
[data-testid="email-confirm-button"],
[class*="login"] button[type="submit"],
[class*="customer"] button[type="submit"] {
  background: linear-gradient(135deg, #8b6f2e, #c9a84c, #e8c97a) !important;
  color: #0a0a0a !important;
  font-family: 'Cinzel', serif !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  border: none !important;
  border-radius: 999px !important;
  position: relative !important;
  overflow: hidden !important;
  transition: transform 0.3s cubic-bezier(0.34,1.56,0.64,1), box-shadow 0.3s ease !important;
  box-shadow: 0 0 16px rgba(201,168,76,0.3) !important;
}

[data-testid="email-confirm-button"]:hover,
[class*="login"] button[type="submit"]:hover {
  transform: translateY(-2px) scale(1.02) !important;
  box-shadow: 0 0 28px rgba(201,168,76,0.55) !important;
}

/* ─── 30. FIX MODAL PRODUCTO ─────────────────────────────── */
dialog.quick-add-modal {
  background-color: #111111 !important;
}

.media-fit-contain img,
.media-fit-contain .deferred-media__poster-image {
  background-color: #0a0a0a !important;
}
/* ── Log in link en carrito vacío ────────────────────────── */
.cart-items__wrapper a,
.cart-items__wrapper p a {
  color: #c9a84c !important;
  text-decoration: underline !important;
  -webkit-text-fill-color: #c9a84c !important;
}

.cart-items__wrapper a:hover {
  color: #f5d98b !important;
  -webkit-text-fill-color: #f5d98b !important;
}
/* ── Botón Continue Shopping ─────────────────────────────── */
.cart-items__empty-button {
  position: relative !important;
  overflow: hidden !important;
  background: linear-gradient(135deg, #8b6f2e 0%, #c9a84c 50%, #f5d98b 100%) !important;
  color: #0a0a0a !important;
  font-family: 'Cinzel', serif !important;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.3em !important;
  text-transform: uppercase !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 1em 3em !important;
  transition: transform 0.3s cubic-bezier(0.34,1.56,0.64,1), box-shadow 0.3s ease !important;
  box-shadow: 0 0 20px rgba(201,168,76,0.35), 0 0 60px rgba(201,168,76,0.15) !important;
}

.cart-items__empty-button::before {
  content: '' !important;
  position: absolute !important;
  top: 50% !important;
  left: -100% !important;
  width: 60% !important;
  height: 150% !important;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.45), transparent) !important;
  transform: translateY(-50%) skewX(-20deg) !important;
  transition: left 0.6s ease !important;
  pointer-events: none !important;
}

.cart-items__empty-button:hover {
  transform: translateY(-3px) scale(1.04) !important;
  box-shadow: 0 0 35px rgba(201,168,76,0.6), 0 0 80px rgba(201,168,76,0.25) !important;
}

.cart-items__empty-button:hover::before {
  left: 150% !important;
}

.cart-items__empty-button:active {
  transform: scale(0.97) !important;
}
/* ── Fix texto botón Continue Shopping ───────────────────── */
.cart-items__empty-button,
.cart-items__empty-button span,
.cart-items__empty-button .button-text {
  color: #0a0a0a !important;
  -webkit-text-fill-color: #0a0a0a !important;
}
<style>
#izzy-magic-canvas{
  position:fixed;
  top:0;left:0;
  width:100%;height:100%;
  pointer-events:none;
  z-index:9999;
}
</style>

<canvas id="izzy-magic-canvas"></canvas>

<script>
(function(){
  var canvas = document.getElementById('izzy-magic-canvas');
  var ctx = canvas.getContext('2d');
  var W, H;
  var particles = [];
  var butterflies = [];

  function resize(){
    W = canvas.width = window.innerWidth;
    H = canvas.height = window.innerHeight;
  }
  resize();
  window.addEventListener('resize', resize);

  function rand(a,b){ return Math.random()*(b-a)+a; }

  function newParticle(){
    return {
      type: 'particle',
      x: rand(0,W), y: rand(H,H+10),
      size: rand(0.8,2.2),
      vy: rand(0.2,0.7),
      vx: rand(-0.2,0.2),
      op: rand(0.3,0.8),
      gold: Math.random() > 0.35,
      wobble: rand(0,Math.PI*2),
      wobbleSpeed: rand(0.01,0.03)
    };
  }

  function newButterfly(){
    var side = Math.random() > 0.5;
    return {
      type: 'butterfly',
      x: side ? -30 : W+30,
      y: rand(H*0.1, H*0.7),
      vx: side ? rand(0.4,0.9) : -rand(0.4,0.9),
      vy: rand(-0.2,0.2),
      wingPhase: rand(0,Math.PI*2),
      wingSpeed: rand(0.06,0.1),
      size: rand(7,13),
      op: rand(0.25,0.55),
      gold: Math.random() > 0.4,
      wobble: rand(0,Math.PI*2),
      wobbleSpeed: rand(0.008,0.02)
    };
  }

  for(var i=0;i<28;i++){
    var p = newParticle();
    p.y = rand(0,H);
    particles.push(p);
  }
  for(var i=0;i<5;i++){
    var b = newButterfly();
    b.x = rand(0,W);
    butterflies.push(b);
  }

  function drawButterfly(b){
    var wing = Math.abs(Math.sin(b.wingPhase)) * b.size;
    var color = b.gold ? 'rgba(201,168,76,'+b.op+')' : 'rgba(212,84,126,'+b.op+')';
    ctx.save();
    ctx.translate(b.x, b.y);
    if(b.vx < 0) ctx.scale(-1,1);
    ctx.fillStyle = color;
    ctx.beginPath();
    ctx.ellipse(-wing*0.5, -b.size*0.3, wing*0.85, b.size*0.55, -0.4, 0, Math.PI*2);
    ctx.fill();
    ctx.beginPath();
    ctx.ellipse(-wing*0.4, b.size*0.2, wing*0.65, b.size*0.4, 0.3, 0, Math.PI*2);
    ctx.fill();
    ctx.restore();
  }

  function draw(){
    ctx.clearRect(0,0,W,H);

    for(var i=0;i<particles.length;i++){
      var p = particles[i];
      p.wobble += p.wobbleSpeed;
      p.x += p.vx + Math.sin(p.wobble)*0.15;
      p.y -= p.vy;
      p.op -= 0.0012;
      if(p.y < -10 || p.op <= 0){
        particles[i] = newParticle();
        continue;
      }
      ctx.beginPath();
      ctx.arc(p.x, p.y, p.size, 0, Math.PI*2);
      ctx.fillStyle = p.gold
        ? 'rgba(201,168,76,'+p.op+')'
        : 'rgba(212,84,126,'+p.op+')';
      ctx.fill();
    }

    for(var i=0;i<butterflies.length;i++){
      var b = butterflies[i];
      b.wingPhase += b.wingSpeed;
      b.wobble += b.wobbleSpeed;
      b.x += b.vx;
      b.y += b.vy + Math.sin(b.wobble)*0.4;
      if(b.x > W+50 || b.x < -50){
        butterflies[i] = newButterfly();
        continue;
      }
      drawButterfly(b);
    }

    requestAnimationFrame(draw);
  }
  draw();
})();
</script>
/* ── Judge.me Reviews ────────────────────────────────────── */
.jdgm-widget,
.jdgm-rev-widg,
.jdgm-all-reviews-widget {
  background: #0a0a0a !important;
  color: #c8bfb0 !important;
  font-family: 'Jost', sans-serif !important;
  border: none !important;
}

.jdgm-rev-widg__title,
.jdgm-all-reviews__title,
.jdgm-widget-title {
  font-family: 'Cinzel', serif !important;
  color: #e8c97a !important;
  letter-spacing: 0.15em !important;
  font-size: 1.1rem !important;
  border-bottom: 1px solid rgba(201,168,76,0.2) !important;
  padding-bottom: 0.8em !important;
}

.jdgm-rev__title {
  font-family: 'Cinzel', serif !important;
  color: #e8c97a !important;
  letter-spacing: 0.08em !important;
}

.jdgm-rev__body,
.jdgm-rev__author,
.jdgm-rev__timestamp,
.jdgm-rev__custom-form-answer {
  color: #c8bfb0 !important;
  font-family: 'Jost', sans-serif !important;
}

.jdgm-rev__author {
  color: #e8c97a !important;
  font-weight: 500 !important;
}

.jdgm-rev {
  background: #151515 !important;
  border: 1px solid rgba(201,168,76,0.12) !important;
  border-radius: 12px !important;
  padding: 1.2rem !important;
  margin-bottom: 1rem !important;
  transition: border-color 0.3s ease !important;
}

.jdgm-rev:hover {
  border-color: rgba(201,168,76,0.3) !important;
}

.jdgm-star {
  color: #c9a84c !important;
}

.jdgm-star.jdgm--on {
  color: #c9a84c !important;
}

.jdgm-star.jdgm--off {
  color: rgba(201,168,76,0.2) !important;
}

.jdgm-write-rev-link,
.jdgm-btn {
  background: linear-gradient(135deg, #8b6f2e, #c9a84c, #e8c97a) !important;
  color: #0a0a0a !important;
  font-family: 'Cinzel', serif !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 0.7em 2em !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
  box-shadow: 0 0 12px rgba(201,168,76,0.25) !important;
}

.jdgm-write-rev-link:hover,
.jdgm-btn:hover {
  transform: translateY(-2px) scale(1.02) !important;
  box-shadow: 0 0 24px rgba(201,168,76,0.5) !important;
  color: #0a0a0a !important;
}

.jdgm-paginate__page,
.jdgm-paginate .jdgm-paginate__page {
  color: #c9a84c !important;
  border-color: rgba(201,168,76,0.3) !important;
}

.jdgm-paginate__page.jdgm--active {
  background: #c9a84c !important;
  color: #0a0a0a !important;
}

.jdgm-histogram__bar-fill {
  background: linear-gradient(90deg, #8b6f2e, #c9a84c) !important;
}

.jdgm-summary__stars,
.jdgm-prev-badge__stars {
  color: #c9a84c !important;
}
/* ── Judge.me Botón Write a Review ───────────────────────── */
.jm-button.jm-button--primary {
  position: relative !important;
  overflow: hidden !important;
  background: linear-gradient(135deg, #8b6f2e, #c9a84c, #e8c97a) !important;
  color: #0a0a0a !important;
  font-family: 'Cinzel', serif !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.25em !important;
  text-transform: uppercase !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 0.85em 2.5em !important;
  transition: transform 0.3s cubic-bezier(0.34,1.56,0.64,1), box-shadow 0.3s ease !important;
  box-shadow: 0 0 16px rgba(201,168,76,0.3) !important;
  cursor: pointer !important;
}

.jm-button.jm-button--primary::before {
  content: '' !important;
  position: absolute !important;
  top: 50% !important;
  left: -100% !important;
  width: 60% !important;
  height: 150% !important;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent) !important;
  transform: translateY(-50%) skewX(-20deg) !important;
  transition: left 0.6s ease !important;
  pointer-events: none !important;
}

.jm-button.jm-button--primary:hover {
  transform: translateY(-2px) scale(1.04) !important;
  box-shadow: 0 0 30px rgba(201,168,76,0.6) !important;
  color: #0a0a0a !important;
}

.jm-button.jm-button--primary:hover::before {
  left: 150% !important;
}

.jm-button.jm-button--primary:active {
  transform: scale(0.97) !important;
}
/* ── Fix lupa duplicada ──────────────────────────────────── */
.search-action--hidden-on-drawer {
  display: none !important;
}

@media (min-width: 768px) {
  .search-action--hidden-on-drawer {
    display: inline-flex !important;
  }
  .search-action--hidden-on-menu {
    display: none !important;
  }
}