/* ========================================================= Fragrance Luxe – main stylesheet Fonts: Italiana (display) + DM Sans (text) ========================================================= */ :root { --ink: #191817; --ink-2: #282725; --muted: #6f6b66; --muted-2: #96918b; --line: #ded9d1; --line-2: #e7e3dc; --gold: #ae8a55; --gold-l: #cfb78e; --cream: #f7f4ee; --cream-2: #f1eee9; --beige: #eee8df; --white: #fff; --serif: "Italiana", Georgia, serif; --sans: "DM Sans", Arial, sans-serif; --pad: clamp(16px, 2.3vw, 32px); --maxw: 1444px; --header-h: 84px; --ease: cubic-bezier(.22, .61, .36, 1); } /* ---------- Base ---------- */ html { scroll-behavior: smooth; } body.fl-theme { margin: 0; font-family: var(--sans); font-size: 14px; line-height: 1.5; color: var(--ink); background: var(--white); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } body.fl-theme *, body.fl-theme *::before, body.fl-theme *::after { box-sizing: border-box; } :where(body.fl-theme) img { max-width: 100%; height: auto; display: block; } :where(body.fl-theme) a { color: inherit; text-decoration: none; transition: color .25s var(--ease), opacity .25s var(--ease); } :where(body.fl-theme) a:hover { color: var(--gold); } body.fl-theme h1, body.fl-theme h2, body.fl-theme h3, body.fl-theme h4 { font-family: var(--serif); font-weight: 400; color: inherit; margin: 0 0 .4em; line-height: 1.08; } :where(body.fl-theme) p { margin: 0 0 1em; } body.fl-theme button { font-family: var(--sans); cursor: pointer; } body.fl-theme input, body.fl-theme select, body.fl-theme textarea { font-family: var(--sans); } .screen-reader-text { position: absolute !important; clip: rect(1px,1px,1px,1px); width: 1px; height: 1px; overflow: hidden; } .skip-link:focus { clip: auto; width: auto; height: auto; z-index: 999; background: #fff; padding: 10px; } /* Language switch (ES default) */ html[data-lang="es"] [data-l="en"], html[data-lang="en"] [data-l="es"] { display: none !important; } .fl-container { width: 100%; max-width: var(--maxw); margin: 0 auto; padding-left: var(--pad); padding-right: var(--pad); } .fl-section { padding: clamp(64px, 8vw, 112px) 0; } .fl-bg-cream { background: var(--cream); } .fl-bg-beige { background: var(--beige); } .fl-center { text-align: center; } .fl-muted { color: var(--muted-2); } .fl-small { font-size: 12.5px; line-height: 1.7; } .fl-gold { color: var(--gold) !important; } .fl-dim { opacity: .55; } .fl-ic { display: inline-flex; width: 20px; height: 20px; flex: none; } .fl-ic svg { width: 100%; height: 100%; } /* Typography helpers */ .fl-eyebrow { font-family: var(--sans); font-size: 10.5px; font-weight: 500; letter-spacing: .22em; text-transform: uppercase; margin: 0 0 14px; line-height: 1.4; } .fl-eyebrow span { opacity: .8; } .fl-h2 { font-size: clamp(34px, 3.6vw, 52px); letter-spacing: -.005em; margin: 0 0 14px; } .fl-h2--xl { font-size: clamp(40px, 4.2vw, 60px); line-height: 1.05; } .fl-h2 em, .fl-hero-title em { font-style: italic; color: var(--gold); } .fl-lead { font-size: 14px; margin: 0; } /* Buttons */ .fl-btn, body.fl-theme .button, body.fl-theme button.button, body.fl-theme a.button, body.fl-theme input[type="submit"], body.fl-theme .wc-block-components-button { display: inline-flex; align-items: center; justify-content: center; gap: 14px; height: 49px; padding: 0 26px; border: 1px solid var(--ink); border-radius: 0; background: var(--ink); color: #fff; font-family: var(--sans); font-size: 10.5px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; line-height: 1; cursor: pointer; transition: background .3s var(--ease), color .3s var(--ease), border-color .3s var(--ease); box-shadow: none; text-decoration: none; } .fl-btn .fl-ic { width: 17px; height: 17px; transition: transform .3s var(--ease); } .fl-btn:hover .fl-ic { transform: translateX(4px); } .fl-btn--dark:hover, body.fl-theme .button:hover, body.fl-theme input[type="submit"]:hover { background: var(--gold); border-color: var(--gold); color: #fff; } .fl-btn--light { background: #fff; color: var(--ink); border-color: #fff; } .fl-btn--light:hover { background: var(--ink); border-color: var(--ink); color: #fff !important; } .fl-btn--ghost-light { background: transparent; color: #fff; border-color: rgba(255,255,255,.9); } .fl-btn--ghost-light:hover { background: #fff; color: var(--ink) !important; } .fl-btn--gold { background: var(--gold); border-color: var(--gold); color: #fff; } .fl-btn--gold:hover { background: #fff; color: var(--ink) !important; border-color: #fff; } .fl-link, .fl-link-light { display: inline-flex; align-items: center; gap: 10px; font-size: 10.5px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; padding-bottom: 6px; border-bottom: 1px solid currentColor; } .fl-link .fl-ic, .fl-link-light .fl-ic { width: 15px; height: 15px; } .fl-link-light { color: #fff !important; } .fl-link-light:hover { opacity: .75; } /* ---------- Announcement bar ---------- */ .fl-announce { background: var(--ink); color: #fff; display: flex; align-items: center; justify-content: center; gap: 14px; padding: 9px var(--pad); font-size: 12px; font-weight: 500; text-align: center; } .fl-announce-sep { width: 1px; height: 14px; background: rgba(255,255,255,.3); } .fl-announce-sub { color: #aaa7a2; font-size: 10px; letter-spacing: .08em; } /* ---------- Header ---------- */ .fl-header { position: sticky; top: 0; z-index: 90; background: rgba(255,255,255,.96); backdrop-filter: saturate(140%) blur(10px); -webkit-backdrop-filter: saturate(140%) blur(10px); border-bottom: 1px solid var(--line-2); transition: box-shadow .3s var(--ease); } body.admin-bar .fl-header { top: 32px; } .fl-header.is-scrolled { box-shadow: 0 6px 24px rgba(25,24,23,.06); } .fl-header-in { max-width: var(--maxw); margin: 0 auto; padding: 0 var(--pad); height: var(--header-h); display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 24px; } .fl-logo { display: inline-flex; flex-direction: column; align-items: center; line-height: 1; justify-self: start; color: var(--ink) !important; } .fl-logo-main { font-family: var(--serif); font-size: 29px; letter-spacing: .16em; } .fl-logo-sub { font-size: 8.5px; letter-spacing: .5em; margin-top: 7px; padding-left: .5em; font-weight: 500; } .fl-logo-img { max-height: 56px; width: auto; } .fl-logo--light { color: #fff !important; align-items: flex-start; } .fl-nav .fl-menu { list-style: none; display: flex; gap: 22px; margin: 0; padding: 0; } .fl-nav .fl-menu > li { position: static; } .fl-nav .fl-menu > li > a { display: inline-flex; align-items: center; gap: 4px; height: var(--header-h); font-size: 13px; color: var(--ink); position: relative; white-space: nowrap; } .fl-nav .fl-menu > li > a::after { content: ""; position: absolute; left: 0; right: 0; bottom: 26px; height: 1px; background: var(--gold); transform: scaleX(0); transition: transform .35s var(--ease); } .fl-nav .fl-menu > li.current-menu-item > a::after, .fl-nav .fl-menu > li > a:hover::after { transform: scaleX(1); } .fl-nav .fl-menu > li > a:hover { color: var(--ink); } .fl-nav .fl-ic-chev { width: 12px; height: 12px; } .fl-nav .sub-menu { display: none; } /* Mega menu */ .fl-mega { position: absolute; left: 0; right: 0; top: 100%; background: #fff; border-top: 1px solid var(--line-2); box-shadow: 0 20px 40px rgba(25,24,23,.06); opacity: 0; visibility: hidden; transform: translateY(6px); transition: all .3s var(--ease); } .fl-has-mega:hover .fl-mega, .fl-has-mega:focus-within .fl-mega { opacity: 1; visibility: visible; transform: none; } .fl-mega-in { max-width: var(--maxw); margin: 0 auto; padding: 40px var(--pad); display: grid; grid-template-columns: 1fr 1fr 1.4fr; gap: 40px; } .fl-mega-col { display: flex; flex-direction: column; gap: 12px; } .fl-mega-col .fl-eyebrow { color: var(--gold); margin-bottom: 6px; } .fl-mega-col a { font-family: var(--serif); font-size: 24px; } .fl-mega-card { min-height: 220px; background-size: cover; background-position: center; position: relative; display: flex; flex-direction: column; justify-content: flex-end; padding: 28px; color: #fff !important; } .fl-mega-card::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 30%, rgba(0,0,0,.55)); } .fl-mega-card > * { position: relative; } .fl-mega-card-title { font-family: var(--serif); font-size: 30px; } .fl-actions { justify-self: end; display: flex; align-items: center; gap: 8px; } .fl-lang { display: inline-flex; align-items: center; gap: 6px; font-size: 10.5px; color: var(--line); margin-right: 8px; } .fl-lang button { background: none; border: 0; padding: 2px; font-size: 10.5px; font-weight: 500; color: var(--muted-2); letter-spacing: .06em; } html[data-lang="es"] .fl-lang [data-set-lang="es"], html[data-lang="en"] .fl-lang [data-set-lang="en"] { color: var(--ink); font-weight: 700; } .fl-lang--light button { color: #96918b; } html[data-lang="es"] .fl-lang--light [data-set-lang="es"], html[data-lang="en"] .fl-lang--light [data-set-lang="en"] { color: #fff; } .fl-icon-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; background: none; border: 0; padding: 0; color: var(--ink) !important; } .fl-icon-btn .fl-ic { width: 21px; height: 21px; } .fl-icon-btn:hover { color: var(--gold) !important; } .fl-cart-count, .fl-wl-count { position: absolute; top: 0; right: -2px; min-width: 17px; height: 17px; padding: 0 4px; border-radius: 9px; background: var(--gold); color: #fff; font-size: 9.5px; font-weight: 600; line-height: 17px; text-align: center; } .fl-wl-count[data-count="0"] { display: none; } .fl-burger { display: none; } /* ---------- Search overlay ---------- */ .fl-search { position: fixed; inset: 0; z-index: 120; background: rgba(255,255,255,.98); display: flex; align-items: flex-start; justify-content: center; padding-top: 18vh; opacity: 0; visibility: hidden; transition: all .35s var(--ease); } .fl-search.is-open { opacity: 1; visibility: visible; } .fl-search-in { width: min(760px, 92vw); position: relative; text-align: center; } .fl-search-close { position: fixed; top: 24px; right: 24px; } .fl-search form { display: flex; border-bottom: 1px solid var(--ink); margin: 10px 0 28px; } .fl-search input[type="search"] { flex: 1; border: 0 !important; background: transparent; font-family: var(--serif) !important; font-size: clamp(28px, 4vw, 46px); padding: 10px 0; outline: none; box-shadow: none !important; color: var(--ink); } .fl-search form button { background: none; border: 0; color: var(--ink); } .fl-search form button .fl-ic { width: 28px; height: 28px; } .fl-search-tags { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; } .fl-search-tags a { border: 1px solid var(--line); padding: 9px 18px; font-size: 12px; } .fl-search-tags a:hover { border-color: var(--ink); color: var(--ink); } /* ---------- Off-canvas (menu + cart drawer) ---------- */ .fl-offcanvas { position: fixed; inset: 0 auto 0 0; z-index: 110; pointer-events: none; } .fl-offcanvas--right { inset: 0 0 0 auto; } .fl-offcanvas-panel { width: min(440px, 92vw); height: 100%; background: #fff; transform: translateX(-100%); transition: transform .45s var(--ease); display: flex; flex-direction: column; pointer-events: auto; overflow-y: auto; } .fl-offcanvas--right .fl-offcanvas-panel { transform: translateX(100%); } .fl-offcanvas.is-open .fl-offcanvas-panel { transform: none; } .fl-offcanvas:not(.is-open) .fl-offcanvas-panel { visibility: hidden; transition: transform .45s var(--ease), visibility 0s .45s; } .fl-offcanvas-head { display: flex; align-items: center; justify-content: space-between; padding: 22px 26px; border-bottom: 1px solid var(--line-2); } .fl-offcanvas-head .fl-eyebrow { margin: 0; } .fl-scrim { position: fixed; inset: 0; z-index: 105; background: rgba(25,24,23,.4); opacity: 0; visibility: hidden; transition: all .35s var(--ease); } body.fl-lock .fl-scrim { opacity: 1; visibility: visible; } body.fl-lock { overflow: hidden; } .fl-mobile-nav .fl-menu { list-style: none; margin: 0; padding: 10px 26px; } .fl-mobile-nav .fl-menu li { border-bottom: 1px solid var(--line-2); } .fl-mobile-nav .fl-menu a { display: flex; justify-content: space-between; padding: 16px 0; font-family: var(--serif); font-size: 26px; } .fl-mobile-nav .fl-ic-chev, .fl-mobile-nav .fl-mega, .fl-mobile-nav .sub-menu { display: none; } .fl-offcanvas-foot { margin-top: auto; padding: 24px 26px; display: flex; flex-direction: column; gap: 14px; font-size: 13px; } .fl-offcanvas-foot a { display: inline-flex; gap: 10px; align-items: center; } /* Mini cart */ .fl-drawer-inner { flex: 1; padding: 8px 26px 0; display: flex; flex-direction: column; } .fl-drawer-inner ul.woocommerce-mini-cart { list-style: none; margin: 0; padding: 0; } .fl-drawer-inner .woocommerce-mini-cart-item { position: relative; display: grid !important; grid-template-columns: 84px 1fr; gap: 6px 16px; padding: 20px 26px 20px 0; border-bottom: 1px solid var(--line-2); font-size: 13px; } .fl-drawer-inner .woocommerce-mini-cart-item > a:not(.remove) { display: contents; font-family: var(--serif); font-size: 20px; line-height: 1.2; } .fl-drawer-inner .woocommerce-mini-cart-item img { grid-row: span 3; width: 84px !important; height: 104px !important; object-fit: cover; background: var(--cream); margin: 0 !important; } .fl-drawer-inner .woocommerce-mini-cart-item .quantity { color: var(--muted); font-size: 12px; } .fl-drawer-inner .woocommerce-mini-cart-item .remove { position: absolute; right: 0; top: 18px; color: var(--muted-2) !important; font-size: 20px; line-height: 1; background: none !important; } .fl-drawer-inner .woocommerce-mini-cart-item dl.variation { margin: 0; font-size: 11.5px; color: var(--muted); display: flex; gap: 4px; } .fl-drawer-inner .woocommerce-mini-cart-item dl.variation dd, .fl-drawer-inner .woocommerce-mini-cart-item dl.variation p { margin: 0; } .fl-drawer-inner .woocommerce-mini-cart__total { display: flex; justify-content: space-between; padding: 22px 0 14px; margin: 0; font-size: 14px; border: 0; } .fl-drawer-inner .woocommerce-mini-cart__total strong { font-weight: 500; } .fl-drawer-inner .woocommerce-mini-cart__buttons { display: grid; gap: 10px; margin: 0; } .fl-drawer-inner .woocommerce-mini-cart__buttons .button { width: 100%; margin: 0 !important; } .fl-drawer-inner .woocommerce-mini-cart__buttons .button:not(.checkout) { background: #fff; color: var(--ink); } .fl-drawer-inner .woocommerce-mini-cart__buttons .button:not(.checkout):hover { background: var(--ink); color: #fff; } .fl-drawer-inner .woocommerce-mini-cart__empty-message { padding: 50px 0; text-align: center; font-family: var(--serif); font-size: 26px; } .fl-drawer-note { padding: 18px 26px 26px; font-size: 12px; color: var(--muted); } .fl-drawer-note p { display: flex; align-items: center; gap: 10px; margin: 0 0 8px; } .fl-drawer-note .fl-ic { width: 17px; height: 17px; color: var(--gold); } /* ---------- Hero ---------- */ .fl-hero { position: relative; height: clamp(560px, calc(100vh - 120px), 820px); overflow: hidden; background: #3b342e; color: #fff; } .fl-hero-slide { position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: opacity 1.1s var(--ease), visibility 0s 1.1s; } .fl-hero-slide.is-active { opacity: 1; visibility: visible; transition: opacity 1.1s var(--ease); } .fl-hero-bg { position: absolute; inset: 0; width: 100%; height: 100% !important; object-fit: cover; transform: scale(1.06); transition: transform 7s linear; } .fl-hero-slide.is-active .fl-hero-bg { transform: scale(1); } .fl-hero-slide::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(40,34,30,.78) 0%, rgba(40,34,30,.45) 38%, rgba(40,34,30,0) 70%); } .fl-hero-content { position: relative; z-index: 2; height: 100%; display: flex; flex-direction: column; justify-content: center; } .fl-hero-content > * { max-width: 620px; opacity: 0; transform: translateY(18px); transition: opacity .9s var(--ease), transform .9s var(--ease); } .fl-hero-slide.is-active .fl-hero-content > * { opacity: 1; transform: none; } .fl-hero-slide.is-active .fl-hero-content > *:nth-child(2) { transition-delay: .12s; } .fl-hero-slide.is-active .fl-hero-content > *:nth-child(3) { transition-delay: .22s; } .fl-hero-slide.is-active .fl-hero-content > *:nth-child(4) { transition-delay: .3s; } .fl-hero-slide.is-active .fl-hero-content > *:nth-child(5) { transition-delay: .38s; } .fl-hero-slide.is-active .fl-hero-content > *:nth-child(6) { transition-delay: .46s; } .fl-hero-title { font-size: clamp(50px, 6.3vw, 92px) !important; line-height: .98 !important; letter-spacing: -.02em; margin: 6px 0 26px !important; color: #fff; } .fl-hero-title em { color: var(--gold-l); } .fl-hero-title--md { font-size: clamp(44px, 5vw, 76px) !important; } .fl-hero-sub { font-size: 11px; letter-spacing: .2em; opacity: .9; margin-bottom: 14px; } .fl-hero-text { font-size: 15.5px; line-height: 1.65; max-width: 480px; opacity: .92; margin-bottom: 30px; } .fl-hero-ctas { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 30px; } .fl-hero-counter { position: absolute; left: 0; right: 0; bottom: 34px; z-index: 3; display: flex; align-items: center; justify-content: flex-end; gap: 14px; font-size: 11px; letter-spacing: .1em; } .fl-hero-bar { width: 70px; height: 1px; background: rgba(255,255,255,.35); border: 0; padding: 0; position: relative; } .fl-hero-bar i { position: absolute; left: 0; top: 0; bottom: 0; width: 0; background: #fff; } .fl-hero-bar.is-run i { animation: flbar 6s linear forwards; } @keyframes flbar { to { width: 100%; } } /* ---------- Trust bar ---------- */ .fl-trust { display: grid; grid-template-columns: repeat(4, 1fr); border-bottom: 1px solid var(--line); } .fl-trust-item { display: flex; align-items: flex-start; justify-content: center; gap: 16px; padding: 30px 18px; border-right: 1px solid var(--line); } .fl-trust-item:last-child { border-right: 0; } .fl-trust-item .fl-ic { color: var(--gold); width: 24px; height: 24px; margin-top: 4px; } .fl-trust-title { font-family: var(--serif); font-size: 19px; margin: 0 0 2px; } .fl-trust-en { font-size: 8.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--gold); margin: 0 0 6px; } .fl-trust-text { font-size: 12px; color: var(--muted); margin: 0; } /* ---------- Section heads ---------- */ .fl-section-head { margin-bottom: 46px; } .fl-section-head.fl-split { display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; } .fl-section-head.fl-split .fl-h2 { margin: 0; } /* ---------- Category tiles ---------- */ .fl-cats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; } .fl-cat { position: relative; overflow: hidden; display: block; color: #fff !important; background: var(--cream-2); } .fl-cat--lg { grid-column: span 2; aspect-ratio: 16 / 9.4; } .fl-cat--sm { aspect-ratio: 1 / .89; } .fl-cat img { position: absolute; inset: 0; width: 100%; height: 100% !important; object-fit: cover; transition: transform 1.2s var(--ease); } .fl-cat:hover img { transform: scale(1.05); } .fl-cat::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(25,22,20,.62) 100%); } .fl-cat-body { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; padding: clamp(20px, 2vw, 28px); display: flex; flex-direction: column; } .fl-cat-body .fl-eyebrow { margin-bottom: 8px; font-size: 9.5px; } .fl-cat-title { font-family: var(--serif); font-size: clamp(28px, 2.4vw, 36px); line-height: 1.05; margin-bottom: 14px; } .fl-cat-link { display: inline-flex; align-items: center; gap: 10px; font-size: 9.5px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; } .fl-cat-link .fl-ic { width: 14px; height: 14px; transition: transform .3s var(--ease); } .fl-cat:hover .fl-cat-link .fl-ic { transform: translateX(4px); } .fl-edits { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; } .fl-cat--edit { aspect-ratio: 4 / 4.6; } /* ---------- Product grid & cards ---------- */ body.fl-theme ul.products { list-style: none; margin: 0 !important; padding: 0 !important; display: grid !important; grid-template-columns: repeat(4, 1fr); gap: 46px 24px; } body.fl-theme ul.products::before, body.fl-theme ul.products::after { display: none !important; } body.fl-theme ul.products.columns-3 { grid-template-columns: repeat(3, 1fr); } body.fl-theme ul.products li.product { width: auto !important; margin: 0 !important; float: none !important; padding: 0 !important; text-align: left; } .fl-card { display: flex; flex-direction: column; } .fl-card-media { position: relative; aspect-ratio: 4 / 4.8; overflow: hidden; background: var(--cream-2); margin-bottom: 18px; } .fl-card-img { position: absolute; inset: 0; display: block; } .fl-card-img img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; object-fit: cover; margin: 0 !important; transition: transform 1.1s var(--ease), opacity .6s var(--ease); } .fl-card-img-2 { opacity: 0; } .fl-card:hover .fl-card-img-2 { opacity: 1; } .fl-card:hover .fl-card-img img { transform: scale(1.045); } .fl-badge { position: absolute; top: 16px; left: 16px; z-index: 2; background: #fff; color: var(--ink); padding: 6px 9px; font-size: 8.5px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; line-height: 1; } .fl-wish { position: absolute; top: 12px; right: 12px; z-index: 2; width: 36px; height: 36px; border-radius: 50%; border: 0; background: rgba(255,255,255,.92); color: var(--ink); display: flex; align-items: center; justify-content: center; padding: 0; transition: transform .25s var(--ease), color .25s; } .fl-wish .fl-ic { width: 18px; height: 18px; } .fl-wish:hover { transform: scale(1.08); } .fl-wish.is-on { color: var(--gold); } .fl-wish.is-on svg path { fill: currentColor; } .fl-quick { position: absolute; left: 14px; right: 14px; bottom: 14px; z-index: 2; background: rgba(255,255,255,.95); color: var(--ink) !important; text-align: center; padding: 13px; font-size: 10px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; opacity: 0; transform: translateY(10px); transition: all .35s var(--ease); } .fl-card:hover .fl-quick { opacity: 1; transform: none; } .fl-quick:hover { background: var(--ink); color: #fff !important; } .fl-card-label { font-size: 9.5px; letter-spacing: .16em; text-transform: uppercase; color: var(--muted); margin: 0 0 8px; } body.fl-theme .fl-card-title { font-size: 23px; line-height: 1.15; margin: 0 0 8px; padding: 0; } .fl-card-title a { color: var(--ink) !important; } .fl-card-rating { font-size: 11.5px; color: var(--muted); margin: 0 0 8px; } .fl-stars { color: var(--gold); letter-spacing: 2px; font-size: 10px; } .fl-card-price { font-size: 14px; font-weight: 500; margin-bottom: 18px; } body.fl-theme .price del { color: var(--muted-2); font-size: .82em; font-weight: 400; margin-right: 8px; opacity: 1; } body.fl-theme .price ins { text-decoration: none; background: none; font-weight: 500; } .fl-card-cta { margin-top: auto; } body.fl-theme .fl-card-cta .button { width: 100%; background: transparent; color: var(--ink); border-color: var(--ink); height: 46px; margin: 0; } body.fl-theme .fl-card-cta .button::after { content: ""; width: 15px; height: 15px; background: currentColor; flex: none; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6'%3E%3Cpath d='M6 7h12l1 14H5L6 7Z'/%3E%3Cpath d='M9 7V5a3 3 0 0 1 6 0v2'/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6'%3E%3Cpath d='M6 7h12l1 14H5L6 7Z'/%3E%3Cpath d='M9 7V5a3 3 0 0 1 6 0v2'/%3E%3C/svg%3E") center/contain no-repeat; } body.fl-theme .fl-card-cta .button:hover { background: var(--ink); color: #fff; } body.fl-theme .fl-card-cta .button.loading { opacity: .6; } body.fl-theme .fl-card-cta .added_to_cart { display: none; } /* ---------- Story ---------- */ .fl-story-in { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(40px, 7vw, 110px); align-items: center; padding-left: clamp(16px, 8vw, 145px); padding-right: clamp(16px, 8vw, 145px); } .fl-story-lead { font-size: 15.5px; line-height: 1.75; max-width: 440px; margin: 22px 0 16px; } .fl-story-text .fl-small { max-width: 440px; margin-bottom: 30px; } .fl-stats { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); margin-top: 44px; padding-top: 26px; max-width: 470px; } .fl-stats strong { display: block; font-family: var(--serif); font-weight: 400; font-size: 36px; line-height: 1; margin-bottom: 8px; } .fl-stats span { font-size: 9.5px; letter-spacing: .16em; text-transform: uppercase; color: var(--muted); } .fl-story-img { position: relative; margin: 0; aspect-ratio: 4 / 5; } .fl-story-img img { width: 100%; height: 100% !important; object-fit: cover; } .fl-story-img figcaption { position: absolute; top: 24px; right: -4px; writing-mode: vertical-rl; font-size: 9px; letter-spacing: .3em; text-transform: uppercase; color: var(--muted); } /* ---------- Banner ---------- */ .fl-banner { position: relative; min-height: clamp(480px, 46vw, 680px); display: flex; align-items: center; color: #fff; overflow: hidden; } .fl-banner > img { position: absolute; inset: 0; width: 100%; height: 100% !important; object-fit: cover; } .fl-banner::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(38,26,16,.72) 0%, rgba(38,26,16,.25) 50%, rgba(38,26,16,0) 75%); } .fl-banner-content { position: relative; z-index: 2; } .fl-banner-content .fl-hero-text { margin-bottom: 28px; } /* ---------- Testimonials ---------- */ .fl-quotes { display: grid; grid-template-columns: repeat(3, 1fr); } .fl-quote { margin: 0; padding: 26px clamp(20px, 3vw, 48px) 10px; text-align: center; border-right: 1px solid var(--line); } .fl-quote:last-child { border-right: 0; } .fl-quote .fl-stars { margin-bottom: 18px; } .fl-quote-text { font-family: var(--serif); font-size: clamp(21px, 1.8vw, 26px); line-height: 1.38; margin-bottom: 22px; } .fl-quote footer { display: flex; flex-direction: column; gap: 6px; font-size: 13px; } .fl-quote footer strong { font-weight: 600; } .fl-quote footer span { font-size: 11px; color: var(--muted-2); } /* ---------- Newsletter + footer ---------- */ .fl-newsletter { background: #1b1a18; color: #fff; padding: clamp(56px, 6vw, 84px) 0; border-bottom: 1px solid #2c2b28; } .fl-newsletter-in { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; } .fl-newsletter .fl-h2 { color: #fff; margin-bottom: 10px; } .fl-newsletter-sub { color: #c9c4bc; margin: 0; } .fl-newsletter-form { display: flex; flex-wrap: wrap; } .fl-newsletter-form input[type="email"] { flex: 1; min-width: 200px; height: 52px; background: #2a2926 !important; border: 1px solid #3a3835 !important; border-right: 0 !important; color: #fff !important; padding: 0 20px !important; font-size: 13.5px; border-radius: 0 !important; outline: none; } .fl-newsletter-form input::placeholder { color: #8e8a84; } .fl-newsletter-form .fl-btn { height: 52px; } .fl-form-msg { flex-basis: 100%; margin: 12px 0 0; font-size: 12.5px; color: var(--gold-l); } .fl-form-msg--err { color: #e3a28f; } .fl-footer { background: #1b1a18; color: #c9c4bc; padding: 64px 0 28px; font-size: 13px; } .fl-footer-grid { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr; gap: 40px; padding-bottom: 64px; border-bottom: 1px solid #2f2e2b; } .fl-footer-brand p { max-width: 300px; line-height: 1.7; margin: 26px 0; } .fl-footer-grid > div:not(.fl-footer-brand) { display: flex; flex-direction: column; gap: 12px; } .fl-footer-grid a { color: #e6e1d9; font-size: 12.5px; } .fl-footer-grid a:hover { color: var(--gold-l); } .fl-footer-title { font-size: 10px; letter-spacing: .22em; text-transform: uppercase; color: var(--gold); margin: 0 0 8px; } .fl-mt { margin-top: 18px !important; } .fl-social { display: flex; gap: 10px; } .fl-social a { width: 40px; height: 40px; border: 1px solid #3a3835; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .fl-social .fl-ic { width: 17px; height: 17px; } .fl-footer-bottom { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding-top: 26px; font-size: 10.5px; color: #7d7973; flex-wrap: wrap; } .fl-footer-bottom p { margin: 0; } .fl-footer-meta { display: flex; gap: 22px; align-items: center; flex-wrap: wrap; } /* ========================================================= WooCommerce pages ========================================================= */ .fl-wc { padding-top: 56px; padding-bottom: 96px; } body.fl-theme .woocommerce-products-header { text-align: center; padding: 10px 0 40px; } body.fl-theme .woocommerce-products-header__title, body.fl-theme .fl-wc h1.page-title { font-size: clamp(42px, 5vw, 72px); margin: 0 0 10px; } body.fl-theme .term-description, body.fl-theme .page-description { color: var(--muted); max-width: 620px; margin: 0 auto; } .fl-shop-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 16px 0; margin-bottom: 36px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); } body.fl-theme .woocommerce-result-count { margin: 0; font-size: 12px; color: var(--muted); letter-spacing: .04em; float: none; } body.fl-theme .woocommerce-ordering { margin: 0; float: none; } body.fl-theme select, body.fl-theme .woocommerce-ordering select { border: 1px solid var(--line); border-radius: 0; height: 42px; padding: 0 36px 0 14px; font-size: 12.5px; background-color: #fff; color: var(--ink); } body.fl-theme nav.woocommerce-pagination { margin-top: 56px; text-align: center; } body.fl-theme nav.woocommerce-pagination ul { border: 0 !important; display: inline-flex; gap: 8px; } body.fl-theme nav.woocommerce-pagination ul li { border: 0 !important; } body.fl-theme nav.woocommerce-pagination ul li a, body.fl-theme nav.woocommerce-pagination ul li span { width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--line); padding: 0; font-size: 13px; } body.fl-theme nav.woocommerce-pagination ul li span.current { background: var(--ink); color: #fff; border-color: var(--ink); } /* Notices */ body.fl-theme .woocommerce-message, body.fl-theme .woocommerce-info, body.fl-theme .woocommerce-error { border: 1px solid var(--line); border-left: 2px solid var(--gold); background: var(--cream); color: var(--ink); border-radius: 0; padding: 16px 20px 16px 52px; font-size: 13px; display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; } body.fl-theme .woocommerce-message::before, body.fl-theme .woocommerce-info::before { color: var(--gold); top: 50%; transform: translateY(-50%); } body.fl-theme .woocommerce-message .button, body.fl-theme .woocommerce-info .button { order: 2; height: 40px; } body.fl-theme .woocommerce-message::after, body.fl-theme .woocommerce-info::after { display: none; } /* Single product */ body.fl-theme.single-product div.product { display: grid; grid-template-columns: 1.08fr 1fr; gap: 0 clamp(32px, 6vw, 96px); align-items: start; position: relative; } body.fl-theme.single-product div.product .woocommerce-product-gallery { width: 100% !important; float: none !important; margin: 0 !important; position: sticky; top: 110px; } body.fl-theme.single-product div.product .summary { width: 100% !important; float: none !important; margin: 0 !important; padding-top: 10px; } body.fl-theme.single-product div.product > .onsale { display: none; } body.fl-theme.single-product .woocommerce-product-gallery__image img { background: var(--cream-2); } body.fl-theme.single-product .flex-control-thumbs { display: grid !important; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: 10px !important; } body.fl-theme.single-product .flex-control-thumbs li { width: auto !important; float: none !important; } body.fl-theme.single-product .flex-control-thumbs img { opacity: .55; transition: opacity .3s; aspect-ratio: 1; object-fit: cover; } body.fl-theme.single-product .flex-control-thumbs img.flex-active, body.fl-theme.single-product .flex-control-thumbs img:hover { opacity: 1; } body.fl-theme.single-product .woocommerce-product-gallery__trigger { background: #fff; border-radius: 50%; top: 16px; right: 16px; } body.fl-theme.single-product .summary .fl-eyebrow { color: var(--gold); } body.fl-theme.single-product .product_title { font-size: clamp(40px, 4vw, 58px); margin: 0 0 14px; } body.fl-theme.single-product .woocommerce-product-rating { margin-bottom: 14px; font-size: 12px; } body.fl-theme .star-rating { color: var(--gold); } body.fl-theme.single-product .summary .price { font-size: 22px !important; color: var(--ink) !important; font-weight: 500; margin: 0 0 22px; } body.fl-theme.single-product .woocommerce-product-details__short-description { color: var(--muted); line-height: 1.75; font-size: 14.5px; padding-bottom: 24px; margin-bottom: 26px; border-bottom: 1px solid var(--line); } body.fl-theme.single-product table.variations { border: 0; margin-bottom: 10px; } body.fl-theme.single-product table.variations th, body.fl-theme.single-product table.variations td { display: block; padding: 0; border: 0; background: none; text-align: left; } body.fl-theme.single-product table.variations th label { font-size: 10.5px; letter-spacing: .2em; text-transform: uppercase; font-weight: 600; margin-bottom: 12px; display: block; } body.fl-theme.single-product table.variations td { padding-bottom: 18px; } .fl-swatches { display: flex; flex-wrap: wrap; gap: 8px; } .fl-swatch { min-width: 76px; height: 46px; padding: 0 16px; border: 1px solid var(--line); background: #fff; font-size: 12.5px; color: var(--ink); transition: all .2s var(--ease); } .fl-swatch:hover { border-color: var(--ink); } .fl-swatch.is-on { border-color: var(--ink); background: var(--ink); color: #fff; } .fl-swatch[disabled] { opacity: .35; text-decoration: line-through; cursor: not-allowed; } .fl-has-swatches select { position: absolute !important; opacity: 0; pointer-events: none; width: 1px; height: 1px; } body.fl-theme.single-product .reset_variations { font-size: 11px; color: var(--muted); margin-left: 12px; } body.fl-theme.single-product .single_variation_wrap .woocommerce-variation-price .price { font-size: 18px !important; margin: 0 0 14px; } body.fl-theme.single-product form.cart { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 26px !important; } body.fl-theme.single-product form.variations_form { display: block; } body.fl-theme.single-product .woocommerce-variation-add-to-cart { display: flex; gap: 10px; flex-wrap: wrap; } body.fl-theme .quantity { display: inline-flex; border: 1px solid var(--line); height: 52px; margin: 0 !important; } body.fl-theme .quantity .qty { width: 54px; border: 0 !important; text-align: center; font-size: 14px; background: transparent; -moz-appearance: textfield; padding: 0; } body.fl-theme .quantity .qty::-webkit-inner-spin-button, body.fl-theme .quantity .qty::-webkit-outer-spin-button { -webkit-appearance: none; } .fl-qty-btn { width: 40px; border: 0; background: none; font-size: 18px; color: var(--ink); } body.fl-theme.single-product .single_add_to_cart_button { flex: 1; height: 52px; min-width: 200px; } .fl-product-perks { list-style: none; padding: 22px 0 0; margin: 0 0 26px; border-top: 1px solid var(--line); display: grid; gap: 12px; font-size: 13px; color: var(--muted); } .fl-product-perks li { display: flex; align-items: center; gap: 12px; } .fl-product-perks .fl-ic { color: var(--gold); width: 18px; height: 18px; } body.fl-theme.single-product .product_meta { font-size: 11.5px; color: var(--muted); display: grid; gap: 6px; } body.fl-theme.single-product .woocommerce-tabs { grid-column: 1 / -1; margin-top: 90px; } body.fl-theme.single-product .woocommerce-tabs ul.tabs { display: flex; justify-content: center; gap: 36px; padding: 0 !important; margin: 0 0 40px !important; border-bottom: 1px solid var(--line); } body.fl-theme.single-product .woocommerce-tabs ul.tabs::before, body.fl-theme.single-product .woocommerce-tabs ul.tabs li::before, body.fl-theme.single-product .woocommerce-tabs ul.tabs li::after { display: none !important; } body.fl-theme.single-product .woocommerce-tabs ul.tabs li { background: none !important; border: 0 !important; margin: 0 !important; padding: 0 !important; border-radius: 0 !important; } body.fl-theme.single-product .woocommerce-tabs ul.tabs li a { display: block; padding: 0 0 16px !important; font-size: 10.5px; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; color: var(--muted-2) !important; border-bottom: 1px solid transparent; margin-bottom: -1px; } body.fl-theme.single-product .woocommerce-tabs ul.tabs li.active a { color: var(--ink) !important; border-color: var(--ink); } body.fl-theme.single-product .woocommerce-Tabs-panel { max-width: 820px; margin: 0 auto; color: var(--muted); line-height: 1.8; font-size: 14.5px; } body.fl-theme.single-product .woocommerce-Tabs-panel h2 { font-size: 30px; color: var(--ink); } body.fl-theme.single-product .woocommerce-Tabs-panel table.shop_attributes { border-top: 1px solid var(--line); } body.fl-theme.single-product .woocommerce-Tabs-panel table.shop_attributes th, body.fl-theme.single-product .woocommerce-Tabs-panel table.shop_attributes td { border-bottom: 1px solid var(--line); background: none !important; padding: 14px 0; font-style: normal; } body.fl-theme.single-product section.related, body.fl-theme.single-product section.up-sells { grid-column: 1 / -1; margin-top: 100px; } body.fl-theme.single-product section.related > h2, body.fl-theme.single-product section.up-sells > h2 { text-align: center; font-size: clamp(34px, 3.4vw, 48px); margin-bottom: 44px; } /* Cart / checkout / account (classic + block) */ body.fl-theme .site-main, body.fl-theme main#content { max-width: var(--maxw); margin: 0 auto; padding: 56px var(--pad) 96px; } body.fl-theme .page-header .entry-title, body.fl-theme main#content > .page-header h1 { font-size: clamp(42px, 5vw, 68px); text-align: center; margin-bottom: 40px; } body.fl-theme table.shop_table { border: 0; border-collapse: collapse; border-radius: 0; } body.fl-theme table.shop_table th { font-size: 10.5px; letter-spacing: .18em; text-transform: uppercase; font-weight: 600; border-bottom: 1px solid var(--ink); padding: 14px 10px; } body.fl-theme table.shop_table td { border-top: 1px solid var(--line); padding: 20px 10px; } body.fl-theme table.shop_table img { width: 80px; } body.fl-theme .cart_totals h2, body.fl-theme #order_review_heading, body.fl-theme .woocommerce-billing-fields h3, body.fl-theme .woocommerce-additional-fields h3 { font-size: 30px; } body.fl-theme .woocommerce form .form-row label { font-size: 11px; letter-spacing: .1em; text-transform: uppercase; font-weight: 600; margin-bottom: 6px; } body.fl-theme .woocommerce form .form-row input.input-text, body.fl-theme .woocommerce form .form-row textarea, body.fl-theme .wc-block-components-text-input input, body.fl-theme .wc-block-components-combobox input, body.fl-theme input[type="text"], body.fl-theme input[type="email"], body.fl-theme input[type="tel"], body.fl-theme input[type="password"] { border: 1px solid var(--line); border-radius: 0 !important; min-height: 48px; padding: 10px 14px; font-size: 14px; background: #fff; } body.fl-theme input:focus, body.fl-theme select:focus, body.fl-theme textarea:focus { border-color: var(--ink) !important; outline: none; box-shadow: none !important; } body.fl-theme #payment { background: var(--cream) !important; border-radius: 0 !important; } body.fl-theme #place_order { width: 100%; height: 56px; } body.fl-theme .wc-block-components-sidebar-layout .wc-block-components-main, body.fl-theme .wc-block-components-sidebar { font-size: 14px; } body.fl-theme .wc-block-components-title, body.fl-theme .wc-block-components-checkout-step__title { font-family: var(--serif) !important; font-weight: 400 !important; font-size: 26px !important; } body.fl-theme .wc-block-cart__submit-button, body.fl-theme .wc-block-components-checkout-place-order-button { width: 100%; height: 56px; } body.fl-theme .wc-block-components-product-name { font-family: var(--serif); font-size: 20px; color: var(--ink) !important; } body.fl-theme .wc-block-components-totals-wrapper { border-color: var(--line) !important; } body.fl-theme .woocommerce-MyAccount-navigation ul { list-style: none; padding: 0; border-top: 1px solid var(--line); } body.fl-theme .woocommerce-MyAccount-navigation li { border-bottom: 1px solid var(--line); } body.fl-theme .woocommerce-MyAccount-navigation li a { display: block; padding: 14px 0; font-size: 12px; letter-spacing: .1em; text-transform: uppercase; } body.fl-theme .woocommerce-MyAccount-navigation li.is-active a { color: var(--gold); } /* Wishlist page */ .fl-empty { text-align: center; padding: 60px 0; } /* ========================================================= Responsive ========================================================= */ @media (max-width: 1180px) { .fl-nav .fl-menu { gap: 16px; } .fl-nav .fl-menu > li > a { font-size: 12.5px; } .fl-lang { display: none; } } @media (max-width: 1024px) { :root { --header-h: 70px; } .fl-header-in { grid-template-columns: auto 1fr auto; } .fl-burger { display: inline-flex; } .fl-nav { display: none; } .fl-logo { justify-self: center; } .fl-logo-main { font-size: 24px; } body.fl-theme ul.products { grid-template-columns: repeat(3, 1fr); gap: 36px 18px; } .fl-trust { grid-template-columns: repeat(2, 1fr); } .fl-trust-item:nth-child(2) { border-right: 0; } .fl-trust-item:nth-child(-n+2) { border-bottom: 1px solid var(--line); } .fl-cats { grid-template-columns: repeat(2, 1fr); } .fl-story-in { grid-template-columns: 1fr; padding-left: var(--pad); padding-right: var(--pad); } .fl-story-img { max-width: 560px; } .fl-footer-grid { grid-template-columns: 1fr 1fr; } .fl-footer-brand { grid-column: 1 / -1; } .fl-newsletter-in { grid-template-columns: 1fr; } body.fl-theme.single-product div.product { grid-template-columns: 1fr; } body.fl-theme.single-product div.product .woocommerce-product-gallery { position: relative; top: 0; margin-bottom: 32px !important; } } @media (max-width: 782px) { body.admin-bar .fl-header { top: 46px; } } @media (max-width: 680px) { .fl-announce { flex-direction: column; gap: 2px; padding: 7px 12px; font-size: 11px; } .fl-announce-sep { display: none; } .fl-hide-sm { display: none !important; } .fl-actions { gap: 0; } .fl-hero { height: 640px; } .fl-hero-slide::after { background: linear-gradient(180deg, rgba(40,34,30,.25) 0%, rgba(40,34,30,.75) 100%); } .fl-hero-content { justify-content: flex-end; padding-bottom: 80px; } .fl-hero-text { font-size: 14px; } .fl-hero-ctas .fl-btn { flex: 1 1 100%; } .fl-trust { grid-template-columns: 1fr; } .fl-trust-item { justify-content: flex-start; border-right: 0 !important; border-bottom: 1px solid var(--line); padding: 20px 4px; } .fl-trust-item:last-child { border-bottom: 0; } .fl-cats { grid-template-columns: 1fr 1fr; gap: 10px; } .fl-cat--lg { grid-column: span 2; aspect-ratio: 4 / 3.2; } .fl-cat--sm { aspect-ratio: 3 / 4; } .fl-cat-title { font-size: 26px; } .fl-edits { grid-template-columns: 1fr; } .fl-cat--edit { aspect-ratio: 4 / 3.6; } body.fl-theme ul.products, body.fl-theme ul.products.columns-3 { grid-template-columns: repeat(2, 1fr); gap: 32px 12px; } body.fl-theme .fl-card-title { font-size: 19px; } .fl-badge { top: 10px; left: 10px; } .fl-quick { display: none; } body.fl-theme .fl-card-cta .button { padding: 0 10px; font-size: 9.5px; gap: 8px; } .fl-section-head.fl-split { flex-direction: column; align-items: flex-start; } .fl-quotes { grid-template-columns: 1fr; } .fl-quote { border-right: 0; border-bottom: 1px solid var(--line); padding: 30px 0; } .fl-quote:last-child { border-bottom: 0; } .fl-footer-grid { grid-template-columns: 1fr 1fr; gap: 32px 20px; } .fl-footer-bottom { flex-direction: column; align-items: flex-start; } .fl-shop-toolbar { flex-direction: column; align-items: stretch; } .fl-newsletter-form input[type="email"] { border-right: 1px solid #3a3835 !important; flex-basis: 100%; } .fl-newsletter-form .fl-btn { flex: 1; margin-top: 8px; } .fl-search-close { top: 12px; right: 12px; } } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; } } /* ========================================================= Specificity fixes (WooCommerce / Hello defaults) ========================================================= */ body.fl-theme .fl-btn, body.fl-theme.woocommerce a.button, body.fl-theme.woocommerce button.button, body.fl-theme .woocommerce a.button, body.fl-theme .woocommerce button.button, body.fl-theme ul.products li.product .button, body.fl-theme .woocommerce #respond input#submit, body.fl-theme .woocommerce input.button { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 12px; height: 49px; padding: 0 26px !important; border-radius: 0 !important; line-height: 1 !important; font-family: var(--sans) !important; font-size: 10.5px !important; font-weight: 600 !important; letter-spacing: .12em !important; text-transform: uppercase !important; } body.fl-theme .fl-btn--dark, body.fl-theme.woocommerce a.button.alt, body.fl-theme .woocommerce a.button.alt, body.fl-theme .woocommerce button.button.alt, body.fl-theme button.single_add_to_cart_button { background: var(--ink) !important; color: #fff !important; border: 1px solid var(--ink) !important; } body.fl-theme .fl-btn--dark:hover, body.fl-theme .woocommerce a.button.alt:hover, body.fl-theme .woocommerce button.button.alt:hover, body.fl-theme button.single_add_to_cart_button:hover { background: var(--gold) !important; border-color: var(--gold) !important; } body.fl-theme .fl-btn--light { background: #fff; color: var(--ink) !important; border-color: #fff; } body.fl-theme .fl-btn--light:hover { background: var(--ink); border-color: var(--ink); color: #fff !important; } body.fl-theme .fl-btn--ghost-light { color: #fff !important; } body.fl-theme .fl-btn--ghost-light:hover { color: var(--ink) !important; } body.fl-theme .fl-btn--gold { color: #fff !important; } body.fl-theme .fl-btn--gold:hover { color: var(--ink) !important; } body.fl-theme ul.products li.product .fl-card-cta .button { width: 100% !important; height: 46px; background: transparent !important; color: var(--ink) !important; border: 1px solid var(--ink) !important; margin: 0 !important; } body.fl-theme ul.products li.product .fl-card-cta .button:hover { background: var(--ink) !important; color: #fff !important; } body.fl-theme ul.products li.product .fl-card-title { font-family: var(--serif) !important; font-size: 23px !important; font-weight: 400 !important; line-height: 1.15 !important; padding: 0 !important; margin: 0 0 8px !important; } body.fl-theme ul.products li.product .fl-card-price, body.fl-theme ul.products li.product .price { font-size: 14px !important; color: var(--ink) !important; font-weight: 500; } body.fl-theme .fl-card-price del, body.fl-theme .price del { color: var(--muted-2) !important; font-size: .82em; font-weight: 400; margin-right: 6px; opacity: 1 !important; text-decoration: line-through; } body.fl-theme .fl-card-price ins, body.fl-theme .price ins { text-decoration: none !important; background: none; font-weight: 500; } body.fl-theme .fl-card-price del .woocommerce-Price-amount { text-decoration: line-through; } body.fl-theme .fl-hero-content > .fl-link-light, body.fl-theme .fl-hero-content > .fl-hero-ctas { align-self: flex-start; } body.fl-theme .fl-link, body.fl-theme .fl-link-light { align-self: flex-start; } /* v1.0.2 polish */ body.fl-theme .fl-drawer-inner .quantity { border: 0 !important; height: auto !important; display: block !important; } body.admin-bar .fl-offcanvas { top: 32px; } @media (max-width: 782px) { body.admin-bar .fl-offcanvas { top: 46px; } } @media (max-width: 680px) { body.fl-theme ul.products li.product .fl-card-title { font-size: 19px !important; } .fl-trust { grid-template-columns: 1fr 1fr; } .fl-trust-item { flex-direction: column; gap: 8px; padding: 18px 10px; } .fl-trust-item:nth-child(odd) { border-right: 1px solid var(--line) !important; } .fl-trust-item:nth-child(-n+2) { border-bottom: 1px solid var(--line); } .fl-trust-item:nth-child(n+3) { border-bottom: 0; } .fl-trust-title { font-size: 17px; } } /* v1.1 – language toggle always visible + contact page */ @media (max-width: 1180px) { .fl-header .fl-lang { display: inline-flex; margin-right: 4px; } } @media (max-width: 680px) { .fl-header .fl-lang { margin-right: 0; gap: 3px; } .fl-header .fl-lang button { font-size: 10px; padding: 2px 1px; } } .fl-page-hero { background: var(--cream); padding: clamp(64px, 8vw, 110px) 0 clamp(90px, 10vw, 140px); } .fl-page-title { font-size: clamp(46px, 6vw, 84px) !important; line-height: 1 !important; letter-spacing: -.02em; margin: 6px 0 22px !important; } .fl-page-title em { font-style: italic; color: var(--gold); } .fl-page-lead { max-width: 560px; margin: 0 auto; color: var(--muted); font-size: 15px; line-height: 1.75; } .fl-cinfo { display: grid; grid-template-columns: repeat(4, 1fr); background: #fff; border: 1px solid var(--line); margin-top: -56px; position: relative; z-index: 2; box-shadow: 0 24px 50px rgba(25,24,23,.06); } .fl-cinfo-item { display: flex; flex-direction: column; gap: 6px; padding: 34px 28px; border-right: 1px solid var(--line); color: var(--ink) !important; } .fl-cinfo-item:last-child { border-right: 0; } a.fl-cinfo-item:hover { background: var(--cream); } .fl-cinfo-item .fl-ic { width: 26px; height: 26px; color: var(--gold); margin-bottom: 10px; } .fl-cinfo-item .fl-eyebrow { margin: 0; color: var(--muted); font-size: 9.5px; } .fl-cinfo-val { font-family: var(--serif); font-size: 22px; line-height: 1.2; word-break: break-word; } .fl-cinfo-note { font-size: 12px; color: var(--muted-2); } .fl-contact-grid { display: grid; grid-template-columns: 1.35fr 1fr; gap: clamp(36px, 6vw, 90px); align-items: start; } .fl-form { display: grid; gap: 22px; margin-top: 30px; } .fl-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; } .fl-field { display: flex; flex-direction: column; gap: 9px; margin: 0; } .fl-label { font-size: 10px; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; color: var(--ink); } body.fl-theme .fl-form input[type="text"], body.fl-theme .fl-form input[type="email"], body.fl-theme .fl-form input[type="tel"], body.fl-theme .fl-form textarea { width: 100%; border: 0 !important; border-bottom: 1px solid var(--line) !important; border-radius: 0 !important; background: transparent !important; padding: 10px 0 !important; min-height: 44px; font-size: 15px; color: var(--ink); box-shadow: none !important; transition: border-color .25s; } body.fl-theme .fl-form textarea { resize: vertical; min-height: 130px; } body.fl-theme .fl-form input:focus, body.fl-theme .fl-form textarea:focus { border-bottom-color: var(--ink) !important; } .fl-chips { display: flex; flex-wrap: wrap; gap: 8px; } .fl-chip { position: relative; cursor: pointer; margin: 0; } .fl-chip input { position: absolute; opacity: 0; pointer-events: none; } .fl-chip span { display: inline-block; padding: 10px 16px; border: 1px solid var(--line); font-size: 12.5px; transition: all .2s; } .fl-chip:hover span { border-color: var(--ink); } .fl-chip input:checked + span { background: var(--ink); border-color: var(--ink); color: #fff; } .fl-chip input:focus-visible + span { outline: 2px solid var(--gold); outline-offset: 2px; } .fl-form-note { font-size: 12px; color: var(--muted); margin: 0; } .fl-form-note a { text-decoration: underline !important; } .fl-form .fl-btn { justify-self: start; min-width: 220px; } .fl-hp { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; } .fl-alert { padding: 14px 18px; font-size: 13px; margin: 20px 0 0; border-left: 2px solid var(--gold); background: var(--cream); } .fl-alert--err { border-color: #b4553f; background: #fbf1ee; } .fl-contact-side { display: grid; gap: 18px; position: sticky; top: 120px; } .fl-bulk-card { position: relative; min-height: 440px; background-size: cover; background-position: center; color: #fff; display: flex; align-items: flex-end; padding: 36px; overflow: hidden; } .fl-bulk-card::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(30,22,16,.1) 20%, rgba(30,22,16,.82) 100%); } .fl-bulk-card > div { position: relative; } .fl-bulk-card .fl-eyebrow { color: var(--gold-l); } .fl-bulk-title { font-size: clamp(30px, 2.6vw, 40px) !important; line-height: 1.08 !important; color: #fff; margin-bottom: 14px !important; } .fl-bulk-title em { font-style: italic; color: var(--gold-l); } .fl-bulk-card p { font-size: 14px; opacity: .9; margin-bottom: 24px; max-width: 340px; } .fl-side-box { border: 1px solid var(--line); padding: 26px 28px; display: flex; justify-content: space-between; align-items: center; } .fl-side-box .fl-eyebrow { margin: 0; } .fl-social--dark a { border-color: var(--line); color: var(--ink) !important; } .fl-social--dark a:hover { border-color: var(--ink); } .fl-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; border-top: 1px solid var(--line); } .fl-step { padding: 34px 34px 10px 0; border-right: 1px solid var(--line); margin-right: 34px; } .fl-step:last-child { border-right: 0; margin-right: 0; } .fl-step-n { font-family: var(--serif); font-size: 44px; color: var(--gold); line-height: 1; display: block; margin-bottom: 18px; } .fl-step h3 { font-size: 24px !important; margin-bottom: 10px !important; } .fl-step p { color: var(--muted); font-size: 13.5px; line-height: 1.7; } .fl-faq-wrap { display: grid; grid-template-columns: 1fr 1.6fr; gap: clamp(36px, 6vw, 96px); align-items: start; } .fl-faq { border-top: 1px solid var(--line); } .fl-faq-item { border-bottom: 1px solid var(--line); } .fl-faq-item summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 24px 0; font-family: var(--serif); font-size: clamp(19px, 1.6vw, 23px); } .fl-faq-item summary::-webkit-details-marker { display: none; } .fl-faq-item summary .fl-ic { width: 20px; height: 20px; color: var(--gold); transition: transform .3s var(--ease); flex: none; } .fl-faq-item[open] summary .fl-ic { transform: rotate(45deg); } .fl-faq-item p { color: var(--muted); font-size: 14px; line-height: 1.75; margin: -6px 0 24px; max-width: 620px; } @media (max-width: 1024px) { .fl-cinfo { grid-template-columns: 1fr 1fr; } .fl-cinfo-item:nth-child(2) { border-right: 0; } .fl-cinfo-item:nth-child(-n+2) { border-bottom: 1px solid var(--line); } .fl-contact-grid, .fl-faq-wrap { grid-template-columns: 1fr; } .fl-contact-side { position: static; } } @media (max-width: 680px) { .fl-cinfo { grid-template-columns: 1fr; margin-top: -40px; } .fl-cinfo-item { border-right: 0 !important; border-bottom: 1px solid var(--line); padding: 24px 22px; } .fl-cinfo-item:last-child { border-bottom: 0; } .fl-form-row { grid-template-columns: 1fr; } .fl-form .fl-btn { width: 100%; } .fl-steps { grid-template-columns: 1fr; } .fl-step { border-right: 0; margin-right: 0; border-bottom: 1px solid var(--line); padding: 26px 0 8px; } .fl-bulk-card { min-height: 380px; padding: 26px; } } /* v1.1.1 contact polish */ body.fl-theme .fl-page-lead { margin: 0 auto; } .fl-cinfo-val { font-family: var(--sans); font-size: 15px; font-weight: 500; line-height: 1.45; } body.fl-theme .fl-chip { border: 0 !important; padding: 0 !important; background: none !important; display: inline-block; } body.fl-theme .fl-chip span[data-l] { border: 0 !important; padding: 0 !important; background: none !important; color: inherit !important; } /* v1.1.2 lang buttons reset */ body.fl-theme .fl-lang button, body.fl-theme .fl-lang button:hover, body.fl-theme .fl-lang button:focus { background: none !important; border: 0 !important; box-shadow: none !important; border-radius: 0; } body.fl-theme .fl-lang button:hover { color: var(--gold) !important; } body.fl-theme .fl-lang button:focus-visible { outline: 1px solid var(--gold); outline-offset: 2px; } /* v1.1.3 product gallery: no sticky (it overlapped tabs/related on scroll) */ body.fl-theme.single-product div.product .woocommerce-product-gallery { position: relative !important; top: auto !important; z-index: 1; } body.fl-theme.single-product .woocommerce-tabs, body.fl-theme.single-product section.related, body.fl-theme.single-product section.up-sells { position: relative; z-index: 2; background: #fff; } /* v1.2 bulk order page */ .fl-banner--page { min-height: clamp(460px, 42vw, 620px); } .fl-cinfo--flat { margin-top: 0; box-shadow: none; } .fl-cinfo--flat .fl-ic { width: 26px; height: 26px; color: var(--gold); margin-bottom: 14px; } .fl-who-title { font-family: var(--serif); font-size: 24px; line-height: 1.15; } .fl-steps--4 { grid-template-columns: repeat(4, 1fr); } .fl-steps--4 .fl-step { padding-right: 24px; margin-right: 24px; } .fl-side-panel { background: var(--cream); padding: 34px 32px; } .fl-checks { list-style: none; margin: 18px 0 0; padding: 0; display: grid; gap: 14px; } .fl-checks li { position: relative; padding-left: 30px; font-size: 14px; } .fl-checks li::before { content: ""; position: absolute; left: 0; top: 3px; width: 16px; height: 9px; border-left: 1.5px solid var(--gold); border-bottom: 1.5px solid var(--gold); transform: rotate(-45deg); } .fl-side-wa { color: var(--ink) !important; } .fl-side-wa:hover { border-color: var(--ink); } .fl-side-wa > span { display: flex; flex-direction: column; gap: 6px; } .fl-side-wa-text { font-family: var(--serif); font-size: 22px; } body.fl-theme .fl-form input[type="date"] { width: 100%; border: 0 !important; border-bottom: 1px solid var(--line) !important; border-radius: 0 !important; background: transparent !important; padding: 10px 0 !important; min-height: 44px; font-size: 15px; color: var(--ink); } @media (max-width: 1024px) { .fl-steps--4 { grid-template-columns: 1fr 1fr; } .fl-steps--4 .fl-step:nth-child(2) { border-right: 0; margin-right: 0; } } @media (max-width: 680px) { .fl-steps--4 { grid-template-columns: 1fr; } .fl-steps--4 .fl-step { border-right: 0; margin-right: 0; } } /* v1.3 about page */ .fl-about-hero { background: var(--cream); padding: clamp(56px, 7vw, 100px) 0; } .fl-about-hero-in { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(36px, 6vw, 96px); align-items: center; } .fl-about-hero-text .fl-story-lead { margin: 0 0 30px; } .fl-about-hero-img { margin: 0; aspect-ratio: 4 / 5; overflow: hidden; } .fl-about-hero-img img { width: 100%; height: 100% !important; object-fit: cover; } .fl-statement-text { font-family: var(--serif); font-size: clamp(28px, 3.2vw, 46px); line-height: 1.25; max-width: 980px; margin: 10px auto 0 !important; } .fl-split { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(36px, 7vw, 110px); align-items: center; } .fl-split--rev .fl-split-img { order: 2; } .fl-split-img { margin: 0; aspect-ratio: 5 / 6; overflow: hidden; } .fl-split-img img { width: 100%; height: 100% !important; object-fit: cover; } .fl-split-text p { color: var(--muted); font-size: 15px; line-height: 1.8; max-width: 480px; } .fl-split-text .fl-h2 { margin-bottom: 22px; } .fl-split-text .fl-link { margin-top: 10px; } .fl-values { display: grid; grid-template-columns: repeat(3, 1fr); } .fl-value { text-align: center; padding: 20px clamp(20px, 3vw, 48px); border-right: 1px solid var(--line); } .fl-value:last-child { border-right: 0; } .fl-value-n { display: block; font-family: var(--serif); font-size: clamp(48px, 5vw, 68px); color: var(--gold); line-height: 1; margin-bottom: 18px; } .fl-value h3 { font-size: 26px !important; margin-bottom: 10px !important; } .fl-value p { color: var(--muted); font-size: 13.5px; line-height: 1.7; max-width: 280px; margin: 0 auto; } .fl-banner--cta { min-height: clamp(420px, 38vw, 560px); } @media (max-width: 1024px) { .fl-about-hero-in, .fl-split { grid-template-columns: 1fr; } .fl-split--rev .fl-split-img { order: 0; } .fl-about-hero-img, .fl-split-img { max-width: 620px; } } @media (max-width: 680px) { .fl-values { grid-template-columns: 1fr; } .fl-value { border-right: 0; border-bottom: 1px solid var(--line); padding: 30px 0; } .fl-value:last-child { border-bottom: 0; } } /* v1.3.1 */ .fl-split-text p.fl-eyebrow { font-size: 10.5px; line-height: 1.4; max-width: none; } /* v1.5 QA fixes */ body.fl-theme .site-main .alignwide, body.fl-theme .site-main .alignfull { margin-left: 0 !important; margin-right: 0 !important; max-width: 100% !important; width: auto !important; } .fl-drawer-inner .woocommerce-mini-cart-item { display: block !important; position: relative; padding: 20px 30px 20px 100px !important; min-height: 146px; } .fl-drawer-inner .woocommerce-mini-cart-item > a:not(.remove) { display: block !important; font-family: var(--serif); font-size: 20px; line-height: 1.2; color: var(--ink) !important; margin-bottom: 8px; } .fl-drawer-inner .woocommerce-mini-cart-item img { position: absolute !important; left: 0; top: 20px; grid-row: auto; } .fl-drawer-inner .woocommerce-mini-cart-item .quantity { display: block !important; } .fl-drawer-inner .woocommerce-mini-cart-item .remove { right: 0 !important; left: auto !important; } .fl-404 { padding: clamp(80px, 10vw, 140px) 0; text-align: center; background: var(--cream); } .fl-404-code { font-family: var(--serif); font-size: clamp(90px, 14vw, 180px); line-height: 1; color: var(--gold); display: block; margin-bottom: 10px; } .fl-404 .fl-hero-ctas { justify-content: center; margin-top: 30px; } .fl-404 .fl-btn--light { border-color: var(--ink); } body.fl-theme .fl-btn, body.fl-theme .button, body.fl-theme .fl-link, body.fl-theme .fl-link-light, body.fl-theme .fl-cat, body.fl-theme .fl-nav a { text-decoration: none !important; } @media (max-width: 680px) { .fl-header-in { gap: 6px; } .fl-logo-main { font-size: 20px; letter-spacing: .12em; } .fl-logo-sub { font-size: 7.5px; letter-spacing: .4em; margin-top: 5px; } .fl-icon-btn { width: 34px; height: 34px; } .fl-cart-count, .fl-wl-count { right: 0; } } /* admin bar scrolls away on phones (<600px): keep header + panels at the very top */ @media (max-width: 600px) { body.admin-bar .fl-header { top: 0; } body.admin-bar .fl-offcanvas { top: 0; } } /* legal pages */ .fl-legal { max-width: 820px; margin: 0 auto; color: var(--muted); font-size: 15px; line-height: 1.8; } .fl-legal h2 { font-size: clamp(32px, 3.4vw, 46px); color: var(--ink); margin: 0 0 20px; } .fl-legal h3 { font-size: 24px; color: var(--ink); margin: 36px 0 10px; } .fl-legal a { color: var(--ink); text-decoration: underline; } .fl-legal-note { font-size: 12px; color: var(--muted-2); border-left: 2px solid var(--gold); padding-left: 14px; margin-bottom: 28px; } /* v1.6 brand logo (La Esperanza Fragrances) */ .fl-header .fl-logo-img { height: 52px; width: auto; max-height: none; } .fl-footer .fl-logo-img { height: 60px; width: auto; max-width: 100%; } @media (max-width: 1024px) { .fl-header .fl-logo-img { height: 42px; } } @media (max-width: 680px) { .fl-header .fl-logo-img { height: 32px; } } /* v1.7 mobile: icon-only logo in header */ .fl-header .fl-logo-icon { display: none; } @media (max-width: 767px) { .fl-header .fl-logo-full { display: none; } .fl-header .fl-logo-icon { display: block; height: 40px; width: auto; } } /* v1.7.1 mobile/tablet header: logo left, actions + menu button right */ @media (max-width: 1024px) { .fl-header-in { grid-template-columns: 1fr auto auto; gap: 4px; } .fl-header-in .fl-logo { order: 1; justify-self: start; align-items: flex-start; } .fl-header-in .fl-actions { order: 2; } .fl-header-in .fl-burger { order: 3; margin-right: -6px; } #fl-menu { inset: 0 0 0 auto; } #fl-menu .fl-offcanvas-panel { transform: translateX(100%); } #fl-menu.is-open .fl-offcanvas-panel { transform: none; } } /* ========================================================= v2.0 – La Esperanza brand theme: logo red + gold, Cinzel everywhere ========================================================= */ :root { --red: #C3080F; --red-d: #8C0007; --red-l: #E31B1B; --gold: #C08A0C; --gold-l: #EBB52A; --gold-grad: linear-gradient(135deg, #F3CB4C 0%, #D9A21B 55%, #B37D08 100%); --ink: #1F1212; --ink-2: #2C1817; --muted: #6E5A55; --muted-2: #9C8780; --line: #EADBC6; --line-2: #F2E7D6; --cream: #FCF7EF; --cream-2: #F7EDDF; --beige: #F3E6D2; --serif: "Cinzel", Georgia, "Times New Roman", serif; --sans: "Cinzel", Georgia, "Times New Roman", serif; } html.lenis, html.lenis body { height: auto; } .lenis.lenis-smooth { scroll-behavior: auto !important; } .lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; } ::selection { background: var(--red); color: #fff; } body.fl-theme { font-family: var(--sans); font-size: 14.5px; letter-spacing: .01em; color: var(--ink); } body.fl-theme h1, body.fl-theme h2, body.fl-theme h3, body.fl-theme h4 { font-family: var(--serif); letter-spacing: .02em; font-weight: 500; } body.fl-theme input, body.fl-theme select, body.fl-theme textarea, body.fl-theme button { font-family: var(--sans); } /* headline sizes tuned for Cinzel (wider than Italiana) */ .fl-hero-title { font-size: clamp(36px, 5vw, 74px) !important; line-height: 1.08 !important; letter-spacing: .01em !important; font-weight: 500; } .fl-hero-title--md { font-size: clamp(34px, 4.2vw, 60px) !important; } .fl-h2 { font-size: clamp(26px, 2.9vw, 42px); line-height: 1.15; } .fl-h2--xl { font-size: clamp(30px, 3.4vw, 50px); } .fl-page-title { font-size: clamp(34px, 4.6vw, 64px) !important; line-height: 1.1 !important; } body.fl-theme .woocommerce-products-header__title, body.fl-theme .fl-wc h1.page-title, body.fl-theme .page-header .entry-title, body.fl-theme main#content > .page-header h1 { font-size: clamp(32px, 4.2vw, 58px) !important; } body.fl-theme.single-product .product_title { font-size: clamp(28px, 3vw, 44px) !important; line-height: 1.15; } body.fl-theme ul.products li.product .fl-card-title { font-size: 17px !important; letter-spacing: .03em; } .fl-cat-title { font-size: clamp(22px, 2vw, 30px); letter-spacing: .03em; } .fl-trust-title { font-size: 15px; letter-spacing: .04em; } .fl-quote-text, .fl-statement-text { letter-spacing: .01em; } .fl-statement-text { font-size: clamp(22px, 2.6vw, 36px); line-height: 1.35; } .fl-mobile-nav .fl-menu a { font-size: 21px; letter-spacing: .04em; } .fl-mega-col a { font-size: 19px; } .fl-stats strong, .fl-value-n, .fl-step-n, .fl-404-code { font-weight: 500; } /* emphasis: no faux-italic on Cinzel – use brand colours */ .fl-hero-title em, .fl-banner .fl-hero-title em, .fl-bulk-title em { font-style: normal; background: var(--gold-grad); -webkit-background-clip: text; background-clip: text; color: transparent; } .fl-h2 em, .fl-page-title em { font-style: normal; color: var(--red); } /* gold eyebrows / labels */ .fl-gold, .fl-eyebrow.fl-gold, .fl-footer-title { color: var(--gold) !important; } .fl-trust-item .fl-ic, .fl-product-perks .fl-ic, .fl-cinfo-item .fl-ic, .fl-drawer-note .fl-ic { color: var(--red); } .fl-trust-en { color: var(--gold); } .fl-stars { color: var(--gold-l); } /* links */ :where(body.fl-theme) a:hover { color: var(--red); } .fl-nav .fl-menu > li > a::after { background: var(--red); } .fl-nav .fl-menu > li > a:hover, .fl-nav .fl-menu > li.current-menu-item > a { color: var(--red); } .fl-icon-btn:hover { color: var(--red) !important; } html[data-lang="es"] .fl-lang [data-set-lang="es"], html[data-lang="en"] .fl-lang [data-set-lang="en"] { color: var(--red); } /* announcement bar + counters */ .fl-announce { background: var(--red-d); } .fl-announce-sub { color: #F2C9C9; } .fl-cart-count, .fl-wl-count { background: var(--red); } /* primary buttons = brand red, hover = gold */ body.fl-theme .fl-btn--dark, body.fl-theme.woocommerce a.button.alt, body.fl-theme .woocommerce a.button.alt, body.fl-theme .woocommerce button.button.alt, body.fl-theme button.single_add_to_cart_button, body.fl-theme .wc-block-components-button:not(.is-link), body.fl-theme .wc-block-cart__submit-button, body.fl-theme .wc-block-components-checkout-place-order-button, body.fl-theme #place_order, body.fl-theme .fl-drawer-inner .woocommerce-mini-cart__buttons .button.checkout { background: var(--red) !important; border-color: var(--red) !important; color: #fff !important; } body.fl-theme .fl-btn--dark:hover, body.fl-theme .woocommerce a.button.alt:hover, body.fl-theme .woocommerce button.button.alt:hover, body.fl-theme button.single_add_to_cart_button:hover, body.fl-theme .wc-block-components-button:not(.is-link):hover, body.fl-theme .wc-block-cart__submit-button:hover, body.fl-theme .wc-block-components-checkout-place-order-button:hover, body.fl-theme #place_order:hover, body.fl-theme .fl-drawer-inner .woocommerce-mini-cart__buttons .button.checkout:hover { background: var(--gold) !important; border-color: var(--gold) !important; color: #fff !important; } body.fl-theme .fl-btn { letter-spacing: .14em !important; font-weight: 600 !important; } body.fl-theme .fl-btn--light { color: var(--red) !important; } body.fl-theme .fl-btn--light:hover { background: var(--red) !important; border-color: var(--red) !important; color: #fff !important; } body.fl-theme .fl-btn--gold { background: var(--gold-grad); border: 0; color: #2A1500 !important; } body.fl-theme .fl-btn--gold:hover { background: #fff; color: var(--red) !important; } body.fl-theme ul.products li.product .fl-card-cta .button { border-color: var(--red) !important; color: var(--red) !important; } body.fl-theme ul.products li.product .fl-card-cta .button:hover { background: var(--red) !important; color: #fff !important; } .fl-link, .fl-link-light { letter-spacing: .16em; } .fl-link { color: var(--red) !important; } /* product cards / prices / badges */ .fl-badge { background: var(--red); color: #fff; } .fl-wish.is-on { color: var(--red); } .fl-quick:hover { background: var(--red); } body.fl-theme .price ins, body.fl-theme .fl-card-price ins { color: var(--red); } body.fl-theme.single-product .summary .price { color: var(--red) !important; } .fl-swatch.is-on, body.fl-theme .fl-chip input:checked + span { background: var(--red) !important; border-color: var(--red) !important; color: #fff !important; } .fl-swatch:hover { border-color: var(--red); } /* dark areas: deep maroon-black with gold */ .fl-newsletter, .fl-footer { background: #170B0B; } .fl-newsletter { border-bottom-color: #2E1918; } .fl-footer-grid { border-bottom-color: #2E1918; } .fl-newsletter-form input[type="email"] { background: #241414 !important; border-color: #3A2220 !important; } .fl-footer-grid a:hover { color: var(--gold-l); } .fl-social a { border-color: #3A2220; } .fl-social a:hover { border-color: var(--gold-l); color: var(--gold-l) !important; } /* soft brand tint on light sections */ .fl-bg-cream, .fl-page-hero, .fl-about-hero, .fl-404 { background: var(--cream); } .fl-bg-beige { background: var(--beige); } .fl-alert, body.fl-theme .woocommerce-message, body.fl-theme .woocommerce-info { border-left-color: var(--red); } .fl-checks li::before { border-color: var(--red); } .fl-legal-note { border-left-color: var(--red); } .fl-faq-item summary .fl-ic { color: var(--red); } .fl-hero-bar i { background: var(--gold-l); } /* reveal-on-scroll */ .fl-reveal { opacity: 0; transform: translateY(26px); transition: opacity .9s cubic-bezier(.22,.61,.36,1), transform .9s cubic-bezier(.22,.61,.36,1); } .fl-reveal.is-in { opacity: 1; transform: none; } @media (prefers-reduced-motion: reduce) { .fl-reveal { opacity: 1; transform: none; } } html[data-lang="es"] .fl-lang--light [data-set-lang="es"], html[data-lang="en"] .fl-lang--light [data-set-lang="en"] { color: var(--gold-l); } /* ========================================================= v2.1 – ecommerce layer ========================================================= */ /* compact hero so products appear sooner */ .fl-hero--compact { height: clamp(440px, 68vh, 640px); } @media (max-width: 680px) { .fl-hero--compact { height: 560px; } } .fl-section--tight { padding: clamp(44px, 5.5vw, 76px) 0; } .fl-section--tight .fl-section-head { margin-bottom: 30px; } /* rotating offers bar */ .fl-announce { position: relative; display: block; height: 36px; padding: 0 var(--pad); overflow: hidden; } .fl-announce-item { position: absolute; left: 0; right: 0; top: 0; height: 36px; display: flex; align-items: center; justify-content: center; font-size: 11.5px; letter-spacing: .12em; text-transform: uppercase; opacity: 0; transform: translateY(8px); transition: opacity .5s ease, transform .5s ease; padding: 0 12px; text-align: center; } .fl-announce-item.is-active { opacity: 1; transform: none; } @media (max-width: 680px) { .fl-announce, .fl-announce-item { height: 32px; } .fl-announce-item { font-size: 10px; letter-spacing: .08em; } } /* product rows (carousel) */ .fl-row-nav { display: flex; align-items: center; gap: 10px; } .fl-row-nav .fl-link { margin-right: 10px; } .fl-row-btn { width: 40px; height: 40px; border: 1px solid var(--line); background: #fff; display: inline-flex; align-items: center; justify-content: center; color: var(--ink); padding: 0; transition: all .2s; } .fl-row-btn .fl-ic { width: 16px; height: 16px; transform: rotate(90deg); } .fl-row-btn[data-dir="1"] .fl-ic { transform: rotate(-90deg); } .fl-row-btn:hover { background: var(--red); border-color: var(--red); color: #fff; } body.fl-theme .fl-row ul.products { display: flex !important; grid-template-columns: none; gap: 24px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding-bottom: 6px !important; overscroll-behavior-x: contain; } body.fl-theme .fl-row ul.products::-webkit-scrollbar { display: none; } body.fl-theme .fl-row ul.products li.product { flex: 0 0 calc((100% - 72px) / 4); scroll-snap-align: start; } @media (max-width: 1024px) { body.fl-theme .fl-row ul.products li.product { flex-basis: calc((100% - 48px) / 3); } } @media (max-width: 680px) { body.fl-theme .fl-row ul.products { gap: 12px; } body.fl-theme .fl-row ul.products li.product { flex-basis: 62%; } .fl-row-btn { display: none; } .fl-row .fl-section-head.fl-split { flex-direction: row; align-items: flex-end; } .fl-row-nav .fl-link { margin-right: 0; } } /* shop by scent */ .fl-scents { display: grid; grid-template-columns: repeat(7, 1fr); gap: 18px; } .fl-scent { display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center; color: var(--ink) !important; } .fl-scent-img { width: 100%; max-width: 150px; aspect-ratio: 1; border-radius: 50%; overflow: hidden; padding: 4px; background: var(--gold-grad); transition: transform .35s ease, box-shadow .35s ease; } .fl-scent-img img { width: 100%; height: 100% !important; object-fit: cover; border-radius: 50%; border: 3px solid #fff; } .fl-scent:hover .fl-scent-img { transform: translateY(-4px); box-shadow: 0 14px 30px rgba(195, 8, 15, .18); } .fl-scent-name { font-size: 13px; letter-spacing: .12em; text-transform: uppercase; font-weight: 600; } @media (max-width: 1024px) { .fl-scents { grid-template-columns: repeat(4, 1fr); } } @media (max-width: 680px) { .fl-scents { display: flex; overflow-x: auto; gap: 14px; scrollbar-width: none; padding-bottom: 4px; } .fl-scents::-webkit-scrollbar { display: none; } .fl-scent { flex: 0 0 84px; } .fl-scent-name { font-size: 11px; } } /* shop by price */ .fl-prices { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; } .fl-price-chip { display: flex; flex-direction: column; justify-content: space-between; gap: 18px; min-height: 140px; padding: 26px; border: 1px solid var(--line); background: #fff; color: var(--ink) !important; position: relative; overflow: hidden; transition: all .3s ease; } .fl-price-chip::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--gold-grad); } .fl-price-chip-label { font-size: clamp(18px, 1.6vw, 22px); font-weight: 600; letter-spacing: .04em; } .fl-price-chip-cta { display: inline-flex; align-items: center; gap: 8px; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--red); font-weight: 600; } .fl-price-chip-cta .fl-ic { width: 15px; height: 15px; } .fl-price-chip:hover { background: var(--red); border-color: var(--red); color: #fff !important; } .fl-price-chip:hover .fl-price-chip-cta { color: var(--gold-l); } @media (max-width: 1024px) { .fl-prices { grid-template-columns: 1fr 1fr; } } @media (max-width: 680px) { .fl-price-chip { min-height: 110px; padding: 18px; } } /* brands */ .fl-brands { display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; } .fl-brand { display: flex; align-items: center; justify-content: center; height: 96px; background: #fff; border: 1px solid var(--line); padding: 14px; color: var(--ink) !important; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; font-size: 13px; text-align: center; transition: all .25s; } .fl-brand img { max-height: 60px; width: auto; filter: grayscale(1); opacity: .8; transition: all .25s; } .fl-brand:hover { border-color: var(--red); color: var(--red) !important; } .fl-brand:hover img { filter: none; opacity: 1; } @media (max-width: 1024px) { .fl-brands { grid-template-columns: repeat(3, 1fr); } } /* low stock + card polish */ .fl-low-stock { font-size: 11px; color: var(--red); letter-spacing: .06em; margin: -10px 0 14px !important; font-weight: 600; } /* free-shipping goal in mini cart */ .fl-ship-goal { background: var(--cream); padding: 14px 16px; margin: 6px 0 4px; font-size: 12px; } .fl-ship-goal p { margin: 0 0 8px !important; } .fl-ship-bar { display: block; height: 4px; background: var(--line); } .fl-ship-bar i { display: block; height: 100%; background: var(--red); } /* footer trust + payments */ .fl-footer-trust { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 30px; padding: 26px 0; border-bottom: 1px solid #2E1918; font-size: 12px; color: #E6D9CF; letter-spacing: .06em; } .fl-footer-trust > span { display: inline-flex; align-items: center; gap: 10px; } .fl-footer-trust .fl-ic { width: 18px; height: 18px; color: var(--gold-l); } .fl-pay { margin-left: auto; gap: 8px !important; flex-wrap: wrap; } .fl-pay i { font-style: normal; font-size: 10.5px; font-weight: 700; letter-spacing: .08em; color: var(--ink); background: #fff; padding: 6px 10px; border-radius: 3px; } @media (max-width: 680px) { .fl-pay { margin-left: 0; } } /* mobile bottom navigation (app style) */ .fl-bottom-nav { display: none; } @media (max-width: 767px) { .fl-bottom-nav { display: grid; grid-template-columns: repeat(5, 1fr); position: fixed; left: 0; right: 0; bottom: 0; z-index: 95; background: rgba(255, 255, 255, .97); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-top: 1px solid var(--line); padding: 6px 4px calc(6px + env(safe-area-inset-bottom)); box-shadow: 0 -8px 24px rgba(31, 18, 18, .06); } .fl-bottom-nav > a, .fl-bottom-nav > button { position: relative; display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 6px 0; background: none; border: 0; color: var(--muted) !important; font-size: 9.5px; letter-spacing: .08em; text-transform: uppercase; font-family: var(--sans); } .fl-bottom-nav .fl-ic { width: 22px; height: 22px; } .fl-bottom-nav > .is-on, .fl-bottom-nav > a:hover, .fl-bottom-nav > button:hover { color: var(--red) !important; } .fl-bottom-nav .fl-cart-count, .fl-bottom-nav .fl-wl-count { position: absolute; top: 2px; left: 50%; right: auto; margin-left: 6px; } body.fl-theme { padding-bottom: calc(64px + env(safe-area-inset-bottom)); } .fl-header .fl-actions [data-fl-open="search"] { display: none; } } /* ========================================================= v2.2 – Bright white / off-white edition (client references: Sephora, Thomson Carter, BPlatz, Venom). Clean white canvas, soft off-white sections, black UI, red + gold as accents only. ========================================================= */ :root { --ink: #141414; --ink-2: #2A2A2A; --muted: #6B6966; --muted-2: #9A9792; --line: #ECEAE6; --line-2: #F2F1EE; --cream: #FAF9F6; --cream-2: #F6F5F2; --beige: #F4F2EE; --white: #FFFFFF; } body.fl-theme { background: #FFFFFF; color: var(--ink); } ::selection { background: var(--ink); color: #fff; } /* header: pure white with hairline */ .fl-header { background: #FFFFFF; border-bottom: 1px solid var(--line); } .fl-header.is-scrolled { box-shadow: 0 4px 20px rgba(0,0,0,.05); } /* announcement bar: black like the references */ .fl-announce { background: #111111; color: #FFFFFF; } .fl-announce-sub { color: #BDBDBD; } /* off-white sections */ .fl-bg-cream, .fl-page-hero, .fl-about-hero, .fl-404 { background: var(--cream); } .fl-bg-beige { background: var(--beige); } .fl-trust { background: #FFFFFF; } /* product cards: light grey image stage */ .fl-card-media { background: #F5F4F1; } body.fl-theme ul.products li.product .fl-card-title { color: var(--ink); } /* primary buttons: black, hover brand red */ body.fl-theme .fl-btn--dark, body.fl-theme.woocommerce a.button.alt, body.fl-theme .woocommerce a.button.alt, body.fl-theme .woocommerce button.button.alt, body.fl-theme button.single_add_to_cart_button, body.fl-theme .wc-block-components-button:not(.is-link), body.fl-theme .wc-block-cart__submit-button, body.fl-theme .wc-block-components-checkout-place-order-button, body.fl-theme #place_order, body.fl-theme .fl-drawer-inner .woocommerce-mini-cart__buttons .button.checkout { background: #111111 !important; border-color: #111111 !important; color: #fff !important; } body.fl-theme .fl-btn--dark:hover, body.fl-theme .woocommerce a.button.alt:hover, body.fl-theme .woocommerce button.button.alt:hover, body.fl-theme button.single_add_to_cart_button:hover, body.fl-theme .wc-block-components-button:not(.is-link):hover, body.fl-theme .wc-block-cart__submit-button:hover, body.fl-theme .wc-block-components-checkout-place-order-button:hover, body.fl-theme #place_order:hover, body.fl-theme .fl-drawer-inner .woocommerce-mini-cart__buttons .button.checkout:hover { background: var(--red) !important; border-color: var(--red) !important; color: #fff !important; } body.fl-theme ul.products li.product .fl-card-cta .button { border-color: #111111 !important; color: #111111 !important; background: #fff !important; } body.fl-theme ul.products li.product .fl-card-cta .button:hover { background: #111111 !important; color: #fff !important; } body.fl-theme .fl-btn--light { background: #fff !important; color: #111 !important; border-color: #fff !important; } body.fl-theme .fl-btn--light:hover { background: #111 !important; border-color: #111 !important; color: #fff !important; } .fl-quick:hover { background: #111111; } .fl-swatch.is-on, body.fl-theme .fl-chip input:checked + span { background: #111111 !important; border-color: #111111 !important; color: #fff !important; } .fl-swatch:hover { border-color: #111111; } body.fl-theme nav.woocommerce-pagination ul li span.current { background: #111; border-color: #111; } .fl-link { color: var(--ink) !important; } .fl-link:hover { color: var(--red) !important; } /* newsletter: soft off-white, dark text */ .fl-newsletter { background: var(--cream-2); color: var(--ink); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); } .fl-newsletter .fl-h2 { color: var(--ink); } .fl-newsletter-sub { color: var(--muted); } .fl-newsletter-form input[type="email"] { background: #FFFFFF !important; border-color: #DCDAD5 !important; color: var(--ink) !important; } .fl-newsletter-form input::placeholder { color: var(--muted-2); } body.fl-theme .fl-newsletter .fl-btn--gold { background: #111111; color: #fff !important; } body.fl-theme .fl-newsletter .fl-btn--gold:hover { background: var(--red); color: #fff !important; } /* footer: white, dark text */ .fl-footer { background: #FFFFFF; color: var(--muted); } .fl-footer-grid { border-bottom-color: var(--line); } .fl-footer-grid a { color: var(--ink); } .fl-footer-grid a:hover { color: var(--red); } .fl-footer-brand p { color: var(--muted); } .fl-logo--light { color: var(--ink) !important; } .fl-social a { border-color: #DCDAD5; color: var(--ink) !important; } .fl-social a:hover { border-color: var(--red); color: var(--red) !important; } .fl-footer-trust { border-bottom-color: var(--line); color: var(--ink); } .fl-footer-trust .fl-ic { color: var(--gold); } .fl-pay i { background: #FFFFFF; border: 1px solid #DCDAD5; color: var(--ink); } .fl-footer-bottom { color: var(--muted-2); } .fl-lang--light button { color: var(--muted-2); } html[data-lang="es"] .fl-lang--light [data-set-lang="es"], html[data-lang="en"] .fl-lang--light [data-set-lang="en"] { color: var(--ink); } /* soft surfaces in drawers / chips */ .fl-ship-goal { background: var(--cream-2); } .fl-ship-bar i { background: #111111; } .fl-price-chip { background: #FFFFFF; border-color: var(--line); } .fl-price-chip:hover { background: #111111; border-color: #111111; } .fl-bottom-nav { background: rgba(255,255,255,.98); } /* ========================================================= v2.3 – Shop / category pages with filters ========================================================= */ body.fl-theme.woocommerce-shop .fl-wc, body.fl-theme.tax-product_cat .fl-wc, body.fl-theme.tax-product_tag .fl-wc, body.fl-theme.tax-product_brand .fl-wc, body.fl-theme.post-type-archive-product .fl-wc { padding-top: 0; } .fl-shop-main .woocommerce-products-header { display: none; } .fl-shop-hero { text-align: center; padding: clamp(28px, 4vw, 52px) 0 clamp(22px, 3vw, 34px); border-bottom: 1px solid var(--line); margin-bottom: 30px; } .fl-crumbs { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); margin-bottom: 14px; } .fl-crumbs em { font-style: normal; color: var(--ink); } .fl-crumbs span { opacity: .5; } body.fl-theme .fl-shop-title { font-size: clamp(30px, 3.8vw, 52px); line-height: 1.1; margin: 0 0 8px; } .fl-shop-meta { margin: 0; font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); } .fl-shop-desc { max-width: 640px; margin: 14px auto 0; color: var(--muted); font-size: 14px; line-height: 1.7; } .fl-shop-desc p { margin: 0; } .fl-pills { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; margin-top: 24px; } .fl-pill { display: inline-flex; align-items: center; height: 38px; padding: 0 18px; border: 1px solid var(--line); border-radius: 40px; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--ink) !important; background: #fff; white-space: nowrap; transition: all .25s ease; } .fl-pill:hover { border-color: #111; } .fl-pill.is-on { background: #111; border-color: #111; color: #fff !important; } .fl-pill--sale { color: var(--red) !important; border-color: rgba(195,8,15,.35); } .fl-pill--sale.is-on { background: var(--red); border-color: var(--red); color: #fff !important; } .fl-shop-layout { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: clamp(28px, 3vw, 48px); align-items: start; } .fl-shop-main { min-width: 0; } body.fl-theme .fl-shop-main ul.products { grid-template-columns: repeat(3, 1fr); gap: 40px 22px; } /* sidebar */ .fl-filters { position: sticky; top: calc(var(--header-h) + 20px); max-height: calc(100vh - var(--header-h) - 40px); overflow-y: auto; padding-right: 6px; scrollbar-width: thin; } body.admin-bar .fl-filters { top: calc(var(--header-h) + 52px); } .fl-filters-head { display: none; } .fl-fgroup { border-bottom: 1px solid var(--line); } .fl-fgroup:first-child { border-top: 1px solid var(--line); } .fl-fgroup summary { list-style: none; display: flex; align-items: center; justify-content: space-between; padding: 16px 0; cursor: pointer; font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--ink); } .fl-fgroup summary::-webkit-details-marker { display: none; } .fl-fgroup summary .fl-ic { width: 14px; height: 14px; transform: none; transition: transform .25s ease; } .fl-fgroup[open] summary .fl-ic { transform: rotate(180deg); } .fl-fbody { padding: 0 0 18px; display: flex; flex-direction: column; gap: 10px; } .fl-fcats a { display: flex; justify-content: space-between; font-size: 13.5px; color: var(--muted) !important; padding: 2px 0; } .fl-fcats a:hover, .fl-fcats a.is-on { color: var(--ink) !important; } .fl-fcats a.is-on { font-weight: 600; } .fl-fcount { margin-left: auto; font-size: 11px; color: var(--muted-2); } .fl-flist { display: flex; flex-direction: column; gap: 10px; max-height: 260px; overflow-y: auto; } .fl-fcheck { display: flex; align-items: center; gap: 10px; font-size: 13.5px; cursor: pointer; color: var(--ink); } .fl-fcheck input { position: absolute; opacity: 0; width: 0; height: 0; } .fl-fbox { flex: 0 0 18px; width: 18px; height: 18px; border: 1px solid #C9C6C0; background: #fff; position: relative; transition: all .2s ease; } .fl-fcheck input:checked + .fl-fbox { background: #111; border-color: #111; } .fl-fcheck input:checked + .fl-fbox::after { content: ""; position: absolute; left: 5px; top: 1px; width: 5px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); } .fl-fcheck input:focus-visible + .fl-fbox { outline: 2px solid var(--gold); outline-offset: 2px; } .fl-fsizes { flex-direction: row; flex-wrap: wrap; gap: 8px; } .fl-fsize input { position: absolute; opacity: 0; width: 0; height: 0; } .fl-fsize span { display: inline-flex; align-items: center; height: 36px; padding: 0 14px; border: 1px solid var(--line); font-size: 12.5px; cursor: pointer; background: #fff; transition: all .2s ease; } .fl-fsize span:hover { border-color: #111; } .fl-fsize input:checked + span { background: #111; border-color: #111; color: #fff; } .fl-fprice { display: flex; align-items: flex-end; gap: 10px; } .fl-fprice label { flex: 1; display: flex; flex-direction: column; gap: 6px; font-size: 10.5px; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); } .fl-fprice i { width: 10px; height: 1px; background: var(--muted-2); margin-bottom: 20px; } body.fl-theme .fl-fprice input { width: 100%; height: 40px; border: 1px solid var(--line); padding: 0 10px; font-size: 13px; background: #fff; color: var(--ink); border-radius: 0; } .fl-fquick { display: flex; flex-wrap: wrap; gap: 6px; } body.fl-theme .fl-fq { height: 30px; padding: 0 10px; border: 1px solid var(--line); background: #fff; font-size: 11.5px; color: var(--ink); cursor: pointer; border-radius: 30px; } body.fl-theme .fl-fq:hover { border-color: #111; } body.fl-theme .fl-fq.is-on { background: #111; border-color: #111; color: #fff; } body.fl-theme .fl-fsearch { width: 100%; height: 38px; border: 1px solid var(--line); padding: 0 12px; font-size: 12.5px; border-radius: 0; } .fl-filters-foot { display: none; } /* toolbar */ .fl-shop-main .fl-shop-toolbar { margin-bottom: 18px; border-top: 0; padding-top: 0; } body.fl-theme .fl-filter-btn { display: none; align-items: center; gap: 8px; height: 42px; padding: 0 16px; border: 1px solid #111; background: #fff; color: #111; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; cursor: pointer; } .fl-filter-btn b { display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; border-radius: 20px; background: #111; color: #fff; font-size: 10.5px; } .fl-fchips { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 26px; } .fl-fchip { display: inline-flex; align-items: center; gap: 8px; height: 32px; padding: 0 12px; background: var(--cream-2); border: 1px solid var(--line); font-size: 12px; color: var(--ink) !important; border-radius: 30px; } .fl-fchip .fl-ic { width: 12px; height: 12px; } .fl-fchip:hover { border-color: #111; } .fl-fclear { font-size: 12px; letter-spacing: .08em; text-decoration: underline !important; text-underline-offset: 3px; color: var(--ink) !important; } .fl-shop-main .woocommerce-info { margin-top: 10px; } @media (max-width: 1024px) { .fl-shop-layout { grid-template-columns: 1fr; } body.fl-theme .fl-filter-btn { display: inline-flex; } .fl-shop-main .fl-shop-toolbar { flex-direction: row !important; align-items: center !important; flex-wrap: wrap; gap: 10px; } .fl-shop-main .woocommerce-result-count { order: 3; width: 100%; } .fl-filters { position: fixed; top: 0 !important; left: 0; bottom: 0; z-index: 112; width: min(380px, 90vw); max-height: none; height: 100%; background: #fff; padding: 0; transform: translateX(-100%); visibility: hidden; transition: transform .4s var(--ease), visibility 0s .4s; display: flex; flex-direction: column; } body.fl-filters-open .fl-filters { transform: none; visibility: visible; transition: transform .4s var(--ease); } .fl-filters-head { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; border-bottom: 1px solid var(--line); } .fl-filters-head .fl-eyebrow { margin: 0; } .fl-filter-form { flex: 1; overflow-y: auto; padding: 0 20px; display: flex; flex-direction: column; } .fl-fgroup:first-child { border-top: 0; } .fl-filters-foot { display: flex; align-items: center; justify-content: space-between; gap: 16px; position: sticky; bottom: 0; margin-top: auto; background: #fff; padding: 14px 0 calc(14px + env(safe-area-inset-bottom)); border-top: 1px solid var(--line); } .fl-filters-foot .fl-btn { flex: 1; } body.fl-theme .fl-shop-main ul.products { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 767px) { .fl-pills { flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; margin-left: calc(var(--pad) * -1); margin-right: calc(var(--pad) * -1); padding: 0 var(--pad); scrollbar-width: none; } .fl-pills::-webkit-scrollbar { display: none; } .fl-pill { height: 34px; padding: 0 14px; font-size: 11px; } body.fl-theme .fl-shop-main ul.products { grid-template-columns: repeat(2, 1fr); gap: 28px 12px; } .fl-shop-main .fl-shop-toolbar .woocommerce-ordering { flex: 1; } .fl-shop-main .fl-shop-toolbar .woocommerce-ordering select { width: 100%; } } /* ========================================================= v3.0 – Premium redesign: navy + gold, editorial layout. Header / navbar and Cinzel font stay unchanged. ========================================================= */ :root { --navy: #0E2038; --navy-2: #1A3354; --gold-x: #A8832D; --star: #C9A13B; --tint: #F1F5F9; --tint-2: #E8EEF4; --ink: #0E2038; --muted: #5C6676; --muted-2: #8C95A3; --line: #E3E8EE; --line-2: #EDF1F5; --cream: #F1F5F9; --cream-2: #F1F5F9; --beige: #F1F5F9; } .fl-header, .fl-announce, .fl-offcanvas, .fl-search { --ink: #141414; --muted: #6B6966; --line: #ECEAE6; } body.fl-theme { color: var(--navy); background: #fff; } ::selection { background: var(--navy); color: #fff; } .fl-muted { color: var(--muted); } /* type + buttons */ .fl-eye { font-size: 11px; font-weight: 600; letter-spacing: .22em; text-transform: uppercase; color: var(--gold-x) !important; margin: 0 0 14px; } body.fl-theme .fl-stitle { font-size: clamp(26px, 3vw, 42px); line-height: 1.15; color: var(--navy); margin: 0; font-weight: 500; } body.fl-theme .fl-stitle--xl { font-size: clamp(30px, 3.6vw, 50px); } .fl-nbtn, .fl-obtn { display: inline-flex; align-items: center; justify-content: center; gap: 22px; height: 52px; padding: 0 30px; font-size: 12.5px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; transition: all .3s ease; } .fl-nbtn { background: var(--navy); color: #fff !important; border: 1px solid var(--navy); } .fl-nbtn:hover { background: var(--navy-2); border-color: var(--navy-2); } .fl-obtn { background: transparent; color: var(--navy) !important; border: 1px solid var(--navy); } .fl-obtn:hover { background: var(--navy); color: #fff !important; } .fl-nbtn .fl-ic, .fl-obtn .fl-ic, .fl-alink .fl-ic { width: 18px; height: 18px; } .fl-ulink { font-size: 12.5px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--navy) !important; border-bottom: 1px solid var(--navy); padding-bottom: 4px; } .fl-ulink:hover { color: var(--gold-x) !important; border-color: var(--gold-x); } .fl-alink { display: inline-flex; align-items: center; gap: 12px; font-size: 12.5px; font-weight: 600; letter-spacing: .06em; color: var(--navy) !important; white-space: nowrap; } .fl-alink:hover { color: var(--gold-x) !important; } .fl-alink:hover .fl-ic { transform: translateX(4px); } .fl-alink .fl-ic { transition: transform .3s ease; } /* sections */ .fl-sec { padding: clamp(56px, 7vw, 104px) 0; } .fl-tint { background: var(--tint); } .fl-sec--line > .fl-container { border-top: 1px solid var(--line); padding-top: clamp(56px, 7vw, 96px); } .fl-sec--line { padding-top: 0; } .fl-shead { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: clamp(26px, 3vw, 40px); flex-wrap: wrap; } /* hero (split) */ .fl-hx { display: grid; background: var(--tint); overflow: hidden; } .fl-hx-slide { grid-area: 1 / 1; display: grid; grid-template-columns: 1fr 1fr; min-height: clamp(520px, calc(100vh - 150px), 720px); opacity: 0; visibility: hidden; transition: opacity 1s ease, visibility 0s 1s; } .fl-hx-slide.is-active { opacity: 1; visibility: visible; transition: opacity 1s ease; } .fl-hx-text { display: flex; flex-direction: column; justify-content: center; padding: clamp(40px, 5vw, 80px) clamp(20px, 4.6vw, 64px); background: linear-gradient(135deg, #F6F8FB 0%, #E9EFF5 100%); } .fl-hx-text > * { opacity: 0; transform: translateY(16px); transition: opacity .8s ease, transform .8s ease; } .fl-hx-slide.is-active .fl-hx-text > * { opacity: 1; transform: none; } .fl-hx-slide.is-active .fl-hx-text > *:nth-child(2) { transition-delay: .1s; } .fl-hx-slide.is-active .fl-hx-text > *:nth-child(3) { transition-delay: .2s; } .fl-hx-slide.is-active .fl-hx-text > *:nth-child(4) { transition-delay: .3s; } .fl-hx-slide.is-active .fl-hx-text > *:nth-child(5) { transition-delay: .4s; } .fl-hx-eye { display: flex; align-items: center; gap: 16px; font-size: 11.5px; font-weight: 600; letter-spacing: .22em; text-transform: uppercase; color: var(--muted); margin: 0 0 26px; } .fl-hx-eye i { width: 28px; height: 1px; background: var(--gold-x); } body.fl-theme .fl-hx-title { font-size: clamp(36px, 4.6vw, 70px); line-height: 1.08; color: var(--navy); margin: 0 0 24px; font-weight: 500; letter-spacing: 0; } .fl-hx-title em { font-style: normal; color: var(--gold-x); } .fl-hx-lead { font-size: 16px; line-height: 1.75; color: var(--muted); max-width: 470px; margin: 0 0 34px; } .fl-hx-ctas { display: flex; align-items: center; flex-wrap: wrap; gap: 18px 32px; } .fl-hx-note { display: flex; align-items: center; gap: 10px; margin: clamp(40px, 6vw, 80px) 0 0; font-size: 12.5px; color: var(--muted); } .fl-hx-note .fl-ic { width: 16px; height: 16px; color: var(--gold-x); } .fl-hx-media { position: relative; margin: 0; overflow: hidden; background: var(--navy); } .fl-hx-media img { position: absolute; inset: 0; width: 100%; height: 100% !important; object-fit: cover; transform: scale(1.05); transition: transform 7s linear; } .fl-hx-slide.is-active .fl-hx-media img { transform: scale(1); } .fl-hx-media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(8,18,34,.55) 0%, rgba(8,18,34,0) 40%); } .fl-hx-media figcaption { position: absolute; left: 38px; right: 38px; bottom: 32px; z-index: 2; display: flex; justify-content: space-between; align-items: center; gap: 20px; color: #fff; font-size: 11px; letter-spacing: .18em; text-transform: uppercase; } body.fl-theme .fl-hx-count { background: none; border: 0; padding: 0; color: #fff; font-size: 11px; letter-spacing: .18em; cursor: pointer; } /* trust */ .fl-tr { display: grid; grid-template-columns: repeat(4, 1fr); border-bottom: 1px solid var(--line); } .fl-tr-item { display: flex; align-items: flex-start; gap: 14px; padding: 30px 22px; } .fl-tr-item + .fl-tr-item { border-left: 1px solid var(--line); } .fl-tr-item:first-child { padding-left: 0; } .fl-tr-item .fl-ic { width: 24px; height: 24px; color: var(--navy); flex: 0 0 24px; } .fl-tr-item strong { display: block; font-size: 13px; font-weight: 600; color: var(--navy); margin-bottom: 4px; letter-spacing: .02em; } .fl-tr-item span { font-size: 12px; color: var(--muted); } /* product cards */ body.fl-theme .fl-grid4 ul.products, body.fl-theme section.related ul.products, body.fl-theme section.up-sells ul.products { grid-template-columns: repeat(4, 1fr); gap: 40px 22px; } body.fl-theme .fl-pc .fl-card-media { aspect-ratio: 4 / 4.5; background: var(--tint); margin-bottom: 16px; } body.fl-theme .fl-pc .fl-badge { top: 14px; left: 14px; background: #fff; color: var(--navy); font-size: 10px; font-weight: 700; letter-spacing: .12em; padding: 8px 11px; border-radius: 0; } body.fl-theme .fl-pc .fl-wish { top: 14px; right: 14px; width: 38px; height: 38px; border-radius: 50%; background: #fff; color: var(--navy); } body.fl-theme .fl-pc .fl-quick { display: none; } .fl-pc .fl-card-body { display: flex; flex-direction: column; flex: 1; } .fl-pc-meta { font-size: 12px; color: var(--muted); margin: 0 0 8px; letter-spacing: .02em; } body.fl-theme ul.products li.product.fl-pc .fl-card-title { font-size: 19px !important; color: var(--navy) !important; margin: 0 0 8px !important; line-height: 1.25 !important; } .fl-pc-rating { display: flex; align-items: center; gap: 6px; margin: 0 0 12px; font-size: 12px; color: var(--navy); } .fl-pc-rating .fl-stars { color: var(--star); letter-spacing: 1px; font-size: 13px; } .fl-pc-rating span:last-child { color: var(--muted-2); } .fl-pc-pricerow { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin: 6px 0 12px; flex-wrap: wrap; } body.fl-theme ul.products li.product.fl-pc .fl-card-price, body.fl-theme ul.products li.product.fl-pc .fl-card-price .price { font-size: 17px !important; font-weight: 700 !important; color: var(--navy) !important; margin: 0; } body.fl-theme .fl-pc .fl-card-price del { font-size: 12.5px; font-weight: 400; color: var(--muted-2); margin-right: 6px; } body.fl-theme .fl-pc .fl-card-price ins { color: var(--red); text-decoration: none; } .fl-pc-size { font-size: 11.5px; color: var(--muted); letter-spacing: .04em; } .fl-pc-sizes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; margin-bottom: 10px; } body.fl-theme .fl-pc-sz { height: 32px; border: 1px solid var(--line); background: #fff; color: var(--navy); font-size: 11px; letter-spacing: .04em; cursor: pointer; padding: 0 4px; transition: all .2s ease; } body.fl-theme .fl-pc-sz:hover { border-color: var(--navy); } body.fl-theme .fl-pc-sz.is-on { border-color: var(--navy); background: var(--tint); font-weight: 700; } body.fl-theme .fl-pc-sz:disabled { opacity: .4; cursor: not-allowed; text-decoration: line-through; } .fl-pc .fl-card-cta { margin-top: auto; } body.fl-theme ul.products li.product.fl-pc .fl-card-cta .button { display: flex !important; align-items: center; justify-content: space-between; width: 100%; height: 46px; padding: 0 16px !important; background: #fff !important; color: var(--navy) !important; border: 1px solid #C9D1DB !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: .06em !important; text-transform: none; border-radius: 0 !important; margin: 0 !important; } body.fl-theme ul.products li.product.fl-pc .fl-card-cta .button:hover { background: var(--navy) !important; border-color: var(--navy) !important; color: #fff !important; } body.fl-theme ul.products li.product.fl-pc .fl-card-cta .button .fl-ic { display: none; } body.fl-theme ul.products li.product.fl-pc .fl-card-cta .button::after { content: "+"; font-size: 20px; font-weight: 300; line-height: 1; margin-left: 10px; } body.fl-theme ul.products li.product.fl-pc .fl-card-cta .button.loading::after { content: "…"; } body.fl-theme ul.products li.product.fl-pc .fl-card-cta .button.added::after { content: "✓"; font-size: 14px; } .fl-pc-plus { display: none; } body.fl-theme .fl-pc .added_to_cart { display: none !important; } /* collections */ .fl-edits { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; } .fl-edit { position: relative; display: block; aspect-ratio: 5 / 4.1; overflow: hidden; background: var(--navy); color: #fff !important; } .fl-edit img { position: absolute; inset: 0; width: 100%; height: 100% !important; object-fit: cover; transition: transform 1.2s ease; } .fl-edit:hover img { transform: scale(1.05); } .fl-edit::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(8,18,34,.62) 0%, rgba(8,18,34,.15) 65%), linear-gradient(0deg, rgba(8,18,34,.35), rgba(8,18,34,0) 50%); } .fl-edit-body { position: absolute; left: clamp(22px, 4vw, 44px); bottom: clamp(26px, 4vw, 44px); right: 22px; z-index: 2; display: flex; flex-direction: column; align-items: flex-start; } .fl-edit-eye { font-size: 11px; font-weight: 600; letter-spacing: .22em; text-transform: uppercase; color: var(--gold-l); margin-bottom: 14px; } .fl-edit-title { font-family: var(--serif); font-size: clamp(32px, 3.8vw, 54px); line-height: 1.05; margin-bottom: 12px; } .fl-edit-text { font-size: 13.5px; opacity: .9; margin-bottom: 20px; } .fl-edit-link { display: inline-flex; align-items: center; gap: 12px; font-size: 12.5px; font-weight: 600; letter-spacing: .06em; padding-bottom: 6px; border-bottom: 1px solid rgba(255,255,255,.7); } .fl-edit-link .fl-ic { width: 16px; height: 16px; } .fl-edit-more { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--line); border-top: 0; } .fl-edit-more a { display: flex; align-items: center; justify-content: space-between; padding: 20px 22px; font-size: 12.5px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--navy) !important; transition: background .25s ease; } .fl-edit-more a + a { border-left: 1px solid var(--line); } .fl-edit-more a:hover { background: var(--tint); } .fl-edit-more .fl-ic { width: 16px; height: 16px; color: var(--gold-x); } /* philosophy */ .fl-philo { display: grid; grid-template-columns: 1fr 1fr; background: var(--tint); } .fl-philo-text { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: clamp(36px, 6vw, 90px); } .fl-philo-lead { color: var(--muted); font-size: 15px; line-height: 1.8; max-width: 440px; margin: 22px 0 32px; } .fl-philo-img { margin: 0; min-height: clamp(360px, 46vw, 620px); position: relative; } .fl-philo-img img { position: absolute; inset: 0; width: 100%; height: 100% !important; object-fit: cover; } /* journal + review cards */ .fl-journal { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; } .fl-jcard { display: flex; flex-direction: column; align-items: flex-start; color: var(--navy) !important; } .fl-jimg { display: block; width: 100%; aspect-ratio: 4 / 2.9; overflow: hidden; background: var(--tint); margin-bottom: 20px; } .fl-jimg img { width: 100%; height: 100% !important; object-fit: cover; transition: transform 1s ease; } .fl-jcard:hover .fl-jimg img { transform: scale(1.05); } .fl-jmeta { font-size: 11px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--gold-x); margin-bottom: 12px; } .fl-jtitle { font-family: var(--serif); font-size: 22px; line-height: 1.25; margin-bottom: 12px; } .fl-jtext { font-size: 13.5px; line-height: 1.7; color: var(--muted); margin-bottom: 18px; } .fl-rcard { margin: 0; background: #fff; padding: 30px; border: 1px solid var(--line); } .fl-rcard .fl-stars { color: var(--star); margin: 0 0 14px; } .fl-rtext { font-size: 14.5px; line-height: 1.75; margin: 0 0 18px; } .fl-rcard footer { font-size: 12px; color: var(--muted); } /* FAQ */ .fl-faqx { display: grid; grid-template-columns: 1fr 1.05fr; gap: clamp(32px, 6vw, 90px); align-items: start; } .fl-faqx-head .fl-muted { margin: 18px 0 30px; font-size: 14.5px; } .fl-faqx-list { border-top: 1px solid var(--line); } .fl-faqx-item { border-bottom: 1px solid var(--line); } .fl-faqx-item summary { list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 22px 0; cursor: pointer; font-size: 15px; font-weight: 600; color: var(--navy); } .fl-faqx-item summary::-webkit-details-marker { display: none; } .fl-faqx-pm { position: relative; flex: 0 0 14px; width: 14px; height: 14px; } .fl-faqx-pm::before, .fl-faqx-pm::after { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 1.5px; background: var(--navy); transition: transform .25s ease; } .fl-faqx-pm::after { transform: rotate(90deg); } .fl-faqx-item[open] .fl-faqx-pm::after { transform: rotate(0); } .fl-faqx-item p { margin: 0 0 22px; color: var(--muted); font-size: 14px; line-height: 1.8; max-width: 560px; } /* newsletter */ .fl-nl { background: var(--tint); padding: clamp(48px, 6vw, 80px) 0; } .fl-nl-in { display: grid; grid-template-columns: 1.3fr 1fr; gap: 40px; align-items: center; } .fl-nl .fl-stitle { margin-bottom: 14px; } .fl-nl .fl-muted { margin: 0; font-size: 14px; } .fl-nl-form { display: flex; flex-wrap: wrap; } body.fl-theme .fl-nl-form input[type="email"] { flex: 1; min-width: 0; height: 54px; border: 1px solid #D3DAE3; border-right: 0; background: #fff; padding: 0 18px; font-size: 13.5px; color: var(--navy); border-radius: 0; } body.fl-theme .fl-nl-form button { width: 56px; height: 54px; background: var(--navy); color: #fff; border: 0; display: flex; align-items: center; justify-content: center; cursor: pointer; } body.fl-theme .fl-nl-form button:hover { background: var(--gold-x); } .fl-nl-form button .fl-ic { width: 20px; height: 20px; } .fl-nl-form .fl-form-msg { flex-basis: 100%; margin: 10px 0 0; font-size: 12.5px; } /* footer */ .fl-fx { background: var(--navy); color: rgba(255,255,255,.72); padding: clamp(56px, 6vw, 80px) 0 28px; font-size: 13px; } .fl-fx-grid { display: grid; grid-template-columns: 1.7fr repeat(4, 1fr); gap: 36px; padding-bottom: 56px; border-bottom: 1px solid rgba(255,255,255,.14); } .fl-fx-grid > div:not(.fl-fx-brand) { display: flex; flex-direction: column; gap: 13px; } .fl-fx-logo { display: inline-block; margin-bottom: 22px; } .fl-fx-logo .fl-logo-img { height: 58px; width: auto; filter: brightness(0) invert(1); } .fl-fx-logo .fl-logo-main { font-family: var(--serif); font-size: 26px; color: #fff; } .fl-fx-brand p { max-width: 260px; line-height: 1.7; margin: 0 0 22px; } .fl-fx-social { display: flex; gap: 10px; } .fl-fx-social a { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.3); color: #fff !important; } .fl-fx-social a:hover { background: #fff; color: var(--navy) !important; } .fl-fx-social .fl-ic { width: 17px; height: 17px; } .fl-fx-title { font-size: 12px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: #fff; margin: 0 0 8px; } .fl-fx-grid a { color: rgba(255,255,255,.72) !important; font-size: 13px; } .fl-fx-grid a:hover { color: #fff !important; } .fl-fx-bottom { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 18px; padding-top: 26px; font-size: 12px; } .fl-fx-bottom p { margin: 0; } .fl-fx-lang { display: flex; gap: 12px; align-items: center; justify-content: center; } body.fl-theme .fl-fx-lang button { background: none; border: 0; padding: 0; color: rgba(255,255,255,.72); font-size: 12.5px; cursor: pointer; } html[data-lang="es"] .fl-fx-lang [data-set-lang="es"], html[data-lang="en"] .fl-fx-lang [data-set-lang="en"] { color: #fff; text-decoration: underline; text-underline-offset: 4px; } .fl-fx-pay { display: flex; justify-content: flex-end; gap: 8px; flex-wrap: wrap; } .fl-fx-pay i { font-style: normal; background: #fff; color: var(--navy); font-size: 10.5px; font-weight: 700; padding: 6px 10px; border-radius: 3px; letter-spacing: .04em; } /* shop / category */ .fl-shop-hero { text-align: left; padding: 28px 0 0; border-bottom: 0; margin-bottom: 0; } .fl-crumbs, .fl-crumbs--left { justify-content: flex-start; font-size: 11.5px; letter-spacing: .06em; text-transform: none; color: var(--muted); margin-bottom: 30px; } .fl-crumbs em { color: var(--navy); } .fl-shop-hero .fl-eye { margin-bottom: 14px; } body.fl-theme .fl-shop-title { font-size: clamp(30px, 3.8vw, 54px); color: var(--navy); margin: 0 0 14px; } .fl-shop-sub { display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; flex-wrap: wrap; padding-bottom: 26px; border-bottom: 1px solid var(--line); } .fl-shop-sub p { margin: 0; font-size: 14px; } .fl-shop-sub .fl-shop-meta { font-size: 12px; letter-spacing: .04em; text-transform: none; color: var(--muted); } .fl-pills { justify-content: flex-start; margin: 22px 0 26px; } .fl-pill { border-radius: 0; height: 36px; font-size: 11.5px; color: var(--navy) !important; border-color: var(--line); } .fl-pill.is-on { background: var(--navy); border-color: var(--navy); } .fl-shop-layout { border-top: 1px solid var(--line); padding-top: 30px; grid-template-columns: 240px minmax(0, 1fr); } body.fl-theme .fl-shop-main ul.products { grid-template-columns: repeat(4, 1fr); gap: 40px 20px; } .fl-filters-head { display: flex; align-items: center; justify-content: space-between; padding: 0 0 16px; border-bottom: 1px solid var(--line); } .fl-fby { margin: 0; font-size: 14px; font-weight: 700; color: var(--navy); letter-spacing: .02em; } .fl-filters-head .fl-fclear { font-size: 11.5px; color: var(--muted) !important; } .fl-filters-head .fl-icon-btn { display: none; } .fl-fgroup:first-child { border-top: 0; } .fl-fgroup summary { font-size: 11.5px; letter-spacing: .18em; padding: 20px 0 16px; } .fl-fcats a { color: var(--muted) !important; font-size: 13.5px; } .fl-fcats a.is-on { color: var(--navy) !important; font-weight: 700; } .fl-fcats a.is-on::after { content: "✓"; color: var(--gold-x); margin-left: 10px; } .fl-fcats a.is-on .fl-fcount { display: none; } .fl-fcheck input:checked + .fl-fbox, .fl-fsize input:checked + span, body.fl-theme .fl-fq.is-on { background: var(--navy) !important; border-color: var(--navy) !important; color: #fff !important; } .fl-shop-main .fl-shop-toolbar { border-bottom: 0; margin-bottom: 12px; } .fl-filter-btn b { background: var(--navy); } body.fl-theme .fl-filter-btn { border-color: var(--navy); color: var(--navy); } /* single product */ .fl-crumbs--left { display: flex; flex-wrap: wrap; gap: 8px; padding-top: 4px; } body.fl-theme.single-product .fl-wc { padding-top: 26px; } body.fl-theme.single-product div.product { grid-template-columns: 1.05fr 1fr; gap: 0 clamp(28px, 4vw, 60px); } body.fl-theme.single-product .woocommerce-product-gallery__image img { background: var(--tint); } body.fl-theme.single-product .flex-control-thumbs { grid-template-columns: repeat(5, 1fr); } body.fl-theme.single-product .flex-control-thumbs img { opacity: .7; border: 1px solid transparent; } body.fl-theme.single-product .flex-control-thumbs img.flex-active { opacity: 1; border-color: var(--navy); } body.fl-theme.single-product .summary .fl-eyebrow { color: var(--gold-x) !important; font-size: 11.5px; font-weight: 600; letter-spacing: .2em; margin-bottom: 18px; } body.fl-theme.single-product .product_title { color: var(--navy); font-size: clamp(30px, 3.4vw, 50px) !important; margin: 0 0 10px; } .fl-sp-meta { font-size: 13.5px; color: var(--muted); margin: 0 0 14px; } body.fl-theme.single-product .woocommerce-product-rating { padding-bottom: 22px; border-bottom: 1px solid var(--line); margin-bottom: 22px; } body.fl-theme.single-product .woocommerce-product-rating .star-rating { color: var(--star); } body.fl-theme.single-product .summary .price { font-size: 30px !important; font-weight: 700; color: var(--navy) !important; } body.fl-theme.single-product .summary .price del { font-size: 17px; font-weight: 400; color: var(--muted-2); } body.fl-theme.single-product .summary .price ins { text-decoration: none; color: var(--red); } body.fl-theme.single-product .woocommerce-product-details__short-description { border-bottom: 0; padding-bottom: 0; margin-bottom: 14px; color: var(--muted); } .fl-sp-notes { font-size: 13.5px; color: var(--muted); margin: 0 0 26px; } .fl-sp-notes strong { color: var(--navy); } body.fl-theme.single-product table.variations th label { font-size: 13px; letter-spacing: .02em; text-transform: none; color: var(--navy); font-weight: 700; } body.fl-theme.single-product .fl-swatches { display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 10px; } body.fl-theme.single-product .fl-swatch { height: 60px !important; min-width: 0 !important; border: 1px solid var(--line) !important; background: #fff !important; color: var(--navy) !important; font-size: 13px !important; font-weight: 700; } body.fl-theme.single-product .fl-swatch.is-on { border-color: var(--navy) !important; background: var(--tint) !important; color: var(--navy) !important; } body.fl-theme.single-product .fl-swatch:hover { border-color: var(--navy) !important; } body.fl-theme.single-product .single_variation_wrap .woocommerce-variation-price .price { font-size: 20px !important; } body.fl-theme.single-product form.cart:not(.variations_form), body.fl-theme.single-product .woocommerce-variation-add-to-cart { display: grid !important; grid-template-columns: auto 1fr; gap: 12px; } body.fl-theme.single-product .quantity { grid-column: 1; } body.fl-theme.single-product .single_add_to_cart_button { grid-column: 1 / -1; width: 100%; height: 54px !important; background: var(--navy) !important; border-color: var(--navy) !important; color: #fff !important; font-size: 13px !important; letter-spacing: .1em !important; } body.fl-theme.single-product .single_add_to_cart_button:hover { background: var(--navy-2) !important; border-color: var(--navy-2) !important; } body.fl-theme .fl-buy-now { grid-column: 1 / -1; width: 100%; height: 54px; background: #fff; border: 1px solid var(--navy); color: var(--navy); font-size: 13px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; cursor: pointer; transition: all .25s ease; } body.fl-theme .fl-buy-now:hover { background: var(--navy); color: #fff; } .fl-product-perks { display: flex !important; justify-content: space-between; flex-wrap: wrap; gap: 14px 20px; padding: 22px 0 !important; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); font-size: 12.5px; } .fl-product-perks .fl-ic { color: var(--navy) !important; } body.fl-theme.single-product .woocommerce-tabs { margin-top: 80px; } body.fl-theme.single-product .woocommerce-tabs ul.tabs { justify-content: flex-start; gap: 34px; border-top: 1px solid var(--line); } body.fl-theme.single-product .woocommerce-tabs ul.tabs li a { padding: 22px 0 18px !important; font-size: 12px; letter-spacing: .1em; color: var(--muted-2) !important; border-bottom-width: 2px; } body.fl-theme.single-product .woocommerce-tabs ul.tabs li.active a { color: var(--navy) !important; border-color: var(--gold-x); } body.fl-theme.single-product .woocommerce-Tabs-panel { max-width: 920px; margin: 0; } body.fl-theme.single-product .woocommerce-Tabs-panel h2 { color: var(--navy); font-size: 26px; } body.fl-theme.single-product section.related { margin-top: 90px; padding: clamp(56px, 6vw, 90px) 0; background: var(--tint); box-shadow: 0 0 0 100vmax var(--tint); clip-path: inset(0 -100vmax); } body.fl-theme.single-product section.related > h2 { font-size: clamp(26px, 3vw, 42px); color: var(--navy); text-align: left; margin: 0 0 36px; } body.fl-theme.single-product section.related > h2::before { content: "Keep discovering"; display: block; font-family: var(--sans); font-size: 11px; font-weight: 600; letter-spacing: .22em; text-transform: uppercase; color: var(--gold-x); margin-bottom: 14px; } body.fl-theme.single-product #reviews #comments h2, body.fl-theme.single-product #reviews .comment-reply-title { color: var(--navy); } body.fl-theme .star-rating span::before, body.fl-theme p.stars a { color: var(--star); } /* buttons in other pages (cart, checkout, forms) follow navy */ body.fl-theme .fl-btn--dark, body.fl-theme.woocommerce a.button.alt, body.fl-theme .woocommerce a.button.alt, body.fl-theme .woocommerce button.button.alt, body.fl-theme .wc-block-components-button:not(.is-link), body.fl-theme .wc-block-cart__submit-button, body.fl-theme .wc-block-components-checkout-place-order-button, body.fl-theme #place_order, body.fl-theme .fl-drawer-inner .woocommerce-mini-cart__buttons .button.checkout { background: var(--navy) !important; border-color: var(--navy) !important; color: #fff !important; } body.fl-theme .fl-btn--dark:hover, body.fl-theme .woocommerce a.button.alt:hover, body.fl-theme .woocommerce button.button.alt:hover, body.fl-theme .wc-block-components-button:not(.is-link):hover, body.fl-theme .wc-block-cart__submit-button:hover, body.fl-theme .wc-block-components-checkout-place-order-button:hover, body.fl-theme #place_order:hover, body.fl-theme .fl-drawer-inner .woocommerce-mini-cart__buttons .button.checkout:hover { background: var(--navy-2) !important; border-color: var(--navy-2) !important; } .fl-page-hero, .fl-about-hero, .fl-404, .fl-bg-cream, .fl-bg-beige { background: var(--tint); } .fl-eyebrow.fl-gold, .fl-gold { color: var(--gold-x) !important; } /* responsive */ @media (max-width: 1279px) { body.fl-theme .fl-shop-main ul.products { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 1024px) { body.fl-theme .fl-grid4 ul.products, body.fl-theme section.related ul.products { grid-template-columns: repeat(2, 1fr); } .fl-tr { grid-template-columns: 1fr 1fr; } .fl-tr-item:nth-child(3) { border-left: 0; padding-left: 0; } .fl-tr-item:nth-child(n+3) { border-top: 1px solid var(--line); } .fl-fx-grid { grid-template-columns: 1fr 1fr 1fr; } .fl-fx-brand { grid-column: 1 / -1; } .fl-shop-layout { border-top: 0; padding-top: 0; } .fl-filters-head { padding: 16px 20px; } .fl-filters-head .fl-icon-btn { display: inline-flex; } .fl-filters-head .fl-fclear { margin-left: auto; margin-right: 16px; } body.fl-theme.single-product div.product { grid-template-columns: 1fr; } } @media (max-width: 900px) { .fl-hx-slide { grid-template-columns: 1fr; min-height: 0; } .fl-hx-media { order: -1; height: 340px; } .fl-hx-text { padding: 34px 20px 40px; } .fl-hx-note { margin-top: 30px; } .fl-hx-media figcaption { left: 20px; right: 20px; bottom: 18px; font-size: 10px; } .fl-edits { grid-template-columns: 1fr; } .fl-edit { aspect-ratio: 4 / 3.6; } .fl-edit-more { grid-template-columns: 1fr 1fr; } .fl-edit-more a:nth-child(3) { border-left: 0; } .fl-edit-more a:nth-child(n+3) { border-top: 1px solid var(--line); } .fl-philo { grid-template-columns: 1fr; } .fl-philo-img { min-height: 320px; order: -1; } .fl-journal { grid-template-columns: 1fr; } .fl-faqx { grid-template-columns: 1fr; } .fl-nl-in { grid-template-columns: 1fr; } .fl-fx-bottom { grid-template-columns: 1fr; text-align: center; } .fl-fx-pay { justify-content: center; } } @media (max-width: 767px) { body.fl-theme .fl-shop-main ul.products, body.fl-theme .fl-grid4 ul.products, body.fl-theme section.related ul.products { grid-template-columns: repeat(2, 1fr); gap: 30px 12px; } body.fl-theme ul.products li.product.fl-pc .fl-card-title { font-size: 15px !important; } .fl-pc-meta { font-size: 11px; } .fl-pc-pricerow { flex-direction: column; align-items: flex-start; gap: 2px; } body.fl-theme ul.products li.product.fl-pc .fl-card-price { font-size: 15px !important; } .fl-pc-sizes { gap: 4px; } body.fl-theme .fl-pc-sz { font-size: 10px; height: 30px; } body.fl-theme ul.products li.product.fl-pc .fl-card-cta .button { height: 42px; padding: 0 12px !important; font-size: 11px !important; } .fl-tr { grid-template-columns: 1fr; } .fl-tr-item { padding: 18px 0 !important; border-left: 0 !important; } .fl-tr-item + .fl-tr-item { border-top: 1px solid var(--line); } .fl-fx-grid { grid-template-columns: 1fr 1fr; gap: 30px 20px; } .fl-shead .fl-alink { font-size: 11.5px; } .fl-hx-ctas { gap: 16px 22px; } .fl-nbtn { padding: 0 22px; } .fl-pc .fl-badge { font-size: 9px; padding: 6px 8px; } .fl-product-perks { justify-content: flex-start; } } body.fl-theme ul.products li.product.fl-pc .fl-card-cta .button { justify-content: space-between !important; text-align: left !important; } body.fl-theme ul.products li.product.fl-pc .fl-card-cta .button::after { -webkit-mask: none !important; mask: none !important; background: none !important; width: auto !important; height: auto !important; position: static !important; } body.fl-theme.single-product div.product { grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); } body.fl-theme.single-product div.product > * { min-width: 0; } @media (max-width: 1024px) { body.fl-theme.single-product div.product { grid-template-columns: minmax(0, 1fr); } } @media (max-width: 767px) { body.fl-theme.single-product .woocommerce-tabs ul.tabs { overflow-x: auto; gap: 22px; flex-wrap: nowrap; } body.fl-theme.single-product .woocommerce-tabs ul.tabs li { flex: 0 0 auto; } } /* v3.0.3 – sparse grids: when there are fewer products than columns, keep card size and centre the row */ @media (min-width: 1025px) { body.fl-theme .fl-grid4 ul.products, body.fl-theme section.related ul.products, body.fl-theme section.up-sells ul.products { grid-template-columns: repeat(auto-fit, calc((100% - 66px) / 4)); justify-content: center; } } @media (min-width: 1280px) { body.fl-theme .fl-shop-main ul.products { grid-template-columns: repeat(auto-fit, calc((100% - 60px) / 4)); justify-content: center; } } @media (min-width: 1025px) and (max-width: 1279px) { body.fl-theme .fl-shop-main ul.products { grid-template-columns: repeat(auto-fit, calc((100% - 40px) / 3)); justify-content: center; } } /* v3.1 – less gold / brown: cool steel-blue accents (navbar unchanged) */ :root { --gold-x: #46658A; --star: #46658A; } .fl-hx-title em { color: #46658A; } .fl-hx-eye i { background: #46658A; } .fl-edit-eye { color: #D6E2F0; } .fl-edit::after { background: linear-gradient(90deg, rgba(8,18,34,.6) 0%, rgba(8,18,34,.12) 65%), linear-gradient(0deg, rgba(8,18,34,.35), rgba(8,18,34,0) 50%); } .fl-fcats a.is-on::after { color: var(--navy); } .fl-edit-more .fl-ic, .fl-hx-note .fl-ic, .fl-tr-item .fl-ic { color: var(--navy); } body.fl-theme .fl-nl-form button:hover { background: var(--navy-2); } .fl-alink:hover, .fl-ulink:hover { color: #46658A !important; border-color: #46658A; } .fl-stars, .fl-pc-rating .fl-stars, body.fl-theme .star-rating span::before, body.fl-theme p.stars a { color: var(--navy) !important; } .fl-trust-en, .fl-gold, .fl-eyebrow.fl-gold, .fl-footer-title { color: #46658A !important; } .fl-product-perks .fl-ic, .fl-cinfo-item .fl-ic, .fl-drawer-note .fl-ic { color: var(--navy) !important; } body.fl-theme .fl-btn--gold { background: var(--navy) !important; color: #fff !important; border-color: var(--navy) !important; } .fl-price-chip::before { background: var(--navy); } .fl-legal-note, .fl-checks li::before { border-color: var(--navy); } /* ========================================================= v3.2 – One palette: navy + white + light grey. Red/gold only remain inside the logo image. ========================================================= */ :root { --red: #0E2038; --red-d: #0E2038; --red-l: #1A3354; --gold: #0E2038; --gold-l: #FFFFFF; --gold-grad: #0E2038; --gold-x: #0E2038; --star: #0E2038; --tint: #F4F6F8; --tint-2: #ECEFF2; --cream: #F4F6F8; --cream-2: #F4F6F8; --beige: #F4F6F8; --line: #E4E7EB; --muted: #5F6672; --muted-2: #8D939C; } ::selection { background: #0E2038; color: #fff; } /* top offers bar + navbar accents */ .fl-announce { background: #0E2038 !important; color: #fff; } .fl-header, .fl-offcanvas, .fl-search { --ink: #0E2038; } :where(body.fl-theme) a:hover, .fl-nav .fl-menu > li > a:hover, .fl-nav .fl-menu > li.current-menu-item > a, .fl-icon-btn:hover { color: #0E2038 !important; } .fl-nav .fl-menu > li > a::after { background: #0E2038 !important; } html[data-lang="es"] .fl-lang [data-set-lang="es"], html[data-lang="en"] .fl-lang [data-set-lang="en"] { color: #0E2038 !important; font-weight: 700; } .fl-cart-count, .fl-wl-count, .fl-filter-btn b { background: #0E2038 !important; color: #fff !important; } .fl-bottom-nav > .is-on, .fl-bottom-nav > a:hover, .fl-bottom-nav > button:hover { color: #0E2038 !important; } /* accents that were steel-blue / gold / red */ .fl-eye, .fl-gold, .fl-eyebrow.fl-gold, .fl-footer-title, .fl-trust-en, .fl-jmeta, body.fl-theme.single-product .summary .fl-eyebrow, body.fl-theme.single-product section.related > h2::before { color: #5F6672 !important; } .fl-hx-title em { color: #0E2038; font-weight: 400; } .fl-hx-eye i { background: #0E2038; } .fl-hx-text { background: #F4F6F8; } .fl-edit-eye { color: #fff; opacity: .85; } .fl-alink:hover, .fl-ulink:hover, .fl-link:hover { color: #0E2038 !important; border-color: #0E2038; opacity: .75; } .fl-stars, .fl-pc-rating .fl-stars, body.fl-theme .star-rating span::before, body.fl-theme p.stars a { color: #0E2038 !important; } body.fl-theme.single-product .woocommerce-tabs ul.tabs li.active a { border-color: #0E2038; } .fl-low-stock { color: #0E2038 !important; font-weight: 600; } /* prices: sale = navy bold, old price grey */ body.fl-theme .price ins, body.fl-theme .fl-card-price ins, body.fl-theme .fl-pc .fl-card-price ins, body.fl-theme.single-product .summary .price ins { color: #0E2038 !important; } body.fl-theme .price del, body.fl-theme .fl-card-price del { color: #8D939C !important; } /* badges, pills, chips */ .fl-badge, body.fl-theme .fl-pc .fl-badge { background: #fff !important; color: #0E2038 !important; } .fl-pill--sale { color: #0E2038 !important; border-color: var(--line) !important; } .fl-pill--sale.is-on { background: #0E2038 !important; border-color: #0E2038 !important; color: #fff !important; } .fl-wish.is-on { color: #0E2038 !important; } .fl-wish.is-on svg { fill: #0E2038; } .fl-ship-bar i { background: #0E2038; } .fl-alert, body.fl-theme .woocommerce-message, body.fl-theme .woocommerce-info, .fl-legal-note { border-left-color: #0E2038 !important; } body.fl-theme .woocommerce-message::before, body.fl-theme .woocommerce-info::before { color: #0E2038 !important; } /* v3.3 – FAQ left column filled + tighter About page */ .fl-faqx-head { position: sticky; top: calc(var(--header-h) + 24px); } .fl-faqx-head .fl-muted { margin: 16px 0 26px; } .fl-faqx-card { display: grid; grid-template-columns: 150px 1fr; background: var(--tint); overflow: hidden; } .fl-faqx-img { margin: 0; position: relative; min-height: 190px; } .fl-faqx-img img { position: absolute; inset: 0; width: 100%; height: 100% !important; object-fit: cover; } .fl-faqx-cbody { padding: 24px 26px; } .fl-faqx-ctitle { font-family: var(--serif); font-size: 20px; color: var(--navy); margin: 0 0 8px; } .fl-faqx-cbody .fl-muted { margin: 0 0 18px !important; font-size: 13.5px; line-height: 1.7; } .fl-faqx-ctas { display: flex; align-items: center; flex-wrap: wrap; gap: 14px 22px; } .fl-faqx-ctas .fl-nbtn { height: 44px; padding: 0 20px; gap: 14px; font-size: 11.5px; } .fl-faqx-stats { list-style: none; margin: 18px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--line); } .fl-faqx-stats li { padding: 18px 12px; text-align: center; } .fl-faqx-stats li + li { border-left: 1px solid var(--line); } .fl-faqx-stats strong { display: block; font-family: var(--serif); font-size: 26px; font-weight: 500; color: var(--navy); line-height: 1; margin-bottom: 6px; } .fl-faqx-stats span { font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); } @media (max-width: 900px) { .fl-faqx-head { position: static; } } @media (max-width: 520px) { .fl-faqx-card { grid-template-columns: 1fr; } .fl-faqx-img { min-height: 170px; } } .fl-about-hero { padding: clamp(36px, 4.5vw, 64px) 0; background: var(--tint); } .fl-about-hero-in { grid-template-columns: 1.1fr .9fr; gap: clamp(32px, 5vw, 72px); } .fl-about-hero-img { aspect-ratio: 4 / 3.6; } .fl-about-hero ~ .fl-section { padding: clamp(48px, 5.5vw, 76px) 0; } .fl-about-hero ~ .fl-statement { padding: clamp(40px, 4.5vw, 60px) 0; } .fl-split { gap: clamp(32px, 5vw, 72px); } .fl-split-img { aspect-ratio: 4 / 3.3; } .fl-split-text p { font-size: 15.5px; max-width: 540px; } .fl-value-n { color: var(--navy) !important; } .fl-about-hero ~ .fl-section .fl-section-head { margin-bottom: 28px; } .fl-banner--cta { min-height: 0 !important; background: var(--navy) !important; padding: clamp(52px, 6vw, 80px) 0; } .fl-banner--cta > img, .fl-banner--cta::before, .fl-banner--cta::after { display: none !important; } .fl-banner--cta .fl-banner-content { position: relative; text-align: center; display: flex; flex-direction: column; align-items: center; } .fl-banner--cta .fl-eyebrow { color: rgba(255,255,255,.7) !important; } .fl-banner--cta .fl-hero-title { color: #fff !important; margin-bottom: 26px !important; } .fl-banner--cta .fl-hero-title em, .fl-banner .fl-hero-title em { background: none !important; -webkit-text-fill-color: currentColor; color: rgba(255,255,255,.75) !important; } .fl-banner--cta .fl-hero-ctas { justify-content: center; margin: 0; } /* ========================================================= v3.4 – page-by-page polish ========================================================= */ /* shop / category: full-width grid on tablet + mobile */ @media (max-width: 1024px) { .fl-shop-layout { grid-template-columns: minmax(0, 1fr) !important; } body.fl-theme .fl-shop-main ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; justify-content: stretch; } } @media (max-width: 767px) { body.fl-theme .fl-shop-main ul.products, body.fl-theme .fl-grid4 ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } /* 404 */ .fl-404 { padding: clamp(56px, 7vw, 96px) 0 clamp(36px, 4vw, 56px); text-align: center; } .fl-404 .fl-hero-ctas { justify-content: center; gap: 12px; } .fl-404 .fl-obtn { height: 52px; } .fl-404-search { display: flex; max-width: 460px; margin: 28px auto 0; } body.fl-theme .fl-404-search input[type="search"] { flex: 1; min-width: 0; height: 52px; border: 1px solid var(--line); border-right: 0; padding: 0 18px; font-size: 13.5px; border-radius: 0; background: #fff; } body.fl-theme .fl-404-search button { width: 56px; height: 52px; border: 0; background: var(--navy); color: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; } .fl-404-search .fl-ic { width: 18px; height: 18px; } .fl-404 + .fl-sec { padding-top: 0; } /* empty cart / wishlist */ .fl-emptycart { text-align: center; padding: 20px 0 10px; display: flex; flex-direction: column; align-items: center; } .fl-emptycart-ic { width: 72px; height: 72px; border-radius: 50%; background: var(--tint); display: flex; align-items: center; justify-content: center; margin-bottom: 22px; color: var(--navy); } .fl-emptycart-ic .fl-ic { width: 28px; height: 28px; } .fl-emptycart .fl-muted { margin: 12px 0 26px; font-size: 14.5px; } .fl-empty-more { margin-top: clamp(48px, 6vw, 80px); padding-top: clamp(40px, 5vw, 64px); border-top: 1px solid var(--line); text-align: left; } .fl-empty-more .fl-stitle { margin-bottom: 30px; } .fl-wishlist .fl-empty { padding: 10px 0 0; } body.fl-theme .wp-block-woocommerce-empty-cart-block { max-width: none; } /* contact FAQ: left column content + sticky */ .fl-faq-wrap .fl-section-head { position: sticky; top: calc(var(--header-h) + 24px); align-self: start; } .fl-faqx-card--side { margin-top: 26px; } @media (max-width: 900px) { .fl-faq-wrap .fl-section-head { position: static; } } /* bulk sidebar */ .fl-contact-side { position: sticky; top: calc(var(--header-h) + 24px); align-self: start; } .fl-side-photo { margin: 16px 0 0; position: relative; overflow: hidden; } .fl-side-photo img { width: 100%; aspect-ratio: 4 / 3; height: auto !important; object-fit: cover; } .fl-side-photo figcaption { position: absolute; left: 0; right: 0; bottom: 0; padding: 40px 18px 16px; background: linear-gradient(0deg, rgba(14,32,56,.8), rgba(14,32,56,0)); color: #fff; font-size: 12.5px; line-height: 1.5; } .fl-contact-side .fl-faqx-stats { margin-top: 16px; } @media (max-width: 900px) { .fl-contact-side { position: static; } } /* legal pages */ .fl-legal-note { display: none !important; } .fl-legal-toc { background: var(--tint); padding: 20px 24px; margin: 18px 0 30px; } .fl-legal-toc p { margin: 0 0 10px !important; font-size: 11px; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; color: var(--muted); } .fl-legal-toc ol { margin: 0; padding-left: 20px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 24px; font-size: 13.5px; } .fl-legal-toc a { color: var(--navy) !important; } .fl-legal-toc a:hover { text-decoration: underline; } .fl-legal h3 { scroll-margin-top: calc(var(--header-h) + 30px); padding-top: 8px; border-top: 1px solid var(--line); margin-top: 30px !important; } @media (max-width: 600px) { .fl-legal-toc ol { grid-template-columns: 1fr; } } /* product page: no white gap after related, sticky mobile bar */ body.fl-theme.single-product .fl-wc { padding-bottom: 0; } body.fl-theme.single-product div.product { padding-bottom: clamp(48px, 6vw, 80px); } body.fl-theme.single-product section.related { margin-bottom: 0; } body.fl-theme.single-product .reset_variations { display: none !important; } .fl-sbar { display: none; } @media (max-width: 767px) { .fl-sbar { display: flex; align-items: center; gap: 12px; position: fixed; left: 0; right: 0; bottom: calc(60px + env(safe-area-inset-bottom)); z-index: 94; background: #fff; border-top: 1px solid var(--line); padding: 10px 14px; box-shadow: 0 -6px 18px rgba(14,32,56,.08); transform: translateY(130%); transition: transform .3s ease; } .fl-sbar.is-on { transform: none; } .fl-sbar img { width: 44px; height: 44px; object-fit: cover; flex: 0 0 44px; } .fl-sbar-info { flex: 1; min-width: 0; display: flex; flex-direction: column; } .fl-sbar-name { font-size: 12.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--navy); } .fl-sbar-price, .fl-sbar-price .price { font-size: 14px; font-weight: 700; color: var(--navy); } .fl-sbar-price del { font-size: 11px; font-weight: 400; color: var(--muted-2); } body.fl-theme .fl-sbar-btn { height: 44px; padding: 0 18px; background: var(--navy); color: #fff; border: 0; font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; cursor: pointer; } } /* v3.5 – client request: bright white + soft off-white only (no grey/blue tints) */ :root { --tint: #FAFAF7; --tint-2: #F5F5F1; --cream: #FAFAF7; --cream-2: #FAFAF7; --beige: #FAFAF7; --line: #EDEDE8; --line-2: #F3F3EF; } body.fl-theme, .fl-header, .fl-tr { background-color: #FFFFFF; } .fl-hx-text, .fl-hx { background: #FAFAF7; } .fl-tint, .fl-nl, .fl-philo, .fl-faqx-card, .fl-legal-toc, .fl-emptycart-ic, .fl-about-hero, .fl-page-hero, .fl-404, .fl-bg-cream, .fl-bg-beige, .fl-side-panel, .fl-ship-goal { background-color: #FAFAF7 !important; } body.fl-theme .fl-pc .fl-card-media, .fl-jimg, body.fl-theme.single-product .woocommerce-product-gallery__image img { background: #F7F7F4; } body.fl-theme.single-product section.related { background: #FAFAF7; box-shadow: 0 0 0 100vmax #FAFAF7; } body.fl-theme .fl-pc-sz.is-on, body.fl-theme.single-product .fl-swatch.is-on, .fl-edit-more a:hover, .fl-fchip { background: #FAFAF7 !important; } /* ========================================================= v3.6 – Mobile-first experience ========================================================= */ /* ---------- Mobile menu drawer ---------- */ .fl-mm { inset: 0 0 0 auto !important; } .fl-mm .fl-mm-panel { width: min(420px, 100vw); transform: translateX(100%); background: #fff; padding: 0 0 calc(24px + env(safe-area-inset-bottom)); overflow-y: auto; overscroll-behavior: contain; } .fl-mm.is-open .fl-mm-panel { transform: none; } .fl-mm-head { position: sticky; top: 0; z-index: 2; display: flex; align-items: center; justify-content: space-between; padding: 14px 20px; background: #fff; border-bottom: 1px solid var(--line); } .fl-mm-logo-img { height: 40px !important; width: auto !important; } body.fl-theme .fl-mm-close { width: 42px; height: 42px; border-radius: 50%; border: 1px solid var(--line); background: #fff; display: flex; align-items: center; justify-content: center; color: var(--navy); cursor: pointer; } .fl-mm-close .fl-ic { width: 18px; height: 18px; } .fl-mm-search { display: flex; align-items: center; gap: 10px; margin: 18px 20px 6px; padding: 0 16px; height: 50px; background: var(--tint); border: 1px solid var(--line); } .fl-mm-search .fl-ic { width: 18px; height: 18px; color: var(--muted); flex: 0 0 18px; } body.fl-theme .fl-mm-search input[type="search"] { flex: 1; min-width: 0; height: 48px; border: 0; background: transparent; font-size: 14px; color: var(--navy); padding: 0; outline: none; } .fl-mm-tiles { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 16px 20px 8px; } .fl-mm-tile { position: relative; display: block; aspect-ratio: 1 / 0.82; overflow: hidden; background: var(--navy); } .fl-mm-tile img { position: absolute; inset: 0; width: 100%; height: 100% !important; object-fit: cover; transition: transform .8s ease; } .fl-mm-tile::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(8,18,34,.7), rgba(8,18,34,.05) 60%); } .fl-mm-tile span { position: absolute; left: 12px; bottom: 10px; z-index: 2; color: #fff; font-family: var(--serif); font-size: 17px; letter-spacing: .03em; } .fl-mm-tile:active img { transform: scale(1.06); } .fl-mm-links { display: flex; flex-direction: column; padding: 10px 20px; } .fl-mm-links a { display: flex; align-items: center; justify-content: space-between; padding: 16px 0; border-bottom: 1px solid var(--line); font-size: 15px; letter-spacing: .04em; color: var(--navy) !important; } .fl-mm-links .fl-ic { width: 16px; height: 16px; color: var(--muted); transition: transform .25s ease; } .fl-mm-links a:active .fl-ic { transform: translateX(4px); } .fl-mm-foot { padding: 18px 20px 0; display: grid; gap: 16px; } .fl-mm-lang { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--navy); } body.fl-theme .fl-mm-lang button { height: 44px; border: 0; background: #fff; color: var(--navy); font-size: 12.5px; letter-spacing: .1em; text-transform: uppercase; cursor: pointer; } html[data-lang="es"] .fl-mm-lang [data-set-lang="es"], html[data-lang="en"] .fl-mm-lang [data-set-lang="en"] { background: var(--navy) !important; color: #fff !important; } .fl-mm-help { display: flex; align-items: center; justify-content: space-between; padding: 16px 18px; background: var(--navy); color: #fff; } .fl-mm-help p { margin: 0; font-size: 13px; opacity: .8; } .fl-mm-help a { display: inline-flex; align-items: center; gap: 10px; color: #fff !important; font-size: 13px; font-weight: 600; letter-spacing: .06em; } .fl-mm-help .fl-ic { width: 16px; height: 16px; } .fl-mm-perks { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; font-size: 12.5px; color: var(--muted); } .fl-mm-perks li { display: flex; align-items: center; gap: 10px; } .fl-mm-perks .fl-ic { width: 17px; height: 17px; color: var(--navy); } /* staggered entrance */ .fl-mm .fl-mm-search, .fl-mm .fl-mm-tile, .fl-mm .fl-mm-links a, .fl-mm .fl-mm-foot { opacity: 0; transform: translateY(14px); transition: opacity .45s ease, transform .45s ease; } .fl-mm.is-open .fl-mm-search, .fl-mm.is-open .fl-mm-tile, .fl-mm.is-open .fl-mm-links a, .fl-mm.is-open .fl-mm-foot { opacity: 1; transform: none; } .fl-mm.is-open .fl-mm-search { transition-delay: .12s; } .fl-mm.is-open .fl-mm-tile:nth-child(1) { transition-delay: .16s; } .fl-mm.is-open .fl-mm-tile:nth-child(2) { transition-delay: .2s; } .fl-mm.is-open .fl-mm-tile:nth-child(3) { transition-delay: .24s; } .fl-mm.is-open .fl-mm-tile:nth-child(4) { transition-delay: .28s; } .fl-mm.is-open .fl-mm-links a { transition-delay: .3s; } .fl-mm.is-open .fl-mm-foot { transition-delay: .36s; } body.fl-lock .fl-scrim { background: rgba(8,18,34,.45); backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); } body.admin-bar .fl-mm { top: 0 !important; } @media (max-width: 782px) { body.admin-bar .fl-mm .fl-mm-panel { padding-top: 46px; } } /* ---------- Phones ---------- */ @media (max-width: 767px) { :root { --pad: 18px; } body.fl-theme { font-size: 14px; } .fl-sec { padding: 44px 0; } .fl-sec--line > .fl-container { padding-top: 44px; } .fl-shead { margin-bottom: 22px; flex-wrap: nowrap; align-items: flex-end; } .fl-shead > div { min-width: 0; } body.fl-theme .fl-stitle { font-size: 26px; } body.fl-theme .fl-stitle--xl { font-size: 30px; } .fl-eye { font-size: 10px; letter-spacing: .2em; margin-bottom: 10px; } .fl-shead .fl-alink { font-size: 0; gap: 0; width: 40px; height: 40px; justify-content: center; border: 1px solid var(--line); border-radius: 50%; flex: 0 0 40px; } .fl-shead .fl-alink .fl-ic { width: 16px; height: 16px; } /* header */ .fl-header-in { min-height: 60px; } .fl-announce, .fl-announce-item { height: 30px; } .fl-announce-item { font-size: 9.5px; letter-spacing: .1em; } /* hero: full-bleed image with text on top */ .fl-hx-slide { position: relative; display: block; min-height: calc(100svh - 150px); max-height: 720px; } .fl-hx-media { position: absolute !important; inset: 0; height: auto !important; order: 0; } .fl-hx-media::after { background: linear-gradient(0deg, rgba(8,18,34,.86) 0%, rgba(8,18,34,.45) 45%, rgba(8,18,34,.05) 75%); } .fl-hx-media figcaption { top: 16px; bottom: auto; left: 18px; right: 18px; font-size: 9.5px; } .fl-hx-text { position: relative; z-index: 2; background: transparent !important; min-height: calc(100svh - 150px); max-height: 720px; justify-content: flex-end; padding: 28px 18px 30px !important; } .fl-hx-eye { color: rgba(255,255,255,.8); font-size: 10px; margin-bottom: 14px; } .fl-hx-eye i { background: #fff; } body.fl-theme .fl-hx-title { color: #fff; font-size: 36px; margin-bottom: 14px; } .fl-hx-title em { color: rgba(255,255,255,.78) !important; } .fl-hx-lead { color: rgba(255,255,255,.85); font-size: 14px; line-height: 1.6; margin-bottom: 22px; } .fl-hx-ctas { gap: 12px; } .fl-hx-ctas .fl-nbtn { background: #fff; color: var(--navy) !important; border-color: #fff; height: 50px; flex: 1; } .fl-hx-ctas .fl-ulink { color: #fff !important; border-color: rgba(255,255,255,.7); } .fl-hx-note { display: none; } /* trust: one swipeable line */ .fl-tr { display: flex !important; overflow-x: auto; gap: 8px; padding: 14px 0; border-bottom: 1px solid var(--line); scrollbar-width: none; scroll-snap-type: x mandatory; margin: 0 calc(var(--pad) * -1); padding-left: var(--pad); padding-right: var(--pad); } .fl-tr::-webkit-scrollbar { display: none; } .fl-tr-item { flex: 0 0 auto; padding: 10px 14px !important; border: 1px solid var(--line) !important; border-radius: 40px; align-items: center; gap: 10px; scroll-snap-align: start; } .fl-tr-item + .fl-tr-item { border-top: 1px solid var(--line) !important; } .fl-tr-item .fl-ic { width: 18px; height: 18px; flex-basis: 18px; } .fl-tr-item strong { font-size: 11.5px; margin: 0; white-space: nowrap; } .fl-tr-item > div > span { display: none !important; } /* product rows on home / related / empty states: app-like swipe */ body.fl-theme .fl-grid4 ul.products, body.fl-theme section.related ul.products, body.fl-theme section.up-sells ul.products { display: flex !important; overflow-x: auto; gap: 12px !important; scroll-snap-type: x mandatory; scrollbar-width: none; margin: 0 calc(var(--pad) * -1) !important; padding: 0 var(--pad) 6px !important; } body.fl-theme .fl-grid4 ul.products::-webkit-scrollbar, body.fl-theme section.related ul.products::-webkit-scrollbar { display: none; } body.fl-theme .fl-grid4 ul.products li.product, body.fl-theme section.related ul.products li.product, body.fl-theme section.up-sells ul.products li.product { flex: 0 0 64%; scroll-snap-align: start; } /* cards */ body.fl-theme .fl-pc .fl-card-media { margin-bottom: 12px; } body.fl-theme .fl-pc .fl-wish { width: 34px; height: 34px; top: 10px; right: 10px; } body.fl-theme .fl-pc .fl-badge { top: 10px; left: 10px; } .fl-pc-meta { font-size: 10.5px; margin-bottom: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } body.fl-theme ul.products li.product.fl-pc .fl-card-title { font-size: 15px !important; line-height: 1.3 !important; min-height: 2.6em; } .fl-pc-pricerow { margin: 4px 0 10px; } .fl-pc-sizes { grid-template-columns: repeat(3, minmax(0, 1fr)); } body.fl-theme ul.products li.product.fl-pc .fl-card-cta .button { height: 42px; font-size: 11px !important; padding: 0 12px !important; } /* collections: swipe cards + chip row */ .fl-edits { display: flex !important; overflow-x: auto; gap: 12px; scroll-snap-type: x mandatory; scrollbar-width: none; margin: 0 calc(var(--pad) * -1); padding: 0 var(--pad); } .fl-edits::-webkit-scrollbar { display: none; } .fl-edit { flex: 0 0 82%; aspect-ratio: 4 / 5 !important; scroll-snap-align: start; } .fl-edit-title { font-size: 32px; } .fl-edit-body { left: 20px; bottom: 22px; } .fl-edit-more { display: flex !important; overflow-x: auto; gap: 8px; border: 0 !important; margin: 14px calc(var(--pad) * -1) 0; padding: 0 var(--pad); scrollbar-width: none; } .fl-edit-more::-webkit-scrollbar { display: none; } .fl-edit-more a { flex: 0 0 auto; padding: 11px 16px !important; border: 1px solid var(--line) !important; border-radius: 40px; font-size: 11px !important; gap: 8px; } /* philosophy */ .fl-philo-img { min-height: 0 !important; aspect-ratio: 16 / 11; } .fl-philo-text { padding: 28px 22px 32px !important; } .fl-philo-lead { font-size: 14px; margin: 14px 0 22px; } /* FAQ blocks */ .fl-faqx-card, .fl-faqx-card--side { grid-template-columns: 96px 1fr !important; } .fl-faqx-img { min-height: 0 !important; } .fl-faqx-cbody { padding: 16px 16px; } .fl-faqx-ctitle { font-size: 16px; } .fl-faqx-cbody .fl-muted { font-size: 12.5px; margin-bottom: 12px !important; } .fl-faqx-ctas .fl-ulink { display: none; } .fl-faqx-item summary { font-size: 14px; padding: 18px 0; } .fl-faqx-stats strong { font-size: 22px; } /* newsletter + footer */ .fl-nl { padding: 40px 0; } .fl-nl .fl-stitle { font-size: 24px; } .fl-fx { padding: 44px 0 calc(90px + env(safe-area-inset-bottom)); } .fl-fx-grid { gap: 26px 18px; padding-bottom: 34px; } .fl-fx-logo .fl-logo-img { height: 48px; } /* shop: compact header + sticky toolbar */ .fl-shop-hero { padding-top: 16px; } .fl-crumbs { margin-bottom: 16px; } body.fl-theme .fl-shop-title { font-size: 28px; margin-bottom: 6px; } .fl-shop-sub { padding-bottom: 16px; } .fl-shop-sub .fl-muted { display: none; } .fl-pills { margin: 14px calc(var(--pad) * -1) 6px; } .fl-shop-main .fl-shop-toolbar { position: sticky; top: 60px; z-index: 40; background: #fff; margin: 0 calc(var(--pad) * -1) 14px !important; padding: 10px var(--pad) !important; border-bottom: 1px solid var(--line); flex-wrap: nowrap !important; } body.admin-bar .fl-shop-main .fl-shop-toolbar { top: 60px; } .fl-shop-main .woocommerce-result-count { display: none; } body.fl-theme .fl-filter-btn { height: 42px; flex: 0 0 auto; } body.fl-theme .fl-shop-main .woocommerce-ordering select { height: 42px; } /* product page */ .fl-crumbs--left { flex-wrap: nowrap; overflow: hidden; white-space: nowrap; margin-bottom: 14px; } .fl-crumbs--left em { overflow: hidden; text-overflow: ellipsis; } body.fl-theme.single-product .fl-wc { padding-top: 14px; } body.fl-theme.single-product .woocommerce-product-gallery { margin: 0 calc(var(--pad) * -1) 16px !important; width: calc(100% + 2 * var(--pad)) !important; } body.fl-theme.single-product .flex-control-thumbs { grid-template-columns: repeat(5, 1fr); gap: 6px; padding: 0 var(--pad) !important; margin-top: 8px !important; } body.fl-theme.single-product .summary .fl-eyebrow { margin-bottom: 10px; font-size: 10px; } body.fl-theme.single-product .product_title { font-size: 28px !important; } body.fl-theme.single-product .summary .price { font-size: 24px !important; margin-bottom: 14px; } body.fl-theme.single-product .woocommerce-product-rating { padding-bottom: 14px; margin-bottom: 14px; } body.fl-theme.single-product .fl-swatch { height: 52px !important; } body.fl-theme.single-product .woocommerce-tabs { margin-top: 40px; } body.fl-theme.single-product .woocommerce-tabs ul.tabs { margin: 0 calc(var(--pad) * -1) 24px !important; padding: 0 var(--pad) !important; scrollbar-width: none; } body.fl-theme.single-product .woocommerce-tabs ul.tabs::-webkit-scrollbar { display: none; } body.fl-theme.single-product .woocommerce-Tabs-panel > h2:first-child { display: none; } body.fl-theme.single-product section.related { margin-top: 30px; padding: 40px 0; } body.fl-theme.single-product section.related > h2 { font-size: 24px; margin-bottom: 22px; } .fl-product-perks { flex-direction: column; gap: 10px; } /* contact / bulk / about */ .fl-cinfo { grid-template-columns: 1fr 1fr !important; gap: 8px !important; } .fl-cinfo-item { padding: 16px 14px !important; } .fl-cinfo-item p, .fl-cinfo-item a { word-break: break-word; } .fl-bulk-cards, .fl-occasions { grid-template-columns: 1fr 1fr !important; } .fl-steps { grid-template-columns: 1fr 1fr !important; } .fl-about-hero-in { grid-template-columns: 1fr !important; gap: 22px; } .fl-about-hero-img { order: -1; aspect-ratio: 4 / 3; max-width: none !important; margin: 0 calc(var(--pad) * -1); } .fl-about-hero { padding: 0 0 36px; } .fl-statement-text { font-size: 20px !important; } .fl-split { grid-template-columns: 1fr !important; gap: 22px; } .fl-split-img { aspect-ratio: 4 / 3; max-width: none !important; } .fl-values { grid-template-columns: repeat(3, 1fr) !important; } .fl-value { padding: 8px 6px !important; border-bottom: 0 !important; border-right: 1px solid var(--line) !important; } .fl-value:last-child { border-right: 0 !important; } .fl-value-n { font-size: 32px !important; margin-bottom: 8px; } .fl-value h3 { font-size: 15px !important; } .fl-value p { font-size: 11.5px; } .fl-banner--cta .fl-hero-title { font-size: 30px !important; } /* bottom nav: refined */ .fl-bottom-nav { box-shadow: 0 -6px 24px rgba(14,32,56,.08); } .fl-bottom-nav > .is-on::before { content: ""; position: absolute; top: -6px; left: 50%; width: 22px; height: 2px; margin-left: -11px; background: var(--navy); } } @media (max-width: 380px) { body.fl-theme .fl-hx-title { font-size: 31px; } .fl-hx-ctas .fl-ulink { display: none; } body.fl-theme .fl-grid4 ul.products li.product, body.fl-theme section.related ul.products li.product { flex-basis: 72%; } } @media (max-width: 767px) { .fl-tr, .fl-edits, .fl-edit-more, body.fl-theme .fl-grid4 ul.products, body.fl-theme section.related ul.products, body.fl-theme section.up-sells ul.products, .fl-pills { scroll-padding-left: var(--pad); scroll-padding-right: var(--pad); } } .fl-mm-tile span { font-size: 15px; white-space: nowrap; left: 12px !important; right: 10px; } body.fl-var-price.single-product .single_variation_wrap .woocommerce-variation-price { display: none !important; } @media (max-width: 767px) { .fl-cinfo-val { font-size: 13.5px !important; word-break: break-word; } .fl-cinfo-note { font-size: 11px !important; } .fl-step h3, .fl-who-title { font-size: 17px !important; } } /* ========================================================= v3.7 – white footer, real payment logos, shorter mobile hero ========================================================= */ .fl-fx { background: #FFFFFF !important; color: var(--muted) !important; border-top: 1px solid var(--line); } .fl-fx-grid { border-bottom-color: var(--line) !important; } .fl-fx-logo .fl-logo-img { filter: none !important; } .fl-fx-title { color: var(--navy) !important; } .fl-fx-grid a { color: var(--muted) !important; } .fl-fx-grid a:hover { color: var(--navy) !important; } .fl-fx-brand p { color: var(--muted); } .fl-fx-social a { border-color: var(--line) !important; color: var(--navy) !important; } .fl-fx-social a:hover { background: var(--navy) !important; border-color: var(--navy) !important; color: #fff !important; } .fl-fx-bottom { color: var(--muted); } body.fl-theme .fl-fx-lang button { color: var(--muted); } html[data-lang="es"] .fl-fx-lang [data-set-lang="es"], html[data-lang="en"] .fl-fx-lang [data-set-lang="en"] { color: var(--navy) !important; } .fl-fx-pay { align-items: center; } .fl-paylogo { display: inline-flex; align-items: center; justify-content: center; height: 34px; min-width: 56px; padding: 0 10px; background: #fff; border: 1px solid var(--line); border-radius: 5px; } .fl-paylogo svg { display: block; height: 14px; width: auto; } .fl-paylogo--mastercard svg { height: 20px; } .fl-paylogo--paypal svg { height: 17px; } .fl-fx-pay i { border: 1px solid var(--line); } @media (max-width: 767px) { .fl-hx-slide, .fl-hx-text { min-height: 0 !important; height: clamp(440px, 64svh, 540px); max-height: none; } .fl-hx-text { padding: 22px 18px 24px !important; } body.fl-theme .fl-hx-title { font-size: 31px; margin-bottom: 10px; } .fl-hx-lead { font-size: 13.5px; margin-bottom: 18px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .fl-hx-eye { margin-bottom: 10px; } .fl-hx-ctas .fl-nbtn { height: 46px; } .fl-hx-ctas .fl-ulink { display: none; } .fl-fx { padding-bottom: calc(84px + env(safe-area-inset-bottom)); } } /* v3.7.1 – mobile trust strip as 2×2 boxes (Figma style) */ @media (max-width: 767px) { body.fl-theme .fl-tr { display: grid !important; grid-template-columns: 1fr 1fr; gap: 0 !important; overflow: visible; margin: 0 !important; padding: 6px 0 !important; scroll-snap-type: none; border-bottom: 1px solid var(--line); } body.fl-theme .fl-tr-item { display: flex; align-items: flex-start !important; gap: 10px !important; padding: 16px 8px 16px 0 !important; border: 0 !important; border-radius: 0 !important; } body.fl-theme .fl-tr-item:nth-child(even) { padding-left: 12px !important; border-left: 1px solid var(--line) !important; } body.fl-theme .fl-tr-item:nth-child(n+3) { border-top: 1px solid var(--line) !important; } body.fl-theme .fl-tr-item .fl-ic { width: 20px; height: 20px; flex: 0 0 20px; margin-top: 1px; } body.fl-theme .fl-tr-item strong { font-size: 11px; line-height: 1.35; white-space: normal; margin: 0 0 3px; display: block; letter-spacing: .02em; } body.fl-theme .fl-tr-item > div > span { display: block !important; font-size: 10px; line-height: 1.4; color: var(--muted); } } /* v3.7.2 – mobile trust boxes: title only */ @media (max-width: 767px) { body.fl-theme .fl-tr-item > div > span { display: none !important; } body.fl-theme .fl-tr-item { align-items: center !important; padding-top: 14px !important; padding-bottom: 14px !important; } body.fl-theme .fl-tr-item strong { margin: 0; } } /* v3.7.3 – navbar hover + active in logo red */ body.fl-theme .fl-header .fl-nav .fl-menu > li > a:hover, body.fl-theme .fl-header .fl-nav .fl-menu > li > a:focus-visible, body.fl-theme .fl-header .fl-nav .fl-menu > li.current-menu-item > a, body.fl-theme .fl-header .fl-nav .fl-menu > li.current-menu-ancestor > a, body.fl-theme .fl-header .fl-nav .fl-menu > li:hover > a, body.fl-theme .fl-header .fl-mega a:hover { color: #C3080F !important; } body.fl-theme .fl-header .fl-nav .fl-menu > li > a::after { background: #C3080F !important; } /* v3.8 – legal pages */ .fl-legal-date { font-size: 12px; letter-spacing: .06em; color: var(--muted-2); margin: 0 0 18px; } .fl-legal ul, .fl-legal ol { margin: 8px 0 18px; padding-left: 22px; color: var(--muted); line-height: 1.8; } .fl-legal li { margin-bottom: 6px; } .fl-legal li strong, .fl-legal p strong { color: var(--navy); } .fl-legal a { color: var(--navy) !important; text-decoration: underline; text-underline-offset: 3px; } .fl-legal-toc ol { list-style: none; padding-left: 0; } /* v3.9 – real product packshots: show the whole bottle (no cropping) */ body.fl-theme .fl-pc .fl-card-media { background: #FFFFFF !important; border: 1px solid var(--line); } body.fl-theme .fl-pc .fl-card-img img { object-fit: contain !important; padding: 8%; background: #fff; } body.fl-theme .fl-pc:hover .fl-card-img img { transform: scale(1.03); } body.fl-theme.single-product .woocommerce-product-gallery__image img { object-fit: contain; background: #fff !important; } body.fl-theme.single-product .woocommerce-product-gallery__image { background: #fff; border: 1px solid var(--line); } .fl-sbar img { object-fit: contain !important; background: #fff; }