:root, .av-lush { --lush-pink: #F96E89; --lush-pink-deep: #EB637D; --lush-pink-soft: #FFBFD0; --lush-slate: #2D3440; --lush-lime: #D7F468; --lush-grey: #F7F7F7; --lush-ink: #000000; --lush-text: #2B2B2B; --lush-muted: #777777; --lush-line: #E8E8E8; --lush-teal: #43A9BB; --lush-yellow: #EFC400; --lush-rose: #E8788B; --lush-wrap: 1170px; --lush-tile-pink: #FBD3DB; --lush-tile-blue: #D9ECF6; --lush-tile-yellow: #FFF2A6; --lush-tile-lilac: #EBC8EF; --lush-serif: "Cormorant Garamond", "Noto Serif Bengali", Georgia, serif; --av-font-display: "Poppins", "Hind Siliguri", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; --av-font-label: var(--av-font-display); --av-font-body: var(--av-font-display); --av-font-poster: var(--av-font-display); --av-font-script: var(--av-font-display); --av-color-bg: #ffffff; --av-color-bg-alt: #ffffff; --av-color-surface: var(--lush-grey); --av-color-image-well: var(--lush-grey); --av-color-text: var(--lush-text); --av-color-text-muted: var(--lush-muted); --av-color-heading: var(--lush-ink); --av-color-border: var(--lush-line); --av-color-border-strong: #cfcfcf; --av-color-primary: var(--lush-pink); --av-color-primary-hover: var(--lush-pink-deep); --av-color-on-primary: #ffffff; --av-color-secondary: var(--lush-pink); --av-color-secondary-hover: var(--lush-pink-deep); --av-color-on-secondary: #ffffff; --av-color-accent: var(--lush-pink); --av-color-accent-hover: var(--lush-pink-deep); --av-color-on-accent: #ffffff; --av-color-accent-bg: #FFF0F3; --av-color-brand-gold: var(--lush-pink); --av-color-link: var(--lush-pink); --av-color-link-hover: var(--lush-pink-deep); --av-color-focus: var(--lush-pink); --theme-font-family: var(--av-font-display); --theme-font-weight: 400; --theme-font-size: 15px; --theme-line-height: 1.6; --theme-text-color: var(--lush-text); --theme-headings-color: var(--lush-ink); --theme-link-initial-color: var(--lush-pink); --theme-link-hover-color: var(--lush-pink-deep); --theme-palette-color-1: var(--lush-pink); --theme-palette-color-2: var(--lush-pink-deep); --theme-palette-color-3: var(--lush-text); --theme-palette-color-4: var(--lush-ink); --theme-palette-color-5: var(--lush-line); --theme-palette-color-6: var(--lush-grey); --theme-palette-color-7: #ffffff; --theme-palette-color-8: #ffffff; --theme-button-background-initial-color: var(--lush-pink); --theme-button-background-hover-color: var(--lush-pink-deep); --theme-button-text-initial-color: #ffffff; --theme-button-text-hover-color: #ffffff; --theme-button-border-radius: 0; --theme-border-color: var(--lush-line); --theme-form-field-border-radius: 0; } html.av-lush-root, body.av-lush { overflow-x: clip; } body.av-lush { font-family: var(--av-font-body); font-size: 15px; line-height: 1.6; color: var(--lush-text); background: #ffffff; letter-spacing: 0; } .av-lush :where(h1, h2, h3, h4, h5, h6) { font-family: var(--av-font-display); color: var(--lush-ink); letter-spacing: 0; text-transform: none; font-weight: 500; } .av-lush :where(a) { color: var(--lush-pink); } .av-lush :where(a:hover) { color: var(--lush-pink-deep); } .av-lush .wp-element-button, .av-lush .button, .av-lush button.wp-element-button, .av-lush input[type="submit"] { background: var(--lush-pink); color: #ffffff; border: 0; border-radius: 0; font-family: var(--av-font-body); font-size: 13px; font-weight: 500; letter-spacing: 0.5px; text-transform: uppercase; } .av-lush .wp-element-button:hover, .av-lush .button:hover, .av-lush input[type="submit"]:hover { background: var(--lush-pink-deep); color: #ffffff; } .lush-wrap { max-width: var(--lush-wrap); margin-left: auto; margin-right: auto; padding-left: 16px; padding-right: 16px; } .lush-btn { display: inline-block; padding: 12px 22px; background: var(--lush-pink); color: #ffffff; font-size: 13px; font-weight: 700; line-height: 1.2; text-decoration: none; transition: background 0.25s; } .lush-btn:hover { background: var(--lush-pink-deep); color: #ffffff; } .lush-btn--small { padding: 12px 20px; } .lush-btn-outline { display: inline-flex; align-items: center; gap: 12px; padding: 14px 26px; border: 2px solid var(--lush-teal); color: var(--lush-teal); font-size: 13px; font-weight: 500; text-decoration: none; transition: background 0.25s, color 0.25s; } .lush-btn-outline svg { width: 16px; height: 16px; } .lush-btn-outline:hover { background: var(--lush-teal); color: #ffffff; } .lush-topbar { background: var(--lush-pink); color: #ffffff; font-size: 15px; } .lush-topbar .lush-wrap { position: relative; display: flex; justify-content: space-between; align-items: center; min-height: 44px; gap: 10px; padding-left: 40px; } .lush-topbar ul { display: flex; align-items: center; list-style: none; margin: 0; padding: 0; } .lush-topbar li { padding: 0 14px; border-left: 1px solid rgba(255, 255, 255, 0.55); line-height: 1.3; } .lush-topbar li:first-child { border: 0; padding-left: 0; } .lush-topbar__contact li:last-child { padding-right: 0; } .lush-topbar a { color: #ffffff; text-decoration: none; } .lush-topbar a:hover { color: #ffffff; text-decoration: underline; } .lush-topbar__close { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); background: none; border: 0; padding: 2px 6px; color: #ffffff; font-size: 22px; line-height: 1; cursor: pointer; } .lush-topbar.is-hidden { display: none; } @media (max-width: 999.98px) { .lush-topbar .lush-wrap { flex-direction: column; text-align: center; padding: 28px 16px 10px; gap: 4px; } .lush-topbar ul { flex-wrap: wrap; justify-content: center; } .lush-topbar li { border: 0; padding: 3px 10px; } .lush-topbar__close { top: 8px; transform: none; } } .lush-head { position: relative; z-index: 80; background: #ffffff; border-bottom: 1px solid rgba(0, 0, 0, 0.06); } .lush-head .lush-wrap { max-width: 1340px; } .lush-head__row { position: relative; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 22px; min-height: 104px; } .lush-logo { display: grid; place-items: center; width: 92px; height: 92px; border-radius: 50%; background: #ffffff; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.04); } .lush-logo img { display: block; height: 72px; width: auto; } .lush-logo__text { font-size: 28px; letter-spacing: 6px; color: var(--lush-pink); } .lush-head__trigger, .lush-nav__close, .lush-nav__scrim, .lush-menu__more { display: none; } .lush-nav { min-width: 0; } .lush-menu { display: flex; justify-content: center; align-items: center; list-style: none; margin: 0; padding: 0; } .lush-menu > li { position: relative; padding: 0 11px; } .lush-menu > li > a { display: inline-flex; align-items: center; gap: 8px; line-height: 104px; font-size: 14px; font-weight: 500; color: #000000; text-decoration: none; text-transform: none; letter-spacing: 0; white-space: nowrap; } .lush-menu > li:hover > a, .lush-menu > li.current-menu-item > a, .lush-menu > li.current-menu-ancestor > a, .lush-menu > li.current_page_item > a { color: var(--lush-pink); } .lush-menu li.menu-item-has-children > a::after { content: ""; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid currentColor; display: inline-block; } .lush-menu__badge { display: inline-block; background: var(--lush-pink); color: #ffffff; font-size: 10px; font-weight: 500; line-height: 1; padding: 4px 7px; border-radius: 999px; margin-left: 4px; position: relative; top: -1px; } .lush-menu .sub-menu { position: absolute; top: 100%; left: 0; z-index: 60; min-width: 250px; margin: 0; padding: 12px 0; list-style: none; background: #ffffff; border-top: 2px solid var(--lush-pink); box-shadow: 0 14px 40px rgba(0, 0, 0, 0.12); opacity: 0; visibility: hidden; transform: translateY(10px); transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s; } .lush-menu li:hover > .sub-menu, .lush-menu li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: none; } .lush-menu .sub-menu li { position: relative; } .lush-menu .sub-menu a { display: block; padding: 9px 26px; font-size: 14px; color: var(--lush-text); text-decoration: none; } .lush-menu .sub-menu a:hover { color: var(--lush-pink); } .lush-menu .sub-menu .sub-menu { top: -14px; left: 100%; } .lush-menu .sub-menu li.menu-item-has-children > a::after { float: right; margin-top: 8px; transform: rotate(-90deg); } .lush-menu > li.lush-menu__mega { position: static; } .lush-mega { position: absolute; left: 0; right: 0; top: 100%; z-index: 70; display: grid; gap: 30px; padding: 36px 40px; background: #ffffff; border-top: 2px solid var(--lush-pink); box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12); opacity: 0; visibility: hidden; transform: translateY(10px); transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s; } .lush-menu > li:hover > .lush-mega, .lush-menu > li:focus-within > .lush-mega { opacity: 1; visibility: visible; transform: none; } .lush-mega--columns { grid-template-columns: 1fr 1fr 1fr 1.1fr; } .lush-mega--tiles { grid-template-columns: repeat(4, 1fr); } .lush-mega--banners { grid-template-columns: 1fr 1fr; } .av-lush .lush-mega .lush-mega__h { margin: 0 0 18px; font-size: 14px; font-weight: 500; letter-spacing: 3px; text-transform: uppercase; color: var(--lush-text); } .lush-mega ul { list-style: none; margin: 0; padding: 0; } .lush-mega li { margin: 0 0 12px; } .lush-mega li a { display: inline-flex; align-items: center; gap: 8px; padding: 0; font-size: 15px; color: var(--lush-text); text-decoration: none; } .lush-mega li a:hover { color: var(--lush-pink); } .lush-mega__badge { display: inline-block; background: var(--lush-lime); color: #000000; font-size: 10px; letter-spacing: 0.5px; padding: 3px 8px; border-radius: 999px; line-height: 1; } .lush-mega__col--featured .lush-mega__product { display: block; background: var(--lush-tile-yellow); padding: 18px 18px 22px; text-align: center; color: #000000; text-decoration: none; border-radius: 110px 110px 18px 18px; box-shadow: 10px 10px 0 var(--lush-tile-pink); } .lush-mega__col--featured img { display: block; width: 100%; height: 230px; object-fit: contain; margin-bottom: 14px; filter: drop-shadow(0 14px 14px rgba(0, 0, 0, 0.2)); } .lush-mega__pname { display: block; font-size: 13px; letter-spacing: 1px; text-transform: uppercase; } .lush-mega__price { display: block; margin-top: 6px; color: var(--lush-pink); font-weight: 700; font-size: 14px; } .lush-mega__tile { display: block; color: var(--lush-text); text-decoration: none; } .lush-mega__tile:hover { color: var(--lush-pink); } .lush-mega__pic { display: block; aspect-ratio: 3 / 2; background: var(--lush-grey); overflow: hidden; } .lush-mega__pic img { width: 100%; height: 100%; object-fit: cover; object-position: center 40%; transition: transform 0.6s ease; } .lush-mega__tile:hover .lush-mega__pic img { transform: scale(1.04); } .lush-mega__banner { position: relative; display: grid; grid-template-columns: 1fr 1.2fr; min-height: 290px; overflow: hidden; color: #000000; text-decoration: none; background: var(--lush-grey); } .lush-mega__banner--lime { background: #F4F7A9; } .lush-mega__banner--teal { background: #D5EFF2; } .lush-mega__bpic { display: block; height: 100%; min-height: 290px; } .lush-mega__bpic img { width: 100%; height: 100%; object-fit: cover; object-position: center 35%; } .lush-mega__btext { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 10px; padding: 28px 30px; } .lush-mega__btext strong { font-size: 26px; font-weight: 700; line-height: 1.15; letter-spacing: 0.5px; text-transform: uppercase; } .lush-mega__btext em { font-style: normal; font-size: 14px; letter-spacing: 1px; text-transform: uppercase; color: var(--lush-text); } .lush-mega__btext .lush-btn { margin-top: 8px; } .lush-head__actions { display: flex; align-items: center; gap: 16px; } .lush-head__icon { display: inline-flex; color: #000000; } .lush-head__icon svg { width: 22px; height: 22px; } .lush-head__icon:hover { color: var(--lush-pink); } .lush-search { position: relative; display: flex; align-items: center; } .lush-search__toggle { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; padding: 0; background: none; border: 0; color: #000000; cursor: pointer; } .lush-search__toggle svg { width: 20px; height: 20px; } .lush-search__input { position: absolute; right: 36px; top: 50%; transform: translateY(-50%); width: 0; opacity: 0; padding: 8px 0; border: 0; border-bottom: 1px solid #000000; border-radius: 0; background: #ffffff; font: inherit; font-size: 14px; color: #000000; transition: width 0.3s ease, opacity 0.3s ease; } .lush-search.is-open .lush-search__input { width: 220px; opacity: 1; padding: 8px 6px; } .lush-cart { display: inline-flex; align-items: center; gap: 8px; color: #000000; text-decoration: none; } .lush-cart:hover { color: #000000; } .lush-cart__icon { position: relative; display: inline-flex; width: 26px; height: 26px; } .lush-cart__icon svg { width: 26px; height: 26px; } .lush-cart__count { position: absolute; top: -9px; right: -10px; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 999px; background: #000000; color: #ffffff; font-size: 11px; font-weight: 600; display: inline-grid; place-items: center; line-height: 1; } .lush-cart__label { color: var(--lush-pink); font-size: 14px; } .lush-head__lang .av-lang__list { display: flex; gap: 8px; list-style: none; margin: 0; padding: 0 0 0 14px; border-left: 1px solid rgba(0, 0, 0, 0.15); } .lush-head__lang .av-lang__list li { margin: 0; } .lush-head__lang .av-lang a { font-size: 12px; letter-spacing: 1px; text-transform: uppercase; color: #777777; text-decoration: none; } .lush-head__lang .av-lang a[aria-current], .lush-head__lang .current-lang a { color: #000000; font-weight: 600; } .lush-head.is-stuck { position: fixed; top: 0; left: 0; right: 0; z-index: 90; box-shadow: 0 6px 24px rgba(0, 0, 0, 0.08); } .lush-head.is-stuck .lush-head__row { min-height: 72px; } .lush-head.is-stuck .lush-menu > li > a { line-height: 72px; } .lush-head.is-stuck .lush-logo { width: 60px; height: 60px; } .lush-head.is-stuck .lush-logo img { height: 46px; } .admin-bar .lush-head.is-stuck { top: 32px; } @media (max-width: 1399.98px) { .lush-menu > li { padding: 0 8px; } .lush-menu > li > a { font-size: 13px; } .lush-cart__label { display: none; } .lush-head__actions { gap: 12px; } .lush-head__lang .av-lang__list { padding-left: 10px; } } @media (min-width: 1000px) and (max-width: 1199.98px) { .lush-head__row { gap: 16px; } .lush-logo { width: 76px; height: 76px; } .lush-logo img { height: 58px; } .lush-mega { padding: 28px 24px; gap: 20px; } .lush-mega__col--featured img { height: 190px; } .lush-mega__banner, .lush-mega__bpic { min-height: 240px; } } @media (max-width: 999.98px) { .lush-head { border-bottom: 0; } .lush-head__row { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "logo logo" "trigger actions"; gap: 14px 0; min-height: 0; padding-top: 18px; } .lush-logo { grid-area: logo; justify-self: center; width: auto; height: auto; border-radius: 0; background: none; box-shadow: none; } .lush-logo img { height: 76px; } .lush-head__trigger { grid-area: trigger; display: flex; align-items: center; justify-content: space-between; gap: 10px; min-width: 0; height: 56px; margin: 0; padding: 0 14px; border: 0; border-radius: 0; background: var(--lush-pink); color: #ffffff; font-family: var(--av-font-body); font-size: 17px; font-weight: 700; text-transform: uppercase; cursor: pointer; overflow: hidden; } .lush-head__trigger svg { width: 26px; height: 26px; flex: 0 0 26px; } .lush-head__actions { grid-area: actions; min-height: 56px; padding: 0 6px 0 0; gap: 0; background: var(--lush-pink); } .lush-head__icon, .lush-search__toggle, .lush-cart { width: 36px; height: 40px; justify-content: center; color: #ffffff; } .lush-head__icon:hover, .lush-cart:hover, .lush-search__toggle:hover { color: #ffffff; } .lush-cart { gap: 0; } .lush-cart__label { display: none; } .lush-search { position: static; } .lush-search__input { left: 0; right: 0; top: 100%; z-index: 5; transform: none; width: auto; height: 0; padding: 0 16px; opacity: 0; border: 0; background: #ffffff; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12); transition: height 0.3s ease, opacity 0.3s ease; } .lush-search.is-open .lush-search__input { width: auto; height: 52px; padding: 0 16px; opacity: 1; border-bottom: 2px solid var(--lush-pink); } .lush-head__lang .av-lang__list { gap: 5px; margin-left: 2px; padding-left: 7px; border-left-color: rgba(255, 255, 255, 0.5); } .lush-head__lang .av-lang a { font-size: 10px; letter-spacing: 0.5px; color: rgba(255, 255, 255, 0.8); } .lush-head__lang .av-lang a[aria-current], .lush-head__lang .current-lang a { color: #ffffff; } .lush-nav { position: fixed; top: 0; bottom: 0; left: 0; z-index: 96; width: min(360px, 88vw); padding: 70px 22px 40px; background: #ffffff; overflow-y: auto; box-shadow: 0 0 60px rgba(0, 0, 0, 0.25); transform: translateX(-102%); visibility: hidden; transition: transform 0.35s ease, visibility 0.35s; } .lush-nav.is-open { transform: none; visibility: visible; } .admin-bar .lush-nav { top: 32px; } .lush-nav__close { display: grid; place-items: center; position: absolute; top: 14px; right: 14px; width: 44px; height: 44px; border: 0; border-radius: 50%; background: var(--lush-grey); color: #000000; font-size: 28px; line-height: 1; cursor: pointer; } .lush-nav__scrim { display: block; position: fixed; inset: 0; z-index: 95; border: 0; padding: 0; background: rgba(20, 24, 34, 0.5); } .lush-nav__scrim[hidden] { display: none; } html.lush-nav-open { overflow: hidden; } .lush-menu { flex-direction: column; align-items: stretch; } .lush-menu > li, .lush-menu > li.lush-menu__mega { position: relative; padding: 0; border-bottom: 1px solid var(--lush-line); } .lush-menu > li > a { display: flex; justify-content: flex-start; padding: 14px 48px 14px 0; line-height: 1.35; font-size: 16px; white-space: normal; } .lush-menu li.menu-item-has-children > a::after { display: none; } .lush-menu__more { display: grid; place-items: center; position: absolute; right: 0; top: 6px; width: 44px; height: 40px; border: 0; background: none; color: #000000; cursor: pointer; } .lush-menu__more::before { content: ""; width: 9px; height: 9px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-2px) rotate(45deg); transition: transform 0.25s; } .lush-menu > li.is-open > .lush-menu__more::before { transform: translateY(2px) rotate(-135deg); } .lush-mega, .lush-menu .sub-menu, .lush-menu .sub-menu .sub-menu { position: static; display: none; min-width: 0; margin: 0; padding: 0 0 14px; border: 0; box-shadow: none; opacity: 1; visibility: visible; transform: none; transition: none; } .lush-menu > li.is-open > .lush-mega { display: grid; } .lush-menu > li.is-open > .sub-menu { display: block; } .lush-mega--columns, .lush-mega--tiles, .lush-mega--banners { grid-template-columns: 1fr; gap: 10px; } .av-lush .lush-mega .lush-mega__h { margin: 8px 0; font-size: 12px; } .lush-mega li { margin: 0 0 8px; } .lush-mega__col--featured, .lush-mega__pic, .lush-mega__bpic, .lush-mega__btext em, .lush-mega__btext .lush-btn { display: none; } .av-lush .lush-mega__tile .lush-mega__h { margin: 0; padding: 6px 0; font-size: 15px; font-weight: 400; letter-spacing: 0; text-transform: none; } .lush-mega__banner { display: block; min-height: 0; background: none; } .lush-mega__btext { padding: 6px 0; } .lush-mega__btext strong { font-size: 15px; font-weight: 400; letter-spacing: 0; text-transform: none; } .lush-menu .sub-menu a { padding: 8px 0; } } @media (max-width: 782px) { .admin-bar .lush-nav { top: 46px; } } @media (max-width: 479.98px) { .lush-head__trigger { justify-content: center; padding: 0 12px; } .lush-head__trigger span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); } } @media (min-width: 1000px) { .av-lush.lush-over-hero .lush-topbar { position: absolute; left: 0; right: 0; top: 0; z-index: 81; } .av-lush.lush-over-hero .lush-head { position: absolute; left: 0; right: 0; top: 44px; } .av-lush.lush-over-hero .lush-topbar.is-hidden ~ .lush-head { top: 0; } .av-lush.lush-over-hero .lush-head:not(.is-stuck) { background: transparent; border-bottom-color: rgba(255, 255, 255, 0.22); } .av-lush.lush-over-hero .lush-head:not(.is-stuck) .lush-menu > li > a, .av-lush.lush-over-hero .lush-head:not(.is-stuck) .lush-head__icon, .av-lush.lush-over-hero .lush-head:not(.is-stuck) .lush-search__toggle, .av-lush.lush-over-hero .lush-head:not(.is-stuck) .lush-cart, .av-lush.lush-over-hero .lush-head:not(.is-stuck) .lush-head__lang .av-lang a { color: #ffffff; } .av-lush.lush-over-hero .lush-head:not(.is-stuck) .lush-menu > li:hover > a, .av-lush.lush-over-hero .lush-head:not(.is-stuck) .lush-menu > li.current-menu-item > a, .av-lush.lush-over-hero .lush-head:not(.is-stuck) .lush-head__icon:hover { color: var(--lush-pink-soft); } .av-lush.lush-over-hero .lush-head:not(.is-stuck) .lush-cart__label { color: var(--lush-pink-soft); } .av-lush.lush-over-hero .lush-head:not(.is-stuck) .lush-cart__count { background: #ffffff; color: #000000; } .av-lush.lush-over-hero .lush-head:not(.is-stuck) .lush-head__lang .av-lang__list { border-left-color: rgba(255, 255, 255, 0.4); } .av-lush.lush-over-hero .lush-head:not(.is-stuck) .lush-head__lang .av-lang a[aria-current], .av-lush.lush-over-hero .lush-head:not(.is-stuck) .lush-head__lang .current-lang a { color: #ffffff; } .av-lush.lush-over-hero .lush-head:not(.is-stuck) .lush-search__input { background: rgba(0, 0, 0, 0.5); color: #ffffff; border-bottom-color: #ffffff; } .admin-bar.lush-over-hero .lush-topbar { top: 32px; } .admin-bar.lush-over-hero .lush-head { top: 76px; } .admin-bar.lush-over-hero .lush-topbar.is-hidden ~ .lush-head { top: 32px; } } .av-lush.home .ct-container-full, .av-lush.home .ct-container { max-width: none; padding-left: 0; padding-right: 0; } .av-lush.home [data-vertical-spacing] { padding-top: 0 !important; padding-bottom: 0 !important; } .av-lush.home .entry-content > * { max-width: none; margin-left: auto; margin-right: auto; } .av-lush.home .entry-content > .lush-wrap { max-width: var(--lush-wrap); } .av-lush.home .entry-content > * + * { margin-top: 0; } .lush-slider { position: relative; height: clamp(640px, 100svh, 960px); overflow: hidden; background: #1a1518; } .lush-slide { position: absolute; inset: 0; opacity: 0; transition: opacity 1s ease; pointer-events: none; --veil: 58, 12, 38; } .lush-slide--blue { --veil: 10, 30, 58; } .lush-slide--yellow { --veil: 58, 40, 8; } .lush-slide.is-active { opacity: 1; pointer-events: auto; } .lush-slide__cover { position: absolute; inset: 0; display: block; overflow: hidden; } .lush-slide__cover img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: var(--fx, 50%) var(--fy, 40%); transform-origin: var(--fx, 50%) var(--fy, 40%); } .lush-slide.is-active .lush-slide__cover img { animation: lushDrift 10s ease-out forwards; } .lush-slide__veil { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(var(--veil), 0.86) 0%, rgba(var(--veil), 0.66) 26%, rgba(var(--veil), 0.2) 50%, rgba(var(--veil), 0) 66%), linear-gradient(0deg, rgba(14, 10, 14, 0.5) 0%, rgba(14, 10, 14, 0) 28%), linear-gradient(180deg, rgba(14, 10, 14, 0.45) 0%, rgba(14, 10, 14, 0) 24%); } .lush-slide__grid { position: relative; z-index: 1; height: 100%; display: grid; grid-template-columns: minmax(0, 520px) 1fr; align-items: center; gap: 40px; max-width: var(--lush-wrap); padding: 150px 16px 90px; } .lush-slide__copy { max-width: 520px; color: #ffffff; } .lush-slide__label { display: flex; align-items: center; gap: 12px; margin: 0 0 18px; font-size: 11px; letter-spacing: 4px; text-transform: uppercase; color: var(--lush-pink-soft); } .lush-slide__label::before { content: ""; width: 36px; height: 1px; background: var(--lush-pink-soft); } .av-lush .lush-slide__title { margin: 0 0 18px; font-family: var(--lush-serif); font-size: clamp(46px, 5vw, 76px); font-weight: 600; line-height: 1; letter-spacing: 0.3px; color: #ffffff; text-shadow: 0 2px 30px rgba(0, 0, 0, 0.35); } .av-lush .lush-slide--page .lush-slide__title { font-size: clamp(36px, 3.8vw, 56px); } .av-lush .lush-slide__title strong { display: inline-block; color: var(--lush-pink); font-weight: 700; line-height: 1; } .av-lush .lush-slide--pink .lush-slide__title strong { color: var(--lush-yellow); } .lush-slide__sub { margin: 0 0 26px; max-width: 440px; font-family: var(--lush-serif); font-size: 19px; font-style: italic; line-height: 1.5; color: rgba(255, 255, 255, 0.92); } .lush-slide__crumb { margin: -10px 0 22px; font-size: 13px; color: rgba(255, 255, 255, 0.8); } .lush-slide__crumb a { color: var(--lush-pink-soft); text-decoration: none; } .lush-slide__crumb span[aria-hidden] { margin: 0 8px; } .lush-slide .lush-btn-outline { border-color: #ffffff; color: #ffffff; } .lush-slide .lush-btn-outline:hover { background: #ffffff; color: #000000; } .lush-slide__product { position: relative; justify-self: end; align-self: center; display: block; width: 380px; height: 570px; color: #000000; text-decoration: none; } .lush-slide__product:hover { color: #000000; } .lush-slide__product::before { content: ""; position: absolute; left: 0; top: 0; width: 340px; height: 454px; border-radius: 28px; background: var(--lush-tile-pink); transform: rotate(7deg) translate(24px, 14px); transition: transform 0.45s ease; } .lush-slide__product::after { content: ""; position: absolute; left: 0; top: 0; width: 340px; height: 454px; border-radius: 28px; background: rgba(255, 255, 255, 0.14); backdrop-filter: blur(2px); transform: rotate(-11deg) translate(-26px, 22px); transition: transform 0.45s ease; } .lush-slide--blue .lush-slide__product::before { background: var(--lush-tile-blue); } .lush-slide--yellow .lush-slide__product::before { background: var(--lush-tile-yellow); } .lush-slide__product-card { position: absolute; left: 0; top: 0; z-index: 1; display: block; width: 340px; height: 454px; padding: 12px; border-radius: 28px; background: #ffffff; box-shadow: 0 50px 70px -28px rgba(0, 0, 0, 0.7), 0 0 0 1px rgba(255, 255, 255, 0.6), 0 0 0 7px rgba(255, 255, 255, 0.12); transform: rotate(-4deg); transition: transform 0.45s ease; overflow: hidden; } .lush-slide__product-card::after { content: ""; position: absolute; inset: 12px; border-radius: 18px; pointer-events: none; box-shadow: inset 0 0 0 1px rgba(201, 162, 77, 0.45); background: linear-gradient(135deg, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0) 38%); } .lush-slide__product-card img { width: 100%; height: 100%; object-fit: contain; border-radius: 18px; background: var(--lush-grey); transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1); } .lush-slide.is-active .lush-slide__product-card img { animation: lushFloat 6s ease-in-out 1.6s infinite; } .lush-slide__product:hover .lush-slide__product-card img { transform: scale(1.06); animation-play-state: paused; } .lush-slide__product:hover .lush-slide__product-card { transform: rotate(0) translateY(-6px); } .lush-slide__product:hover::before { transform: rotate(3deg) translate(16px, 12px); } .lush-slide__product:hover::after { transform: rotate(-7deg) translate(-18px, 16px); } .lush-slide__product-tag { position: absolute; left: -18px; top: -14px; z-index: 2; padding: 11px 18px; border-radius: 999px; background: var(--lush-pink); color: #ffffff; font-size: 10px; font-weight: 600; letter-spacing: 3px; text-transform: uppercase; box-shadow: 0 14px 30px -12px rgba(0, 0, 0, 0.5); } .lush-slide__product-cap { position: absolute; left: 18px; right: -10px; bottom: 0; z-index: 2; display: flex; flex-direction: column; gap: 5px; padding: 14px 18px; border-radius: 18px; background: rgba(255, 255, 255, 0.97); box-shadow: 0 24px 44px -20px rgba(0, 0, 0, 0.5); } .lush-slide__product-cap strong { font-size: 14px; font-weight: 600; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .lush-slide__product-cap > span { font-size: 12px; font-weight: 700; color: var(--lush-pink); } .lush-slide__product-cap em { align-self: flex-start; margin-top: 2px; font-style: normal; font-size: 10px; letter-spacing: 2.5px; text-transform: uppercase; color: #000000; border-bottom: 1px solid var(--lush-pink); padding-bottom: 2px; } .lush-slide__copy > * { opacity: 0; transform: translateY(18px); } .lush-slide.is-active .lush-slide__copy > * { animation: lushIn 0.7s ease forwards; } .lush-slide.is-active .lush-slide__copy > :nth-child(1) { animation-delay: 0.2s; } .lush-slide.is-active .lush-slide__copy > :nth-child(2) { animation-delay: 0.35s; } .lush-slide.is-active .lush-slide__copy > :nth-child(3) { animation-delay: 0.5s; } .lush-slide.is-active .lush-slide__copy > :nth-child(4) { animation-delay: 0.6s; } .lush-slide.is-active .lush-slide__copy > :nth-child(5) { animation-delay: 0.7s; } .lush-slide__product::before, .lush-slide__product::after, .lush-slide__product-card, .lush-slide__product-tag, .lush-slide__product-cap { opacity: 0; } .lush-slide.is-active .lush-slide__product::before { animation: lushFade 0.8s ease 0.7s forwards; } .lush-slide.is-active .lush-slide__product::after { animation: lushFade 0.8s ease 0.85s forwards; } .lush-slide.is-active .lush-slide__product-card { animation: lushCard 0.9s cubic-bezier(0.2, 0.8, 0.2, 1) 0.6s forwards; } .lush-slide.is-active .lush-slide__product-tag { animation: lushRise 0.7s ease 1s forwards; } .lush-slide.is-active .lush-slide__product-cap { animation: lushRise 0.8s ease 1.1s forwards; } @keyframes lushDrift { from { transform: scale(1.03); } to { transform: scale(1); } } @keyframes lushIn { to { opacity: 1; transform: none; } } @keyframes lushFade { to { opacity: 1; } } @keyframes lushCard { from { opacity: 0; transform: translateY(30px) rotate(-10deg); } to { opacity: 1; transform: rotate(-4deg); } } @keyframes lushRise { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: none; } } @keyframes lushFloat { 0%, 100% { transform: translateY(0) scale(1); } 50% { transform: translateY(-8px) scale(1.025); } } .lush-slider__dots { position: absolute; left: calc(50% - var(--lush-wrap) / 2 + 16px); bottom: 40px; z-index: 5; display: flex; gap: 8px; } .av-lush .lush-slider__dots button { width: 34px; height: 3px; padding: 0; border: 0 !important; border-radius: 2px !important; background: rgba(255, 255, 255, 0.4) !important; cursor: pointer; transition: width 0.3s, background 0.3s; } .av-lush .lush-slider__dots button.is-active { width: 56px; background: #ffffff !important; } @media (max-width: 1199.98px) { .lush-slide__grid { grid-template-columns: minmax(0, 420px) 1fr; } .lush-slide__copy { max-width: 420px; } .lush-slide__product { width: 320px; height: 490px; } .lush-slide__product::before, .lush-slide__product::after, .lush-slide__product-card { width: 290px; height: 388px; } .lush-slider__dots { left: 16px; } } @media (max-width: 999.98px) { .lush-slider { height: auto; min-height: 0; } .lush-slide { position: relative; inset: auto; display: none; } .lush-slide.is-active { display: block; animation: lushFade 0.8s ease; } .lush-slide__cover { position: relative; inset: auto; aspect-ratio: 16 / 9; } .lush-slide__veil { inset: auto 0 0 0; height: 160px; background: linear-gradient(180deg, rgba(var(--veil), 0) 0%, rgba(var(--veil), 0.92) 100%); } .lush-slide__grid { height: auto; grid-template-columns: 1fr; align-items: start; gap: 18px; margin-top: -40px; padding: 0 16px 48px; background: linear-gradient(180deg, rgba(var(--veil), 0.92) 0%, rgb(var(--veil)) 100%); border-radius: 40px 40px 0 0; max-width: none; } .lush-slide__copy { max-width: none; padding-top: 28px; } .av-lush .lush-slide__title { font-size: clamp(34px, 8.6vw, 46px); margin-bottom: 12px; } .av-lush .lush-slide--page .lush-slide__title { font-size: clamp(28px, 7.4vw, 40px); } .lush-slide__sub { font-size: 15px; margin-bottom: 18px; max-width: none; } .lush-slide__product { justify-self: stretch; align-self: start; width: auto; height: auto; display: grid; grid-template-columns: 110px 1fr; column-gap: 14px; align-items: center; padding: 10px 14px 10px 10px; border-radius: 20px; background: rgba(255, 255, 255, 0.97); box-shadow: 0 24px 44px -24px rgba(0, 0, 0, 0.6); } .lush-slide__product::before, .lush-slide__product::after, .lush-slide__product-card::after { display: none; } .lush-slide__product-card { position: static; grid-row: 1 / 3; width: 110px; height: 146px; padding: 6px; border-radius: 14px; background: var(--lush-grey); box-shadow: none; transform: none; } .lush-slide__product-card img { border-radius: 10px; } .lush-slide__product-tag { position: static; justify-self: start; padding: 6px 10px; font-size: 9px; letter-spacing: 2px; box-shadow: none; } .lush-slide__product-cap { position: static; padding: 6px 0 0; gap: 3px; border-radius: 0; background: none; box-shadow: none; } .lush-slide__product-cap strong { font-size: 13px; } .lush-slide__product-cap em { display: none; } .lush-slide.is-active .lush-slide__product-card { animation: lushRise 0.7s ease 0.5s forwards; } .lush-slider__dots { left: 16px; bottom: 18px; } } @media (max-width: 599.98px) { .lush-slide__cover { aspect-ratio: 10 / 11; } .lush-slide__cover img { object-position: var(--mx, 50%) var(--my, 45%); transform-origin: var(--mx, 50%) var(--my, 45%); } } @media (prefers-reduced-motion: reduce) { .lush-slide__copy > *, .lush-slide__product::before, .lush-slide__product::after, .lush-slide__product-card, .lush-slide__product-card img, .lush-slide__product-tag, .lush-slide__product-cap { opacity: 1; transform: none; animation: none !important; } .lush-slide.is-active .lush-slide__cover img { animation: none; } .lush-slide__product-card { transform: rotate(-4deg); } } .lush-tiles { display: grid; grid-template-columns: repeat(6, 1fr); grid-template-rows: 323px 324px; gap: 30px; margin-top: 30px; } .lush-tile { position: relative; display: block; overflow: hidden; color: #000000; text-decoration: none; background: var(--lush-grey); } .lush-tile:hover { color: #000000; } .lush-tile--tall { grid-column: 1 / 3; grid-row: 1 / 3; } .lush-tile:nth-child(2) { grid-column: 3 / 5; } .lush-tile:nth-child(3) { grid-column: 5 / 7; } .lush-tile:nth-child(4) { grid-column: 3 / 6; } .lush-tile:nth-child(5) { grid-column: 6 / 7; } .lush-tile--pink { background: var(--lush-tile-pink); } .lush-tile--blue { background: var(--lush-tile-blue); } .lush-tile--yellow { background: var(--lush-tile-yellow); } .lush-tile--lilac { background: var(--lush-tile-lilac); } .lush-tile__media { position: absolute; inset: 0; } .lush-tile__media img { position: absolute; left: 5%; top: 50%; height: 80%; width: auto; max-width: 48%; object-fit: contain; transform: translateY(-50%); transition: transform 0.6s ease; } .lush-tile:hover .lush-tile__media img { transform: translateY(-50%) scale(1.04); } .lush-tile--photo .lush-tile__media img { left: 0; top: 0; height: 100%; width: 100%; max-width: none; object-fit: cover; object-position: center top; transform: none; } .lush-tile--photo:hover .lush-tile__media img { transform: scale(1.03); } .lush-tile--lilac .lush-tile__media img { left: 50%; top: 6%; height: 40%; max-width: 80%; transform: translateX(-50%); } .lush-tile--lilac:hover .lush-tile__media img { transform: translateX(-50%) scale(1.04); } .lush-tile__copy { position: absolute; right: 7%; top: 50%; transform: translateY(-50%); max-width: 46%; display: flex; flex-direction: column; align-items: flex-start; gap: 12px; } .lush-tile--tall .lush-tile__copy { left: 7%; right: auto; top: 36px; transform: none; max-width: 70%; } .lush-tile--lilac .lush-tile__copy { left: 50%; right: auto; top: auto; bottom: 18px; transform: translateX(-50%); max-width: 90%; align-items: center; text-align: center; gap: 8px; } .lush-tile--lilac .lush-tile__title { font-size: 22px; } .lush-tile__label { font-size: 12px; letter-spacing: 2px; text-transform: uppercase; color: #555555; } .lush-tile__title { font-size: 26px; font-weight: 700; line-height: 1.15; color: #000000; } @media (max-width: 999.98px) { .lush-tiles { grid-template-columns: 1fr; grid-template-rows: none; gap: 20px; } .lush-tile, .lush-tile--tall, .lush-tile:nth-child(2), .lush-tile:nth-child(3), .lush-tile:nth-child(4), .lush-tile:nth-child(5) { grid-column: auto; grid-row: auto; min-height: 330px; } .lush-tile--tall { min-height: 520px; } .lush-tile__media img { max-width: 40%; } .lush-tile__copy { max-width: 46%; } .lush-tile--lilac .lush-tile__media img { height: 38%; max-width: 70%; } } @media (min-width: 1000px) and (max-width: 1199.98px) { .lush-tiles { grid-template-rows: 270px 272px; gap: 20px; } .lush-tile__title { font-size: 22px; } } .lush-title { text-align: center; margin: 96px 0 44px; } .lush-title__kicker { margin: 0; font-size: 14px; letter-spacing: 1px; color: #000000; } .lush-title__kicker::after, .lush-title__text::after { content: ""; display: block; width: 110px; height: 3px; background: #000000; margin: 14px auto 0; } .lush-title__text { margin: 16px 0 0; font-size: 37px; font-weight: 400; letter-spacing: 0.5px; text-transform: uppercase; line-height: 1.15; } .lush-filter { display: flex; justify-content: center; flex-wrap: wrap; gap: 6px; margin: 0 0 48px; } .av-lush .lush-filter button { background: none !important; border: 0 !important; border-bottom: 2px solid transparent !important; border-radius: 0 !important; padding: 10px 18px; font-family: var(--av-font-body); font-size: 14px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; color: #888888 !important; cursor: pointer; } .av-lush .lush-filter button.is-active { color: var(--lush-pink) !important; border-bottom-color: var(--lush-pink) !important; } .lush-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 60px 36px; } .lush-card { position: relative; } .lush-card[hidden] { display: none; } .lush-card__media { display: block; background: var(--lush-grey); aspect-ratio: 1 / 1; overflow: hidden; } .lush-card__media img { width: 100%; height: 100%; object-fit: contain; padding: 8%; transition: transform 0.6s ease; } .lush-card:hover .lush-card__media img { transform: scale(1.05); } .lush-badge { position: absolute; top: 12px; right: 12px; background: var(--lush-lime); color: #000000; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; padding: 4px 12px; line-height: 1.4; } .lush-card__title { margin: 22px 0 8px; font-size: 14px; font-weight: 400; letter-spacing: 3px; text-transform: uppercase; line-height: 1.5; } .lush-card__title a { color: #000000; text-decoration: none; } .lush-card__title a:hover { color: var(--lush-pink); } .lush-card__price { display: block; color: var(--lush-pink); font-weight: 700; font-size: 14px; } .lush-card a.lush-card__add { display: inline-block; margin-top: 12px; padding: 10px 18px; background: var(--lush-pink); color: #ffffff; font-size: 12px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; line-height: 1.2; text-decoration: none; transition: background 0.25s; } .lush-card a.lush-card__add:hover { background: var(--lush-pink-deep); color: #ffffff; } .lush-card a.lush-card__add--options { background: #ffffff; color: var(--lush-pink); box-shadow: inset 0 0 0 2px var(--lush-pink); } .lush-card a.lush-card__add--options:hover { background: var(--lush-pink); color: #ffffff; } .lush-card a.lush-card__add.loading { opacity: 0.6; } .lush-card a.added_to_cart { display: block; margin-top: 8px; font-size: 12px; color: var(--lush-text); text-decoration: underline; } .lush-best .lush-card__media { border-radius: 120px 120px 20px 20px; box-shadow: 12px 12px 0 var(--lush-tile-pink), 0 26px 40px -18px rgba(0, 0, 0, 0.28); transition: transform 0.4s ease, box-shadow 0.4s ease; } .lush-best .lush-card:nth-child(4n+2) .lush-card__media { box-shadow: 12px 12px 0 var(--lush-tile-blue), 0 26px 40px -18px rgba(0, 0, 0, 0.28); } .lush-best .lush-card:nth-child(4n+3) .lush-card__media { box-shadow: 12px 12px 0 var(--lush-tile-yellow), 0 26px 40px -18px rgba(0, 0, 0, 0.28); } .lush-best .lush-card:nth-child(4n+4) .lush-card__media { box-shadow: 12px 12px 0 var(--lush-tile-lilac), 0 26px 40px -18px rgba(0, 0, 0, 0.28); } .lush-best .lush-card__media img { padding: 12% 12% 8%; filter: drop-shadow(0 16px 16px rgba(0, 0, 0, 0.22)); } .lush-best .lush-card:hover .lush-card__media { transform: translateY(-6px); box-shadow: 16px 16px 0 var(--lush-tile-pink), 0 34px 46px -18px rgba(0, 0, 0, 0.32); } .lush-best .lush-card:nth-child(4n+2):hover .lush-card__media { box-shadow: 16px 16px 0 var(--lush-tile-blue), 0 34px 46px -18px rgba(0, 0, 0, 0.32); } .lush-best .lush-card:nth-child(4n+3):hover .lush-card__media { box-shadow: 16px 16px 0 var(--lush-tile-yellow), 0 34px 46px -18px rgba(0, 0, 0, 0.32); } .lush-best .lush-card:nth-child(4n+4):hover .lush-card__media { box-shadow: 16px 16px 0 var(--lush-tile-lilac), 0 34px 46px -18px rgba(0, 0, 0, 0.32); } .lush-best .lush-card:hover .lush-card__media img { transform: none; } .lush-best .lush-badge { border-radius: 999px; top: 14px; right: 18px; } .lush-best .lush-card__title { margin-top: 30px; } @media (max-width: 999.98px) { .lush-title { margin: 64px 0 32px; } .lush-title__text { font-size: 28px; } .lush-grid { grid-template-columns: repeat(2, 1fr); gap: 44px 24px; } .lush-card__title { letter-spacing: 1.5px; font-size: 13px; } .lush-best .lush-card__media { border-radius: 80px 80px 14px 14px; box-shadow: 8px 8px 0 var(--lush-tile-pink), 0 20px 30px -16px rgba(0, 0, 0, 0.25); } } @media (min-width: 1000px) and (max-width: 1199.98px) { .lush-grid { grid-template-columns: repeat(4, 1fr); } } .lush-classic { position: relative; margin-top: 96px; padding: 110px 0 100px; overflow: hidden; background: radial-gradient(circle at 78% 55%, #FFD6DF 0, rgba(255, 214, 223, 0) 34%), linear-gradient(135deg, #FFFBF8 0%, #FBE9EC 60%, #FFF6D6 100%); border-radius: 50% 50% 0 0 / 90px 90px 0 0; } .lush-classic::after { content: ""; position: absolute; left: 50%; bottom: -1px; width: 100vw; height: 60px; transform: translateX(-50%); background: #ffffff; border-radius: 50% 50% 0 0 / 60px 60px 0 0; } .lush-classic__word { position: absolute; left: -1vw; bottom: 30px; font-family: var(--lush-serif); font-size: clamp(120px, 18vw, 280px); line-height: 0.8; font-weight: 600; letter-spacing: 4px; text-transform: uppercase; color: rgba(255, 255, 255, 0.55); white-space: nowrap; pointer-events: none; } .lush-classic__inner { position: relative; display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 40px; } .lush-classic__copy { max-width: 480px; } .lush-classic__kicker { margin: 0 0 14px; font-size: 13px; letter-spacing: 6px; text-transform: uppercase; color: var(--lush-pink); } .av-lush .lush-classic__title { margin: 0 0 18px; font-family: var(--lush-serif); font-size: clamp(40px, 4.6vw, 64px); font-weight: 600; line-height: 1.02; letter-spacing: 0.5px; color: #000000; } .lush-classic__p { margin: 0 0 30px; font-size: 16px; line-height: 1.7; color: var(--lush-text); } .lush-classic__art { position: relative; height: 520px; display: grid; place-items: center; } .lush-classic__disc { position: absolute; width: 440px; height: 440px; border-radius: 50%; background: linear-gradient(160deg, #FFC4D2 0%, #F9A0B6 100%); box-shadow: inset 0 -30px 60px rgba(255, 255, 255, 0.35), 0 40px 80px -30px rgba(249, 110, 137, 0.5); } .lush-classic__ring { position: absolute; border-radius: 50%; border: 1.5px solid rgba(249, 110, 137, 0.45); } .lush-classic__ring--1 { width: 520px; height: 520px; transform: translate(26px, -10px); } .lush-classic__ring--2 { width: 600px; height: 600px; border-color: rgba(239, 196, 0, 0.55); transform: translate(-30px, 14px); } .lush-classic__art img { position: relative; width: min(560px, 100%); height: auto; filter: drop-shadow(0 36px 34px rgba(0, 0, 0, 0.25)); animation: lushFloat 7s ease-in-out infinite; } @keyframes lushFloat { 0%, 100% { transform: translateY(0) rotate(-2deg); } 50% { transform: translateY(-16px) rotate(1deg); } } @media (max-width: 999.98px) { .lush-classic { margin-top: 64px; padding: 70px 0 60px; border-radius: 50% 50% 0 0 / 40px 40px 0 0; } .lush-classic::after { height: 30px; border-radius: 50% 50% 0 0 / 30px 30px 0 0; } .lush-classic__inner { grid-template-columns: 1fr; gap: 20px; } .lush-classic__art { order: -1; height: 330px; } .lush-classic__disc { width: 280px; height: 280px; } .lush-classic__ring--1 { width: 330px; height: 330px; } .lush-classic__ring--2 { width: 380px; height: 380px; } .lush-classic__art img { width: min(360px, 90%); } .lush-classic__word { font-size: 100px; bottom: 10px; } .lush-classic__copy { text-align: center; max-width: none; } .av-lush .lush-classic__title { font-size: 36px; } } .lush-picked { display: grid; grid-template-columns: 357px 1fr; gap: 20px; align-items: stretch; margin-top: 96px; } .lush-picked__box { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 64px 32px 230px; text-align: center; background: var(--lush-pink-soft); border-radius: 22px; overflow: hidden; } .lush-picked__box::after { content: ""; position: absolute; left: 50%; bottom: 18px; width: 54%; aspect-ratio: 717 / 688; background: url("../img/hero/home/01-pump-maroon-900.webp") center / contain no-repeat; transform: translateX(-50%); pointer-events: none; filter: drop-shadow(0 14px 16px rgba(0, 0, 0, 0.2)); } .lush-picked__box > * { position: relative; z-index: 1; } .lush-picked__heart { color: #E34A6E; display: block; margin-bottom: 8px; } .lush-picked__heart svg { width: 92px; height: 92px; } .lush-picked__kicker, .lush-picked__sub { margin: 0; font-size: 15px; color: #000000; } .lush-picked__title { margin: 4px 0; font-size: 30px; font-weight: 400; line-height: 1.2; } .lush-picked__box .lush-btn { margin-top: 18px; } .lush-list { position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: center; } .lush-list__track { display: flex; transition: transform 0.5s ease; } .lush-list__page { flex: 0 0 100%; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; list-style: none; margin: 0; padding: 0; } .lush-list__item { display: flex; align-items: center; gap: 16px; min-width: 0; border: 1px solid var(--lush-line); border-radius: 22px; background: #ffffff; overflow: hidden; box-shadow: 0 14px 30px -16px rgba(0, 0, 0, 0.25); } .lush-list__thumb { flex: 0 0 124px; width: 124px; height: 156px; align-self: center; margin: 14px 4px 14px 14px; border-radius: 62px 62px 14px 14px; background: var(--lush-grey); box-shadow: 7px 7px 0 var(--lush-tile-pink); overflow: hidden; display: grid; place-items: center; } .lush-list__page li:nth-child(3n+2) .lush-list__thumb { box-shadow: 7px 7px 0 var(--lush-tile-blue); } .lush-list__page li:nth-child(3n+3) .lush-list__thumb { box-shadow: 7px 7px 0 var(--lush-tile-yellow); } .lush-list__thumb img { width: 124px; height: 156px; object-fit: contain; padding: 14px 10px 8px; filter: drop-shadow(0 8px 8px rgba(0, 0, 0, 0.18)); } .lush-list__body { flex: 1; min-width: 0; padding: 16px 18px 16px 10px; } .av-lush .lush-list__body .lush-list__title { margin: 0 0 4px; font-size: 15px; font-weight: 400; letter-spacing: 0.3px; text-transform: none; line-height: 1.35; } .lush-list__body .lush-list__title a { color: #000000; text-decoration: none; } .lush-list__cat { margin: 0 0 10px; font-size: 12px; color: #555555; } .lush-list__cat a { color: var(--lush-pink); text-decoration: none; } .lush-list__foot { display: flex; justify-content: space-between; align-items: center; gap: 8px; } .lush-list__price { color: var(--lush-pink); font-size: 13px; font-weight: 500; white-space: nowrap; } .lush-list__go { color: #000000; display: inline-flex; } .lush-list__go svg { width: 20px; height: 20px; } .lush-list__nav { display: flex; justify-content: center; gap: 8px; margin-top: 30px; } .av-lush .lush-list__nav button { width: 38px; height: 38px; border: 0; border-radius: 0 !important; background: var(--lush-pink); color: #ffffff; display: inline-grid; place-items: center; cursor: pointer; } .lush-list__nav button svg { width: 20px; height: 20px; } .av-lush .lush-list__nav button:hover { background: var(--lush-pink-deep); } .lush-list.is-single .lush-list__nav { display: none; } @media (max-width: 999.98px) { .lush-picked { grid-template-columns: 1fr; margin-top: 64px; } .lush-picked__box { padding-bottom: 210px; } .lush-list__page { grid-template-columns: 1fr; gap: 16px; } } @media (min-width: 1000px) and (max-width: 1199.98px) { .lush-picked { grid-template-columns: 300px 1fr; } } .lush-life { position: relative; margin-top: 60px; padding: 84px 0 0; overflow: hidden; color: #F6EFE9; background: radial-gradient(900px 600px at 78% 40%, #3A1A2A 0%, rgba(58, 26, 42, 0) 70%), linear-gradient(135deg, #15101A 0%, #1C1218 50%, #120E12 100%); } .lush-life__glow { position: absolute; border-radius: 50%; pointer-events: none; filter: blur(60px); opacity: 0.55; } .lush-life__glow--1 { left: -120px; top: -80px; width: 420px; height: 420px; background: rgba(249, 110, 137, 0.45); animation: lushGlow 12s ease-in-out infinite alternate; } .lush-life__glow--2 { right: -80px; bottom: -120px; width: 380px; height: 380px; background: rgba(239, 196, 0, 0.22); animation: lushGlow 15s ease-in-out 2s infinite alternate-reverse; } .lush-life__word { position: absolute; left: -1vw; bottom: 54px; font-family: var(--lush-serif); font-size: clamp(110px, 16vw, 240px); line-height: 0.8; font-weight: 600; letter-spacing: 4px; text-transform: uppercase; color: rgba(255, 255, 255, 0.035); white-space: nowrap; pointer-events: none; } .lush-life__inner { position: relative; display: grid; grid-template-columns: 1fr 520px; align-items: center; gap: 56px; padding-bottom: 84px; } .lush-life__copy { max-width: 520px; } .lush-life__kicker { display: flex; align-items: center; gap: 12px; margin: 0 0 18px; font-size: 12px; font-weight: 600; letter-spacing: 3px; text-transform: uppercase; color: var(--lush-pink); } .lush-life__kicker::before { content: ""; width: 36px; height: 1px; background: var(--lush-pink); } .av-lush .lush-life__title { margin: 0 0 18px; font-family: var(--lush-serif); font-size: clamp(40px, 4.6vw, 66px); font-weight: 600; line-height: 1.02; color: #F6EFE9; } .av-lush .lush-life__title em { font-style: italic; font-weight: 500; color: var(--lush-pink-soft); background: linear-gradient(90deg, #FFBFD0, #F96E89, #FFBFD0); background-size: 200% 100%; -webkit-background-clip: text; background-clip: text; color: transparent; animation: lushSheen 6s linear infinite; } .lush-life__sub { margin: 0 0 22px; max-width: 460px; font-size: 16px; line-height: 1.75; color: rgba(246, 239, 233, 0.78); } .lush-life__chips { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 0 0 22px; padding: 0; } .lush-life__chips li { margin: 0; padding: 7px 14px; border: 1px solid rgba(246, 239, 233, 0.28); border-radius: 999px; background: rgba(255, 255, 255, 0.04); font-size: 12px; letter-spacing: 1px; text-transform: uppercase; color: #F6EFE9; } .lush-life__price { margin: 0 0 26px; font-size: 18px; color: rgba(246, 239, 233, 0.78); } .lush-life__price a { color: var(--lush-pink); font-weight: 700; text-decoration: none; } .lush-life .lush-btn { box-shadow: 0 18px 40px -16px rgba(249, 110, 137, 0.7); } .lush-life__art { position: relative; height: 560px; display: grid; place-items: center; } .lush-life__orbit { position: absolute; width: 500px; height: 500px; border-radius: 50%; border: 1px dashed rgba(255, 191, 208, 0.5); animation: lushSpin 48s linear infinite; } .lush-life__orbit::before { content: ""; position: absolute; left: 50%; top: -7px; width: 14px; height: 14px; margin-left: -7px; border-radius: 50%; background: var(--lush-pink); box-shadow: 0 0 0 6px rgba(249, 110, 137, 0.2), 0 0 24px rgba(249, 110, 137, 0.8); } .lush-life__orbit::after { content: ""; position: absolute; left: 50%; bottom: -5px; width: 10px; height: 10px; margin-left: -5px; border-radius: 50%; background: var(--lush-yellow); box-shadow: 0 0 18px rgba(239, 196, 0, 0.8); } .lush-life__plate { position: absolute; width: 340px; height: 460px; border-radius: 170px 170px 26px 26px; background: linear-gradient(180deg, rgba(249, 110, 137, 0.35), rgba(249, 110, 137, 0.08)); transform: translate(26px, 26px); } .lush-life__frame { position: relative; width: 340px; height: 460px; margin: 0; border-radius: 170px 170px 26px 26px; overflow: hidden; box-shadow: 0 50px 80px -30px rgba(0, 0, 0, 0.8), 0 0 0 1px rgba(255, 255, 255, 0.12); } .lush-life__frame img { width: 100%; height: 100%; object-fit: cover; object-position: center 20%; animation: lushKen 18s ease-in-out infinite alternate; } .lush-life__detail { position: absolute; left: 4px; top: 54px; width: 150px; height: 150px; margin: 0; border-radius: 50%; overflow: hidden; box-shadow: 0 30px 50px -20px rgba(0, 0, 0, 0.8), 0 0 0 5px rgba(246, 239, 233, 0.9); animation: lushBob 8s ease-in-out infinite; } .lush-life__detail img { width: 100%; height: 100%; object-fit: cover; } .lush-life__detail figcaption { position: absolute; left: 0; right: 0; bottom: 0; padding: 22px 10px 12px; font-size: 10px; letter-spacing: 1.5px; text-transform: uppercase; text-align: center; color: #ffffff; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); } .lush-life__mini { position: absolute; right: -6px; bottom: 36px; display: grid; grid-template-columns: 70px 1fr; gap: 12px; align-items: center; width: 240px; padding: 10px 14px 10px 10px; border-radius: 20px; background: #ffffff; box-shadow: 0 30px 50px -18px rgba(0, 0, 0, 0.7); color: #000000; text-decoration: none; animation: lushBob 9s ease-in-out 1.5s infinite; } .lush-life__mini img { width: 70px; height: 90px; object-fit: cover; border-radius: 35px 35px 10px 10px; box-shadow: 5px 5px 0 var(--lush-tile-pink); } .lush-life__mini span { display: flex; flex-direction: column; gap: 4px; font-size: 12px; line-height: 1.35; color: var(--lush-text); } .lush-life__mini b { color: var(--lush-pink); font-size: 12px; } .lush-life__badge { position: absolute; right: 14px; top: 10px; width: 120px; height: 120px; display: grid; place-items: center; animation: lushSpin 22s linear infinite; } .lush-life__badge svg { position: absolute; inset: 0; width: 100%; height: 100%; } .lush-life__badge text { font-family: var(--av-font-body); font-size: 11px; font-weight: 600; letter-spacing: 2.2px; text-transform: uppercase; fill: #F6EFE9; } .lush-life__badge i { position: relative; display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; background: var(--lush-pink); color: #ffffff; box-shadow: 0 0 30px rgba(249, 110, 137, 0.6); animation: lushSpinBack 22s linear infinite; } .lush-life__badge i svg { width: 22px; height: 22px; } .lush-life__spark { position: absolute; width: 6px; height: 6px; border-radius: 50%; background: var(--lush-pink-soft); box-shadow: 0 0 12px rgba(255, 191, 208, 0.9); opacity: 0; animation: lushSpark 9s linear infinite; } .lush-life__spark--1 { left: 14%; bottom: 20%; } .lush-life__spark--2 { left: 72%; bottom: 10%; width: 4px; height: 4px; animation-delay: 3s; animation-duration: 11s; } .lush-life__spark--3 { left: 46%; bottom: 4%; width: 5px; height: 5px; animation-delay: 6s; animation-duration: 10s; background: var(--lush-yellow); box-shadow: 0 0 12px rgba(239, 196, 0, 0.9); } .lush-life__flow { position: relative; display: flex; overflow: hidden; white-space: nowrap; border-top: 1px solid rgba(246, 239, 233, 0.14); padding: 16px 0; font-family: var(--lush-serif); font-size: 22px; font-style: italic; letter-spacing: 1px; color: rgba(246, 239, 233, 0.6); } .lush-life__flow span { flex: 0 0 auto; padding-right: 12px; animation: lushMarquee 40s linear infinite; } @keyframes lushSpin { to { transform: rotate(360deg); } } @keyframes lushSpinBack { to { transform: rotate(-360deg); } } @keyframes lushKen { from { transform: scale(1); } to { transform: scale(1.08); } } @keyframes lushBob { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-12px); } } @keyframes lushGlow { from { transform: scale(1) translate(0, 0); opacity: 0.45; } to { transform: scale(1.25) translate(30px, 20px); opacity: 0.7; } } @keyframes lushSheen { to { background-position: 200% 0; } } @keyframes lushSpark { 0% { opacity: 0; transform: translateY(40px) scale(0.6); } 15% { opacity: 1; } 80% { opacity: 0.9; } 100% { opacity: 0; transform: translateY(-140px) scale(1.2); } } @keyframes lushMarquee { to { transform: translateX(-100%); } } .lush-life .lush-life__copy > * { opacity: 0; transform: translateY(20px); transition: opacity 0.7s ease, transform 0.7s ease; } .lush-life.is-in .lush-life__copy > * { opacity: 1; transform: none; } .lush-life.is-in .lush-life__copy > :nth-child(2) { transition-delay: 0.1s; } .lush-life.is-in .lush-life__copy > :nth-child(3) { transition-delay: 0.2s; } .lush-life.is-in .lush-life__copy > :nth-child(4) { transition-delay: 0.3s; } .lush-life.is-in .lush-life__copy > :nth-child(5) { transition-delay: 0.4s; } .lush-life.is-in .lush-life__copy > :nth-child(6) { transition-delay: 0.5s; } .lush-life .lush-life__plate, .lush-life .lush-life__frame, .lush-life .lush-life__detail, .lush-life .lush-life__mini, .lush-life .lush-life__badge, .lush-life .lush-life__orbit { opacity: 0; transition: opacity 0.9s ease; } .lush-life.is-in .lush-life__plate, .lush-life.is-in .lush-life__frame, .lush-life.is-in .lush-life__detail, .lush-life.is-in .lush-life__mini, .lush-life.is-in .lush-life__badge, .lush-life.is-in .lush-life__orbit { opacity: 1; } .lush-life.is-in .lush-life__detail { transition-delay: 0.4s; } .lush-life.is-in .lush-life__mini { transition-delay: 0.6s; } .lush-life.is-in .lush-life__badge { transition-delay: 0.8s; } .lush-life.is-in .lush-life__orbit { transition-delay: 0.3s; } @media (max-width: 999.98px) { .lush-life { margin-top: 40px; padding-top: 44px; } .lush-life__inner { grid-template-columns: 1fr; gap: 28px; padding-bottom: 52px; } .lush-life__art { order: -1; height: 470px; } .lush-life__orbit { width: 360px; height: 360px; } .lush-life__plate, .lush-life__frame { width: 250px; height: 340px; border-radius: 125px 125px 22px 22px; } .lush-life__detail { left: 2%; top: 30px; width: 110px; height: 110px; } .lush-life__detail figcaption { font-size: 8px; padding: 16px 6px 8px; } .lush-life__mini { right: 2%; bottom: 8px; width: 210px; } .lush-life__badge { right: 2%; top: 0; width: 96px; height: 96px; } .lush-life__badge text { font-size: 12px; letter-spacing: 1.8px; } .lush-life__copy { text-align: center; max-width: none; } .lush-life__kicker, .lush-life__chips { justify-content: center; } .lush-life__kicker::before { display: none; } .lush-life__sub { margin-left: auto; margin-right: auto; } .lush-life__word { font-size: 90px; bottom: 70px; } .lush-life__flow { font-size: 17px; padding: 12px 0; } } @media (prefers-reduced-motion: reduce) { .lush-life__glow, .lush-life__orbit, .lush-life__frame img, .lush-life__detail, .lush-life__mini, .lush-life__badge, .lush-life__badge i, .lush-life__spark, .lush-life__flow span, .av-lush .lush-life__title em { animation: none; } } .lush-deal { position: relative; display: block; margin-top: 96px; padding: 100px 0 90px; overflow: hidden; color: var(--lush-text); background: radial-gradient(circle at 24% 55%, #E6D2F2 0, rgba(230, 210, 242, 0) 36%), linear-gradient(135deg, #FBF7FF 0%, #EFE3F7 60%, #FFF0F4 100%); border-radius: 50% 50% 0 0 / 90px 90px 0 0; } .lush-deal::after { content: ""; position: absolute; left: 50%; bottom: -1px; width: 100vw; height: 60px; transform: translateX(-50%); background: #ffffff; border-radius: 50% 50% 0 0 / 60px 60px 0 0; } .lush-deal__word { position: absolute; right: -1vw; bottom: 30px; font-family: var(--lush-serif); font-size: clamp(120px, 18vw, 280px); line-height: 0.8; font-weight: 600; letter-spacing: 4px; text-transform: uppercase; color: rgba(255, 255, 255, 0.6); white-space: nowrap; pointer-events: none; } .lush-deal__inner { position: relative; display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 40px; } .lush-deal__art { position: relative; height: 560px; display: grid; place-items: center; } .lush-deal__disc { position: absolute; width: 440px; height: 440px; border-radius: 50%; background: linear-gradient(160deg, #E4C8F2 0%, #C9A3DE 100%); box-shadow: inset 0 -30px 60px rgba(255, 255, 255, 0.35), 0 40px 80px -30px rgba(120, 70, 150, 0.45); } .lush-deal__ring { position: absolute; border-radius: 50%; border: 1.5px solid rgba(171, 54, 144, 0.4); } .lush-deal__ring--1 { width: 520px; height: 520px; transform: translate(-26px, -10px); } .lush-deal__ring--2 { width: 600px; height: 600px; border-color: rgba(249, 110, 137, 0.5); transform: translate(30px, 14px); } .lush-deal__stack { position: relative; width: 300px; height: 400px; } .lush-deal__fig { position: absolute; inset: 0; display: block; border-radius: 150px 150px 24px 24px; overflow: hidden; opacity: 0; transform: translateY(12px) scale(0.97); transition: opacity 0.9s ease, transform 0.9s ease; box-shadow: 0 36px 50px -20px rgba(0, 0, 0, 0.35); background: #ffffff; } .lush-deal__fig.is-on { opacity: 1; transform: none; } .lush-deal__fig img { width: 100%; height: 100%; object-fit: cover; object-position: center 35%; } .lush-deal__caption { position: absolute; left: 50%; bottom: -8px; transform: translateX(-50%); margin: 0; display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 10px 18px; background: #ffffff; border-radius: 999px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12); font-size: 13px; white-space: nowrap; max-width: 90%; overflow: hidden; } .lush-deal__caption span { overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .lush-deal__caption b { color: var(--lush-pink); font-size: 12px; } .lush-deal__tag { display: inline-block; background: var(--lush-pink); color: #ffffff; font-size: 11px; font-weight: 600; letter-spacing: 3px; text-transform: uppercase; padding: 7px 14px; margin-bottom: 22px; } .av-lush .lush-deal__title { color: #000000; font-family: var(--lush-serif); font-size: clamp(38px, 4.4vw, 60px); font-weight: 600; line-height: 1.04; margin: 0 0 18px; } .lush-deal__text p { margin: 0 0 30px; font-size: 16px; line-height: 1.7; color: var(--lush-text); max-width: 480px; } .lush-deal__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 22px; } .lush-deal__actions .lush-btn { padding: 16px 30px; } .lush-deal__wa { color: var(--lush-text); text-decoration: underline; text-underline-offset: 4px; } .lush-deal__wa:hover { color: var(--lush-pink); } @media (max-width: 999.98px) { .lush-deal { margin-top: 64px; padding: 70px 0 60px; border-radius: 50% 50% 0 0 / 40px 40px 0 0; } .lush-deal::after { height: 30px; border-radius: 50% 50% 0 0 / 30px 30px 0 0; } .lush-deal__inner { grid-template-columns: 1fr; gap: 24px; } .lush-deal__art { height: 420px; } .lush-deal__disc { width: 280px; height: 280px; } .lush-deal__ring--1 { width: 330px; height: 330px; } .lush-deal__ring--2 { width: 380px; height: 380px; } .lush-deal__stack { width: 220px; height: 300px; } .lush-deal__word { font-size: 100px; bottom: 10px; } .lush-deal__text { text-align: center; } .lush-deal__text p { margin-left: auto; margin-right: auto; } .lush-deal__actions { justify-content: center; } } .lush-journal__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; } .lush-post { display: grid; grid-template-columns: 200px 1fr; gap: 28px; align-items: center; padding: 24px; border: 1px solid var(--lush-line); border-radius: 30px; background: #ffffff; transition: transform 0.3s ease, box-shadow 0.3s ease; } .lush-post:hover { transform: translateY(-4px); box-shadow: 0 30px 50px -30px rgba(0, 0, 0, 0.3); } .lush-post__media { position: relative; display: block; width: 200px; height: 250px; } .lush-post__plate { position: absolute; inset: 0; border-radius: 100px 100px 20px 20px; background: var(--lush-tile-pink); transform: translate(12px, 12px); } .lush-post:nth-child(2) .lush-post__plate { background: var(--lush-tile-blue); } .lush-post__media img { position: relative; width: 100%; height: 100%; object-fit: cover; border-radius: 100px 100px 20px 20px; box-shadow: 0 20px 30px -18px rgba(0, 0, 0, 0.4); } .lush-post__body { min-width: 0; } .lush-post__meta { display: flex; align-items: center; gap: 12px; margin: 0 0 12px; font-size: 13px; color: var(--lush-muted); } .lush-post__tag { display: inline-block; padding: 5px 12px; border-radius: 999px; background: var(--lush-pink); color: #ffffff; font-size: 11px; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; } .av-lush .lush-post__title { margin: 0 0 10px; font-family: var(--lush-serif); font-size: 28px; font-weight: 600; line-height: 1.1; } .lush-post__title a { color: #000000; text-decoration: none; } .lush-post__title a:hover { color: var(--lush-pink); } .lush-post__body p { margin: 0 0 16px; font-size: 15px; line-height: 1.65; color: var(--lush-text); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .lush-post__more { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; color: #000000; text-decoration: none; border-bottom: 2px solid var(--lush-pink); padding-bottom: 3px; } .lush-post__more svg { width: 16px; height: 16px; transition: transform 0.3s; } .lush-post__more:hover { color: var(--lush-pink); } .lush-post__more:hover svg { transform: translateX(4px); } .lush-journal .lush-post { opacity: 0; transform: translateY(26px); transition: opacity 0.7s ease, transform 0.7s ease, box-shadow 0.3s ease; } .lush-journal.is-in .lush-post { opacity: 1; transform: none; } .lush-journal.is-in .lush-post:nth-child(2) { transition-delay: 0.15s; } @media (max-width: 999.98px) { .lush-journal__grid { grid-template-columns: 1fr; } .lush-post { grid-template-columns: 1fr; gap: 20px; text-align: center; padding: 22px 18px; } .lush-post__media { margin: 0 auto; width: 170px; height: 212px; } .lush-post__meta { justify-content: center; } .av-lush .lush-post__title { font-size: 24px; } } .lush-promise { position: relative; margin-top: 96px; padding: 80px 0 72px; overflow: hidden; background: radial-gradient(circle at 18% 30%, #FFE7EC 0, rgba(255, 231, 236, 0) 36%), radial-gradient(circle at 86% 80%, #E3F1F8 0, rgba(227, 241, 248, 0) 36%), linear-gradient(135deg, #FFFBF8 0%, #FAF4F6 60%, #F5F3FC 100%); border-radius: 50% 50% 0 0 / 80px 80px 0 0; } .lush-promise__word { position: absolute; right: -1vw; bottom: 16px; font-family: var(--lush-serif); font-size: clamp(110px, 16vw, 240px); line-height: 0.8; font-weight: 600; letter-spacing: 4px; text-transform: uppercase; color: rgba(255, 255, 255, 0.65); white-space: nowrap; pointer-events: none; } .lush-promise__head { position: relative; text-align: center; margin: 0 0 44px; } .lush-promise__kicker { margin: 0 0 8px; font-size: 12px; letter-spacing: 3px; text-transform: uppercase; color: var(--lush-pink); } .av-lush .lush-promise__title { margin: 0; font-family: var(--lush-serif); font-size: clamp(30px, 3.4vw, 44px); font-weight: 600; line-height: 1.1; color: #000000; } .lush-promise__row { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; } .lush-promise__item { position: relative; padding: 34px 28px 30px 28px; background: #ffffff; border-radius: 26px; box-shadow: 0 26px 44px -26px rgba(0, 0, 0, 0.25); text-align: left; } .lush-promise__step { position: absolute; top: 18px; right: 22px; font-family: var(--lush-serif); font-size: 44px; line-height: 1; font-weight: 600; color: var(--lush-tile-pink); } .lush-promise__item--blue .lush-promise__step { color: var(--lush-tile-blue); } .lush-promise__item--yellow .lush-promise__step { color: var(--lush-tile-yellow); } .lush-promise__icon { display: grid; place-items: center; width: 64px; height: 64px; margin-bottom: 20px; border-radius: 22px 22px 8px 22px; background: #ffffff; color: #000000; box-shadow: 8px 8px 0 var(--lush-tile-pink), 0 0 0 1px rgba(0, 0, 0, 0.06); } .lush-promise__item--blue .lush-promise__icon { box-shadow: 8px 8px 0 var(--lush-tile-blue), 0 0 0 1px rgba(0, 0, 0, 0.06); } .lush-promise__item--yellow .lush-promise__icon { box-shadow: 8px 8px 0 var(--lush-tile-yellow), 0 0 0 1px rgba(0, 0, 0, 0.06); } .lush-promise__icon svg { width: 28px; height: 28px; } .av-lush .lush-promise__item h3 { margin: 0 0 10px; font-size: 19px; font-weight: 600; color: #000000; } .lush-promise__item p { margin: 0; font-size: 15px; line-height: 1.65; color: var(--lush-muted); } @media (max-width: 999.98px) { .lush-promise { margin-top: 64px; padding: 56px 0 48px; border-radius: 50% 50% 0 0 / 40px 40px 0 0; } .lush-promise__row { grid-template-columns: 1fr; gap: 18px; } .lush-promise__word { font-size: 90px; } } .av-lush [data-products] .product { position: relative; text-align: left; margin-top: 0 !important; padding: 14px; border-radius: 18px; background: #ffffff; border: 1px solid var(--lush-line); box-shadow: 0 10px 30px -22px rgba(0, 0, 0, 0.3); transform: perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateY(var(--lift, 0)) !important; transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease; } .av-lush [data-products] .product:hover { --lift: -6px; border-color: transparent; box-shadow: 0 30px 50px -24px rgba(0, 0, 0, 0.35); } .av-lush [data-products] .product figure { margin: 0; } .av-lush [data-products] .product .ct-media-container { background: #ffffff; aspect-ratio: 1 / 1 !important; border-radius: 12px !important; box-shadow: none !important; overflow: hidden; } .av-lush [data-products] .product .ct-media-container img { width: 100%; height: 100%; object-fit: contain !important; padding: 4%; transition: transform 0.6s ease; } .av-lush [data-products] .product:hover .ct-media-container img { transform: scale(1.06); } .av-lush [data-products] .product .woocommerce-loop-product__title { margin: 14px 0 4px; font-size: 14px; font-weight: 500; letter-spacing: 0; text-transform: none; line-height: 1.4; } .av-lush [data-products] .product .woocommerce-loop-product__title a { color: #000000; } .av-lush [data-products] .product .price, .av-lush .av-price-ask { color: var(--lush-pink) !important; font-weight: 700; font-size: 13px; text-decoration: none; } .av-lush [data-products] .product .entry-meta { display: block !important; margin: 0 0 6px; font-size: 12px; } .av-lush [data-products] .product .entry-meta a { color: #777777; text-decoration: none; } .av-lush [data-products] .product .ct-woo-card-actions { display: flex !important; opacity: 1 !important; visibility: visible !important; transform: none !important; position: static !important; margin: 10px 0 0; } .av-lush [data-products] .product .ct-woo-card-actions .button { display: inline-block; margin: 0; padding: 9px 16px; border-radius: 999px !important; background: var(--lush-pink) !important; color: #ffffff !important; font-size: 11px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; line-height: 1.2; min-height: 0; } .av-lush [data-products] .product .ct-woo-card-actions .button:hover { background: var(--lush-pink-deep) !important; } .av-lush [data-products] .product .ct-woo-card-actions .added_to_cart { font-size: 12px; margin-left: 10px; align-self: center; } .av-lush [data-products] .av-order--card { display: flex; gap: 14px; margin-top: 10px; } .av-lush [data-products] .av-order__btn { font-size: 12px; color: #000000; text-decoration: none; border-bottom: 1px solid var(--lush-pink); padding: 0 0 2px; background: none; border-radius: 0; } .av-lush .av-badge { position: absolute; left: 22px; top: 22px; z-index: 2; border-radius: 999px; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; padding: 4px 12px; } .av-lush .av-badge--new { background: var(--lush-lime); color: #000000; } .av-lush .woo-listing-top { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 0 0 24px; } .av-lush .woocommerce-result-count { margin: 0; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; color: #777777; } .av-lush .woocommerce-ordering select { border-radius: 999px; border: 1px solid var(--lush-line); padding: 8px 36px 8px 16px; font-size: 13px; } .av-lush .av-cats { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 20px; } .av-lush .av-cats a { border-radius: 999px; padding: 8px 16px; border: 1px solid var(--lush-line); background: #ffffff; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; color: #000000; text-decoration: none; } .av-lush .av-cats a:hover { border-color: #000000; } .av-lush .av-cats a.is-on { background: #000000; border-color: #000000; color: #ffffff; } .av-lush .ct-sidebar .widget-title, .av-lush .ct-sidebar h3 { font-size: 14px; letter-spacing: 2px; text-transform: uppercase; font-weight: 500; } .av-lush .ct-pagination { margin-top: 40px; } .av-lush .ct-pagination .page-numbers { border-radius: 999px; } .av-lush .ct-pagination .page-numbers.current, .av-lush .ct-pagination .page-numbers:hover { background: var(--lush-pink); color: #ffffff; } @media (prefers-reduced-motion: reduce) { .av-lush [data-products] .product { transform: none !important; } } .lush-store { padding: 28px 0 0; } .lush-store__wrap { width: min(90vw, var(--theme-normal-container-max-width, 1320px)); margin: 0 auto; } .lush-storefront .ct-container > section { min-width: 0; max-width: 100%; } .lush-store__quick { display: flex; gap: 44px; list-style: none; margin: 0 0 30px; padding: 4px 0; overflow-x: auto; scrollbar-width: none; } .lush-store__quick::-webkit-scrollbar { display: none; } .lush-store__quick li { flex: 0 0 auto; margin: 0; } .lush-store__quick a { display: flex; flex-direction: column; align-items: center; gap: 12px; max-width: 140px; color: #000000; text-decoration: none; font-size: 14px; font-weight: 500; text-align: center; line-height: 1.3; } .lush-store__disc { width: 96px; height: 96px; border-radius: 50%; overflow: hidden; display: grid; place-items: center; background: var(--lush-tile-pink); color: #000000; transition: transform 0.4s ease, box-shadow 0.4s ease; } .lush-store__disc--blue { background: var(--lush-tile-blue); } .lush-store__disc--yellow { background: var(--lush-tile-yellow); } .lush-store__disc--lilac { background: var(--lush-tile-lilac); } .lush-store__disc img { width: 100%; height: 100%; object-fit: cover; } .lush-store__disc svg { width: 36px; height: 36px; } .lush-store__quick a:hover .lush-store__disc { transform: translateY(-4px) scale(1.04); box-shadow: 0 18px 30px -16px rgba(0, 0, 0, 0.35); } .lush-store__banners { display: grid; grid-template-columns: minmax(0, 1fr) 272px 272px; gap: 20px; } .lush-store__main { position: relative; min-height: 420px; border-radius: 26px; overflow: hidden; background: var(--lush-tile-pink); } .lush-store__slide { position: absolute; inset: 0; display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 20px; padding: 40px 48px 56px; opacity: 0; transition: opacity 0.8s ease; pointer-events: none; } .lush-store__slide--pink { background: var(--lush-tile-pink); } .lush-store__slide--blue { background: var(--lush-tile-blue); } .lush-store__slide--yellow { background: var(--lush-tile-yellow); } .lush-store__slide.is-active { opacity: 1; pointer-events: auto; } .lush-store__copy { position: relative; z-index: 1; max-width: 420px; } .lush-store__kicker { display: flex; align-items: center; gap: 12px; margin: 0 0 14px; font-size: 11px; font-weight: 600; letter-spacing: 3px; text-transform: uppercase; color: var(--lush-pink); } .lush-store__kicker::before { content: ""; width: 30px; height: 1px; background: var(--lush-pink); } .av-lush .lush-store__title { margin: 0 0 14px; font-family: var(--lush-serif); font-size: clamp(32px, 3.2vw, 46px); font-weight: 600; line-height: 1.04; color: #000000; } .lush-store__sub { margin: 0 0 24px; font-size: 15px; line-height: 1.6; color: var(--lush-text); } .lush-store__art { position: relative; height: 100%; min-height: 300px; } .lush-store__art::before { content: ""; position: absolute; left: 18%; top: 8%; width: 64%; aspect-ratio: 1 / 1; border-radius: 50%; background: rgba(255, 255, 255, 0.5); } .lush-store__art img { position: absolute; width: auto; height: auto; max-width: 58%; max-height: 82%; object-fit: contain; filter: drop-shadow(0 26px 24px rgba(0, 0, 0, 0.24)); } .lush-store__art img:first-child { left: 2%; bottom: 6%; animation: lushBob 7s ease-in-out infinite; } .lush-store__art img:last-child { right: 0; top: 4%; max-width: 50%; max-height: 66%; animation: lushBob 8s ease-in-out 1.2s infinite reverse; } .lush-store__slide .lush-store__copy > * { opacity: 0; transform: translateY(14px); } .lush-store__slide.is-active .lush-store__copy > * { animation: lushIn 0.6s ease forwards; } .lush-store__slide.is-active .lush-store__copy > :nth-child(2) { animation-delay: 0.1s; } .lush-store__slide.is-active .lush-store__copy > :nth-child(3) { animation-delay: 0.2s; } .lush-store__slide.is-active .lush-store__copy > :nth-child(4) { animation-delay: 0.3s; } .lush-store__slide .lush-store__art img { opacity: 0; } .lush-store__slide.is-active .lush-store__art img { animation: lushRise 0.8s ease 0.2s forwards, lushBob 7s ease-in-out 1s infinite; } .lush-store__slide.is-active .lush-store__art img:last-child { animation: lushRise 0.8s ease 0.4s forwards, lushBob 8s ease-in-out 1.4s infinite reverse; } .lush-store__dots { position: absolute; left: 48px; bottom: 26px; z-index: 2; display: flex; gap: 8px; } .av-lush .lush-store__dots button { width: 10px; height: 10px; padding: 0; border: 0 !important; border-radius: 999px !important; background: rgba(0, 0, 0, 0.22) !important; cursor: pointer; transition: width 0.3s, background 0.3s; } .av-lush .lush-store__dots button.is-active { width: 26px; background: #000000 !important; } .lush-store__side { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 30px 20px 0; border-radius: 26px; overflow: hidden; color: #000000; text-decoration: none; } .lush-store__side:hover { color: #000000; } .lush-store__side--blue { background: var(--lush-tile-blue); } .lush-store__side--yellow { background: var(--lush-tile-yellow); } .lush-store__side-kicker { font-size: 11px; letter-spacing: 3px; text-transform: uppercase; color: #555555; } .lush-store__side-title { margin: 8px 0 10px; font-family: var(--lush-serif); font-size: 30px; font-weight: 600; line-height: 1.05; } .lush-store__side-link { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 500; border-bottom: 1px solid #000000; padding-bottom: 2px; } .lush-store__side-link svg { width: 16px; height: 16px; } .lush-store__side img { margin-top: auto; padding-top: 18px; width: auto; height: auto; max-height: 250px; max-width: 88%; object-fit: contain; filter: drop-shadow(0 24px 22px rgba(0, 0, 0, 0.24)); transition: transform 0.5s ease; } .lush-store__side:hover img { transform: translateY(-8px) rotate(-3deg); } .lush-store__strip { margin-top: 20px; border: 1px solid var(--lush-line); border-radius: 999px; overflow: hidden; padding: 12px 0; background: #ffffff; } .lush-store__strip-track { display: flex; width: max-content; } .lush-store__strip-set { display: flex; flex: 0 0 auto; animation: lushMarquee 46s linear infinite; } .lush-store__strip-set span { display: inline-flex; align-items: center; gap: 10px; padding: 0 30px; font-size: 14px; color: var(--lush-text); white-space: nowrap; } .lush-store__strip-set svg { width: 20px; height: 20px; color: var(--lush-pink); } .lush-store__h { margin: 0; font-size: 26px; font-weight: 600; line-height: 1.2; } .lush-store__row-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 0 0 22px; } .lush-store__row-tools { display: flex; align-items: center; gap: 18px; } .lush-store__more-link { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 500; color: #000000; text-decoration: none; border-bottom: 1px solid var(--lush-pink); padding-bottom: 2px; } .lush-store__more-link svg { width: 16px; height: 16px; } .lush-store__arrows { display: flex; gap: 8px; } .av-lush .lush-store__arrow { width: 36px; height: 36px; padding: 0; border: 1px solid var(--lush-line) !important; border-radius: 50% !important; background: #ffffff !important; color: #000000 !important; display: inline-grid; place-items: center; cursor: pointer; transition: background 0.25s, color 0.25s; } .av-lush .lush-store__arrow:hover { background: #000000 !important; color: #ffffff !important; } .lush-store__arrow svg { width: 18px; height: 18px; } .lush-store__cats { margin-top: 56px; } .lush-store__cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; } .lush-store__cat { display: grid; grid-template-columns: 124px 1fr; gap: 16px; padding: 14px; border-radius: 20px; background: #ffffff; border: 1px solid var(--lush-line); box-shadow: 0 10px 30px -22px rgba(0, 0, 0, 0.3); transition: transform 0.35s ease, box-shadow 0.35s ease; } .lush-store__cat:hover { transform: translateY(-4px); box-shadow: 0 26px 44px -24px rgba(0, 0, 0, 0.3); } .lush-store__cat-media { display: block; aspect-ratio: 3 / 4; border-radius: 14px; overflow: hidden; background: var(--lush-tile-pink); } .lush-store__cat-media--blue { background: var(--lush-tile-blue); } .lush-store__cat-media--yellow { background: var(--lush-tile-yellow); } .lush-store__cat-media--lilac { background: var(--lush-tile-lilac); } .lush-store__cat-media img { width: 100%; height: 100%; object-fit: cover; mix-blend-mode: multiply; transition: transform 0.6s ease; } .lush-store__cat:hover .lush-store__cat-media img { transform: scale(1.05); } .lush-store__cat-body { min-width: 0; padding-top: 4px; } .lush-store__cat-body a { display: block; font-size: 13px; color: #666666; text-decoration: none; padding: 3px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .lush-store__cat-body a:hover { color: var(--lush-pink); } .lush-store__cat-body a.lush-store__cat-title { margin-bottom: 6px; font-size: 16px; font-weight: 600; color: #000000; } .lush-store__row { margin-top: 56px; } .lush-store__scroller { position: relative; contain: inline-size; } .lush-store__track { display: flex; gap: 20px; list-style: none; margin: 0; padding: 8px 2px 20px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; } .lush-store__track::-webkit-scrollbar { display: none; } .lush-store__item { flex: 0 0 calc((100% - 80px) / 5); margin: 0; scroll-snap-align: start; } .lush-store__bar { display: block; height: 2px; background: var(--lush-line); } .lush-store__bar i { display: block; height: 100%; width: 20%; background: var(--lush-pink); transition: width 0.3s ease; } .lush-scard { position: relative; height: 100%; display: flex; flex-direction: column; padding: 14px; border-radius: 18px; background: #ffffff; border: 1px solid var(--lush-line); box-shadow: 0 10px 30px -22px rgba(0, 0, 0, 0.3); transform: perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateY(var(--lift, 0)); transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease; } .lush-scard:hover { --lift: -6px; border-color: transparent; box-shadow: 0 30px 50px -24px rgba(0, 0, 0, 0.35); } .lush-scard__media { display: block; aspect-ratio: 1 / 1; border-radius: 12px; overflow: hidden; background: #ffffff; } .lush-scard__media img { width: 100%; height: 100%; object-fit: contain; padding: 4%; transition: transform 0.6s ease; } .lush-scard:hover .lush-scard__media img { transform: scale(1.06); } .lush-scard .lush-badge { left: 22px; top: 22px; right: auto; border-radius: 999px; } .lush-scard__wish { position: absolute; right: 22px; top: 22px; z-index: 2; width: 34px; height: 34px; border-radius: 50%; background: #ffffff; color: #000000; display: grid; place-items: center; box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12); transition: background 0.25s, color 0.25s; } .lush-scard__wish:hover { background: var(--lush-pink); color: #ffffff; } .lush-scard__wish svg { width: 18px; height: 18px; } .av-lush .lush-scard__title { margin: 14px 0 4px; font-size: 14px; font-weight: 500; letter-spacing: 0; text-transform: none; line-height: 1.4; } .lush-scard__title a { color: #000000; text-decoration: none; } .lush-scard__title a:hover { color: var(--lush-pink); } .lush-scard__cat { font-size: 12px; color: #777777; } .lush-scard__cat a { color: #777777; text-decoration: none; } .lush-scard__foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: auto; padding-top: 12px; } .lush-scard__price { color: var(--lush-pink); font-weight: 700; font-size: 13px; } .lush-scard a.lush-card__add { margin: 0; padding: 9px 14px; border-radius: 999px; font-size: 11px; white-space: nowrap; } .lush-store__promos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: 56px; } .lush-store__promo { position: relative; display: grid; grid-template-columns: 1fr 42%; min-height: 250px; border-radius: 26px; overflow: hidden; color: #000000; text-decoration: none; } .lush-store__promo:hover { color: #000000; } .lush-store__promo--pink { background: var(--lush-tile-pink); } .lush-store__promo--blue { background: var(--lush-tile-blue); } .lush-store__promo-copy { display: flex; flex-direction: column; justify-content: center; gap: 10px; padding: 34px 36px; } .lush-store__promo-copy b { font-family: var(--lush-serif); font-size: 30px; font-weight: 600; line-height: 1.1; } .lush-store__promo-copy > span { font-size: 15px; line-height: 1.6; color: var(--lush-text); } .lush-store__promo-copy em { display: inline-flex; align-items: center; gap: 6px; margin-top: 6px; font-style: normal; font-size: 13px; font-weight: 500; } .lush-store__promo-copy em svg { width: 16px; height: 16px; } .lush-store__promo-photo { position: relative; } .lush-store__promo-photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.7s ease; } .lush-store__promo-photo::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 60px; z-index: 1; background: linear-gradient(90deg, var(--lush-tile-pink) 0%, rgba(251, 211, 219, 0) 100%); } .lush-store__promo--blue .lush-store__promo-photo::before { background: linear-gradient(90deg, var(--lush-tile-blue) 0%, rgba(217, 236, 246, 0) 100%); } .lush-store__promo:hover .lush-store__promo-photo img { transform: scale(1.05); } .lush-store__grid-head { margin: 64px 0 22px; } .lush-store__grid-head p { margin: 8px 0 0; font-size: 15px; color: var(--lush-muted); } .lush-store__about { margin: 72px auto 24px; max-width: 880px; } .lush-store__about .lush-store__h { font-size: 22px; margin-bottom: 14px; } .lush-store__about-text { position: relative; max-height: 84px; overflow: hidden; transition: max-height 0.5s ease; } .lush-store__about-text p { margin: 0 0 14px; font-size: 15px; line-height: 1.75; color: var(--lush-text); } .lush-store__about-text::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 40px; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%); transition: opacity 0.3s; } .lush-store__about.is-open .lush-store__about-text { max-height: 1200px; } .lush-store__about.is-open .lush-store__about-text::after { opacity: 0; } .av-lush .lush-store__more { margin-top: 10px; padding: 9px 18px; border: 1px solid var(--lush-line) !important; border-radius: 999px !important; background: #ffffff !important; color: #000000 !important; font-size: 12px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; cursor: pointer; } .av-lush .lush-store__more:hover { border-color: #000000 !important; } [data-lush-reveal].lush-store__row .lush-store__item, [data-lush-reveal].lush-store__cats .lush-store__cat, [data-lush-reveal].lush-store__promos .lush-store__promo { opacity: 0; transform: translateY(22px); transition: opacity 0.6s ease, transform 0.6s ease; } [data-lush-reveal].is-in .lush-store__item, [data-lush-reveal].is-in .lush-store__cat, [data-lush-reveal].is-in .lush-store__promo { opacity: 1; transform: none; } [data-lush-reveal].is-in .lush-store__item:nth-child(2), [data-lush-reveal].is-in .lush-store__cat:nth-child(2), [data-lush-reveal].is-in .lush-store__promo:nth-child(2) { transition-delay: 0.1s; } [data-lush-reveal].is-in .lush-store__item:nth-child(3), [data-lush-reveal].is-in .lush-store__cat:nth-child(3) { transition-delay: 0.2s; } [data-lush-reveal].is-in .lush-store__item:nth-child(4), [data-lush-reveal].is-in .lush-store__cat:nth-child(4) { transition-delay: 0.3s; } [data-lush-reveal].is-in .lush-store__item:nth-child(5) { transition-delay: 0.4s; } @media (max-width: 1199.98px) { .lush-store__banners { grid-template-columns: minmax(0, 1fr) 230px 230px; } .lush-store__slide { padding: 32px 32px 52px; } .lush-store__item { flex-basis: calc((100% - 60px) / 4); } .lush-store__cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 999.98px) { .lush-store { padding-top: 18px; } .lush-store__quick { gap: 24px; margin-bottom: 22px; } .lush-store__quick a { font-size: 13px; max-width: 110px; } .lush-store__disc { width: 76px; height: 76px; } .lush-store__disc svg { width: 28px; height: 28px; } .lush-store__banners { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } .lush-store__main { grid-column: 1 / -1; min-height: 0; aspect-ratio: auto; height: 600px; } .lush-store__slide { grid-template-columns: 1fr; align-content: start; gap: 10px; padding: 28px 24px 48px; } .lush-store__copy { max-width: none; } .av-lush .lush-store__title { font-size: clamp(28px, 7.5vw, 38px); } .lush-store__sub { margin-bottom: 16px; } .lush-store__art { height: 250px; min-height: 0; } .lush-store__art::before { left: 24%; top: 0; width: 52%; } .lush-store__art img { max-height: 92%; max-width: 54%; } .lush-store__art img:first-child { left: 6%; bottom: 0; } .lush-store__art img:last-child { right: 6%; top: 0; max-height: 72%; } .lush-store__dots { left: 24px; bottom: 18px; } .lush-store__side { padding: 22px 14px 0; } .lush-store__side-title { font-size: 22px; } .lush-store__side img { max-height: 160px; } .lush-store__strip { border-radius: 20px; } .lush-store__strip-set span { padding: 0 20px; font-size: 13px; } .lush-store__h { font-size: 22px; } .lush-store__row-head { flex-wrap: wrap; } .lush-store__arrows { display: none; } .lush-store__cats, .lush-store__row, .lush-store__promos { margin-top: 40px; } .lush-store__cards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .lush-store__cat { grid-template-columns: 84px 1fr; gap: 12px; padding: 10px; } .lush-store__cat-body a { font-size: 12px; } .lush-store__cat-body a.lush-store__cat-title { font-size: 15px; } .lush-store__item { flex-basis: 46%; } .lush-store__promos { grid-template-columns: 1fr; gap: 14px; } .lush-store__promo { grid-template-columns: 1fr 40%; min-height: 200px; } .lush-store__promo-copy { padding: 22px 20px; } .lush-store__promo-copy b { font-size: 22px; } .lush-store__promo-copy > span { font-size: 13px; } .lush-store__grid-head { margin: 44px 0 18px; } .lush-store__about { margin-top: 48px; } .av-lush .woo-listing-top { flex-wrap: wrap; gap: 10px; } } @media (max-width: 599.98px) { .lush-store__banners { grid-template-columns: 1fr; } .lush-store__main { height: 560px; } .lush-store__side { flex-direction: row; flex-wrap: wrap; align-items: center; text-align: left; padding: 18px 20px; gap: 2px 14px; } .lush-store__side-kicker { flex: 1 0 100%; } .lush-store__side-title { margin: 4px 0 6px; } .lush-store__side img { margin: 0 0 0 auto; padding: 0; max-height: 110px; max-width: 34%; } .lush-store__cards { grid-template-columns: 1fr; } .lush-store__item { flex-basis: 72%; } .lush-store__promo { grid-template-columns: 1fr; } .lush-store__promo-photo { min-height: 180px; order: -1; } .lush-store__promo-photo::before { display: none; } } .av-lush .product_title { font-size: 24px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; color: #000000; } .av-lush .product_title .av-line, .av-lush .product_title .av-line span { display: inline; transform: none; opacity: 1; } .av-lush .summary .price, .av-lush .summary .av-price-ask { color: var(--lush-pink) !important; font-size: 16px; } .av-lush .summary .single_add_to_cart_button, .av-lush .summary .av-order__btn--wa, .av-lush .summary .av-order__btn--call, .av-lush .summary .yith-wcwl-add-to-wishlist-button--single { background: var(--lush-pink) !important; color: #ffffff !important; border: 0 !important; border-radius: 0 !important; padding: 0 22px !important; min-height: 46px; height: 46px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-size: 13px; font-weight: 400; letter-spacing: 0.5px; text-transform: uppercase; text-decoration: none; box-shadow: none; } .av-lush .summary .single_add_to_cart_button:hover, .av-lush .summary .av-order__btn--wa:hover, .av-lush .summary .av-order__btn--call:hover, .av-lush .summary .yith-wcwl-add-to-wishlist-button--single:hover { background: var(--lush-pink-deep) !important; } .av-lush .yith-wcwl-add-to-wishlist-button--single svg { color: #ffffff; fill: currentColor; } .av-lush .av-order--single { display: flex; flex-wrap: wrap; gap: 10px; margin: 14px 0; } .av-lush .av-book-note { font-size: 13px; color: var(--lush-muted); } .av-lush .av-trust { margin: 20px 0; padding: 0; list-style: none; font-size: 14px; color: #555555; } .av-lush .av-trust li { position: relative; padding: 6px 0 6px 30px; border-bottom: 1px solid var(--lush-line); } .av-lush .av-trust li::before { content: ""; position: absolute; left: 0; top: 8px; width: 20px; height: 20px; border-radius: 50%; background: var(--lush-pink); -webkit-mask: none; mask: none; border: 0; transform: none; } .av-lush .av-trust li::after { content: ""; position: absolute; left: 7px; top: 11px; width: 5px; height: 9px; border: solid #ffffff; border-width: 0 2px 2px 0; transform: rotate(45deg); background: none; } .av-lush .ct-product-divider { display: none; } .av-lush .woocommerce-product-gallery .ct-media-container, .av-lush .woocommerce-product-gallery figure { background: var(--lush-grey); border-radius: 0 !important; } .av-lush .product_meta { font-size: 14px; color: var(--lush-text); } .av-lush .product_meta > span { display: block; margin: 4px 0; } .av-lush .product_meta a { color: var(--lush-pink); text-decoration: none; } .av-lush .av-details.is-tabs { margin-top: 10px; } .lush-tabs { display: flex; flex-wrap: wrap; gap: 28px; border-bottom: 1px solid var(--lush-line); margin: 36px 0 24px; } .lush-tabs__btn { background: none; border: 0; border-bottom: 2px solid transparent; margin-bottom: -1px; padding: 12px 0; font-family: var(--av-font-body); font-size: 15px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; color: #555555; cursor: pointer; } .lush-tabs__btn.is-active { color: #000000; border-color: var(--lush-pink); } .av-lush .av-details.is-tabs .av-details__item { display: none; border: 0; } .av-lush .av-details.is-tabs .av-details__item.is-active { display: block; } .av-lush .av-details.is-tabs .av-details__item summary { display: none; } .av-lush .av-details.is-tabs .av-details__body { padding: 0; } .av-lush .related.products .ct-module-title, .av-lush .up-sells .ct-module-title { text-align: center; font-size: 26px; font-weight: 400; letter-spacing: 0.5px; text-transform: uppercase; margin: 70px 0 44px; padding: 18px 0; } .av-lush .related.products .ct-module-title::before, .av-lush .related.products .ct-module-title::after { content: ""; display: block; width: 110px; height: 3px; background: #000000; margin: 0 auto 16px; } .av-lush .related.products .ct-module-title::after { margin: 16px auto 0; } .av-lush .related .product { text-align: center; background: #ffffff; box-shadow: -8px -8px 0 0 #000000; margin: 8px 0 0 8px; } .av-lush .related .product .woocommerce-loop-product__title { margin: 0; padding: 22px 10px 6px; background: var(--lush-pink); letter-spacing: 1px; } .av-lush .related .product .woocommerce-loop-product__title a { color: #ffffff; } .av-lush .related .product .woocommerce-loop-product__title::after { content: ""; display: block; width: 40px; height: 2px; background: #ffffff; margin: 10px auto 0; } .av-lush .related .product .price { display: block; margin: 0; padding: 0 10px 20px; background: var(--lush-pink); } .av-lush .related .product .price .av-price-ask, .av-lush .related .product .av-price-ask { color: #ffffff !important; } .av-lush .related .product .av-order--card, .av-lush .related .product .entry-meta { display: none !important; } @media (max-width: 999.98px) { .av-lush .related.products .ct-module-title { margin: 50px 0 30px; } } .av-lush .entry-content h1 { font-size: 32px; font-weight: 500; } .av-lush .entry-content h2 { font-size: 26px; font-weight: 500; } .av-lush .entry-content h3 { font-size: 20px; font-weight: 500; } .av-lush .av-page-intro.is-style-av-inverse, .av-lush .is-style-av-inverse { background: none !important; color: inherit !important; padding-top: 0 !important; } .av-lush .av-page-intro { padding-top: 0; } .av-lush .av-page-intro h1, .av-lush .av-page-intro h2, .av-lush .is-style-av-inverse h1, .av-lush .is-style-av-inverse h2, .av-lush .is-style-av-inverse h3 { color: var(--lush-ink) !important; } .av-lush .av-page-intro p, .av-lush .is-style-av-inverse p, .av-lush .av-page-intro .av-lead { color: var(--lush-text) !important; } .av-lush .av-eyebrow, .av-lush .av-page-intro .av-eyebrow, .av-lush .is-style-av-inverse .av-eyebrow { color: var(--lush-pink) !important; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; } .av-lush .av-lead { font-size: 17px; color: var(--lush-text); } .av-lush .av-btn, .av-lush .entry-content form button, .av-lush .wp-block-button__link, .av-lush .av-form button, .av-lush form button[type="submit"], .av-lush .wp-block-search__button { border-radius: 0 !important; background: var(--lush-pink) !important; color: #ffffff !important; border: 0 !important; text-transform: uppercase; font-size: 13px; letter-spacing: 0.5px; font-weight: 500; } .av-lush .entry-content input[type="text"], .av-lush .entry-content input[type="email"], .av-lush .entry-content input[type="tel"], .av-lush .entry-content textarea, .av-lush .entry-content select { border-radius: 0; border: 1px solid #d9d9d9; } .av-lush .av-size-table th { background: var(--lush-grey); font-weight: 500; letter-spacing: 1px; text-transform: uppercase; font-size: 13px; } .lush-about-intro { padding: 70px 0 30px; } .lush-about-badge { display: flex; flex-direction: column; align-items: center; gap: 4px; margin: 0 0 28px; } .lush-about-badge span { font-size: 12px; letter-spacing: 3px; text-transform: uppercase; color: var(--lush-text); } .lush-about-badge strong { position: relative; font-family: var(--lush-serif); font-size: 46px; line-height: 1; letter-spacing: 8px; padding: 0 56px; color: #000000; } .lush-about-badge strong::before, .lush-about-badge strong::after { content: ""; position: absolute; top: 50%; width: 40px; height: 2px; background: #000000; } .lush-about-badge strong::before { left: 0; } .lush-about-badge strong::after { right: 0; } .lush-about-badge small { font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: var(--lush-muted); } .av-lush .lush-about-intro h1 { font-size: 26px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; margin: 0 0 22px; } .lush-about-lead { font-size: 15px; } .lush-about-lead strong { color: #000000; } .lush-photos { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; } .lush-photos__item { display: block; aspect-ratio: 1 / 1; background: var(--lush-grey); overflow: hidden; } .lush-photos__item img { width: 100%; height: 100%; object-fit: contain; padding: 6%; transition: transform 0.6s ease; } .lush-photos__item:hover img { transform: scale(1.04); } .lush-band-pink { position: relative; width: 100vw; margin: 60px 0 0 calc(50% - 50vw); padding: 70px 0 60px; overflow: hidden; color: #ffffff; background: radial-gradient(circle at 15% 20%, rgba(255, 255, 255, 0.22) 0, rgba(255, 255, 255, 0) 32%), linear-gradient(135deg, #F27A94 0%, var(--lush-rose) 50%, #D96A86 100%); border-radius: 50% 50% 0 0 / 60px 60px 0 0; } .lush-band-pink__head { text-align: center; margin: 0 0 54px; } .lush-band-pink__at { margin: 0 0 10px; font-size: 12px; letter-spacing: 3px; text-transform: uppercase; opacity: 0.85; } .av-lush .lush-band-pink h2 { color: #ffffff; font-family: var(--lush-serif); font-size: clamp(30px, 3.4vw, 46px); font-weight: 600; line-height: 1.1; margin: 0; } .lush-band-pink__track { position: relative; } .lush-band-pink__path { position: absolute; left: 0; right: 0; top: 12px; width: 100%; height: 120px; color: rgba(255, 255, 255, 0.7); } .lush-band-pink__path path { stroke-dashoffset: 1000; transition: stroke-dashoffset 2.2s ease 0.2s; } .lush-band-pink.is-in .lush-band-pink__path path { stroke-dashoffset: 0; } .lush-band-pink__grid { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; text-align: center; } .lush-band-pink__item { position: relative; padding: 0 8px; opacity: 0; transform: translateY(24px); transition: opacity 0.7s ease, transform 0.7s ease; } .lush-band-pink__item:nth-child(even) { margin-top: 48px; } .lush-band-pink.is-in .lush-band-pink__item { opacity: 1; transform: none; } .lush-band-pink.is-in .lush-band-pink__item:nth-child(2) { transition-delay: 0.15s; } .lush-band-pink.is-in .lush-band-pink__item:nth-child(3) { transition-delay: 0.3s; } .lush-band-pink.is-in .lush-band-pink__item:nth-child(4) { transition-delay: 0.45s; } .lush-band-pink__node { position: relative; display: inline-grid; place-items: center; width: 92px; height: 92px; margin-bottom: 22px; border-radius: 50%; background: #ffffff; color: var(--lush-pink); box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.22), 0 18px 30px -16px rgba(0, 0, 0, 0.45); } .lush-band-pink__icon { display: grid; place-items: center; } .lush-band-pink__icon svg { width: 34px; height: 34px; } .lush-band-pink__num { position: absolute; right: -8px; top: -6px; display: inline-grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: #000000; color: #ffffff; font-size: 11px; font-weight: 700; } .av-lush .lush-band-pink .lush-band-pink__title { color: #ffffff; font-size: 19px; font-weight: 600; margin: 0 0 8px; } .lush-band-pink p { margin: 0 auto; max-width: 240px; font-size: 14px; line-height: 1.6; color: rgba(255, 255, 255, 0.92); } .lush-ticker { width: 100vw; margin: 0 0 0 calc(50% - 50vw); overflow: hidden; background: #000000; color: #ffffff; } .lush-ticker__row { display: flex; gap: 56px; width: max-content; padding: 16px 0; font-size: 12px; font-weight: 600; letter-spacing: 3px; text-transform: uppercase; white-space: nowrap; animation: lushTicker 30s linear infinite; } .lush-ticker__row span::before { content: ""; display: inline-block; width: 6px; height: 6px; margin: 0 56px 2px 0; border-radius: 50%; background: var(--lush-pink); } @keyframes lushTicker { to { transform: translateX(-33.333%); } } .lush-about-values { padding: 70px 0 10px; } .av-lush .lush-about-values h2 { font-size: 30px; font-weight: 500; margin-bottom: 40px; } .av-lush .lush-about-values h3 { font-size: 18px; font-weight: 600; margin: 0 0 12px; } .lush-timeline { position: relative; width: 100vw; margin: 60px 0 0 calc(50% - 50vw); padding: 80px 0 70px; overflow: hidden; text-align: center; background: radial-gradient(circle at 85% 20%, #FFE7EC 0, rgba(255, 231, 236, 0) 34%), radial-gradient(circle at 10% 90%, #E3F1F8 0, rgba(227, 241, 248, 0) 34%), linear-gradient(135deg, #FFFBF8 0%, #FAF4F6 60%, #F5F3FC 100%); border-radius: 50% 50% 0 0 / 80px 80px 0 0; } .lush-timeline__word { position: absolute; left: -1vw; bottom: 10px; font-family: var(--lush-serif); font-size: clamp(110px, 16vw, 240px); line-height: 0.8; font-weight: 600; letter-spacing: 4px; text-transform: uppercase; color: rgba(255, 255, 255, 0.65); white-space: nowrap; pointer-events: none; } .lush-timeline__head { position: relative; } .av-lush .lush-timeline__head h2 { font-family: var(--lush-serif); font-size: clamp(30px, 3.4vw, 46px); font-weight: 600; text-transform: none; margin: 0 0 8px; } .lush-timeline__sub { font-size: 17px; margin: 0 0 56px; color: var(--lush-text); } .lush-timeline__track { position: relative; } .lush-timeline__path { position: absolute; left: 0; right: 0; top: 150px; width: 100%; height: 160px; color: var(--lush-pink); opacity: 0.7; } .lush-timeline__path path { stroke-dashoffset: 1000; transition: stroke-dashoffset 2.4s ease 0.3s; } .lush-timeline.is-in .lush-timeline__path path { stroke-dashoffset: 0; } .lush-timeline__row { position: relative; display: grid; grid-template-columns: repeat(5, 1fr); gap: 18px; align-items: start; } .lush-timeline__item { position: relative; padding: 0 6px; opacity: 0; transform: translateY(28px); transition: opacity 0.7s ease, transform 0.7s ease; } .lush-timeline__item:nth-child(even) { margin-top: 70px; } .lush-timeline.is-in .lush-timeline__item { opacity: 1; transform: none; } .lush-timeline.is-in .lush-timeline__item:nth-child(2) { transition-delay: 0.15s; } .lush-timeline.is-in .lush-timeline__item:nth-child(3) { transition-delay: 0.3s; } .lush-timeline.is-in .lush-timeline__item:nth-child(4) { transition-delay: 0.45s; } .lush-timeline.is-in .lush-timeline__item:nth-child(5) { transition-delay: 0.6s; } .lush-timeline__num { position: absolute; left: 50%; top: -14px; transform: translateX(-50%); z-index: 2; display: inline-grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: #000000; color: #ffffff; font-size: 12px; font-weight: 700; } .lush-timeline__photo { width: 150px; height: 190px; margin: 0 auto 22px; border-radius: 75px 75px 18px 18px; overflow: hidden; background: #ffffff; box-shadow: 10px 10px 0 var(--lush-tile-pink), 0 24px 36px -20px rgba(0, 0, 0, 0.35); animation: lushFloat 7s ease-in-out infinite; } .lush-timeline__item--blue .lush-timeline__photo { box-shadow: 10px 10px 0 var(--lush-tile-blue), 0 24px 36px -20px rgba(0, 0, 0, 0.35); animation-delay: -1.5s; } .lush-timeline__item--yellow .lush-timeline__photo { box-shadow: 10px 10px 0 var(--lush-tile-yellow), 0 24px 36px -20px rgba(0, 0, 0, 0.35); animation-delay: -3s; } .lush-timeline__item--lilac .lush-timeline__photo { box-shadow: 10px 10px 0 var(--lush-tile-lilac), 0 24px 36px -20px rgba(0, 0, 0, 0.35); animation-delay: -4.5s; } .lush-timeline__item:nth-child(5) .lush-timeline__photo { animation-delay: -6s; } .lush-timeline__photo img { width: 100%; height: 100%; object-fit: cover; object-position: center 30%; } .lush-timeline__text { padding: 0 4px; } .av-lush .lush-timeline__text h3 { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; margin: 0 0 8px; } .lush-timeline__text h3::after { content: ""; display: block; width: 36px; height: 2px; background: var(--lush-pink); margin: 8px auto 0; } .lush-timeline__text p { margin: 0; font-size: 14px; line-height: 1.6; color: var(--lush-text); } .lush-about-news { padding: 60px 0; text-align: center; } .av-lush .lush-about-news h2 { font-size: 30px; font-weight: 400; margin: 0 0 8px; } .lush-about-news form { display: flex; gap: 10px; justify-content: center; margin-top: 28px; flex-wrap: wrap; } .lush-about-news input[type="email"] { min-width: 320px; border: 0; border-bottom: 1px solid #000000; border-radius: 0; padding: 12px 0; font: inherit; background: none; } .lush-about-where { padding: 20px 0 70px; } .lush-gallery__intro { max-width: 760px; margin: 60px auto 0; text-align: center; } .av-lush .lush-gallery__intro h1 { font-size: 26px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; margin: 0 0 16px; } .lush-gallery__intro p { font-size: 17px; color: var(--lush-text); margin: 0; } .lush-gallery__set .lush-title { margin-top: 72px; } .lush-gallery__feed { margin-top: 72px; text-align: center; } .lush-gallery__feed .av-fb { display: flex; flex-direction: column; align-items: center; margin-top: 28px; } @media (max-width: 999.98px) { .lush-band-pink { padding: 48px 0 40px; border-radius: 50% 50% 0 0 / 30px 30px 0 0; } .lush-band-pink__head { margin-bottom: 30px; } .lush-band-pink__path { display: none; } .lush-band-pink__grid { grid-template-columns: 1fr 1fr; gap: 26px 14px; padding: 0 16px; } .lush-band-pink__item:nth-child(even) { margin-top: 0; } .lush-timeline { padding: 56px 0 48px; border-radius: 50% 50% 0 0 / 40px 40px 0 0; } .lush-timeline__row { grid-template-columns: 1fr 1fr; gap: 28px 14px; } .lush-timeline__item:nth-child(even) { margin-top: 0; } .lush-timeline__path { display: none; } .lush-timeline__photo { width: 120px; height: 150px; border-radius: 60px 60px 14px 14px; } .lush-timeline__word { font-size: 90px; } .lush-about-news input[type="email"] { min-width: 0; width: 100%; } .lush-gallery__intro { margin-top: 40px; } .lush-gallery__set .lush-title { margin-top: 56px; } } .lush-footer { position: relative; margin-top: 110px; padding-top: 76px; overflow: hidden; color: #000000; font-size: 15px; background: radial-gradient(circle at 86% 8%, rgba(251, 211, 219, 0.55) 0, rgba(251, 211, 219, 0) 34%), radial-gradient(circle at 6% 92%, rgba(217, 236, 246, 0.6) 0, rgba(217, 236, 246, 0) 30%), #ffffff; border-top: 1px solid rgba(0, 0, 0, 0.06); } .av-lush.home .lush-footer { margin-top: 24px; } .lush-footer__word { position: absolute; right: -1vw; bottom: 92px; font-family: var(--lush-serif); font-size: clamp(120px, 18vw, 280px); line-height: 0.8; font-weight: 600; letter-spacing: 4px; text-transform: uppercase; color: rgba(249, 110, 137, 0.06); white-space: nowrap; pointer-events: none; } .lush-footer__ring { position: absolute; border-radius: 50%; border: 1.5px solid rgba(249, 110, 137, 0.3); pointer-events: none; } .lush-footer__ring--1 { width: 420px; height: 420px; right: 6%; top: -180px; } .lush-footer__ring--2 { width: 560px; height: 560px; right: 2%; top: -260px; border-color: rgba(239, 196, 0, 0.3); } .lush-footer__grid { position: relative; display: grid; grid-template-columns: 1.5fr 1fr 1fr 1.3fr; gap: 40px; padding-bottom: 64px; } .lush-footer__logo { display: grid; place-items: center; width: 84px; height: 84px; margin-bottom: 22px; border-radius: 50%; background: #ffffff; box-shadow: 0 14px 34px rgba(249, 110, 137, 0.28), 0 0 0 1px rgba(0, 0, 0, 0.05); } .lush-footer__logo img { height: 64px; width: auto; } .lush-footer__logo span { font-size: 18px; letter-spacing: 3px; color: var(--lush-pink); } .lush-footer__brand p { margin: 0 0 24px; max-width: 320px; font-family: var(--lush-serif); font-size: 19px; font-style: italic; line-height: 1.55; color: var(--lush-text); } .lush-footer__social { display: flex; gap: 10px; list-style: none; margin: 0; padding: 0; } .lush-footer__social li { margin: 0; } .lush-footer a.lush-footer__soc { display: inline-grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; border: 1px solid rgba(0, 0, 0, 0.16); background: #ffffff; color: #000000; transition: background 0.25s, color 0.25s, border-color 0.25s, transform 0.25s; } .lush-footer a.lush-footer__soc:hover { background: var(--lush-pink); border-color: var(--lush-pink); color: #ffffff; transform: translateY(-2px); } .lush-footer__soc svg { width: 18px; height: 18px; } .av-lush .lush-footer h3 { display: flex; align-items: center; gap: 12px; margin: 10px 0 22px; font-family: var(--lush-serif); font-size: 25px; font-weight: 600; letter-spacing: 0; text-transform: none; color: #000000; } .lush-footer__hicon { display: inline-grid; place-items: center; width: 36px; height: 36px; border-radius: 18px 18px 6px 6px; background: var(--lush-tile-pink); color: #000000; } .lush-footer__col + .lush-footer__col .lush-footer__hicon { background: var(--lush-tile-blue); } .lush-footer__contact .lush-footer__hicon { background: var(--lush-tile-yellow); } .lush-footer__hicon svg { width: 17px; height: 17px; } .lush-footer ul { list-style: none; margin: 0; padding: 0; } .lush-footer li { margin: 0 0 12px; } .lush-footer a { color: var(--lush-text); text-decoration: none; } .lush-footer a:hover { color: var(--lush-pink); text-decoration: none; } .lush-footer__col li a::before { content: "\203A"; margin-right: 9px; color: var(--lush-pink); } .lush-footer__contact li { display: flex; align-items: flex-start; gap: 12px; } .lush-footer__contact li > svg { flex: 0 0 18px; width: 18px; height: 18px; margin-top: 3px; color: var(--lush-pink); } .lush-footer__bottom { position: relative; background: var(--lush-pink); color: #ffffff; } .lush-footer__bottom .lush-wrap { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 18px; min-height: 72px; } .lush-footer__bottom p { margin: 0; font-size: 13px; color: #ffffff; } .lush-footer__bottom ul { display: flex; gap: 22px; } .lush-footer__bottom li { margin: 0; } .lush-footer__bottom ul a { font-size: 13px; color: #ffffff; } .lush-footer__bottom ul a:hover { color: #ffffff; text-decoration: underline; } .lush-footer__pay { margin: 0; padding: 6px 10px; background: #ffffff; border-radius: 999px; } .lush-pay { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; list-style: none; margin: 0; padding: 0; } .lush-pay__item { margin: 0; display: inline-flex; } .lush-pay__item svg, .lush-pay__item img { width: 64px; height: 24px; display: block; border-radius: 4px; } .lush-pay__item--visa svg, .lush-pay__item--mastercard svg { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); } @media (max-width: 999.98px) { .lush-footer { margin-top: 72px; padding-top: 56px; } .lush-footer__grid { grid-template-columns: 1fr 1fr; gap: 30px; padding-bottom: 44px; } .lush-footer__brand, .lush-footer__contact { grid-column: 1 / -1; } .lush-footer__word { font-size: 110px; bottom: 110px; } .lush-footer__ring--1 { width: 260px; height: 260px; top: -120px; } .lush-footer__ring--2 { width: 360px; height: 360px; top: -180px; } .lush-footer__bottom .lush-wrap { flex-direction: column; justify-content: center; text-align: center; padding-top: 18px; padding-bottom: 18px; } .lush-pay { justify-content: center; } } @media (min-width: 1000px) and (max-width: 1199.98px) { .lush-footer__grid { grid-template-columns: 1.3fr 1fr 1fr 1.2fr; gap: 24px; } } @media (max-width: 599.98px) { .lush-footer__grid { grid-template-columns: 1fr; } .lush-band-pink__grid { grid-template-columns: 1fr; } .lush-timeline__row { grid-template-columns: 1fr; } } html.lush-pop-open { overflow: hidden; } .lush-pop { position: fixed; inset: 0; z-index: 9500; display: grid; place-items: center; padding: 20px; background: rgba(20, 24, 34, 0.55); } .lush-pop[hidden] { display: none; } .lush-pop__box { position: relative; display: grid; grid-template-columns: 46% 54%; width: min(860px, 100%); max-height: calc(100vh - 40px); background: #ffffff; overflow: hidden; box-shadow: 0 30px 80px rgba(0, 0, 0, 0.35); animation: lushPopIn 0.45s ease both; } @keyframes lushPopIn { from { opacity: 0; transform: translateY(16px) scale(0.98); } to { opacity: 1; transform: none; } } .lush-pop__photo { min-height: 480px; } .lush-pop__photo img { width: 100%; height: 100%; min-height: 480px; object-fit: cover; object-position: center 45%; display: block; } .lush-pop__body { padding: 56px 48px 40px; text-align: center; display: flex; flex-direction: column; justify-content: center; } .lush-pop__kicker { margin: 0 0 10px; font-size: 12px; letter-spacing: 3px; text-transform: uppercase; color: var(--lush-pink); } .av-lush .lush-pop__title { margin: 0 0 16px; font-size: 26px; font-weight: 500; line-height: 1.3; color: #000000; } .lush-pop__text { margin: 0 0 26px; font-size: 15px; line-height: 1.6; color: var(--lush-muted); } .lush-pop .av-form--newsletter { margin: 0; } .lush-pop .av-form__row { display: flex; gap: 0; } .lush-pop .av-form--newsletter input[type="email"] { flex: 1; min-width: 0; border: 1px solid #DDDDDD; border-right: 0; border-radius: 0; padding: 14px 16px; font: inherit; font-size: 14px; } .lush-pop .av-form--newsletter button { border-radius: 0; background: #000000 !important; color: #ffffff !important; padding: 0 24px; font-size: 14px; font-weight: 600; text-transform: none; letter-spacing: 0; } .lush-pop .av-form__consent { margin: 14px 0 0; font-size: 13px; color: var(--lush-muted); } .lush-pop .av-form__notice { margin: 0 0 14px; font-size: 14px; } .lush-pop__no { display: inline-flex; align-items: center; justify-content: center; gap: 8px; margin-top: 22px; font-size: 13px; color: var(--lush-text); cursor: pointer; } .lush-pop__no input { accent-color: var(--lush-pink); margin: 0; } .lush-pop__close { position: absolute; top: 10px; right: 12px; z-index: 2; width: 40px; height: 40px; border: 0; border-radius: 50%; background: rgba(255, 255, 255, 0.9); color: #000000; font-size: 28px; line-height: 1; cursor: pointer; } @media (max-width: 999.98px) { .lush-pop__box { grid-template-columns: 1fr; max-height: calc(100dvh - 24px); overflow-y: auto; } .lush-pop__photo, .lush-pop__photo img { min-height: 0; height: 200px; } .lush-pop__body { padding: 28px 22px 26px; } .av-lush .lush-pop__title { font-size: 21px; } } [data-lush-reveal] .lush-promise__item { opacity: 0; transform: translateY(26px); transition: opacity 0.7s ease, transform 0.7s ease; } [data-lush-reveal].is-in .lush-promise__item { opacity: 1; transform: none; } [data-lush-reveal].is-in .lush-promise__item:nth-child(2) { transition-delay: 0.15s; } [data-lush-reveal].is-in .lush-promise__item:nth-child(3) { transition-delay: 0.3s; } @media (prefers-reduced-motion: reduce) { .lush-slide, .lush-list__track, .lush-tile__media img, .lush-card__media img, .lush-nav, .lush-search__input { transition: none; } .lush-classic__art img, .lush-timeline__photo, .lush-ticker__row, .lush-life__badge, .lush-life__badge i { animation: none; } .lush-band-pink__item, [data-lush-reveal] .lush-promise__item, .lush-timeline__item, .lush-life .lush-life__art > *, .lush-journal .lush-post { opacity: 1; transform: none; transition: none; } .lush-timeline__path path, .lush-band-pink__path path { stroke-dashoffset: 0; transition: none; } .lush-pop__box { animation: none; } .lush-slide__copy > * { opacity: 1; transform: none; animation: none !important; } } :root, .av-lush { --lush-gold: #B8923E; --lush-gold-soft: rgba(184, 146, 62, 0.32); --lush-ivory: #FFFCF8; --lush-stage: #F4EFE9; } .av-lush [data-products] .product { padding: 0 0 22px; border-radius: 6px; background: var(--lush-ivory); border: 1px solid rgba(184, 146, 62, 0.18); box-shadow: 0 18px 40px -30px rgba(40, 24, 10, 0.45); text-align: center; overflow: visible; } .av-lush [data-products] .product:hover { --lift: -8px; border-color: var(--lush-gold-soft); box-shadow: 0 40px 60px -32px rgba(40, 24, 10, 0.5); } .av-lush [data-products] .product::before, .av-lush [data-products] .product::after { content: ""; position: absolute; z-index: 3; width: 22px; height: 22px; pointer-events: none; opacity: 0; transition: opacity 0.45s ease, transform 0.45s ease; } .av-lush [data-products] .product::before { left: 10px; top: 10px; border-left: 1px solid var(--lush-gold); border-top: 1px solid var(--lush-gold); transform: translate(6px, 6px); } .av-lush [data-products] .product::after { right: 10px; bottom: 10px; border-right: 1px solid var(--lush-gold); border-bottom: 1px solid var(--lush-gold); transform: translate(-6px, -6px); } .av-lush [data-products] .product:hover::before, .av-lush [data-products] .product:hover::after { opacity: 1; transform: none; } .av-lush [data-products] .product .ct-media-container { aspect-ratio: 4 / 5 !important; border-radius: 6px 6px 0 0 !important; background: radial-gradient(120% 90% at 50% 20%, #ffffff 0%, var(--lush-stage) 100%); } .av-lush [data-products] .product .ct-media-container::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 34%; background: linear-gradient(180deg, rgba(255, 252, 248, 0) 0%, rgba(255, 252, 248, 0.9) 100%); pointer-events: none; } .av-lush [data-products] .product .ct-media-container img { padding: 7% 9% 10%; filter: drop-shadow(0 22px 18px rgba(40, 24, 10, 0.18)); transition: transform 0.8s cubic-bezier(0.2, 0.8, 0.2, 1), filter 0.8s ease; } .av-lush [data-products] .product:hover .ct-media-container img { transform: scale(1.08) translateY(-6px); filter: drop-shadow(0 32px 24px rgba(40, 24, 10, 0.24)); } .av-lush [data-products] .product .entry-meta { margin: 16px 0 4px; font-size: 10px; letter-spacing: 3px; text-transform: uppercase; } .av-lush [data-products] .product .entry-meta a { color: #8a8077; } .av-lush [data-products] .product .woocommerce-loop-product__title { margin: 10px 18px 6px; font-family: var(--lush-serif); font-size: 20px; font-weight: 600; line-height: 1.2; letter-spacing: 0.2px; } .av-lush [data-products] .product .woocommerce-loop-product__title a { color: #141110; } .av-lush [data-products] .product .woocommerce-loop-product__title a:hover { color: var(--lush-gold); } .av-lush [data-products] .product .price, .av-lush [data-products] .product .av-price-ask { display: block; position: relative; margin: 8px auto 0; padding-top: 10px; color: var(--lush-gold) !important; font-size: 11px; font-weight: 600; letter-spacing: 3px; text-transform: uppercase; } .av-lush [data-products] .product .price::before, .av-lush [data-products] .product > .av-price-ask::before { content: ""; position: absolute; left: 50%; top: 0; width: 34px; height: 1px; background: var(--lush-gold); transform: translateX(-50%); } .av-lush [data-products] .product .price .av-price-ask::before { display: none; } .av-lush [data-products] .product .ct-woo-card-actions { justify-content: center; margin: 16px 0 0; } .av-lush [data-products] .product .ct-woo-card-actions .button { padding: 11px 24px; background: transparent !important; color: #141110 !important; border: 1px solid #141110 !important; font-size: 10px; letter-spacing: 2.5px; transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease; } .av-lush [data-products] .product .ct-woo-card-actions .button:hover { background: #141110 !important; color: #ffffff !important; transform: translateY(-1px); } .av-lush [data-products] .av-order--card { justify-content: center; gap: 18px; margin-top: 12px; } .av-lush [data-products] .av-order__btn { font-size: 10px; letter-spacing: 2px; text-transform: uppercase; border-bottom-color: var(--lush-gold); } .av-lush .av-badge { left: 16px; top: 16px; padding: 5px 12px; font-size: 9px; letter-spacing: 2px; background: #141110; color: #ffffff; } .av-lush .av-badge--new { background: #141110; color: var(--lush-ivory); } .av-lush .related .product, .av-lush .up-sells .product { margin: 0; box-shadow: 0 18px 40px -30px rgba(40, 24, 10, 0.45); background: var(--lush-ivory); } .av-lush .related .product:hover, .av-lush .up-sells .product:hover { box-shadow: 0 40px 60px -32px rgba(40, 24, 10, 0.5); } .av-lush .related .product .woocommerce-loop-product__title, .av-lush .up-sells .product .woocommerce-loop-product__title { padding: 0; background: none; letter-spacing: 0.2px; } .av-lush .related .product .woocommerce-loop-product__title a, .av-lush .up-sells .product .woocommerce-loop-product__title a { color: #141110; } .av-lush .related .product .woocommerce-loop-product__title::after { display: none; } .av-lush .related .product .price, .av-lush .up-sells .product .price { padding: 10px 0 0; background: none; } .av-lush .related .product .price .av-price-ask, .av-lush .related .product .av-price-ask, .av-lush .up-sells .product .av-price-ask { color: var(--lush-gold) !important; } .av-lush .related.products .ct-module-title, .av-lush .up-sells .ct-module-title { font-family: var(--lush-serif); font-size: 34px; font-weight: 600; letter-spacing: 0.5px; text-transform: none; } .av-lush .related.products .ct-module-title::before, .av-lush .related.products .ct-module-title::after { width: 60px; height: 1px; background: var(--lush-gold); } .lush-card { padding: 0 0 18px; border-radius: 6px; background: var(--lush-ivory); border: 1px solid rgba(184, 146, 62, 0.18); box-shadow: 0 18px 40px -30px rgba(40, 24, 10, 0.45); text-align: center; transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease; } .lush-card:hover { transform: translateY(-8px); border-color: var(--lush-gold-soft); box-shadow: 0 40px 60px -32px rgba(40, 24, 10, 0.5); } .lush-card__media { aspect-ratio: 4 / 5; border-radius: 6px 6px 0 0; background: radial-gradient(120% 90% at 50% 20%, #ffffff 0%, var(--lush-stage) 100%); } .lush-card__media img { padding: 7% 9% 10%; filter: drop-shadow(0 22px 18px rgba(40, 24, 10, 0.18)); transition: transform 0.8s cubic-bezier(0.2, 0.8, 0.2, 1); } .lush-card:hover .lush-card__media img { transform: scale(1.08) translateY(-6px); } .lush-card__title { margin: 16px 16px 6px; font-family: var(--lush-serif); font-size: 20px; font-weight: 600; letter-spacing: 0.2px; text-transform: none; line-height: 1.2; } .lush-card__title a { color: #141110; } .lush-card__title a:hover { color: var(--lush-gold); } .lush-card__price { position: relative; margin: 8px auto 0; padding-top: 10px; color: var(--lush-gold); font-size: 11px; font-weight: 600; letter-spacing: 3px; text-transform: uppercase; } .lush-card__price::before { content: ""; position: absolute; left: 50%; top: 0; width: 34px; height: 1px; background: var(--lush-gold); transform: translateX(-50%); } .lush-card a.lush-card__add { margin-top: 16px; padding: 11px 24px; border-radius: 999px; background: transparent; color: #141110; box-shadow: inset 0 0 0 1px #141110; font-size: 10px; letter-spacing: 2.5px; transition: background 0.3s ease, color 0.3s ease; } .lush-card a.lush-card__add:hover, .lush-card a.lush-card__add--options:hover { background: #141110; color: #ffffff; box-shadow: inset 0 0 0 1px #141110; } .lush-card a.lush-card__add--options { background: transparent; color: #141110; box-shadow: inset 0 0 0 1px #141110; } .lush-best .lush-card { padding: 0 0 18px; } .lush-best .lush-card__media, .lush-best .lush-card:hover .lush-card__media { border-radius: 6px 6px 0 0; box-shadow: none; transform: none; } .lush-best .lush-card:nth-child(4n+2) .lush-card__media, .lush-best .lush-card:nth-child(4n+3) .lush-card__media, .lush-best .lush-card:nth-child(4n+4) .lush-card__media, .lush-best .lush-card:nth-child(4n+2):hover .lush-card__media, .lush-best .lush-card:nth-child(4n+3):hover .lush-card__media, .lush-best .lush-card:nth-child(4n+4):hover .lush-card__media { box-shadow: none; } .lush-best .lush-card__media img { padding: 7% 9% 10%; } .lush-best .lush-card:hover .lush-card__media img { transform: scale(1.08) translateY(-6px); } .lush-best .lush-card__title { margin-top: 16px; } @media (max-width: 999.98px) { .av-lush [data-products] .product .woocommerce-loop-product__title, .lush-card__title { font-size: 17px; margin-left: 10px; margin-right: 10px; } .av-lush [data-products] .product .ct-woo-card-actions .button, .lush-card a.lush-card__add { padding: 10px 18px; } .av-lush [data-products] .product::before, .av-lush [data-products] .product::after { display: none; } } @media (hover: none) { .av-lush [data-products] .product::before, .av-lush [data-products] .product::after { display: none; } } :root, .av-lush { --av-font-display: "Cormorant Garamond", "Cormorant Garamond Fallback", "Noto Serif Bengali", Georgia, serif; --av-font-body: "Jost", "Jost Fallback", "Hind Siliguri", system-ui, -apple-system, "Segoe UI", sans-serif; --av-font-label: var(--av-font-body); --av-font-poster: var(--av-font-display); --lush-ink: #141110; --lush-text: #2b2724; --lush-gold-deep: #9A7A2E; --theme-font-family: var(--av-font-body); --theme-font-size: 16px; --theme-line-height: 1.7; --theme-button-background-initial-color: #141110; --theme-button-background-hover-color: var(--lush-gold); --theme-link-initial-color: var(--lush-gold-deep); --theme-link-hover-color: #141110; } body.av-lush { font-family: var(--av-font-body); font-size: 16px; line-height: 1.7; color: var(--lush-text); letter-spacing: 0.1px; } .av-lush :where(h1, h2, h3, h4, h5, h6), .av-lush .entry-content :where(h1, h2, h3, h4), .av-lush .ct-module-title { font-family: var(--av-font-display); font-weight: 500; letter-spacing: 0; line-height: 1.12; color: var(--lush-ink); } .av-lush .entry-content h1, .av-lush h1.page-title { font-size: clamp(38px, 4.2vw, 58px); } .av-lush .entry-content h2 { font-size: clamp(30px, 3vw, 42px); } .av-lush .entry-content h3 { font-size: clamp(22px, 2vw, 28px); } .av-lush :where(a) { color: var(--lush-gold-deep); } .av-lush :where(a:hover) { color: var(--lush-ink); } .av-lush p { font-weight: 400; } .av-lush .entry-content > p, .av-lush .lush-slide__sub, .av-lush .av-book-note { font-family: var(--av-font-body); } .av-lush .wp-element-button, .av-lush .button, .av-lush button.wp-element-button, .av-lush input[type="submit"], .lush-btn, .av-lush .lush-btn { background: #141110; color: #ffffff; border: 0; border-radius: 0; font-family: var(--av-font-body); font-size: 11px; font-weight: 500; letter-spacing: 2.5px; text-transform: uppercase; transition: background 0.3s ease, color 0.3s ease; } .av-lush .wp-element-button:hover, .av-lush .button:hover, .av-lush input[type="submit"]:hover, .lush-btn:hover, .av-lush .lush-btn:hover { background: var(--lush-gold); color: #ffffff; } .lush-btn-outline, .av-lush .lush-btn-outline { border-width: 1px; font-family: var(--av-font-body); font-size: 11px; font-weight: 500; letter-spacing: 2.5px; text-transform: uppercase; } .av-lush .lush-nav a, .av-lush .lush-head__nav a { font-family: var(--av-font-body); font-weight: 500; letter-spacing: 1.2px; text-transform: uppercase; font-size: 12px; } .lush-slide__label, .av-lush .lush-kicker, .av-lush .lush-eyebrow { font-family: var(--av-font-body); font-weight: 500; } .av-lush .lush-slide__title, .av-lush .lush-classic__title, .av-lush .lush-life__title { font-weight: 500; letter-spacing: 0; } .av-lush .lush-slide__product-cap strong { font-family: var(--av-font-display); font-size: 18px; font-weight: 600; line-height: 1.15; } .av-lush .lush-slide__product-cap > span { color: var(--lush-gold-deep); font-size: 11px; letter-spacing: 2px; text-transform: uppercase; } .av-lush .lush-slide__product-tag { background: #141110; letter-spacing: 2.5px; } .av-lush .lush-filter button, .av-lush .lush-tabs__btn, .av-lush .woocommerce-result-count, .av-lush .av-cats a, .av-lush .woocommerce-ordering select { font-family: var(--av-font-body); font-weight: 500; letter-spacing: 2px; font-size: 11px; } .av-lush .av-cats a { border-color: rgba(20, 17, 16, 0.18); padding: 9px 18px; color: var(--lush-ink); } .av-lush .av-cats a:hover, .av-lush .av-cats a.is-active, .av-lush .av-cats a[aria-current] { background: #141110; border-color: #141110; color: #ffffff; } .av-lush .lush-filter button.is-active, .av-lush .lush-tabs__btn.is-active { color: var(--lush-ink) !important; border-bottom-color: var(--lush-gold) !important; } .av-lush .woocommerce-ordering select { border-color: rgba(20, 17, 16, 0.18); color: var(--lush-ink); } .av-lush .products, .av-lush [data-products] { --av-grid-gap: 56px 40px; } .av-lush [data-products] .product, .av-lush .related .product, .av-lush .up-sells .product { padding: 0 0 10px; border: 0; border-radius: 0; background: transparent; box-shadow: none; text-align: center; margin: 0; } .av-lush [data-products] .product:hover, .av-lush .related .product:hover, .av-lush .up-sells .product:hover { --lift: -4px; border-color: transparent; box-shadow: none; } .av-lush [data-products] .product::before, .av-lush [data-products] .product::after { display: none; } .av-lush [data-products] .product .ct-media-container { position: relative; aspect-ratio: 4 / 5 !important; border-radius: 2px !important; background: linear-gradient(180deg, #FBF8F3 0%, #F1EBE3 100%); box-shadow: inset 0 0 0 1px rgba(184, 146, 62, 0.14) !important; } .av-lush [data-products] .product .ct-media-container::after { content: ""; position: absolute; inset: 14px; height: auto; z-index: 2; border: 1px solid var(--lush-gold); background: none; opacity: 0; transform: scale(0.96); transition: opacity 0.6s ease, transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1); pointer-events: none; } .av-lush [data-products] .product:hover .ct-media-container::after { opacity: 0.9; transform: none; } .av-lush [data-products] .product .ct-media-container::before { content: "AVÉNA"; position: absolute; left: 50%; bottom: 20px; z-index: 1; transform: translateX(-50%); font-family: var(--av-font-display); font-size: 11px; letter-spacing: 6px; color: rgba(20, 17, 16, 0.28); pointer-events: none; transition: opacity 0.4s ease; } .av-lush [data-products] .product:hover .ct-media-container::before { opacity: 0; } .av-lush [data-products] .product .ct-media-container img { padding: 9% 11% 14%; filter: drop-shadow(0 24px 20px rgba(40, 24, 10, 0.16)); transition: transform 1s cubic-bezier(0.2, 0.8, 0.2, 1), filter 1s ease; } .av-lush [data-products] .product:hover .ct-media-container img { transform: scale(1.06) translateY(-4px); filter: drop-shadow(0 34px 26px rgba(40, 24, 10, 0.22)); } .av-lush [data-products] .product .entry-meta { display: block !important; margin: 18px 0 2px; font-family: var(--av-font-body); font-size: 10px; letter-spacing: 3.5px; text-transform: uppercase; } .av-lush [data-products] .product .entry-meta a { color: #8a8077; text-decoration: none; } .av-lush [data-products] .product .woocommerce-loop-product__title, .av-lush .related .product .woocommerce-loop-product__title, .av-lush .up-sells .product .woocommerce-loop-product__title { margin: 6px 8px 4px; padding: 0; background: none; font-family: var(--av-font-display); font-size: 22px; font-weight: 500; line-height: 1.18; letter-spacing: 0; text-transform: none; } .av-lush [data-products] .product .woocommerce-loop-product__title a { color: var(--lush-ink); text-decoration: none; } .av-lush [data-products] .product .woocommerce-loop-product__title a:hover { color: var(--lush-gold-deep); } .av-lush [data-products] .product .price, .av-lush [data-products] .product > .av-price-ask, .av-lush .related .product .price { display: flex; align-items: center; justify-content: center; gap: 12px; margin: 6px 0 0; padding: 0; background: none; font-family: var(--av-font-body); font-size: 10px; font-weight: 500; letter-spacing: 3px; text-transform: uppercase; color: var(--lush-gold-deep) !important; } .av-lush [data-products] .product .price::before, .av-lush [data-products] .product .price::after, .av-lush [data-products] .product > .av-price-ask::before, .av-lush [data-products] .product > .av-price-ask::after { content: ""; position: static; width: 22px; height: 1px; background: var(--lush-gold); transform: none; } .av-lush [data-products] .product .price .av-price-ask { color: var(--lush-gold-deep) !important; } .av-lush [data-products] .product .ct-woo-card-actions, .av-lush [data-products] .av-order--card { display: flex !important; justify-content: center; align-items: center; gap: 0; margin: 10px 0 0; } .av-lush [data-products] .product .ct-woo-card-actions .button, .av-lush [data-products] .av-order__btn { display: inline-block; margin: 0; padding: 4px 12px !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; color: var(--lush-ink) !important; font-family: var(--av-font-body); font-size: 10px; font-weight: 500; letter-spacing: 2.2px; text-transform: uppercase; text-decoration: none; min-height: 0; line-height: 1.4; transition: color 0.3s ease; } .av-lush [data-products] .product .ct-woo-card-actions .button:hover, .av-lush [data-products] .av-order__btn:hover { color: var(--lush-gold-deep) !important; background: transparent !important; transform: none; } .av-lush [data-products] .av-order__btn + .av-order__btn { border-left: 1px solid rgba(184, 146, 62, 0.45) !important; } .av-lush [data-products] .product .ct-woo-card-actions .added_to_cart { margin: 0 0 0 8px; font-size: 10px; letter-spacing: 1.5px; text-transform: uppercase; } .av-lush .related .product .av-order--card { display: flex !important; } .av-lush .related .product .entry-meta { display: block !important; } .av-lush .av-badge { left: 14px; top: 14px; padding: 5px 12px; border-radius: 0; background: #141110; color: #ffffff; font-family: var(--av-font-body); font-size: 9px; letter-spacing: 2.5px; } .av-lush .av-badge--new { background: #141110; color: #ffffff; } @media (hover: hover) and (min-width: 1000px) { .av-lush [data-products] .product .ct-woo-card-actions, .av-lush [data-products] .av-order--card { opacity: 0; transform: translateY(6px); transition: opacity 0.4s ease, transform 0.4s ease; } .av-lush [data-products] .product:hover .ct-woo-card-actions, .av-lush [data-products] .product:hover .av-order--card, .av-lush [data-products] .product:focus-within .ct-woo-card-actions, .av-lush [data-products] .product:focus-within .av-order--card { opacity: 1; transform: none; } } @media (min-width: 1200px) { .av-lush.woocommerce.archive [data-products], .av-lush.woocommerce.archive .products, .av-lush.post-type-archive-product [data-products], .av-lush.tax-product_cat [data-products], .av-lush.tax-product_tag [data-products] { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } } .lush-card, .lush-best .lush-card { padding: 0 0 10px; border: 0; border-radius: 0; background: transparent; box-shadow: none; } .lush-card:hover { transform: translateY(-4px); border-color: transparent; box-shadow: none; } .lush-card__media, .lush-best .lush-card__media, .lush-best .lush-card:hover .lush-card__media { position: relative; aspect-ratio: 4 / 5; border-radius: 2px; background: linear-gradient(180deg, #FBF8F3 0%, #F1EBE3 100%); box-shadow: inset 0 0 0 1px rgba(184, 146, 62, 0.14); } .lush-card__media::after { content: ""; position: absolute; inset: 14px; border: 1px solid var(--lush-gold); opacity: 0; transform: scale(0.96); transition: opacity 0.6s ease, transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1); pointer-events: none; } .lush-card:hover .lush-card__media::after { opacity: 0.9; transform: none; } .lush-card__media img, .lush-best .lush-card__media img { padding: 9% 11% 14%; filter: drop-shadow(0 24px 20px rgba(40, 24, 10, 0.16)); } .lush-card:hover .lush-card__media img, .lush-best .lush-card:hover .lush-card__media img { transform: scale(1.06) translateY(-4px); } .lush-card__title, .lush-best .lush-card__title { margin: 18px 8px 4px; font-family: var(--av-font-display); font-size: 22px; font-weight: 500; line-height: 1.18; letter-spacing: 0; text-transform: none; } .lush-card__title a { color: var(--lush-ink); } .lush-card__price { display: flex; align-items: center; justify-content: center; gap: 12px; margin: 6px 0 0; padding: 0; font-family: var(--av-font-body); font-size: 10px; font-weight: 500; letter-spacing: 3px; color: var(--lush-gold-deep); } .lush-card__price::before, .lush-card__price::after { content: ""; position: static; width: 22px; height: 1px; background: var(--lush-gold); transform: none; } .lush-card a.lush-card__add, .lush-card a.lush-card__add--options { margin-top: 10px; padding: 4px 12px; border-radius: 0; background: transparent; color: var(--lush-ink); box-shadow: none; font-family: var(--av-font-body); font-size: 10px; letter-spacing: 2.2px; } .lush-card a.lush-card__add:hover, .lush-card a.lush-card__add--options:hover { background: transparent; color: var(--lush-gold-deep); box-shadow: none; } .av-lush .product_title { font-family: var(--av-font-display); font-size: clamp(34px, 3.4vw, 48px); font-weight: 500; letter-spacing: 0; line-height: 1.1; text-transform: none; color: var(--lush-ink); } .av-lush .summary .price, .av-lush .summary .av-price-ask { display: inline-flex; align-items: center; gap: 12px; margin: 6px 0 12px; font-family: var(--av-font-body); font-size: 12px; font-weight: 500; letter-spacing: 3px; text-transform: uppercase; color: var(--lush-gold-deep) !important; text-decoration: none; } .av-lush .summary .av-price-ask::before { content: ""; width: 28px; height: 1px; background: var(--lush-gold); } .av-lush .summary .woocommerce-product-details__short-description { font-family: var(--av-font-display); font-size: 20px; line-height: 1.5; color: var(--lush-text); } .av-lush .summary .single_add_to_cart_button { background: #141110 !important; color: #ffffff !important; font-family: var(--av-font-body); font-size: 11px; font-weight: 500; letter-spacing: 2.5px; text-transform: uppercase; height: 50px; min-height: 50px; } .av-lush .summary .single_add_to_cart_button:hover { background: var(--lush-gold) !important; } .av-lush .summary .av-order__btn--wa, .av-lush .summary .av-order__btn--call, .av-lush .summary .yith-wcwl-add-to-wishlist-button--single { background: transparent !important; color: var(--lush-ink) !important; border: 1px solid var(--lush-ink) !important; font-family: var(--av-font-body); font-size: 11px; font-weight: 500; letter-spacing: 2.5px; text-transform: uppercase; height: 50px; min-height: 50px; } .av-lush .summary .av-order__btn--wa:hover, .av-lush .summary .av-order__btn--call:hover, .av-lush .summary .yith-wcwl-add-to-wishlist-button--single:hover { background: #141110 !important; color: #ffffff !important; } .av-lush .yith-wcwl-add-to-wishlist-button--single svg { color: currentColor; } .av-lush .summary .quantity, .av-lush .summary .quantity input { border-color: rgba(20, 17, 16, 0.25); font-family: var(--av-font-body); } .av-lush .summary a, .av-lush .summary .av-size-link, .av-lush .summary .product_meta a { color: var(--lush-gold-deep); } .av-lush .av-book-note { font-family: var(--av-font-display); font-style: italic; font-size: 16px; color: #6b635b; } .av-lush .av-trust { font-family: var(--av-font-body); font-size: 14px; letter-spacing: 0.2px; color: var(--lush-text); } .av-lush .av-trust li::before { background: var(--lush-gold); } .av-lush .lush-tabs__btn { font-size: 11px; letter-spacing: 2.5px; } .av-lush .av-details h2, .av-lush .woocommerce-Tabs-panel h2, .av-lush .entry-content .av-details__body h2 { font-family: var(--av-font-display); font-size: clamp(26px, 2.4vw, 34px); font-weight: 500; } .av-lush .av-details table th { font-family: var(--av-font-body); font-size: 11px; letter-spacing: 2px; text-transform: uppercase; font-weight: 500; color: #6b635b; } .av-lush .woocommerce-product-gallery .ct-media-container, .av-lush .woocommerce-product-gallery figure { background: linear-gradient(180deg, #FBF8F3 0%, #F1EBE3 100%); box-shadow: inset 0 0 0 1px rgba(184, 146, 62, 0.14); } .av-lush .related.products .ct-module-title, .av-lush .up-sells .ct-module-title { font-size: clamp(30px, 3vw, 40px); font-weight: 500; } .av-lush input, .av-lush textarea, .av-lush select { font-family: var(--av-font-body); } .av-lush .lush-footer, .av-lush .lush-footer a { font-family: var(--av-font-body); } .av-lush .lush-footer__title, .av-lush .lush-footer h3, .av-lush .lush-footer h4 { font-family: var(--av-font-display); font-weight: 500; } @media (max-width: 999.98px) { .av-lush [data-products] .product .woocommerce-loop-product__title, .lush-card__title, .lush-best .lush-card__title { font-size: 18px; } .av-lush [data-products] .product .ct-media-container::before { display: none; } .av-lush .product_title { font-size: 32px; } } .lush-life { color: #2A2216; background: radial-gradient(900px 620px at 78% 38%, #FFF8E2 0%, rgba(255, 248, 226, 0) 70%), linear-gradient(135deg, #FBF1CF 0%, #F7E7B4 48%, #F3DE9E 100%); } .lush-life::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: repeating-linear-gradient(115deg, rgba(255, 255, 255, 0) 0 46px, rgba(255, 255, 255, 0.18) 46px 47px); mix-blend-mode: soft-light; } .lush-life__glow--1 { background: rgba(255, 255, 255, 0.85); opacity: 0.7; } .lush-life__glow--2 { background: rgba(201, 158, 62, 0.35); } .lush-life__word { color: rgba(154, 122, 46, 0.09); font-style: italic; } .lush-life__kicker { color: var(--lush-gold-deep); font-family: var(--av-font-body); font-weight: 500; letter-spacing: 4px; } .lush-life__kicker::before { background: var(--lush-gold); width: 48px; } .av-lush .lush-life__title { color: #1E180F; font-family: var(--av-font-display); font-weight: 500; font-size: clamp(44px, 5vw, 72px); } .av-lush .lush-life__title em { color: var(--lush-gold-deep); background: linear-gradient(100deg, #8C6A1F 0%, #C9A04A 35%, #F2D88C 50%, #C9A04A 65%, #8C6A1F 100%); background-size: 220% 100%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; animation: lushGoldSheen 7s ease-in-out infinite; } @keyframes lushGoldSheen { 0%, 100% { background-position: 100% 0; } 50% { background-position: 0 0; } } .lush-life__sub { color: rgba(42, 34, 22, 0.78); font-family: var(--av-font-display); font-size: 21px; line-height: 1.55; } .lush-life__chips li { border-color: rgba(154, 122, 46, 0.45); background: rgba(255, 255, 255, 0.45); color: #2A2216; font-family: var(--av-font-body); font-size: 11px; letter-spacing: 2px; text-transform: uppercase; backdrop-filter: blur(4px); } .lush-life__price { display: flex; align-items: center; gap: 14px; color: #2A2216; } .lush-life__price::before { content: ""; width: 28px; height: 1px; background: var(--lush-gold); } .lush-life__price a { color: var(--lush-gold-deep); font-family: var(--av-font-body); font-size: 12px; font-weight: 500; letter-spacing: 3px; text-transform: uppercase; } .lush-life .lush-btn { background: #1E180F; color: #FBF1CF; box-shadow: 0 18px 40px -18px rgba(30, 24, 15, 0.7); } .lush-life .lush-btn:hover { background: var(--lush-gold-deep); color: #ffffff; } .lush-life__orbit { border: 1px solid rgba(154, 122, 46, 0.35); outline: 1px dashed rgba(154, 122, 46, 0.25); outline-offset: 18px; } .lush-life__orbit::before { background: var(--lush-gold); box-shadow: 0 0 0 6px rgba(201, 160, 74, 0.2), 0 0 24px rgba(201, 160, 74, 0.8); } .lush-life__orbit::after { background: #ffffff; box-shadow: 0 0 16px rgba(255, 255, 255, 0.9); } .lush-life__plate { background: linear-gradient(180deg, rgba(201, 160, 74, 0.55), rgba(201, 160, 74, 0.12)); transform: rotate(-6deg) translate(-26px, 14px); } .lush-life__frame { box-shadow: 0 50px 80px -34px rgba(90, 64, 14, 0.55), 0 0 0 1px rgba(255, 255, 255, 0.9), 0 0 0 9px rgba(255, 252, 240, 0.55), 0 0 0 10px rgba(154, 122, 46, 0.55); } .lush-life__frame::after { content: ""; position: absolute; inset: 14px; border: 1px solid rgba(255, 255, 255, 0.75); border-radius: 156px 156px 16px 16px; pointer-events: none; } .lush-life__detail { box-shadow: 0 30px 50px -22px rgba(90, 64, 14, 0.55), 0 0 0 6px #FFF8E2, 0 0 0 7px rgba(154, 122, 46, 0.6); } .lush-life__detail figcaption { background: linear-gradient(180deg, rgba(30, 24, 15, 0) 0%, rgba(30, 24, 15, 0.75) 100%); color: #F2D88C; font-family: var(--av-font-body); letter-spacing: 3px; } .lush-life__mini { background: rgba(255, 252, 244, 0.92); border: 1px solid rgba(154, 122, 46, 0.35); box-shadow: 0 30px 50px -26px rgba(90, 64, 14, 0.5); backdrop-filter: blur(8px); } .lush-life__mini img { box-shadow: 5px 5px 0 rgba(201, 160, 74, 0.45); background: #F6EEDC; } .lush-life__mini span { font-family: var(--av-font-display); font-size: 15px; color: #1E180F; } .lush-life__mini b { color: var(--lush-gold-deep); font-family: var(--av-font-body); font-size: 10px; font-weight: 500; letter-spacing: 2.5px; text-transform: uppercase; } .lush-life__badge text { fill: #5A4416; font-size: 10.5px; letter-spacing: 2.6px; } .lush-life__badge i { background: radial-gradient(circle at 35% 30%, #F7E2A0, #C9A04A 60%, #8C6A1F); color: #ffffff; box-shadow: 0 0 0 4px rgba(255, 248, 226, 0.9), 0 10px 26px rgba(140, 106, 31, 0.5); } .lush-life__spark { background: #ffffff; box-shadow: 0 0 12px rgba(255, 255, 255, 1); } .lush-life__spark--3 { background: var(--lush-gold); box-shadow: 0 0 12px rgba(201, 160, 74, 0.9); } .lush-life__flow { border-top: 1px solid rgba(154, 122, 46, 0.3); background: rgba(30, 24, 15, 0.92); color: #F2D88C; font-family: var(--av-font-display); letter-spacing: 2px; } .av-grade--card { position: absolute; right: 12px; top: 12px; z-index: 3; padding: 5px 10px; border: 1px solid rgba(154, 122, 46, 0.55); background: rgba(255, 252, 244, 0.92); color: var(--lush-gold-deep); font-family: var(--av-font-body); font-size: 8.5px; font-weight: 500; letter-spacing: 2px; text-transform: uppercase; pointer-events: none; backdrop-filter: blur(4px); } .av-lush [data-products] .product figure, .av-lush [data-products] .product .ct-media-container, .av-lush [data-products] .product > a:first-child { position: relative; } .av-grade--single { display: flex; align-items: center; gap: 12px; margin: 0 0 10px; } .av-grade--single span { display: inline-block; padding: 6px 14px; border: 1px solid var(--lush-gold); background: linear-gradient(100deg, #FFF8E2, #F7E7B4); color: var(--lush-gold-deep); font-family: var(--av-font-body); font-size: 10px; font-weight: 500; letter-spacing: 3px; text-transform: uppercase; } .av-lush .lush-strip, .av-lush .lush-bar { letter-spacing: 0.4px; } @media (max-width: 999.98px) { .lush-life__sub { font-size: 18px; } .av-grade--card { font-size: 7.5px; letter-spacing: 1.5px; right: 8px; top: 8px; } } .lush-tile--photo { background: radial-gradient(520px 420px at 50% 85%, #FFF8E2 0%, rgba(255, 248, 226, 0) 70%), linear-gradient(160deg, #FBF1CF 0%, #F6E5AE 55%, #EFD58E 100%); } .lush-tile--photo .lush-tile__media { inset: auto 7% 7% 7%; aspect-ratio: 16 / 10; border-radius: 4px; overflow: hidden; box-shadow: 0 34px 60px -30px rgba(90, 64, 14, 0.6), 0 0 0 6px rgba(255, 252, 240, 0.85), 0 0 0 7px rgba(154, 122, 46, 0.6); } .lush-tile--photo .lush-tile__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 50%; transform: scale(1.12); transition: transform 0.9s cubic-bezier(0.2, 0.8, 0.2, 1); } .lush-tile--photo:hover .lush-tile__media img { transform: scale(1.18); } .lush-tile--photo::after { content: ""; position: absolute; left: 7%; right: 7%; bottom: calc(7% - 14px); height: 1px; background: linear-gradient(90deg, rgba(154, 122, 46, 0), rgba(154, 122, 46, 0.7), rgba(154, 122, 46, 0)); } .lush-tile--photo .lush-tile__copy { color: #1E180F; } .av-lush .lush-tile--photo .lush-tile__copy h3, .av-lush .lush-tile--photo .lush-tile__copy h4, .av-lush .lush-tile--photo .lush-tile__title { font-family: var(--av-font-display); font-weight: 500; font-size: clamp(30px, 2.8vw, 42px); color: #1E180F; } @media (max-width: 999.98px) { .lush-tile--photo .lush-tile__media { inset: auto 6% 6% 6%; } } :root, .av-lush { --lush-stone: #A89C90; --lush-stone-lt: #C4B9AD; --lush-stone-dk: #8E8276; --lush-gunmetal: #23201C; --lush-pewter: #5B544C; --lush-ivory-stone: #EFEAE4; } .lush-life { color: var(--lush-gunmetal); background: radial-gradient(900px 620px at 76% 38%, rgba(232, 225, 216, 0.55) 0%, rgba(232, 225, 216, 0) 70%), linear-gradient(135deg, #B7ABA0 0%, #A89C90 50%, #978B7F 100%); } .lush-life::before { background: radial-gradient(1200px 500px at 20% 0%, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0) 60%); mix-blend-mode: normal; } .lush-life__glow--1 { background: rgba(255, 255, 255, 0.35); opacity: 0.5; } .lush-life__glow--2 { background: rgba(35, 32, 28, 0.25); } .lush-life__word { color: rgba(35, 32, 28, 0.07); } .lush-life__kicker { color: var(--lush-gunmetal); } .lush-life__kicker::before, .lush-life__price::before { background: var(--lush-gunmetal); } .av-lush .lush-life__title { color: var(--lush-gunmetal); } .av-lush .lush-life__title em { background: linear-gradient(100deg, #1A1815 0%, #4A443D 35%, #8D857B 50%, #4A443D 65%, #1A1815 100%); background-size: 220% 100%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .lush-life__sub { color: rgba(35, 32, 28, 0.82); } .lush-life__chips li { border-color: rgba(35, 32, 28, 0.35); background: rgba(239, 234, 228, 0.35); color: var(--lush-gunmetal); } .lush-life__price a { color: var(--lush-gunmetal); } .lush-life .lush-btn { background: var(--lush-gunmetal); color: var(--lush-ivory-stone); box-shadow: 0 18px 40px -18px rgba(20, 18, 15, 0.7); } .lush-life .lush-btn:hover { background: #000000; color: #ffffff; } .lush-life__orbit { border-color: rgba(35, 32, 28, 0.28); outline-color: rgba(35, 32, 28, 0.18); } .lush-life__orbit::before { background: var(--lush-gunmetal); box-shadow: 0 0 0 6px rgba(35, 32, 28, 0.12); } .lush-life__plate { background: linear-gradient(180deg, rgba(35, 32, 28, 0.35), rgba(35, 32, 28, 0.06)); } .lush-life__frame { box-shadow: 0 50px 80px -34px rgba(20, 18, 15, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.8), 0 0 0 9px rgba(239, 234, 228, 0.45), 0 0 0 10px rgba(35, 32, 28, 0.45); } .lush-life__detail { box-shadow: 0 30px 50px -22px rgba(20, 18, 15, 0.55), 0 0 0 6px var(--lush-ivory-stone), 0 0 0 7px rgba(35, 32, 28, 0.45); } .lush-life__detail figcaption { color: var(--lush-ivory-stone); } .lush-life__mini { background: rgba(239, 234, 228, 0.94); border-color: rgba(35, 32, 28, 0.2); } .lush-life__mini img { box-shadow: 5px 5px 0 rgba(35, 32, 28, 0.25); background: #E4DED6; } .lush-life__mini b { color: var(--lush-pewter); } .lush-life__badge text { fill: var(--lush-gunmetal); } .lush-life__badge i { background: radial-gradient(circle at 35% 30%, #8D857B, #3A352F 60%, #1A1815); box-shadow: 0 0 0 4px rgba(239, 234, 228, 0.85), 0 10px 26px rgba(20, 18, 15, 0.45); } .lush-life__spark--3 { background: #ffffff; box-shadow: 0 0 12px rgba(255, 255, 255, 0.9); } .lush-life__flow { border-top-color: rgba(35, 32, 28, 0.25); background: var(--lush-gunmetal); color: var(--lush-stone-lt); } .lush-tile--photo { background: radial-gradient(520px 420px at 50% 85%, rgba(232, 225, 216, 0.6) 0%, rgba(232, 225, 216, 0) 70%), linear-gradient(160deg, #B7ABA0 0%, #A89C90 55%, #978B7F 100%); } .lush-tile--photo .lush-tile__media { box-shadow: 0 34px 60px -30px rgba(20, 18, 15, 0.6), 0 0 0 6px rgba(239, 234, 228, 0.85), 0 0 0 7px rgba(35, 32, 28, 0.45); } .lush-tile--photo::after { background: linear-gradient(90deg, rgba(35, 32, 28, 0), rgba(35, 32, 28, 0.55), rgba(35, 32, 28, 0)); } .av-grade--card { border-color: rgba(35, 32, 28, 0.35); background: rgba(239, 234, 228, 0.94); color: var(--lush-gunmetal); } .av-grade--single span { border-color: var(--lush-stone-dk); background: linear-gradient(100deg, #EFEAE4, #D8CFC5); color: var(--lush-gunmetal); } .lush-tile--photo .lush-tile__media { inset: 250px 7% 7% 7%; aspect-ratio: auto; } .lush-tile--photo .lush-tile__media img { inset: auto; left: 50%; top: 50%; width: auto; height: 235%; max-width: none; object-fit: initial; transform: translate(-50%, -50%); } .lush-tile--photo:hover .lush-tile__media img { transform: translate(-50%, -50%) scale(1.04); } .lush-tile--photo::after { display: none; } .lush-tile:not(.lush-tile--photo) { background: linear-gradient(150deg, #F1ECE6 0%, #E2DAD1 100%); } .lush-tile--blue { background: linear-gradient(150deg, #E6DFD7 0%, #D3C9BE 100%) !important; } .lush-tile--yellow { background: linear-gradient(150deg, #D9CFC4 0%, #BFB3A6 100%) !important; } .lush-tile--lilac { background: linear-gradient(150deg, #CFC5BA 0%, #B2A598 100%) !important; } .lush-tile .lush-tile__media img { filter: drop-shadow(0 22px 22px rgba(20, 18, 15, 0.22)); } .av-lush .lush-tile h3, .av-lush .lush-tile h4, .av-lush .lush-tile .lush-tile__title { font-family: var(--av-font-display); font-weight: 500; letter-spacing: 0; color: var(--lush-gunmetal); } .lush-tile p, .lush-tile .lush-tile__kicker { color: var(--lush-pewter); font-family: var(--av-font-body); letter-spacing: 3px; } @media (max-width: 999.98px) { .lush-tile--photo .lush-tile__media { inset: 200px 6% 6% 6%; } } .lush-tile.lush-tile--pink { background: radial-gradient(420px 320px at 30% 30%, rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0) 70%), var(--lush-tile-pink) !important; } .lush-tile.lush-tile--blue { background: radial-gradient(420px 320px at 30% 30%, rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0) 70%), var(--lush-tile-blue) !important; } .lush-tile.lush-tile--yellow { background: radial-gradient(520px 360px at 30% 35%, rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0) 70%), var(--lush-tile-yellow) !important; } .lush-tile.lush-tile--lilac { background: radial-gradient(300px 300px at 50% 25%, rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0) 70%), var(--lush-tile-lilac) !important; } .lush-tile.lush-tile--photo { background: radial-gradient(420px 360px at 50% 80%, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0) 70%), var(--lush-grey) !important; } .lush-tile::before { content: ""; position: absolute; inset: 12px; z-index: 1; border: 1px solid rgba(255, 255, 255, 0.75); pointer-events: none; transition: inset 0.5s ease, border-color 0.5s ease; } .lush-tile:hover::before { inset: 8px; border-color: rgba(255, 255, 255, 0.95); } .lush-tile { transition: transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.5s ease; } .lush-tile:hover { transform: translateY(-4px); box-shadow: 0 30px 50px -30px rgba(20, 18, 15, 0.35); } .lush-tile .lush-tile__copy { z-index: 2; } .lush-tile .lush-tile__media img { filter: drop-shadow(0 22px 22px rgba(20, 18, 15, 0.2)); } .lush-tile--photo .lush-tile__media { box-shadow: 0 34px 60px -30px rgba(20, 18, 15, 0.45), 0 0 0 6px #ffffff, 0 0 0 7px rgba(20, 18, 15, 0.18); } .av-lush .lush-tile h3, .av-lush .lush-tile h4, .av-lush .lush-tile .lush-tile__title { font-family: var(--av-font-display); font-weight: 500; color: #141110; } .lush-tile p, .lush-tile .lush-tile__kicker { color: #4a443d; } .lush-life { color: #FBF4EA; background: radial-gradient(700px 520px at 82% 30%, rgba(214, 62, 128, 0.55) 0%, rgba(214, 62, 128, 0) 70%), radial-gradient(800px 600px at 12% 90%, rgba(40, 92, 196, 0.55) 0%, rgba(40, 92, 196, 0) 70%), linear-gradient(125deg, #0C1B45 0%, #2A1460 42%, #5B1A6E 70%, #8E1F5E 100%); background-size: 140% 140%, 140% 140%, 100% 100%; animation: lushJewel 18s ease-in-out infinite alternate; } @keyframes lushJewel { 0% { background-position: 0% 0%, 100% 100%, 0 0; } 100% { background-position: 100% 60%, 0% 40%, 0 0; } } .lush-life::before { background: radial-gradient(1000px 420px at 30% -10%, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0) 60%), repeating-linear-gradient(120deg, rgba(255, 255, 255, 0) 0 60px, rgba(255, 255, 255, 0.03) 60px 61px); mix-blend-mode: normal; } .lush-life__glow--1 { background: rgba(255, 120, 190, 0.45); opacity: 0.6; } .lush-life__glow--2 { background: rgba(242, 200, 110, 0.35); opacity: 0.6; } .lush-life__word { color: rgba(255, 255, 255, 0.05); } .lush-life__kicker { color: #F2D88C; } .lush-life__kicker::before, .lush-life__price::before { background: #F2D88C; } .av-lush .lush-life__title { color: #FFFFFF; } .av-lush .lush-life__title em { background: linear-gradient(100deg, #C9A04A 0%, #F7E2A0 35%, #FFF6DA 50%, #F7E2A0 65%, #C9A04A 100%); background-size: 220% 100%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .lush-life__sub { color: rgba(251, 244, 234, 0.85); } .lush-life__chips li { border-color: rgba(242, 216, 140, 0.55); background: rgba(255, 255, 255, 0.08); color: #FBF4EA; } .lush-life__price a { color: #F2D88C; } .lush-life .lush-btn { background: linear-gradient(100deg, #C9A04A, #F2D88C, #C9A04A); background-size: 200% 100%; color: #1E1608; box-shadow: 0 18px 40px -14px rgba(242, 200, 110, 0.6); transition: background-position 0.6s ease; } .lush-life .lush-btn:hover { background-position: 100% 0; color: #000000; } .lush-life__orbit { border-color: rgba(242, 216, 140, 0.4); outline-color: rgba(255, 255, 255, 0.15); } .lush-life__orbit::before { background: #F2D88C; box-shadow: 0 0 0 6px rgba(242, 216, 140, 0.18), 0 0 24px rgba(242, 216, 140, 0.9); } .lush-life__plate { background: linear-gradient(180deg, rgba(242, 216, 140, 0.55), rgba(214, 62, 128, 0.2)); } .lush-life__frame { box-shadow: 0 50px 80px -30px rgba(5, 4, 20, 0.75), 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 9px rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(242, 216, 140, 0.7); } .lush-life__detail { box-shadow: 0 30px 50px -20px rgba(5, 4, 20, 0.7), 0 0 0 6px rgba(255, 255, 255, 0.92), 0 0 0 7px rgba(242, 216, 140, 0.8); } .lush-life__detail figcaption { color: #F2D88C; } .lush-life__mini { background: rgba(255, 252, 246, 0.95); border-color: rgba(242, 216, 140, 0.6); } .lush-life__mini b { color: #9A7A2E; } .lush-life__badge text { fill: #F2D88C; } .lush-life__badge i { background: radial-gradient(circle at 35% 30%, #FFF2C4, #D9AE52 55%, #8C6A1F); box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.18), 0 10px 30px rgba(242, 200, 110, 0.55); } .lush-life__spark { background: #FFF2C4; box-shadow: 0 0 14px rgba(255, 242, 196, 1); } .lush-life__flow { border-top-color: rgba(242, 216, 140, 0.25); background: rgba(8, 6, 24, 0.55); color: #F2D88C; } @media (prefers-reduced-motion: reduce) { .lush-life { animation: none; } } .lush-life { color: #1E180F; animation: none; background: radial-gradient(760px 520px at 80% 32%, rgba(249, 110, 137, 0.20) 0%, rgba(249, 110, 137, 0) 70%), radial-gradient(700px 520px at 10% 95%, rgba(214, 196, 238, 0.35) 0%, rgba(214, 196, 238, 0) 70%), linear-gradient(135deg, #FFFCFA 0%, #FBF1EE 55%, #F7E6E8 100%); background-size: auto; } .lush-life::before { background: radial-gradient(900px 380px at 30% -10%, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0) 60%); } .lush-life__glow--1 { background: rgba(255, 210, 222, 0.6); opacity: 0.5; } .lush-life__glow--2 { background: rgba(232, 214, 160, 0.35); opacity: 0.5; } .lush-life__word { color: rgba(201, 160, 74, 0.08); } .lush-life__kicker { color: #9A7A2E; } .lush-life__kicker::before, .lush-life__price::before { background: #C9A04A; } .av-lush .lush-life__title { color: #1E180F; } .av-lush .lush-life__title em { background: linear-gradient(100deg, #B8475F 0%, #E07A91 35%, #C9A04A 55%, #E07A91 75%, #B8475F 100%); background-size: 220% 100%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .lush-life__sub { color: rgba(30, 24, 15, 0.78); } .lush-life__chips li { border-color: rgba(184, 71, 95, 0.3); background: rgba(255, 255, 255, 0.7); color: #1E180F; } .lush-life__price a { color: #9A7A2E; } .lush-life .lush-btn { background: #1E180F; color: #ffffff; box-shadow: 0 18px 40px -18px rgba(30, 24, 15, 0.5); } .lush-life .lush-btn:hover { background: #B8475F; color: #ffffff; } .lush-life__orbit { border-color: rgba(201, 160, 74, 0.4); outline-color: rgba(184, 71, 95, 0.15); } .lush-life__orbit::before { background: #C9A04A; box-shadow: 0 0 0 6px rgba(201, 160, 74, 0.15), 0 0 18px rgba(201, 160, 74, 0.6); } .lush-life__plate { background: linear-gradient(180deg, rgba(249, 110, 137, 0.28), rgba(249, 110, 137, 0.06)); } .lush-life__frame { box-shadow: 0 46px 70px -34px rgba(120, 40, 60, 0.35), 0 0 0 1px rgba(255, 255, 255, 0.95), 0 0 0 9px rgba(255, 255, 255, 0.7), 0 0 0 10px rgba(201, 160, 74, 0.55); } .lush-life__detail { box-shadow: 0 26px 44px -22px rgba(120, 40, 60, 0.35), 0 0 0 6px #ffffff, 0 0 0 7px rgba(201, 160, 74, 0.6); } .lush-life__detail figcaption { color: #F2D88C; } .lush-life__mini { background: rgba(255, 255, 255, 0.96); border-color: rgba(201, 160, 74, 0.35); box-shadow: 0 26px 44px -26px rgba(120, 40, 60, 0.35); } .lush-life__mini b { color: #9A7A2E; } .lush-life__badge text { fill: #9A7A2E; } .lush-life__badge i { background: radial-gradient(circle at 35% 30%, #FFF2C4, #D9AE52 55%, #9A7A2E); box-shadow: 0 0 0 4px #ffffff, 0 10px 24px rgba(154, 122, 46, 0.35); } .lush-life__spark { background: #E07A91; box-shadow: 0 0 12px rgba(224, 122, 145, 0.8); } .lush-life__flow { border-top-color: rgba(201, 160, 74, 0.3); background: #ffffff; color: #B8475F; } .lush-life { color: #141110; animation: none; background: radial-gradient(760px 520px at 80% 30%, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0) 65%), radial-gradient(800px 600px at 8% 100%, rgba(255, 176, 0, 0.45) 0%, rgba(255, 176, 0, 0) 70%), linear-gradient(135deg, #FFE45C 0%, #FFD23A 50%, #FFC21F 100%); } .lush-life::before { background: repeating-linear-gradient(120deg, rgba(255, 255, 255, 0) 0 70px, rgba(255, 255, 255, 0.10) 70px 71px); } .lush-life__glow--1 { background: rgba(255, 255, 255, 0.7); opacity: 0.55; } .lush-life__glow--2 { background: rgba(255, 150, 0, 0.35); opacity: 0.55; } .lush-life__word { color: rgba(20, 17, 16, 0.06); } .lush-life__kicker { color: #141110; } .lush-life__kicker::before, .lush-life__price::before { background: #141110; } .av-lush .lush-life__title { color: #141110; } .av-lush .lush-life__title em { background: linear-gradient(100deg, #141110 0%, #5A3E00 40%, #8A5E00 50%, #5A3E00 60%, #141110 100%); background-size: 220% 100%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .lush-life__sub { color: rgba(20, 17, 16, 0.82); } .lush-life__chips li { border-color: rgba(20, 17, 16, 0.4); background: rgba(255, 255, 255, 0.55); color: #141110; } .lush-life__price a { color: #141110; } .lush-life__orbit { border-color: rgba(20, 17, 16, 0.25); outline-color: rgba(255, 255, 255, 0.5); } .lush-life__orbit::before { background: #141110; box-shadow: 0 0 0 6px rgba(20, 17, 16, 0.12); } .lush-life__orbit::after { background: #ffffff; } .lush-life__plate { background: linear-gradient(180deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.15)); } .lush-life__frame { box-shadow: 0 46px 70px -30px rgba(120, 70, 0, 0.45), 0 0 0 1px #ffffff, 0 0 0 9px rgba(255, 255, 255, 0.55), 0 0 0 10px #141110; } .lush-life__detail { box-shadow: 0 26px 44px -20px rgba(120, 70, 0, 0.45), 0 0 0 6px #ffffff, 0 0 0 7px #141110; } .lush-life__mini { background: #ffffff; border-color: rgba(20, 17, 16, 0.15); box-shadow: 0 26px 44px -24px rgba(120, 70, 0, 0.45); } .lush-life__mini b { color: #8A5E00; } .lush-life__badge text { fill: #141110; } .lush-life__badge i { background: radial-gradient(circle at 35% 30%, #4A443D, #141110 70%); color: #FFE45C; box-shadow: 0 0 0 4px #ffffff, 0 10px 24px rgba(20, 17, 16, 0.35); } .lush-life__spark { background: #ffffff; box-shadow: 0 0 12px #ffffff; } .lush-life__flow { border-top-color: rgba(20, 17, 16, 0.2); background: #141110; color: #FFE45C; } .av-lush .lush-btn, .av-lush a.lush-btn, .av-lush .wp-element-button, .av-lush .button, .av-lush button.button, .av-lush input[type="submit"], .av-lush .lush-tile .lush-btn, .av-lush .summary .single_add_to_cart_button { background: linear-gradient(110deg, #141110 0%, #141110 42%, #4A3A1C 50%, #141110 58%, #141110 100%) !important; background-size: 260% 100% !important; background-position: 100% 0 !important; color: #F5E6C4 !important; border: 1px solid #C9A04A !important; border-radius: 0 !important; box-shadow: inset 0 0 0 3px #141110, inset 0 0 0 4px rgba(201, 160, 74, 0.45), 0 14px 30px -18px rgba(20, 17, 16, 0.6) !important; font-family: var(--av-font-body); font-weight: 500; letter-spacing: 2.6px; text-transform: uppercase; transition: background-position 0.8s ease, color 0.3s ease, transform 0.3s ease !important; } .av-lush .lush-btn:hover, .av-lush a.lush-btn:hover, .av-lush .wp-element-button:hover, .av-lush .button:hover, .av-lush input[type="submit"]:hover, .av-lush .lush-tile .lush-btn:hover, .av-lush .summary .single_add_to_cart_button:hover { background-position: 0 0 !important; color: #FFFFFF !important; transform: translateY(-1px); } .av-lush .lush-btn-outline, .av-lush .summary .av-order__btn--wa, .av-lush .summary .av-order__btn--call, .av-lush .summary .yith-wcwl-add-to-wishlist-button--single { background: #ffffff !important; color: #141110 !important; border: 1px solid #C9A04A !important; border-radius: 0 !important; box-shadow: inset 0 0 0 3px #ffffff, inset 0 0 0 4px rgba(201, 160, 74, 0.4) !important; letter-spacing: 2.6px; transition: background 0.4s ease, color 0.4s ease !important; } .av-lush .lush-btn-outline:hover, .av-lush .summary .av-order__btn--wa:hover, .av-lush .summary .av-order__btn--call:hover, .av-lush .summary .yith-wcwl-add-to-wishlist-button--single:hover { background: #141110 !important; color: #F5E6C4 !important; box-shadow: inset 0 0 0 3px #141110, inset 0 0 0 4px rgba(201, 160, 74, 0.6) !important; } .lush-slide .lush-btn-outline { background: rgba(20, 17, 16, 0.35) !important; color: #ffffff !important; box-shadow: inset 0 0 0 4px rgba(201, 160, 74, 0.5) !important; backdrop-filter: blur(4px); } .lush-slide .lush-btn-outline:hover { background: #141110 !important; color: #F5E6C4 !important; } .av-lush [data-products] .product .ct-woo-card-actions .button, .av-lush [data-products] .av-order__btn, .lush-card a.lush-card__add { background: none !important; border: 0 !important; box-shadow: none !important; color: #141110 !important; } .av-lush [data-products] .av-order__btn:hover, .lush-card a.lush-card__add:hover { color: #9A7A2E !important; } .lush-life { background: radial-gradient(700px 480px at 85% 20%, rgba(249, 110, 137, 0.10) 0%, rgba(249, 110, 137, 0) 70%), radial-gradient(760px 520px at 70% 45%, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 65%), linear-gradient(135deg, #FFFBE6 0%, #FFF4BF 50%, #FFEC9A 100%); } .lush-life::before { background: repeating-linear-gradient(120deg, rgba(255, 255, 255, 0) 0 70px, rgba(255, 255, 255, 0.18) 70px 71px); } .lush-life__glow--1 { background: rgba(255, 255, 255, 0.8); opacity: 0.6; } .lush-life__glow--2 { background: rgba(255, 214, 102, 0.35); opacity: 0.5; } .lush-life__word { color: rgba(154, 122, 46, 0.07); } .lush-life__chips li { background: rgba(255, 255, 255, 0.7); border-color: rgba(20, 17, 16, 0.25); } .lush-life__frame { box-shadow: 0 40px 64px -32px rgba(120, 90, 20, 0.35), 0 0 0 1px #ffffff, 0 0 0 9px rgba(255, 255, 255, 0.7), 0 0 0 10px rgba(201, 160, 74, 0.7); } .lush-life__detail { box-shadow: 0 24px 40px -22px rgba(120, 90, 20, 0.35), 0 0 0 6px #ffffff, 0 0 0 7px rgba(201, 160, 74, 0.75); } .lush-life__mini { box-shadow: 0 24px 40px -24px rgba(120, 90, 20, 0.35); } .lush-life__flow { background: #141110; color: #FFF2A6; } .lush-topbar { position: relative; z-index: 85; margin-bottom: -16px; padding-bottom: 16px; color: #ffffff; font-size: 15px; background: radial-gradient(600px 120px at 50% 0%, rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0) 70%), linear-gradient(100deg, #E85A79 0%, #F96E89 30%, #FF97AC 50%, #F96E89 70%, #E85A79 100%); border-radius: 0 0 50% 50% / 0 0 26px 26px; box-shadow: 0 14px 30px -16px rgba(200, 60, 95, 0.55), inset 0 -1px 0 rgba(255, 255, 255, 0.35); } .lush-topbar::after { content: ""; position: absolute; left: 12%; right: 12%; bottom: 7px; height: 1px; background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0)); pointer-events: none; } .lush-topbar .lush-wrap { min-height: 46px; } .lush-topbar li { border-left: 0; padding: 0 16px; position: relative; } .lush-topbar__list li { font-family: var(--av-font-display); font-size: 17px; font-style: italic; letter-spacing: 0.3px; } .lush-topbar__list li + li::before { content: ""; position: absolute; left: -3px; top: 50%; width: 6px; height: 6px; background: #FFF3C4; transform: translateY(-50%) rotate(45deg); box-shadow: 0 0 8px rgba(255, 243, 196, 0.9); } .lush-topbar__contact { gap: 10px; } .lush-topbar__contact li { padding: 4px 14px; border: 1px solid rgba(255, 255, 255, 0.6); border-radius: 999px; background: rgba(255, 255, 255, 0.12); font-family: var(--av-font-body); font-size: 11px; letter-spacing: 1.6px; text-transform: uppercase; } .lush-topbar__contact li:first-child { padding-left: 14px; } .lush-topbar__contact a { font-weight: 600; letter-spacing: 0.8px; text-transform: none; } .lush-topbar__contact li:hover { background: rgba(255, 255, 255, 0.25); } .lush-topbar a:hover { text-decoration: none; } .lush-topbar__close { width: 26px; height: 26px; padding: 0; border: 1px solid rgba(255, 255, 255, 0.6) !important; border-radius: 50% !important; font-size: 16px; line-height: 24px; text-align: center; background: rgba(255, 255, 255, 0.12) !important; box-shadow: none !important; } .lush-head { padding-top: 6px; } @media (max-width: 999.98px) { .lush-topbar { margin-bottom: -12px; padding-bottom: 12px; border-radius: 0 0 50% 50% / 0 0 18px 18px; } .lush-topbar__list li { font-size: 15px; } .lush-topbar__contact li { font-size: 10px; padding: 3px 10px; } } :root, .av-lush { --lush-pink-aa: #C23B5C; --lush-gold-deep: #806423; --lush-muted: #6B6B6B; } .av-lush .lush-menu__badge { background: var(--lush-pink-aa) !important; color: #ffffff !important; } .av-lush .lush-footer__bottom, .av-lush .lush-footer__bottom .lush-wrap { background-color: var(--lush-pink-aa); } .av-lush .lush-footer__bottom a, .av-lush .lush-footer__bottom p, .av-lush .lush-footer__bottom li { color: #ffffff !important; } .av-lush .av-assist__btn, .av-lush .av-assist__btn span { background-color: var(--lush-pink-aa) !important; color: #ffffff !important; } .av-lush .av-form--newsletter .wp-element-button, .av-lush .av-form .wp-element-button[type="submit"] { color: #F5E6C4 !important; } .av-wa-float { background: #137A3F !important; box-shadow: 0 18px 36px -14px rgba(10, 80, 40, 0.7) !important; } .av-wa-float::before { border-color: rgba(19, 122, 63, 0.45) !important; } .av-lush .lush-topbar { background: radial-gradient(600px 120px at 50% 0%, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0) 70%), linear-gradient(100deg, #B8355A 0%, #C23B5C 35%, #C8405F 50%, #C23B5C 65%, #B8355A 100%) !important; } .av-lush .lush-menu .current-menu-item > a, .av-lush .lush-menu > li > a:hover, .av-lush .av-eyebrow, .av-lush .lush-slide__label { color: var(--lush-pink-aa) !important; } .lush-slide .lush-slide__label { color: #FFD3DD !important; } .av-lush .lush-filter button { color: #5F5F5F !important; } .av-lush .woocommerce-result-count, .av-lush small, .av-lush .av-form__consent, .av-lush li > strong, .av-lush a[lang="bn-BD"] { color: #6B6B6B; } .av-lush .lush-card__price, .av-lush .av-price-ask, .av-lush .av-size-guide a, .av-lush .entry-title a, .av-lush .ct-meta-element-author span, .av-lush [data-products] .product .entry-meta a, .av-lush .meta-categories a { color: var(--lush-gold-deep) !important; } .av-lush .posted_in a, .av-lush .tagged_as a, .av-lush a[rel="tag"] { color: var(--lush-gold-deep) !important; } .av-lush .lush-store__slide--pink .lush-store__kicker { color: #9C2A4A !important; } .av-lush .lush-store__side-link { color: #6B531C !important; } .av-lush .entry-title a:hover { color: #141110 !important; } .av-lush .lush-slider__dots button, .av-lush .lush-slider__dots button.is-active { height: 24px !important; padding: 10px 0 !important; background-clip: content-box !important; } .av-lush a:focus-visible, .av-lush button:focus-visible, .av-lush input:focus-visible, .av-lush select:focus-visible, .av-lush textarea:focus-visible, .av-lush summary:focus-visible { outline: 2px solid #141110 !important; outline-offset: 3px !important; box-shadow: 0 0 0 5px #FFF2A6 !important; } .lush-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 72px 44px !important; } .lush-grid .lush-card:nth-child(4n+2), .lush-grid .lush-card:nth-child(4n+4) { margin-top: 56px; } .lush-grid .lush-card__media { aspect-ratio: 4 / 5; border-radius: 220px 220px 6px 6px; box-shadow: inset 0 0 0 1px rgba(184, 146, 62, 0.22), 0 30px 50px -36px rgba(40, 24, 10, 0.45); } .lush-grid .lush-card__media::after { inset: 12px; border-radius: 208px 208px 4px 4px; } .lush-grid .lush-card__media img { padding: 5% 6% 7% !important; } .lush-grid .lush-card:hover .lush-card__media img { transform: scale(1.07) translateY(-6px); } .lush-grid .lush-card__title { font-size: 23px; } @media (max-width: 999.98px) { .lush-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 48px 18px !important; } .lush-grid .lush-card:nth-child(4n+2), .lush-grid .lush-card:nth-child(4n+4) { margin-top: 0; } .lush-grid .lush-card:nth-child(even) { margin-top: 40px; } .lush-grid .lush-card__title { font-size: 18px; } } body.av-lush .lush-list__price { color: var(--lush-pink-aa) !important; } body.av-lush .posted_in a, body.av-lush .tagged_as a, body.av-lush .product_meta a[rel="tag"] { color: var(--lush-gold-deep) !important; opacity: 1 !important; } body.av-lush .av-form .wp-element-button, body.av-lush .av-form button[type="submit"], body.av-lush .av-field--submit .wp-element-button { background: #141110 !important; color: #F5E6C4 !important; border: 1px solid #C9A04A !important; box-shadow: inset 0 0 0 3px #141110, inset 0 0 0 4px rgba(201, 160, 74, 0.45) !important; } body.av-lush .av-form .wp-element-button:hover, body.av-lush .av-field--submit .wp-element-button:hover { background: #2B2318 !important; color: #ffffff !important; } body.av-lush p.av-eyebrow, body.av-lush .entry-content p.av-eyebrow { color: var(--lush-pink-aa) !important; } body.av-lush button[aria-label^="Slide "], body.av-lush button[aria-label^="স্লাইড"] { min-width: 24px !important; min-height: 24px !important; padding: 7px !important; box-sizing: border-box !important; background-clip: content-box !important; } body.av-lush .lush-store__kicker { color: #9C2A4A !important; } body.av-lush .lush-pop__kicker, .lush-pop__kicker { color: #C23B5C !important; } body.av-lush .lush-topbar li { white-space: nowrap; } body.av-lush .lush-topbar__list li { font-size: 15px; padding: 0 12px; } body.av-lush .lush-topbar__contact li { font-size: 10px; letter-spacing: 1.2px; padding: 3px 12px; } body.av-lush .lush-topbar .lush-wrap { max-width: 1340px; } @media (max-width: 1199.98px) { body.av-lush .lush-topbar__list li:nth-child(3) { display: none; } } body.av-lush .lush-slider__dots button[aria-label] { min-width: 34px !important; height: 24px !important; min-height: 24px !important; padding: 10px 0 !important; background-clip: content-box !important; } .lush-grid .lush-card__media { overflow: hidden !important; } .lush-grid .lush-card__media img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; padding: 0 !important; object-fit: cover !important; object-position: center 45%; filter: none !important; } .lush-grid .lush-card__media::after { z-index: 2; border-color: rgba(255, 255, 255, 0.85) !important; } .lush-grid .av-badge, .lush-grid .lush-card .av-badge { z-index: 3; } body.av-lush .lush-topbar__close { display: none !important; } body.av-lush .lush-topbar .lush-wrap { padding-left: 16px; } @media (max-width: 999.98px) { body.av-lush .lush-topbar .lush-wrap { flex-direction: row; flex-wrap: nowrap; justify-content: center; gap: 10px; padding: 8px 12px 6px; min-height: 0; } body.av-lush .lush-topbar__list li:nth-child(n+2), body.av-lush .lush-topbar__contact li:nth-child(n+2) { display: none; } body.av-lush .lush-topbar__list li { font-size: 14px; padding: 0; } body.av-lush .lush-topbar__list li::before { display: none; } body.av-lush .lush-topbar__contact li { font-size: 9.5px; padding: 3px 10px; } } @media (max-width: 420px) { body.av-lush .lush-topbar__list li { font-size: 13px; } body.av-lush .lush-topbar__contact li { letter-spacing: 0.6px; } } body.av-lush .lush-topbar { margin-bottom: 0 !important; padding-bottom: 0 !important; border-radius: 0 !important; box-shadow: none !important; color: #F5E6C4; background: linear-gradient(180deg, #1A1612 0%, #110E0B 100%) !important; border-top: 1px solid rgba(201, 160, 74, 0.55); border-bottom: 1px solid rgba(201, 160, 74, 0.55); } body.av-lush .lush-topbar::after { content: ""; position: absolute; left: 0; right: 0; bottom: 3px; height: 1px; background: linear-gradient(90deg, rgba(201, 160, 74, 0), rgba(201, 160, 74, 0.35), rgba(201, 160, 74, 0)); } body.av-lush .lush-topbar .lush-wrap { min-height: 42px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 16px; } body.av-lush .lush-topbar__list { grid-column: 2; position: relative; display: block; width: min(560px, 60vw); height: 24px; text-align: center; } body.av-lush .lush-topbar__list li { position: absolute; inset: 0; display: flex !important; align-items: center; justify-content: center; gap: 14px; padding: 0 !important; border: 0; opacity: 0; font-family: var(--av-font-display); font-style: italic; font-size: 16px; letter-spacing: 0.4px; color: #F5E6C4; animation: lushTick 12s ease-in-out infinite; } body.av-lush .lush-topbar__list li::before, body.av-lush .lush-topbar__list li::after { content: ""; position: static !important; display: block !important; width: 5px; height: 5px; transform: rotate(45deg); background: #C9A04A; box-shadow: none; } body.av-lush .lush-topbar__list li:nth-child(2) { animation-delay: 4s; } body.av-lush .lush-topbar__list li:nth-child(3) { animation-delay: 8s; } @keyframes lushTick { 0% { opacity: 0; } 6%, 30% { opacity: 1; } 36%, 100% { opacity: 0; } } body.av-lush .lush-topbar__contact { grid-column: 3; justify-self: end; display: flex; gap: 22px; } body.av-lush .lush-topbar__contact li { padding: 0 !important; border: 0 !important; background: none !important; border-radius: 0 !important; font-family: var(--av-font-body); font-size: 10px; letter-spacing: 2px; text-transform: uppercase; color: #C9A04A; } body.av-lush .lush-topbar__contact li:first-child { padding-left: 0 !important; } body.av-lush .lush-topbar__contact a { color: #F5E6C4 !important; font-size: 12px; letter-spacing: 0.6px; text-transform: none; font-weight: 500; margin-left: 4px; } body.av-lush .lush-topbar__contact a:hover { color: #ffffff !important; text-decoration: underline; text-underline-offset: 3px; } body.av-lush .lush-head { padding-top: 0; } @media (max-width: 999.98px) { body.av-lush .lush-topbar .lush-wrap { grid-template-columns: 1fr; padding: 6px 12px; min-height: 0; gap: 2px; } body.av-lush .lush-topbar__list { grid-column: 1; width: 100%; height: 22px; } body.av-lush .lush-topbar__list li:nth-child(n+2) { display: flex !important; } body.av-lush .lush-topbar__list li { font-size: 14px; } body.av-lush .lush-topbar__contact { grid-column: 1; justify-self: center; } body.av-lush .lush-topbar__contact li:nth-child(n+2) { display: none; } } @media (prefers-reduced-motion: reduce) { body.av-lush .lush-topbar__list li { animation: none; opacity: 0; } body.av-lush .lush-topbar__list li:first-child { opacity: 1; } } .av-term-copy { margin: 64px auto 24px; padding: 48px 16px 8px; border-top: 1px solid rgba(201, 160, 74, 0.45); } .av-term-copy__inner { max-width: 760px; margin: 0 auto; color: #3A3530; font-size: 16px; line-height: 1.75; } .av-term-copy h2 { font-family: var(--av-font-display); font-weight: 500; font-size: clamp(24px, 3vw, 32px); line-height: 1.2; color: #1A1612; margin: 36px 0 12px; } .av-term-copy h2::after { content: ""; display: block; width: 44px; height: 1px; margin-top: 12px; background: #C9A04A; } .av-term-copy h3 { font-family: var(--av-font-display); font-weight: 600; font-size: 20px; color: #1A1612; margin: 22px 0 6px; padding-top: 18px; border-top: 1px solid rgba(26, 22, 18, 0.08); } .av-term-copy p { margin: 0 0 14px; } .av-term-copy a { color: var(--lush-gold-deep, #806423); text-decoration: underline; text-underline-offset: 3px; } .av-term-copy a:hover, .av-term-copy a:focus-visible { color: #1A1612; } .lush-life { background: radial-gradient(700px 480px at 85% 20%, rgba(249, 110, 137, 0.07) 0%, rgba(249, 110, 137, 0) 70%), radial-gradient(760px 520px at 70% 45%, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 65%), linear-gradient(135deg, #FFFDF6 0%, #FFF8E2 55%, #FFF0C4 100%); } .lush-life::before { background: repeating-linear-gradient(120deg, rgba(255, 255, 255, 0) 0 70px, rgba(255, 255, 255, 0.28) 70px 71px); } .lush-life__glow--2 { background: rgba(255, 224, 138, 0.28); opacity: 0.45; } .lush-life__word { color: rgba(154, 122, 46, 0.06); } .lush-life__chips li { background: rgba(255, 255, 255, 0.82); } .av-brand { display: block; font-size: 11px; letter-spacing: 4px; color: var(--lush-gold-deep, #806423); font-weight: 600; margin-bottom: 4px; } h1.product_title .av-brand { font-size: 14px; letter-spacing: 5px; margin-bottom: 6px; } body.av-lush .lush-slide__product::after { background: rgba(255, 255, 255, 0.06); backdrop-filter: none; border: 1px solid rgba(255, 255, 255, 0.55); } .lush-about-where { position: relative; max-width: 880px !important; margin: 72px auto 80px !important; padding: 64px 40px 56px; background: radial-gradient(640px 320px at 50% 0%, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 70%), linear-gradient(160deg, #FFFDF6 0%, #FFF6DD 60%, #FFEFC6 100%); border: 1px solid rgba(201, 160, 74, 0.55); border-radius: 200px 200px 18px 18px; box-shadow: 0 34px 60px -38px rgba(120, 90, 20, 0.45); } .lush-about-where::before { content: ""; position: absolute; inset: 10px; border: 1px solid rgba(201, 160, 74, 0.35); border-radius: 192px 192px 12px 12px; pointer-events: none; } .lush-about-where::after { content: "✦"; position: absolute; top: 26px; left: 50%; transform: translateX(-50%); font-size: 13px; color: #C9A04A; } .lush-about-where h2 { font-family: var(--av-font-display); margin-top: 8px; } .lush-about-where h2::after { content: ""; display: block; width: 44px; height: 1px; margin: 14px auto 0; background: #C9A04A; } .lush-about-where p { color: #3A3530; font-size: 16.5px; line-height: 1.85; } .lush-about-where a:not(.wp-element-button) { color: var(--lush-gold-deep, #806423); text-decoration: underline; text-underline-offset: 3px; } .lush-about-where a:not(.wp-element-button):hover { color: #1A1612; } .lush-about-where .wp-block-buttons { margin-top: 26px; } @media (max-width: 680px) { .lush-about-where { padding: 48px 18px 44px; border-radius: 120px 120px 14px 14px; margin: 48px 12px 56px !important; } .lush-about-where::before { border-radius: 112px 112px 10px 10px; } } body.av-lush .lush-list__item { flex-direction: column; align-items: stretch; border-radius: 26px; transition: transform 0.35s ease, box-shadow 0.35s ease; } body.av-lush .lush-list__item:hover { transform: translateY(-5px); box-shadow: 0 26px 44px -18px rgba(0, 0, 0, 0.3); } body.av-lush .lush-list__thumb { flex: 0 0 auto; width: auto; height: 180px; margin: 14px 18px 0; border-radius: 95px 95px 14px 14px; } body.av-lush .lush-list__thumb img { width: 100%; height: 180px; object-fit: contain; padding: 16px 16px 10px; transition: transform 0.45s ease; } body.av-lush .lush-list__item:hover .lush-list__thumb img { transform: scale(1.06); } body.av-lush .lush-list__body { padding: 12px 20px 16px; } body.av-lush .lush-list__body .lush-list__title { font-family: var(--av-font-display); font-size: 16px; line-height: 1.3; } body.av-lush .lush-list__cat { margin-bottom: 12px; } body.av-lush .lush-list__foot { border-top: 1px solid rgba(26, 22, 18, 0.08); padding-top: 12px; } @media (max-width: 999.98px) { body.av-lush .lush-list__thumb, body.av-lush .lush-list__thumb img { height: 160px; } body.av-lush .lush-list__thumb { margin: 12px 12px 0; border-radius: 85px 85px 12px 12px; } } @media (max-width: 679.98px) { body.av-lush .lush-list__page { grid-template-columns: 1fr; } body.av-lush .lush-list__thumb, body.av-lush .lush-list__thumb img { height: 190px; } } @media (min-width: 1000px) { body.av-lush .lush-list__page { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; } body.av-lush .lush-list__thumb, body.av-lush .lush-list__thumb img { height: 165px; } body.av-lush .lush-list__thumb { margin: 12px 14px 0; border-radius: 88px 88px 12px 12px; } body.av-lush .lush-list__body { padding: 10px 16px 14px; } body.av-lush .lush-list__body .lush-list__title { font-size: 15px; } } body.av-lush .lush-life { background: radial-gradient(900px 540px at 78% 18%, rgba(249, 110, 137, 0.08) 0%, rgba(249, 110, 137, 0) 65%), radial-gradient(760px 480px at 24% 82%, rgba(201, 160, 74, 0.12) 0%, rgba(201, 160, 74, 0) 70%), radial-gradient(1100px 700px at 55% 40%, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0) 70%), linear-gradient(150deg, #FFFDF6 0%, #FBF3DF 46%, #F6E8C6 100%); } body.av-lush .lush-life::before { background: radial-gradient(circle at 50% 50%, rgba(201, 160, 74, 0.13) 1px, transparent 1.6px); background-size: 26px 26px; opacity: 0.5; -webkit-mask-image: linear-gradient(105deg, transparent 42%, #000 75%); mask-image: linear-gradient(105deg, transparent 42%, #000 75%); } body.av-lush .lush-life::after { content: ""; position: absolute; left: -70px; bottom: -180px; width: 420px; height: 560px; border: 1px solid rgba(201, 160, 74, 0.35); border-radius: 210px 210px 0 0; pointer-events: none; box-shadow: 24px 24px 0 -1px rgba(201, 160, 74, 0.16); } body.av-lush .lush-life__glow--1 { background: rgba(255, 255, 255, 0.95); opacity: 0.7; } body.av-lush .lush-life__glow--2 { background: rgba(240, 200, 120, 0.35); opacity: 0.5; } body.av-lush .lush-life__word { color: rgba(154, 122, 46, 0.08); } body.av-lush .lush-life__orbit { border: 1px dashed rgba(154, 122, 46, 0.5); animation: lushOrbitTurn 70s linear infinite; } @keyframes lushOrbitTurn { to { transform: rotate(360deg); } } body.av-lush .lush-life__frame { box-shadow: 0 46px 70px -34px rgba(120, 90, 20, 0.55), 0 0 0 1px #ffffff, 0 0 0 10px rgba(255, 255, 255, 0.85), 0 0 0 11px rgba(201, 160, 74, 0.8); } body.av-lush .lush-life__detail { left: -56px; top: auto; bottom: 64px; width: 148px; height: 148px; overflow: visible; box-shadow: 0 26px 44px -20px rgba(120, 90, 20, 0.6), 0 0 0 6px #ffffff, 0 0 0 7px rgba(201, 160, 74, 0.85), 0 0 0 14px rgba(255, 255, 255, 0.5); } body.av-lush .lush-life__detail img { border-radius: 50%; } body.av-lush .lush-life__detail figcaption { top: 100%; bottom: auto; left: 50%; right: auto; transform: translate(-50%, 16px); width: max-content; padding: 6px 14px; border-radius: 999px; background: #1A1612; color: #F5E6C4; font-size: 9px; letter-spacing: 2.5px; border: 1px solid rgba(201, 160, 74, 0.7); box-shadow: 0 10px 20px -10px rgba(26, 22, 18, 0.5); } body.av-lush .lush-life__spark { width: 9px; height: 9px; border-radius: 1px; background: linear-gradient(135deg, #E7C97E, #AE8A3C); transform: rotate(45deg); opacity: 0.85; animation: lushSparkTurn 7s ease-in-out infinite; } body.av-lush .lush-life__spark--2 { animation-delay: 2.2s; width: 7px; height: 7px; } body.av-lush .lush-life__spark--3 { animation-delay: 4.4s; width: 6px; height: 6px; } @keyframes lushSparkTurn { 0%, 100% { transform: rotate(45deg) scale(1); } 50% { transform: rotate(225deg) scale(0.8); } } body.av-lush .lush-life__kicker::before { background: linear-gradient(90deg, #AE8A3C, rgba(174, 138, 60, 0)); } body.av-lush .lush-life__chips li { background: rgba(255, 255, 255, 0.9); border: 1px solid rgba(174, 138, 60, 0.5); color: #4A4234; box-shadow: 0 8px 18px -12px rgba(120, 90, 20, 0.4); } body.av-lush .lush-life__price a { color: var(--lush-gold-deep, #806423); } body.av-lush .lush-life__flow { border-top: 1px solid rgba(201, 160, 74, 0.6); } @media (max-width: 999.98px) { body.av-lush .lush-life__detail { left: -8px; bottom: 40px; width: 118px; height: 118px; } body.av-lush .lush-life::after { display: none; } } @media (prefers-reduced-motion: reduce) { body.av-lush .lush-life__orbit, body.av-lush .lush-life__spark { animation: none; } } @media (min-width: 1000px) { body.home .lush-slide:first-child .lush-slide__product { scale: 0.8; translate: 60px 0; transform-origin: right center; } } @media (min-width: 1000px) { body.av-lush .lush-life__copy { position: relative; padding: 34px 36px 34px 38px; } body.av-lush .lush-life__copy::before, body.av-lush .lush-life__copy::after { content: ""; position: absolute; width: 56px; height: 56px; pointer-events: none; } body.av-lush .lush-life__copy::before { left: 0; top: 0; border-left: 1px solid rgba(174, 138, 60, 0.7); border-top: 1px solid rgba(174, 138, 60, 0.7); } body.av-lush .lush-life__copy::after { right: 0; bottom: 0; border-right: 1px solid rgba(174, 138, 60, 0.7); border-bottom: 1px solid rgba(174, 138, 60, 0.7); } body.av-lush .lush-life__art::before { content: "MAISON AV\00C9NA  \2022  COLLECTION 2026"; position: absolute; left: -34px; top: 50%; transform: translateY(-50%) rotate(-90deg); transform-origin: center; white-space: nowrap; font-family: var(--av-font-body); font-size: 10px; letter-spacing: 6px; color: rgba(128, 100, 35, 0.75); pointer-events: none; } body.av-lush .lush-life__plate { background: none; border: 1px solid rgba(201, 160, 74, 0.7); transform: translate(-30px, -22px) rotate(-4deg); animation: lushGhost 9s ease-in-out infinite; } @keyframes lushGhost { 0%, 100% { transform: translate(-30px, -22px) rotate(-4deg); } 50% { transform: translate(-36px, -28px) rotate(-5.5deg); } } body.av-lush .lush-life__frame { transition: transform 0.6s ease; } body.av-lush .lush-life__art:hover .lush-life__frame { transform: rotate(-1.2deg) scale(1.015); } } body.av-lush .lush-life__chips { counter-reset: avChip; gap: 0; flex-direction: column; align-items: flex-start; margin-bottom: 26px; } body.av-lush .lush-life__chips li { counter-increment: avChip; display: flex; align-items: baseline; gap: 14px; width: 100%; max-width: 320px; padding: 10px 2px; border: 0 !important; border-bottom: 1px solid rgba(174, 138, 60, 0.3) !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; font-family: var(--av-font-display); font-size: 17px; letter-spacing: 0.6px; text-transform: none; color: #2A2216; } body.av-lush .lush-life__chips li::before { content: counter(avChip, decimal-leading-zero); font-family: var(--av-font-body); font-size: 10px; letter-spacing: 2px; color: #AE8A3C; } body.av-lush .lush-life__chips li:first-child { border-top: 1px solid rgba(174, 138, 60, 0.3) !important; } body.av-lush .lush-life__word { color: transparent; -webkit-text-stroke: 1px rgba(174, 138, 60, 0.28); font-style: italic; letter-spacing: 10px; } @media (max-width: 999.98px) { body.av-lush .lush-life__chips { align-items: center; } body.av-lush .lush-life__chips li { justify-content: center; } } @media (prefers-reduced-motion: reduce) { body.av-lush .lush-life__plate { animation: none; } } @media (min-width: 1000px) and (max-height: 700px) { body.home .lush-slide:first-child .lush-slide__product { translate: 60px -28px; } } @media (min-width: 1000px) { body.av-lush .lush-life__art::before { left: auto; right: -205px; transform: translateY(-50%) rotate(90deg); color: rgba(128, 100, 35, 0.85); } body.av-lush .lush-life__plate { border: 1.5px solid rgba(174, 138, 60, 0.85); box-shadow: 0 0 0 9px rgba(255, 255, 255, 0.35), 0 0 0 10px rgba(201, 160, 74, 0.35); } @keyframes lushGhost { 0%, 100% { transform: translate(-46px, -30px) rotate(-5deg); } 50% { transform: translate(-54px, -38px) rotate(-6.5deg); } } } :root, body.av-lush { --lush-pink: #8A6626; --lush-pink-deep: #6F5120; --lush-pink-soft: #E9D8B0; --lush-pink-aa: #806423; --lush-rose: #8A6626; --lush-ink: #1A1410; --lush-text: #2E261E; --lush-muted: #6E6457; --lush-line: #E6DCC8; --lush-grey: #F5EFE3; --lush-gold-deep: #806423; --av-color-bg: #FBF7EF; --av-color-bg-alt: #FFFDF8; --av-color-surface: #F5EFE3; --av-color-accent-bg: #F7EFDD; --av-color-border: #E6DCC8; --av-color-border-strong: #D4C4A2; --av-color-heading: #1A1410; --av-royal-gold: #B08D3C; --av-royal-gold-bright: #D9B66B; --av-royal-noir: #0F0D0B; } body.av-lush { background: #FBF7EF; color: var(--lush-text); } body.av-lush ::selection { background: #E9D8B0; color: #1A1410; } body.av-lush :focus-visible { outline-color: #8A6626 !important; } body.av-lush h1, body.av-lush h2, body.av-lush h3 { color: #1A1410; letter-spacing: 0.4px; } body.av-lush .lush-title__text { letter-spacing: 1px; } body.av-lush .lush-title__text::after { content: "\25C6"; display: block; margin: 10px auto 0; font-size: 9px; color: #B08D3C; letter-spacing: 0; } body.av-lush .lush-title__kicker, body.av-lush .lush-life__kicker { color: #806423; letter-spacing: 4px; } body.av-lush .lush-slide__title strong, body.av-lush .av-lush .lush-slide--pink .lush-slide__title strong { color: #E8C878 !important; } body.av-lush .lush-menu a:hover, body.av-lush .lush-menu .current-menu-item > a, body.av-lush .lush-menu .current-menu-ancestor > a { color: #D9B66B !important; } body.av-lush.lush-scrolled .lush-menu a:hover, body.av-lush .lush-head.is-stuck .lush-menu a:hover { color: #8A6626 !important; } body.av-lush .lush-list__nav button, body.av-lush .page-numbers.current, body.av-lush .lush-tabs button.is-active { background: #0F0D0B !important; color: #E8C878 !important; box-shadow: inset 0 0 0 1px rgba(201, 160, 74, 0.8); } body.av-lush .lush-list__nav button:hover { background: #2A221A !important; } body.av-lush .lush-card__price, body.av-lush .lush-list__price { color: #806423; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; font-weight: 600; } body.av-lush .lush-card__title a:hover { color: #8A6626; } body.av-lush .lush-card { transition: transform 0.35s ease, box-shadow 0.35s ease; } body.av-lush .lush-card:hover { transform: translateY(-4px); } body.av-lush .av-assistant__toggle, body.av-lush .avena-assistant-toggle, body.av-lush [class*="assistant"] button[class*="toggle"] { background: #0F0D0B !important; color: #E8C878 !important; box-shadow: 0 14px 30px -14px rgba(15, 13, 11, 0.7), inset 0 0 0 1px rgba(201, 160, 74, 0.8) !important; } body.av-lush .lush-footer { background: #0F0D0B !important; color: #D8CFC2; } body.av-lush .lush-footer h2, body.av-lush .lush-footer h3, body.av-lush .lush-footer .lush-footer__h { color: #E8C878 !important; letter-spacing: 3px; } body.av-lush .lush-footer a { color: #EFE6D8 !important; } body.av-lush .lush-footer a:hover { color: #E8C878 !important; } body.av-lush .lush-footer__bottom, body.av-lush .lush-footer hr { border-color: rgba(201, 160, 74, 0.3) !important; } body.av-lush hr, body.av-lush .wp-block-separator { border-color: rgba(176, 141, 60, 0.4) !important; background: rgba(176, 141, 60, 0.4); } body.av-lush .lush-section, body.av-lush main > .wp-block-group { margin-block: clamp(56px, 7vw, 96px); } body.av-lush .av-assist__btn { background: #0F0D0B !important; color: #E8C878 !important; box-shadow: 0 14px 30px -14px rgba(15, 13, 11, 0.7), inset 0 0 0 1px rgba(201, 160, 74, 0.85) !important; } body.av-lush .av-assist__btn:hover { background: #2A221A !important; } body.av-lush .lush-badge, body.av-lush .lush-mega__badge { background: #0F0D0B !important; color: #E8C878 !important; box-shadow: inset 0 0 0 1px rgba(201, 160, 74, 0.8); letter-spacing: 1.5px; } body.av-lush .lush-classic { background: radial-gradient(circle at 78% 55%, #F3E3BD 0, rgba(243, 227, 189, 0) 34%), linear-gradient(135deg, #FFFDF8 0%, #F6EDDA 60%, #FBF4E2 100%) !important; } body.av-lush .lush-classic::after { background: #FBF7EF; } body.av-lush .lush-classic__disc { background: radial-gradient(circle at 35% 30%, #FFF8E6 0%, #EBD7A6 55%, #D2B271 100%) !important; box-shadow: inset 0 -30px 60px rgba(255, 255, 255, 0.4), 0 40px 80px -30px rgba(120, 90, 20, 0.45) !important; } body.av-lush .lush-classic__ring { border-color: rgba(176, 141, 60, 0.55) !important; } body.av-lush .lush-classic__ring--2 { border-color: rgba(176, 141, 60, 0.3) !important; } body.av-lush .lush-classic__word { color: transparent; -webkit-text-stroke: 1px rgba(174, 138, 60, 0.3); font-style: italic; } body.av-lush .lush-deal { background: radial-gradient(circle at 24% 55%, #EFE4CC 0, rgba(239, 228, 204, 0) 36%), linear-gradient(135deg, #FFFDF8 0%, #F3EBDB 60%, #FBF7EF 100%) !important; } body.av-lush .lush-deal__disc { background: radial-gradient(circle at 35% 30%, #FFFDF6 0%, #E8DBC0 60%, #CDB78A 100%) !important; box-shadow: inset 0 -30px 60px rgba(255, 255, 255, 0.4), 0 40px 80px -30px rgba(120, 90, 20, 0.4) !important; } body.av-lush .lush-deal__ring, body.av-lush .lush-deal__ring--2 { border-color: rgba(176, 141, 60, 0.45) !important; } body.av-lush .lush-deal__word { color: transparent; -webkit-text-stroke: 1px rgba(174, 138, 60, 0.28); font-style: italic; } body.av-lush .lush-promise { background: radial-gradient(circle at 18% 30%, #F6ECD6 0, rgba(246, 236, 214, 0) 40%), linear-gradient(180deg, #FFFDF8 0%, #FBF7EF 100%) !important; } body.av-lush .lush-post__plate { background: #EFE2C4 !important; } body.av-lush .lush-footer__hicon { background: rgba(201, 160, 74, 0.18) !important; color: #E8C878 !important; } body.av-lush .lush-footer__word { color: rgba(201, 160, 74, 0.07) !important; } body.av-lush .lush-picked__heart, body.av-lush .lush-picked__heart svg { color: #806423 !important; } body.av-lush .av-assist__btn * { background: transparent !important; color: inherit !important; } body.av-lush .lush-footer p, body.av-lush .lush-footer__tag, body.av-lush .lush-footer__about { color: #CFC5B5 !important; } body.av-lush .lush-footer__soc { background: transparent !important; color: #E8C878 !important; box-shadow: inset 0 0 0 1px rgba(201, 160, 74, 0.6) !important; } body.av-lush .lush-footer__soc:hover { background: rgba(201, 160, 74, 0.15) !important; } body.av-lush .lush-footer__soc svg { color: #E8C878 !important; fill: currentColor; } body.av-lush .lush-footer__bar, body.av-lush .lush-footer__bottom, body.av-lush .lush-copy { background: #0A0807 !important; color: #CFC5B5 !important; border-top: 1px solid rgba(201, 160, 74, 0.35) !important; } body.av-lush .lush-footer__bar a, body.av-lush .lush-footer__bottom a { color: #E8C878 !important; } body.av-lush .lush-footer [class*="ring"], body.av-lush .lush-footer__orbit { border-color: rgba(201, 160, 74, 0.25) !important; } body.av-lush .lush-promise__num, body.av-lush .lush-promise [class*="num"] { color: rgba(176, 141, 60, 0.45) !important; } body.av-lush .lush-footer__bottom .lush-wrap { background: transparent !important; } body.av-lush *, body.av-lush *::before, body.av-lush *::after { animation: none !important; } body.av-lush [data-lush-reveal], body.av-lush [data-lush-reveal] *, body.av-lush .av-reveal, body.av-lush .lush-life .lush-life__plate, body.av-lush .lush-life .lush-life__frame, body.av-lush .lush-life .lush-life__detail, body.av-lush .lush-life .lush-life__mini, body.av-lush .lush-life .lush-life__badge, body.av-lush .lush-life .lush-life__orbit { opacity: 1 !important; } body.av-lush .lush-topbar__list li { opacity: 0 !important; transition: opacity 0.6s ease; } body.av-lush .lush-topbar__list li:first-child, body.av-lush .lush-topbar__list li.is-on { opacity: 1 !important; } body.av-lush .lush-topbar__list:has(li.is-on) li:first-child:not(.is-on) { opacity: 0 !important; } body.av-lush .lush-slide__cover img { transform: none !important; } body.av-lush .lush-ticker__row, body.av-lush .lush-life__flow span { transform: none !important; } @media (max-width: 999.98px) { body.av-lush *, body.av-lush *::before { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } body.av-lush .lush-life__glow { display: none !important; } } body.av-lush .lush-life, body.av-lush .lush-classic, body.av-lush .lush-deal, body.av-lush .lush-promise, body.av-lush .lush-timeline, body.av-lush .lush-ticker, body.av-lush .lush-footer, body.av-lush .lush-picked, body.av-lush .lush-band-pink, body.av-lush .av-term-copy, body.av-lush .related.products, body.av-lush .upsells.products { content-visibility: auto; contain-intrinsic-size: auto 760px; } body.av-lush .lush-slide__copy, body.av-lush .lush-slide__copy > *, body.av-lush .lush-slide__title, body.av-lush .lush-slide__sub, body.av-lush .lush-slide .lush-btn-outline, body.av-lush .lush-slide__label, body.av-lush .lush-slide__crumbs, body.av-lush .lush-slide__product, body.av-lush .lush-slide__product-card, body.av-lush .lush-slide__product-tag, body.av-lush .lush-slide__product-cap { opacity: 1 !important; visibility: visible !important; } body.av-lush .lush-slide__title, body.av-lush .lush-slide__sub, body.av-lush .lush-slide .lush-btn-outline { transform: none !important; } @media (max-width: 999.98px) { body.av-lush .lush-head__trigger, body.av-lush .lush-head__actions { background: #0F0D0B !important; box-shadow: inset 0 0 0 1px rgba(201, 160, 74, 0.55); } body.av-lush .lush-head__trigger, body.av-lush .lush-head__trigger *, body.av-lush .lush-head__actions a, body.av-lush .lush-head__actions button, body.av-lush .lush-head__actions svg { color: #F2E8D5 !important; } body.av-lush .lush-head__actions [aria-current], body.av-lush .lush-head__actions .is-current, body.av-lush .lush-head__actions .current-lang a { color: #E8C878 !important; } body.av-lush .lush-head__actions a:hover, body.av-lush .lush-head__actions a:focus-visible { color: #E8C878 !important; } body.av-lush .lush-head__actions [class*="sep"], body.av-lush .lush-head__actions hr { border-color: rgba(201, 160, 74, 0.45) !important; background: rgba(201, 160, 74, 0.45) !important; } } body.av-lush .av-wish-single { margin: 14px 0 0; } body.av-lush .av-wish-single a { display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px; border: 1px solid rgba(138, 102, 38, 0.55); border-radius: 999px; color: #2E261E; font-size: 13px; letter-spacing: 0.04em; text-decoration: none; transition: background 0.2s, color 0.2s; } body.av-lush .av-wish-single a:hover, body.av-lush .av-wish-single a:focus-visible { background: #0F0D0B; color: #E8C878; } body.av-lush .av-wish-single svg { width: 16px; height: 16px; } body.av-lush .yith-add-to-wishlist-button-block { display: none; } body.av-lush .lush-store__slide .lush-store__copy > *, body.av-lush .lush-store__slide .lush-store__art img { opacity: 1 !important; transform: none !important; } body.av-lush .av-share { margin: 48px 0 8px; padding: 22px 0 0; border-top: 1px solid rgba(138, 102, 38, 0.3); text-align: center; } body.av-lush .av-share__label { margin: 0 0 14px; font-family: var(--lush-serif); font-size: 20px; letter-spacing: 0.06em; color: #2E261E; } body.av-lush .av-share__list { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; list-style: none; margin: 0; padding: 0; } body.av-lush .av-share__item { margin: 0; } body.av-lush .av-share__item[hidden] { display: none; } body.av-lush .av-share__btn { display: inline-grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 1px solid rgba(138, 102, 38, 0.55); border-radius: 50%; background: transparent; color: #2E261E; cursor: pointer; text-decoration: none; transition: background 0.2s, color 0.2s; } body.av-lush .av-share__btn:hover, body.av-lush .av-share__btn:focus-visible { background: #0F0D0B; color: #E8C878; } body.av-lush .av-share__btn svg { width: 18px; height: 18px; } body.av-lush .av-share__note { min-height: 1.4em; margin: 10px 0 0; font-size: 13px; color: #6B5A3E; } @media (hover: hover) and (pointer: fine) { body.av-lush .av-share__item--messenger { display: none; } } body.av-lush .av-fb--card { width: 100%; max-width: 520px; margin: 28px auto 0; padding: 28px 24px; border: 1px solid rgba(138, 102, 38, 0.45); border-radius: 18px; background: #FFFCF8; text-align: center; box-sizing: border-box; } body.av-lush .lush-gallery__feed .av-fb--card { display: block; } body.av-lush .av-fb__head { display: inline-flex; align-items: center; gap: 14px; color: #2E261E; text-decoration: none; } body.av-lush .av-fb__logo { width: 72px; height: 72px; border-radius: 50%; object-fit: cover; box-shadow: 0 0 0 1px rgba(138, 102, 38, 0.45); } body.av-lush .av-fb__id { display: flex; flex-direction: column; align-items: flex-start; } body.av-lush .av-fb__name { font-family: var(--lush-serif); font-size: 26px; letter-spacing: 0.08em; } body.av-lush .av-fb__handle { font-size: 13px; color: #6B5A3E; } body.av-lush .av-fb__text { margin: 16px auto 20px; max-width: 40ch; } body.av-lush .av-fb__btns { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; } body.av-lush .av-fb__btn { display: inline-flex; align-items: center; gap: 8px; padding: 11px 20px; border: 1px solid rgba(138, 102, 38, 0.55); border-radius: 999px; color: #2E261E; font-size: 14px; letter-spacing: 0.04em; text-decoration: none; transition: background 0.2s, color 0.2s; } body.av-lush .av-fb__btn--follow, body.av-lush .av-fb__btn:hover, body.av-lush .av-fb__btn:focus-visible { background: #0F0D0B; border-color: #0F0D0B; color: #E8C878; } body.av-lush .av-fb__btn--follow:hover, body.av-lush .av-fb__btn--follow:focus-visible { background: #2E261E; } body.av-lush .av-fb__btn svg { width: 18px; height: 18px; } body.av-lush .av-sources { margin: 44px 0 0; padding: 20px 22px; border-left: 3px solid #B8923E; background: #FFFCF8; } body.av-lush .av-sources__label { margin: 0 0 8px; font-family: var(--lush-serif); font-size: 20px; letter-spacing: 0.04em; color: #2E261E; } body.av-lush .av-sources__list { margin: 0; padding-left: 1.1em; } body.av-lush .av-sources__list li { margin: 4px 0; } body.av-lush .av-sources__list a { color: #806423; text-decoration: underline; text-underline-offset: 3px; } body.av-lush .av-sources__by { font-size: 13px; color: #6B5A3E; } body.av-lush .av-sources__by::before { content: "· "; } body.av-lush .av-guide-shop { margin: 56px 0 0; max-width: none !important; } body.av-lush .av-guide-shop .lush-title { margin-bottom: 18px; } body.av-lush .av-guide-shop__links { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; list-style: none; margin: 0 0 24px; padding: 0; } body.av-lush .av-guide-shop__links li { margin: 0; } body.av-lush .av-guide-shop__links a { display: inline-block; padding: 8px 16px; border: 1px solid rgba(138, 102, 38, 0.55); border-radius: 999px; color: #2E261E; font-size: 14px; text-decoration: none; transition: background 0.2s, color 0.2s; } body.av-lush .av-guide-shop__links a:hover, body.av-lush .av-guide-shop__links a:focus-visible { background: #0F0D0B; color: #E8C878; } body.av-lush .av-guide-shop__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 28px 18px !important; } body.av-lush .av-guide-shop__grid .lush-card { margin-top: 0 !important; } @media (min-width: 760px) { body.av-lush .av-guide-shop__grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } } body.av-lush .lush-band { position: relative; background: #FBF7EF; border-bottom: 1px solid rgba(184, 146, 62, 0.35); } body.av-lush .lush-band__inner { padding: 16px 16px 18px; } body.av-lush .lush-band--term .lush-band__inner { padding: 20px 16px 30px; text-align: center; } body.av-lush .lush-band__crumb { margin: 0; font-size: 12px; letter-spacing: 0.04em; color: #6B5A3E; } body.av-lush .lush-band__crumb a { color: #806423; text-decoration: none; } body.av-lush .lush-band__crumb a:hover, body.av-lush .lush-band__crumb a:focus-visible { text-decoration: underline; text-underline-offset: 3px; } body.av-lush .lush-band__crumb span[aria-hidden] { margin: 0 7px; } body.av-lush .lush-band__label { margin: 14px 0 6px; font-size: 11px; letter-spacing: 4px; text-transform: uppercase; color: #8A6626; } body.av-lush .lush-band__title { margin: 0; font-family: var(--lush-serif); font-size: clamp(30px, 4vw, 48px); font-weight: 600; line-height: 1.05; color: #141110; } body.av-lush .lush-band__sub { margin: 10px auto 0; max-width: 60ch; font-family: var(--lush-serif); font-style: italic; font-size: 17px; line-height: 1.5; color: #2E261E; } @media (min-width: 1000px) { body.av-lush .lush-band--product .lush-band__inner { padding: 14px 16px 16px; } body.av-lush .lush-band--term .lush-band__inner { padding: 28px 16px 36px; } }