:root { --emp-cream: #F5F1E8; --emp-cream-suelo: #FDFCF9; --emp-black: #111111; --emp-dark: #0c0a09; --emp-panel: #1a1714; --emp-panel-2: #1c1a17; --emp-gold: var(--emp-wine); --emp-gold-soft: var(--emp-wine-soft); --emp-wine: #E2231A; --emp-wine-dark: #B91C1C; --emp-wine-soft: #EC706A; --emp-green: #2E7D4F; --emp-wa: #25D366; --emp-serif: 'Playfair Display', Georgia, 'Times New Roman', serif; --emp-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; --emp-maxw: 1180px; --emp-topbar-h: 44px; --emp-header-h: 62px; --emp-appbanner-h: 46px; --emp-shipbar-h: 56px; --emp-stack-h: 162px;
}
body.emp { margin: 0; background: var(--emp-cream-suelo); font-family: var(--emp-sans); color: var(--emp-black); overflow-x: hidden; position: relative;
}
.emp *,
.emp *::before,
.emp *::after { box-sizing: border-box;
}
body.emp-scroll-lock { position: fixed; left: 0; right: 0; width: 100%; overflow: hidden;
}
.emp img { max-width: 100%; display: block;
}
.emp a { color: var(--emp-wine);
}
.emp a:hover { color: var(--emp-wine-dark);
}
.emp ::-webkit-scrollbar { width: 8px;
}
.emp ::-webkit-scrollbar-thumb { background: var(--emp-gold); border-radius: 4px;
}
.emp-container { max-width: var(--emp-maxw); margin: 0 auto;
}
.emp-serif { font-family: var(--emp-serif);
}
.emp-visually-hidden { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}
.emp-topbar { background: var(--emp-black); color: var(--emp-cream); padding: 0 16px; height: var(--emp-topbar-h); display: flex; align-items: center; justify-content: center; gap: 10px; text-align: center; font-size: 12.5px; font-weight: 500; letter-spacing: 0.02em; overflow: hidden; position: sticky; top: 0; z-index: 60; border-bottom: 1px solid rgba(226, 35, 26, 0.4); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
.emp-topbar__msg { animation: emp-marquee-in 0.4s ease-out; transition: opacity 0.2s ease, transform 0.2s ease; font-weight: 700; letter-spacing: 0.035em; color: var(--emp-cream); text-shadow: 0 0 14px rgba(245, 241, 232, 0.35); will-change: opacity, transform;
}
.emp-topbar__msg.is-leaving { opacity: 0; transform: translateY(-5px);
}
@media (prefers-reduced-motion: reduce) { .emp-topbar__msg { animation: none; transition: none; }
}
.emp-topbar__spark { width: 6px; height: 6px; flex-shrink: 0; border-radius: 50%; background: var(--emp-wine); box-shadow: 0 0 8px 1px rgba(226, 35, 26, 0.8); animation: emp-spark-pulse 1.4s ease-in-out infinite;
}
@keyframes emp-spark-pulse { 0%, 100% { transform: scale(1); box-shadow: 0 0 8px 1px rgba(226, 35, 26, 0.8); } 50% { transform: scale(1.8); box-shadow: 0 0 14px 4px rgba(226, 35, 26, 0.95); }
}
.emp-header { background: var(--emp-black); padding: 14px 20px; position: sticky; top: var(--emp-topbar-h); z-index: 65; border-bottom: 1px solid rgba(226, 35, 26, 0.2);
}
.emp-header__inner { max-width: 1440px; margin: 0 auto; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 16px;
}
.emp-nav-panel { display: contents;
}
.emp-nav-panel > .emp-nav { justify-content: center;
}
@media (min-width: 1260px) { .emp-header__inner { grid-template-columns: 1fr auto 1fr; } .emp-header__inner > .emp-logo { justify-self: start; } .emp-header__inner > .emp-header__right { justify-self: end; }
}
.emp-nav-panel__head { display: none;
}
.emp-header__right { display: flex; align-items: center; gap: 18px;
}
.emp-hamburger { display: none; flex-direction: column; justify-content: center; gap: 5px; width: 26px; height: 22px; background: none; border: none; cursor: pointer; padding: 0;
}
.emp-hamburger span { display: block; height: 2px; width: 100%; background: var(--emp-cream); border-radius: 2px;
}
.emp-app-banner { height: var(--emp-appbanner-h); position: sticky; top: var(--emp-topbar-h); z-index: 58;
}
body.emp-has-app-banner .emp-header { top: calc(var(--emp-topbar-h) + var(--emp-appbanner-h));
}
.emp-app-banner__btn.emp-app-banner__btn { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background: linear-gradient(90deg, var(--emp-wine-dark), var(--emp-wine) 50%, var(--emp-wine-dark)); color: #fff; font-weight: 800; font-size: 14.5px; letter-spacing: 0.04em; text-transform: uppercase; text-decoration: none; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); border-bottom: 1px solid rgba(226, 35, 26, 0.4); box-shadow: 0 6px 18px -6px rgba(226, 35, 26, 0.65); animation: emp-appbanner-glow 2.4s ease-in-out infinite;
}
.emp-app-banner__btn.emp-app-banner__btn:hover { color: #fff; filter: brightness(1.1);
}
.emp-app-banner__btn:active { filter: brightness(0.95);
}
@keyframes emp-appbanner-glow { 0%, 100% { box-shadow: 0 6px 18px -6px rgba(226, 35, 26, 0.65); } 50% { box-shadow: 0 6px 22px -4px rgba(226, 35, 26, 0.95); }
}
@media (prefers-reduced-motion: reduce) { .emp-app-banner__btn { animation: none; }
}
@media (max-width: 720px) { .emp-app-banner__btn { font-size: 13.5px; padding: 0 14px; text-align: center; }
}
.emp-nav-overlay { display: none; position: fixed; inset: 0; background: rgba(0, 0, 0, 0.55); z-index: 45;
}
.emp-nav-overlay.is-open { display: block;
}
.emp-logo { font-family: var(--emp-serif); font-weight: 700; font-size: 22px; color: var(--emp-gold); white-space: nowrap; text-decoration: none;
}
.emp-logo:hover { color: var(--emp-gold-soft);
}
.emp-logo--image { display: flex; align-items: center;
}
.emp-logo--image img { display: block; height: auto; max-height: 44px; width: auto;
}
.emp-logo--image a { display: flex;
}
.emp-search-wrap { position: relative; display: flex; align-items: center;
}
.emp-search { width: 160px; flex: 0 0 auto; position: relative;
}
.emp-search__close { display: none;
}
.emp-search__input { width: 100%; box-sizing: border-box; background: rgba(245, 241, 232, 0.08); border: 1px solid rgba(245, 241, 232, 0.18); color: var(--emp-cream); padding: 8px 12px; border-radius: 8px; font-size: 13px; font-family: inherit;
}
.emp-search__input::placeholder { color: rgba(245, 241, 232, 0.5);
}
.emp-search-toggle { display: none; align-items: center; justify-content: center; width: 34px; height: 34px; background: none; border: none; color: var(--emp-cream); cursor: pointer; padding: 0;
}
.emp-nav { display: flex; gap: 18px; flex-wrap: wrap; font-size: 13.5px; font-weight: 600; margin: 0; padding: 0; list-style: none;
}
.emp-nav li { position: relative;
}
.emp-nav__toggle { display: none;
}
.emp-nav a { display: block; color: rgba(245, 241, 232, 0.85); text-decoration: none;
}
.emp-nav a:hover { color: var(--emp-cream);
}
.emp-nav a.emp-nav__accent,
.emp-nav .emp-nav__accent > a { color: var(--emp-gold);
}
.emp-nav > li > .sub-menu { position: absolute; top: 100%; left: 0; z-index: 70; display: none; flex-direction: row; align-items: flex-start; gap: 28px; margin: 0; padding: 14px 20px; background: var(--emp-panel); border: 1.5px solid rgba(226, 35, 26, 0.55); border-radius: 10px; box-shadow: 0 20px 44px -14px rgba(0, 0, 0, 0.75);
}
@media (min-width: 721px) and (hover: hover) { .emp-nav > li:hover > .sub-menu, .emp-nav > li:focus-within > .sub-menu { display: flex; } .emp-nav > li.emp-solo-movil { display: none; } .emp-nav > li > a { padding-bottom: 4px; } .emp-nav > li > a:hover, .emp-nav > li > a:focus-visible { color: var(--emp-wine); box-shadow: inset 0 -2px 0 var(--emp-wine); } .emp-nav > li > .sub-menu { left: 50%; transform: translateX(calc(-50% + var(--emp-sub-shift, 0px))); width: max-content; flex-wrap: wrap; max-width: calc(100vw - 24px); max-height: calc(100vh - var(--emp-stack-h) - 16px); overflow-y: auto; overscroll-behavior: contain; }
}
@media (min-width: 721px) { .emp-hero__media { margin-left: 28px; }
}
.emp-nav > li > .sub-menu > li { width: auto; min-width: 190px; display: flex; flex-direction: column;
}
.emp-nav .sub-menu li { width: 100%;
}
.emp-nav .sub-menu a { padding: 9px 4px; font-size: 13px; font-weight: 500; white-space: nowrap; border-radius: 6px;
}
.emp-nav .sub-menu a:hover { background: rgba(245, 241, 232, 0.06);
}
.emp-nav > li > .sub-menu > li > a { padding: 8px 10px; font-size: 13.5px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--emp-cream); background: var(--emp-wine-dark); pointer-events: none; cursor: default; user-select: none;
}
.emp-nav .sub-menu .sub-menu { position: static; display: flex; flex-direction: column; margin: 2px 0 0; padding: 0; background: transparent; border: none; border-radius: 0; box-shadow: none; min-width: 0;
}
.emp-nav .sub-menu .sub-menu a { padding: 8px 10px; font-size: 13px; color: rgba(245, 241, 232, 0.75);
}
.emp-nav .sub-menu .menu-item-has-children > a::after { display: none;
}
.emp-nav .menu-item-has-children > a::after { content: ''; display: inline-block; width: 5px; height: 5px; margin-left: 6px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg) translateY(-2px); opacity: 0.6;
}
.emp-header__actions { display: flex; align-items: center; gap: 14px;
}
.emp-icon-btn { position: relative; background: none; border: none; cursor: pointer; padding: 0; color: var(--emp-cream); display: inline-flex;
}
.emp-cart-count { position: absolute; top: -8px; right: -10px; background: var(--emp-wine); color: #fff; font-size: 10.5px; font-weight: 700; min-width: 17px; height: 17px; padding: 0 4px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
}
.emp-shipbar { background: var(--emp-black); color: var(--emp-cream); padding: 11px 20px 12px; border-top: 2px solid var(--emp-wine); position: sticky; top: calc(var(--emp-topbar-h) + var(--emp-header-h)); z-index: 55;
}
body.emp-has-app-banner .emp-shipbar { top: calc(var(--emp-topbar-h) + var(--emp-header-h) + var(--emp-appbanner-h));
}
.emp-shipbar__inner { max-width: 620px; margin: 0 auto;
}
.emp-shipbar__top { display: flex; align-items: center; justify-content: center; gap: 9px; margin-bottom: 7px;
}
.emp-shipbar__icon { flex-shrink: 0; color: var(--emp-wine-soft);
}
.emp-shipbar__msg { font-size: 14px; font-weight: 800; line-height: 1.25; text-align: center;
}
.emp-shipbar__track { height: 8px; background: rgba(245, 241, 232, 0.16); border-radius: 100px; overflow: hidden;
}
.emp-shipbar__fill { height: 100%; width: 0; border-radius: 100px; background: linear-gradient(90deg, var(--emp-wine-dark), var(--emp-wine)); transition: width 0.45s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.emp-shipbar.is-free { border-top-color: var(--emp-cream);
}
.emp-shipbar.is-free .emp-shipbar__icon { color: var(--emp-cream);
}
.emp-shipbar.is-free .emp-shipbar__fill { background: var(--emp-cream);
}
@media (max-width: 560px) { .emp-shipbar { padding: 9px 14px 10px; } .emp-shipbar__msg { font-size: 12.5px; } .emp-shipbar__top { gap: 7px; margin-bottom: 6px; } .emp-shipbar__track { height: 7px; }
}
@media (prefers-reduced-motion: reduce) { .emp-shipbar__fill { transition-duration: 0.01s; }
}
.emp-hero { background: var(--emp-black); padding: 56px 20px 60px; position: relative; overflow: hidden; min-height: 560px; display: flex; align-items: center;
}
.emp-hero__bg { position: absolute; inset: 0; display: flex;
}
.emp-hero__bg-half { width: 50%; height: 100%; overflow: hidden;
}
.emp-hero__bg-half img { width: 100%; height: 100%; object-fit: cover; display: block;
}
.emp-hero__scrim { position: absolute; inset: 0; background: linear-gradient( to right, rgba(17, 17, 17, 0.88) 0%, rgba(17, 17, 17, 0.72) 38%, rgba(17, 17, 17, 0.32) 65%, rgba(17, 17, 17, 0.5) 100% );
}
.emp-hero__aura { position: absolute; inset: 0; background: radial-gradient(ellipse at 50% 20%, rgba(226, 35, 26, 0.14), transparent 60%); pointer-events: none;
}
.emp-hero__inner { max-width: var(--emp-maxw); margin: 0 auto; width: 100%; display: flex; flex-wrap: wrap; align-items: center; gap: 40px; position: relative; z-index: 1; perspective: 1000px;
}
.emp-hero.is-idle .emp-bottle,
.emp-hero.is-idle .emp-glow,
.emp-hero.is-idle .emp-bottle__sheen::before { animation-play-state: paused;
}
.emp-hero__copy { flex: 1; min-width: 280px; max-width: 520px; display: flex; flex-direction: column; gap: 18px;
}
.emp-hero__media { position: relative; width: min(55vw, 260px); aspect-ratio: 3 / 4; flex-shrink: 0;
}
.emp-glow { position: absolute; inset: -15%; background: radial-gradient(circle, rgba(226, 35, 26, 0.4), transparent 65%); animation: emp-shimmer 7s ease-in-out infinite;
}
.emp-bottle { position: relative; width: 100%; height: 100%; animation: emp-float 7s ease-in-out infinite; filter: drop-shadow(0 24px 32px rgba(0, 0, 0, 0.45));
}
.emp-bottle img { width: 100%; height: 100%; object-fit: cover;
}
.emp-bottle__sheen { position: absolute; inset: 0; overflow: hidden; pointer-events: none; -webkit-mask-image: var(--emp-bottle-img); mask-image: var(--emp-bottle-img); -webkit-mask-size: cover; mask-size: cover; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
}
.emp-bottle__sheen::before { content: ''; position: absolute; top: -25%; bottom: -25%; left: 0; width: 26%; background: linear-gradient( 100deg, transparent, rgba(255, 255, 255, 0.38) 45%, rgba(255, 255, 255, 0.62) 50%, rgba(255, 255, 255, 0.38) 55%, transparent ); mix-blend-mode: screen; filter: blur(1px); animation: emp-sheen 7s ease-in-out infinite;
}
.emp-eyebrow { display: inline-flex; align-self: flex-start; align-items: center; gap: 8px; background: rgba(226, 35, 26, 0.12); border: 1px solid rgba(226, 35, 26, 0.35); color: var(--emp-gold-soft); padding: 6px 14px; border-radius: 999px; font-size: 12px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase;
}
.emp-hero__title { font-family: var(--emp-serif); font-weight: 700; font-size: clamp(30px, 5vw, 52px); line-height: 1.08; color: var(--emp-cream); margin: 0; text-wrap: balance;
}
.emp-hero__sub { font-size: 16.5px; line-height: 1.55; color: rgba(245, 241, 232, 0.72); margin: 0; max-width: 460px; text-wrap: pretty;
}
.emp-hero__ctas { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 4px;
}
.emp-hero__ctas .emp-btn--primary { order: 1;
}
.emp-hero__ctas .emp-btn--ghost { order: 2;
}
.emp-hero__cta-hint { order: 3; flex-basis: 100%;
}
.emp-btn { display: inline-block; border: none; cursor: pointer; text-decoration: none; font-family: inherit; border-radius: 10px; transition: transform 0.15s ease, border-color 0.15s ease, background 0.15s ease;
}
.emp-btn--primary { position: relative; overflow: hidden; display: inline-flex; align-items: center; gap: 8px; background: var(--emp-wine); color: var(--emp-cream); padding: 16px 30px; font-weight: 700; font-size: 15.5px; box-shadow: 0 10px 24px -8px rgba(226, 35, 26, 0.55); animation: emp-appbanner-glow 2.4s ease-in-out infinite;
}
.emp-btn__icon { flex-shrink: 0;
}
.emp-hero__cta-hint { margin: 0; font-size: 12px; color: rgba(245, 241, 232, 0.55);
}
.emp-btn--primary::after { content: ''; position: absolute; top: 0; left: -60%; width: 40%; height: 100%; background: linear-gradient(115deg, transparent, rgba(255, 255, 255, 0.35), transparent); animation: emp-cta-shine 3.2s ease-in-out infinite; pointer-events: none;
}
.emp-btn--primary:hover { transform: scale(1.03); color: var(--emp-cream); animation-play-state: paused;
}
.emp-btn--primary:active { transform: scale(0.98);
}
.emp-btn--ghost { background: transparent; color: var(--emp-cream); padding: 16px 26px; font-weight: 600; font-size: 15.5px; border: 1.5px solid rgba(245, 241, 232, 0.3);
}
.emp-btn--ghost:hover { border-color: rgba(245, 241, 232, 0.7); color: var(--emp-cream); background: rgba(245, 241, 232, 0.08); transform: scale(1.03);
}
.emp-btn--ghost:active { transform: scale(0.98);
}
@keyframes emp-cta-shine { 0%, 20% { left: -60%; } 55%, 100% { left: 130%; }
}
.emp a.emp-btn--primary,
.emp a.emp-btn--primary:hover { color: #fff;
}
.emp a.emp-btn--ghost,
.emp a.emp-btn--ghost:hover { color: #fff;
}
@media (hover: none) { .emp-btn--primary:hover, .emp-btn--ghost:hover, .emp-sticky-cta a:hover { transform: none; }
}
.emp-hero__social { display: flex; align-items: center; gap: 10px; margin-top: 6px;
}
.emp-stars { display: flex; gap: 2px;
}
.emp-stars svg { animation: emp-star-pop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) backwards, emp-star-twinkle 2.6s ease-in-out 1.2s infinite;
}
.emp-stars svg:nth-child(1) { animation-delay: 0s, 1.2s; }
.emp-stars svg:nth-child(2) { animation-delay: 0.08s, 1.4s; }
.emp-stars svg:nth-child(3) { animation-delay: 0.16s, 1.6s; }
.emp-stars svg:nth-child(4) { animation-delay: 0.24s, 1.8s; }
.emp-stars svg:nth-child(5) { animation-delay: 0.32s, 2s; }
@keyframes emp-star-pop { from { opacity: 0; transform: scale(0.3) rotate(-20deg); } 60% { opacity: 1; transform: scale(1.2) rotate(8deg); } to { opacity: 1; transform: scale(1) rotate(0deg); }
}
@keyframes emp-star-twinkle { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.55; transform: scale(0.92); }
}
.emp-hero__social-text { color: rgba(245, 241, 232, 0.7); font-size: 13px; font-weight: 500;
}
.emp-hero__social-text strong { color: var(--emp-cream);
}
.emp-imgslot { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; color: rgba(17, 17, 17, 0.35); font-size: 11px; font-weight: 600; letter-spacing: 0.03em; text-transform: uppercase; background: repeating-linear-gradient(45deg, rgba(226, 35, 26, 0.06) 0 10px, transparent 10px 20px), rgba(226, 35, 26, 0.08);
}
.emp-imgslot--dark { color: rgba(245, 241, 232, 0.4); background: repeating-linear-gradient(45deg, rgba(226, 35, 26, 0.08) 0 10px, transparent 10px 20px), rgba(255, 255, 255, 0.02);
}
.emp-reveal { opacity: 0; transform: translateY(18px); transition: opacity 0.6s ease-out, transform 0.6s ease-out; will-change: opacity, transform;
}
.emp-reveal.is-visible { opacity: 1; transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) { .emp-reveal { opacity: 1; transform: none; }
}
.emp-section { padding: 60px 20px;
}
.emp-section--cream { background: var(--emp-cream-suelo);
}
.emp-section--dark { background: var(--emp-black);
}
.emp-eyebrow-sm { font-size: 12.5px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--emp-wine); margin-bottom: 8px;
}
.emp-h2 { font-family: var(--emp-serif); font-size: clamp(24px, 3.5vw, 32px); margin: 0; color: var(--emp-black);
}
.emp-h2--light { color: var(--emp-cream);
}
.emp-quiz-pop { position: fixed; inset: 0; z-index: 150; background: rgba(0, 0, 0, 0.55); display: flex; align-items: center; justify-content: center; padding: 20px; overflow-y: auto;
}
.emp-quiz-pop__box { position: relative; background: var(--emp-cream); border-radius: 16px; padding: 44px 32px 36px; max-width: 640px; width: 100%; margin: auto;
}
.emp-quiz-pop__close { position: absolute; top: 14px; right: 14px; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; background: rgba(17, 17, 17, 0.06); border: none; border-radius: 50%; font-size: 14px; color: var(--emp-black); cursor: pointer;
}
.emp-quiz-pop__close:hover { background: rgba(17, 17, 17, 0.12);
}
@media (max-width: 480px) { .emp-quiz-pop__box { padding: 40px 18px 26px; }
}
.emp-quiz { max-width: 640px; margin: 0 auto; text-align: center;
}
.emp-quiz__title { font-family: var(--emp-serif); font-size: clamp(26px, 4vw, 36px); margin: 0 0 28px; color: var(--emp-black);
}
.emp-quiz__bar { height: 5px; background: rgba(17, 17, 17, 0.1); border-radius: 3px; overflow: hidden; margin-bottom: 32px;
}
.emp-quiz__bar-fill { height: 100%; background: var(--emp-wine); border-radius: 3px; width: 0; transition: width 0.4s ease;
}
.emp-quiz__step-q { font-weight: 700; font-size: 18px; margin-bottom: 18px;
}
.emp-quiz__options { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center;
}
.emp-quiz__options--3x3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px;
}
.emp-quiz__options--3x3 .emp-quiz__opt { padding: 12px 6px; font-size: 13px; text-align: center; overflow-wrap: break-word;
}
.emp-quiz__options--3x3 .emp-quiz__opt:last-child:nth-child(3n + 1) { grid-column: 2;
}
@media (max-width: 420px) { .emp-quiz__options--3x3 { gap: 8px; } .emp-quiz__options--3x3 .emp-quiz__opt { padding: 11px 3px; font-size: 12px; }
}
.emp-quiz__cargando { padding: 28px 0; text-align: center; color: rgba(17, 17, 17, 0.55); font-size: 14px;
}
.emp-quiz__aviso { display: block; width: 100%; margin: 0 0 16px; padding: 10px 14px; border-radius: 10px; background: rgba(226, 35, 26, 0.07); border: 1px solid rgba(226, 35, 26, 0.22); color: rgba(17, 17, 17, 0.78); font-size: 13px; line-height: 1.45; text-align: left;
}
.emp-quiz__grid.emp-quiz__grid--plano { display: block;
}
.emp-quiz__cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 16px; text-align: left;
}
.emp-quiz__opt { background: #fff; color: var(--emp-black); border: 1.5px solid rgba(17, 17, 17, 0.12); padding: 14px 20px; border-radius: 12px; font-weight: 600; font-size: 14px; cursor: pointer; font-family: inherit; transition: transform 0.15s ease, border-color 0.15s ease;
}
.emp-quiz__opt--lg { padding: 16px 24px; font-size: 14.5px; min-width: 120px;
}
.emp-quiz__opt:hover { border-color: var(--emp-gold); transform: scale(1.03);
}
.emp-quiz__opt:active { transform: scale(0.97);
}
.emp-quiz__results-title { font-weight: 700; font-size: 19px; margin-bottom: 6px; font-family: var(--emp-serif);
}
.emp-quiz__results-lead { font-size: 13.5px; color: rgba(17, 17, 17, 0.6); margin: 0 0 20px;
}
.emp-quiz__email { display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; margin-bottom: 24px;
}
.emp-input { padding: 12px 14px; border-radius: 8px; border: 1.5px solid rgba(17, 17, 17, 0.15); font-size: 14px; font-family: inherit; min-width: 220px;
}
.emp-btn--wine-sm { background: var(--emp-wine); color: #fff; border: none; padding: 12px 20px; border-radius: 8px; font-weight: 700; font-size: 14px; cursor: pointer; font-family: inherit;
}
.emp-quiz__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 16px; text-align: left;
}
.emp-quiz__reset { margin-top: 18px; background: none; border: none; color: rgba(17, 17, 17, 0.5); font-size: 12.5px; cursor: pointer; text-decoration: underline; font-family: inherit;
}
.emp-hidden { display: none !important;
}
.emp-mini-card { background: #fff; border-radius: 12px; padding: 14px; border: 1px solid rgba(17, 17, 17, 0.08);
}
a.emp-mini-card { display: block; color: inherit; text-decoration: none; transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}
a.emp-mini-card:hover,
a.emp-mini-card:focus-visible { transform: translateY(-2px); box-shadow: 0 10px 24px -12px rgba(17, 17, 17, 0.35); border-color: rgba(226, 35, 26, 0.45);
}
@media (prefers-reduced-motion: reduce) { a.emp-mini-card { transition: none; } a.emp-mini-card:hover, a.emp-mini-card:focus-visible { transform: none; }
}
.emp-mini-card__img { width: 100%; aspect-ratio: 1; border-radius: 8px; overflow: hidden; margin-bottom: 10px; background: var(--emp-cream);
}
.emp-mini-card__img img { width: 100%; height: 100%; object-fit: cover;
}
.emp-mini-card__brand { font-size: 11px; font-weight: 700; color: var(--emp-wine); text-transform: uppercase; letter-spacing: 0.03em;
}
.emp-mini-card__name { font-weight: 700; font-size: 14px; margin: 2px 0 6px;
}
.emp-mini-card__price { font-weight: 700; font-size: 14.5px;
}
.emp-section-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 28px;
}
.emp-section-head .emp-h2 { flex-shrink: 0;
}
.emp-countdown { display: flex; align-items: center; justify-content: center; flex: 1 1 auto; max-width: 460px; min-width: 240px; background: var(--emp-wine); border: 1px solid rgba(255, 255, 255, 0.25); color: #fff; padding: 16px 24px; border-radius: 0; font-weight: 800; font-size: 17px; letter-spacing: 0.02em; font-variant-numeric: tabular-nums; animation: emp-countdown-urgent 1s ease-in-out infinite;
}
@keyframes emp-countdown-urgent { 0%, 100% { transform: scale(1); box-shadow: 0 2px 10px rgba(226, 35, 26, 0.3); filter: brightness(1); } 50% { transform: scale(1.05); box-shadow: 0 8px 30px rgba(226, 35, 26, 0.85); filter: brightness(1.18); }
}
@media (max-width: 480px) { .emp-countdown { min-width: 0; max-width: none; width: 100%; }
}
@media (prefers-reduced-motion: reduce) { .emp-countdown { animation: none; }
}
.emp-carousel { position: relative; overflow-x: hidden; overflow-x: clip;
}
.emp-grid { display: flex; gap: 14px; overflow-x: auto; justify-content: safe center; scroll-snap-type: x proximity; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; padding: 8px 2px 16px; scrollbar-width: none;
}
.emp-grid::-webkit-scrollbar { display: none;
}
.emp-grid > .emp-card { flex: 0 0 calc((100% - 14px) / 2); scroll-snap-align: start;
}
@media (min-width: 721px) { .emp-grid { gap: 20px; } .emp-grid > .emp-card { flex-basis: calc((100% - 60px) / 4); }
}
@media (prefers-reduced-motion: reduce) { .emp-grid { scroll-behavior: auto; }
}
.emp-carousel__arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 5; width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgba(245, 241, 232, 0.25); background: rgba(17, 17, 17, 0.82); color: var(--emp-cream); cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35); transition: filter 0.15s ease;
}
.emp-carousel__arrow:hover { filter: brightness(1.25);
}
.emp-carousel__arrow[hidden] { display: none;
}
.emp-carousel__arrow--prev { left: 6px;
}
.emp-carousel__arrow--next { right: 6px;
}
.emp-carousel__arrow svg { width: 18px; height: 18px;
}
@media (max-width: 720px) { .emp-carousel__arrow { display: none; }
}
.emp-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;
}
.emp-card { display: flex; flex-direction: column; background: linear-gradient(180deg, #262019, #1b1713); border: 1px solid rgba(226, 35, 26, 0.32); border-radius: 14px; overflow: hidden; box-shadow: 0 6px 22px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(245, 241, 232, 0.05) inset; transition: transform 0.32s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.32s ease, border-color 0.32s ease;
}
.emp-card:hover { transform: translateY(-4px); border-color: rgba(226, 35, 26, 0.55); box-shadow: 0 24px 46px rgba(0, 0, 0, 0.6), 0 0 26px rgba(226, 35, 26, 0.16);
}
@media (prefers-reduced-motion: reduce) { .emp-card { transition: none; } .emp-card:hover { transform: none; }
}
.emp-card__image { position: relative; aspect-ratio: 1 / 1; width: 100%; flex-shrink: 0; overflow: hidden; background: radial-gradient(circle at 30% 20%, rgba(226, 35, 26, 0.05), transparent 60%), #ffffff;
}
.emp-card--agotado .emp-card__image { filter: saturate(0.87) brightness(0.96);
}
.emp-card__img { display: block; position: absolute; inset: 0; width: 100%; height: 100%;
}
.emp-card__img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center;
}
.emp-card__badges { position: absolute; top: 10px; left: 10px; z-index: 4; display: flex; flex-direction: column; gap: 6px; align-items: flex-start;
}
.emp-badge { font-size: 10.5px; font-weight: 700; letter-spacing: 0.04em; line-height: 1.3; padding: 4px 10px; border-radius: 999px; white-space: nowrap;
}
.emp-badge--bestseller,
.emp-badge--preventa { background: var(--emp-wine); color: #fff;
}
.emp-badge--agotado { background: rgba(245, 241, 232, 0.14); color: var(--emp-cream);
}
.emp-badge--discount { background: var(--emp-black); color: var(--emp-cream); font-weight: 800;
}
.emp-badge--lowstock { display: flex; align-items: center; gap: 5px; background: rgba(142, 27, 46, 0.9); color: var(--emp-cream); font-size: 10px; font-weight: 600; padding: 3px 9px;
}
.emp-badge__dot { width: 6px; height: 6px; border-radius: 50%; background: var(--emp-cream); animation: emp-pulse 1.6s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) { .emp-badge__dot { animation: none; }
}
.emp-card__original { position: absolute; top: 10px; right: 10px; z-index: 4; background: rgba(226, 35, 26, 0.14); border: 1px solid rgba(226, 35, 26, 0.4); color: var(--emp-wine-soft); font-size: 8.5px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; padding: 3px 8px; border-radius: 999px; white-space: nowrap;
}
.emp-card__body { flex: 1; padding: 14px 14px 16px; display: flex; flex-direction: column;
}
.emp-card__brand { font-family: var(--emp-sans); font-size: 10px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--emp-wine-soft);
}
.emp-card__name { font-family: var(--emp-serif); font-weight: 700; font-size: 18px; color: var(--emp-cream); line-height: 1.15; margin: 2px 0 4px;
}
.emp-card__name a { color: inherit; text-decoration: none;
}
.emp-card__meta { font-size: 11.5px; color: rgba(245, 241, 232, 0.55); margin: 0 0 8px;
}
.emp-card__occasion-text { font-size: 11.5px; color: rgba(245, 241, 232, 0.55); margin: 0 0 8px;
}
.emp-card__occasion { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 8px;
}
.emp-card__occasion span { display: inline-block; background: rgba(245, 241, 232, 0.06); border: 1px solid rgba(245, 241, 232, 0.14); color: rgba(245, 241, 232, 0.75); font-size: 10.5px; font-weight: 500; padding: 3px 9px; border-radius: 999px;
}
.emp-card__matices { margin: -2px 0 8px; min-height: 13px; font-size: 10px; font-weight: 400; line-height: 13px; letter-spacing: 0.02em; text-transform: lowercase; color: rgba(245, 241, 232, 0.45);
}
.emp-card__desc { font-size: 11.5px; line-height: 1.4; min-height: calc(1.4em * 2); color: rgba(245, 241, 232, 0.55); margin: 0 0 8px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.emp-card__pyramid-toggle { background: none; border: none; padding: 0; margin: 0 0 8px; cursor: pointer; display: flex; align-items: center; gap: 5px; font-family: var(--emp-sans); font-size: 11.5px; font-weight: 600; color: var(--emp-wine-soft);
}
.emp-card__pyramid-toggle svg { transition: transform 0.25s ease;
}
.emp-card__pyramid-toggle[aria-expanded="true"] svg { transform: rotate(180deg);
}
.emp-card__pyramid { margin-bottom: 8px;
}
.emp-card__pyramid[hidden] { display: none;
}
.emp-card__pyramid-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; background: rgba(245, 241, 232, 0.04); border: 1px solid rgba(245, 241, 232, 0.1); border-radius: 8px; padding: 10px;
}
.emp-card__pyramid-tier { font-size: 9px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--emp-wine-soft); margin-bottom: 3px;
}
.emp-card__pyramid-notes { font-size: 11px; color: rgba(245, 241, 232, 0.68); line-height: 1.4;
}
.emp-card__prices { display: flex; align-items: baseline; gap: 7px; flex-wrap: wrap; margin: 2px 0;
}
.emp-card__old { font-size: 12px; color: rgba(245, 241, 232, 0.35); text-decoration: line-through;
}
.emp-card__price { font-family: var(--emp-serif); font-weight: 700; font-size: 20px; color: var(--emp-cream); display: inline-block; transform-origin: left center;
}
.emp-card__price.emp-anim-play { animation: emp-price-pop 0.6s ease-in-out;
}
.emp-card__price--muted { color: rgba(245, 241, 232, 0.55);
}
.emp-card__prices:has(.emp-card__old) .emp-card__price.emp-anim-play { animation-name: emp-price-pop-strong;
}
@keyframes emp-price-pop { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.1); }
}
@keyframes emp-price-pop-strong { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.18); }
}
@media (prefers-reduced-motion: reduce) { .emp-card__price.emp-anim-play { animation: none; }
}
.emp-card__price-from { font-family: var(--emp-sans); font-weight: 600; font-size: 11px; color: rgba(245, 241, 232, 0.55);
}
.emp-card__savings { position: relative; display: inline-flex; align-items: center; gap: 4px; font-size: 11px; font-weight: 800; letter-spacing: 0.01em; color: var(--emp-wine); background: rgba(226, 35, 26, 0.1); border: 1px dashed rgba(226, 35, 26, 0.55); padding: 3px 9px 3px 14px; border-radius: 4px; margin: 0 0 10px; animation: emp-savings-pulse 2.2s ease-in-out infinite;
}
.emp-card__savings::before { content: ''; position: absolute; left: -4px; top: 50%; width: 8px; height: 8px; margin-top: -4px; background: var(--emp-black); border: 1px dashed rgba(226, 35, 26, 0.55); border-radius: 50%;
}
@keyframes emp-savings-pulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(226, 35, 26, 0.35); } 50% { box-shadow: 0 0 0 4px rgba(226, 35, 26, 0); }
}
.emp-card__status-line { font-size: 11px; color: rgba(245, 241, 232, 0.55); margin: 6px 0 9px;
}
.emp-card__status-line--italic { font-style: italic;
}
.emp-card__status-line--gold { color: var(--emp-wine-soft); font-weight: 600;
}
.emp-card__cta { margin-top: auto; width: 100%; box-sizing: border-box; border: none; padding: 13px 8px; border-radius: 8px; font-family: var(--emp-sans); font-weight: 700; font-size: 13px; letter-spacing: 0.02em; cursor: pointer; text-align: center; text-decoration: none; display: flex; align-items: center; justify-content: center; gap: 8px; transition: filter 0.2s ease, transform 0.15s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s ease;
}
.emp-card__cta:hover { filter: brightness(1.12); transform: translateY(-2px);
}
.emp-card__cta:active { transform: scale(0.96);
}
.emp-card__cta--wine,
.emp-card__cta--gold { background: var(--emp-wine); color: #fff; animation: emp-cta-glow 1.6s ease-in-out infinite;
}
.emp-card__cta--wine:hover,
.emp-card__cta--gold:hover { animation-play-state: paused; box-shadow: 0 8px 26px rgba(226, 35, 26, 0.65);
}
@keyframes emp-cta-glow { 0%, 100% { box-shadow: 0 2px 10px rgba(226, 35, 26, 0.25); transform: scale(1); } 50% { box-shadow: 0 6px 26px rgba(226, 35, 26, 0.75); transform: scale(1.035); }
}
@media (prefers-reduced-motion: reduce) { .emp-card__cta--wine, .emp-card__cta--gold { animation: none; }
}
.emp-card__cta--ghost { background: rgba(245, 241, 232, 0.08); color: var(--emp-cream); border: 1.5px solid rgba(245, 241, 232, 0.28);
}
a.emp-card__cta--wine,
a.emp-card__cta--gold,
a.emp-card__cta--wine:hover,
a.emp-card__cta--gold:hover { color: #fff;
}
a.emp-card__cta--ghost,
a.emp-card__cta--ghost:hover { color: var(--emp-cream);
}
.emp-card__notify { margin-top: auto;
}
.emp-card__notify-form,
.emp-card__notify-done { border-radius: 8px; padding: 12px;
}
.emp-card__notify-form[hidden],
.emp-card__notify-done[hidden] { display: none;
}
.emp-card__notify-form { background: rgba(245, 241, 232, 0.05); border: 1px solid rgba(245, 241, 232, 0.14);
}
.emp-card__notify-form p { font-size: 11.5px; color: rgba(245, 241, 232, 0.62); margin: 0 0 8px;
}
.emp-card__notify-form input { width: 100%; box-sizing: border-box; padding: 10px 11px; margin-bottom: 7px; border-radius: 6px; border: 1px solid rgba(245, 241, 232, 0.2); background: rgba(0, 0, 0, 0.25); color: var(--emp-cream); font-family: var(--emp-sans); font-size: 12.5px; outline: none;
}
.emp-card__notify-confirm { width: 100%; background: var(--emp-wine-dark); color: var(--emp-cream); border: none; padding: 11px; border-radius: 6px; font-family: var(--emp-sans); font-weight: 700; font-size: 12.5px; cursor: pointer;
}
.emp-card__notify-cancel { width: 100%; background: none; border: none; margin-top: 7px; color: rgba(245, 241, 232, 0.4); font-family: var(--emp-sans); font-size: 10.5px; cursor: pointer;
}
.emp-card__notify-done { background: rgba(226, 35, 26, 0.1); border: 1px solid rgba(226, 35, 26, 0.32); text-align: center;
}
.emp-card__notify-done-title { font-family: var(--emp-serif); font-size: 15px; color: var(--emp-cream); margin: 0 0 3px;
}
.emp-card__notify-done-text { font-size: 11px; color: rgba(245, 241, 232, 0.55); margin: 0;
}
.emp-card__trust { font-size: 10.5px; font-weight: 700; color: var(--emp-wine-soft); text-align: center; margin: 9px 0 0; letter-spacing: 0.02em;
}
#ocasion .emp-h2,
#ocasion .emp-chips-lead { text-align: center;
}
#ocasion .emp-chips-lead { color: rgba(245, 241, 232, 0.55);
}
#ocasion .emp-chip.is-active { background: var(--emp-wine); color: #fff; border-color: var(--emp-wine);
}
#ocasion .emp-chips { justify-content: center;
}
#ofertas .emp-section-head { flex-direction: column; align-items: center; justify-content: center;
}
#ofertas .emp-section-head .emp-h2 { text-align: center;
}
#ofertas .emp-section-head .emp-countdown { flex: 0 0 auto; width: 100%; max-width: 460px;
}
#ofertas .emp-card { background: #ffffff; border-color: rgba(17, 17, 17, 0.16); box-shadow: 0 8px 20px rgba(17, 17, 17, 0.12);
}
#ofertas .emp-card:hover { border-color: rgba(226, 35, 26, 0.4); box-shadow: 0 26px 46px rgba(17, 17, 17, 0.18);
}
#ofertas .emp-card__brand { color: var(--emp-wine);
}
#ofertas .emp-card__savings::before { background: #ffffff;
}
#ofertas .emp-card__name,
#ofertas .emp-card__price,
#ofertas .emp-card__notify-done-title { color: var(--emp-black);
}
#ofertas .emp-card__meta,
#ofertas .emp-card__occasion-text,
#ofertas .emp-card__price--muted,
#ofertas .emp-card__price-from,
#ofertas .emp-card__status-line,
#ofertas .emp-card__notify-form p,
#ofertas .emp-card__notify-done-text,
#ofertas .emp-card__desc { color: rgba(17, 17, 17, 0.55);
}
#ofertas .emp-card__old { color: rgba(17, 17, 17, 0.32);
}
#ofertas .emp-card__occasion span { background: rgba(17, 17, 17, 0.05); border-color: rgba(17, 17, 17, 0.14); color: rgba(17, 17, 17, 0.7);
}
#ofertas .emp-card__pyramid-toggle { color: var(--emp-wine);
}
#ofertas .emp-card__pyramid-grid { background: rgba(17, 17, 17, 0.03); border-color: rgba(17, 17, 17, 0.1);
}
#ofertas .emp-card__pyramid-tier { color: var(--emp-wine);
}
#ofertas .emp-card__pyramid-notes { color: rgba(17, 17, 17, 0.62);
}
#ofertas .emp-card__cta--ghost,
#ofertas a.emp-card__cta--ghost,
#ofertas a.emp-card__cta--ghost:hover { background: rgba(17, 17, 17, 0.05); color: var(--emp-black); border-color: rgba(17, 17, 17, 0.18);
}
#ofertas .emp-card__notify-form { background: rgba(17, 17, 17, 0.03); border-color: rgba(17, 17, 17, 0.1);
}
#ofertas .emp-card__notify-form input { background: #fff; border-color: rgba(17, 17, 17, 0.15); color: var(--emp-black);
}
#ofertas .emp-card__notify-cancel { color: rgba(17, 17, 17, 0.4);
}
.emp-chips-lead { font-size: 14px; color: rgba(17, 17, 17, 0.55); margin: 0 0 22px;
}
.emp-chips { display: flex; flex-wrap: wrap; gap: 10px;
}
.emp-chips + .emp-chips { margin-top: 14px;
}
.emp-chips-group { margin-top: 16px;
}
.emp-chips-label { display: block; font-family: var(--emp-sans); font-size: 11px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--emp-wine); margin-bottom: 8px; text-align: center;
}
.emp-chip { background: #fff; color: var(--emp-black); border: 1.5px solid rgba(17, 17, 17, 0.15); padding: 10px 18px; border-radius: 999px; font-weight: 600; font-size: 13.5px; cursor: pointer; font-family: inherit; transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.emp-chip.is-active { background: var(--emp-black); color: var(--emp-cream); border-color: var(--emp-black);
}
#mas-vendidos { border-top: 1px solid rgba(245, 241, 232, 0.14);
}
.emp-section--tight { padding: 20px 20px 64px;
}
.emp-filter-clear { background: none; border: 1px solid rgba(17, 17, 17, 0.2); color: var(--emp-black); padding: 7px 14px; border-radius: 999px; font-size: 12.5px; font-weight: 600; cursor: pointer; font-family: inherit;
}
.emp-guarantees { max-width: 1080px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 24px;
}
.emp-guarantee { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px;
}
.emp-guarantee__icon { width: 56px; height: 56px; border-radius: 50%; background: rgba(226, 35, 26, 0.12); display: flex; align-items: center; justify-content: center; color: var(--emp-gold);
}
.emp-guarantee__title { font-weight: 700; font-size: 14px; color: var(--emp-cream);
}
.emp-guarantee__desc { font-size: 12px; color: rgba(245, 241, 232, 0.55);
}
#garantias .emp-guarantee__title { color: var(--emp-black);
}
#garantias .emp-guarantee:nth-child(2) { --emp-seal-d: 0.09s; }
#garantias .emp-guarantee:nth-child(3) { --emp-seal-d: 0.18s; }
#garantias .emp-guarantee:nth-child(4) { --emp-seal-d: 0.27s; }
#garantias.is-visible .emp-guarantee { animation: emp-seal-in 0.55s cubic-bezier(0.16, 1, 0.3, 1) var(--emp-seal-d, 0s) both;
}
#garantias.is-visible .emp-guarantee__icon { animation: emp-seal-pop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) calc(var(--emp-seal-d, 0s) + 0.08s) both;
}
@keyframes emp-seal-in { from { opacity: 0; transform: translateY(12px); } to   { opacity: 1; transform: translateY(0); }
}
@keyframes emp-seal-pop { from { transform: scale(0.7); } to   { transform: scale(1); }
}
#garantias .emp-guarantee__desc { color: rgba(17, 17, 17, 0.55);
}
.emp-reviews { max-width: 640px; margin: 0 auto; text-align: center;
}
.emp-reviews__count { font-size: 14px; color: rgba(17, 17, 17, 0.55); margin-bottom: 28px;
}
.emp-reviews__count strong { color: var(--emp-black);
}
.emp-reviews__empty { font-size: 14.5px; color: rgba(17, 17, 17, 0.5); font-style: italic; margin: 28px 0 8px;
}
.emp-review { background: #fff; border-radius: 16px; padding: 28px; border: 1px solid rgba(17, 17, 17, 0.08); margin-top: 28px;
}
.emp-review__stars { display: flex; gap: 2px; justify-content: center; margin-bottom: 12px;
}
.emp-review__text { font-size: 15.5px; line-height: 1.6; color: var(--emp-black); margin: 0 0 14px; font-style: italic;
}
.emp-review__author { font-weight: 700; font-size: 14px;
}
.emp-review__dots { display: flex; gap: 8px; justify-content: center; margin-top: 16px;
}
.emp-review__dot { width: 8px; height: 8px; border-radius: 50%; border: none; padding: 0; cursor: pointer; background: rgba(17, 17, 17, 0.2); transition: background 0.2s ease;
}
.emp-review__dot.is-active { background: var(--emp-wine);
}
.emp-review-cta { margin: 22px auto 0; display: inline-flex; align-items: center; gap: 8px; background: var(--emp-wine); color: #fff; border: none; padding: 13px 24px; border-radius: 999px; font-family: inherit; font-weight: 700; font-size: 14px; cursor: pointer; animation: emp-review-cta-bounce 1.8s ease-in-out infinite; transition: filter 0.2s ease, transform 0.15s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s ease;
}
.emp-review-cta svg { animation: emp-review-cta-spin 1.8s ease-in-out infinite;
}
@keyframes emp-review-cta-bounce { 0%, 100% { transform: translateY(0) scale(1); box-shadow: 0 4px 14px rgba(226, 35, 26, 0.28); } 25% { transform: translateY(-5px) scale(1.06); box-shadow: 0 14px 28px rgba(226, 35, 26, 0.6); } 50% { transform: translateY(0) scale(1); box-shadow: 0 4px 14px rgba(226, 35, 26, 0.28); } 75% { transform: translateY(-2px) scale(1.03); box-shadow: 0 8px 20px rgba(226, 35, 26, 0.42); }
}
@keyframes emp-review-cta-spin { 0%, 55%, 100% { transform: rotate(0deg) scale(1); } 20% { transform: rotate(-18deg) scale(1.15); } 40% { transform: rotate(14deg) scale(1.15); }
}
.emp-review-cta:hover { filter: brightness(1.12); transform: translateY(-3px) scale(1.05); animation-play-state: paused; box-shadow: 0 16px 32px rgba(226, 35, 26, 0.7);
}
.emp-review-cta:hover svg { animation-play-state: paused;
}
.emp-review-cta:active { transform: scale(0.94);
}
@media (prefers-reduced-motion: reduce) { .emp-review-cta, .emp-review-cta svg { animation: none; }
}
.emp-review-form { max-width: 420px; margin: 0 auto; text-align: left;
}
.emp-review-form__stars { display: flex; gap: 6px; justify-content: center; margin-bottom: 18px;
}
.emp-review-form__star { background: none; border: none; padding: 2px; cursor: pointer; color: rgba(17, 17, 17, 0.2); transition: color 0.15s ease, transform 0.15s ease;
}
.emp-review-form__star:hover { transform: scale(1.15);
}
.emp-review-form__star.is-active { color: var(--emp-wine);
}
.emp-review-form__field { display: block; width: 100%; box-sizing: border-box; margin-top: 10px;
}
.emp-review-form__field:first-of-type { margin-top: 0;
}
.emp-review-form__textarea { min-height: 100px; resize: vertical; font-family: inherit;
}
.emp-hp { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0;
}
.emp-review-form__submit { width: 100%; margin-top: 14px;
}
.emp-review-form__submit:disabled { opacity: 0.6; cursor: default;
}
.emp-review-form__msg { font-size: 12.5px; color: var(--emp-wine); text-align: center; min-height: 16px; margin: 10px 0 0;
}
.emp-review-form__done { text-align: center; padding: 20px 0;
}
.emp-review-form__done-title { font-family: var(--emp-serif); font-size: 22px; margin: 0 0 8px;
}
.emp-social-head { text-align: center; margin-bottom: 28px;
}
.emp-social-head .emp-chips-lead { margin: 6px 0 0;
}
.emp-social-wrap { width: 100%; padding: 0 clamp(20px, 4vw, 48px);
}
.emp-social-stage { position: relative; max-width: 1200px; margin: 0 auto;
}
.emp-social-viewport { overflow: hidden; container-type: inline-size;
}
.emp-social-track { display: flex; width: max-content;
}
.emp-social-card { flex: 0 0 auto; width: calc(50cqw - 12px); margin-right: 12px; position: relative; display: block; height: 420px; border-radius: 14px; overflow: hidden; background: #111; box-shadow: 0 6px 22px rgba(0, 0, 0, 0.2); text-decoration: none;
}
@media (min-width: 721px) { .emp-social-card { width: calc(25cqw - 15px); margin-right: 20px; height: 520px; }
}
.emp-social-card iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; display: block;
}
.emp-social-guard { position: absolute; left: 0; right: 0; z-index: 3; background: transparent;
}
.emp-social-guard--top { top: 0; height: 54px;
}
.emp-social-guard--bottom { bottom: 0; height: 120px;
}
.emp-social-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
}
.emp-social-card__play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; width: 56px; height: 56px; border-radius: 50%; background: rgba(226, 35, 26, 0.9); display: flex; align-items: center; justify-content: center; padding-left: 3px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
}
.emp-social-card__title { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; padding: 30px 14px 14px; background: linear-gradient(transparent, rgba(0, 0, 0, 0.78)); color: var(--emp-cream); font-family: var(--emp-sans); font-size: 13px; font-weight: 600; line-height: 1.35;
}
.emp-social-arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 20; width: 42px; height: 42px; border-radius: 50%; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; background: rgba(17, 17, 17, 0.55); color: var(--emp-cream); box-shadow: 0 4px 16px rgba(17, 17, 17, 0.25); transition: background 0.2s ease, transform 0.2s ease; -webkit-tap-highlight-color: transparent;
}
.emp-social-arrow:hover { background: var(--emp-wine); transform: translateY(-50%) scale(1.08);
}
.emp-social-arrow--prev { left: -6px;
}
.emp-social-arrow--next { right: -6px;
}
@media (min-width: 721px) { .emp-social-arrow { width: 46px; height: 46px; } .emp-social-arrow--prev { left: -14px; } .emp-social-arrow--next { right: -14px; }
}
@media (prefers-reduced-motion: reduce) { .emp-social-track { transition: none !important; }
}
.emp-tline { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); row-gap: 0; column-gap: 10px; margin-top: 40px;
}
@media (min-width: 721px) { .emp-tline { column-gap: 20px; }
}
.emp-tline-track { display: block; position: absolute; top: 26px; left: 12.5%; right: 12.5%; height: 3px; background: rgba(245, 241, 232, 0.12); border-radius: 3px; z-index: 0; overflow: visible;
}
.emp-tline-fill { position: relative; height: 100%; width: 0%; background: linear-gradient(90deg, var(--emp-wine), var(--emp-wine-soft)); border-radius: 3px; transition: width 1.5s cubic-bezier(0.65, 0, 0.35, 1); overflow: visible;
}
.emp-tline-runner { position: absolute; top: 50%; left: 0; width: 11px; height: 11px; margin-top: -5.5px; border-radius: 50%; background: #fff; box-shadow: 0 0 10px 3px rgba(226, 35, 26, 0.8); opacity: 0;
}
.emp-tline.is-done .emp-tline-runner { opacity: 1; animation: emp-tline-runner 2.4s ease-in-out infinite;
}
@keyframes emp-tline-runner { 0% { left: 0%; opacity: 0; } 8% { opacity: 1; } 92% { opacity: 1; } 100% { left: 100%; opacity: 0; }
}
.emp-tline-step { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 8px; opacity: 0; transform: translateY(16px); transition: opacity 0.5s ease, transform 0.5s ease; cursor: pointer;
}
.emp-tline-step.is-in { opacity: 1; transform: translateY(0);
}
.emp-tline-dot { width: 52px; height: 52px; border-radius: 50%; border: 2px solid rgba(245, 241, 232, 0.18); background: rgba(245, 241, 232, 0.04); display: flex; align-items: center; justify-content: center; color: rgba(245, 241, 232, 0.4); transition: border-color 0.35s ease, background 0.35s ease, color 0.35s ease, transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.emp-tline-step:hover .emp-tline-dot { transform: scale(1.14);
}
.emp-tline-step:active .emp-tline-dot { transform: scale(0.92);
}
.emp-tline-step.is-active .emp-tline-dot { border-color: var(--emp-wine); background: var(--emp-wine); color: #fff; animation: emp-tline-pop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), emp-tline-pulse 1.8s ease-in-out 0.5s infinite;
}
.emp-tline-step.is-active:hover .emp-tline-dot { animation-play-state: paused; transform: scale(1.14); box-shadow: 0 0 0 9px rgba(226, 35, 26, 0.3);
}
@keyframes emp-tline-pop { 0% { transform: scale(0.55) rotate(-8deg); } 55% { transform: scale(1.2) rotate(4deg); } 80% { transform: scale(0.95) rotate(-1deg); } 100% { transform: scale(1) rotate(0deg); }
}
@keyframes emp-tline-pulse { 0%, 100% { box-shadow: 0 0 0 6px rgba(226, 35, 26, 0.22); } 50% { box-shadow: 0 0 0 13px rgba(226, 35, 26, 0.04); }
}
.emp-tline-step.is-active .emp-tline-dot svg { animation: emp-tline-icon-in 0.5s ease 0.05s backwards;
}
@keyframes emp-tline-icon-in { 0% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); opacity: 1; }
}
.emp-tline-label { font-weight: 700; font-size: 13.5px; color: rgba(245, 241, 232, 0.55); max-width: 150px; transition: color 0.35s ease;
}
.emp-tline-step:hover .emp-tline-label { color: var(--emp-cream);
}
.emp-tline-step.is-active .emp-tline-label { color: var(--emp-cream);
}
.emp-tline-desc { font-size: 11.5px; color: rgba(245, 241, 232, 0.35); max-width: 150px;
}
#tline .emp-tline-track { background: rgba(17, 17, 17, 0.1);
}
#tline .emp-tline-dot { border-color: rgba(17, 17, 17, 0.15); background: rgba(17, 17, 17, 0.03); color: rgba(17, 17, 17, 0.4);
}
#tline .emp-tline-step.is-active .emp-tline-dot { border-color: var(--emp-wine); background: var(--emp-wine); color: #fff;
}
#tline .emp-tline-label { color: rgba(17, 17, 17, 0.55);
}
#tline .emp-tline-step:hover .emp-tline-label,
#tline .emp-tline-step.is-active .emp-tline-label { color: var(--emp-black);
}
#tline .emp-tline-desc { color: rgba(17, 17, 17, 0.4);
}
@media (prefers-reduced-motion: reduce) { .emp-tline-fill, .emp-tline-step, .emp-tline-dot { transition: none; } .emp-tline-step.is-active .emp-tline-dot, .emp-tline-step.is-active .emp-tline-dot svg, .emp-tline-runner { animation: none; } .emp-tline-runner { display: none; }
}
.emp-payments { width: 100vw; margin-left: calc(50% - 50vw); margin-top: 40px; padding: 22px 0; overflow: hidden; border-top: 1px solid rgba(17, 17, 17, 0.08); border-bottom: 1px solid rgba(17, 17, 17, 0.08);
}
.emp-payments__track { display: flex; align-items: center; width: max-content; animation-name: emp-brands-scroll; animation-timing-function: linear; animation-iteration-count: infinite;
}
.emp-payments__item { display: flex; align-items: center; justify-content: center; height: 34px; margin-right: 48px; flex-shrink: 0;
}
.emp-payments__item img { height: 100%; width: auto; max-width: 96px; object-fit: contain; opacity: 0.75; filter: grayscale(1); transition: opacity 0.2s ease, filter 0.2s ease;
}
.emp-payments__item:hover img { opacity: 1; filter: grayscale(0);
}
@media (prefers-reduced-motion: reduce) { .emp-payments__track { animation: none; }
}
.emp-brands { padding: 36px 0; background: var(--emp-black); overflow: hidden; border-top: 1px solid rgba(226, 35, 26, 0.15); border-bottom: 1px solid rgba(226, 35, 26, 0.15);
}
.emp-brands__track { display: flex; width: max-content; animation: emp-brands-scroll 45s linear infinite;
}
.emp-brands__item { font-family: var(--emp-serif); font-size: 19px; font-weight: 600; color: rgba(245, 241, 232, 0.55); white-space: nowrap; margin-right: 56px; flex-shrink: 0;
}
.emp-value { max-width: 620px; margin: 0 auto; text-align: center;
}
.emp-value__title { font-family: var(--emp-serif); font-size: clamp(24px, 3.5vw, 30px); margin: 0 0 14px; color: var(--emp-black);
}
.emp-value__text { font-size: 15.5px; line-height: 1.65; color: rgba(17, 17, 17, 0.65); margin: 0;
}
.emp-value__title--light { color: var(--emp-cream);
}
.emp-value__text--light { color: rgba(245, 241, 232, 0.6);
}
.emp-value__cta { margin-top: 28px; animation: none; box-shadow: 0 10px 24px -8px rgba(226, 35, 26, 0.55), 0 0 calc(var(--emp-cta-near, 0) * 30px) calc(var(--emp-cta-near, 0) * 8px) rgba(226, 35, 26, calc(var(--emp-cta-near, 0) * 0.5)), 0 0 calc(var(--emp-cta-near, 0) * 10px) rgba(255, 120, 100, calc(var(--emp-cta-near, 0) * 0.45));
}
#emp-content { position: relative;
}
.emp-snake-trail { position: absolute; top: 0; left: 50%; transform: translateX(-50%); overflow: visible; pointer-events: none; z-index: 2; transition: opacity 0.22s ease;
}
.emp-snake-trail path { fill: none; stroke: var(--emp-wine); stroke-opacity: 0.65; stroke-width: 3.5; stroke-linecap: round; stroke-linejoin: round;
}
.emp-snake-trail .emp-snake-hot { fill: none; stroke: var(--emp-wine); stroke-linecap: butt; stroke-linejoin: round;
}
.emp-snake-dot { fill: var(--emp-wine); filter: drop-shadow(0 0 6px rgba(226, 35, 26, 0.95)); transform-box: fill-box; transform-origin: center; animation: emp-snake-dotpulse 1.05s ease-in-out infinite;
}
@keyframes emp-snake-dotpulse { 0%, 100% { transform: scale(1); } 50%      { transform: scale(1.45); }
}
.emp-snake-halo { fill: var(--emp-wine); transform-box: fill-box; transform-origin: center; animation: emp-snake-pulse 1.7s ease-out infinite;
}
.emp-snake-halo--2 { animation-delay: -0.85s; }
@keyframes emp-snake-pulse { 0%   { transform: scale(0.5); opacity: 0.6; } 70%  { opacity: 0; } 100% { transform: scale(var(--emp-halo-max, 4.2)); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) { .emp-snake-dot { animation: none; } .emp-snake-halo { animation: none; }
}
.emp-value__cta.emp-cta-lit { box-shadow: 0 10px 24px -8px rgba(226, 35, 26, 0.55), 0 0 40px 12px rgba(226, 35, 26, 0.75), 0 0 14px 3px rgba(255, 120, 100, 0.9); filter: brightness(1.15); animation: emp-cta-flash 0.7s ease-out;
}
.emp-btn--primary.emp-value__cta.emp-cta-lit { animation-play-state: running !important;
}
.emp-value__cta.emp-cta-lit.emp-cta-noflash { animation: none;
}
@keyframes emp-cta-flash { 0%   { box-shadow: 0 10px 24px -8px rgba(226, 35, 26, 0.55), 0 0 30px 8px rgba(226, 35, 26, 0.5), 0 0 10px 0 rgba(255, 120, 100, 0.45); filter: brightness(1); transform: scale(1); } 35%  { box-shadow: 0 10px 24px -8px rgba(226, 35, 26, 0.55), 0 0 54px 20px rgba(255, 90, 70, 0.95), 0 0 20px 6px rgba(255, 180, 160, 0.95); filter: brightness(1.5); transform: scale(1.05); } 100% { box-shadow: 0 10px 24px -8px rgba(226, 35, 26, 0.55), 0 0 40px 12px rgba(226, 35, 26, 0.75), 0 0 14px 3px rgba(255, 120, 100, 0.9); filter: brightness(1.15); transform: scale(1); }
}
@media (prefers-reduced-motion: reduce) { .emp-value__cta.emp-cta-lit { animation: none; }
}
#emp-faq-section { border-top: 1px solid rgba(245, 241, 232, 0.14);
}
.emp-faq { max-width: 760px; margin: 0 auto;
}
.emp-faq-list { margin-top: 8px;
}
.emp-faq-item { border-bottom: 1px solid rgba(245, 241, 232, 0.14);
}
.emp-faq-q { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 16px; background: none; border: none; padding: 20px 4px; margin: 0; cursor: pointer; text-align: left; font-family: inherit; font-weight: 700; font-size: 15.5px; color: var(--emp-cream); transition: color 0.2s ease;
}
.emp-faq-q:hover { color: var(--emp-wine-soft);
}
.emp-faq-q__icon { flex-shrink: 0; color: var(--emp-wine); transition: transform 0.3s ease;
}
.emp-faq-q[aria-expanded="true"] .emp-faq-q__icon { transform: rotate(135deg);
}
.emp-faq-a-wrap { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.35s ease;
}
.emp-faq-item.is-open .emp-faq-a-wrap { grid-template-rows: 1fr;
}
.emp-faq-a-inner { overflow: hidden;
}
.emp-faq-a { margin: 0; padding: 0 26px 20px 4px; font-size: 14px; line-height: 1.65; color: rgba(245, 241, 232, 0.55);
}
@media (prefers-reduced-motion: reduce) { .emp-faq-a-wrap, .emp-faq-q__icon { transition: none; }
}
.emp-footer { background: var(--emp-black); font-size: 14px; color: var(--emp-cream);
}
.emp-footer a { color: rgba(245, 241, 232, 0.62); text-decoration: none; transition: color 0.2s ease;
}
.emp-footer a:hover { color: var(--emp-wine-soft);
}
.emp-ft-news { background: var(--emp-wine); padding: 52px 20px;
}
.emp-ft-news__inner { max-width: var(--emp-maxw); margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; gap: 32px; justify-content: space-between;
}
.emp-ft-news__copy { flex: 1; min-width: 260px;
}
.emp-ft-news__title { font-family: var(--emp-serif); font-weight: 700; font-size: clamp(24px, 3.2vw, 32px); margin: 0 0 8px; color: var(--emp-cream); text-wrap: balance;
}
.emp-ft-news__sub { font-size: 14.5px; color: rgba(245, 241, 232, 0.85); margin: 0; max-width: 440px; text-wrap: pretty;
}
.emp-ft-news__formwrap { flex: 1; min-width: 280px; max-width: 460px;
}
.emp-ft-news__form { display: flex; max-width: 460px;
}
.emp-ft-news__input { flex: 1; min-width: 0; background: rgba(245, 241, 232, 0.12); border: 1px solid rgba(245, 241, 232, 0.38); border-right: none; border-radius: 10px 0 0 10px; padding: 0 16px; height: 50px; font-size: 14px; color: var(--emp-cream); font-family: inherit; outline: none;
}
.emp-ft-news__input::placeholder { color: rgba(245, 241, 232, 0.6);
}
.emp-ft-news__input:focus { border-color: var(--emp-cream);
}
.emp-ft-news__btn { background: var(--emp-cream); color: var(--emp-black); border: none; border-radius: 0 10px 10px 0; padding: 0 22px; height: 50px; font-weight: 700; font-size: 13.5px; letter-spacing: 0.03em; text-transform: uppercase; cursor: pointer; white-space: nowrap; transition: filter 0.2s ease, transform 0.1s ease;
}
.emp-ft-news__btn:hover { filter: brightness(0.94);
}
.emp-ft-news__btn:active { transform: scale(0.98);
}
.emp-ft-news__fine { font-size: 10.5px; color: rgba(245, 241, 232, 0.55); margin: 8px 0 0;
}
.emp-ft-news__ok { display: flex; align-items: center; gap: 10px; background: rgba(245, 241, 232, 0.12); border: 1px solid rgba(245, 241, 232, 0.3); border-radius: 10px; padding: 14px 18px; color: var(--emp-cream); animation: emp-ft-in 0.4s ease-out;
}
.emp-ft-news__ok svg { color: var(--emp-cream); flex-shrink: 0;
}
.emp-ft-news__ok span { font-size: 14px; font-weight: 600;
}
.emp-ft-news__ok { flex-wrap: wrap;
}
.emp-ft-news__coupon,
.emp-exit__coupon { font-family: inherit; font-size: 15px; font-weight: 800; letter-spacing: 0.12em; color: var(--emp-cream); background: rgba(245, 241, 232, 0.16); border: 1px dashed rgba(245, 241, 232, 0.55); border-radius: 8px; padding: 7px 14px; cursor: pointer; transition: background 0.2s ease, border-color 0.2s ease;
}
.emp-ft-news__coupon:hover,
.emp-exit__coupon:hover { background: rgba(245, 241, 232, 0.26); border-color: var(--emp-cream);
}
.emp-ft-news__coupon.is-copied::after,
.emp-exit__coupon.is-copied::after { content: " ¡copiado!"; font-size: 11px; font-weight: 600; letter-spacing: normal;
}
.emp-ft-news__coupon.is-select::after,
.emp-exit__coupon.is-select::after { content: " copia el código"; font-size: 11px; font-weight: 600; letter-spacing: normal;
}
.emp-exit__coupon { color: var(--emp-black); background: rgba(17, 17, 17, 0.06); border-color: rgba(17, 17, 17, 0.4); margin-top: 10px;
}
.emp-exit__coupon:hover { background: rgba(17, 17, 17, 0.12); border-color: var(--emp-black);
}
.emp-ft-news__err,
.emp-exit__err { font-size: 12.5px; font-weight: 600; margin: 8px 0 0; color: #ff9b9b;
}
.emp-exit__err { color: var(--emp-wine);
}
.emp-exit__ok { display: flex; flex-direction: column; align-items: center; gap: 2px; font-size: 14px; font-weight: 600; color: var(--emp-black); animation: emp-ft-in 0.4s ease-out;
}
.emp-hp { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; opacity: 0 !important; pointer-events: none;
}
@keyframes emp-ft-in { from { opacity: 0; transform: translateY(14px); } to   { opacity: 1; transform: none; }
}
.emp-ft-trust { border-top: 1px solid rgba(226, 35, 26, 0.18); border-bottom: 1px solid rgba(226, 35, 26, 0.14);
}
.emp-ft-trust__inner { max-width: var(--emp-maxw); margin: 0 auto; padding: 0 20px;
}
.emp-ft-trust__grid { display: grid; grid-template-columns: repeat(2, 1fr);
}
.emp-ft-trust__item { display: flex; align-items: center; gap: 11px; padding: 22px 20px; border-right: 1px solid rgba(226, 35, 26, 0.12);
}
.emp-ft-trust__icon { flex-shrink: 0; width: 26px; height: 26px; color: var(--emp-wine-soft);
}
.emp-ft-trust__label { font-size: 12.5px; font-weight: 600; color: var(--emp-cream); line-height: 1.35;
}
.emp-ft-payments { margin-top: 0; border-top: 1px solid rgba(226, 35, 26, 0.14);
}
.emp-ft-payments .emp-payments__item img { filter: grayscale(1) invert(1) brightness(1.6);
}
.emp-ft-nav { padding: 48px 20px 8px;
}
.emp-ft-nav__grid { max-width: var(--emp-maxw); margin: 0 auto; display: grid; grid-template-columns: 1fr;
}
.emp-ft-col { padding-bottom: 32px; border-bottom: 1px solid rgba(226, 35, 26, 0.12);
}
.emp-ft-col__toggle { width: 100%; background: none; border: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; padding: 14px 0; min-height: 44px;
}
.emp-ft-col__title { font-size: 12px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--emp-wine-soft);
}
.emp-ft-chevron { color: var(--emp-wine-soft); transition: transform 0.3s ease; flex-shrink: 0;
}
.emp-ft-col.is-open .emp-ft-chevron,
.emp-ft-seo-sec.is-open .emp-ft-chevron { transform: rotate(180deg);
}
.emp-ft-col__body,
.emp-ft-seo-sec__body { max-height: 0; opacity: 0; overflow: hidden; transition: max-height 0.42s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease;
}
.emp-ft-col.is-open .emp-ft-col__body { max-height: 600px; opacity: 1;
}
.emp-ft-seo-sec.is-open .emp-ft-seo-sec__body { max-height: 900px; opacity: 1;
}
.emp-ft-col__list { list-style: none; margin: 0; padding: 4px 0 8px; display: flex; flex-direction: column; gap: 2px;
}
.emp-ft-col__list a { display: flex; align-items: center; min-height: 40px; font-size: 13.5px;
}
.emp-ft-seo { padding: 8px 20px 24px; border-top: 1px solid rgba(226, 35, 26, 0.14);
}
.emp-ft-seo__inner { max-width: var(--emp-maxw); margin: 0 auto;
}
.emp-ft-seo-sec { border-bottom: 1px solid rgba(226, 35, 26, 0.12);
}
.emp-ft-seo-sec__toggle { width: 100%; background: none; border: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; padding: 14px 0; min-height: 44px;
}
.emp-ft-seo-sec__title { font-size: 12px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(245, 241, 232, 0.6);
}
.emp-ft-seo-sec__toggle .emp-ft-chevron { color: rgba(245, 241, 232, 0.6);
}
.emp-ft-seo-sec__groups { padding: 4px 0 20px; display: flex; flex-direction: column; gap: 14px;
}
.emp-ft-seo-group__label { font-size: 10.5px; font-weight: 700; color: var(--emp-wine-soft); letter-spacing: 0.06em; margin: 0 0 8px;
}
.emp-ft-seo-group__items { display: flex; flex-wrap: wrap; gap: 8px 18px;
}
.emp-ft-seo-group__items a { font-size: 12.5px; color: rgba(245, 241, 232, 0.5); min-height: 32px; display: flex; align-items: center;
}
.emp-ft-legal { border-top: 1px solid rgba(226, 35, 26, 0.18); padding: 36px 20px 28px;
}
.emp-ft-legal__inner { max-width: var(--emp-maxw); margin: 0 auto;
}
.emp-ft-legal__top { display: flex; flex-wrap: wrap; gap: 24px; justify-content: center; align-items: flex-start; padding-bottom: 28px; border-bottom: 1px solid rgba(226, 35, 26, 0.12);
}
.emp-ft-contact { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 6px;
}
.emp-ft-contact a { font-size: 13.5px;
}
.emp-ft-contact span { font-size: 12px; color: rgba(245, 241, 232, 0.42);
}
.emp-ft-hours { max-width: 280px; background: rgba(226, 35, 26, 0.08); border: 1px solid rgba(226, 35, 26, 0.24); border-radius: 10px; padding: 14px 16px;
}
.emp-ft-hours__t { font-size: 12.5px; font-weight: 700; color: var(--emp-wine-soft); margin: 0 0 4px;
}
.emp-ft-hours__d { font-size: 12px; color: rgba(245, 241, 232, 0.62); margin: 0; line-height: 1.5;
}
.emp-ft-social { display: flex; flex-direction: column; gap: 10px; align-items: center;
}
.emp-ft-social__count { font-size: 11.5px; color: rgba(245, 241, 232, 0.42);
}
.emp-ft-social__icons { display: flex; gap: 10px;
}
.emp-footer .emp-ft-social__icons a { width: 38px; height: 38px; border-radius: 50%; border: 1px solid rgba(226, 35, 26, 0.3); display: flex; align-items: center; justify-content: center; color: var(--emp-wine-soft); transition: border-color 0.2s ease, background 0.2s ease;
}
.emp-footer .emp-ft-social__icons a:hover { border-color: var(--emp-wine); background: rgba(226, 35, 26, 0.12); color: var(--emp-wine-soft);
}
.emp-ft-legal__bottom { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding-top: 20px;
}
.emp-ft-legal__copy { font-size: 11px; color: rgba(245, 241, 232, 0.38); letter-spacing: 0.02em; margin: 0;
}
.emp-ft-legal__links { display: flex; flex-wrap: wrap; gap: 18px;
}
.emp-ft-legal__links a { font-size: 11px; color: rgba(245, 241, 232, 0.38);
}
@media (min-width: 900px) { .emp-ft-trust__grid { grid-template-columns: repeat(5, 1fr); } .emp-ft-nav__grid { grid-template-columns: 2fr 1fr 1fr 1.1fr; gap: 0 40px; } .emp-ft-col { border-bottom: none; padding-bottom: 8px; } .emp-ft-col__toggle { cursor: default; pointer-events: none; } .emp-ft-col .emp-ft-chevron { display: none; } .emp-ft-col__body { max-height: none !important; opacity: 1 !important; overflow: visible; }
}
@media (prefers-reduced-motion: reduce) { .emp-ft-news__ok, .emp-ft-chevron, .emp-ft-col__body, .emp-ft-seo-sec__body { animation: none; transition: none; }
}
.emp-cart-overlay { position: fixed; inset: 0; background: rgba(17, 17, 17, 0.52); z-index: 80; opacity: 0; visibility: hidden; transition: opacity 0.28s ease, visibility 0.28s ease;
}
.emp-cart-overlay.is-open { opacity: 1; visibility: visible;
}
.emp-cart { position: fixed; top: 0; right: 0; bottom: 0; width: min(420px, 80vw); background: var(--emp-cream); z-index: 81; box-shadow: -24px 0 70px rgba(0, 0, 0, 0.34); transform: translateX(100%); transition: transform 0.34s cubic-bezier(0.22, 0.61, 0.36, 1); display: flex; flex-direction: column;
}
.emp-cart.is-open { transform: translateX(0);
}
.emp-cart.is-busy .emp-cart__checkout { opacity: 0.6; pointer-events: none;
}
.emp-cart__head { flex-shrink: 0; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 17px 18px; border-bottom: 1px solid rgba(17, 17, 17, 0.12); background: #fff;
}
.emp-cart__headline { display: flex; align-items: baseline; gap: 9px; min-width: 0;
}
.emp-cart__title { margin: 0; font-family: var(--emp-serif); font-size: 21px; font-weight: 600; line-height: 1.2;
}
.emp-cart__badge { flex-shrink: 0; font-size: 11.5px; font-weight: 700; color: var(--emp-wine); background: rgba(226, 35, 26, 0.09); padding: 3px 9px; border-radius: 100px;
}
.emp-cart__close { width: 44px; height: 44px; flex-shrink: 0; border-radius: 50%; border: 1px solid rgba(17, 17, 17, 0.14); background: var(--emp-cream); color: var(--emp-black); cursor: pointer; display: flex; align-items: center; justify-content: center;
}
.emp-cart__close:hover { background: #fff;
}
.emp-cart__toast { flex-shrink: 0; display: flex; align-items: center; gap: 9px; padding: 11px 18px; background: var(--emp-black); color: var(--emp-cream); font-size: 12.5px; font-weight: 600;
}
.emp-cart__toast svg { flex-shrink: 0; color: var(--emp-wine-soft);
}
.emp-cart__toast.is-in { animation: empCartToastIn 0.26s ease both;
}
@keyframes empCartToastIn { from { transform: translateY(-8px); opacity: 0; } to { transform: translateY(0); opacity: 1; }
}
.emp-cart__ship { flex-shrink: 0; padding: 14px 18px; background: var(--emp-black);
}
.emp-cart__ship-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 9px;
}
.emp-cart__ship-msg { font-size: 13.5px; font-weight: 800; color: var(--emp-cream); line-height: 1.3;
}
.emp-cart__ship-tag { flex-shrink: 0; font-size: 10.5px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--emp-wine-soft);
}
.emp-cart__ship-track { height: 8px; border-radius: 100px; background: rgba(245, 241, 232, 0.16); overflow: hidden;
}
.emp-cart__ship-fill { height: 100%; width: 0; border-radius: 100px; background: linear-gradient(90deg, var(--emp-wine-dark), var(--emp-wine)); transition: width 0.45s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.emp-cart__ship.is-free .emp-cart__ship-fill { background: var(--emp-cream);
}
.emp-cart__ship.is-free .emp-cart__ship-tag { color: var(--emp-cream);
}
.emp-cart__body { flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch;
}
.emp-cart__loading { padding: 44px 24px; text-align: center; font-size: 13px; color: rgba(17, 17, 17, 0.5);
}
.emp-cart__lines { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column;
}
.emp-cart__line { display: flex; gap: 13px; padding: 16px 18px; border-bottom: 1px solid rgba(17, 17, 17, 0.09);
}
.emp-cart__line-img { width: 74px; height: 92px; flex-shrink: 0; background: #EDE7DA; border-radius: 3px; overflow: hidden; display: block;
}
.emp-cart__line-img img { width: 100%; height: 100%; object-fit: cover;
}
.emp-cart__line-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px;
}
.emp-cart__line-brand { font-size: 9.5px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--emp-wine);
}
.emp a.emp-cart__line-name { font-family: var(--emp-serif); font-size: 16px; font-weight: 600; line-height: 1.18; color: var(--emp-black); text-decoration: none;
}
.emp a.emp-cart__line-name:hover { color: var(--emp-wine);
}
.emp-cart__line-variant { font-size: 11.5px; color: rgba(17, 17, 17, 0.55);
}
.emp-cart__line-low { display: inline-flex; align-items: center; gap: 5px; margin-top: 2px; font-size: 11px; font-weight: 700; color: var(--emp-wine);
}
.emp-cart__line-dot { width: 5px; height: 5px; border-radius: 50%; background: var(--emp-wine); display: inline-block;
}
.emp-cart__line-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 9px;
}
.emp-cart__qty { display: flex; align-items: center; border: 1px solid rgba(17, 17, 17, 0.18); border-radius: 2px; background: #fff;
}
.emp-cart__qty-btn { width: 34px; height: 34px; border: none; background: transparent; cursor: pointer; font-size: 16px; font-weight: 600; color: var(--emp-black); line-height: 1;
}
.emp-cart__qty-btn[disabled] { opacity: 0.3; cursor: default;
}
.emp-cart__qty-n { min-width: 26px; text-align: center; font-size: 13px; font-weight: 700; font-variant-numeric: tabular-nums;
}
.emp-cart__line-prices { text-align: right;
}
.emp-cart__line-old { display: block; font-size: 11.5px; color: rgba(17, 17, 17, 0.42); text-decoration: line-through; font-variant-numeric: tabular-nums;
}
.emp-cart__line-total { display: block; font-size: 14.5px; font-weight: 800; font-variant-numeric: tabular-nums;
}
.emp-cart__line-remove { align-self: flex-start; margin-top: 7px; min-height: 24px; border: none; background: transparent; padding: 0; cursor: pointer; font-family: var(--emp-sans); font-size: 11px; font-weight: 600; color: rgba(17, 17, 17, 0.45); text-decoration: underline; text-underline-offset: 3px;
}
.emp-cart__line-remove:hover { color: var(--emp-wine);
}
.emp-cart__cross { padding: 16px 18px; background: #EFEADC; border-bottom: 1px solid rgba(17, 17, 17, 0.09);
}
.emp-cart__cross-head { display: flex; flex-direction: column; gap: 2px; margin-bottom: 11px;
}
.emp-cart__cross-eyebrow { font-size: 10px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--emp-wine);
}
.emp-cart__cross-reason { font-size: 12px; color: rgba(17, 17, 17, 0.6);
}
.emp-cart__cross-list { display: flex; flex-direction: column; gap: 9px;
}
.emp-cart__cross-item { display: flex; align-items: center; gap: 11px; background: #fff; border: 1px solid rgba(17, 17, 17, 0.09); border-radius: 3px; padding: 9px 11px;
}
.emp-cart__cross-img { width: 44px; height: 52px; flex-shrink: 0; background: #EDE7DA; border-radius: 2px; overflow: hidden; display: block;
}
.emp-cart__cross-img img { width: 100%; height: 100%; object-fit: cover;
}
.emp-cart__cross-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px;
}
.emp-cart__cross-brand { font-size: 9.5px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--emp-wine);
}
.emp a.emp-cart__cross-name { font-family: var(--emp-serif); font-size: 14.5px; font-weight: 600; line-height: 1.2; color: var(--emp-black); text-decoration: none;
}
.emp a.emp-cart__cross-name:hover { color: var(--emp-wine);
}
.emp-cart__cross-meta { font-size: 11px; color: rgba(17, 17, 17, 0.52);
}
.emp .emp-cart__cross-add { flex-shrink: 0; min-height: 44px; padding: 0 14px; display: inline-flex; align-items: center; border: 1px solid var(--emp-black); border-radius: 2px; background: #fff; cursor: pointer; font-family: var(--emp-sans); font-size: 11.5px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--emp-black); text-decoration: none;
}
.emp .emp-cart__cross-add:hover { background: var(--emp-black); color: var(--emp-cream);
}
.emp-cart__coupon { padding: 14px 18px; border-bottom: 1px solid rgba(17, 17, 17, 0.09); display: flex; flex-direction: column; gap: 9px;
}
.emp-cart__coupon-tags { display: flex; flex-wrap: wrap; gap: 6px;
}
.emp-cart__coupon-tag { display: inline-flex; align-items: center; gap: 7px; padding: 5px 6px 5px 11px; border-radius: 100px; background: rgba(46, 125, 79, 0.12); color: var(--emp-green); font-size: 11.5px; font-weight: 700; letter-spacing: 0.05em;
}
.emp-cart__coupon-tag button { width: 20px; height: 20px; border: none; border-radius: 50%; background: rgba(46, 125, 79, 0.16); color: inherit; cursor: pointer; font-size: 13px; line-height: 1;
}
.emp-cart__coupon-link { align-self: flex-start; min-height: 24px; border: none; background: transparent; padding: 0; cursor: pointer; font-family: var(--emp-sans); font-size: 12px; font-weight: 600; color: rgba(17, 17, 17, 0.55); text-decoration: underline; text-underline-offset: 3px;
}
.emp-cart__coupon-link:hover { color: var(--emp-wine);
}
.emp-cart__coupon-form { display: flex; flex-direction: column; gap: 7px;
}
.emp-cart__coupon-row { display: flex; gap: 7px;
}
.emp-cart__coupon-input { flex: 1; min-width: 0; min-height: 44px; padding: 0 12px; border: 1px solid rgba(17, 17, 17, 0.2); border-radius: 2px; background: #fff; font-family: var(--emp-sans); font-size: 13px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--emp-black);
}
.emp-cart__coupon-apply { flex-shrink: 0; min-height: 44px; padding: 0 16px; border: 1px solid var(--emp-black); border-radius: 2px; background: var(--emp-black); cursor: pointer; font-family: var(--emp-sans); font-size: 11.5px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--emp-cream);
}
.emp-cart__coupon-msg { font-size: 11.5px; font-weight: 600;
}
.emp-cart__coupon-msg.is-ok { color: var(--emp-green); }
.emp-cart__coupon-msg.is-err { color: var(--emp-wine); }
.emp-cart__summary { padding: 15px 18px; display: flex; flex-direction: column; gap: 8px;
}
.emp-cart__sub { display: flex; align-items: baseline; justify-content: space-between; gap: 12px;
}
.emp-cart__sub-label { font-size: 13px; color: rgba(17, 17, 17, 0.62);
}
.emp-cart__sub-value { font-size: 19px; font-weight: 800; font-variant-numeric: tabular-nums;
}
.emp-cart__savings { display: flex; align-items: baseline; justify-content: space-between; gap: 12px;
}
.emp-cart__savings-label { font-size: 12.5px; font-weight: 700; color: var(--emp-wine);
}
.emp-cart__savings-detail { font-size: 11.5px; color: rgba(17, 17, 17, 0.5);
}
.emp-cart__points { display: flex; align-items: center; gap: 8px; padding: 9px 11px; border-radius: 3px; background: rgba(226, 35, 26, 0.08); color: var(--emp-wine-dark); font-size: 12px; font-weight: 600;
}
.emp-cart__points svg { flex-shrink: 0;
}
.emp-cart__trust { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: rgba(17, 17, 17, 0.09); border-top: 1px solid rgba(17, 17, 17, 0.09);
}
.emp-cart__trust-item { background: var(--emp-cream); padding: 13px 8px; display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; font-size: 10.5px; font-weight: 700; line-height: 1.3; color: rgba(17, 17, 17, 0.72);
}
.emp-cart__trust-item svg { color: var(--emp-wine);
}
.emp-cart__foot { flex-shrink: 0; padding: 13px 18px; padding-bottom: max(13px, env(safe-area-inset-bottom)); border-top: 1px solid rgba(17, 17, 17, 0.12); background: #fff; display: flex; flex-direction: column; gap: 9px;
}
.emp a.emp-cart__checkout { min-height: 54px; border-radius: 2px; background: var(--emp-wine); display: flex; align-items: center; justify-content: center; gap: 10px; font-family: var(--emp-sans); font-size: 13.5px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; color: var(--emp-cream); text-decoration: none;
}
.emp a.emp-cart__checkout:hover { background: var(--emp-wine-dark); color: var(--emp-cream);
}
.emp-cart__checkout-total { font-weight: 700; letter-spacing: 0; font-variant-numeric: tabular-nums; opacity: 0.85;
}
.emp-cart__foot-links { display: flex; align-items: center; justify-content: center; gap: 16px;
}
.emp-cart__keep,
.emp .emp-cart__help { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; border: none; background: transparent; padding: 0; cursor: pointer; font-family: var(--emp-sans); font-size: 12px; font-weight: 600; line-height: 1.2; color: rgba(17, 17, 17, 0.55); text-decoration: underline; text-underline-offset: 3px;
}
.emp-cart__keep:hover,
.emp .emp-cart__help:hover { color: var(--emp-wine);
}
.emp-cart__empty { padding: 44px 24px 30px; display: flex; flex-direction: column; align-items: center; text-align: center;
}
.emp-cart__empty-icon { color: var(--emp-wine); margin-bottom: 16px;
}
.emp-cart__empty-title { margin: 0 0 9px; font-family: var(--emp-serif); font-size: 22px; font-weight: 600; line-height: 1.2; max-width: 270px;
}
.emp-cart__empty-text { margin: 0 0 20px; font-size: 13.5px; line-height: 1.6; color: rgba(17, 17, 17, 0.6); max-width: 290px; text-wrap: pretty;
}
.emp-cart__empty-actions { display: flex; flex-direction: column; gap: 9px; width: 100%; max-width: 290px;
}
.emp-cart__empty-cta,
.emp a.emp-cart__empty-alt { display: flex; align-items: center; justify-content: center; min-height: 48px; border-radius: 2px; font-family: var(--emp-sans); font-size: 12.5px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; cursor: pointer; text-decoration: none;
}
.emp-cart__empty-cta { border: none; background: var(--emp-wine); color: var(--emp-cream);
}
.emp-cart__empty-cta:hover { background: var(--emp-wine-dark);
}
.emp a.emp-cart__empty-alt { border: 1px solid var(--emp-black); background: transparent; color: var(--emp-black);
}
.emp a.emp-cart__empty-alt:hover { background: var(--emp-black); color: var(--emp-cream);
}
.emp a.emp-cart__empty-note { display: flex; align-items: center; gap: 7px; margin-top: 22px; padding: 9px 13px; border-radius: 3px; background: rgba(226, 35, 26, 0.08); font-size: 11.5px; font-weight: 600; color: var(--emp-wine-dark); text-decoration: none; text-align: left;
}
.emp a.emp-cart__empty-note svg { flex-shrink: 0;
}
.emp-cart__cross--empty { width: calc(100% + 48px); margin: 28px -24px -30px; text-align: left; border-top: 1px solid rgba(17, 17, 17, 0.09); border-bottom: none;
}
@media (max-width: 430px) { .emp-cart__head, .emp-cart__ship, .emp-cart__toast, .emp-cart__line, .emp-cart__cross, .emp-cart__coupon, .emp-cart__summary, .emp-cart__foot { padding-left: 13px; padding-right: 13px; } .emp-cart__title { font-size: 19px; } .emp-cart__line { gap: 10px; } .emp-cart__line-img { width: 58px; height: 72px; } .emp-cart__qty-btn { width: 30px; height: 30px; } .emp-cart__qty-n { min-width: 22px; } .emp-cart__line-total { font-size: 13.5px; } .emp-cart__cross-img { width: 38px; height: 46px; } .emp .emp-cart__cross-add { padding: 0 11px; } .emp-cart__foot-links { gap: 10px; } .emp-cart__ship-tag { display: none; }
}
@media (max-width: 340px) { .emp-cart__head, .emp-cart__ship, .emp-cart__toast, .emp-cart__line, .emp-cart__cross, .emp-cart__coupon, .emp-cart__summary, .emp-cart__foot { padding-left: 10px; padding-right: 10px; } .emp-cart__line-img { width: 48px; height: 60px; } .emp-cart__qty-btn { width: 28px; height: 28px; } .emp-cart__line-total { font-size: 13px; } .emp-cart__sub-value { font-size: 17px; }
}
@media (prefers-reduced-motion: reduce) { .emp-cart, .emp-cart-overlay, .emp-cart__ship-fill { transition-duration: 0.01s; } .emp-cart__toast.is-in { animation-duration: 0.01s; }
}
.emp-toast { position: fixed; bottom: 22px; left: 22px; max-width: 260px; background: #fff; border-radius: 12px; padding: 12px 14px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18); z-index: 70; display: flex; gap: 10px; align-items: center; transition: bottom 0.3s ease-out;
}
body.has-sticky-cta .emp-toast { bottom: calc(22px + var(--emp-stickycta-h, 0px));
}
.emp-toast.is-in { animation: emp-toast-in 0.4s ease-out;
}
.emp-toast__dot { width: 8px; height: 8px; border-radius: 50%; background: var(--emp-green); flex-shrink: 0; animation: emp-pulse 1.6s ease-in-out infinite;
}
.emp-toast__msg { font-size: 12.5px; line-height: 1.4; color: var(--emp-black);
}
.emp-exit { position: fixed; inset: 0; background: rgba(0, 0, 0, 0.55); z-index: 90; display: flex; align-items: center; justify-content: center; padding: 20px;
}
.emp-exit__box { background: var(--emp-cream); border-radius: 16px; padding: 36px 28px; max-width: 400px; width: 100%; text-align: center; position: relative;
}
.emp-exit__close { position: absolute; top: 14px; right: 14px; background: none; border: none; font-size: 18px; cursor: pointer;
}
.emp-exit__title { font-family: var(--emp-serif); font-size: 24px; font-weight: 700; margin-bottom: 8px;
}
.emp-exit__text { font-size: 14px; color: rgba(17, 17, 17, 0.6); margin: 0 0 18px;
}
.emp-exit__form { display: flex; flex-direction: column; gap: 10px;
}
.emp-exit__input { padding: 13px; border-radius: 8px; border: 1.5px solid rgba(17, 17, 17, 0.15); font-size: 14px; font-family: inherit;
}
.emp-btn--wine-block { background: var(--emp-wine); color: #fff; border: none; padding: 13px; border-radius: 8px; font-weight: 700; font-size: 14.5px; cursor: pointer; font-family: inherit;
}
@keyframes emp-float { 0%, 100% { transform: translate3d(0, 0, 0) rotate(2.5deg); } 50%      { transform: translate3d(0, -14px, 0) rotate(4.5deg); }
}
@keyframes emp-shimmer { 0%, 100% { opacity: 0.3; transform: scale(0.92); } 50%      { opacity: 0.62; transform: scale(1.12); }
}
@keyframes emp-sheen { 0%, 74% { transform: translateX(-130%); } 100%    { transform: translateX(420%); }
}
@keyframes emp-marquee-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); }
}
@keyframes emp-brands-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); }
}
@keyframes emp-toast-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); }
}
@keyframes emp-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; }
}
@media (prefers-reduced-motion: reduce) { .emp-bottle, .emp-bottle__sheen::before, .emp-glow, #garantias .emp-guarantee, #garantias .emp-guarantee__icon, .emp-brands__track, .emp-toast__dot, .emp-badge--lowstock, .emp-card__savings, .emp-btn--primary, .emp-btn--primary::after, .emp-stars svg { animation: none !important; }
}
@media (max-width: 720px) { .emp-hero { min-height: 460px; padding: 40px 20px 44px; } .emp-hero__scrim { background: rgba(17, 17, 17, 0.78); } .emp-hero__bg { flex-direction: column; } .emp-hero__bg-half { width: 100%; height: 50%; } .emp-hero__media { width: min(32vw, 145px); order: -1; margin: 0 auto; } .emp-hero__copy { order: 1; align-items: center; text-align: center; } .emp-eyebrow { align-self: center; } .emp-hero__ctas { justify-content: center; } .emp-hero__cta-hint { order: 2; text-align: center; } .emp-hero__ctas .emp-btn--ghost { order: 3; } .emp-hero__social { flex-direction: column; gap: 6px; } .emp-hero__social-text { text-align: center; }
}
@media (max-width: 720px), (hover: none) { .emp-header__inner { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 12px; } .emp-hamburger { justify-self: start; } .emp-header__inner > .emp-logo { justify-self: center; } .emp-header__right { justify-self: end; gap: 10px; } .emp-header__actions { gap: 8px; } .emp-search-toggle { display: flex; } .emp-search-wrap { position: static; } .emp-search { display: none; position: absolute; inset: 0; width: auto; margin: 0; align-items: center; gap: 10px; padding: 0 14px; background: var(--emp-panel); border: 0; border-radius: 0; box-shadow: none; z-index: 95; } .emp-search-wrap.is-open .emp-search { display: flex; } .emp-search__input { flex: 1 1 auto; width: auto; height: 44px; font-size: 16px; padding: 10px 14px; } .emp-search__close { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0; background: none; border: 0; color: var(--emp-cream); cursor: pointer; } .emp-hamburger { display: flex; } .emp-nav-panel { display: flex; flex-direction: column; position: fixed; top: 0; left: 0; width: min(85vw, 460px); height: 100dvh; background: var(--emp-black); padding: 18px; gap: 4px; overflow-y: auto; z-index: 200; transform: translateX(-100%); transition: transform 0.25s ease; box-shadow: 16px 0 32px rgba(0, 0, 0, 0.4); } .emp-nav-panel.is-open { transform: translateX(0); } .emp-nav-panel__head { display: flex; align-items: center; justify-content: space-between; padding-bottom: 14px; margin-bottom: 8px; border-bottom: 1px solid rgba(245, 241, 232, 0.14); } .emp-nav-panel__title { font-family: var(--emp-serif); font-weight: 700; font-size: 16px; color: var(--emp-cream); } .emp-nav-panel__close { background: none; border: none; color: var(--emp-cream); font-size: 18px; line-height: 1; cursor: pointer; padding: 6px; } .emp-nav { display: flex; flex-direction: column; gap: 2px; width: 100%; } .emp-nav > li { width: 100%; display: flex; flex-wrap: wrap; align-items: center; } .emp-nav > li:not(:last-child) { border-bottom: 1px solid rgba(245, 241, 232, 0.14); } .emp-nav > li > a { flex: 1; padding: 10px 4px; font-size: 14.5px; } .emp-nav__toggle { display: flex; align-items: center; justify-content: center; order: 1; width: 32px; height: 32px; background: none; border: none; color: var(--emp-cream); cursor: pointer; padding: 0; } .emp-nav__toggle svg { transition: transform 0.2s ease; } .emp-nav > li.is-open > .emp-nav__toggle svg { transform: rotate(180deg); } .emp-nav > li.is-open > a { color: var(--emp-wine); box-shadow: inset 0 -2px 0 var(--emp-wine); } .emp-nav .sub-menu, .emp-nav > li > .sub-menu { position: static; display: none; order: 2; flex-direction: column; background: transparent; border: none; box-shadow: none; padding: 4px 0 4px 14px; margin: 0; min-width: 0; gap: 0; width: 100%; } .emp-nav > li.is-open > .sub-menu { display: flex; } .emp-nav .sub-menu .sub-menu { display: flex !important; padding-left: 14px; } .emp-nav .menu-item-has-children > a::after { display: none; } .emp-nav > li > .sub-menu > li > a { margin: 0 -18px 0 -32px; padding: 10px 18px 10px 32px; border-radius: 0; }
}
.emp-appdl { min-height: 62vh; display: flex; align-items: center; justify-content: center; padding: 64px 20px 80px; background: radial-gradient(1200px 500px at 50% -10%, rgba(226, 35, 26, 0.18), transparent 60%), var(--emp-cream);
}
.emp-appdl__card { width: 100%; max-width: 560px; text-align: center; background: #fff; border: 1px solid rgba(17, 17, 17, 0.08); border-radius: 22px; padding: 44px 34px 40px; box-shadow: 0 30px 60px -30px rgba(17, 17, 17, 0.25);
}
.emp-appdl__icon { width: 96px; height: 96px; margin: 0 auto 22px; border-radius: 24px; display: flex; align-items: center; justify-content: center; background: linear-gradient(160deg, var(--emp-black), var(--emp-panel)); box-shadow: 0 12px 26px -12px rgba(17, 17, 17, 0.6); overflow: hidden;
}
.emp-appdl__icon img { width: 100%; height: 100%; object-fit: contain; padding: 12px;
}
.emp-appdl__icon-txt { font-family: var(--emp-serif); font-size: 44px; font-weight: 700; color: var(--emp-gold-soft);
}
.emp-appdl__title { font-family: var(--emp-serif); font-size: clamp(1.7rem, 4vw, 2.3rem); line-height: 1.15; margin: 0 0 12px; color: var(--emp-black);
}
.emp-appdl__lead { font-size: 15.5px; line-height: 1.55; color: rgba(17, 17, 17, 0.7); margin: 0 auto 30px; max-width: 420px;
}
.emp-appdl__stores { display: flex; flex-wrap: wrap; gap: 14px; justify-content: center;
}
.emp-appdl__store.emp-appdl__store { display: inline-flex; align-items: center; gap: 11px; min-width: 200px; padding: 12px 22px; border-radius: 13px; background: var(--emp-black); color: #fff; text-decoration: none; border: 1px solid rgba(255, 255, 255, 0.14); transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
}
.emp-appdl__store.emp-appdl__store:hover { color: #fff; transform: translateY(-2px); box-shadow: 0 16px 30px -16px rgba(17, 17, 17, 0.7); filter: brightness(1.08);
}
.emp-appdl__store-ico { flex: none;
}
.emp-appdl__store-txt { display: flex; flex-direction: column; align-items: flex-start; line-height: 1.1;
}
.emp-appdl__store-txt small { font-size: 10.5px; letter-spacing: 0.06em; text-transform: uppercase; opacity: 0.75;
}
.emp-appdl__store-txt strong { font-size: 17px; font-weight: 700; letter-spacing: 0.01em;
}
.emp-appdl__empty { font-size: 14px; color: var(--emp-wine); margin: 4px 0 0;
}
.emp-appdl__content { margin-top: 30px; padding-top: 24px; border-top: 1px solid rgba(17, 17, 17, 0.08); font-size: 15px; line-height: 1.6; color: rgba(17, 17, 17, 0.8);
}
@media (max-width: 480px) { .emp-appdl__card { padding: 34px 20px 30px; } .emp-appdl__store.emp-appdl__store { min-width: 100%; justify-content: center; }
}
.emp-sticky-cta { position: fixed; left: 0; right: 0; bottom: 0; z-index: 75; background: linear-gradient(180deg, #1c1414, var(--emp-black)); border-top: 2px solid transparent; border-image: linear-gradient(90deg, var(--emp-wine), var(--emp-wine-soft), var(--emp-wine)) 1; box-shadow: 0 -12px 32px rgba(226, 35, 26, 0.22), 0 -4px 14px rgba(0, 0, 0, 0.45); padding: 9px 16px calc(9px + env(safe-area-inset-bottom, 0px)); transform: translateY(100%); transition: transform 0.3s ease-out;
}
.emp-sticky-cta--light { background: linear-gradient(180deg, #fffdfa, var(--emp-cream)); box-shadow: 0 -10px 28px rgba(17, 17, 17, 0.14), 0 -2px 8px rgba(17, 17, 17, 0.08);
}
.emp-sticky-cta--light a.emp-btn--ghost { color: var(--emp-black); border-color: rgba(17, 17, 17, 0.25);
}
.emp-sticky-cta--light a.emp-btn--ghost:hover { color: var(--emp-black); border-color: rgba(17, 17, 17, 0.55); background: rgba(17, 17, 17, 0.05);
}
.emp-sticky-cta.is-visible { transform: translateY(0);
}
.emp-sticky-cta__inner { max-width: var(--emp-maxw); margin: 0 auto; display: flex; align-items: center; justify-content: center; gap: 12px;
}
.emp-sticky-cta .emp-btn { flex: 1; justify-content: center; padding: 10px 18px; font-size: 14px;
}
.emp-sticky-cta .emp-btn--primary { box-shadow: 0 8px 22px -4px rgba(226, 35, 26, 0.75);
}
.emp-sticky-cta .emp-btn--ghost { border-width: 2px; border-color: rgba(245, 241, 232, 0.45); font-weight: 700;
}
.emp-sticky-cta .emp-btn--ghost:hover { border-color: rgba(245, 241, 232, 0.85);
}
@media (min-width: 640px) { .emp-sticky-cta__inner { justify-content: center; } .emp-sticky-cta .emp-btn { flex: 0 0 auto; padding: 10px 30px; }
}
@media (prefers-reduced-motion: reduce) { .emp-sticky-cta { transition: none; }
}
.emp-plp { padding-bottom: 8px;
}
.emp-plp__crumbs,
.emp-plp-hero,
.emp-plp-trust,
.emp-plp-fams--top,
.emp-plp-toolbar,
.emp-plp-body { max-width: var(--emp-maxw); margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px;
}
.emp-plp__crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; padding-top: 14px; font-size: 12px; color: rgba(17, 17, 17, 0.55);
}
.emp .emp-plp__crumbs a { color: rgba(17, 17, 17, 0.55); text-decoration: none;
}
.emp .emp-plp__crumbs a:hover { color: var(--emp-wine);
}
.emp-plp__crumbs span[aria-hidden] { opacity: 0.4;
}
.emp-plp__crumbs-current { color: var(--emp-black); font-weight: 600;
}
.emp-plp-hero { margin-top: 14px;
}
.emp-plp-hero__box { position: relative; overflow: hidden; border-radius: 16px; padding: 44px 28px 40px;
}
.emp-plp-hero--dark .emp-plp-hero__box { background: radial-gradient(120% 130% at 15% 0%, rgba(226, 35, 26, 0.2), transparent 58%), linear-gradient(155deg, #1c1813 0%, #111111 60%, #0b0a08 100%); border: 1px solid rgba(226, 35, 26, 0.24);
}
.emp-plp-hero--dark .emp-plp-hero__box::after { content: ''; position: absolute; inset: 0; background: radial-gradient(60% 80% at 88% 110%, rgba(226, 35, 26, 0.28), transparent 70%); pointer-events: none;
}
.emp-plp-hero--light .emp-plp-hero__box { background: radial-gradient(120% 130% at 12% 0%, rgba(255, 255, 255, 0.9), transparent 60%), linear-gradient(150deg, #f7efe7 0%, #efe4da 55%, #e7d9ce 100%); border: 1px solid rgba(17, 17, 17, 0.08);
}
.emp-plp-hero__inner { position: relative; z-index: 1; max-width: 640px; display: flex; flex-direction: column; gap: 14px;
}
.emp-plp-hero__kicker { font-size: 10.5px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase;
}
.emp-plp-hero--dark .emp-plp-hero__kicker { color: var(--emp-wine-soft); }
.emp-plp-hero--light .emp-plp-hero__kicker { color: var(--emp-wine); }
.emp-plp-hero__title { font-family: var(--emp-serif); font-weight: 600; font-size: clamp(32px, 5.4vw, 54px); line-height: 1.04; letter-spacing: -0.01em; margin: 0; text-wrap: balance;
}
.emp-plp-hero--dark .emp-plp-hero__title { color: var(--emp-cream); }
.emp-plp-hero--light .emp-plp-hero__title { color: var(--emp-black); }
.emp-plp-hero__sub { font-size: 15px; line-height: 1.55; max-width: 520px; margin: 0; text-wrap: pretty;
}
.emp-plp-hero--dark .emp-plp-hero__sub { color: rgba(245, 241, 232, 0.72); }
.emp-plp-hero--light .emp-plp-hero__sub { color: rgba(17, 17, 17, 0.65); }
.emp-plp-hero__count { display: flex; align-items: center; gap: 10px; margin-top: 2px; font-size: 12.5px; font-weight: 600; letter-spacing: 0.03em; font-variant-numeric: tabular-nums;
}
.emp-plp-hero__rule { width: 26px; height: 1px; background: var(--emp-wine); flex-shrink: 0;
}
.emp-plp-hero--dark .emp-plp-hero__count { color: var(--emp-wine-soft); }
.emp-plp-hero--light .emp-plp-hero__count { color: var(--emp-wine); }
.emp-plp-trust { margin-top: 12px;
}
.emp-plp-trust__box { display: flex; flex-wrap: wrap; gap: 8px 26px; align-items: center; justify-content: center; background: var(--emp-black); border-radius: 10px; padding: 11px 18px;
}
.emp-plp-trust__item { display: flex; align-items: center; gap: 7px; font-size: 12px; font-weight: 600; letter-spacing: 0.01em; color: var(--emp-cream);
}
.emp-plp-trust__item svg { flex-shrink: 0; color: var(--emp-wine);
}
.emp-plp-fams { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin-top: 16px;
}
.emp-plp-fams__label { font-size: 11.5px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(17, 17, 17, 0.5);
}
.emp-plp-fams__list { display: flex; flex-wrap: wrap; gap: 8px;
}
.emp .emp-plp-fam { display: inline-flex; align-items: center; min-height: 34px; padding: 0 13px; border-radius: 999px; border: 1px solid rgba(17, 17, 17, 0.16); background: var(--emp-cream-suelo); color: var(--emp-black); font-size: 12.5px; font-weight: 600; text-decoration: none; transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}
.emp .emp-plp-fam:hover,
.emp .emp-plp-fam:focus-visible { border-color: rgba(226, 35, 26, 0.45); background: rgba(226, 35, 26, 0.07); color: var(--emp-wine);
}
.emp-plp-fams--fin { margin-top: 28px; padding-top: 20px; border-top: 1px solid rgba(17, 17, 17, 0.12);
}
@media (max-width: 599px) { .emp-plp-fams__label { flex: 0 0 100%; } .emp .emp-plp-fam { min-height: 40px; padding: 0 15px; }
}
.emp-plp-toolbar { margin-top: 18px;
}
.emp-plp-toolbar__inner { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(17, 17, 17, 0.12); padding-bottom: 12px;
}
.emp-plp-toolbar__left { display: flex; align-items: center; gap: 12px;
}
.emp-plp-filter-btn { display: none; align-items: center; gap: 8px; min-height: 44px; padding: 0 18px; border-radius: 999px; border: none; background: var(--emp-wine); color: var(--emp-cream); font-family: inherit; font-size: 13.5px; font-weight: 700; cursor: pointer;
}
.emp-plp-showing { font-size: 13px; color: rgba(17, 17, 17, 0.62); font-variant-numeric: tabular-nums;
}
.emp-plp-sort { display: flex; align-items: center; gap: 9px; font-size: 12.5px; color: rgba(17, 17, 17, 0.62);
}
.emp-plp-sort select { min-height: 40px; padding: 0 12px; border-radius: 8px; border: 1px solid rgba(17, 17, 17, 0.18); background: #fff; font-family: var(--emp-sans); font-size: 13px; font-weight: 600; color: var(--emp-black); cursor: pointer;
}
.emp-plp-body { display: flex; align-items: flex-start; gap: 28px; padding-top: 20px;
}
.emp-plp-main { flex: 1 1 auto; min-width: 0;
}
.emp-plp-backdrop { display: none;
}
.emp-plp-panel { flex: 0 0 240px; width: 240px; position: sticky; top: calc(var(--emp-stack-h) + 16px); max-height: calc(100vh - var(--emp-stack-h) - 32px); overflow-y: auto; padding-right: 4px;
}
.emp-plp-panel__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 12px; border-bottom: 1px solid rgba(17, 17, 17, 0.12);
}
.emp-plp-panel__title { font-family: var(--emp-serif); font-size: 19px; font-weight: 600;
}
.emp-plp-panel__actions { display: flex; align-items: center; gap: 10px;
}
.emp .emp-plp-clear,
.emp .emp-plp-chips__clear { background: none; border: none; font-size: 12px; font-weight: 600; color: var(--emp-wine); cursor: pointer; text-decoration: underline; text-underline-offset: 3px;
}
.emp-plp-panel__close { display: none; width: 36px; height: 36px; border-radius: 50%; border: 1px solid rgba(17, 17, 17, 0.16); background: #fff; color: var(--emp-black); cursor: pointer; align-items: center; justify-content: center; flex-shrink: 0;
}
.emp-plp-group { border-bottom: 1px solid rgba(17, 17, 17, 0.1); padding: 14px 0;
}
.emp-plp-group__toggle { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 10px; background: none; border: none; padding: 0; min-height: 32px; cursor: pointer; text-align: left; font-family: inherit;
}
.emp-plp-group__title { font-size: 11.5px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--emp-black);
}
.emp-plp-group__caret { font-size: 16px; line-height: 1; color: rgba(17, 17, 17, 0.45);
}
.emp-plp-group__body { display: flex; flex-direction: column; gap: 2px; margin-top: 10px;
}
.emp-plp-group__body[hidden] { display: none;
}
.emp-plp-group__search { width: 100%; min-height: 38px; margin-bottom: 6px; padding: 0 11px; border-radius: 8px; border: 1px solid rgba(17, 17, 17, 0.18); background: #fff; font-family: var(--emp-sans); font-size: 13px;
}
.emp-plp-opt { display: flex; align-items: center; gap: 10px; min-height: 36px; padding: 0 4px; border-radius: 7px; cursor: pointer; font-size: 13.5px; color: var(--emp-black); transition: background 0.15s ease;
}
.emp-plp-opt:hover { background: rgba(226, 35, 26, 0.08);
}
.emp-plp-opt input[type="checkbox"] { width: 16px; height: 16px; accent-color: var(--emp-wine); cursor: pointer; flex-shrink: 0;
}
.emp-plp-opt__label { flex: 1;
}
.emp-plp-opt--empty .emp-plp-opt__label { opacity: 0.38;
}
.emp-plp-opt__count { font-size: 11.5px; color: rgba(17, 17, 17, 0.42); font-variant-numeric: tabular-nums;
}
.emp-plp-opt--wide { min-height: 44px;
}
.emp-plp-group--price .emp-plp-group__title { display: block; margin-bottom: 12px;
}
.emp-plp-price { width: 100%; cursor: pointer; accent-color: var(--emp-wine);
}
.emp-plp-price__legend { display: flex; justify-content: space-between; font-size: 12px; color: rgba(17, 17, 17, 0.6); margin-top: 6px; font-variant-numeric: tabular-nums;
}
.emp-plp-price__max { font-weight: 700; color: var(--emp-wine);
}
.emp-plp-group--toggles { border-bottom: none; padding: 16px 0;
}
.emp-plp-apply { width: 100%; min-height: 50px; border: none; border-radius: 10px; background: var(--emp-wine); color: var(--emp-cream); font-family: inherit; font-size: 14.5px; font-weight: 700; cursor: pointer; margin-top: 8px;
}
.emp-plp-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px;
}
.emp .emp-plp-chip { display: inline-flex; align-items: center; gap: 8px; min-height: 34px; padding: 0 12px; border-radius: 999px; border: 1px solid rgba(226, 35, 26, 0.32); background: rgba(226, 35, 26, 0.07); color: var(--emp-wine); font-size: 12.5px; font-weight: 600; text-decoration: none; transition: background 0.15s ease;
}
.emp .emp-plp-chip:hover { background: rgba(226, 35, 26, 0.14); color: var(--emp-wine);
}
.emp-plp-chip__x { font-size: 14px; line-height: 1; opacity: 0.7;
}
.emp .emp-plp-chips__clear { display: inline-flex; align-items: center; min-height: 34px; padding: 0 12px; color: rgba(17, 17, 17, 0.55);
}
.emp-plp-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 16px;
}
.emp-plp-grid > .emp-card,
.emp-plp-grid > .emp-acc-fav > .emp-card { animation: emp-plp-in 0.34s cubic-bezier(0.16, 1, 0.3, 1) both;
}
.emp-plp-grid > .emp-card:nth-child(2) { animation-delay: 0.03s; }
.emp-plp-grid > .emp-card:nth-child(3) { animation-delay: 0.06s; }
.emp-plp-grid > .emp-card:nth-child(4) { animation-delay: 0.09s; }
.emp-plp-grid > .emp-card:nth-child(5) { animation-delay: 0.12s; }
.emp-plp-grid > .emp-card:nth-child(6) { animation-delay: 0.15s; }
.emp-plp-grid > .emp-card:nth-child(7) { animation-delay: 0.18s; }
.emp-plp-grid > .emp-card:nth-child(n + 8) { animation-delay: 0.21s; }
@keyframes emp-plp-in { from { opacity: 0; transform: translateY(10px); } to   { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) { .emp-plp-grid > .emp-card, .emp-plp-grid > .emp-acc-fav > .emp-card { animation: none; }
}
.emp-plp-grid--light > .emp-card,
.emp-plp-grid--light > .emp-acc-fav > .emp-card { background: #ffffff; border-color: rgba(17, 17, 17, 0.16); box-shadow: 0 8px 20px rgba(17, 17, 17, 0.12);
}
.emp-plp-grid--light > .emp-card:hover,
.emp-plp-grid--light > .emp-acc-fav > .emp-card:hover { border-color: rgba(226, 35, 26, 0.4); box-shadow: 0 26px 46px rgba(17, 17, 17, 0.18);
}
.emp-plp-grid--light .emp-card__brand,
.emp-plp-grid--light .emp-card__pyramid-toggle,
.emp-plp-grid--light .emp-card__pyramid-tier { color: var(--emp-wine);
}
.emp-plp-grid--light .emp-card__savings::before { background: #ffffff;
}
.emp-plp-grid--light .emp-card__name,
.emp-plp-grid--light .emp-card__price,
.emp-plp-grid--light .emp-card__notify-done-title { color: var(--emp-black);
}
.emp-plp-grid--light .emp-card__meta,
.emp-plp-grid--light .emp-card__occasion-text,
.emp-plp-grid--light .emp-card__price--muted,
.emp-plp-grid--light .emp-card__price-from,
.emp-plp-grid--light .emp-card__status-line,
.emp-plp-grid--light .emp-card__notify-form p,
.emp-plp-grid--light .emp-card__notify-done-text,
.emp-plp-grid--light .emp-card__desc { color: rgba(17, 17, 17, 0.55);
}
.emp-plp-grid--light .emp-card__old { color: rgba(17, 17, 17, 0.32);
}
.emp-plp-grid--light .emp-card__occasion span { background: rgba(17, 17, 17, 0.05); border-color: rgba(17, 17, 17, 0.14); color: rgba(17, 17, 17, 0.7);
}
.emp-plp-grid--light .emp-card__pyramid-grid { background: rgba(17, 17, 17, 0.03); border-color: rgba(17, 17, 17, 0.1);
}
.emp-plp-grid--light .emp-card__pyramid-notes { color: rgba(17, 17, 17, 0.62);
}
.emp-plp-grid--light .emp-card__cta--ghost,
.emp-plp-grid--light a.emp-card__cta--ghost,
.emp-plp-grid--light a.emp-card__cta--ghost:hover { background: rgba(17, 17, 17, 0.05); color: var(--emp-black); border-color: rgba(17, 17, 17, 0.18);
}
.emp-plp-grid--light .emp-card__notify-form { background: rgba(17, 17, 17, 0.03); border-color: rgba(17, 17, 17, 0.1);
}
.emp-plp-grid--light .emp-card__notify-form input { background: #fff; border-color: rgba(17, 17, 17, 0.15); color: var(--emp-black);
}
.emp-plp-grid--light .emp-card__notify-cancel { color: rgba(17, 17, 17, 0.4);
}
.emp-plp-empty { background: #fff; border: 1px solid rgba(17, 17, 17, 0.1); border-radius: 14px; padding: 44px 28px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 12px;
}
.emp-plp-empty > svg { color: var(--emp-wine);
}
.emp-plp-empty__title { font-family: var(--emp-serif); font-size: 24px; font-weight: 600; margin: 0;
}
.emp-plp-empty__text { font-size: 14px; color: rgba(17, 17, 17, 0.6); max-width: 420px; margin: 0; text-wrap: pretty;
}
.emp-plp-empty__actions { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-top: 6px;
}
.emp .emp-plp-empty__all { min-height: 44px; display: inline-flex; align-items: center; padding: 0 20px; border-radius: 9px; border: 1px solid rgba(17, 17, 17, 0.2); background: #fff; color: var(--emp-black); font-size: 13.5px; font-weight: 700; text-decoration: none;
}
.emp .emp-plp-empty__all:hover { background: var(--emp-black); color: var(--emp-cream);
}
.emp-plp-sugg { width: 100%; margin-top: 26px; text-align: left;
}
.emp-plp-sugg__label { font-size: 11.5px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(17, 17, 17, 0.5); margin-bottom: 12px;
}
.emp-plp-sugg__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 14px;
}
.emp .emp-plp-sugg__item { display: flex; gap: 11px; align-items: center; background: var(--emp-black); border-radius: 11px; padding: 11px; text-decoration: none;
}
.emp-plp-sugg__img { width: 52px; height: 64px; flex-shrink: 0; border-radius: 6px; overflow: hidden; background: #ffffff; border: 1px solid rgba(226, 35, 26, 0.2);
}
.emp-plp-sugg__img img { width: 100%; height: 100%; object-fit: cover;
}
.emp-plp-sugg__text { min-width: 0;
}
.emp-plp-sugg__brand { font-size: 9.5px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--emp-wine-soft);
}
.emp-plp-sugg__name { font-family: var(--emp-serif); font-size: 14px; color: var(--emp-cream); line-height: 1.2;
}
.emp-plp-sugg__price { font-size: 12.5px; font-weight: 700; color: var(--emp-cream); margin-top: 3px;
}
.emp-plp-quiz { margin-top: 20px; position: relative; overflow: hidden; border-radius: 14px; background: linear-gradient(120deg, var(--emp-wine) 0%, #8f1310 55%, var(--emp-black) 100%); padding: 26px 24px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px;
}
.emp-plp-quiz__glow { position: absolute; right: -40px; top: -40px; width: 200px; height: 200px; border-radius: 50%; background: radial-gradient(circle, rgba(245, 241, 232, 0.26), transparent 70%); pointer-events: none;
}
.emp-plp-quiz__text { position: relative; max-width: 520px; display: flex; flex-direction: column; gap: 6px;
}
.emp-plp-quiz__kicker { font-size: 10.5px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: rgba(245, 241, 232, 0.75);
}
.emp-plp-quiz__title { font-family: var(--emp-serif); font-size: clamp(20px, 2.6vw, 27px); font-weight: 600; color: var(--emp-cream); line-height: 1.15; margin: 0;
}
.emp-plp-quiz__sub { font-size: 13.5px; color: rgba(245, 241, 232, 0.75); margin: 0; text-wrap: pretty;
}
.emp .emp-plp-quiz__cta { position: relative; min-height: 48px; display: inline-flex; align-items: center; padding: 0 26px; border-radius: 9px; background: var(--emp-cream); color: var(--emp-black); font-size: 14px; font-weight: 800; letter-spacing: 0.01em; text-decoration: none; transition: transform 0.15s ease;
}
.emp .emp-plp-quiz__cta:hover { color: var(--emp-black); transform: scale(1.03);
}
.emp-plp-more { display: flex; flex-direction: column; align-items: center; gap: 14px; margin-top: 28px;
}
.emp .emp-plp-more__btn { min-height: 50px; display: inline-flex; align-items: center; padding: 0 34px; border-radius: 9px; border: 1.5px solid var(--emp-black); background: transparent; color: var(--emp-black); font-family: inherit; font-size: 14px; font-weight: 700; cursor: pointer; text-decoration: none; transition: background 0.2s ease, color 0.2s ease;
}
.emp .emp-plp-more__btn:hover { background: var(--emp-black); color: var(--emp-cream);
}
.emp-plp-more__btn.is-loading { opacity: 0.6; pointer-events: none;
}
.emp-plp-pager { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 20px; font-size: 13px;
}
.emp .emp-plp-pager .page-numbers { min-width: 38px; min-height: 38px; display: inline-flex; align-items: center; justify-content: center; padding: 0 12px; border-radius: 8px; border: 1px solid rgba(17, 17, 17, 0.16); color: var(--emp-black); text-decoration: none;
}
.emp .emp-plp-pager .page-numbers:hover { border-color: var(--emp-wine); color: var(--emp-wine);
}
.emp .emp-plp-pager .page-numbers.current { background: var(--emp-black); border-color: var(--emp-black); color: var(--emp-cream); font-weight: 700;
}
.emp .emp-plp-pager .page-numbers.dots { border-color: transparent;
}
@media (min-width: 960px) { .emp-plp--js .emp-plp-apply { display: none; }
}
@media (max-width: 959px) { .emp-plp-body { display: block; } .emp-plp-panel { position: static; width: auto; max-height: none; padding: 0 0 18px; margin-bottom: 18px; border-bottom: 1px solid rgba(17, 17, 17, 0.12); } .emp-plp--js .emp-plp-filter-btn { display: inline-flex; } .emp-plp--js .emp-plp-panel__close { display: inline-flex; } .emp-plp--js .emp-plp-panel { position: fixed; top: 0; left: 0; bottom: 0; width: min(340px, 88vw); z-index: 120; background: var(--emp-cream-suelo); padding: 18px 18px 20px; margin-bottom: 0; border-bottom: none; overflow-y: auto; box-shadow: 20px 0 60px rgba(0, 0, 0, 0.3); transform: translateX(-100%); transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1); } .emp-plp--js .emp-plp-panel.is-open { transform: none; } .emp-plp--js .emp-plp-backdrop { display: block; position: fixed; inset: 0; background: rgba(17, 17, 17, 0.55); z-index: 119; } .emp-plp--js .emp-plp-backdrop[hidden] { display: none; } .emp-plp--js .emp-plp-apply { position: sticky; bottom: 0; } .emp-plp-grid { grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 14px; } .emp-plp-hero__box { padding: 34px 20px 30px; }
}
@media (prefers-reduced-motion: reduce) { .emp-plp-panel { transition: none; }
}
.emp-plp-main { transition: opacity 0.15s ease;
}
.emp-plp.is-loading { cursor: progress;
}
.emp-plp.is-loading .emp-plp-main { opacity: 0.45; pointer-events: none;
}
@media (prefers-reduced-motion: reduce) { .emp-plp-main { transition: none; }
}
.emp a.emp-ft-news__cta { display: inline-flex; align-items: center; justify-content: center; border-radius: 10px; color: var(--emp-black); text-decoration: none; height: 58px; padding: 0 36px; font-size: 15px; box-shadow: 0 12px 28px rgba(0, 0, 0, 0.3); animation: emp-ftnews-pulse 2.2s ease-in-out infinite;
}
.emp a.emp-ft-news__cta:hover { color: var(--emp-black); transform: translateY(-2px);
}
@keyframes emp-ftnews-pulse { 0%, 100% { box-shadow: 0 12px 28px rgba(0, 0, 0, 0.3), 0 0 0 0 rgba(245, 241, 232, 0.6); } 50% { box-shadow: 0 12px 28px rgba(0, 0, 0, 0.3), 0 0 0 12px rgba(245, 241, 232, 0); }
}
@media (prefers-reduced-motion: reduce) { .emp a.emp-ft-news__cta { animation: none; }
}
@media (max-width: 720px) { .emp-ft-news__inner { justify-content: center; text-align: center; gap: 20px; } .emp-ft-news__copy, .emp-ft-news__formwrap { flex: 1 1 100%; min-width: 0; max-width: none; } .emp-plp-quiz { justify-content: center; text-align: center; } .emp-plp-quiz__text { align-items: center; max-width: none; }
}
.emp-card__old { font-size: 13.5px;
}
.emp-card__price { font-size: 23px;
}
.emp-card__savings { font-size: 11.5px; padding: 6px 11px 6px 16px;
}
.emp-badge--discount { background: var(--emp-cream); color: var(--emp-black); animation: emp-badge-discount-pulse 1.8s ease-in-out infinite;
}
@keyframes emp-badge-discount-pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.09); }
}
@media (prefers-reduced-motion: reduce) { .emp-badge--discount { animation: none; }
}
.emp-card__original { background: rgba(17, 17, 17, 0.55); border-color: rgba(245, 241, 232, 0.55); color: var(--emp-cream);
}
.emp-card__rating { display: flex; align-items: center; gap: 6px; min-height: 17px; margin: 0 0 8px;
}
.emp-card__stars { display: inline-flex; gap: 1px; line-height: 0;
}
.emp-card__star { color: rgba(245, 241, 232, 0.22);
}
.emp-card__star.is-on { color: var(--emp-wine);
}
.emp-card__rating-num { font-size: 11.5px; font-weight: 700; color: rgba(245, 241, 232, 0.75); font-variant-numeric: tabular-nums;
}
.emp-card__rating-count { font-weight: 500; color: rgba(245, 241, 232, 0.45);
}
#ofertas .emp-card__star,
.emp-plp-grid--light .emp-card__star { color: rgba(17, 17, 17, 0.18);
}
#ofertas .emp-card__star.is-on,
.emp-plp-grid--light .emp-card__star.is-on { color: var(--emp-wine);
}
#ofertas .emp-card__rating-num,
.emp-plp-grid--light .emp-card__rating-num { color: rgba(17, 17, 17, 0.7);
}
#ofertas .emp-card__rating-count,
.emp-plp-grid--light .emp-card__rating-count { color: rgba(17, 17, 17, 0.45);
}
.emp-anim-off,
.emp-anim-off::before,
.emp-anim-off::after { animation-play-state: paused !important;
}
.emp-scrolling .emp-topbar__spark,
.emp-scrolling .emp-app-banner__btn,
.emp-scrolling .emp-btn--primary,
.emp-scrolling .emp-btn--primary::after,
.emp-scrolling .emp-card__cta--wine,
.emp-scrolling .emp-card__cta--gold,
.emp-scrolling .emp-card__savings,
.emp-scrolling .emp-badge--discount,
.emp-scrolling .emp-badge__dot,
.emp-scrolling .emp-countdown,
.emp-scrolling .emp-review-cta,
.emp-scrolling .emp-review-cta svg,
.emp-scrolling .emp-stars svg,
.emp-scrolling .emp-ft-news__cta,
.emp-scrolling .emp-snake-dot,
.emp-scrolling .emp-snake-halo,
.emp-scrolling .emp-pdp-dot,
.emp-scrolling .emp-pdp-reviews__hint svg { animation-play-state: paused !important;
}
.emp-scrolling .emp-snake-dot { filter: none !important;
}
.emp-pdp { background: var(--emp-cream-suelo);
}
.emp-pdp-crumbs { padding: 14px 20px 0; font-size: 12px; color: rgba(17, 17, 17, 0.55);
}
.emp-pdp-crumbs .emp-container { display: flex; flex-wrap: wrap; align-items: center; gap: 7px;
}
.emp .emp-pdp-crumbs a { color: rgba(17, 17, 17, 0.55); text-decoration: none;
}
.emp .emp-pdp-crumbs a:hover { color: var(--emp-wine);
}
.emp-pdp-crumbs__sep { opacity: 0.4;
}
.emp-pdp-crumbs__here { color: var(--emp-black); font-weight: 600;
}
.emp-pdp-top { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: 36px; align-items: start; padding: 18px 20px 0;
}
.emp-pdp-gallery { display: flex; flex-direction: column; gap: 12px; position: sticky; top: 16px;
}
.emp-pdp-stage { position: relative; aspect-ratio: 1 / 1; border-radius: 16px; overflow: hidden; background: radial-gradient(circle at 32% 18%, rgba(226, 35, 26, 0.06), transparent 58%), #ffffff; border: 1px solid rgba(226, 35, 26, 0.22);
}
.emp-pdp-stage--zoomable { cursor: zoom-in;
}
.emp-pdp-stage__img { width: 100%; height: 100%; object-fit: contain; transition: transform 0.28s ease; transform-origin: 50% 50%;
}
.emp-pdp-stage.is-zoom .emp-pdp-stage__img { transform: scale(1.9);
}
.emp-pdp-stage .emp-imgslot { width: 100%; height: 100%;
}
.emp-pdp-stage__badges { position: absolute; top: 14px; left: 14px; z-index: 4; display: flex; flex-direction: column; gap: 7px; align-items: flex-start;
}
.emp-pdp-badge { display: inline-flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 700; letter-spacing: 0.03em; padding: 5px 12px; border-radius: 999px; white-space: nowrap;
}
.emp-pdp-badge--off { background: var(--emp-wine); color: var(--emp-cream);
}
.emp-pdp-badge--low { background: rgba(17, 17, 17, 0.82); border: 1px solid rgba(226, 35, 26, 0.45); color: var(--emp-cream); font-size: 10.5px; font-weight: 600; padding: 4px 10px;
}
.emp-pdp-badge--orig { position: absolute; top: 14px; right: 14px; z-index: 4; background: rgba(226, 35, 26, 0.14); border: 1px solid rgba(226, 35, 26, 0.5); color: var(--emp-wine-soft); font-size: 9px; letter-spacing: 0.08em; text-transform: uppercase; padding: 4px 10px;
}
.emp-pdp-dot { width: 7px; height: 7px; border-radius: 50%; background: currentColor; flex-shrink: 0; animation: emp-pdp-pulse 1.8s ease-in-out infinite;
}
@keyframes emp-pdp-pulse { 0%, 100% { opacity: 1; transform: scale(1); } 50%      { opacity: 0.45; transform: scale(0.8); }
}
.emp-pdp-thumbs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px;
}
.emp-pdp-thumb { position: relative; aspect-ratio: 1 / 1; border-radius: 10px; overflow: hidden; cursor: pointer; padding: 0; background: #ffffff; border: 1.5px solid rgba(226, 35, 26, 0.2); transition: border-color 0.2s ease;
}
.emp-pdp-thumb.is-active,
.emp-pdp-thumb:hover { border-color: var(--emp-wine);
}
.emp-pdp-thumb img { width: 100%; height: 100%; object-fit: cover;
}
.emp-pdp-buy { display: flex; flex-direction: column;
}
.emp-pdp-brand { font-size: 11px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--emp-wine);
}
.emp-pdp-title { font-family: var(--emp-serif); font-weight: 600; font-size: clamp(30px, 4.4vw, 44px); line-height: 1.05; letter-spacing: -0.015em; margin: 6px 0 0; color: var(--emp-black);
}
.emp-pdp-meta { font-size: 13.5px; color: rgba(17, 17, 17, 0.6); margin-top: 7px;
}
.emp .emp-pdp-rating { display: flex; align-items: center; gap: 9px; margin-top: 12px; color: var(--emp-black); text-decoration: none;
}
.emp-pdp-stars { display: inline-flex; gap: 1px; line-height: 0;
}
.emp-pdp-stars .emp-card__star { color: rgba(17, 17, 17, 0.18);
}
.emp-pdp-stars .emp-card__star.is-on { color: var(--emp-wine);
}
.emp-pdp-rating__num { font-size: 13px; font-weight: 700;
}
.emp-pdp-rating__count { font-size: 13px; color: rgba(17, 17, 17, 0.55); text-decoration: underline; text-underline-offset: 3px;
}
.emp-pdp-rating--empty .emp-pdp-rating__count { color: rgba(17, 17, 17, 0.45);
}
.emp .emp-pdp-rating--empty:hover .emp-pdp-rating__count { color: var(--emp-wine);
}
.emp-pdp-price-box { margin-top: 20px; padding: 18px; border-radius: 14px; background: #fff; border: 1px solid rgba(17, 17, 17, 0.08); display: flex; flex-direction: column; gap: 8px;
}
.emp-pdp-price-row { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap;
}
.emp-pdp-price { font-size: clamp(30px, 4vw, 38px); font-weight: 800; letter-spacing: -0.02em; font-variant-numeric: tabular-nums;
}
.emp-pdp-price-old { font-size: 17px; color: rgba(17, 17, 17, 0.42); text-decoration: line-through; font-variant-numeric: tabular-nums;
}
.emp-pdp-price-off { background: var(--emp-wine); color: var(--emp-cream); font-size: 12px; font-weight: 700; padding: 4px 10px; border-radius: 6px;
}
.emp-pdp-save { font-size: 13.5px; font-weight: 700; color: var(--emp-wine);
}
.emp-pdp-points { display: flex; align-items: center; gap: 8px; font-size: 12.5px; color: rgba(17, 17, 17, 0.62); padding-top: 8px; border-top: 1px solid rgba(17, 17, 17, 0.08);
}
.emp-pdp-variants { margin: 20px 0 0; padding: 0; border: none;
}
.emp-pdp-label { display: block; font-size: 11.5px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(17, 17, 17, 0.55); margin-bottom: 10px; padding: 0;
}
.emp-pdp-variants__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 9px;
}
.emp-pdp-variant { text-align: left; min-height: 64px; padding: 10px 13px; border-radius: 11px; cursor: pointer; background: #fff; border: 1.5px solid rgba(17, 17, 17, 0.14); display: flex; flex-direction: column; gap: 3px; transition: border-color 0.2s ease, background 0.2s ease; font-family: inherit;
}
.emp-pdp-variant.is-active { background: rgba(226, 35, 26, 0.08); border-color: var(--emp-wine);
}
.emp-pdp-variant__title { font-size: 14px; font-weight: 700; color: var(--emp-black);
}
.emp-pdp-variant__price { font-size: 12.5px; color: rgba(17, 17, 17, 0.6); font-variant-numeric: tabular-nums;
}
.emp-pdp-variant__stock { font-size: 10.5px; font-weight: 600; color: var(--emp-green);
}
.emp-pdp-variant.is-out .emp-pdp-variant__stock { color: rgba(17, 17, 17, 0.4);
}
.emp-pdp-variant.is-out { opacity: 0.72;
}
.emp-pdp-scarcity { margin-top: 14px; display: flex; align-items: center; gap: 9px; background: rgba(226, 35, 26, 0.07); border: 1px solid rgba(226, 35, 26, 0.24); border-radius: 10px; padding: 10px 13px; font-size: 13px; font-weight: 600; color: var(--emp-wine);
}
.emp-pdp-cta { margin-top: 16px; display: flex; flex-direction: column; gap: 10px;
}
.emp-pdp-btn { width: 100%; min-height: 56px; border-radius: 11px; font-family: inherit; font-size: 16px; font-weight: 800; letter-spacing: 0.01em; cursor: pointer; transition: filter 0.2s ease, transform 0.2s ease, background 0.2s ease, color 0.2s ease;
}
.emp-pdp-btn--primary { border: none; background: var(--emp-wine); color: var(--emp-cream); box-shadow: 0 6px 20px rgba(226, 35, 26, 0.28);
}
.emp-pdp-btn--primary:hover { filter: brightness(1.09); transform: translateY(-1px);
}
.emp-pdp-btn--ghost { min-height: 52px; border: 1.5px solid var(--emp-black); background: transparent; color: var(--emp-black); font-size: 15px; font-weight: 700;
}
.emp-pdp-btn--ghost:hover { background: var(--emp-black); color: var(--emp-cream);
}
.emp-pdp-out { margin-top: 16px; display: flex; flex-direction: column; gap: 9px;
}
.emp-pdp-out__msg { margin: 0; font-size: 13px; font-weight: 600; color: rgba(17, 17, 17, 0.6);
}
.emp-pdp-notify { display: flex; gap: 9px; flex-wrap: wrap;
}
.emp-pdp-notify input[type="email"] { flex: 1 1 180px; min-height: 52px; padding: 0 14px; border-radius: 11px; border: 1px solid rgba(17, 17, 17, 0.2); background: #fff; font-family: inherit; font-size: 14px;
}
.emp-pdp-notify button { min-height: 52px; padding: 0 22px; border: none; border-radius: 11px; background: var(--emp-black); color: var(--emp-cream); font-family: inherit; font-size: 14.5px; font-weight: 700; cursor: pointer;
}
.emp-pdp-notify__ok { margin: 0; font-size: 13px; font-weight: 600; color: var(--emp-green);
}
.emp-pdp-delivery { margin-top: 16px; display: flex; align-items: flex-start; gap: 11px; background: var(--emp-black); border-radius: 11px; padding: 14px 15px; color: var(--emp-wine-soft);
}
.emp-pdp-delivery svg { flex-shrink: 0; margin-top: 1px;
}
.emp-pdp-delivery > div { display: flex; flex-direction: column; gap: 3px;
}
.emp-pdp-delivery__title { font-size: 13.5px; font-weight: 700; color: var(--emp-cream);
}
.emp-pdp-delivery__sub { font-size: 12px; color: rgba(245, 241, 232, 0.65);
}
.emp-pdp-seals { margin-top: 14px; display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 9px;
}
.emp-pdp-seal { display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 600; background: #fff; border: 1px solid rgba(226, 35, 26, 0.3); border-radius: 9px; padding: 10px 11px; color: var(--emp-black);
}
.emp-pdp-seal svg { flex-shrink: 0; color: var(--emp-wine);
}
.emp-pdp-payrail { margin-top: 26px; padding: 14px 20px; border-top: 1px solid rgba(17, 17, 17, 0.1); border-bottom: 1px solid rgba(17, 17, 17, 0.1); display: flex; align-items: center; gap: 14px;
}
.emp-pdp-payrail__label { font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(17, 17, 17, 0.45); flex-shrink: 0;
}
.emp-pdp-payrail .emp-payments { width: auto; margin-left: 0; margin-top: 0; padding: 0; flex: 1; min-width: 0;
}
.emp-pdp-desc__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 0.85fr); gap: 36px; align-items: start;
}
.emp-pdp-desc__grid--solo { grid-template-columns: minmax(0, 1fr);
}
.emp-pdp-desc__grid--solo .emp-pdp-desc__text { max-width: 760px;
}
.emp-pdp-desc__text { display: flex; flex-direction: column; gap: 14px;
}
.emp-pdp-desc__body p { font-size: 15.5px; line-height: 1.72; color: rgba(17, 17, 17, 0.72); text-wrap: pretty; margin: 0 0 14px;
}
.emp-pdp-desc__body > :last-child { margin-bottom: 0;
}
.emp-pdp-desc__pitch { padding: 16px 18px; background: #fff; border-left: 3px solid var(--emp-wine); border-radius: 0 10px 10px 0;
}
.emp-pdp-desc__pitch p { margin: 0 0 10px; font-size: 14.5px; line-height: 1.6; color: var(--emp-black); text-wrap: pretty;
}
.emp-pdp-desc__pitch > :last-child { margin-bottom: 0;
}
.emp-pdp-desc__media { position: relative; border-radius: 16px; overflow: hidden; aspect-ratio: 1 / 1; background: #ffffff; border: 1px solid rgba(226, 35, 26, 0.18);
}
.emp-pdp-desc__shot { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; opacity: 0; transition: opacity 0.9s ease;
}
.emp-pdp-desc__shot.is-active { opacity: 1;
}
@media (prefers-reduced-motion: reduce) { .emp-pdp-desc__shot { transition: none; }
}
.emp-pdp-pyramid { border-radius: 18px; background: radial-gradient(120% 120% at 12% 0%, rgba(226, 35, 26, 0.14), transparent 58%), linear-gradient(160deg, #1c1813 0%, #111111 62%, #0b0a08 100%); border: 1px solid rgba(226, 35, 26, 0.22); padding: clamp(26px, 4vw, 44px);
}
.emp-pdp-pyramid__head { margin-bottom: 30px;
}
.emp-pdp-pyramid__head .emp-eyebrow-sm { color: var(--emp-wine-soft);
}
.emp-pdp-pyramid__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 16px;
}
.emp-pdp-tier { background: rgba(245, 241, 232, 0.045); border: 1px solid rgba(226, 35, 26, 0.2); border-radius: 14px; padding: 20px 20px 22px; display: flex; flex-direction: column; gap: 13px;
}
.emp-pdp-tier__head { display: flex; align-items: center; justify-content: space-between; gap: 12px;
}
.emp-pdp-tier__name { font-size: 10.5px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--emp-wine-soft);
}
.emp-pdp-tier__timing { font-size: 11px; font-weight: 600; color: rgba(245, 241, 232, 0.5);
}
.emp-pdp-tier__notes { display: flex; flex-wrap: wrap; gap: 8px;
}
.emp-pdp-note { display: inline-flex; align-items: center; gap: 7px; background: rgba(226, 35, 26, 0.1); border: 1px solid rgba(226, 35, 26, 0.28); border-radius: 999px; padding: 6px 12px; font-size: 12.5px; font-weight: 600; color: var(--emp-cream);
}
.emp-pdp-note__dot { width: 7px; height: 7px; border-radius: 50%; background: var(--emp-wine); flex-shrink: 0;
}
.emp-pdp-tier__desc { margin: 0; font-size: 13px; line-height: 1.62; color: rgba(245, 241, 232, 0.6); text-wrap: pretty;
}
.emp-pdp-character { display: grid; grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); gap: 32px; align-items: start;
}
.emp-h2--sm { font-size: 24px;
}
.emp-pdp-meters { display: flex; flex-direction: column; gap: 20px;
}
.emp-pdp-meter { display: flex; flex-direction: column; gap: 8px;
}
.emp-pdp-meter__head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px;
}
.emp-pdp-meter__label { font-size: 13.5px; font-weight: 700;
}
.emp-pdp-meter__value { font-size: 12.5px; font-weight: 600; color: var(--emp-wine);
}
.emp-pdp-meter__track,
.emp-pdp-dist__track { height: 8px; border-radius: 999px; background: rgba(17, 17, 17, 0.09); overflow: hidden; display: block;
}
.emp-pdp-meter__fill,
.emp-pdp-dist__fill { display: block; height: 100%; border-radius: 999px; background: linear-gradient(90deg, var(--emp-wine-dark), var(--emp-wine));
}
.emp-pdp-tags { display: flex; flex-direction: column; gap: 22px;
}
.emp-pdp-chips { display: flex; flex-wrap: wrap; gap: 8px;
}
.emp-pdp-chip { display: inline-flex; align-items: center; padding: 9px 14px; border-radius: 999px; font-size: 13px; font-weight: 600; background: #fff; border: 1px solid rgba(17, 17, 17, 0.14); color: rgba(17, 17, 17, 0.7);
}
.emp-pdp-chip.is-on { background: rgba(226, 35, 26, 0.09); border-color: rgba(226, 35, 26, 0.45); color: var(--emp-wine);
}
.emp-pdp-chip--solid { background: var(--emp-black); border-color: var(--emp-black); color: var(--emp-cream);
}
.emp-pdp-howto { background: var(--emp-black); border-radius: 12px; padding: 16px 18px;
}
.emp-pdp-howto .emp-pdp-label { color: var(--emp-wine-soft); letter-spacing: 0.14em; margin-bottom: 6px;
}
.emp-pdp-howto p { margin: 0; font-size: 13.5px; line-height: 1.6; color: rgba(245, 241, 232, 0.78); text-wrap: pretty;
}
.emp-pdp-soldbar { display: flex; align-items: center; gap: 10px; background: rgba(226, 35, 26, 0.1); border: 1px solid rgba(226, 35, 26, 0.35); border-radius: 11px; padding: 12px 16px; font-size: 13.5px; font-weight: 700; color: var(--emp-black);
}
.emp-pdp-soldsec { padding-top: 0; padding-bottom: 8px;
}
.emp-pdp-soldbar svg { flex-shrink: 0; color: var(--emp-wine);
}
.emp-pdp-social { display: grid; grid-template-columns: minmax(0, 0.75fr) minmax(0, 1.25fr); gap: 32px; align-items: start;
}
.emp-pdp-score { display: flex; flex-direction: column; gap: 16px; background: #fff; border: 1px solid rgba(17, 17, 17, 0.09); border-radius: 14px; padding: 22px; position: sticky; top: 16px;
}
.emp-pdp-score__head { display: flex; align-items: center; gap: 12px;
}
.emp-pdp-score__num { font-size: 46px; font-weight: 800; letter-spacing: -0.03em; line-height: 1;
}
.emp-pdp-score__count { display: block; font-size: 12.5px; color: rgba(17, 17, 17, 0.55); margin-top: 3px;
}
.emp-pdp-dist { display: flex; flex-direction: column; gap: 7px;
}
.emp-pdp-dist__row { display: flex; align-items: center; gap: 10px;
}
.emp-pdp-dist__star { font-size: 12px; color: rgba(17, 17, 17, 0.6); width: 26px; flex-shrink: 0;
}
.emp-pdp-dist__track { flex: 1; height: 7px;
}
.emp-pdp-dist__n { font-size: 11.5px; color: rgba(17, 17, 17, 0.5); width: 30px; text-align: right; font-variant-numeric: tabular-nums;
}
.emp-pdp-reviews { display: flex; flex-direction: column; gap: 14px;
}
.emp-pdp-review { background: #fff; border: 1px solid rgba(17, 17, 17, 0.09); border-radius: 14px; padding: 18px 19px; display: flex; flex-direction: column; gap: 10px;
}
.emp-pdp-review__head { display: flex; align-items: center; gap: 11px; flex-wrap: wrap;
}
.emp-pdp-review__avatar { width: 38px; height: 38px; border-radius: 50%; background: var(--emp-black); color: var(--emp-wine-soft); font-size: 14px; font-weight: 700; display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.emp-pdp-review__who { display: flex; flex-direction: column; gap: 2px; min-width: 0;
}
.emp-pdp-review__name { font-size: 13.5px; font-weight: 700;
}
.emp-pdp-review__date { font-size: 11.5px; color: rgba(17, 17, 17, 0.52);
}
.emp-pdp-review__verified { margin-left: auto; display: inline-flex; align-items: center; gap: 5px; font-size: 10.5px; font-weight: 700; color: var(--emp-green); background: rgba(46, 125, 79, 0.09); border-radius: 999px; padding: 4px 9px; white-space: nowrap;
}
.emp-pdp-review__body { margin: 0; font-size: 14px; line-height: 1.66; color: rgba(17, 17, 17, 0.72); text-wrap: pretty;
}
.emp-pdp-more { align-self: flex-start; min-height: 46px; padding: 0 22px; border-radius: 10px; border: 1.5px solid var(--emp-black); background: transparent; font-family: inherit; font-size: 13.5px; font-weight: 700; cursor: pointer; transition: background 0.2s, color 0.2s;
}
.emp-pdp-more:hover { background: var(--emp-black); color: var(--emp-cream);
}
.emp-pdp-noreviews p { margin: 10px 0 0; font-size: 14.5px; line-height: 1.66; color: rgba(17, 17, 17, 0.65); max-width: 60ch;
}
.emp-pdp-warranty { border-radius: 16px; background: linear-gradient(120deg, var(--emp-wine) 0%, var(--emp-wine-dark) 55%, var(--emp-black) 100%); padding: clamp(26px, 3.6vw, 38px); position: relative; overflow: hidden;
}
.emp-pdp-warranty__glow { position: absolute; right: -50px; top: -50px; width: 230px; height: 230px; border-radius: 50%; background: radial-gradient(circle, rgba(245, 241, 232, 0.22), transparent 70%); pointer-events: none;
}
.emp-pdp-warranty__grid { position: relative; display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 28px; align-items: start;
}
.emp-pdp-warranty svg { color: var(--emp-cream); margin-bottom: 11px;
}
.emp-pdp-warranty .emp-h2--light { line-height: 1.14;
}
.emp-pdp-warranty__lead { margin: 11px 0 0; font-size: 14.5px; line-height: 1.66; color: rgba(245, 241, 232, 0.78); text-wrap: pretty;
}
.emp-pdp-warranty__steps { display: flex; flex-direction: column; gap: 11px;
}
.emp-pdp-step { display: flex; gap: 11px; align-items: flex-start;
}
.emp-pdp-step__n { width: 22px; height: 22px; border-radius: 50%; background: rgba(245, 241, 232, 0.18); border: 1px solid rgba(245, 241, 232, 0.5); color: var(--emp-cream); font-size: 11px; font-weight: 800; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 2px;
}
.emp-pdp-step__title { display: block; font-size: 13.5px; font-weight: 700; color: var(--emp-cream);
}
.emp-pdp-step__body { display: block; margin-top: 3px; font-size: 12.5px; line-height: 1.55; color: rgba(245, 241, 232, 0.7); text-wrap: pretty;
}
.emp-pdp-head { margin-bottom: 20px;
}
.emp-pdp-recent { border-top: 1px solid rgba(17, 17, 17, 0.11); padding-top: 26px;
}
.emp-pdp-recent__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 12px;
}
.emp .emp-pdp-recent__item { display: flex; gap: 12px; align-items: center; background: var(--emp-black); border-radius: 12px; padding: 11px; color: var(--emp-cream); text-decoration: none;
}
.emp-pdp-recent__img { width: 52px; height: 64px; flex-shrink: 0; border-radius: 7px; overflow: hidden; background: #ffffff; border: 1px solid rgba(226, 35, 26, 0.18);
}
.emp-pdp-recent__img img { width: 100%; height: 100%; object-fit: cover;
}
.emp-pdp-recent__text { min-width: 0;
}
.emp-pdp-recent__brand { display: block; font-size: 9.5px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--emp-wine-soft);
}
.emp-pdp-recent__name { display: block; font-family: var(--emp-serif); font-size: 14.5px; line-height: 1.2; color: var(--emp-cream);
}
.emp-pdp-recent__price { display: block; font-size: 12.5px; font-weight: 700; margin-top: 3px; font-variant-numeric: tabular-nums;
}
.emp-pdp-sticky { position: fixed; left: 0; right: 0; bottom: 0; z-index: 55; background: var(--emp-cream); border-top: 1px solid rgba(17, 17, 17, 0.14); box-shadow: 0 -8px 26px rgba(0, 0, 0, 0.13); padding: 10px 14px 12px; display: none; align-items: center; gap: 12px; transform: translateY(100%); transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1);
}
.emp-pdp-sticky.is-visible { transform: translateY(0);
}
.emp-pdp-sticky__info { display: flex; flex-direction: column; gap: 1px; min-width: 0;
}
.emp-pdp-sticky__meta { font-size: 10.5px; font-weight: 600; color: rgba(17, 17, 17, 0.55); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.emp-pdp-sticky__price { font-size: 19px; font-weight: 800; font-variant-numeric: tabular-nums;
}
.emp-pdp-sticky .emp-pdp-btn { flex: 1; min-height: 52px; font-size: 15px;
}
@media (max-width: 899px) { .emp-pdp-top { grid-template-columns: minmax(0, 1fr); gap: 22px; } .emp-pdp-gallery { position: static; } .emp-pdp-social { grid-template-columns: minmax(0, 1fr); } .emp-pdp-score { position: static; } .emp-pdp-desc__grid { grid-template-columns: minmax(0, 1fr); gap: 22px; } .emp-pdp-sticky { display: flex; } .emp-pdp { padding-bottom: 86px; } .emp-pdp-payrail { flex-direction: column; align-items: flex-start; gap: 10px; } .emp-pdp-payrail .emp-payments { width: 100%; }
}
@media (prefers-reduced-motion: reduce) { .emp-pdp-dot { animation: none; } .emp-pdp-stage__img, .emp-pdp-sticky { transition: none; }
}
.emp-pdp-reviewform { background: #fff; border-radius: 14px; padding: 0;
}
.emp-pdp-reviewform .comment-reply-title { font-family: var(--emp-serif); font-size: 22px; font-weight: 600; margin: 0 0 16px; color: var(--emp-black);
}
.emp-pdp-reviewform p { margin: 0 0 14px;
}
.emp-pdp-reviewform label { display: block; font-size: 11.5px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(17, 17, 17, 0.55); margin-bottom: 7px;
}
.emp-pdp-reviewform input[type="text"],
.emp-pdp-reviewform input[type="email"],
.emp-pdp-reviewform select,
.emp-pdp-reviewform textarea { width: 100%; padding: 12px 14px; border-radius: 11px; border: 1px solid rgba(17, 17, 17, 0.2); background: #fff; font-family: inherit; font-size: 14px; color: var(--emp-black);
}
.emp-pdp-reviewform textarea { min-height: 120px; resize: vertical; line-height: 1.6;
}
.emp-pdp-reviewform input:focus,
.emp-pdp-reviewform select:focus,
.emp-pdp-reviewform textarea:focus { outline: none; border-color: var(--emp-wine);
}
.emp-pdp-reviewform__fine { display: block; margin-top: 6px; font-size: 11.5px; color: rgba(17, 17, 17, 0.5);
}
.emp-pdp-reviewform .emp-pdp-reviewform__submit { width: auto; min-width: 200px; height: 52px; min-height: 52px; padding: 0 26px;
}
.emp-pdp-reviewform .comment-form-cookies-consent { display: flex; align-items: center; gap: 8px;
}
.emp-pdp-reviewform .comment-form-cookies-consent label { margin: 0; text-transform: none; letter-spacing: 0; font-size: 12.5px; font-weight: 500; color: rgba(17, 17, 17, 0.6);
}
.emp-pdp-reviewform .comment-form-cookies-consent input { width: auto;
}
@media (max-width: 599px) { .emp-pdp-reviewform .emp-pdp-reviewform__submit { width: 100%; }
}
.emp-pdp-tallies { display: flex; flex-direction: column; gap: 12px; padding-top: 16px; border-top: 1px solid rgba(17, 17, 17, 0.09);
}
.emp-pdp-tally { display: flex; flex-direction: column; gap: 2px;
}
.emp-pdp-tally__value { font-size: 17px; font-weight: 800; color: var(--emp-wine); line-height: 1.15;
}
.emp-pdp-tally__label { font-size: 12px; color: rgba(17, 17, 17, 0.6);
}
.emp-pdp-reviews__list { display: flex; flex-direction: column; gap: 14px;
}
.emp-pdp-reviews__list.is-scroll { overflow-y: auto; padding-right: 12px; scrollbar-width: auto; scrollbar-color: var(--emp-wine) rgba(17, 17, 17, 0.09);
}
.emp-pdp-reviews__list.is-scroll::-webkit-scrollbar { width: 9px;
}
.emp-pdp-reviews__list.is-scroll::-webkit-scrollbar-thumb { background: var(--emp-wine); border-radius: 999px;
}
.emp-pdp-reviews__list.is-scroll::-webkit-scrollbar-track { background: rgba(17, 17, 17, 0.09); border-radius: 999px;
}
.emp-pdp-reviews__list.is-scroll { -webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - 64px), transparent 100%); mask-image: linear-gradient(to bottom, #000 calc(100% - 64px), transparent 100%);
}
.emp-pdp-reviews__list.is-scroll.is-end { -webkit-mask-image: none; mask-image: none;
}
.emp-pdp-reviews__hint { display: flex; align-items: center; justify-content: center; gap: 7px; margin: 12px 0 0; font-size: 12.5px; font-weight: 700; color: var(--emp-wine);
}
.emp-pdp-reviews__hint svg { flex-shrink: 0; animation: emp-hint-bob 1.6s ease-in-out infinite;
}
@keyframes emp-hint-bob { 0%, 100% { transform: translateY(-2px); } 50% { transform: translateY(2px); }
}
@media (prefers-reduced-motion: reduce) { .emp-pdp-reviews__hint svg { animation: none; }
}
.emp-pdp-review__title { margin: 0; font-family: var(--emp-serif); font-size: 16px; line-height: 1.3; color: var(--emp-black);
}
.emp-pdp-review__photo { display: block; align-self: flex-start; max-width: 160px; border-radius: 10px; overflow: hidden; border: 1px solid rgba(17, 17, 17, 0.1); line-height: 0;
}
.emp-pdp-review__photo img { width: 100%; height: auto; display: block;
}
.emp-pdp-review__marks { display: flex; flex-wrap: wrap; gap: 6px;
}
.emp-pdp-review__mark { display: inline-flex; align-items: center; padding: 5px 10px; border-radius: 999px; font-size: 11.5px; font-weight: 700; background: rgba(226, 35, 26, 0.08); border: 1px solid rgba(226, 35, 26, 0.3); color: var(--emp-wine);
}
.emp-pdp-reviewform__row { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); gap: 14px; align-items: end;
}
.emp-pdp-reviewform__row > p { margin: 0;
}
.emp-pdp-reviewform__opt { font-weight: 400; color: rgba(17, 17, 17, 0.45);
}
.emp-pdp-reviewform__photo input[type="file"] { display: block; width: 100%; font-size: 13px; color: rgba(17, 17, 17, 0.7);
}
.emp-pdp-reviewform__photo input[type="file"]::file-selector-button { margin-right: 10px; padding: 8px 14px; border-radius: 8px; border: 1.5px solid var(--emp-black); background: transparent; font-family: inherit; font-size: 12.5px; font-weight: 700; color: var(--emp-black); cursor: pointer;
}
.emp-pdp-reviewform__report { margin: 4px 0 0; padding: 16px 18px; border: 1px solid rgba(17, 17, 17, 0.12); border-radius: 12px; background: rgba(17, 17, 17, 0.02);
}
.emp-pdp-reviewform__report legend { padding: 0 6px; font-size: 12.5px; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; color: rgba(17, 17, 17, 0.6);
}
.emp-pdp-reviewform__q { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; padding: 10px 0; border-bottom: 1px solid rgba(17, 17, 17, 0.07);
}
.emp-pdp-reviewform__q:last-child { border-bottom: none; padding-bottom: 0;
}
.emp-pdp-reviewform__qlabel { flex: 1 1 100%; font-size: 13.5px; font-weight: 700; color: var(--emp-black);
}
.emp-pdp-reviewform__q label { display: inline-flex; align-items: center; gap: 6px; margin: 0; font-size: 13.5px; font-weight: 500; color: rgba(17, 17, 17, 0.72); cursor: pointer;
}
.emp-pdp-reviewform__q input[type="radio"] { accent-color: var(--emp-wine); margin: 0;
}
.emp-pdp-reviewform__q input[type="number"] { width: 110px;
}
.emp-pdp-reviewform__q .emp-pdp-reviewform__fine { flex: 1 1 100%; margin-top: 0;
}
@media (max-width: 720px) { .emp-pdp-reviewform__row { grid-template-columns: minmax(0, 1fr); } .emp-pdp-review__photo { max-width: 120px; }
}
.emp-pdp-reviewform .emp-pdp-reviewform__submit { width: 100%; min-width: 0; height: 58px; min-height: 58px; padding: 0 26px; font-size: 15.5px; letter-spacing: 0.01em;
}
.emp-pdp-reviewform #respond input#submit.emp-pdp-reviewform__submit { background: var(--emp-wine); color: var(--emp-cream); border: none; border-radius: 12px; font-weight: 800; box-shadow: 0 12px 26px rgba(226, 35, 26, 0.32);
}
.emp-pdp-reviewform #respond input#submit.emp-pdp-reviewform__submit:hover { background: var(--emp-wine); color: var(--emp-cream); filter: brightness(1.09); box-shadow: 0 16px 32px rgba(226, 35, 26, 0.42);
}
.emp-pdp-reviewform .form-submit { margin-bottom: 0;
}
.emp-pdp-sent { display: flex; align-items: flex-start; gap: 12px; scroll-margin-top: 150px; margin-bottom: 24px; padding: 16px 18px; border-radius: 12px; background: rgba(46, 125, 79, 0.08); border: 1px solid rgba(46, 125, 79, 0.32); color: var(--emp-black);
}
.emp-pdp-sent svg { flex-shrink: 0; margin-top: 1px; color: var(--emp-green);
}
.emp-pdp-sent strong { display: block; font-size: 14.5px; margin-bottom: 3px;
}
.emp-pdp-sent span { display: block; font-size: 13px; line-height: 1.55; color: rgba(17, 17, 17, 0.66);
}
.emp-pdp-review { position: relative;
}
.emp-pdp-review__head { padding-right: 120px;
}
.emp-pdp-review .emp-pdp-review__verified { position: absolute; top: 14px; right: 14px; margin-left: 0;
}
@media (max-width: 599px) { .emp-pdp-review__head { padding-right: 0; } .emp-pdp-review .emp-pdp-review__verified { position: static; align-self: flex-start; }
}
.emp-pdp-reviewpop__box { background: #fff; max-width: 660px; padding: 44px 26px 26px; max-height: calc(100vh - 40px); overflow-y: auto; scrollbar-width: thin; scrollbar-color: rgba(226, 35, 26, 0.45) transparent;
}
.emp-pdp-reviewpop__box::-webkit-scrollbar { width: 6px;
}
.emp-pdp-reviewpop__box::-webkit-scrollbar-thumb { background: rgba(226, 35, 26, 0.45); border-radius: 999px;
}
.emp-pdp-score .emp-pdp-review-open { width: 100%; margin-top: 16px; padding-top: 0;
}
.emp-pdp-noreviews .emp-pdp-review-open { width: auto; margin-top: 18px; min-width: 220px;
}
.emp-pdp-buyrow { display: flex; align-items: stretch; gap: 10px;
}
.emp-pdp-buyrow .emp-pdp-btn { flex: 1; min-width: 0;
}
.emp-pdp-qty { display: flex; align-items: stretch; flex-shrink: 0; border: 1.5px solid rgba(17, 17, 17, 0.16); border-radius: 12px; background: #fff; overflow: hidden;
}
.emp-pdp-qty__btn { width: 38px; border: none; background: transparent; font-family: inherit; font-size: 18px; font-weight: 700; line-height: 1; color: var(--emp-black); cursor: pointer; transition: background 0.15s ease, color 0.15s ease;
}
.emp-pdp-qty__btn:hover { background: rgba(226, 35, 26, 0.08); color: var(--emp-wine);
}
.emp-pdp-qty__input { width: 44px; padding: 0; border: none; background: transparent; text-align: center; font-family: inherit; font-size: 15px; font-weight: 800; color: var(--emp-black); -moz-appearance: textfield; appearance: textfield;
}
.emp-pdp-qty__input::-webkit-outer-spin-button,
.emp-pdp-qty__input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;
}
.emp-pdp-qty__input:focus { outline: none;
}
.emp-pdp-qty:focus-within { border-color: var(--emp-wine);
}
@media (max-width: 420px) { .emp-pdp-buyrow { flex-wrap: wrap; } .emp-pdp-qty { width: 100%; justify-content: space-between; } .emp-pdp-qty__input { flex: 1; }
}
.emp-co-page .emp-header__inner { grid-template-columns: 1fr auto 1fr;
}
.emp-co-page .emp-logo { grid-row: 1; grid-column: 1; justify-self: start;
}
.emp a.emp-co-addmore { grid-row: 1; grid-column: 2; justify-self: center; text-align: center; font-family: var(--emp-serif); font-size: 19px; font-weight: 600; line-height: 1.2; color: var(--emp-cream); text-decoration: underline; text-underline-offset: 4px; padding: 4px 8px;
}
.emp a.emp-co-addmore:hover,
.emp a.emp-co-addmore:focus-visible { color: var(--emp-wine); text-decoration: underline;
}
.emp-co-safe { grid-row: 1; grid-column: 3; justify-self: end; display: inline-flex; align-items: center; gap: 7px; font-size: 11.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--emp-wine); white-space: nowrap;
}
@media (max-width: 900px) { .emp-co-page .emp-header__inner { grid-template-columns: auto auto; justify-content: space-between; row-gap: 8px; } .emp-co-page .emp-logo { grid-row: 1; grid-column: 1; justify-self: start; } .emp-co-safe { grid-row: 1; grid-column: 2; } .emp a.emp-co-addmore { grid-row: 2; grid-column: 1 / -1; font-size: 16px; padding: 0; }
}
.emp-co-foot { margin-top: 40px; border-top: 1px solid rgba(17, 17, 17, .1); background: #fff; padding: 18px 20px;
}
.emp-co-foot__inner { max-width: 1160px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap;
}
.emp-co-foot__legal { font-size: 11.5px; color: rgba(17, 17, 17, .5);
}
.emp-co-foot__help { display: inline-flex; align-items: center; gap: 7px; font-size: 11.5px; font-weight: 700; text-decoration: none;
}
.emp-co-steps { background: #fff; border-bottom: 1px solid rgba(17, 17, 17, .1);
}
.emp-co-steps__inner { max-width: 1160px; margin: 0 auto; padding: 13px 20px; display: flex; align-items: center; gap: 10px;
}
.emp-co-step { display: flex; align-items: center; gap: 10px; flex: 1 1 auto; min-width: 0;
}
.emp-co-step--last { flex: 0 0 auto;
}
.emp-co-step__dot { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; flex-shrink: 0; border-radius: 50%; background: transparent; border: 1.5px solid rgba(17, 17, 17, .26); color: rgba(17, 17, 17, .42); font-size: 11px; font-weight: 800;
}
.emp-co-step__label { font-size: 12px; font-weight: 700; letter-spacing: .04em; color: rgba(17, 17, 17, .42); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.emp-co-step__rule { flex: 1; height: 1.5px; min-width: 14px; background: rgba(17, 17, 17, .14);
}
.emp-co-step.is-current .emp-co-step__dot { background: var(--emp-black); border-color: var(--emp-black); color: var(--emp-cream);
}
.emp-co-step.is-done .emp-co-step__dot { background: var(--emp-wine); border-color: var(--emp-wine); color: var(--emp-cream);
}
.emp-co-step.is-done .emp-co-step__rule { background: var(--emp-wine);
}
.emp-co-step.is-current .emp-co-step__label,
.emp-co-step.is-done .emp-co-step__label { color: var(--emp-black);
}
.emp-co { max-width: 1160px; width: 100%; margin: 0 auto; padding: 26px 20px 44px; display: grid; grid-template-columns: minmax(0, 1.42fr) minmax(320px, .85fr); gap: 26px; align-items: start;
}
.emp-co__main { grid-column: 1; grid-row: 1; min-width: 0; display: flex; flex-direction: column; gap: 14px;
}
.emp-co__aside { grid-column: 2; grid-row: 1; min-width: 0; position: sticky; top: calc(var(--emp-stack-h) + 16px);
}
.emp-co-head { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; flex-wrap: wrap;
}
.emp-co-head__title { margin: 0; font-family: var(--emp-serif); font-size: clamp(22px, 3vw, 28px); font-weight: 600; line-height: 1.15;
}
.emp-co-head__login { font-size: 12px; color: rgba(17, 17, 17, .55);
}
.emp-co-head__login a { font-weight: 700; text-decoration: underline; text-underline-offset: 3px;
}
.emp-co-head__sub { margin: -6px 0 0; font-size: 12.5px; color: rgba(17, 17, 17, .58);
}
.emp-co-fields { display: flex; flex-direction: column; gap: 14px;
}
.emp-co-card { border: 1px solid rgba(17, 17, 17, .11); border-radius: 4px; background: #fff; padding: 17px 18px 19px; margin: 0; min-width: 0;
}
.emp-co-card__legend { float: left; width: 100%; padding: 0; margin: 0 0 14px; font-size: 10.5px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--emp-wine);
}
.emp-co-card > *:not(.emp-co-card__legend) { clear: both;
}
.emp-co-card__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 13px;
}
body.emp-co-page .emp-co .form-row { float: none; width: auto; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; min-width: 0;
}
body.emp-co-page .emp-co .form-row::after,
body.emp-co-page .emp-co .form-row::before { content: none;
}
body.emp-co-page .emp-co .emp-co-f--full { grid-column: 1 / -1;
}
body.emp-co-page .emp-co .emp-co-f--silent { display: none !important;
}
body.emp-co-page .emp-co .form-row label { line-height: 1.3; font-size: 12px; font-weight: 700; color: var(--emp-black);
}
.emp-co-f__hint { font-weight: 500; color: rgba(17, 17, 17, .5);
}
.emp-co .required,
.emp-co .optional { display: none;
}
.emp-co .woocommerce-input-wrapper { display: block; width: 100%;
}
body.emp-co-page .emp-co input[type="text"],
body.emp-co-page .emp-co input[type="tel"],
body.emp-co-page .emp-co input[type="email"],
body.emp-co-page .emp-co input[type="number"],
body.emp-co-page .emp-co input[type="password"],
body.emp-co-page .emp-co select,
body.emp-co-page .emp-co textarea { width: 100%; min-height: 48px; padding: 0 13px; border: 1px solid rgba(17, 17, 17, .2); border-radius: 3px; background: #fff; font-family: var(--emp-sans); font-size: 14px; font-weight: 500; color: var(--emp-black); box-shadow: none;
}
body.emp-co-page .emp-co .form-row input.input-text,
body.emp-co-page .emp-co .form-row textarea,
body.emp-co-page .emp-co .form-row select { line-height: 1.35;
}
body.emp-co-page .emp-co textarea { min-height: 74px; padding: 12px 13px; resize: vertical;
}
body.emp-co-page .emp-co input::placeholder,
body.emp-co-page .emp-co textarea::placeholder { color: rgba(17, 17, 17, .34);
}
body.emp-co-page .emp-co input:focus,
body.emp-co-page .emp-co select:focus,
body.emp-co-page .emp-co textarea:focus { border-color: var(--emp-wine); outline: none;
}
body.emp-co-page .emp-co .woocommerce-invalid input,
body.emp-co-page .emp-co .woocommerce-invalid select,
body.emp-co-page .emp-co .woocommerce-invalid .select2-selection { border-color: var(--emp-wine);
}
body.emp-co-page .emp-co .select2-container { width: 100% !important;
}
body.emp-co-page .emp-co .select2-container--default .select2-selection--single { height: 48px; border: 1px solid rgba(17, 17, 17, .2); border-radius: 3px; background: #fff;
}
body.emp-co-page .emp-co .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 46px; padding-left: 12px; font-size: 14px; font-weight: 500; color: var(--emp-black);
}
body.emp-co-page .emp-co .select2-container--default .select2-selection--single .select2-selection__arrow { height: 46px;
}
body.emp-co-page .select2-dropdown { border-color: rgba(17, 17, 17, .2); border-radius: 3px; font-size: 14px;
}
body.emp-co-page .select2-container--default .select2-results__option--highlighted[aria-selected] { background: var(--emp-wine);
}
body.emp-co-page .emp-co-login form.login { border: 1px solid rgba(17, 17, 17, .11); border-radius: 4px; background: #fff; padding: 18px 18px 20px; margin: 18px auto 0; max-width: 1160px;
}
.emp-co-coupon { padding: 2px 2px 0;
}
body.emp-co-page .emp-co-sum.shop_table .emp-co-sum__couponrow td { padding: 2px 17px 14px; text-align: left;
}
body.emp-co-page .emp-co-sum.shop_table .emp-co-coupon { padding: 0;
}
body.emp-co-page .emp-co-sum.shop_table .emp-co-coupon__box { max-width: none;
}
.emp-co-coupon__link { min-height: 30px; border: none; background: transparent; padding: 0; cursor: pointer; font-family: var(--emp-sans); font-size: 12.5px; font-weight: 600; color: rgba(17, 17, 17, .55); text-decoration: underline; text-underline-offset: 3px;
}
.emp-co-coupon__box { display: flex; flex-direction: column; gap: 7px; max-width: 420px;
}
.emp-co-coupon__row { display: flex; gap: 8px;
}
body.emp-co-page .emp-co .emp-co-coupon__input { flex: 1; min-width: 0; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
}
.emp-co-coupon__apply { flex-shrink: 0; min-height: 48px; padding: 0 18px; border: 1px solid var(--emp-black); border-radius: 3px; background: var(--emp-black); cursor: pointer; font-family: var(--emp-sans); font-size: 11.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--emp-cream);
}
.emp-co-coupon.is-busy .emp-co-coupon__apply { opacity: .6; pointer-events: none;
}
.emp-co-coupon__msg { font-size: 11.5px; font-weight: 600; color: var(--emp-wine); min-height: 14px;
}
.emp-co-coupon__msg.is-ok { color: var(--emp-green);
}
body.emp-co-page #payment { background: transparent; border-radius: 0; display: flex; flex-direction: column; gap: 14px;
}
body.emp-co-page #payment ul.payment_methods { list-style: none; margin: 0; padding: 0; border: none; display: flex; flex-direction: column; gap: 9px;
}
body.emp-co-page #payment ul.payment_methods li.emp-co-pm { position: relative; display: grid; grid-template-columns: auto 1fr; align-items: start; gap: 0 12px; margin: 0; padding: 13px 15px; border: 1px solid rgba(17, 17, 17, .14); border-radius: 4px; background: #fff; min-height: 52px; line-height: 1.4; font-weight: 400;
}
body.emp-co-page #payment ul.payment_methods li input.emp-co-pm__radio { grid-column: 1; grid-row: 1; width: 19px; height: 19px; margin: 1px 0 0; flex-shrink: 0; accent-color: var(--emp-wine); cursor: pointer;
}
body.emp-co-page #payment ul.payment_methods li label.emp-co-pm__label { grid-column: 2; grid-row: 1; display: flex; align-items: center; gap: 9px; flex-wrap: wrap; margin: 0; padding: 0; cursor: pointer; font-size: 13.5px; font-weight: 700; line-height: 1.4;
}
.emp-co-pm__note { margin-left: auto; font-size: 12px; font-weight: 500; color: rgba(17, 17, 17, .5); text-align: right;
}
body.emp-co-page #payment ul.payment_methods li .emp-co-pm__icon img { display: inline-block; max-height: 22px; width: auto; margin: 0; padding: 0;
}
body.emp-co-page #payment ul.payment_methods li.emp-co-pm:has(input.emp-co-pm__radio:checked) { border-color: var(--emp-wine); box-shadow: inset 0 0 0 1px var(--emp-wine); background: rgba(226, 35, 26, .05);
}
body.emp-co-page #payment ul.payment_methods li.emp-co-pm--hero { padding: 13px 15px;
}
.emp-co-pm--hero .emp-co-pm__title { font-size: 14.5px; font-weight: 800;
}
.emp-co-pm__badge { font-size: 9.5px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--emp-wine-dark); background: rgba(226, 35, 26, .16); padding: 3px 8px; border-radius: 100px;
}
body.emp-co-page #payment div.payment_box.emp-co-pm__box { grid-column: 2; grid-row: 2; width: auto; margin: 6px 0 0; padding: 0; background: transparent; border-radius: 0; font-size: 12.5px; line-height: 1.5; color: rgba(17, 17, 17, .66);
}
body.emp-co-page #payment div.payment_box.emp-co-pm__box::before { display: none;
}
body.emp-co-page #payment div.payment_box.emp-co-pm__box p { margin: 0 0 6px;
}
body.emp-co-page #payment div.payment_box.emp-co-pm__box p:last-child { margin-bottom: 0;
}
.emp-co-pay__none { margin: 0; font-size: 12.5px; line-height: 1.5; color: rgba(17, 17, 17, .62); list-style: none;
}
.emp-co-seals { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: rgba(17, 17, 17, .1); border: 1px solid rgba(17, 17, 17, .1); border-radius: 4px; overflow: hidden;
}
.emp-co-seal { background: #fff; padding: 14px 10px; display: flex; align-items: center; gap: 9px;
}
.emp-co-seal svg { flex-shrink: 0; color: var(--emp-wine);
}
.emp-co-seal__text { font-size: 11.5px; font-weight: 700; line-height: 1.3; color: rgba(17, 17, 17, .75);
}
body.emp-co-page #payment div.form-row.emp-co-place { display: flex; flex-direction: column; gap: 10px; margin: 0; padding: 0;
}
body.emp-co-page #payment #place_order { float: none; width: 100%; min-height: 58px; border: none; border-radius: 3px; background: var(--emp-wine); cursor: pointer; font-family: var(--emp-sans); font-size: 14px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--emp-cream); display: flex; align-items: center; justify-content: center; gap: 12px; padding: 0 18px; line-height: 1.2; text-shadow: none;
}
body.emp-co-page #payment #place_order:hover { background: var(--emp-wine-dark); color: var(--emp-cream);
}
body.emp-co-page #payment #place_order[data-total]::after { content: attr(data-total); font-weight: 700; letter-spacing: 0; font-variant-numeric: tabular-nums; opacity: .86;
}
.emp-co-place__noscript { font-size: 12px; color: rgba(17, 17, 17, .62);
}
body.emp-co-page #payment .woocommerce-privacy-policy-text,
body.emp-co-page #payment .woocommerce-terms-and-conditions-wrapper { font-size: 11.5px; line-height: 1.5; color: rgba(17, 17, 17, .5);
}
body.emp-co-page #payment .woocommerce-privacy-policy-text p { margin: 0;
}
body.emp-co-page .emp-co-sum.shop_table { width: 100%; border: 1px solid rgba(17, 17, 17, .11); border-radius: 4px; background: #fff; border-collapse: separate; border-spacing: 0; overflow: hidden; margin: 0; font-size: 13px;
}
body.emp-co-page .emp-co-sum.shop_table th,
body.emp-co-page .emp-co-sum.shop_table td { padding: 0; border: none; background: transparent; vertical-align: baseline; font-size: inherit; font-weight: inherit; line-height: 1.4;
}
body.emp-co-page .emp-co-sum.shop_table .emp-co-sum__head { padding: 15px 17px 13px; border-bottom: 1px solid rgba(17, 17, 17, .09); text-align: left; font-family: var(--emp-serif); font-size: 17px; font-weight: 600;
}
body.emp-co-page .emp-co-sum.shop_table .emp-co-item__cell { padding: 14px 17px; border-bottom: 1px solid rgba(17, 17, 17, .08);
}
.emp-co-item__row { display: flex; gap: 12px; align-items: flex-start;
}
.emp-co-item__img { width: 60px; height: 74px; flex-shrink: 0; background: #EDE7DA; border-radius: 3px; overflow: hidden; display: block;
}
.emp-co-item__img img { width: 100%; height: 100%; object-fit: cover;
}
.emp-co-item__img .emp-imgslot { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 9px;
}
.emp-co-item__body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px;
}
.emp-co-item__brand { font-size: 9.5px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--emp-wine);
}
.emp-co-item__name { font-family: var(--emp-serif); font-size: 15px; font-weight: 600; line-height: 1.2;
}
.emp-co-item__name a { color: inherit; text-decoration: none;
}
.emp-co-item__variant { font-size: 11.5px; color: rgba(17, 17, 17, .55);
}
.emp-co-item__qty { font-size: 11.5px; font-weight: 600; color: rgba(17, 17, 17, .45);
}
.emp-co-qty { display: inline-flex; align-items: center; align-self: flex-start; margin-top: 2px; border: 1px solid rgba(17, 17, 17, .16); border-radius: 3px; background: #fff; overflow: hidden;
}
body.emp-co-page .emp-co-qty__btn { width: 24px; height: 24px; padding: 0; border: none; background: transparent; cursor: pointer; font-family: var(--emp-sans); font-size: 14px; font-weight: 700; line-height: 1; color: var(--emp-black); display: flex; align-items: center; justify-content: center;
}
body.emp-co-page .emp-co-qty__btn:hover:not([disabled]) { background: rgba(226, 35, 26, .08); color: var(--emp-wine);
}
body.emp-co-page .emp-co-qty__btn[disabled] { opacity: .3; cursor: default;
}
.emp-co-qty__val { min-width: 22px; text-align: center; font-size: 12px; font-weight: 700; font-variant-numeric: tabular-nums; color: var(--emp-black); border-left: 1px solid rgba(17, 17, 17, .12); border-right: 1px solid rgba(17, 17, 17, .12); align-self: stretch; display: flex; align-items: center; justify-content: center;
}
.emp-co-item__meta { font-size: 11px; color: rgba(17, 17, 17, .5);
}
.emp-co-item__meta:empty { display: none;
}
.emp-co-item__meta p { margin: 0;
}
.emp-co-item__price { text-align: right; flex-shrink: 0; display: flex; flex-direction: column; gap: 1px;
}
.emp-co-item__was { font-size: 11px; color: rgba(17, 17, 17, .4); text-decoration: line-through; font-variant-numeric: tabular-nums;
}
.emp-co-item__now { font-size: 14px; font-weight: 800; font-variant-numeric: tabular-nums;
}
body.emp-co-page .emp-co-sum.shop_table .emp-co-item__note td { padding: 0 17px 14px; font-size: 12px; color: rgba(17, 17, 17, .6);
}
body.emp-co-page .emp-co-sum.shop_table tfoot tr > th,
body.emp-co-page .emp-co-sum.shop_table tfoot tr > td { padding: 7px 17px;
}
body.emp-co-page .emp-co-sum.shop_table tfoot tr:first-child > th,
body.emp-co-page .emp-co-sum.shop_table tfoot tr:first-child > td { padding-top: 14px;
}
body.emp-co-page .emp-co-sum.shop_table tfoot tr > th { text-align: left; font-size: 13px; font-weight: 500; color: rgba(17, 17, 17, .62); width: 55%;
}
body.emp-co-page .emp-co-sum.shop_table tfoot tr > td { text-align: right; font-size: 14px; font-weight: 700; font-variant-numeric: tabular-nums;
}
.emp-co-free { color: var(--emp-green); font-weight: 800;
}
body.emp-co-page .emp-co-sum.shop_table .woocommerce-shipping-methods { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; text-align: right;
}
body.emp-co-page .emp-co-sum.shop_table .woocommerce-shipping-methods label { font-size: 13px; font-weight: 600; cursor: pointer;
}
body.emp-co-page .emp-co-sum.shop_table .woocommerce-shipping-destination,
body.emp-co-page .emp-co-sum.shop_table .shipping-calculator-button { font-size: 11.5px; font-weight: 500; color: rgba(17, 17, 17, .5);
}
body.emp-co-page .emp-co-sum.shop_table .woocommerce-remove-coupon { font-size: 11px; font-weight: 600; text-decoration: underline; text-underline-offset: 2px;
}
body.emp-co-page .emp-co-sum.shop_table .emp-co-sum__savings td { padding: 4px 17px 12px; text-align: left; font-size: 12px; font-weight: 700; color: var(--emp-wine);
}
body.emp-co-page .emp-co-sum.shop_table .emp-co-sum__total > th,
body.emp-co-page .emp-co-sum.shop_table .emp-co-sum__total > td { padding: 15px 17px; background: transparent; border-top: 1px solid rgba(17, 17, 17, .09);
}
body.emp-co-page .emp-co-sum.shop_table .emp-co-sum__total > th { font-size: 12.5px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--emp-black);
}
body.emp-co-page .emp-co-sum.shop_table .emp-co-sum__total > td { font-size: 23px; font-weight: 800;
}
body.emp-co-page .emp-co-sum.shop_table .emp-co-sum__perks td { padding: 13px 17px; border-top: 1px solid rgba(17, 17, 17, .09); text-align: left;
}
.emp-co-perk + .emp-co-perk { margin-top: 9px;
}
.emp-co-perk { display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 600; line-height: 1.35; color: var(--emp-wine);
}
.emp-co-perk svg { flex-shrink: 0;
}
.emp-co-perk--eta { font-weight: 700;
}
.emp-co-bar { display: none;
}
.emp-co-sticky { display: none;
}
.emp-ty { --emp-ty-amber: #C9A24B; --emp-ty-amber-ink: #6E5615; --emp-ty-amber-mid: #8A6D1F; --emp-ty-ok: var(--emp-green); width: 100%; max-width: 1080px; margin: 0 auto; padding: 26px 20px 44px;
}
.emp-ty__grid { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(320px, .86fr); gap: 24px; align-items: start;
}
.emp-ty__grid--solo { grid-template-columns: minmax(0, 720px); justify-content: center;
}
.emp-ty__main { display: flex; flex-direction: column; gap: 14px; min-width: 0;
}
.emp-ty__aside { display: flex; flex-direction: column; gap: 7px; min-width: 0;
}
body.emp-co-page .emp-ty__aside > * { margin: 0;
}
.emp-ty__aside { position: sticky; top: calc(var(--emp-stack-h) + 16px);
}
.emp-ty-hero { background: #fff; border: 1px solid rgba(17, 17, 17, .11); border-radius: 4px; padding: 34px 30px 32px; display: flex; flex-direction: column; align-items: center; text-align: center; animation: empTyRise .42s cubic-bezier(.22, .61, .36, 1) both;
}
.emp-ty-hero__ring { display: inline-flex; align-items: center; justify-content: center; width: 70px; height: 70px; border-radius: 50%; margin-bottom: 16px; animation: empTyRing .52s cubic-bezier(.22, .61, .36, 1) both;
}
.emp-ty-hero__ring--ok { background: rgba(46, 125, 79, .11); border: 1.5px solid rgba(46, 125, 79, .3); color: var(--emp-ty-ok);
}
.emp-ty-hero__ring--wait { background: rgba(201, 162, 75, .18); border: 1.5px solid rgba(201, 162, 75, .5); color: var(--emp-ty-amber-mid);
}
@keyframes empTyRing { 0% { transform: scale(.6); opacity: 0; } 55% { transform: scale(1.07); opacity: 1; } 100% { transform: scale(1); opacity: 1; }
}
@keyframes empTyRise { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) { .emp-ty-hero, .emp-ty-hero__ring { animation: none; }
}
.emp-ty-hero__eyebrow { margin: 0 0 9px; font-size: 10.5px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase;
}
.emp-ty-hero__eyebrow--ok { color: var(--emp-ty-ok);
}
.emp-ty-hero__eyebrow--wait { color: var(--emp-ty-amber-mid);
}
.emp-ty-hero__title { margin: 0 0 11px; font-family: var(--emp-serif); font-size: clamp(28px, 4.6vw, 40px); font-weight: 600; line-height: 1.08;
}
.emp-ty-hero__lead { margin: 0; font-size: 14px; line-height: 1.6; color: rgba(17, 17, 17, .62); max-width: 450px;
}
.emp-ty-hero__chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 9px; margin-top: 19px;
}
.emp-ty-hero__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 9px; margin-top: 19px;
}
.emp-ty-chip { display: inline-flex; align-items: center; gap: 8px; font-size: 12.5px; font-weight: 700; background: var(--emp-cream); border: 1px solid rgba(17, 17, 17, .13); border-radius: 100px; padding: 10px 16px;
}
.emp-ty-chip__num { font-variant-numeric: tabular-nums; letter-spacing: .04em;
}
.emp-ty-chip--eta { background: rgba(226, 35, 26, .1); border-color: transparent; color: var(--emp-wine-dark);
}
.emp-ty-chip--wait { background: rgba(201, 162, 75, .2); border-color: transparent; color: var(--emp-ty-amber-ink);
}
.emp-ty-wait { background: #fff; border: 1px solid rgba(17, 17, 17, .11); border-radius: 4px; padding: 19px 20px 21px; display: flex; flex-direction: column; gap: 14px;
}
.emp-ty-wait__head { display: flex; flex-direction: column; gap: 3px;
}
.emp-ty-wait__title { margin: 0; font-family: var(--emp-serif); font-size: 20px; font-weight: 600; line-height: 1.2;
}
.emp-ty-wait__body { margin: 0; font-size: 13.5px; line-height: 1.65; color: rgba(17, 17, 17, .66);
}
.emp-ty-gateway { background: #fff; border: 1px solid rgba(17, 17, 17, .11); border-radius: 4px; padding: 14px 18px;
}
.emp-ty-wait .emp-ty-gateway { background: none; border: 0; padding: 0;
}
.emp-ty-gateway > * { margin: 0 0 10px; font-size: 13px; line-height: 1.6; color: rgba(17, 17, 17, .68);
}
.emp-ty-gateway > :last-child { margin-bottom: 0;
}
.emp-ty-gateway ul { list-style: none; padding: 14px 15px; background: var(--emp-cream); border: 1px solid rgba(17, 17, 17, .1); border-radius: 4px; display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 11px; font-size: 13px;
}
.emp-ty-gateway ul li { word-break: break-word;
}
.emp-ty .emp-ty-wait__cta { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 54px; background: var(--emp-wine); border-radius: 3px; font-size: 13px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; color: var(--emp-cream); text-decoration: none;
}
.emp-ty .emp-ty-wait__cta:hover { background: var(--emp-wine-dark); color: var(--emp-cream);
}
.emp-ty-wait__total { font-weight: 700; letter-spacing: 0; text-transform: none; font-variant-numeric: tabular-nums; opacity: .86;
}
.emp-ty-wait__note { margin: -4px 0 0; font-size: 12px; color: rgba(17, 17, 17, .5); text-align: center;
}
.emp-ty-wait__hold { display: flex; align-items: center; gap: 11px; padding: 13px 15px; background: rgba(201, 162, 75, .15); border-radius: 4px; font-size: 12.5px; font-weight: 600; line-height: 1.5; color: var(--emp-ty-amber-ink);
}
.emp-ty-wait__hold svg { flex-shrink: 0; color: var(--emp-ty-amber-mid);
}
.emp-ty-eyebrow { display: block; font-size: 10.5px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--emp-wine);
}
.emp-ty-eyebrow--wait { color: var(--emp-ty-amber-mid);
}
.emp-ty-eyebrow--dark { color: var(--emp-wine-soft);
}
.emp-ty-next { background: var(--emp-black); border-radius: 4px; padding: 21px 22px 23px;
}
.emp-ty-next__head { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; flex-wrap: wrap; margin-bottom: 17px;
}
.emp-ty-next__eta { font-size: 12.5px; font-weight: 700; color: var(--emp-cream);
}
.emp-ty-next__list { list-style: none; margin: 0; padding: 0;
}
.emp-ty-next__item { display: flex; gap: 14px; align-items: stretch;
}
.emp-ty-next__rail { display: flex; flex-direction: column; align-items: center; flex-shrink: 0; width: 26px;
}
.emp-ty-next__dot { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 50%; border: 1.5px solid rgba(245, 241, 232, .28); color: rgba(245, 241, 232, .45); font-size: 11px; font-weight: 800;
}
.emp-ty-next__item.is-past .emp-ty-next__dot { background: var(--emp-wine); border-color: var(--emp-wine); color: var(--emp-cream);
}
.emp-ty-next__item.is-current .emp-ty-next__dot { background: var(--emp-cream); border-color: var(--emp-cream); color: var(--emp-black);
}
.emp-ty-next__rule { flex: 1; width: 1.5px; min-height: 26px; background: rgba(245, 241, 232, .18);
}
.emp-ty-next__item.is-past .emp-ty-next__rule { background: rgba(226, 35, 26, .55);
}
.emp-ty-next__body { display: flex; flex-direction: column; gap: 3px; padding-bottom: 18px; min-width: 0;
}
.emp-ty-next__item.is-last .emp-ty-next__body { padding-bottom: 0;
}
.emp-ty-next__line { display: flex; align-items: center; gap: 9px; flex-wrap: wrap;
}
.emp-ty-next__title { font-size: 13.5px; font-weight: 800; color: rgba(245, 241, 232, .55);
}
.emp-ty-next__item.is-past .emp-ty-next__title,
.emp-ty-next__item.is-current .emp-ty-next__title { color: var(--emp-cream);
}
.emp-ty-next__now { font-size: 9.5px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--emp-cream); background: var(--emp-wine); padding: 3px 8px; border-radius: 100px;
}
.emp-ty-next__text { font-size: 12.5px; line-height: 1.55; color: rgba(245, 241, 232, .6);
}
.emp-ty-seals { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: rgba(17, 17, 17, .1); border: 1px solid rgba(17, 17, 17, .1); border-radius: 4px; overflow: hidden;
}
.emp-ty-seal { background: #fff; padding: 15px 13px; display: flex; flex-direction: column; gap: 7px;
}
.emp-ty-seal svg { color: var(--emp-wine);
}
.emp-ty-seal__title { font-size: 12.5px; font-weight: 800; line-height: 1.3;
}
.emp-ty-seal__text { font-size: 11.5px; line-height: 1.45; color: rgba(17, 17, 17, .55);
}
.emp-ty-account { background: rgba(226, 35, 26, .07); border: 1px solid rgba(226, 35, 26, .28); border-radius: 4px; padding: 17px 19px; display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
}
.emp-ty-account__copy { flex: 1; min-width: 200px; display: flex; flex-direction: column; gap: 3px;
}
.emp-ty-account__title { display: flex; align-items: center; gap: 8px; font-size: 13.5px; font-weight: 800;
}
.emp-ty-account__title svg { color: var(--emp-wine);
}
.emp-ty-account__text { font-size: 12.5px; line-height: 1.5; color: rgba(17, 17, 17, .62);
}
.emp-ty-account__form { display: flex; gap: 8px; flex-wrap: wrap;
}
.emp-ty-account__input { min-height: 48px; min-width: 180px; flex: 1; padding: 0 14px; border: 1px solid rgba(17, 17, 17, .2); border-radius: 3px; background: #fff; font-size: 14px;
}
.emp-ty-account__input:focus { outline: 2px solid var(--emp-wine); outline-offset: 1px;
}
.emp-ty-account__msg { flex-basis: 100%; margin: 0; font-size: 12.5px; font-weight: 600;
}
.emp-ty-account__msg--ok { color: var(--emp-green);
}
.emp-ty-account__msg--err { color: var(--emp-wine-dark);
}
.emp-ty-account--done { background: rgba(46, 125, 79, .09); border-color: rgba(46, 125, 79, .3);
}
.emp-ty-social { background: #fff; border: 1px solid rgba(17, 17, 17, .11); border-radius: 4px; padding: 18px 19px 20px; display: flex; flex-direction: column; gap: 14px;
}
.emp-ty-social__head { display: flex; flex-direction: column; gap: 3px;
}
.emp-ty-social__title { margin: 0; font-family: var(--emp-serif); font-size: 19px; font-weight: 600; line-height: 1.2;
}
.emp-ty-social__text { margin: 0; font-size: 12.5px; line-height: 1.5; color: rgba(17, 17, 17, .58);
}
.emp-ty-social__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 9px;
}
.emp-ty .emp-ty-social__link { display: flex; align-items: center; gap: 10px; min-height: 50px; padding: 0 14px; border: 1px solid rgba(17, 17, 17, .14); border-radius: 3px; color: var(--emp-black); font-size: 12.5px; font-weight: 700; text-decoration: none;
}
.emp-ty .emp-ty-social__link:hover { border-color: var(--emp-wine); color: var(--emp-wine);
}
.emp-ty-cross { display: flex; flex-direction: column; gap: 12px;
}
.emp-ty-cross__head { display: flex; flex-direction: column; gap: 2px;
}
.emp-ty-cross__title { margin: 0; font-family: var(--emp-serif); font-size: 19px; font-weight: 600; line-height: 1.2;
}
.emp-ty-cross__reason { margin: 0; font-size: 12.5px; color: rgba(17, 17, 17, .55);
}
.emp-ty-help { background: #fff; border: 1px solid rgba(17, 17, 17, .11); border-radius: 4px; padding: 17px 18px; display: flex; flex-direction: column; gap: 11px;
}
.emp-ty-help__title { font-size: 13.5px; font-weight: 800;
}
.emp-ty-help__text { font-size: 12.5px; line-height: 1.5; color: rgba(17, 17, 17, .58);
}
.emp-ty .emp-ty-help__wa,
.emp-ty .emp-ty-help__link { display: flex; align-items: center; justify-content: center; gap: 9px; min-height: 50px; border-radius: 3px; font-size: 12px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; text-decoration: none;
}
.emp-ty .emp-ty-help__wa { background: var(--emp-wine); border: 1px solid var(--emp-wine); color: var(--emp-cream);
}
.emp-ty .emp-ty-help__wa:hover { background: var(--emp-wine-dark); border-color: var(--emp-wine-dark); color: var(--emp-cream);
}
.emp-ty .emp-ty-help__link { min-height: 46px; border: 1px solid rgba(17, 17, 17, .2); color: var(--emp-black);
}
.emp-ty .emp-ty-help__link:hover { border-color: var(--emp-black); background: var(--emp-black); color: var(--emp-cream);
}
.emp-ty-help--loud { background: var(--emp-wine); border-color: var(--emp-wine);
}
.emp-ty-help--loud .emp-ty-help__title { color: var(--emp-cream);
}
.emp-ty-help--loud .emp-ty-help__text { color: rgba(245, 241, 232, .78);
}
.emp-ty .emp-ty-help--loud .emp-ty-help__wa { background: var(--emp-cream); border-color: var(--emp-cream); color: var(--emp-wine-dark);
}
.emp-ty .emp-ty-help--loud .emp-ty-help__wa:hover { background: #fff; border-color: #fff; color: var(--emp-wine-dark);
}
.emp-ty .emp-ty-help--loud .emp-ty-help__link { border-color: rgba(245, 241, 232, .55); color: var(--emp-cream);
}
.emp-ty .emp-ty-help--loud .emp-ty-help__link:hover { background: rgba(245, 241, 232, .12); border-color: var(--emp-cream); color: var(--emp-cream);
}
.emp-ty .emp-ty-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 0 20px; background: var(--emp-black); border: 1px solid var(--emp-black); border-radius: 3px; font-size: 11.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--emp-cream); text-decoration: none; cursor: pointer;
}
.emp-ty .emp-ty-btn:hover { background: var(--emp-wine); border-color: var(--emp-wine); color: var(--emp-cream);
}
.emp-ty .emp-ty-btn--ghost { background: transparent; border-color: rgba(17, 17, 17, .2); color: var(--emp-black);
}
.emp-ty .emp-ty-btn--ghost:hover { color: var(--emp-cream);
}
.emp-co-orderdetails { margin: 0;
}
.emp-ty__aside > p { margin: 0; padding: 14px 18px; background: #fff; border: 1px solid rgba(17, 17, 17, .11); border-radius: 4px; font-size: 12.5px; line-height: 1.55; color: rgba(17, 17, 17, .62);
}
.emp-co-delivery { background: #fff; border: 1px solid rgba(17, 17, 17, .11); border-radius: 4px; padding: 18px 20px; margin: 0; display: flex; flex-direction: column; gap: 4px;
}
.emp-co-delivery__addr { display: flex; align-items: center; gap: 8px; font-size: 13.5px; font-weight: 700;
}
.emp-co-delivery__addr svg { flex-shrink: 0; color: var(--emp-wine);
}
.emp-co-delivery__meta,
.emp-co-delivery__note { font-size: 12.5px; color: rgba(17, 17, 17, .58);
}
body.emp-co-page .woocommerce-error,
body.emp-co-page .woocommerce-info,
body.emp-co-page .woocommerce-message,
body.emp-co-page .woocommerce-NoticeGroup { max-width: 1160px; margin: 18px auto 0;
}
body.emp-co-page .woocommerce-error,
body.emp-co-page .woocommerce-info,
body.emp-co-page .woocommerce-message { list-style: none; border: 1px solid rgba(17, 17, 17, .12); border-top: 1px solid rgba(17, 17, 17, .12); border-left: 3px solid var(--emp-wine); border-radius: 3px; background: #fff; padding: 13px 16px; font-size: 12.5px; line-height: 1.5; width: auto;
}
body.emp-co-page .woocommerce-error::before,
body.emp-co-page .woocommerce-info::before,
body.emp-co-page .woocommerce-message::before { display: none;
}
body.emp-co-page .woocommerce-error li,
body.emp-co-page .woocommerce-message li,
body.emp-co-page .woocommerce-info li { margin: 0 0 4px; padding: 0; list-style: none;
}
body.emp-co-page .woocommerce-error li:last-child,
body.emp-co-page .woocommerce-message li:last-child,
body.emp-co-page .woocommerce-info li:last-child { margin-bottom: 0;
}
body.emp-co-page .woocommerce-message { border-left-color: var(--emp-green);
}
body.emp-co-page .woocommerce-message,
body.emp-co-page .woocommerce-info { transition: opacity .35s ease, transform .35s ease;
}
body.emp-co-page .emp-co-notice--out { opacity: 0; transform: translateY(-6px); pointer-events: none;
}
@media (max-width: 860px) { .emp-co { grid-template-columns: 1fr; gap: 0; padding: 0 0 8px; } .emp-co-bar { grid-column: 1; grid-row: 1; display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-height: 52px; padding: 0 20px; border: none; border-bottom: 1px solid rgba(17, 17, 17, .12); background: #fff; cursor: pointer; font-family: var(--emp-sans); } .emp-co-bar__left { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; color: var(--emp-wine); } .emp-co-bar .emp-co-i--chev { transition: transform .24s ease; } .emp-co-bar.is-open .emp-co-i--chev { transform: rotate(180deg); } .emp-co-bar .emp-co-total-live { font-size: 16px; font-weight: 800; font-variant-numeric: tabular-nums; color: var(--emp-black); } .emp-co__aside { grid-column: 1; grid-row: 2; position: static; display: none; background: #fff; border-bottom: 1px solid rgba(17, 17, 17, .12); padding: 0 20px 18px; } .emp-co__aside.is-open { display: block; } .emp-co__main { grid-column: 1; grid-row: 3; padding: 18px 20px 8px; } .emp-co-card__grid { grid-template-columns: 1fr; } .emp-co-seals { grid-template-columns: 1fr; } body.emp-co-page #payment #place_order { display: none; } .emp-co-sticky { display: block; position: sticky; bottom: 0; z-index: 20; background: #fff; border-top: 1px solid rgba(17, 17, 17, .14); padding: 11px 20px; padding-bottom: max(11px, env(safe-area-inset-bottom)); box-shadow: 0 -10px 26px rgba(17, 17, 17, .08); } .emp-co-sticky__btn { width: 100%; min-height: 56px; border: none; border-radius: 3px; background: var(--emp-wine); cursor: pointer; font-family: var(--emp-sans); font-size: 13.5px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; color: var(--emp-cream); display: flex; align-items: center; justify-content: center; gap: 10px; padding: 0 16px; } .emp-co-sticky__btn .emp-co-total-live { font-weight: 700; letter-spacing: 0; font-variant-numeric: tabular-nums; opacity: .86; } .emp-ty { padding: 18px 18px 30px; } .emp-ty__grid, .emp-ty__grid--solo { grid-template-columns: minmax(0, 1fr); gap: 14px; } .emp-ty__aside { position: static; } .emp-ty-hero { padding: 28px 20px 26px; } .emp-co-steps__inner { padding: 12px 18px; } .emp-co-step:not(.is-current) .emp-co-step__label { display: none; }
}
@media (max-width: 420px) { .emp-co-item__img { width: 48px; height: 60px; } body.emp-co-page .emp-co-sum.shop_table { font-size: 12.5px; } body.emp-co-page .emp-co-sum.shop_table .emp-co-sum__total > td { font-size: 20px; } .emp-ty-seals { grid-template-columns: 1fr; } .emp-ty-account__form { width: 100%; } .emp-ty-account__form .emp-ty-btn { width: 100%; }
}
body.emp .emp-co-item__now,
body.emp .emp-co-item__old,
body.emp .emp-co-sum__row td,
body.emp .emp-co-sum__savings td,
body.emp .emp-co-sum__total td,
body.emp .emp-co-total-live { transition: opacity .18s ease;
}
body.emp .emp-co--recalc .emp-co-item__now,
body.emp .emp-co--recalc .emp-co-item__old,
body.emp .emp-co--recalc .emp-co-sum__row td,
body.emp .emp-co--recalc .emp-co-sum__savings td,
body.emp .emp-co--recalc .emp-co-sum__total td,
body.emp .emp-co--recalc .emp-co-total-live { opacity: .38;
}
body.emp-co-page .emp-co--recalc #payment #place_order[data-total]::after { opacity: .38; transition: opacity .18s ease;
}
body.emp .emp-co-f select:disabled { background-color: #f4f2ef; color: rgba(17, 17, 17, .45); cursor: not-allowed; border-color: rgba(17, 17, 17, .12);
}
body.emp .emp-co-f select:disabled + .emp-co-f__arrow,
body.emp .emp-co-f--disabled .emp-co-f__arrow { opacity: .35;
}
body.emp-co-page .emp-co select.emp-co-sel { height: 48px; padding: 0 34px 0 12px; border: 1px solid rgba(17, 17, 17, .2); border-radius: 3px; background-color: #fff; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23111' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' opacity='.55'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; background-size: 10px 6px; font-size: 14px; font-weight: 500; color: var(--emp-black);
}
body.emp-co-page .emp-co select.emp-co-sel:disabled { background-color: #f4f2ef; border-color: rgba(17, 17, 17, .12); color: rgba(17, 17, 17, .45); cursor: not-allowed; opacity: 1;
}
body.emp-co-page .emp-co .select2-container--default .select2-selection--single { height: 48px; border: 1px solid rgba(17, 17, 17, .2); border-radius: 3px; background: #fff;
}
body.emp-co-page .emp-co .emp-co-calc { color: rgba(17, 17, 17, .45); font-weight: 500; font-style: italic;
}
body.emp-co-page .emp-co ul.woocommerce-shipping-methods { margin: 0; padding: 0; list-style: none;
}
.emp-acc { --emp-acc-line: rgba(17, 17, 17, .11); --emp-acc-line-soft: rgba(17, 17, 17, .07); --emp-acc-ink-2: rgba(17, 17, 17, .55); --emp-acc-radius: 4px; width: 100%;
}
body.emp-acc-page #emp-main { padding: 0;
}
.emp-acc-hero { background: var(--emp-black); border-bottom: 1px solid rgba(245, 241, 232, .12); padding: 26px 20px;
}
.emp-acc-hero__in { max-width: var(--emp-maxw); margin: 0 auto; display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; flex-wrap: wrap;
}
.emp-acc-hero__who { display: flex; flex-direction: column; gap: 5px; min-width: 0;
}
.emp-acc-hero__tier { font-size: 10.5px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: var(--emp-wine-soft);
}
.emp-acc-hero__title { font-family: var(--emp-serif); font-size: clamp(25px, 3.6vw, 34px); font-weight: 600; line-height: 1.1; color: var(--emp-cream); margin: 0;
}
.emp-acc-hero__since { font-size: 12.5px; color: rgba(245, 241, 232, .55); max-width: 46ch;
}
.emp-acc-hero__side { display: flex; align-items: center; gap: 30px; flex-wrap: wrap;
}
.emp-acc-hero__stats { display: flex; align-items: center; gap: 30px; flex-wrap: wrap;
}
.emp-acc-stat { display: flex; flex-direction: column; gap: 2px; min-width: 0;
}
.emp-acc-stat__v { font-family: var(--emp-serif); font-size: 26px; font-weight: 600; line-height: 1; color: var(--emp-cream); font-variant-numeric: tabular-nums;
}
.emp-acc-stat__v--accent { color: var(--emp-wine-soft);
}
.emp-acc-stat__l { font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: rgba(245, 241, 232, .5);
}
.emp .emp-acc-hero__out { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px; border: 1px solid rgba(245, 241, 232, .28); border-radius: 3px; font-size: 11.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: rgba(245, 241, 232, .8); text-decoration: none; transition: border-color .18s ease, color .18s ease;
}
.emp .emp-acc-hero__out:hover { border-color: rgba(245, 241, 232, .6); color: var(--emp-cream);
}
.emp-acc__grid { width: 100%; max-width: var(--emp-maxw); margin: 0 auto; padding: 22px 20px 72px; display: grid; grid-template-columns: 232px minmax(0, 1fr); gap: 22px; align-items: start;
}
.emp-acc__grid--solo { grid-template-columns: minmax(0, 1fr); max-width: 760px;
}
.emp-acc__grid--login { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); max-width: 900px; align-items: stretch;
}
.emp-acc__panel { min-width: 0;
}
.emp .emp-acc-nav { position: sticky; top: calc(var(--emp-stack-h) + 12px); padding: 8px; background: #fff; border: 1px solid rgba(17, 17, 17, .1); border-radius: 4px; min-width: 0; float: none; width: auto; margin: 0;
}
.emp .emp-acc-nav__list { display: flex; flex-direction: column; gap: 2px; list-style: none; margin: 0; padding: 0;
}
.emp .emp-acc-nav__item { list-style: none; margin: 0; padding: 0; border: 0;
}
.emp .emp-acc-nav__link { display: flex; align-items: center; gap: 10px; min-height: 46px; padding: 0 14px; border-left: 3px solid transparent; border-radius: 3px; background: transparent; font-size: 13px; font-weight: 600; color: rgba(17, 17, 17, .68); text-decoration: none; white-space: nowrap; transition: background .16s ease, color .16s ease;
}
.emp .emp-acc-nav__link:hover { background: rgba(17, 17, 17, .04); color: var(--emp-black);
}
.emp .emp-acc-nav__item.is-active > .emp-acc-nav__link { border-left-color: var(--emp-wine); background: rgba(226, 35, 26, .07); color: var(--emp-wine); font-weight: 800;
}
.emp-acc-nav__ico { display: inline-flex; flex-shrink: 0; color: rgba(17, 17, 17, .5);
}
.emp .emp-acc-nav__item.is-active .emp-acc-nav__ico { color: var(--emp-wine);
}
.emp-acc-nav__txt { min-width: 0; overflow: hidden; text-overflow: ellipsis;
}
.emp-acc-nav__badge { margin-left: auto; display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 100px; background: rgba(17, 17, 17, .08); color: rgba(17, 17, 17, .55); font-size: 10.5px; font-weight: 800; font-variant-numeric: tabular-nums;
}
.emp .emp-acc-nav__item.is-active .emp-acc-nav__badge { background: var(--emp-wine); color: var(--emp-cream);
}
.emp-acc-stack { display: flex; flex-direction: column; gap: 14px; min-width: 0;
}
.emp-acc-stack--tight { gap: 12px;
}
.emp-acc-card { background: #fff; border: 1px solid rgba(17, 17, 17, .11); border-radius: 4px; overflow: hidden;
}
.emp-acc-card--pad { padding: 17px 18px 19px;
}
.emp-acc-card__head { padding: 15px 18px; border-bottom: 1px solid rgba(17, 17, 17, .07); display: flex; align-items: baseline; justify-content: space-between; gap: 12px; flex-wrap: wrap;
}
.emp-acc-card__aside { font-size: 12px; color: rgba(17, 17, 17, .55);
}
.emp-acc-card__body { padding: 15px 18px; display: flex; flex-direction: column; gap: 10px;
}
.emp-acc-h1 { font-family: var(--emp-serif); font-size: 22px; font-weight: 600; line-height: 1.2; margin: 0;
}
.emp-acc-h2 { font-family: var(--emp-serif); font-size: 19px; font-weight: 600; line-height: 1.2; margin: 0;
}
.emp-acc-h3 { font-family: var(--emp-serif); font-size: 17px; font-weight: 600; margin: 22px 0 12px;
}
.emp-acc-block { display: flex; flex-direction: column; gap: 12px;
}
.emp-acc-block__head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; flex-wrap: wrap;
}
.emp-acc-block__head--stack { flex-direction: column; align-items: flex-start; gap: 2px;
}
.emp-acc-block__sub { font-size: 12.5px; color: rgba(17, 17, 17, .55); margin: 0;
}
.emp .emp-acc-link { font-size: 12px; font-weight: 700; color: var(--emp-wine); text-decoration: underline; text-underline-offset: 3px;
}
.emp-acc-tag { display: inline-flex; align-items: center; font-size: 9.5px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; padding: 3px 9px; border-radius: 100px; background: rgba(17, 17, 17, .08); color: rgba(17, 17, 17, .6);
}
.emp-acc-tag--accent { background: rgba(226, 35, 26, .1); color: var(--emp-wine);
}
.emp-acc-msg { font-size: 12.5px; font-weight: 600; margin: 0; min-height: 16px;
}
.emp-acc-msg--ok { color: var(--emp-green);
}
.emp-acc-msg--bad { color: var(--emp-wine);
}
.emp .emp-acc-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 0 18px; border: 1px solid transparent; border-radius: 3px; background: transparent; cursor: pointer; font-family: inherit; font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; text-align: center; text-decoration: none; transition: background .18s ease, border-color .18s ease, color .18s ease;
}
.emp .emp-acc-btn--sm { min-height: 40px; padding: 0 14px; font-size: 11.5px; letter-spacing: .05em; text-transform: none;
}
.emp .emp-acc-btn--block { width: 100%;
}
.emp .emp-acc-btn--primary { background: var(--emp-wine); border-color: var(--emp-wine); color: var(--emp-cream);
}
.emp .emp-acc-btn--primary:hover { background: var(--emp-wine-dark); border-color: var(--emp-wine-dark); color: var(--emp-cream);
}
.emp .emp-acc-btn--dark { background: var(--emp-black); border-color: var(--emp-black); color: var(--emp-cream);
}
.emp .emp-acc-btn--dark:hover { background: #000; color: var(--emp-cream);
}
.emp .emp-acc-btn--ghost { border-color: rgba(17, 17, 17, .22); color: var(--emp-black);
}
.emp .emp-acc-btn--ghost:hover { border-color: var(--emp-black); color: var(--emp-black);
}
.emp .emp-acc-btn--outline-accent { border-color: rgba(236, 112, 106, .5); color: var(--emp-wine-soft); min-height: 44px; font-size: 11.5px;
}
.emp .emp-acc-btn--outline-accent:hover { border-color: var(--emp-wine-soft); color: var(--emp-cream);
}
.emp .emp-acc-btn--muted,
.emp .emp-acc-btn[disabled] { border-color: rgba(17, 17, 17, .16); color: rgba(17, 17, 17, .4); cursor: not-allowed;
}
.emp-acc-order > summary { list-style: none; cursor: pointer;
}
.emp-acc-order > summary::-webkit-details-marker { display: none;
}
.emp-acc-order > summary:focus-visible { outline: 2px solid var(--emp-wine); outline-offset: -2px;
}
.emp-acc-order__head { padding: 14px 17px; display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; transition: background .16s ease;
}
.emp-acc-order[open] > summary,
.emp-acc-vieworder > .emp-acc-order__head { border-bottom: 1px solid rgba(17, 17, 17, .07);
}
.emp-acc-order > summary:hover .emp-acc-order__num { color: var(--emp-wine);
}
.emp-acc-order__right { display: flex; align-items: center; gap: 10px;
}
.emp-acc-order__chev { display: inline-flex; color: rgba(17, 17, 17, .4); transition: transform .2s ease;
}
.emp-acc-order[open] .emp-acc-order__chev { transform: rotate(180deg);
}
.emp-acc-order__id { display: flex; flex-direction: column; gap: 2px; min-width: 0;
}
.emp-acc-order__num { font-size: 13.5px; font-weight: 800; font-variant-numeric: tabular-nums;
}
.emp-acc-order__meta { font-size: 11.5px; color: rgba(17, 17, 17, .52);
}
.emp-acc-order__meta .amount,
.emp-acc-order__meta bdi { font-weight: 700; color: rgba(17, 17, 17, .62);
}
.emp-acc-order__body { padding: 15px 17px; display: flex; flex-direction: column; gap: 14px;
}
.emp-acc-pill { display: inline-flex; align-items: center; gap: 7px; font-size: 11px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; padding: 7px 12px; border-radius: 100px; white-space: nowrap;
}
.emp-acc-pill__dot { width: 6px; height: 6px; border-radius: 50%; background: currentColor; flex-shrink: 0;
}
.emp-acc-pill--wait { background: rgba(201, 162, 75, .22); color: #6E5615;
}
.emp-acc-pill--ok { background: rgba(46, 125, 79, .12); color: var(--emp-green);
}
.emp-acc-pill--bad { background: rgba(226, 35, 26, .1); color: var(--emp-wine-dark);
}
.emp .emp-acc-tl { display: flex; gap: 6px; list-style: none; margin: 0; padding: 0;
}
.emp .emp-acc-tl__step { flex: 1; display: flex; flex-direction: column; gap: 7px; min-width: 0; margin: 0; list-style: none;
}
.emp-acc-tl__bar { height: 5px; border-radius: 100px; background: rgba(17, 17, 17, .12);
}
.emp-acc-tl__step.is-done .emp-acc-tl__bar { background: var(--emp-wine);
}
.emp-acc-tl__label { font-size: 10.5px; font-weight: 600; line-height: 1.3; color: rgba(17, 17, 17, .64);
}
.emp-acc-tl__step.is-done .emp-acc-tl__label { color: var(--emp-black);
}
.emp-acc-tl__step.is-current .emp-acc-tl__label { font-weight: 800;
}
.emp-acc-order__thumbs { display: flex; gap: 14px; align-items: center; flex-wrap: wrap;
}
.emp-acc-thumb { display: flex; align-items: center; gap: 9px; min-width: 0;
}
.emp-acc-thumb__img { width: 44px; height: 54px; flex-shrink: 0; background: #EDE7DA; border-radius: 2px; overflow: hidden; display: block;
}
.emp-acc-thumb__img img,
.emp-acc-line__img img { width: 100%; height: 100%; object-fit: cover; display: block;
}
.emp-acc-thumb__txt { display: flex; flex-direction: column; gap: 1px; min-width: 0;
}
.emp-acc-thumb__name { font-size: 12.5px; font-weight: 700; line-height: 1.25;
}
.emp-acc-thumb__var { font-size: 11px; color: rgba(17, 17, 17, .5);
}
.emp .emp-acc-lines { list-style: none; display: flex; flex-direction: column; gap: 10px; margin: 0; padding: 0;
}
.emp .emp-acc-line { display: flex; align-items: center; gap: 11px; margin: 0; list-style: none;
}
.emp-acc-line__img { width: 48px; height: 58px; flex-shrink: 0; background: #EDE7DA; border-radius: 2px; overflow: hidden; display: block;
}
.emp-acc-line__txt { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px;
}
.emp-acc-line__name { font-family: var(--emp-serif); font-size: 15px; font-weight: 600; line-height: 1.2;
}
.emp .emp-acc-line__name a { color: var(--emp-black); text-decoration: none;
}
.emp .emp-acc-line__name a:hover { color: var(--emp-wine);
}
.emp-acc-line__meta { font-size: 11.5px; color: rgba(17, 17, 17, .52);
}
.emp-acc-line__price { font-size: 13px; font-weight: 800; font-variant-numeric: tabular-nums; flex-shrink: 0;
}
.emp-acc-order__actions { display: flex; gap: 9px; flex-wrap: wrap;
}
.emp .emp-acc-order__actions .emp-acc-btn--primary { flex: 1; min-width: 170px;
}
.emp .emp-acc-order--compact .emp-acc-order__actions .emp-acc-btn { flex: 1; min-width: 150px;
}
.emp-acc-points { background: var(--emp-black); border-radius: 4px; padding: 24px 24px 26px; color: var(--emp-cream);
}
.emp-acc-points--mini { padding: 20px 22px 22px;
}
.emp-acc-points__eyebrow { display: block; font-size: 10.5px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--emp-wine-soft);
}
.emp-acc-points__top { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; flex-wrap: wrap; margin-bottom: 14px;
}
.emp-acc-points__num { display: flex; flex-direction: column; gap: 3px;
}
.emp-acc-points__value { font-family: var(--emp-serif); font-size: 36px; font-weight: 600; line-height: 1; color: var(--emp-cream); font-variant-numeric: tabular-nums;
}
.emp-acc-points__row { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; margin: 8px 0 18px;
}
.emp-acc-points__big { font-family: var(--emp-serif); font-size: clamp(44px, 7vw, 60px); font-weight: 600; line-height: 1; color: var(--emp-cream); font-variant-numeric: tabular-nums;
}
.emp-acc-points__eq { font-size: 14px; font-weight: 700; color: rgba(245, 241, 232, .6);
}
.emp-acc-bar { height: 9px; border-radius: 100px; background: rgba(245, 241, 232, .16); overflow: hidden; display: block;
}
.emp-acc-points--mini .emp-acc-bar { height: 8px; margin-bottom: 9px;
}
.emp-acc-bar__fill { display: block; height: 100%; border-radius: 100px; background: var(--emp-wine); transition: width .5s cubic-bezier(.22, .61, .36, 1);
}
.emp-acc-points__foot { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-top: 9px; flex-wrap: wrap;
}
.emp-acc-points__msg { font-size: 12.5px; color: rgba(245, 241, 232, .66); margin: 0; text-wrap: pretty;
}
.emp-acc-points__pct { font-size: 11.5px; font-weight: 700; color: var(--emp-wine-soft); font-variant-numeric: tabular-nums;
}
.emp-acc-tiers { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 13px;
}
.emp-acc-tier { border: 1.5px solid rgba(17, 17, 17, .11); border-radius: 4px; padding: 14px 15px; background: #fff; display: flex; flex-direction: column; gap: 4px;
}
.emp-acc-tier.is-current { border-color: var(--emp-wine); background: rgba(226, 35, 26, .05);
}
.emp-acc-tier__top { display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
}
.emp-acc-tier__name { font-size: 13px; font-weight: 800;
}
.emp-acc-tier__range { font-size: 11.5px; font-weight: 700; color: rgba(17, 17, 17, .5); font-variant-numeric: tabular-nums;
}
.emp-acc-tier__perk { font-size: 12px; line-height: 1.45; color: rgba(17, 17, 17, .58); text-wrap: pretty;
}
.emp-acc-tiers__note { font-size: 11.5px; color: rgba(17, 17, 17, .48); margin: 12px 0 0;
}
.emp-acc-reward { display: flex; align-items: center; gap: 13px; padding: 13px 14px; border: 1px solid rgba(17, 17, 17, .1); border-radius: 4px; flex-wrap: wrap;
}
.emp-acc-reward__txt { flex: 1; min-width: 170px; display: flex; flex-direction: column; gap: 2px;
}
.emp-acc-reward__title { font-size: 13.5px; font-weight: 800;
}
.emp-acc-reward__cost { font-size: 12px; color: rgba(17, 17, 17, .55);
}
.emp-acc-reward form { margin: 0;
}
.emp .emp-acc-log { list-style: none; margin: 0; padding: 0;
}
.emp .emp-acc-log__item { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 18px; border-bottom: 1px solid rgba(17, 17, 17, .07); margin: 0; list-style: none;
}
.emp .emp-acc-log__item:last-child { border-bottom: 0;
}
.emp-acc-log__txt { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px;
}
.emp-acc-log__title { font-size: 13px; font-weight: 700;
}
.emp-acc-log__date { font-size: 11.5px; color: rgba(17, 17, 17, .5);
}
.emp-acc-log__delta { flex-shrink: 0; font-size: 14px; font-weight: 800; font-variant-numeric: tabular-nums;
}
.emp-acc-log__delta--up { color: var(--emp-green);
}
.emp-acc-log__delta--down { color: var(--emp-wine);
}
.emp-acc-quick { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px;
}
.emp .emp-acc-quick__item { display: flex; align-items: center; gap: 11px; min-height: 60px; padding: 0 15px; border: 1px solid rgba(17, 17, 17, .12); border-radius: 4px; background: #fff; text-align: left; text-decoration: none; color: var(--emp-black); transition: border-color .18s ease, transform .18s ease;
}
.emp .emp-acc-quick__item:hover { border-color: var(--emp-wine); transform: translateY(-1px); color: var(--emp-black);
}
.emp-acc-quick__ico { display: inline-flex; flex-shrink: 0; color: var(--emp-wine);
}
.emp-acc-quick__txt { display: flex; flex-direction: column; gap: 1px; min-width: 0;
}
.emp-acc-quick__label { font-size: 13px; font-weight: 800;
}
.emp-acc-quick__note { font-size: 11.5px; color: rgba(17, 17, 17, .52);
}
.emp-acc-empty { padding: 42px 32px; display: flex; flex-direction: column; align-items: center; text-align: center;
}
.emp-acc-empty__ico { display: inline-flex; color: var(--emp-wine); margin-bottom: 15px;
}
.emp-acc-empty__title { font-family: var(--emp-serif); font-size: clamp(23px, 3.6vw, 29px); font-weight: 600; line-height: 1.14; max-width: 400px; margin: 0 0 10px;
}
.emp-acc-empty__body { font-size: 13.5px; line-height: 1.6; color: rgba(17, 17, 17, .6); max-width: 420px; margin: 0 0 20px; text-wrap: pretty;
}
.emp-acc-empty__actions { display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; width: 100%; max-width: 420px;
}
.emp .emp-acc-empty__actions .emp-acc-btn { flex: 1; min-width: 180px; min-height: 50px;
}
.emp-acc-coupon { display: flex; align-items: center; gap: 11px; margin: 22px 0 0; padding: 14px 16px; background: rgba(226, 35, 26, .07); border: 1.5px dashed var(--emp-wine); border-radius: 4px; flex-wrap: wrap; justify-content: center;
}
.emp-acc-coupon__code { font-size: 15px; font-weight: 800; letter-spacing: .14em; color: var(--emp-wine-dark);
}
.emp-acc-coupon__txt { font-size: 12.5px; font-weight: 600; color: rgba(17, 17, 17, .7);
}
.emp-acc-addrs { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px;
}
.emp-acc-addr { padding: 16px 17px; display: flex; flex-direction: column; gap: 9px;
}
.emp-acc-addr.is-default { border-width: 1.5px; border-color: var(--emp-wine);
}
.emp-acc-addr__top { display: flex; align-items: center; gap: 9px; flex-wrap: wrap;
}
.emp-acc-addr__tag { font-size: 13.5px; font-weight: 800;
}
.emp-acc-addr__body { font-size: 13px; font-style: normal; font-weight: 600; line-height: 1.5; color: var(--emp-black); margin: 0;
}
.emp-acc-addr__contact { font-size: 12.5px; color: rgba(17, 17, 17, .55); margin: 0;
}
.emp-acc-addr__actions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 3px;
}
.emp .emp-acc-addr-add { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; min-height: 150px; border: 1.5px dashed rgba(17, 17, 17, .24); border-radius: 4px; color: var(--emp-black); text-decoration: none; transition: border-color .18s ease, background .18s ease;
}
.emp .emp-acc-addr-add:hover { border-color: var(--emp-wine); background: rgba(226, 35, 26, .04); color: var(--emp-black);
}
.emp-acc-addr-add__ico { display: inline-flex; color: var(--emp-wine);
}
.emp-acc-addr-add__txt { font-size: 12.5px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase;
}
.emp-acc-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 13px;
}
.emp .emp-acc-field,
.emp .emp-acc-fields .form-row { display: flex; flex-direction: column; gap: 6px; float: none; width: auto; margin: 0; padding: 0;
}
.emp-acc-field--wide,
.emp .emp-acc-fields .form-row-wide,
.emp .emp-acc-fields #billing_address_1_field,
.emp .emp-acc-fields #billing_address_2_field,
.emp .emp-acc-fields #shipping_address_1_field,
.emp .emp-acc-fields #shipping_address_2_field { grid-column: 1 / -1;
}
.emp .emp-acc-field label,
.emp .emp-acc-fields .form-row label { font-size: 12px; font-weight: 700; color: var(--emp-black);
}
.emp .emp-acc-field .required,
.emp .emp-acc-fields .required { color: var(--emp-wine); text-decoration: none; border: 0;
}
.emp .emp-acc-input,
.emp .emp-acc-fields .input-text,
.emp .emp-acc-fields select { width: 100%; min-height: 48px; padding: 0 13px; border: 1px solid rgba(17, 17, 17, .2); border-radius: 3px; background: #fff; font-family: inherit; font-size: 14px; font-weight: 500; color: var(--emp-black); transition: border-color .16s ease, box-shadow .16s ease;
}
.emp .emp-acc-input:focus,
.emp .emp-acc-fields .input-text:focus,
.emp .emp-acc-fields select:focus { outline: none; border-color: var(--emp-wine); box-shadow: 0 0 0 3px rgba(226, 35, 26, .12);
}
.emp .emp-acc-fields .woocommerce-input-wrapper { width: 100%;
}
.emp .emp-acc-form__actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin: 15px 0 0;
}
.emp .emp-acc-form__row { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin: 4px 0 0;
}
.emp-acc-check { display: inline-flex; align-items: center; gap: 8px; font-size: 12.5px; font-weight: 600; cursor: pointer;
}
.emp-acc-check input { width: 17px; height: 17px; accent-color: var(--emp-wine); cursor: pointer;
}
.emp-acc-prefs { display: flex; flex-direction: column; gap: 3px;
}
.emp-acc-pref { display: flex; align-items: center; gap: 12px; min-height: 52px; padding: 6px 2px; cursor: pointer; border-bottom: 1px solid rgba(17, 17, 17, .07);
}
.emp-acc-pref:last-child { border-bottom: 0;
}
.emp-acc-pref input { width: 19px; height: 19px; flex-shrink: 0; accent-color: var(--emp-wine); cursor: pointer;
}
.emp-acc-pref__txt { display: flex; flex-direction: column; gap: 2px; min-width: 0;
}
.emp-acc-pref__label { font-size: 13px; font-weight: 700;
}
.emp-acc-pref__note { font-size: 11.5px; line-height: 1.45; color: rgba(17, 17, 17, .55);
}
.emp-acc-pass { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; justify-content: space-between;
}
.emp-acc-pass__txt { flex: 1; min-width: 200px; display: flex; flex-direction: column; gap: 3px;
}
.emp-acc-pass__title { font-size: 13.5px; font-weight: 800;
}
.emp-acc-pass__note { font-size: 12.5px; line-height: 1.5; color: rgba(17, 17, 17, .58); margin: 0; text-wrap: pretty;
}
.emp-acc-pass__form { margin: 0;
}
.emp-acc-grid { grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
}
.emp-acc-fav { position: relative;
}
.emp .emp-fav { margin: 0;
}
.emp .emp-fav--card { position: absolute; right: 8px; bottom: 8px; z-index: 5; margin: 0; line-height: 0;
}
.emp .emp-fav__btn,
.emp a.emp-fav--card,
.emp a.emp-fav--pdp { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; padding: 0; border-radius: 50%; border: 1px solid rgba(17, 17, 17, .12); background: rgba(255, 255, 255, .92); color: rgba(17, 17, 17, .45); cursor: pointer; transition: color .18s ease, border-color .18s ease, transform .18s ease;
}
.emp .emp-fav__btn:hover,
.emp a.emp-fav--card:hover,
.emp a.emp-fav--pdp:hover { color: var(--emp-wine); border-color: var(--emp-wine); transform: scale(1.06);
}
.emp .emp-fav.is-fav .emp-fav__btn { color: var(--emp-wine); border-color: var(--emp-wine);
}
.emp .emp-fav.is-fav .emp-fav__btn svg { fill: var(--emp-wine);
}
.emp-pdp-titlerow { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px;
}
.emp-pdp-titlerow .emp-pdp-title { min-width: 0;
}
.emp .emp-fav--pdp { flex-shrink: 0; margin-top: 2px;
}
.emp-acc-notes { padding: 17px 18px 19px;
}
.emp .emp-acc-notes__list { list-style: none; margin: 12px 0 0; padding: 0; display: flex; flex-direction: column; gap: 12px;
}
.emp .emp-acc-note { list-style: none; margin: 0; padding: 0 0 12px; border-bottom: 1px solid rgba(17, 17, 17, .07);
}
.emp .emp-acc-note:last-child { border-bottom: 0; padding-bottom: 0;
}
.emp-acc-note__date { display: block; font-size: 11.5px; font-weight: 700; color: rgba(17, 17, 17, .5); margin-bottom: 3px;
}
.emp-acc-note__txt p { font-size: 13px; line-height: 1.55; margin: 0;
}
.emp-acc-pager { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-top: 4px;
}
.emp-acc-pager__count { font-size: 12px; color: rgba(17, 17, 17, .55); font-variant-numeric: tabular-nums;
}
.emp-acc-auth { display: flex; flex-direction: column;
}
.emp-acc-auth .emp-acc-form { display: flex; flex-direction: column; gap: 13px; margin-top: 14px; flex: 1;
}
.emp-acc-auth__perk { display: flex; align-items: flex-start; gap: 8px; margin: 12px 0 0; padding: 11px 13px; background: rgba(226, 35, 26, .06); border-radius: 3px; font-size: 12.5px; font-weight: 600; line-height: 1.45; color: rgba(17, 17, 17, .75);
}
.emp-acc-auth__perk svg { flex-shrink: 0; color: var(--emp-wine); margin-top: 1px;
}
body.emp-acc-page .woocommerce-privacy-policy-text p { font-size: 12px; line-height: 1.5; color: rgba(17, 17, 17, .55); margin: 0;
}
body.emp-acc-page .woocommerce-privacy-policy-text a { color: var(--emp-wine);
}
.emp-acc-auth__note { font-size: 12px; color: rgba(17, 17, 17, .55); margin: 0;
}
.emp-acc-auth .emp-acc-form__actions { margin-top: auto; padding-top: 4px;
}
body.emp-acc-page .woocommerce-notices-wrapper:not(:empty) { max-width: var(--emp-maxw); margin: 18px auto 0; padding: 0 20px;
}
@media (max-width: 900px) { .emp-acc-hero { padding: 20px 18px; } .emp-acc-hero__in { align-items: flex-start; } .emp-acc__grid { grid-template-columns: minmax(0, 1fr); gap: 13px; padding: 14px 16px 80px; } .emp .emp-acc-nav { position: static; padding: 6px; overflow-x: auto; -webkit-overflow-scrolling: touch; } .emp .emp-acc-nav__list { flex-direction: row; gap: 6px; } .emp .emp-acc-nav__item { flex-shrink: 0; } .emp .emp-acc-nav__link { border-left: 0; border-radius: 100px; } .emp .emp-acc-nav__item.is-active > .emp-acc-nav__link { border-left: 0; } .emp-acc-nav__badge { display: none; }
}
@media (max-width: 560px) { .emp-acc-hero__stats, .emp-acc-hero__side { gap: 18px; } .emp-acc-quick, .emp-acc-tiers, .emp-acc-fields { grid-template-columns: 1fr; } .emp-acc-empty { padding: 30px 20px; } .emp-acc-grid { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); } .emp .emp-acc-order__actions .emp-acc-btn, .emp .emp-acc-order--compact .emp-acc-order__actions .emp-acc-btn, .emp .emp-acc-empty__actions .emp-acc-btn { flex: 1 1 100%; min-width: 0; }
}
body.emp-acc-page .emp-acc__grid > .woocommerce-MyAccount-navigation,
body.emp-acc-page .emp-acc__grid > .woocommerce-MyAccount-content { float: none; width: auto; margin: 0;
}
.emp-acc-addr__body span { display: block;
}
.emp-acc-addr__form { margin: 0;
}
.emp .emp-acc-btn--outline { border-color: var(--emp-wine); color: var(--emp-wine);
}
.emp .emp-acc-btn--outline:hover { background: var(--emp-wine); color: var(--emp-cream);
}
.emp .emp-acc-btn--danger { border-color: var(--emp-wine); background: var(--emp-wine); color: var(--emp-cream);
}
.emp-acc-field__hint { font-size: 11.5px; color: rgba(17, 17, 17, .5);
}
.emp .emp-acc-fields #billing_address_1_field,
.emp .emp-acc-fields #billing_address_2_field,
.emp .emp-acc-fields .form-row-wide { grid-column: 1 / -1;
}
.emp .emp-acc-fields .select2-container .select2-selection--single { height: 48px; border: 1px solid rgba(17, 17, 17, .2); border-radius: 3px;
}
.emp .emp-acc-fields .select2-container .select2-selection__rendered { line-height: 46px; padding-left: 12px;
}
body.emp-acc-page .woocommerce-message,
body.emp-acc-page .woocommerce-error,
body.emp-acc-page .woocommerce-info { display: flex; align-items: flex-start; gap: 10px; margin: 0 0 14px; padding: 14px 16px; background: #fff; border: 1px solid rgba(17, 17, 17, .11); border-top: 1px solid rgba(17, 17, 17, .11); border-radius: 4px; box-shadow: inset 3px 0 0 var(--emp-green); font-family: var(--emp-sans); font-size: 13.5px; font-weight: 600; line-height: 1.5; color: var(--emp-black); list-style: none;
}
body.emp-acc-page .woocommerce-error { box-shadow: inset 3px 0 0 var(--emp-wine); flex-direction: column; gap: 6px;
}
body.emp-acc-page .woocommerce-info { box-shadow: inset 3px 0 0 rgba(17, 17, 17, .3);
}
body.emp-acc-page .woocommerce-error li { list-style: none; margin: 0; padding: 0;
}
body.emp-acc-page .woocommerce-message::before,
body.emp-acc-page .woocommerce-error::before,
body.emp-acc-page .woocommerce-info::before { content: ''; position: static; display: block; flex-shrink: 0; width: 18px; height: 18px; margin: 1px 0 0; padding: 0; border-radius: 50%; background: var(--emp-green); color: transparent; font-size: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E"); background-size: 12px 12px; background-repeat: no-repeat; background-position: center;
}
body.emp-acc-page .woocommerce-error::before { background-color: var(--emp-wine); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round'%3E%3Cpath d='M12 7v6'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E");
}
body.emp-acc-page .woocommerce-info::before { background-color: rgba(17, 17, 17, .45);
}
body.emp-acc-page .woocommerce-message:focus,
body.emp-acc-page .woocommerce-error:focus,
body.emp-acc-page .woocommerce-info:focus { outline: none;
}
body.emp-acc-page .woocommerce-message .button,
body.emp-acc-page .woocommerce-error .button { margin-left: auto; padding: 0 14px; min-height: 38px; display: inline-flex; align-items: center; border: 1px solid rgba(17, 17, 17, .22); border-radius: 3px; background: transparent; color: var(--emp-black); font-size: 11.5px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em;
}
.emp .emp-acc-fields .emp-co-f--half { grid-column: span 1;
}
.emp .emp-acc-field--label { grid-column: 1 / -1;
}
.emp .emp-acc-fields .emp-co-f--full { grid-column: 1 / -1;
}
.emp-404 { padding-top: 48px; padding-bottom: 64px;
}
.emp-404__box { max-width: 620px; margin: 0 auto; text-align: center; display: flex; flex-direction: column; align-items: center;
}
.emp-404__code { font-size: 11px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: var(--emp-wine); margin-bottom: 10px;
}
.emp-404__title { font-family: var(--emp-serif); font-size: clamp(30px, 5vw, 44px); font-weight: 600; line-height: 1.1; margin: 0 0 12px;
}
.emp-404__text { font-size: 14.5px; line-height: 1.6; color: rgba(17, 17, 17, .62); margin: 0 0 22px; text-wrap: pretty;
}
.emp-404__search { display: flex; gap: 8px; width: 100%; max-width: 460px; margin: 0 0 14px; flex-wrap: wrap;
}
.emp-404__input { flex: 1; min-width: 200px; min-height: 50px; padding: 0 14px; border: 1px solid rgba(17, 17, 17, .2); border-radius: 3px; background: #fff; font-family: inherit; font-size: 14px; color: var(--emp-black);
}
.emp-404__input:focus { outline: none; border-color: var(--emp-wine); box-shadow: 0 0 0 3px rgba(226, 35, 26, .12);
}
.emp .emp-404__go { min-height: 50px; flex-shrink: 0;
}
.emp-404__actions { display: flex; gap: 10px; flex-wrap: wrap; justify-content: center;
}
.emp .emp-404__btn { display: inline-flex; align-items: center; justify-content: center; padding: 16px 26px; background: transparent; border: 1.5px solid rgba(17, 17, 17, .25); color: var(--emp-black); font-weight: 600; font-size: 15.5px;
}
.emp .emp-404__btn:hover { border-color: var(--emp-black); background: rgba(17, 17, 17, .04); color: var(--emp-black);
}
.emp-404__sugg { margin-top: 52px;
}
.emp-404__sugg-title { font-family: var(--emp-serif); font-size: 22px; font-weight: 600; text-align: center; margin: 0 0 18px;
}
@media (max-width: 560px) { .emp-404 { padding-top: 32px; padding-bottom: 44px; } .emp .emp-404__actions .emp-btn, .emp .emp-404__go { flex: 1 1 100%; }
}
.emp-sugg { position: absolute; top: calc(100% + 8px); right: 0; width: min(420px, calc(100vw - 32px)); max-height: min(70vh, 520px); overflow-y: auto; overscroll-behavior: contain; z-index: 90; background: var(--emp-panel); border: 1px solid rgba(226, 35, 26, 0.28); border-radius: 4px; box-shadow: 0 18px 44px rgba(0, 0, 0, 0.5); padding: 6px;
}
.emp-sugg[hidden] { display: none;
}
.emp .emp-sugg__item { display: grid; grid-template-columns: 46px 1fr auto; align-items: center; gap: 10px; padding: 8px; border-radius: 3px; text-decoration: none; color: var(--emp-cream);
}
.emp .emp-sugg__item:hover,
.emp .emp-sugg__item.is-active { background: rgba(226, 35, 26, 0.14);
}
.emp-sugg__img { width: 46px; height: 46px; border-radius: 3px; overflow: hidden; background: #fff; flex-shrink: 0;
}
.emp-sugg__img img { width: 100%; height: 100%; object-fit: cover; display: block;
}
.emp-sugg__txt { min-width: 0; display: flex; flex-direction: column; gap: 1px;
}
.emp-sugg__brand { font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--emp-wine-soft);
}
.emp-sugg__name { font-size: 13.5px; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
.emp-sugg__price { font-size: 13px; font-weight: 700; white-space: nowrap; font-variant-numeric: tabular-nums;
}
.emp .emp-sugg__item.is-agotado .emp-sugg__price { color: rgba(245, 241, 232, 0.55); font-weight: 600;
}
.emp .emp-sugg__item.is-agotado .emp-sugg__img { filter: saturate(0.45);
}
.emp-sugg__empty,
.emp-sugg__note { margin: 0; padding: 10px 8px; font-size: 12.5px; color: rgba(245, 241, 232, 0.7);
}
.emp .emp-sugg__all { display: block; margin-top: 4px; padding: 9px 8px; border-top: 1px solid rgba(245, 241, 232, 0.12); font-size: 12.5px; font-weight: 700; letter-spacing: 0.04em; text-align: center; text-decoration: none; color: var(--emp-wine-soft); border-radius: 3px;
}
.emp .emp-sugg__all:hover,
.emp .emp-sugg__all.is-active { background: rgba(226, 35, 26, 0.16);
}
@media (max-width: 720px) { .emp-sugg { left: 10px; right: 10px; width: auto; top: calc(100% + 8px); }
}
.emp-sugg.is-loading .emp-sugg__item,
.emp-sugg.is-loading .emp-sugg__all { opacity: 0.45;
}
.emp-pagina { max-width: 780px; margin: 0 auto; font-size: 16.5px; line-height: 1.7; color: rgba(17, 17, 17, 0.78);
}
.emp-pagina > .emp-pagina__ancho { max-width: none; width: 100%;
}
.emp-pagina p { margin: 0 0 18px;
}
.emp-pagina p:last-child { margin-bottom: 0;
}
.emp-pagina strong { color: var(--emp-black); font-weight: 600;
}
.emp-pagina a { color: var(--emp-wine); text-decoration: none; border-bottom: 1px solid rgba(226, 35, 26, 0.35); transition: border-color 0.15s ease;
}
.emp-pagina a:hover { border-bottom-color: var(--emp-wine);
}
.emp-pagina__entradilla { font-size: 19px; line-height: 1.6; color: rgba(17, 17, 17, 0.72); margin: 0 0 34px;
}
.emp-pagina h2 { font-family: var(--emp-serif); font-size: clamp(21px, 2.8vw, 26px); line-height: 1.25; color: var(--emp-black); margin: 46px 0 16px; font-weight: 600;
}
.emp-pagina h2:first-child { margin-top: 0;
}
.emp-pagina h3 { font-family: var(--emp-sans); font-size: 17px; line-height: 1.35; color: var(--emp-black); margin: 30px 0 10px; font-weight: 600;
}
.emp-pagina ul,
.emp-pagina ol { margin: 0 0 18px; padding-left: 22px;
}
.emp-pagina li { margin-bottom: 9px;
}
.emp-pagina__imagen { margin: 0 0 38px; border-radius: 14px; overflow: hidden;
}
.emp-pagina__imagen img { display: block; width: 100%; height: auto;
}
.emp-pagina__rejilla { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 18px; margin: 0 0 34px;
}
.emp-pagina__tarjeta { background: #fff; border: 1px solid rgba(17, 17, 17, 0.08); border-radius: 14px; padding: 24px 22px;
}
.emp-pagina__tarjeta h3 { margin: 0 0 8px;
}
.emp-pagina__tarjeta p { margin: 0; font-size: 15px; line-height: 1.6; color: rgba(17, 17, 17, 0.65);
}
.emp-pagina__etiqueta { display: inline-block; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; font-weight: 600; color: var(--emp-wine); margin-bottom: 8px;
}
.emp-pagina__destacado { background: #fff; border-left: 3px solid var(--emp-wine); border-radius: 0 12px 12px 0; padding: 22px 26px; margin: 0 0 34px; font-size: 17px; line-height: 1.6; color: rgba(17, 17, 17, 0.8);
}
.emp-pagina__destacado p:last-child { margin-bottom: 0;
}
.emp-pagina__pasos { list-style: none; counter-reset: paso; padding: 0; margin: 0 0 34px;
}
.emp-pagina__pasos li { counter-increment: paso; position: relative; padding-left: 46px; margin-bottom: 20px;
}
.emp-pagina__pasos li::before { content: counter(paso); position: absolute; left: 0; top: -1px; width: 30px; height: 30px; border-radius: 50%; background: var(--emp-wine); color: var(--emp-cream); font-size: 14px; font-weight: 600; display: flex; align-items: center; justify-content: center;
}
.emp-pagina__cta { text-align: center; margin: 44px 0 0;
}
.emp-pagina__cta .emp-btn { border-bottom: none;
}
@media (max-width: 640px) { .emp-pagina { font-size: 16px; } .emp-pagina__entradilla { font-size: 17.5px; } .emp-pagina__tarjeta { padding: 20px 18px; }
}
body.emp-co-page .emp-co-sum.shop_table tr.fee > th,
body.emp-co-page .emp-co-sum.shop_table tr.fee > td { background: #FBF8F1; box-shadow: inset 0 1px 0 rgba(17, 17, 17, .055), inset 0 -1px 0 rgba(17, 17, 17, .055), inset 0 6px 12px -10px rgba(17, 17, 17, .16); padding-top: 11px; padding-bottom: 11px;
}
body.emp-co-page .emp-co-sum.shop_table tr.fee > th { color: rgba(17, 17, 17, .8); font-weight: 600;
}
.emp-pagina ul.emp-pagina__marcas { display: grid; grid-template-columns: repeat(auto-fill, minmax(232px, 1fr)); gap: 12px; margin: 0 0 34px; padding: 0; list-style: none;
}
.emp-pagina ul.emp-pagina__marcas > li.emp-pagina__marca { background: #fff; border: 1px solid rgba(17, 17, 17, 0.08); border-radius: 12px; padding: 15px 17px; margin: 0;
}
.emp-pagina__marca-nombre { display: block; font-weight: 600; font-size: 15px; color: var(--emp-black); line-height: 1.3; margin-bottom: 3px;
}
.emp-pagina__marca-num { display: block; font-size: 12px; color: rgba(17, 17, 17, 0.45); margin-bottom: 9px;
}
.emp-pagina__marca-links { display: flex; flex-wrap: wrap; gap: 7px;
}
.emp-pagina__marca-links a { border-bottom: none; font-size: 12.5px; font-weight: 600; letter-spacing: .01em; padding: 5px 12px; border-radius: 999px; background: rgba(226, 35, 26, 0.07); color: var(--emp-wine); transition: background 0.15s ease, color 0.15s ease;
}
.emp-pagina__marca-links a:hover { background: var(--emp-wine); color: var(--emp-cream);
}
.emp-pagina ul.emp-pagina__tramos { display: flex; flex-wrap: wrap; gap: 9px; margin: 0 0 36px; padding: 0; list-style: none;
}
.emp-pagina ul.emp-pagina__tramos > li { margin: 0;
}
.emp-pagina ul.emp-pagina__tramos a,
.emp-pagina ul.emp-pagina__tramos span { display: block; border-bottom: none; font-size: 13px; font-weight: 600; padding: 8px 16px; border-radius: 999px; border: 1px solid rgba(17, 17, 17, 0.12); color: rgba(17, 17, 17, 0.7); background: #fff;
}
.emp-pagina ul.emp-pagina__tramos a:hover { border-color: var(--emp-wine); color: var(--emp-wine);
}
.emp-pagina ul.emp-pagina__tramos span { background: var(--emp-black); border-color: var(--emp-black); color: var(--emp-cream);
}
.emp-pagina .emp-pagina__imagen--alto img { height: 400px; object-fit: cover; object-position: var(--emp-foco, 50% 28%);
}
@media (max-width: 640px) { .emp-pagina .emp-pagina__imagen--alto img { height: 260px; }
}
.emp-blog__head { max-width: 640px; margin: 0 0 38px;
}
.emp-blog__sub { font-size: 16.5px; line-height: 1.6; color: rgba(17, 17, 17, 0.6); margin: 12px 0 0;
}
.emp-blog { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px; margin: 0 0 40px;
}
.emp-blog__card { background: #fff; border: 1px solid rgba(17, 17, 17, 0.08); border-radius: 16px; padding: 26px 26px 22px; display: flex; flex-direction: column; transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.emp-blog__card:hover { transform: translateY(-2px); box-shadow: 0 14px 28px -18px rgba(17, 17, 17, 0.4);
}
.emp-blog__date { display: block; font-size: 11.5px; letter-spacing: 0.09em; text-transform: uppercase; font-weight: 600; color: var(--emp-wine); margin-bottom: 10px;
}
.emp-blog__title { font-family: var(--emp-serif); font-size: 21px; line-height: 1.25; font-weight: 600; margin: 0 0 12px;
}
.emp-blog__title a { color: var(--emp-black); text-decoration: none;
}
.emp-blog__title a:hover { color: var(--emp-wine);
}
.emp-blog__text { font-size: 15px; line-height: 1.65; color: rgba(17, 17, 17, 0.62); margin: 0 0 20px; flex: 1;
}
.emp-blog__more { display: inline-flex; align-items: center; gap: 7px; align-self: flex-start; font-size: 13.5px; font-weight: 600; color: var(--emp-wine); text-decoration: none;
}
.emp-blog__more span { transition: transform 0.15s ease;
}
.emp-blog__card:hover .emp-blog__more span { transform: translateX(3px);
}
.emp-section .pagination .nav-links,
.emp-section .navigation.pagination .nav-links { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center;
}
.emp-section .navigation.pagination .page-numbers { display: inline-block; padding: 9px 15px; border-radius: 999px; border: 1px solid rgba(17, 17, 17, 0.12); background: #fff; color: rgba(17, 17, 17, 0.7); font-size: 13.5px; font-weight: 600; text-decoration: none;
}
.emp-section .navigation.pagination .page-numbers.current { background: var(--emp-black); border-color: var(--emp-black); color: var(--emp-cream);
}
.emp-section .navigation.pagination .page-numbers:hover { border-color: var(--emp-wine); color: var(--emp-wine);
}
.emp-section .navigation.pagination .screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;
}
@media (max-width: 640px) { .emp-blog__card { padding: 22px 20px 20px; } .emp-blog__title { font-size: 19px; }
}
body.emp-co-page .emp-pts-msg,
body.emp-co-page .emp-pts-band,
body.emp-co-page .emp-pts-guest,
body.emp-co-page .emp-pts-tail { max-width: 1160px; margin: 16px auto 0; box-sizing: border-box;
}
body.emp-co-page .emp-pts-tail { margin-top: 7px; padding: 0 2px; font-size: 11.5px; line-height: 1.5; color: rgba(17, 17, 17, 0.52);
}
body.emp-co-page .emp-pts-tail strong { color: rgba(17, 17, 17, 0.75); font-weight: 700;
}
body.emp-co-page .emp-pts-msg--earn { display: flex; align-items: center; gap: 8px; border: none; background: none; padding: 0 2px; font-size: 12.5px; line-height: 1.5; color: rgba(17, 17, 17, 0.6); margin-bottom: -6px;
}
body.emp-co-page .emp-pts-msg--earn::before { content: '★'; color: var(--emp-wine); font-size: 11px;
}
body.emp-co-page .emp-pts-msg--earn strong,
body.emp-co-page .emp-pts-msg--earn span { color: var(--emp-black); font-weight: 700;
}
body.emp-co-page .emp-pts-msg--reward { display: flex; align-items: center; flex-wrap: wrap; gap: 11px; background: var(--emp-black); color: var(--emp-cream); border: none; border-radius: 10px; padding: 12px 15px; font-size: 12.5px; line-height: 1.45;
}
body.emp-co-page .emp-pts-msg--reward::before { content: '★'; width: 20px; height: 20px; min-width: 20px; border-radius: 50%; background: rgba(255, 255, 255, 0.14); color: var(--emp-cream); font-size: 11px; display: flex; align-items: center; justify-content: center;
}
body.emp-co-page .emp-pts-msg--reward strong,
body.emp-co-page .emp-pts-msg--reward .amount,
body.emp-co-page .emp-pts-msg--reward .woocommerce-Price-amount { color: #fff; font-weight: 700;
}
body.emp-co-page .emp-pts-msg--reward .ywpar-button-message { margin-left: auto; background: var(--emp-wine); color: #fff; border: none; border-radius: 7px; padding: 8px 15px; font-size: 12.5px; font-weight: 700; text-decoration: none; white-space: nowrap; transition: background 0.15s ease;
}
body.emp-co-page .emp-pts-msg--reward .ywpar-button-message:hover { background: var(--emp-wine-dark);
}
body.emp-co-page .emp-pts-msg--reward .ywpar_apply_discounts_container { flex: 1 0 100%;
}
body.emp-co-page .emp-pts-msg--reward form.ywpar_apply_discounts { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; margin: 0; padding-top: 11px; border-top: 1px solid rgba(245, 241, 232, 0.16);
}
body.emp-co-page .emp-pts-msg--reward .form-row { margin: 0; padding: 0; width: auto; flex: 0 0 auto;
}
body.emp-co-page .emp-pts-msg--reward input[type="text"] { width: 110px; padding: 8px 11px; border-radius: 7px; border: 1px solid rgba(245, 241, 232, 0.25); background: rgba(255, 255, 255, 0.07); color: #fff; font-family: var(--emp-sans); font-size: 13px; font-weight: 600; font-variant-numeric: tabular-nums;
}
body.emp-co-page .emp-pts-msg--reward input[type="submit"] { background: var(--emp-wine); color: #fff; border: none; border-radius: 7px; padding: 9px 16px; font-family: var(--emp-sans); font-size: 12.5px; font-weight: 700; cursor: pointer;
}
body.emp-co-page .emp-pts-msg--reward .ywpar_min_reedem_value_error { flex: 1 0 100%; color: #EC706A; font-size: 12px; margin-top: 6px;
}
body.emp-co-page .emp-pts-msg--reward .clear { display: none;
}
body.emp-co-page .emp-pts-band--wait { display: flex; align-items: center; gap: 11px; background: #EFEBE2; border: 1px solid rgba(17, 17, 17, 0.10); border-radius: 10px; padding: 12px 15px; font-size: 12.5px; line-height: 1.45; color: rgba(17, 17, 17, 0.62);
}
body.emp-co-page .emp-pts-band--wait strong { color: var(--emp-black);
}
body.emp-co-page .emp-pts-band__ico { width: 20px; height: 20px; min-width: 20px; border-radius: 50%; background: rgba(17, 17, 17, 0.10); display: flex; align-items: center; justify-content: center; font-size: 11px;
}
body.emp-co-page .emp-pts-guest { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; background: #FBF8F1; border: 1px dashed rgba(17, 17, 17, 0.16); border-radius: 10px; padding: 11px 14px; font-size: 12.5px; line-height: 1.5; color: rgba(17, 17, 17, 0.65);
}
body.emp-co-page .emp-pts-guest__txt { flex: 1; min-width: 220px;
}
body.emp-co-page .emp-pts-guest strong { color: var(--emp-black); font-weight: 700;
}
body.emp-co-page .emp-pts-guest__tag { background: var(--emp-wine); color: #fff; font-size: 10.5px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; padding: 3px 8px; border-radius: 999px; white-space: nowrap;
}
body.emp-co-page .emp-pts-guest__cta { color: var(--emp-wine); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap;
}
@media (max-width: 1200px) { body.emp-co-page .emp-pts-msg, body.emp-co-page .emp-pts-band, body.emp-co-page .emp-pts-guest { margin-left: 20px; margin-right: 20px; }
}
@media (max-width: 640px) { body.emp-co-page .emp-pts-msg--reward .ywpar-button-message { margin-left: 0; width: 100%; text-align: center; }
}
#emp-content[data-wpr-lazyrender],
.emp-header__right[data-wpr-lazyrender],
.emp-hero[data-wpr-lazyrender] { content-visibility: visible;
}
:root { --b-tinta: #191510; --b-quieto: #756D60; --b-linea: #E0D9CA; --b-marco: #E9E3D6; --b-rojo: #B4160F; --bd-tinta: #F5F1E8; --bd-quieto: #A79E8E; --bd-tachado: #8E8677; --bd-linea: rgba(245, 241, 232, 0.18); --bd-marco: rgba(245, 241, 232, 0.14); --bd-rojo: #EC706A;
}
.emp-card,
#ofertas .emp-card,
.emp-plp-grid--light > .emp-card,
.emp-plp-grid--light > .emp-acc-fav > .emp-card { background: transparent; border: 0; border-radius: 0; padding: 0; box-shadow: none;
}
.emp-card:hover,
#ofertas .emp-card:hover,
.emp-plp-grid--light > .emp-card:hover,
.emp-plp-grid--light > .emp-acc-fav > .emp-card:hover { transform: none; border-color: transparent; box-shadow: none;
}
.emp-card__image { background: #ffffff; border: 1px solid var(--b-marco); border-radius: 3px; aspect-ratio: 1 / 1.06; transition: border-color 0.3s ease;
}
.emp-card:hover .emp-card__image { border-color: #CFC6B3;
}
.emp-section--dark .emp-card__image { border-color: var(--bd-marco);
}
.emp-section--dark .emp-card:hover .emp-card__image { border-color: rgba(245, 241, 232, 0.3);
}
.emp-card__body { padding: 15px 2px 0;
}
.emp-card__brand,
#ofertas .emp-card__brand,
.emp-plp-grid--light .emp-card__brand { font-size: 9.5px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: var(--b-quieto);
}
.emp-card__name,
.emp-card__name a,
#ofertas .emp-card__name,
#ofertas .emp-card__name a,
.emp-plp-grid--light .emp-card__name,
.emp-plp-grid--light .emp-card__name a { font-family: var(--emp-sans); font-weight: 700; font-size: 16.5px; line-height: 1.24; letter-spacing: -0.02em; color: var(--b-tinta);
}
.emp-card__name { margin: 7px 0;
}
.emp-card__meta,
#ofertas .emp-card__meta,
.emp-plp-grid--light .emp-card__meta { font-size: 11.5px; color: #6E665A; margin: 0 0 10px;
}
.emp-card__occasion { margin: 0 0 14px; gap: 6px;
}
.emp-card__occasion span,
#ofertas .emp-card__occasion span,
.emp-plp-grid--light .emp-card__occasion span { background: transparent; border: 1px solid var(--b-linea); color: #6E665A; font-size: 10px; font-weight: 500; letter-spacing: 0.02em; padding: 3px 8px; border-radius: 2px;
}
.emp-plp-grid--light .emp-card__matices,
#ofertas .emp-card__matices { margin: -8px 0 12px; color: #8C8477;
}
.emp-card__rule { height: 1px; background: var(--b-linea); margin: 0 0 12px;
}
.emp-card__prices { display: flex; align-items: baseline; flex-wrap: wrap; gap: 9px; margin: 0 0 15px;
}
.emp-card__price,
#ofertas .emp-card__price,
.emp-plp-grid--light .emp-card__price { font-family: var(--emp-sans); font-weight: 700; font-size: 19.5px; line-height: 1; letter-spacing: -0.02em; color: var(--b-tinta); font-variant-numeric: lining-nums tabular-nums; animation: none;
}
.emp-card__old,
#ofertas .emp-card__old,
.emp-plp-grid--light .emp-card__old { font-size: 12.5px; color: var(--b-quieto); text-decoration: line-through; font-variant-numeric: lining-nums tabular-nums;
}
.emp-card__pct { font-size: 11px; font-weight: 700; color: var(--b-rojo); font-variant-numeric: lining-nums tabular-nums;
}
.emp-card__cta--wine,
#ofertas .emp-card__cta--wine,
.emp-plp-grid--light .emp-card__cta--wine { margin-top: auto; width: 100%; padding: 12px 8px; border-radius: 4px; font-weight: 600; font-size: 12.5px; letter-spacing: 0.03em; background: transparent; color: var(--b-tinta); border: 1px solid var(--b-tinta); box-shadow: none; animation: none; transition: background 0.2s ease, color 0.2s ease;
}
.emp-card__cta--wine::before,
.emp-card__cta--wine::after { display: none;
}
.emp-card__cta--wine:hover,
#ofertas .emp-card__cta--wine:hover,
.emp-plp-grid--light .emp-card__cta--wine:hover { background: var(--b-tinta); color: #F5F1E8;
}
.emp-card__trust,
#ofertas .emp-card__trust,
.emp-plp-grid--light .emp-card__trust { font-size: 10px; font-weight: 500; color: var(--b-quieto); text-align: center; margin: 8px 0 0;
}
.emp-section--dark .emp-card__brand { color: var(--bd-quieto);
}
.emp-section--dark .emp-card__name,
.emp-section--dark .emp-card__name a,
.emp-section--dark .emp-card__price { color: var(--bd-tinta);
}
.emp-section--dark .emp-card__meta { color: var(--bd-quieto);
}
.emp-section--dark .emp-card__occasion span { border-color: var(--bd-linea); color: var(--bd-quieto);
}
.emp-section--dark .emp-card__rule { background: var(--bd-linea);
}
.emp-section--dark .emp-card__old { color: var(--bd-tachado);
}
.emp-section--dark .emp-card__pct { color: var(--bd-rojo);
}
.emp-section--dark .emp-card__cta--wine { color: var(--bd-tinta); border-color: var(--bd-tinta);
}
.emp-section--dark .emp-card__cta--wine:hover { background: var(--bd-tinta); color: #111111;
}
.emp-section--dark .emp-card__trust { color: var(--bd-quieto);
}
.emp-card__cta--wine,
#ofertas .emp-card__cta--wine,
.emp-plp-grid--light .emp-card__cta--wine { margin-top: 0;
}
.emp-card__name { margin-bottom: auto; padding-bottom: 7px;
}
.emp-card__prices { min-height: 2.75em;
}
.emp-card__occasion span:nth-of-type(n+3) { display: none;
}
body.emp-co-page #payment ul.payment_methods li.emp-co-pm:has(input.emp-co-pm__radio:checked) { border-color: var(--emp-green); box-shadow: inset 0 0 0 1px var(--emp-green); background: rgba(46, 125, 79, .05);
}
body.emp-co-page #payment ul.payment_methods li input.emp-co-pm__radio { accent-color: var(--emp-green);
}
@media (max-width: 720px), (hover: none) { .emp-nav .sub-menu, .emp-nav > li > .sub-menu { align-items: stretch; } .emp-nav > li > .sub-menu > li > a:not([href="#"]) { pointer-events: auto; cursor: pointer; user-select: auto; background: transparent; color: rgba(245, 241, 232, .85); text-transform: none; font-weight: 500; font-size: 14px; } .emp-nav > li > .sub-menu > li > a:not([href="#"]):active { background: rgba(245, 241, 232, .07); } .emp-nav > li > .sub-menu > li.current-menu-item > a:not([href="#"]) { color: #F5F1E8; font-weight: 700; box-shadow: inset 2px 0 0 var(--emp-wine); }
}
@media (min-width: 721px) and (hover: hover) { .emp-nav > li > .sub-menu > li > a:not([href="#"]) { pointer-events: auto; cursor: pointer; user-select: auto; background: transparent; color: rgba(245, 241, 232, .85); text-transform: none; font-weight: 500; font-size: 13px; letter-spacing: 0; } .emp-nav > li > .sub-menu > li > a:not([href="#"]):hover, .emp-nav > li > .sub-menu > li > a:not([href="#"]):focus-visible { background: rgba(245, 241, 232, .10); color: #F5F1E8; } .emp-nav > li > .sub-menu > li.current-menu-item > a:not([href="#"]) { color: #F5F1E8; font-weight: 700; box-shadow: inset 2px 0 0 var(--emp-wine); }
}