html, body { overflow-x: hidden; } :root { --wp-admin--admin-bar--height: 0px; } .rms-nav-link { font-family: Inter, sans-serif; font-size: 13px; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255, 255, 255, 0.6); padding: 8px 14px; border: none; background: none; cursor: pointer; border-bottom: 2px solid transparent; transition: color 0.15s, border-color 0.15s; text-decoration: none; display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; } .rms-nav-link:hover { color: #fff; } .rms-nav-link--active { color: #c9a84c; border-bottom-color: #c9a84c; } .rms-chevron { display: inline-flex; transition: transform 0.2s; } .rms-mega-link { width: 100%; display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 500; color: rgba(255, 255, 255, 0.6); padding: 7px 10px; text-decoration: none; border-radius: 2px; transition: color 0.15s, background 0.15s; } .rms-mega-link:hover { color: #fff; background: rgba(255, 255, 255, 0.05); } .rms-mega-count { margin-left: auto; font-size: 10px; color: rgba(255, 255, 255, 0.28); } .rms-mob-sub { display: block; font-size: 13px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(255, 255, 255, 0.55); padding: 10px 24px 10px 36px; text-decoration: none; transition: color 0.15s; } .rms-mob-sub:hover { color: #c9a84c; } .rms-mob-divider { font-size: 10px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: rgba(255, 255, 255, 0.25); padding: 14px 24px 6px 36px; display: block; } #wc-block-components-totals-coupon__input-coupon { background-color: #F5F2EC; border: 1px solid var(--rms-border); border-radius: 0; color: var(--rms-ink); font-size: 15px; height: 52px; } .wc-block-cart__submit-button, .wc-block-components-button { background-color: var(--rms-gold); font-family: 'Inter', sans-serif; font-size: 12px; text-transform: uppercase; font-weight: 700; color: var(--rms-ink); letter-spacing: 0.16em; height: 52px; } .rms-reveal { opacity: 0; transform: translateY(28px); transition: opacity 0.65s cubic-bezier(0.16, 1, 0.3, 1), transform 0.65s cubic-bezier(0.16, 1, 0.3, 1); } .rms-revealed { opacity: 1; transform: translateY(0); } .promobar { overflow: hidden; } .promobar__track { display: flex; width: max-content; animation: rms-marquee 22s linear infinite; } .promobar__track:hover { animation-play-state: paused; } .promobar__item { padding: 0 48px; white-space: nowrap; } @keyframes rms-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } } .nav { transition: padding 0.3s ease, background 0.3s ease; } .nav--scrolled { background: rgba(15, 15, 15, 0.95); backdrop-filter: blur(12px); } .nav--scrolled .nav__inner { height: 48px; } .nav__inner { transition: height 0.3s ease; } .product-card__img-wrap { overflow: hidden; position: relative; } .product-card__img { transition: transform 0.55s cubic-bezier(0.16, 1, 0.3, 1); } .product-card:hover .product-card__img { transform: scale(1.06); } .product-card__quick-add { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(15,15,15,0.88); color: #fff; font-family: 'Inter', sans-serif; font-size: 10px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; text-align: center; padding: 13px; transform: translateY(100%); transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1); } .product-card:hover .product-card__quick-add { transform: translateY(0); } .rms-rule { height: 1px; background: var(--gold); width: 0; transition: width 1.2s cubic-bezier(0.16, 1, 0.3, 1); } .rms-rule.rms-revealed { width: 100%; }