#fw-section-custom-html-10362bee-8ec4-43ac-9eeb-c813c62382fb {
section {
padding-top: 0px !important;
padding-bottom: 0px !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
}
#fw-section-custom-html-90c09bb6-c6f3-4a44-bd58-701017a5b886 {
section {
padding-top: 0px !important;
padding-bottom: 0px !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
}
#fw-section-custom-html-8ef02a67-9434-4af0-b32c-750808a35449 {
section {
padding-top: 0px !important;
padding-bottom: 0px !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
}
#fw-section-custom-html-a3a08ebd-17ea-4e5d-8663-edca422623ff {
section {
padding-top: 0px !important;
padding-bottom: 0px !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
}
#fw-section-custom-html-5a3ed9df-c25e-46b9-8fd1-f41f9678025b {
section {
padding-top: 44px !important;
padding-bottom: 0px !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
}
#fw-section-custom-html-f629ae42-307a-470e-bf32-80551c56eac4 {
section {
padding-top: 3px !important;
padding-bottom: 0px !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
}
#fw-section-rich-text-ac5b0615-9019-4f1e-8013-a210087eee44 {
--font-heading-scale: 1.65;
--font-body-scale: 0.97;
}
#fw-section-custom-html-1477cdc1-2a59-4deb-8591-cac505fe938e {
section {
padding-top: 0px !important;
padding-bottom: 0px !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
}
#fw-section-custom-html-9e3851b1-1289-4cb7-b388-5911f3b4ea35 {
section {
padding-top: 3px !important;
padding-bottom: 0px !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
}
#fw-section-rich-text-b1c72e57-a3da-49fe-8bd9-54d0a7bb1433 {
/* D) Pill banner */
.rich-text__text .html-formatter--center > p {
display: inline-block;
margin: 0 auto !important;
padding: 10px 22px;
border-radius: 999px;
background: rgba(136,31,33,0.08);
border: 0px solid rgba(136,31,33,0.2);
font-weight: 500;
letter-spacing: 0.04em;
text-transform: uppercase;
font-size: 0.9rem;
}
}
#fw-section-featured-collection-b8c33101-3adf-40a1-8a82-08056244d8ba {
/* Consistent rounded image presentation */
.tile__image,
.tile__image .image,
.tile__image img {
border-radius: 14px;
}
/* Collection area tone */
.collection,
.products,
.grid,
.tiles {
background: rgba(136,31,33,0.04);
padding: 18px !important;
border-radius: 16px;
}
}
#fw-section-custom-html-7a5cf2bb-106b-4b7e-8867-6bd63a8f9ea9 {
section {
padding-top: 21px !important;
padding-bottom: 21px !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
}
#fw-section-custom-html-48bad6e2-a0f8-4d5e-a473-3a9637398746 {
section {
padding-top: 0px !important;
padding-bottom: 21px !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
}
#fw-section-hero-video-8e3066e6-7613-4c2f-8a8b-e1bd048ea8c5 {
--font-heading-scale: 1.5;
--font-body-scale: 1.25;
}
#fw-section-hero-video-8e3066e6-7613-4c2f-8a8b-e1bd048ea8c5 {
--color-primary: #c9a24d;
--color-primary-rgb: 201, 162, 77;
--color-background: #f4edea;
--color-background-rgb: 244, 237, 234;
--color-on-primary: #2b2b2b;
--color-on-primary-rgb: 43, 43, 43;
--color-on-background: #5a3c3c;
--color-on-background-rgb: 90, 60, 60;
--color-product-image-background: #881f21;
--color-background-brightness: 239;
background-color: var(--color-background);
color: var(--color-on-background);
section {
padding-top: 0px !important;
padding-bottom: 0px !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
/* HERO heading underline — fades on BOTH ends + animates in */
.fw-hero-readability h1::after,
.fw-hero-readability h2::after,
.fw-hero-readability h3::after{
content:"";
position:absolute;
left: 47%;
right: auto;
transform: translateX(-50%);
width: 90%;
bottom: -1px;
height: 3px;
background: linear-gradient(90deg,
rgba(204,171,59,0) 0%,
rgba(204,171,59,.95) 25%,
rgba(204,171,59,.95) 75%,
rgba(204,171,59,0) 100%);
opacity: .85;
}
/* if you want it to animate in automatically on load instead of hover,
tell me and I’ll swap this to an “always on” entrance version */
/* Scooch the "LIMITED DROP" line upward */
.fw-hero-readability p,
.fw-hero-readability .fw-drop-label {
margin-top: 4px !important; /* pull upward */
}
}
#fw-section-custom-html-1e45ad09-c556-4e04-9151-c93de8bbfb92 {
section {
padding-top: 0px !important;
padding-bottom: 0px !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
}
#fw-section-custom-html-f8874de3-a46c-4abd-b23d-08596c2f5553 {
section {
padding-top: 0px !important;
padding-bottom: 0px !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
}
#fw-section-hero-acf91cf5-e8c0-4633-9222-233825996c22 {
--font-heading-scale: 1.7;
--font-body-scale: 1.2;
}
#fw-section-featured-product-9536c1d7-52a4-4cdf-b180-61974457261f {
--font-heading-scale: 1.9;
--font-body-scale: 1.19;
}
#fw-section-featured-product-9536c1d7-52a4-4cdf-b180-61974457261f {
/* Product title */
div[style*="font"]{
letter-spacing: -0.015em !important;
}
/* ===== Size selector chips ===== */
.radio-button__label{
border-radius: 999px !important;
padding: 10px 16px !important;
transition: transform 160ms ease, box-shadow 160ms ease, background-color 160ms ease !important;
}
/* Hover (desktop only) */
@media (hover:hover){
.radio-button__label:hover{
transform: translateY(-1px) !important;
box-shadow: 0 0 0 2px rgba(204,171,59,0.45) !important; /* gold ring */
background-color: rgba(204,171,59,0.08) !important;
}
}
/* Selected size */
input:checked + .radio-button__label{
box-shadow: 0 0 0 2px rgba(204,171,59,0.65) !important;
background-color: rgba(204,171,59,0.12) !important;
}
.radio-button__label{
font-weight: 600 !important;
letter-spacing: 0.04em !important;
}
/* ===== Swatch: soft halo ===== */
.color-swatch__color{
transition: box-shadow 180ms ease, filter 180ms ease !important;
}
@media (hover:hover){
.color-swatch__color:hover{
box-shadow:
0 0 0 2px rgba(204,171,59,0.45),
0 0 12px rgba(204,171,59,0.25) !important;
filter: brightness(1.05);
}
}
button[data-testid="product.add.to.cart"]{
position: relative !important;
font-weight: 600 !important;
letter-spacing: 0.04em !important;
}
/* Red recording dot */
button[data-testid="product.add.to.cart"]::before{
content:"";
position:absolute;
left:18px;
top:50%;
transform:translateY(-50%);
width:14px;
height:14px;
background:#881f21;
border-radius:50%;
box-shadow: 0 0 10px rgba(136,31,33,0.6);
}
button[data-testid="product.add.to.cart"]:active{
transform: translateY(1px) !important;
box-shadow:
0 0 0 2px rgba(204,171,59,0.35),
inset 0 6px 12px rgba(0,0,0,0.35) !important;
}
/* =========================
SAFE LOOK (NO LAYOUT CHANGES)
========================= */
/* ===== Featured Product: title underline (gold hairline) ===== */
.featured-product a[href*="/products/"],
.featured-product a[href*="/theme_editor/products/"]{
position: relative !important;
display: inline-block !important;
text-decoration: none !important;
}
.featured-product a[href*="/products/"]::after,
.featured-product a[href*="/theme_editor/products/"]::after{
content:"";
position:absolute;
left:0;
right:0;
bottom:-7px;
height:4px;
background: linear-gradient(90deg,
transparent 0%,
rgba(204,171,59,.9) 20%,
rgba(204,171,59,.9) 80%,
transparent 100%);
opacity:.65;
}
/* ===== Add to Cart: gold border hover ===== */
button[data-testid="product.add.to.cart"]{
border: 1px solid rgba(204,171,59,0) !important;
transition: transform 140ms ease, border-color 140ms ease, box-shadow 140ms ease !important;
}
@media (hover:hover){
button[data-testid="product.add.to.cart"]:hover{
border-color: rgba(204,171,59,.65) !important;
transform: translateY(-1px);
box-shadow: 0 10px 26px rgba(0,0,0,.22) !important;
}
button[data-testid="product.add.to.cart"]:active{
transform: translateY(1px);
box-shadow: 0 4px 12px rgba(0,0,0,.28) inset !important;
}
}
/* ===== Add to Cart: reliable gold shine (transition-based, no keyframes) ===== */
button[data-testid="product.add.to.cart"]{
position: relative !important;
overflow: hidden !important;
isolation: isolate !important;
}
/* Shine strip */
button[data-testid="product.add.to.cart"]::after{
content:"";
position:absolute;
top:-70%;
bottom:-70%;
left:-80%;
width:55%;
pointer-events:none;
z-index: 1;
background: linear-gradient(115deg,
rgba(204,171,59,0) 0%,
rgba(204,171,59,0.20) 50%,
rgba(204,171,59,0) 100%);
transform: translateX(0) rotate(12deg);
opacity: 0;
transition: left 1900ms ease, opacity 160ms ease !important;
}
/* keep label above */
button[data-testid="product.add.to.cart"] > *{
position: relative !important;
z-index: 2 !important;
}
@media (hover:hover){
button[data-testid="product.add.to.cart"]:hover::after{
opacity: .6;
left: 140%;
}
}
button[data-testid="product.add.to.cart"]{
position: relative !important;
overflow: hidden !important;
isolation: isolate !important;
border-radius: 999px !important; /* fully pill */
padding-left: 48px !important; /* space for the dot */
/* GOLD FILL */
background: linear-gradient(
180deg,
#f6d889 0%,
#e0b84f 45%,
#c99a2c 100%
) !important;
color: #3b2a06 !important; /* dark readable gold text */
font-weight: 600 !important;
letter-spacing: 0.04em !important;
/* DARKER GOLD EDGE (not bright) */
border: 0px solid rgba(140,100,20,0.85) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.45),
inset 0 -2px 4px rgba(120,80,10,0.35),
0 10px 26px rgba(0,0,0,.25) !important;
transition:
transform 140ms ease,
box-shadow 140ms ease,
filter 140ms ease !important;
}
button[data-testid="product.add.to.cart"]::after{
content:"";
position:absolute;
top:-70%;
bottom:-70%;
left:-80%;
width:55%;
pointer-events:none;
z-index: 1;
/* CHAMPAGNE SHINE (lighter than base gold) */
background: linear-gradient(115deg,
rgba(255,255,255,0) 0%,
rgba(255,248,220,0.65) 50%,
rgba(255,255,255,0) 100%);
transform: translateX(0) rotate(12deg);
opacity: 0;
transition: left 1600ms ease, opacity 180ms ease !important;
}
/* ===== Wax-seal press animation on click ===== */
.featured-product button[data-testid="product.add.to.cart"]:active{
transform: translateY(2px) scale(0.985) !important;
box-shadow:
0 4px 14px rgba(0,0,0,.28),
inset 0 10px 18px rgba(0,0,0,.28),
inset 0 0 0 2px rgba(120, 70, 10, 0.35) !important;
filter: saturate(0.98) contrast(0.98) !important;
}
/* Your red dot: make it read on gold + feel “sealed” */
.featured-product button[data-testid="product.add.to.cart"]::before{
/* keep your dot but make it feel like wax */
background: radial-gradient(circle at 35% 35%,
rgba(255,255,255,0.35) 0%,
rgba(255,255,255,0.00) 40%),
#881f21 !important;
box-shadow:
0 0 10px rgba(136,31,33,0.55),
inset 0 1px 2px rgba(255,255,255,0.25),
inset 0 -2px 4px rgba(0,0,0,0.25) !important;
}
/* Optional: tighten label tracking a bit on gold */
.featured-product button[data-testid="product.add.to.cart"]{
letter-spacing: 0.03em !important;
}
}
#fw-section-custom-html-f7243fad-51aa-4ac8-afd8-06226dd59dfb {
section {
padding-top: 0px !important;
padding-bottom: 0px !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
}
#fw-section-hero-video-48018f56-b634-4272-b1b2-e14e6fe7e625 {
/* =========================
FULL COLLECTION VIDEO BANNER (scoped + no nesting errors)
========================= */
section[data-section-id="fw-section-hero-video-48018f56-b634-4272-b1b2-e14e6fe7e625"]{
padding-top: 0px !important;
padding-bottom: 0px !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
}
/* Optional: nudge the whole text block down/up */
section[data-section-id="fw-section-hero-video-48018f56-b634-4272-b1b2-e14e6fe7e625"] .hero__content{
transform: translateY(116px) !important; /* adjust */
}
/* The blur pill goes on the HERO heading element (not global h1) */
section[data-section-id="fw-section-hero-video-48018f56-b634-4272-b1b2-e14e6fe7e625"] .hero__heading{
display: inline-block !important;
background: rgba(0, 0, 0, 0.10) !important;
backdrop-filter: blur(20px) !important;
-webkit-backdrop-filter: blur(20px) !important;
padding: 22px 80px !important;
border-radius: 999px !important;
line-height: 1.05 !important;
/* ===== SCOOCH CONTROLS ===== */
position: relative !important;
left: 0px !important; /* <- change to negative to move left */
transform: translateX(0px) !important; /* <- OR change this instead of left */
}
/* Subtitle style (only this hero section) */
section[data-section-id="fw-section-hero-video-48018f56-b634-4272-b1b2-e14e6fe7e625"] .hero__text{
font-size: 12px !important;
letter-spacing: 0.14em !important;
text-transform: uppercase !important;
opacity: 0.72 !important;
max-width: 52ch !important;
margin: 10px auto 0 !important;
line-height: 1.3 !important;
}
/* Product title */
div[style*="font"]{
letter-spacing: -0.015em !important;
}
/* Underline ONLY — no layout/z-index changes */
section[data-section-id="fw-section-hero-video-48018f56-b634-4272-b1b2-e14e6fe7e625"] .hero__heading{
position: relative !important;
display: inline-block !important;
padding-bottom: 16px !important;
}
section[data-section-id="fw-section-hero-video-48018f56-b634-4272-b1b2-e14e6fe7e625"] .hero__heading::after{
content: "" !important;
position: absolute !important;
left: 50% !important;
bottom: 16px !important;
width: 420px !important; /* change size here */
height: 3px !important; /* thickness */
transform: translateX(-50%) !important;
/* fades out on BOTH ends */
background: linear-gradient(
90deg,
rgba(212,175,55,0) 0%,
rgba(212,175,55,0.95) 22%,
rgba(255,224,140,1) 50%,
rgba(212,175,55,0.95) 78%,
rgba(212,175,55,0) 100%
) !important;
/* glow */
filter: drop-shadow(0 0 10px rgba(255,224,140,0.4))
drop-shadow(0 0 22px rgba(212,175,55,0.45)) !important;
pointer-events: none !important;
}
/* ===== Disable gold underline on mobile ===== */
@media (max-width: 640px){
section[data-section-id="fw-section-hero-video-48018f56-b634-4272-b1b2-e14e6fe7e625"]
.hero__heading::after{
display: none !important;
}
}
}
#fw-section-custom-html-77254d7b-8076-4325-8f71-98ba59cd8ac7 {
section {
padding-top: 0px !important;
padding-bottom: 0px !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
}
#fw-section-custom-html-34e43083-ea4c-40a2-bd9b-170165475cce {
section {
padding-top: 0px !important;
padding-bottom: 0px !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
}
#fw-section-featured-collection-0 {
--font-heading-scale: 1.22;
--font-body-scale: 1.2;
}
#fw-section-featured-collection-0 {
--color-primary: #881f21;
--color-primary-rgb: 136, 31, 33;
--color-background: #f4edea;
--color-background-rgb: 244, 237, 234;
--color-on-primary: #f4edea;
--color-on-primary-rgb: 244, 237, 234;
--color-on-background: #2b2b2b;
--color-on-background-rgb: 43, 43, 43;
--color-product-image-background: #881f21;
--color-background-brightness: 239;
background-color: var(--color-background);
color: var(--color-on-background);
/* ============================
FEATURED COLLECTION — SAFE FX (won’t crop/shift images)
============================ */
/* Apply rounding + FX ONLY to the image background container */
.product-tile .tile__image .image.image--background-color {
position: relative;
border-radius: 22px;
overflow: hidden; /* safe here */
transform: translateZ(0);
}
/* Gold hairline frame (always on) */
.product-tile .tile__image .image.image--background-color::before {
content: "";
position: absolute;
inset: 14px;
border-radius: 18px;
pointer-events: none;
z-index: 3;
box-shadow:
0 0 0 0px rgba(201,173,88,0.55),
0 0 22px rgba(201,173,88,0.10);
opacity: 0.95;
transition: box-shadow 220ms ease, opacity 220ms ease;
}
@media (hover:hover) {
.product-tile:hover .tile__image .image.image--background-color::before {
box-shadow:
0 0 0 0px rgba(201,173,88,0.78),
0 0 32px rgba(201,173,88,0.16);
opacity: 1;
}
}
/* Title/price polish WITHOUT changing layout widths */
.product-tile .tile__heading {
letter-spacing: 0.2px;
}
.product-tile .tile__price {
opacity: 0.92;
}
/* Swatches: calm micro-hover (no “launching”) */
.product-tile .color-swatch__label {
transition: transform 120ms ease, filter 120ms ease;
}
@media (hover:hover) {
.product-tile .color-swatch__label:hover {
transform: translateY(-1px);
filter: brightness(1.05);
}
}
.product-tile .color-swatch__input:checked + .color-swatch__label .color-swatch__color {
box-shadow:
0 0 0 2px rgba(201,173,88,0.65),
0 0 18px rgba(201,173,88,0.18);
}
/* ===== Featured collection (scoped) ===== */
section.featured-collection--fw-section-featured-collection-0 *{
/* if this changes anything visually, we are hooked correctly */
}
/* prevent hover lift clipping (most common cause) */
section.featured-collection--fw-section-featured-collection-0,
section.featured-collection--fw-section-featured-collection-0 .collection,
section.featured-collection--fw-section-featured-collection-0 .collection__inner,
section.featured-collection--fw-section-featured-collection-0 .wrapper,
section.featured-collection--fw-section-featured-collection-0 .container,
section.featured-collection--fw-section-featured-collection-0 .collection__grid,
section.featured-collection--fw-section-featured-collection-0 .grid,
section.featured-collection--fw-section-featured-collection-0 .grid__column,
section.featured-collection--fw-section-featured-collection-0 .product-tile {
overflow: visible !important;
}
/* lift (no corner flattening) */
section.featured-collection--fw-section-featured-collection-0 a.tile.tile--zoom{
display:block !important;
position: relative !important;
z-index: 1;
transform: translate3d(0,0,0);
will-change: transform, filter;
border-radius: 28px;
}
section.featured-collection--fw-section-featured-collection-0 a.tile.tile--zoom:hover{
transform: translate3d(0,-8px,0) !important;
z-index: 50 !important;
filter: drop-shadow(0 18px 36px rgba(0,0,0,.18)) !important;
}
/* image wrapper needs to clip inside itself */
section.featured-collection--fw-section-featured-collection-0 .image.image--background-color{
position: relative !important;
overflow: hidden !important;
border-radius: 28px !important;
transform: translateZ(0);
}
/* glass streak (OFF until hover) */
section.featured-collection--fw-section-featured-collection-0
.image.image--background-color::after{
content:"";
position:absolute;
inset:-45%;
pointer-events:none;
z-index: 2;
background: linear-gradient(
115deg,
rgba(216,186,120,0) 42%,
rgba(216,186,120,.30) 50%,
rgba(216,186,120,0) 58%
);
transform: translateX(-45%) rotate(6deg);
opacity: 0;
transition: transform .7s ease, opacity .35s ease;
mix-blend-mode: soft-light;
}
section.featured-collection--fw-section-featured-collection-0
a.tile.tile--zoom:hover .image.image--background-color::after{
opacity: 1;
transform: translateX(45%) rotate(6deg);
}
/* === BRIGHTER GOLD BORDER + CLEAN GLOW (NO RING) === */
.featured-collection--fw-section-featured-collection-0 .tile__image {
position: relative;
overflow: visible;
}
.featured-collection--fw-section-featured-collection-0 .tile__image .image {
position: relative;
border-radius: 28px;
overflow: hidden;
/* brighter, cleaner gold */
border: 3px solid rgba(235, 190, 95, 1);
/* glow only (no highlight ring) */
box-shadow:
0 0 18px rgba(235, 190, 95, 0.55),
0 0 40px rgba(200, 140, 40, 0.4),
0 0 70px rgba(160, 95, 20, 0.25);
}
/* === GRADIENT GOLD BORDER (SAFE: DOES NOT OVERLAY IMAGE) === */
/* target the image card itself */
.featured-collection--fw-section-featured-collection-0 .tile__image .image {
border-radius: 28px;
border: 3px solid transparent; /* thickness */
/* first layer = transparent fill, second layer = gradient border */
background:
linear-gradient(transparent, transparent) padding-box,
linear-gradient(
135deg,
#fff2bf 0%,
#f3d37b 18%,
#d5a43a 40%,
#ffe7a6 62%,
#b67a19 100%
) border-box;
/* obvious glow (testing) */
box-shadow:
0 0 0 2px rgba(255, 219, 120, 0.9),
0 0 22px rgba(255, 206, 92, 0.75),
0 0 60px rgba(190, 120, 20, 0.55);
}
/* Base: works (you said this one does) */
.featured-collection--fw-section-featured-collection-0
.tile__image .image {
border-radius: 28px !important;
border: 3px solid transparent !important;
background:
linear-gradient(transparent, transparent) padding-box,
linear-gradient(
135deg,
#fff2bf,
#f3d37b,
#d5a43a,
#ffe7a6,
#b67a19
) border-box !important;
box-shadow: none !important;
transition: box-shadow 0.4s ease, transform 0.35s ease !important;
}
/* Hover: make sure it triggers no matter what element is being hovered */
.featured-collection--fw-section-featured-collection-0
.product-tile:hover .tile__image .image,
.featured-collection--fw-section-featured-collection-0
a.tile:hover .tile__image .image,
.featured-collection--fw-section-featured-collection-0
a.tile--zoom:hover .tile__image .image {
animation: goldPulse 2.4s ease-in-out infinite !important;
transform: translateY(-3px) !important;
/* (optional) force a visible glow even if animation fails */
box-shadow:
0 0 0 2px rgba(255, 230, 160, 0.85),
0 0 18px rgba(255, 210, 120, 0.65),
0 0 44px rgba(190, 120, 20, 0.45) !important;
}
/* Keyframes MUST be global (not nested inside a selector) */
@keyframes goldPulse {
0% {
box-shadow:
0 0 0 1px rgba(255, 219, 120, 0.55),
0 0 10px rgba(255, 206, 92, 0.35),
0 0 24px rgba(190, 120, 20, 0.25);
}
50% {
box-shadow:
0 0 0 1px rgba(255, 230, 160, 0.85),
0 0 18px rgba(255, 210, 120, 0.65),
0 0 44px rgba(190, 120, 20, 0.45);
}
100% {
box-shadow:
0 0 0 1px rgba(255, 219, 120, 0.55),
0 0 10px rgba(255, 206, 92, 0.35),
0 0 24px rgba(190, 120, 20, 0.25);
}
}
/* Base product title */
.featured-collection--fw-section-featured-collection-0 .tile__heading{
font-weight: 600;
letter-spacing: 0.04em;
transition:
color 200ms ease,
text-shadow 200ms ease,
transform 200ms ease;
}
/* Hover sync with card */
.featured-collection--fw-section-featured-collection-0 .product-tile:hover .tile__heading{
color: #881f21; /* warm gold */
text-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
transform: translateY(-2px);
}
.featured-collection--fw-section-featured-collection-0 .tile__heading{
position: relative;
display: inline-block;
}
.featured-collection--fw-section-featured-collection-0 .tile__heading::after{
content: "";
position: absolute;
left: 0;
bottom: -6px;
width: 0;
height: 3px;
background: linear-gradient(
90deg,
rgba(242, 200, 109, 0) 0%,
rgba(242, 200, 109, 0.35) 12%,
rgba(242, 200, 109, 0.85) 50%,
rgba(242, 200, 109, 0.35) 88%,
rgba(242, 200, 109, 0) 100%
);
box-shadow:
0 0 6px rgba(255, 215, 100, 0.6),
0 0 14px rgba(212, 175, 55, 0.45);
transition: width 250ms ease;
}
.featured-collection--fw-section-featured-collection-0 .product-tile:hover .tile__heading::after{
width: 100%;
}
/* Lift the whole tile, not the image layers */
@media (hover:hover){
section[data-section-id="fw-section-featured-collection-0"] a.tile{
transition: transform 160ms ease, box-shadow 160ms ease !important;
will-change: transform !important;
}
section[data-section-id="fw-section-featured-collection-0"] a.tile:hover{
transform: translateY(-2px) !important;
}
}
/* remove expensive hover filters inside featured collection */
#fw-section-featured-collection-0 .tile__image,
#fw-section-featured-collection-0 .tile__image *{
filter: none !important;
mix-blend-mode: normal !important;
}
}
#fw-section-links-list-14a8d464-5983-44df-8d31-d07c1761409f {
/* ===== GOLD WAX SEAL BUTTON ===== */
.link-list__cta .button.button--primary {
position: relative;
width: auto !important;
padding: 14px 26px !important;
border-radius: 999px !important;
border: none !important;
/* Wax-gold base */
background:
radial-gradient(circle at 30% 30%, #f7e6a2 0%, #e2c36a 35%, #b8943c 65%, #8c6a1f 100%) !important;
color: #3b2a0a !important;
font-weight: 500;
letter-spacing: 0.09em;
text-transform: uppercase;
/* Embossed seal depth */
box-shadow:
inset 0 2px 3px rgba(255,255,255,0.35),
inset 0 -3px 5px rgba(0,0,0,0.35),
0 6px 16px rgba(0,0,0,0.35);
transition: transform 180ms ease, box-shadow 180ms ease, filter 180ms ease;
}
/* Subtle pressed-stamp texture */
.link-list__cta .button.button--primary::before {
content: "";
position: absolute;
inset: 3px;
border-radius: 999px;
background: rgba(255,255,255,0.06);
pointer-events: none;
}
/* Hover: warm glow, slight lift */
.link-list__cta .button.button--primary:hover {
transform: translateY(-2px);
filter: brightness(1.05);
box-shadow:
inset 0 2px 3px rgba(255,255,255,0.4),
inset 0 -3px 5px rgba(0,0,0,0.4),
0 10px 24px rgba(0,0,0,0.45);
}
/* Active: pressed wax seal */
.link-list__cta .button.button--primary:active {
transform: translateY(1px);
box-shadow:
inset 0 4px 6px rgba(0,0,0,0.45),
0 3px 10px rgba(0,0,0,0.3);
}
}
#fw-section-custom-html-62c43d5b-84a7-47d3-9013-bffcb9aea25a {
--color-primary: #881f21;
--color-primary-rgb: 136, 31, 33;
--color-background: #f4edea;
--color-background-rgb: 244, 237, 234;
--color-on-primary: #f4edea;
--color-on-primary-rgb: 244, 237, 234;
--color-on-background: #2b2b2b;
--color-on-background-rgb: 43, 43, 43;
--color-product-image-background: #881f21;
--color-background-brightness: 239;
background-color: var(--color-background);
color: var(--color-on-background);
section {
padding-top: 0px !important;
padding-bottom: 28px !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
}
#fw-section-recent-videos-157fe303-3716-4858-aec7-90be0678cfdd {
--font-heading-scale: 1.29;
--font-body-scale: 1.16;
}
#fw-section-recent-videos-157fe303-3716-4858-aec7-90be0678cfdd {
--color-primary: #881f21;
--color-primary-rgb: 136, 31, 33;
--color-background: #f4edea;
--color-background-rgb: 244, 237, 234;
--color-on-primary: #f4edea;
--color-on-primary-rgb: 244, 237, 234;
--color-on-background: #2b2b2b;
--color-on-background-rgb: 43, 43, 43;
--color-product-image-background: #881f21;
--color-background-brightness: 239;
background-color: var(--color-background);
color: var(--color-on-background);
/* Reset all links so thumbnails don't get padding */
a {
background: transparent !important;
padding: 0 !important;
border-radius: 0 !important;
border: 0 !important;
}
/* Style ONLY the channel link (not /watch links) */
a[href*="youtube.com"]:not([href*="/watch"]) {
background-color: #881f21 !important;
color: #ffffff !important;
border-radius: 999px !important;
padding: 10px 18px !important;
font-weight: 500 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
text-decoration: none !important;
}
a[href*="youtube.com"]:not([href*="/watch"]):hover {
background-color: #ccab3b !important;
color: #000000 !important;
}
/* ✨ Optional polish (paste below) */
a[href*="youtube.com"]:not([href*="/watch"]) {
box-shadow: 0 10px 24px rgba(0,0,0,0.18) !important;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
transition: background-color 160ms ease,
color 160ms ease,
transform 160ms ease,
box-shadow 160ms ease !important;
}
a[href*="youtube.com"]:not([href*="/watch"]):hover {
transform: translateY(-1px);
}
/* Add YouTube icon inside Visit Channel button */
a[href*="youtube.com"]:not([href*="/watch"]) {
position: relative !important;
padding-left: 44px !important; /* makes room for icon */
}
/* YouTube icon */
a[href*="youtube.com"]:not([href*="/watch"])::before {
content: "";
position: absolute;
left: 14px;
width: 18px;
height: 18px;
background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.5 6.2a3 3 0 00-2.1-2.1C19.6 3.6 12 3.6 12 3.6s-7.6 0-9.4.5A3 3 0 00.5 6.2 31 31 0 000 12a31 31 0 00.5 5.8 3 3 0 002.1 2.1c1.8.5 9.4.5 9.4.5s7.6 0 9.4-.5a3 3 0 002.1-2.1A31 31 0 0024 12a31 31 0 00-.5-5.8zM9.6 15.5V8.5l6.4 3.5-6.4 3.5z'/%3E%3C/svg%3E") center / contain no-repeat;
}
a[href*="youtube.com"]:not([href*="/watch"]):hover::before {
filter: invert(1);
}
h2, h3 {
font-size: 36px !important;
letter-spacing: -0.04em !important;
line-height: 1.05 !important;
margin-bottom: 0 !important;
}
/* Make Visit Channel button size to content */
a[href*="youtube.com"]:not([href*="/watch"]) {
width: auto !important;
max-width: fit-content !important;
display: inline-flex !important;
align-self: flex-start !important;
}
}
#fw-section-custom-html-988df5d6-2074-4f31-81a4-468b7965d7dc {
--color-primary: #881f21;
--color-primary-rgb: 136, 31, 33;
--color-background: #f4edea;
--color-background-rgb: 244, 237, 234;
--color-on-primary: #f4edea;
--color-on-primary-rgb: 244, 237, 234;
--color-on-background: #2b2b2b;
--color-on-background-rgb: 43, 43, 43;
--color-product-image-background: #881f21;
--color-background-brightness: 239;
background-color: var(--color-background);
color: var(--color-on-background);
}
#fw-section-footer {
--font-heading-scale: 1.13;
--font-body-scale: 1.0;
}
#fw-section-header {
--color-primary: #881f21;
--color-primary-rgb: 136, 31, 33;
--color-background: #881f21;
--color-background-rgb: 136, 31, 33;
--color-on-primary: #f4edea;
--color-on-primary-rgb: 244, 237, 234;
--color-on-background: #f4edea;
--color-on-background-rgb: 244, 237, 234;
--color-product-image-background: #881f21;
--color-background-brightness: 63;
background-color: var(--color-background);
color: var(--color-on-background);
}
#fw-section-product-product-default {
--font-heading-scale: 1.15;
--font-body-scale: 1.15;
}
#fw-section-product-product-default {
/* PRODUCT PAGES: kill pill/blur + limited drop + red dot */
.fw-drop-label {
display: none !important;
}
/* PRODUCT PRICE: make it readable, not header font */
.product-info__price,
.product-info__price--original {
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
font-weight: 600 !important;
letter-spacing: 0 !important;
}
.product-info__price,
.product-info__price--original {
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
font-size: 1.6rem !important;
font-weight: 600 !important;
margin-top: 4px;
}
}
#fw-section-password {
--font-heading-scale: 0.7;
--font-body-scale: 0.7;
}