/** Shopify CDN: Minification failed

Line 1361:307 Unexpected "\\n"
Line 1361:327 Expected ":"
Line 1361:354 Expected ":"
Line 1361:380 Expected ":"
Line 1361:410 Expected ":"
Line 1361:447 Expected ":"
Line 1361:765 Unexpected "\\n"
Line 1361:1063 Unexpected "\\n"
Line 1361:1120 Expected ":"
Line 1361:1145 Expected ":"
... and 30 more hidden warnings

**/
/* ============================================================
   FUDILCCI Luxury System V7 — reference-match rebuild
   Clean rebuild: no accumulated V2/V3/V4/V5/V6 overrides.
   ============================================================ */
:root{
  --fudi-gold:#D8BC75;
  --fudi-gold-soft:#ead5a1;
  --fudi-cream:#EEE6DE;
  --fudi-cream-light:#f8f3ed;
  --fudi-espresso:#21140d;
  --fudi-espresso-2:#382317;
  --fudi-ink:#211812;
}

.template-index{background:var(--fudi-cream)}
.template-index #MainContent{overflow:hidden}

/* ========================= HEADER ========================= */
.template-index .section-header{position:absolute;top:0;left:0;right:0;width:100%;z-index:40}
.template-index .header-wrapper{
  background:linear-gradient(180deg,rgba(31,20,12,.55),rgba(31,20,12,.16))!important;
  border:0!important;
  backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);
  transition:background .4s ease,box-shadow .4s ease
}
.template-index .section-header.shopify-section-header-sticky .header-wrapper{background:rgba(39,25,16,.88)!important;box-shadow:0 10px 35px rgba(0,0,0,.12)}
.template-index .header__heading-link,.template-index .header__menu-item,.template-index .header__icon{color:#fff!important}
.template-index .header__menu-item span{position:relative}
.template-index .header__menu-item span:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:var(--fudi-gold);transition:right .3s ease}
.template-index .header__menu-item:hover span:after{right:0}
.template-index .header__icon{transition:transform .25s ease,filter .25s ease}
.template-index .header__icon:hover{transform:translateY(-2px) scale(1.05);filter:drop-shadow(0 0 7px rgba(216,188,117,.55))}

/* ========================= HERO ========================= */
.template-index .fudilcci-video-section{margin:0!important;padding:0!important}
.template-index .fudilcci-video-section .fudilcci-video-page-width{max-width:none!important;padding:0!important;margin:0!important}
.template-index .fudilcci-video-container,.template-index .fudilcci-external-video{height:min(88vh,920px)!important;min-height:620px;background:#5a432f!important}
.template-index .fudilcci-video-container:after,.template-index .fudilcci-external-video:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(25,16,10,.62) 0%,rgba(25,16,10,.34) 38%,rgba(25,16,10,.05) 70%),linear-gradient(0deg,rgba(22,13,7,.18),transparent 45%)}
.template-index .fudilcci-video-container video{animation:fudiCinematic 12s ease-in-out infinite alternate}
@keyframes fudiCinematic{from{transform:translate(-50%,-50%) scale(1.03)!important}to{transform:translate(-50%,-50%) scale(1.08)!important}}
.fudi-hero-copy{position:absolute;z-index:4;left:max(6vw,48px);top:50%;transform:translateY(-50%);max-width:620px;color:#fff;line-height:1.05}
.fudi-hero-kicker{font-size:1.25rem;letter-spacing:.32em;text-transform:uppercase;margin:0 0 20px;opacity:.94}
.fudi-hero-title{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;font-size:clamp(5rem,6vw,9rem);letter-spacing:-.025em;margin:0;color:#fff}
.fudi-hero-sub{font-size:1.7rem;letter-spacing:.02em;margin:24px 0 0;color:rgba(255,255,255,.94)}
.fudi-hero-copy>*{opacity:0;filter:blur(8px);transform:translateY(24px);animation:fudiReveal .9s ease forwards}
.fudi-hero-copy>*:nth-child(2){animation-delay:.15s}.fudi-hero-copy>*:nth-child(3){animation-delay:.3s}
@keyframes fudiReveal{to{opacity:1;filter:blur(0);transform:none}}
.template-index .fudilcci-video-button-wrapper{z-index:5!important;left:max(6vw,48px)!important;right:auto!important;bottom:13%!important;transform:none!important}
.template-index .fudilcci-video-button{background:linear-gradient(110deg,#f3dfb4,var(--fudi-gold),#f4e3bd)!important;color:#21160f!important;border:0!important;border-radius:999px!important;padding:16px 32px!important;min-width:190px!important;font-weight:600;letter-spacing:.05em;box-shadow:0 12px 35px rgba(0,0,0,.18);transition:transform .3s ease,box-shadow .3s ease!important}
.template-index .fudilcci-video-button:hover{transform:translateY(-3px) scale(1.025)!important;box-shadow:0 15px 40px rgba(216,188,117,.3)}

/* ========================= THE LINEUP — V9 FINAL REBUILD ========================= */
.template-index #MainContent > .shopify-section:has([id^="Series-"]){
  position:relative!important;margin:0!important;padding:0!important;background:#21130c!important;overflow:visible!important;
}
.template-index #MainContent > .shopify-section:has([id^="Series-"]) > .gradient{
  position:relative!important;isolation:isolate!important;overflow:hidden!important;margin:0!important;
  padding:0 0 330px!important;
  background:
    radial-gradient(120% 110% at -5% 8%,rgba(220,174,95,.22),transparent 48%),
    radial-gradient(95% 110% at 102% 70%,rgba(205,145,70,.24),transparent 54%),
    linear-gradient(112deg,#140b07 0%,#24140d 34%,#4b301c 72%,#26150d 100%)!important;
}
/* broad moving satin light — soft areas, never hard beams */
.template-index #MainContent > .shopify-section:has([id^="Series-"]) > .gradient:before{
  content:""!important;position:absolute!important;z-index:0!important;pointer-events:none!important;
  width:190%!important;height:190%!important;left:-48%!important;top:-48%!important;
  filter:blur(58px)!important;opacity:.88!important;mix-blend-mode:screen!important;
  background:
    radial-gradient(ellipse 38% 9% at 18% 26%,rgba(255,239,196,.70) 0%,rgba(224,174,84,.30) 30%,rgba(176,105,35,.08) 52%,transparent 70%),
    radial-gradient(ellipse 46% 10% at 66% 24%,rgba(255,247,221,.58) 0%,rgba(234,187,100,.25) 34%,transparent 70%),
    radial-gradient(ellipse 50% 11% at 48% 67%,rgba(255,225,158,.50) 0%,rgba(214,153,65,.22) 34%,transparent 72%),
    radial-gradient(ellipse 42% 10% at 88% 78%,rgba(255,241,204,.44) 0%,rgba(216,158,72,.18) 36%,transparent 72%)!important;
  transform:rotate(-10deg) scale(1.1);animation:fudiV9DarkSilk 18s ease-in-out infinite alternate!important;
}
.template-index #MainContent > .shopify-section:has([id^="Series-"]) > .gradient:after{
  content:""!important;position:absolute!important;z-index:1!important;pointer-events:none!important;inset:-20%!important;
  filter:blur(42px)!important;opacity:.55!important;mix-blend-mode:screen!important;
  background:
    radial-gradient(ellipse 36% 12% at 10% 78%,rgba(255,233,184,.32),transparent 70%),
    radial-gradient(ellipse 38% 12% at 82% 42%,rgba(255,244,216,.28),transparent 70%),
    radial-gradient(circle at 17% 33%,rgba(255,249,226,.75) 0 1.2px,transparent 2.2px),
    radial-gradient(circle at 38% 18%,rgba(255,229,167,.60) 0 1px,transparent 2px),
    radial-gradient(circle at 72% 71%,rgba(255,244,211,.65) 0 1px,transparent 2px)!important;
  animation:fudiV9DarkGlow 11s ease-in-out infinite alternate!important;
}
@keyframes fudiV9DarkSilk{0%{transform:translate3d(-5%,-2%,0) rotate(-11deg) scale(1.06);opacity:.62}50%{transform:translate3d(2%,4%,0) rotate(-5deg) scale(1.13);opacity:1}100%{transform:translate3d(8%,-1%,0) rotate(1deg) scale(1.09);opacity:.74}}
@keyframes fudiV9DarkGlow{from{transform:translate3d(-3%,2%,0);opacity:.38}to{transform:translate3d(5%,-3%,0);opacity:.72}}

/* make THE LINEUP materially wider and give it breathing room */
.template-index #MainContent > .shopify-section:has([id^="Series-"]) .collection-list-wrapper.page-width{
  position:relative!important;z-index:4!important;width:calc(100vw - 96px)!important;max-width:1640px!important;
  margin:0 auto!important;padding:0!important;overflow:visible!important;background:transparent!important;
}
.template-index [id^="Series-"]{--series-columns:4!important;--series-gap:22px!important;width:100%!important;max-width:none!important;padding:58px 0 0!important;color:#fff!important}
.template-index .series-heading{text-align:center!important;margin:0 0 42px!important}
.template-index .series-heading:before{content:'FUDILCCI'!important;display:block!important;margin:0 0 14px!important;color:#ead6a9!important;font-size:1.3rem!important;font-weight:500!important;letter-spacing:.30em!important}
.template-index .series-heading h2{display:flex!important;align-items:center!important;justify-content:center!important;gap:30px!important;margin:0!important;color:#fffaf2!important;font-family:Georgia,'Times New Roman',serif!important;font-size:clamp(5.8rem,5vw,7.8rem)!important;font-weight:400!important;line-height:1!important;letter-spacing:.16em!important;text-transform:uppercase!important;text-shadow:0 2px 18px rgba(0,0,0,.2)!important}
.template-index .series-heading h2:before,.template-index .series-heading h2:after{content:""!important;width:clamp(90px,9vw,150px)!important;height:1px!important;flex:0 0 auto!important;background:linear-gradient(90deg,transparent,rgba(232,204,145,.9),transparent)!important}
.template-index .series-track{gap:22px!important;padding:0 0 14px!important}
.template-index .series-item .card-wrapper{border-radius:12px!important;overflow:hidden!important;border:1px solid rgba(235,207,151,.18)!important;background:rgba(255,255,255,.028)!important;box-shadow:0 13px 32px rgba(0,0,0,.22)!important;transition:transform .4s ease,border-color .4s ease,box-shadow .4s ease!important}
.template-index .series-item:hover .card-wrapper{transform:translateY(-6px)!important;border-color:rgba(244,218,166,.5)!important;box-shadow:0 18px 42px rgba(0,0,0,.26),0 0 25px rgba(216,188,117,.15)!important}
.template-index .series-item .media img{transition:transform .55s ease!important}.template-index .series-item:hover .media img{transform:scale(1.045)!important}
.template-index .series-item .card__heading,.template-index .series-item .card__heading a{color:#fff!important}
.template-index .series-footer{margin:24px 0 0!important;padding:0!important}
.template-index .series-show-all{min-height:42px!important;padding:9px 20px!important;font-size:14px!important;color:#fff!important;border-color:rgba(216,188,117,.72)!important;background:rgba(255,255,255,.025)!important;backdrop-filter:blur(8px)}
.template-index .series-arrow{width:42px!important;height:42px!important;color:#fff!important;border-color:rgba(216,188,117,.65)!important;background:rgba(255,255,255,.035)!important;backdrop-filter:blur(9px)}
.template-index .series-count{font-size:13px!important;color:#fff!important}

/* ONE clean S: left LOW -> right HIGH, only two broad bends. No stroke = no cream horizontal scar. */
.fudi-s-divider{position:absolute!important;z-index:7!important;left:0!important;right:0!important;bottom:-2px!important;width:100%!important;height:310px!important;pointer-events:none!important;overflow:hidden!important}
.fudi-s-divider svg{display:block!important;width:100%!important;height:100%!important;overflow:hidden!important}
.fudi-s-divider__glow,.fudi-s-divider__edge{display:none!important}

/* ========================= CURATED — clean cream + floating satin light ========================= */
.template-index #MainContent > .shopify-section:has([id^="Series-"]) + .shopify-section{
  position:relative!important;z-index:2!important;margin:0!important;border:0!important;box-shadow:none!important;background:var(--fudi-cream)!important;overflow:hidden!important;
}
.template-index .featured-collection-section{position:relative!important;background:var(--fudi-cream)!important;isolation:isolate!important;border:0!important;box-shadow:none!important}
.template-index .featured-collection-section:before{
  content:"";position:absolute;z-index:0;pointer-events:none;width:180%;height:145%;left:-40%;top:-38%;
  filter:blur(58px);opacity:.82;mix-blend-mode:screen;
  background:
    radial-gradient(ellipse 38% 10% at 15% 24%,rgba(255,255,255,.98) 0%,rgba(242,211,150,.30) 36%,transparent 70%),
    radial-gradient(ellipse 44% 11% at 68% 34%,rgba(255,252,241,.92) 0%,rgba(216,188,117,.22) 38%,transparent 72%),
    radial-gradient(ellipse 42% 10% at 40% 78%,rgba(255,255,255,.86) 0%,rgba(228,194,130,.18) 38%,transparent 72%);
  transform:rotate(-8deg);animation:fudiV9CreamSilk 19s ease-in-out infinite alternate;
}
.template-index .featured-collection-section:after{
  content:"";position:absolute;z-index:0;pointer-events:none;inset:-12%;filter:blur(36px);opacity:.38;
  background:radial-gradient(ellipse 30% 12% at 90% 28%,rgba(255,255,255,.9),transparent 72%),radial-gradient(ellipse 28% 10% at 10% 72%,rgba(236,201,135,.26),transparent 72%);
  animation:fudiV9CreamGlow 13s ease-in-out infinite alternate;
}
.template-index .featured-collection-section>*{position:relative;z-index:2}
@keyframes fudiV9CreamSilk{from{transform:translate3d(-4%,1%,0) rotate(-9deg) scale(1.03)}to{transform:translate3d(6%,-3%,0) rotate(-3deg) scale(1.09)}}
@keyframes fudiV9CreamGlow{from{transform:translate3d(-2%,1%,0)}to{transform:translate3d(4%,-2%,0)}}
.template-index .featured-collection-section .collection{padding-top:54px!important;border:0!important;box-shadow:none!important}
.template-index .featured-collection-section .collection__title.page-width{width:min(94vw,1540px)!important;max-width:none!important;margin:0 auto!important;padding:34px 0 26px!important;text-align:center!important;border:0!important}
.template-index .featured-collection-section .collection__title .title{font-family:Georgia,'Times New Roman',serif!important;font-style:italic!important;font-weight:400!important;font-size:clamp(4.9rem,4.5vw,6.7rem)!important;line-height:1!important;color:#1d1713!important;margin:0 0 8px!important}
.template-index .featured-collection-section .collection__title .title:after{content:'Thoughtfully Selected for a More Comfortable Life';display:block;font-family:Arial,sans-serif;font-style:normal;font-size:1.45rem;font-weight:400;letter-spacing:.02em;color:#8d8177;margin-top:12px}
.template-index .featured-collection-section .collection > .page-width,.template-index .featured-collection-section .collection > .scroll-trigger.page-width{width:min(94vw,1540px)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important;border:0!important}
.template-index .featured-collection-section .fudilcci-product-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;column-gap:14px!important;row-gap:30px!important}
.template-index .featured-collection-section .fudilcci-product-grid .card__information{padding-top:10px!important}.template-index .fudilcci-product-grid .card-wrapper{transition:transform .35s ease,filter .35s ease}.template-index .fudilcci-product-grid .card-wrapper:hover{transform:translateY(-5px);filter:drop-shadow(0 12px 20px rgba(72,50,32,.12))}.template-index .fudilcci-product-grid .media img{transition:transform .5s ease}.template-index .fudilcci-product-grid .card-wrapper:hover .media img{transform:scale(1.04)}

/* ========================= TRUST + CREAM FOOTER ========================= */
.fudi-trust{background:#f5efe8!important;border-top:1px solid rgba(151,105,51,.12)!important;border-bottom:1px solid rgba(151,105,51,.10)!important;padding:34px 5vw}
.fudi-trust__grid{max-width:1500px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.fudi-trust__item{display:flex;align-items:center;gap:14px}.fudi-trust__icon{width:42px;height:42px;border:1px solid rgba(177,130,70,.45);border-radius:50%;display:grid;place-items:center;color:#a8793f;font-size:19px}.fudi-trust__title{font-size:1.45rem;font-weight:600;color:#241b15}.fudi-trust__text{font-size:1.2rem;color:#84776d;margin-top:3px}
.footer,.template-index .footer,body:not(.template-index) .footer{background:radial-gradient(700px 220px at 15% 0%,rgba(216,188,117,.13),transparent 62%),radial-gradient(650px 240px at 88% 20%,rgba(255,255,255,.72),transparent 66%),linear-gradient(180deg,#f7f1ea 0%,#eee6de 100%)!important;color:#33251d!important;border-top:1px solid rgba(151,105,51,.16)!important}
.footer *,body:not(.template-index) .footer *,.template-index .footer *{--color-foreground:51,37,29!important}.footer .footer-block__heading,.footer h2,.footer h3{color:#2b1c14!important;font-family:Georgia,'Times New Roman',serif;font-weight:400}.footer a,.footer p,.footer li,.footer small,.footer .copyright__content{color:#6f6259!important}.footer a:hover{color:#9c6d34!important}.footer__content-bottom{border-top:1px solid rgba(151,105,51,.14)!important}

/* ========================= SECONDARY PAGES ========================= */
body:not(.template-index){background:var(--fudi-cream);color:var(--fudi-ink)}
body:not(.template-index) #MainContent{background:radial-gradient(900px 460px at 8% 0%,rgba(216,188,117,.13),transparent 60%),radial-gradient(760px 420px at 94% 16%,rgba(255,255,255,.70),transparent 64%),var(--fudi-cream)}
body:not(.template-index) .header-wrapper{background:rgba(35,23,15,.94)!important;border-bottom:1px solid rgba(216,188,117,.20)!important;box-shadow:0 8px 28px rgba(45,29,18,.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
body:not(.template-index) .header__heading-link,body:not(.template-index) .header__menu-item,body:not(.template-index) .header__icon{color:#fff!important}
body:not(.template-index) h1,body:not(.template-index) h2,body:not(.template-index) .title,body:not(.template-index) .collection-hero__title,body:not(.template-index) .product__title h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#24170f}
body:not(.template-index) .collection-hero{background:linear-gradient(125deg,#20140d 0%,#49311f 58%,#24160e 100%)!important;color:#fff}
body:not(.template-index) .collection-hero__title,body:not(.template-index) .collection-hero__description{color:#fff!important}
body:not(.template-index) .card-wrapper{transition:transform .35s ease,filter .35s ease}body:not(.template-index) .card-wrapper:hover{transform:translateY(-5px);filter:drop-shadow(0 14px 24px rgba(70,45,27,.12))}
body:not(.template-index) .button:not(.button--tertiary),body:not(.template-index) .shopify-payment-button__button{border-radius:999px!important}
body:not(.template-index) .button:not(.button--secondary):not(.button--tertiary){background:linear-gradient(110deg,#e9d09a,var(--fudi-gold),#efd9a8)!important;color:#21160f!important}

/* ========================= REVEAL ========================= */
.fudi-reveal{opacity:0;transform:translateY(24px);filter:blur(4px);transition:opacity .8s ease,transform .8s ease,filter .8s ease}.fudi-reveal.is-visible{opacity:1;transform:none;filter:none}

/* ========================= RESPONSIVE ========================= */
@media(max-width:989px){
  .template-index #MainContent > .shopify-section:has([id^="Series-"]) .collection-list-wrapper.page-width{width:calc(100vw - 48px)!important;max-width:1640px!important}
  .template-index [id^="Series-"]{--series-columns:2.4!important}
  .template-index .featured-collection-section .fudilcci-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:749px){
  .template-index .fudilcci-video-container,.template-index .fudilcci-external-video{height:78vh!important;min-height:560px}.fudi-hero-copy{left:24px;right:24px;top:44%;max-width:none}.fudi-hero-title{font-size:clamp(4.4rem,14vw,6.2rem)}.fudi-hero-kicker{font-size:1rem}.fudi-hero-sub{font-size:1.4rem}.template-index .fudilcci-video-button-wrapper{left:24px!important;bottom:11%!important}
  .template-index #MainContent > .shopify-section:has([id^="Series-"]) > .gradient{padding-bottom:92px!important}
  .template-index #MainContent > .shopify-section:has([id^="Series-"]) .collection-list-wrapper.page-width{width:calc(100% - 28px)!important}
  .template-index [id^="Series-"]{--series-columns:1.25!important;--series-gap:12px!important;padding:34px 0 4px!important}
  .template-index .series-heading{margin-bottom:24px!important}.template-index .series-heading h2{font-size:3.8rem!important;letter-spacing:.10em!important;gap:10px!important}.template-index .series-heading h2:before,.template-index .series-heading h2:after{width:28px!important}
  .fudi-s-divider{height:180px!important}.fudi-s-divider svg{width:118%!important;margin-left:-9%!important}
  .template-index .featured-collection-section .collection__title.page-width{width:calc(100% - 28px)!important;padding-top:22px!important}.template-index .featured-collection-section .collection__title .title{font-size:4.1rem!important}
  .template-index .featured-collection-section .collection > .page-width,.template-index .featured-collection-section .collection > .scroll-trigger.page-width{width:calc(100% - 28px)!important}
  .template-index .featured-collection-section .fudilcci-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .fudi-trust__grid{grid-template-columns:1fr 1fr;gap:24px 12px}.fudi-trust{padding:28px 20px}.fudi-trust__item{align-items:flex-start}.fudi-trust__icon{width:36px;height:36px;flex:0 0 36px}
}
@media(prefers-reduced-motion:reduce){
  .template-index .fudilcci-video-container video,
  .template-index #MainContent > .shopify-section:has([id^="Series-"]) > .gradient:before,
  .template-index #MainContent > .shopify-section:has([id^="Series-"]) > .gradient:after,
  .template-index .featured-collection-section:before,
  .template-index .featured-collection-section:after{animation:none!important}
  .fudi-reveal{opacity:1;transform:none;filter:none;transition:none}
}

/* ============================================================
   V10 — reference glow restoration
   Product halos + moving shimmer ribbons + luminous S divider
   ============================================================ */

/* Make the dark silk react visually like the reference: broad moving light plus fine glints. */
.template-index #MainContent > .shopify-section:has([id^="Series-"]) > .gradient{
  --fudi-mx:50%;--fudi-my:45%;
}
.template-index #MainContent > .shopify-section:has([id^="Series-"]) > .gradient{
  background:
    radial-gradient(560px 300px at var(--fudi-mx) var(--fudi-my),rgba(244,216,158,.12),transparent 68%),
    radial-gradient(120% 110% at -5% 8%,rgba(220,174,95,.22),transparent 48%),
    radial-gradient(95% 110% at 102% 70%,rgba(205,145,70,.24),transparent 54%),
    linear-gradient(112deg,#140b07 0%,#24140d 34%,#4b301c 72%,#26150d 100%)!important;
}

/* Fine travelling highlights layered over the original satin animation. */
.template-index [id^="Series-"]{position:relative!important;isolation:isolate!important}
.template-index [id^="Series-"]::before{
  content:"";position:absolute;z-index:-1;pointer-events:none;inset:-80px -12vw -210px;
  opacity:.62;mix-blend-mode:screen;filter:blur(8px);
  background:
    linear-gradient(116deg,transparent 8%,rgba(255,240,202,.04) 20%,rgba(255,239,195,.38) 25%,rgba(216,164,76,.08) 30%,transparent 39%),
    linear-gradient(158deg,transparent 33%,rgba(255,248,224,.30) 40%,rgba(214,155,65,.08) 45%,transparent 52%),
    linear-gradient(102deg,transparent 58%,rgba(255,232,178,.24) 64%,transparent 70%);
  background-size:170% 170%,190% 190%,160% 160%;
  animation:fudiV10LightSweep 9.5s ease-in-out infinite alternate;
}
@keyframes fudiV10LightSweep{
  0%{background-position:-38% 12%,120% 35%,-30% 75%;opacity:.34}
  48%{background-position:45% 44%,42% 56%,58% 42%;opacity:.78}
  100%{background-position:138% 74%,-35% 72%,132% 18%;opacity:.46}
}

/* The Lineup: a real halo that blooms around the hovered tile, not just a drop shadow. */
.template-index .series-item{position:relative!important;isolation:isolate!important}
.template-index .series-item::before{
  content:"";position:absolute;z-index:-1;pointer-events:none;inset:-13px;
  border-radius:18px;opacity:0;transform:scale(.94);
  background:radial-gradient(ellipse at 50% 52%,rgba(255,244,213,.48) 0%,rgba(225,177,91,.28) 30%,rgba(216,188,117,.10) 52%,transparent 73%);
  filter:blur(15px);transition:opacity .28s ease,transform .4s ease;
}
.template-index .series-item:hover::before{opacity:1;transform:scale(1.04);animation:fudiV10HaloPulse 1.8s ease-in-out infinite alternate}
.template-index .series-item:hover .card-wrapper{
  border-color:rgba(255,230,177,.78)!important;
  box-shadow:0 20px 44px rgba(0,0,0,.30),0 0 16px rgba(255,229,171,.42),0 0 38px rgba(216,188,117,.24)!important;
}
@keyframes fudiV10HaloPulse{from{filter:blur(13px);opacity:.58}to{filter:blur(19px);opacity:1}}

/* Curated products: warm cream halo on hover, matching the lower reference section. */
.template-index .featured-collection-section .fudilcci-product-grid > li{position:relative!important;isolation:isolate!important}
.template-index .featured-collection-section .fudilcci-product-grid > li::before{
  content:"";position:absolute;z-index:-1;pointer-events:none;inset:-10px;border-radius:14px;
  opacity:0;transform:scale(.95);filter:blur(13px);
  background:radial-gradient(ellipse at center,rgba(255,255,255,.96) 0%,rgba(241,213,158,.48) 34%,rgba(216,188,117,.14) 58%,transparent 76%);
  transition:opacity .28s ease,transform .38s ease;
}
.template-index .featured-collection-section .fudilcci-product-grid > li:hover::before{opacity:1;transform:scale(1.035);animation:fudiV10CreamHalo 1.9s ease-in-out infinite alternate}
.template-index .featured-collection-section .fudilcci-product-grid > li:hover .card-wrapper{
  filter:drop-shadow(0 13px 22px rgba(95,62,31,.14)) drop-shadow(0 0 12px rgba(216,188,117,.26))!important;
}
@keyframes fudiV10CreamHalo{from{opacity:.55;filter:blur(11px)}to{opacity:.96;filter:blur(17px)}}

/* Restore the luminous S separator edge while keeping the cream fill seamless. */
.fudi-s-divider__glow{display:block!important;opacity:.72!important;filter:blur(7px);animation:fudiV10DividerGlow 4.8s ease-in-out infinite alternate}
.fudi-s-divider__edge{display:block!important;opacity:.42!important}
@keyframes fudiV10DividerGlow{from{opacity:.28;transform:translateX(-1.5%)}to{opacity:.86;transform:translateX(1.5%)}}

/* A subtle moving satin shimmer in Curated as in the reference. */
.template-index .featured-collection-section .collection::before{
  content:"";position:absolute;z-index:0;pointer-events:none;inset:0 -20%;
  opacity:.42;filter:blur(18px);mix-blend-mode:screen;
  background:linear-gradient(112deg,transparent 18%,rgba(255,255,255,.68) 29%,rgba(238,203,139,.13) 36%,transparent 46%,rgba(255,255,255,.42) 63%,transparent 72%);
  background-size:180% 100%;animation:fudiV10CreamSweep 12s ease-in-out infinite alternate;
}
.template-index .featured-collection-section .collection>*{position:relative;z-index:2}
@keyframes fudiV10CreamSweep{from{background-position:-45% 0}to{background-position:145% 0}}

@media(max-width:749px){
  .template-index .series-item::before,.template-index .featured-collection-section .fudilcci-product-grid > li::before{inset:-6px;filter:blur(10px)}
}
@media(prefers-reduced-motion:reduce){
  .template-index [id^="Series-"]::before,.template-index .series-item:hover::before,
  .template-index .featured-collection-section .fudilcci-product-grid > li:hover::before,
  .fudi-s-divider__glow,.template-index .featured-collection-section .collection::before{animation:none!important}
}


/* ============================================================
   V11 — seamless transition / cleaner S / stronger light / unclipped hover
   ============================================================ */
/* Give the category cards vertical breathing room so the halo and lift are never cropped. */
.template-index [id^="Series-"] .series-track{
  padding-top:28px!important;
  margin-top:-28px!important;
  padding-bottom:34px!important;
  margin-bottom:-20px!important;
}
.template-index .series-item{padding-top:2px!important}
.template-index .series-item:hover .card-wrapper{transform:translateY(-4px)!important}
.template-index .series-item::before{inset:-10px -12px -14px!important}

/* Dark section: brighter, wider silk ribbons that remain soft rather than becoming hard stripes. */
.template-index #MainContent > .shopify-section:has([id^="Series-"]) > .gradient:before{
  opacity:1!important;filter:blur(42px)!important;
  background:
    radial-gradient(ellipse 46% 8% at 12% 20%,rgba(255,248,220,.92) 0%,rgba(238,193,112,.52) 28%,rgba(195,125,45,.16) 50%,transparent 70%),
    radial-gradient(ellipse 52% 9% at 68% 25%,rgba(255,250,229,.82) 0%,rgba(236,190,103,.44) 30%,rgba(181,111,39,.12) 52%,transparent 72%),
    radial-gradient(ellipse 54% 9% at 43% 67%,rgba(255,238,190,.78) 0%,rgba(225,169,80,.38) 31%,transparent 70%),
    radial-gradient(ellipse 46% 8% at 91% 78%,rgba(255,247,217,.70) 0%,rgba(225,166,78,.32) 32%,transparent 72%)!important;
}
.template-index [id^="Series-"]::before{opacity:.88!important;filter:blur(6px)!important}

/* One clean S only: no extra visible outline competing with the shape. */
.fudi-s-divider{height:285px!important;bottom:-1px!important}
.fudi-s-divider__edge{display:none!important}
.fudi-s-divider__glow{opacity:.58!important;filter:blur(9px)!important}

/* Remove the visible horizontal join: the cream begins as a soft tonal blend, not a flat band. */
.template-index #MainContent > .shopify-section:has([id^="Series-"]) + .shopify-section,
.template-index .featured-collection-section{
  background:linear-gradient(180deg,#eee6de 0%,#f2ebe4 18%,#f7f1eb 48%,#f8f3ed 100%)!important;
}
.template-index .featured-collection-section:before{
  width:205%!important;height:175%!important;left:-52%!important;top:-50%!important;
  opacity:1!important;filter:blur(40px)!important;
  background:
    radial-gradient(ellipse 44% 8% at 13% 20%,rgba(255,255,255,1) 0%,rgba(245,216,160,.48) 30%,rgba(216,188,117,.12) 52%,transparent 70%),
    radial-gradient(ellipse 48% 9% at 67% 31%,rgba(255,255,255,.98) 0%,rgba(239,205,142,.42) 31%,transparent 71%),
    radial-gradient(ellipse 46% 8% at 40% 73%,rgba(255,255,255,.96) 0%,rgba(232,195,126,.34) 31%,transparent 70%),
    radial-gradient(ellipse 40% 8% at 90% 65%,rgba(255,255,255,.90) 0%,rgba(224,184,112,.28) 32%,transparent 72%)!important;
}
.template-index .featured-collection-section:after{opacity:.68!important;filter:blur(28px)!important}
.template-index .featured-collection-section .collection::before{
  opacity:.72!important;filter:blur(13px)!important;
  background:linear-gradient(112deg,transparent 12%,rgba(255,255,255,.92) 25%,rgba(231,191,118,.26) 34%,transparent 45%,rgba(255,255,255,.72) 60%,rgba(225,181,104,.18) 66%,transparent 76%)!important;
}

@media(max-width:749px){
  .fudi-s-divider{height:155px!important}
  .template-index [id^="Series-"] .series-track{padding-top:20px!important;margin-top:-20px!important;padding-bottom:26px!important}
}


/* ============================================================
   V12 — refined category/product junction
   Shallow single-S transition, no horizontal seam/shadow band
   ============================================================ */
/* Keep the transition compact: the cream follows the curve immediately. */
.fudi-s-divider{
  height:180px!important;
  bottom:-1px!important;
  overflow:hidden!important;
}
.fudi-s-divider svg{height:180px!important}
/* No outline or blurred stroke on the divider itself: these were reading as a dirty edge. */
.fudi-s-divider__edge,.fudi-s-divider__glow{display:none!important}

/* Kill every possible straight join between the two Shopify sections. */
.template-index #MainContent > .shopify-section:has([id^="Series-"]) + .shopify-section,
.template-index .featured-collection-section,
.template-index .featured-collection-section .collection{
  border-top:0!important;
  outline:0!important;
  box-shadow:none!important;
}
/* Start the cream section with one continuous tone. The moving light is oversized so its
   rectangular pseudo-element edge can never become visible near the S transition. */
.template-index #MainContent > .shopify-section:has([id^="Series-"]) + .shopify-section,
.template-index .featured-collection-section{
  background:linear-gradient(180deg,#EEE6DE 0%,#F1EAE3 28%,#F6F0EA 62%,#F8F3ED 100%)!important;
}
.template-index .featured-collection-section:before{
  width:240%!important;
  height:270%!important;
  left:-70%!important;
  top:-105%!important;
  filter:blur(64px)!important;
  opacity:.94!important;
  background:
    radial-gradient(ellipse 34% 8% at 18% 36%,rgba(255,255,255,.98) 0%,rgba(245,218,166,.42) 30%,transparent 70%),
    radial-gradient(ellipse 38% 9% at 60% 42%,rgba(255,255,255,.92) 0%,rgba(236,199,130,.32) 31%,transparent 72%),
    radial-gradient(ellipse 32% 8% at 84% 58%,rgba(255,255,255,.86) 0%,rgba(225,185,112,.24) 32%,transparent 72%)!important;
}
.template-index .featured-collection-section:after{
  inset:-65%!important;
  opacity:.50!important;
  filter:blur(52px)!important;
}
.template-index .featured-collection-section .collection::before{
  inset:-35% -35%!important;
  opacity:.58!important;
  filter:blur(28px)!important;
  background:linear-gradient(112deg,transparent 8%,rgba(255,255,255,.72) 24%,rgba(231,191,118,.18) 34%,transparent 48%,rgba(255,255,255,.58) 62%,rgba(225,181,104,.12) 69%,transparent 82%)!important;
}
/* The dark section needs only enough bottom room for the new shallow S. */
.template-index #MainContent > .shopify-section:has([id^="Series-"]) > .gradient{
  padding-bottom:205px!important;
}
@media(max-width:749px){
  .fudi-s-divider,.fudi-s-divider svg{height:105px!important}
  .template-index #MainContent > .shopify-section:has([id^="Series-"]) > .gradient{padding-bottom:125px!important}
}


/* ============================================================
   V14 — reference S curve + Curated paw ornament (verified CSS)
   ============================================================ */
.fudi-s-divider{height:112px!important;bottom:-1px!important;overflow:hidden!important;line-height:0!important}
.fudi-s-divider svg{display:block!important;width:100%!important;height:112px!important;overflow:hidden!important}
.fudi-s-divider__edge{display:none!important}
.fudi-s-divider__glow{display:block!important;opacity:.22!important;filter:blur(5px)!important}
.template-index #MainContent > .shopify-section:has([id^="Series-"]) > .gradient{padding-bottom:130px!important}
.template-index #MainContent > .shopify-section:has([id^="Series-"]) + .shopify-section{margin-top:-2px!important}
.template-index .featured-collection-section .collection{padding-top:0!important}
.template-index .featured-collection-section .collection__title.page-width{padding-top:14px!important;padding-bottom:22px!important}
.fudi-curated-ornament{display:flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;width:min(360px,72vw)!important;margin:12px auto 0!important;color:#D8BC75!important;opacity:.95!important}
.fudi-curated-ornament__line{display:block!important;width:105px!important;height:1px!important;background:linear-gradient(90deg,transparent,rgba(216,188,117,.92))!important}
.fudi-curated-ornament__line:last-child{background:linear-gradient(90deg,rgba(216,188,117,.92),transparent)!important}
.fudi-curated-ornament__paw{display:block!important;width:23px!important;height:20px!important;flex:0 0 auto!important;fill:currentColor!important}
@media(max-width:749px){
  .fudi-s-divider,.fudi-s-divider svg{height:72px!important}
  .template-index #MainContent > .shopify-section:has([id^="Series-"]) > .gradient{padding-bottom:84px!important}
  .template-index .featured-collection-section .collection__title.page-width{padding-top:10px!important}
  .fudi-curated-ornament{gap:10px!important;width:min(270px,80vw)!important;margin-top:10px!important}
  .fudi-curated-ornament__line{width:72px!important}
  .fudi-curated-ornament__paw{width:20px!important;height:18px!important}
}


/* ============================================================
   V15 — exact compact reference junction: one clean S, zero dead space,
   and a guaranteed Curated paw ornament.
   ============================================================ */
.template-index #MainContent > .shopify-section:has([id^="Series-"]) > .gradient{
  padding-bottom:82px!important;
  overflow:visible!important;
}
.fudi-s-divider{
  position:absolute!important;
  left:0!important;right:0!important;bottom:-1px!important;
  width:100%!important;height:100px!important;
  overflow:hidden!important;pointer-events:none!important;z-index:8!important;
}
.fudi-s-divider svg{
  display:block!important;width:100%!important;height:100px!important;
  margin:0!important;overflow:hidden!important;
}
.fudi-s-divider__cream{display:block!important}
.fudi-s-divider__glow,.fudi-s-divider__edge{display:none!important}

/* The cream section starts immediately under the SVG fill — no spacer, seam or shadow band. */
.template-index #MainContent > .shopify-section:has([id^="Series-"]) + .shopify-section,
.template-index .featured-collection-section,
.template-index .featured-collection-section .collection{
  margin-top:0!important;border-top:0!important;box-shadow:none!important;outline:0!important;
  background:#F5EFE8!important;
}
.template-index .featured-collection-section .collection{
  padding-top:0!important;
}
.template-index .featured-collection-section .collection__title.page-width{
  padding-top:6px!important;
  padding-bottom:18px!important;
  margin-top:0!important;
}
/* Keep silk light visible without any rectangular edge. */
.template-index .featured-collection-section:before{
  top:-55%!important;height:220%!important;opacity:.92!important;filter:blur(58px)!important;
}
.template-index .featured-collection-section:after{
  inset:-75%!important;opacity:.55!important;filter:blur(58px)!important;
}

/* Curated ornament: fine champagne rules + vector paw. */
.fudi-curated-ornament{
  display:flex!important;visibility:visible!important;opacity:1!important;
  align-items:center!important;justify-content:center!important;
  gap:13px!important;width:min(330px,72vw)!important;
  height:22px!important;margin:10px auto 0!important;
  color:#D8BC75!important;position:relative!important;z-index:5!important;
}
.fudi-curated-ornament__line{
  display:block!important;flex:1 1 0!important;max-width:108px!important;
  height:1px!important;background:rgba(216,188,117,.72)!important;
}
.fudi-curated-ornament__paw{
  display:block!important;visibility:visible!important;opacity:1!important;
  width:20px!important;height:18px!important;flex:0 0 20px!important;
  fill:#D8BC75!important;color:#D8BC75!important;
}
@media(max-width:749px){
  .template-index #MainContent > .shopify-section:has([id^="Series-"]) > .gradient{padding-bottom:62px!important}
  .fudi-s-divider,.fudi-s-divider svg{height:76px!important}
  .template-index .featured-collection-section .collection__title.page-width{padding-top:4px!important;padding-bottom:14px!important}
  .fudi-curated-ornament{width:min(250px,78vw)!important;gap:10px!important;margin-top:8px!important}
  .fudi-curated-ornament__line{max-width:78px!important}
  .fudi-curated-ornament__paw{width:18px!important;height:16px!important;flex-basis:18px!important}
}


/* ============================================================
   V16 — compact reference S junction + perfectly symmetric paw rules
   ============================================================ */
.template-index #MainContent > .shopify-section:has([id^="Series-"]) > .gradient{
  padding-bottom:54px!important;
}
.fudi-s-divider,
.fudi-s-divider svg{
  height:76px!important;
}
.template-index .featured-collection-section .collection__title.page-width{
  padding-top:0!important;
  padding-bottom:12px!important;
  margin-top:-2px!important;
}
.fudi-curated-ornament{
  display:grid!important;
  grid-template-columns:110px 22px 110px!important;
  column-gap:16px!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  max-width:calc(100vw - 40px)!important;
  height:22px!important;
  margin:8px auto 0!important;
}
.fudi-curated-ornament__line{
  display:block!important;
  width:110px!important;
  max-width:none!important;
  height:1px!important;
  background:#D8BC75!important;
  opacity:.78!important;
  transform:none!important;
}
.fudi-curated-ornament__paw{
  width:22px!important;
  height:19px!important;
  flex:none!important;
  justify-self:center!important;
}
@media(max-width:749px){
  .template-index #MainContent > .shopify-section:has([id^="Series-"]) > .gradient{
    padding-bottom:40px!important;
  }
  .fudi-s-divider,.fudi-s-divider svg{height:58px!important}
  .template-index .featured-collection-section .collection__title.page-width{
    padding-top:0!important;padding-bottom:10px!important;margin-top:-1px!important;
  }
  .fudi-curated-ornament{
    grid-template-columns:72px 19px 72px!important;
    column-gap:11px!important;
    width:max-content!important;
    margin-top:7px!important;
  }
  .fudi-curated-ornament__line{width:72px!important}
  .fudi-curated-ornament__paw{width:19px!important;height:17px!important}
}


/* ============================================================
   V17 — reference-style S, cream junction, identical paw rules
   ============================================================ */
/* Keep only a small breathing space under the category controls. The S itself
   supplies the cream transition, so there is no brown/empty spacer band. */
.template-index #MainContent > .shopify-section:has([id^="Series-"]) > .gradient{
  padding-bottom:20px!important;
}
.fudi-s-divider{
  height:92px!important;
  bottom:-1px!important;
  background:transparent!important;
  overflow:hidden!important;
}
.fudi-s-divider svg{
  display:block!important;
  width:100%!important;
  height:92px!important;
  margin:0!important;
}
.fudi-s-divider__cream{
  fill:#F5EFE8!important;
}
.fudi-s-divider__edge,.fudi-s-divider__glow{display:none!important}

/* The Curated section starts with exactly the same cream as the S fill. */
.template-index .featured-collection-section,
.template-index .featured-collection-section .gradient,
.template-index .featured-collection-section .collection{
  background-color:#F5EFE8!important;
}
.template-index .featured-collection-section .collection__title.page-width{
  padding-top:4px!important;
  margin-top:0!important;
  padding-bottom:10px!important;
}

/* Paw ornament: both rules are deliberately the exact same solid rule.
   Explicitly override the older :last-child gradient rule too. */
.fudi-curated-ornament{
  display:grid!important;
  grid-template-columns:110px 22px 110px!important;
  column-gap:16px!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  max-width:calc(100vw - 40px)!important;
  margin:8px auto 0!important;
}
.fudi-curated-ornament__line,
.fudi-curated-ornament__line:first-child,
.fudi-curated-ornament__line:last-child{
  display:block!important;
  width:110px!important;
  max-width:none!important;
  height:1px!important;
  min-height:1px!important;
  border:0!important;
  background:#D8BC75!important;
  background-image:none!important;
  opacity:.82!important;
  transform:none!important;
  box-shadow:none!important;
}
.fudi-curated-ornament__paw{
  width:22px!important;height:19px!important;
  fill:#D8BC75!important;color:#D8BC75!important;
  justify-self:center!important;
}
@media(max-width:749px){
  .template-index #MainContent > .shopify-section:has([id^="Series-"]) > .gradient{padding-bottom:14px!important}
  .fudi-s-divider,.fudi-s-divider svg{height:62px!important}
  .template-index .featured-collection-section .collection__title.page-width{padding-top:2px!important;padding-bottom:8px!important}
  .fudi-curated-ornament{grid-template-columns:72px 19px 72px!important;column-gap:11px!important;margin-top:7px!important}
  .fudi-curated-ornament__line,
  .fudi-curated-ornament__line:first-child,
  .fudi-curated-ornament__line:last-child{width:72px!important;background:#D8BC75!important;background-image:none!important}
  .fudi-curated-ornament__paw{width:19px!important;height:17px!important}
}

/* ============================================================
   V18 — restore visible satin light in the cream Curated area.
   Keep V17 S curve, spacing and paw ornament unchanged.
   ============================================================ */
.template-index .featured-collection-section .collection{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:#F5EFE8!important;
}
.template-index .featured-collection-section .collection::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:0!important;
  pointer-events:none!important;
  left:-24%!important;
  top:-20%!important;
  width:150%!important;
  height:145%!important;
  opacity:.92!important;
  filter:blur(34px)!important;
  mix-blend-mode:screen!important;
  background:
    radial-gradient(ellipse 34% 8% at 10% 22%, rgba(255,255,255,.98) 0%, rgba(246,224,177,.58) 31%, rgba(216,188,117,.20) 48%, transparent 70%),
    radial-gradient(ellipse 40% 9% at 58% 38%, rgba(255,255,255,.94) 0%, rgba(242,215,158,.52) 30%, rgba(216,188,117,.18) 50%, transparent 72%),
    radial-gradient(ellipse 36% 8% at 88% 67%, rgba(255,255,255,.96) 0%, rgba(244,220,171,.50) 31%, rgba(216,188,117,.16) 50%, transparent 72%)!important;
  transform:rotate(-7deg) translate3d(-3%,1%,0)!important;
  animation:fudiV18CreamSilk 13s ease-in-out infinite alternate!important;
}
.template-index .featured-collection-section .collection::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:0!important;
  pointer-events:none!important;
  inset:-18%!important;
  opacity:.72!important;
  filter:blur(42px)!important;
  mix-blend-mode:screen!important;
  background:
    linear-gradient(112deg, transparent 13%, rgba(255,255,255,.60) 29%, rgba(216,188,117,.18) 37%, transparent 48%),
    linear-gradient(105deg, transparent 51%, rgba(255,250,236,.66) 64%, rgba(216,188,117,.14) 71%, transparent 82%)!important;
  background-size:145% 100%!important;
  animation:fudiV18CreamSweep 10s ease-in-out infinite alternate!important;
}
.template-index .featured-collection-section .collection > *{
  position:relative!important;
  z-index:2!important;
}
@keyframes fudiV18CreamSilk{
  0%{transform:rotate(-8deg) translate3d(-5%,2%,0) scale(1.02);opacity:.72}
  55%{transform:rotate(-4deg) translate3d(2%,-2%,0) scale(1.07);opacity:1}
  100%{transform:rotate(-1deg) translate3d(7%,1%,0) scale(1.04);opacity:.82}
}
@keyframes fudiV18CreamSweep{
  from{transform:translate3d(-5%,1%,0);background-position:-20% 0}
  to{transform:translate3d(5%,-2%,0);background-position:120% 0}
}
@media (prefers-reduced-motion:reduce){
  .template-index .featured-collection-section .collection::before,
  .template-index .featured-collection-section .collection::after{animation:none!important}
}

/* ============================================================
   V19 — restore Lineup breathing room + one continuous cream base
   + transparent satin light across the WHOLE Curated section.
   ============================================================ */

/* 1) The Lineup must have enough room below its controls.
   The S divider lives inside this reserved area, so Show All / arrows stay visible. */
.template-index #MainContent > .shopify-section:has([id^="Series-"]) > .gradient{
  padding-bottom:96px!important;
}
.template-index .series-footer{
  position:relative!important;
  z-index:12!important;
  margin-top:26px!important;
  padding-bottom:0!important;
}
.template-index .series-show-all,
.template-index .series-arrow,
.template-index .series-count{
  position:relative!important;
  z-index:13!important;
}

/* 2) The S is only a shape. Its fill is the exact same SOLID cream as Curated. */
.fudi-s-divider{
  height:92px!important;
  bottom:-1px!important;
  background:transparent!important;
  overflow:hidden!important;
}
.fudi-s-divider svg{
  display:block!important;
  width:100%!important;
  height:92px!important;
  margin:0!important;
}
.fudi-s-divider__cream{fill:#F5EFE8!important}

/* 3) One flat cream base from the first pixel below the S through the whole product area. */
.template-index #MainContent > .shopify-section:has([id^="Series-"]) + .shopify-section,
.template-index .featured-collection-section,
.template-index .featured-collection-section .gradient,
.template-index .featured-collection-section .collection{
  background:#F5EFE8!important;
  background-color:#F5EFE8!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}

/* 4) Remove the V18 light layers from .collection itself: that created a visual start/end seam. */
.template-index .featured-collection-section .collection::before,
.template-index .featured-collection-section .collection::after{
  content:none!important;
  display:none!important;
}

/* 5) Put the light on the WHOLE Curated section as transparent overlays.
   The cream underneath never changes, so the top breathing area and product area always match. */
.template-index .featured-collection-section{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
}
.template-index .featured-collection-section::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:0!important;
  pointer-events:none!important;
  left:-22%!important;
  top:-18%!important;
  width:150%!important;
  height:145%!important;
  opacity:.78!important;
  filter:blur(42px)!important;
  mix-blend-mode:screen!important;
  background:
    radial-gradient(ellipse 34% 8% at 12% 20%,rgba(255,255,255,.90) 0%,rgba(244,219,167,.42) 34%,rgba(216,188,117,.12) 50%,transparent 72%),
    radial-gradient(ellipse 42% 9% at 58% 43%,rgba(255,255,255,.88) 0%,rgba(242,215,158,.38) 33%,rgba(216,188,117,.10) 52%,transparent 73%),
    radial-gradient(ellipse 36% 8% at 90% 72%,rgba(255,255,255,.88) 0%,rgba(244,220,171,.36) 34%,rgba(216,188,117,.10) 52%,transparent 73%)!important;
  animation:fudiV19CreamSilk 16s ease-in-out infinite alternate!important;
}
.template-index .featured-collection-section::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:0!important;
  pointer-events:none!important;
  inset:-20%!important;
  opacity:.40!important;
  filter:blur(52px)!important;
  mix-blend-mode:screen!important;
  background:
    linear-gradient(112deg,transparent 16%,rgba(255,255,255,.48) 31%,rgba(216,188,117,.10) 39%,transparent 50%),
    linear-gradient(106deg,transparent 53%,rgba(255,252,242,.50) 66%,rgba(216,188,117,.08) 73%,transparent 84%)!important;
  background-size:145% 100%!important;
  animation:fudiV19CreamSweep 13s ease-in-out infinite alternate!important;
}
.template-index .featured-collection-section > *,
.template-index .featured-collection-section .collection > *{
  position:relative!important;
  z-index:2!important;
}

@keyframes fudiV19CreamSilk{
  from{transform:translate3d(-4%,1%,0) rotate(-7deg) scale(1.03);opacity:.62}
  to{transform:translate3d(6%,-2%,0) rotate(-2deg) scale(1.08);opacity:.88}
}
@keyframes fudiV19CreamSweep{
  from{transform:translate3d(-4%,1%,0);background-position:-15% 0}
  to{transform:translate3d(5%,-1%,0);background-position:115% 0}
}

/* Keep Curated close to the S without introducing a differently-colored spacer. */
.template-index .featured-collection-section .collection{
  padding-top:18px!important;
}
.template-index .featured-collection-section .collection__title.page-width{
  margin-top:0!important;
  padding-top:8px!important;
}

@media(max-width:749px){
  .template-index #MainContent > .shopify-section:has([id^="Series-"]) > .gradient{
    padding-bottom:72px!important;
  }
  .fudi-s-divider,.fudi-s-divider svg{height:62px!important}
  .template-index .featured-collection-section .collection{padding-top:12px!important}
  .template-index .featured-collection-section .collection__title.page-width{padding-top:6px!important}
}

@media(prefers-reduced-motion:reduce){
  .template-index .featured-collection-section::before,
  .template-index .featured-collection-section::after{animation:none!important}
}

/* =========================================================
   V21 — STRONG CREAM SILK LIGHT + CLEAN REFERENCE S
   Keeps the cream base solid; light is transparent overlay only.
   ========================================================= */
.template-index .featured-collection-section{
  background:#F5EFE8!important;
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
}
.template-index .featured-collection-section::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:1!important;
  pointer-events:none!important;
  left:-28%!important;
  top:-24%!important;
  width:165%!important;
  height:165%!important;
  opacity:.98!important;
  filter:blur(28px)!important;
  mix-blend-mode:screen!important;
  background:
    radial-gradient(ellipse 28% 7% at 10% 18%,rgba(255,255,255,.98) 0%,rgba(255,246,218,.82) 24%,rgba(225,190,112,.38) 43%,transparent 68%),
    radial-gradient(ellipse 34% 8% at 48% 38%,rgba(255,255,255,.96) 0%,rgba(255,244,211,.76) 25%,rgba(216,188,117,.34) 45%,transparent 70%),
    radial-gradient(ellipse 30% 7% at 86% 66%,rgba(255,255,255,.96) 0%,rgba(255,246,220,.76) 25%,rgba(216,188,117,.32) 45%,transparent 70%)!important;
  animation:fudiV21CreamSilk 11s ease-in-out infinite alternate!important;
}
.template-index .featured-collection-section::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:1!important;
  pointer-events:none!important;
  inset:-28%!important;
  opacity:.72!important;
  filter:blur(34px)!important;
  mix-blend-mode:screen!important;
  background:
    linear-gradient(110deg,transparent 12%,rgba(255,255,255,.72) 27%,rgba(229,197,126,.26) 36%,transparent 48%),
    linear-gradient(104deg,transparent 49%,rgba(255,253,245,.76) 63%,rgba(216,188,117,.22) 72%,transparent 84%)!important;
  background-size:150% 100%!important;
  animation:fudiV21CreamSweep 9s ease-in-out infinite alternate!important;
}
.template-index .featured-collection-section > *,
.template-index .featured-collection-section .collection > *{
  position:relative!important;
  z-index:3!important;
}
@keyframes fudiV21CreamSilk{
  0%{transform:translate3d(-7%,2%,0) rotate(-8deg) scale(1.03);opacity:.72}
  50%{transform:translate3d(1%,-2%,0) rotate(-4deg) scale(1.10);opacity:1}
  100%{transform:translate3d(8%,1%,0) rotate(-1deg) scale(1.06);opacity:.82}
}
@keyframes fudiV21CreamSweep{
  from{transform:translate3d(-7%,1%,0);background-position:-20% 0}
  to{transform:translate3d(8%,-2%,0);background-position:120% 0}
}

/* Keep the divider compact; no extra spacer or shadow. */
.fudi-s-divider,
.fudi-s-divider svg{height:76px!important;background:transparent!important}
.fudi-s-divider{bottom:-1px!important;overflow:hidden!important;box-shadow:none!important}
.fudi-s-divider__cream{fill:#F5EFE8!important;filter:none!important;stroke:none!important}

@media(max-width:749px){
  .fudi-s-divider,.fudi-s-divider svg{height:54px!important}
  .template-index .featured-collection-section::before{filter:blur(22px)!important;opacity:.92!important}
  .template-index .featured-collection-section::after{filter:blur(26px)!important;opacity:.62!important}
}


/* =========================================================
   V22 — FINAL CURVE + CLEAR CREAM SILK LIGHT
   ========================================================= */
/* One low, asymmetric S transition. */
.fudi-s-divider,.fudi-s-divider svg{height:92px!important;background:transparent!important}
.fudi-s-divider{bottom:-1px!important;overflow:hidden!important;box-shadow:none!important}
.fudi-s-divider__cream{fill:#F5EFE8!important;stroke:none!important;filter:none!important}

/* Keep the base cream perfectly flat. Light is a separate transparent layer. */
.template-index .featured-collection-section,
.template-index .featured-collection-section .gradient,
.template-index .featured-collection-section .collection{background:#F5EFE8!important;background-image:none!important}
.template-index .featured-collection-section{position:relative!important;isolation:isolate!important;overflow:hidden!important}

/* Visible champagne silk ribbons: normal blend keeps them visible on cream. */
.template-index .featured-collection-section::before{
  content:""!important;display:block!important;position:absolute!important;z-index:1!important;pointer-events:none!important;
  left:-18%!important;top:-10%!important;width:145%!important;height:135%!important;
  opacity:.72!important;filter:blur(32px)!important;mix-blend-mode:normal!important;
  background:
    radial-gradient(ellipse 34% 7% at 8% 16%,rgba(255,255,255,.94) 0%,rgba(238,211,151,.52) 28%,rgba(216,188,117,.24) 45%,transparent 68%),
    radial-gradient(ellipse 42% 8% at 52% 40%,rgba(255,255,255,.90) 0%,rgba(237,208,145,.46) 29%,rgba(216,188,117,.22) 46%,transparent 69%),
    radial-gradient(ellipse 36% 7% at 90% 70%,rgba(255,255,255,.92) 0%,rgba(240,214,158,.48) 28%,rgba(216,188,117,.22) 46%,transparent 69%)!important;
  animation:fudiV22Silk 10s ease-in-out infinite alternate!important;
}
.template-index .featured-collection-section::after{
  content:""!important;display:block!important;position:absolute!important;z-index:1!important;pointer-events:none!important;
  inset:-18%!important;opacity:.58!important;filter:blur(24px)!important;mix-blend-mode:normal!important;
  background:
    linear-gradient(112deg,transparent 12%,rgba(216,188,117,.10) 22%,rgba(255,255,255,.72) 31%,rgba(216,188,117,.18) 39%,transparent 49%),
    linear-gradient(105deg,transparent 50%,rgba(216,188,117,.10) 59%,rgba(255,255,255,.68) 67%,rgba(216,188,117,.16) 75%,transparent 84%)!important;
  background-size:155% 100%!important;animation:fudiV22Sweep 8s ease-in-out infinite alternate!important;
}
.template-index .featured-collection-section > *,
.template-index .featured-collection-section .collection > *{position:relative!important;z-index:3!important}
@keyframes fudiV22Silk{from{transform:translate3d(-5%,1%,0) rotate(-6deg) scale(1.03)}to{transform:translate3d(6%,-2%,0) rotate(-2deg) scale(1.08)}}
@keyframes fudiV22Sweep{from{transform:translate3d(-5%,1%,0);background-position:-20% 0}to{transform:translate3d(6%,-1%,0);background-position:120% 0}}
@media(max-width:749px){.fudi-s-divider,.fudi-s-divider svg{height:62px!important}.template-index .featured-collection-section::before{opacity:.62!important;filter:blur(24px)!important}.template-index .featured-collection-section::after{opacity:.48!important;filter:blur(20px)!important}}
@media(prefers-reduced-motion:reduce){.template-index .featured-collection-section::before,.template-index .featured-collection-section::after{animation:none!important}}


/* =========================================================
   V23 — EXTRA-LARGE S + HIGH-VISIBILITY SPARKLING CREAM LIGHT
   ========================================================= */
/* The divider amplitude is intentionally ~2x V22. One large asymmetric S only. */
.fudi-s-divider,
.fudi-s-divider svg{
  height:210px!important;
  background:transparent!important;
}
.fudi-s-divider{
  bottom:-1px!important;
  overflow:hidden!important;
  box-shadow:none!important;
}
.fudi-s-divider__cream{
  fill:#F5EFE8!important;
  stroke:none!important;
  filter:none!important;
}

/* Flat cream stays untouched. All shine lives in transparent overlays. */
.template-index .featured-collection-section,
.template-index .featured-collection-section .gradient,
.template-index .featured-collection-section .collection{
  background:#F5EFE8!important;
  background-image:none!important;
}
.template-index .featured-collection-section{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
}

/* Large moving champagne ribbons — deliberately visible on the pale cream. */
.template-index .featured-collection-section::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:1!important;
  pointer-events:none!important;
  left:-25%!important;
  top:-20%!important;
  width:160%!important;
  height:155%!important;
  opacity:1!important;
  filter:blur(18px)!important;
  mix-blend-mode:multiply!important;
  background:
    radial-gradient(ellipse 42% 6% at 5% 14%, rgba(190,143,55,.00) 0%, rgba(216,188,117,.44) 24%, rgba(255,255,255,.98) 38%, rgba(216,188,117,.34) 52%, transparent 70%),
    radial-gradient(ellipse 48% 7% at 46% 38%, rgba(216,188,117,.00) 0%, rgba(210,170,92,.38) 22%, rgba(255,255,255,.96) 37%, rgba(216,188,117,.32) 52%, transparent 71%),
    radial-gradient(ellipse 43% 6% at 92% 68%, rgba(216,188,117,.00) 0%, rgba(205,160,76,.38) 23%, rgba(255,255,255,.96) 38%, rgba(216,188,117,.32) 53%, transparent 72%)!important;
  animation:fudiV23CreamRibbon 7s ease-in-out infinite alternate!important;
}

/* Sharp travelling glints layered above the broad ribbons = visible sparkle. */
.template-index .featured-collection-section::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:2!important;
  pointer-events:none!important;
  left:-35%!important;
  top:-18%!important;
  width:175%!important;
  height:150%!important;
  opacity:.96!important;
  filter:blur(7px)!important;
  mix-blend-mode:screen!important;
  background:
    linear-gradient(108deg, transparent 8%, transparent 17%, rgba(255,255,255,.20) 20%, rgba(255,255,255,1) 23%, rgba(216,188,117,.58) 25%, transparent 29%, transparent 47%, rgba(255,255,255,.18) 50%, rgba(255,255,255,.98) 53%, rgba(216,188,117,.50) 55%, transparent 59%, transparent 100%),
    radial-gradient(circle at 18% 27%, rgba(255,255,255,1) 0 2px, rgba(216,188,117,.70) 3px, transparent 9px),
    radial-gradient(circle at 63% 46%, rgba(255,255,255,1) 0 2px, rgba(216,188,117,.72) 3px, transparent 10px),
    radial-gradient(circle at 84% 24%, rgba(255,255,255,1) 0 1.5px, rgba(216,188,117,.66) 3px, transparent 9px)!important;
  background-size:135% 100%, 100% 100%, 100% 100%, 100% 100%!important;
  animation:fudiV23CreamSparkle 5.2s ease-in-out infinite alternate!important;
}
.template-index .featured-collection-section > *,
.template-index .featured-collection-section .collection > *{
  position:relative!important;
  z-index:4!important;
}
@keyframes fudiV23CreamRibbon{
  0%{transform:translate3d(-7%,2%,0) rotate(-7deg) scale(1.03)}
  50%{transform:translate3d(1%,-2%,0) rotate(-4deg) scale(1.08)}
  100%{transform:translate3d(8%,1%,0) rotate(-1deg) scale(1.05)}
}
@keyframes fudiV23CreamSparkle{
  0%{transform:translate3d(-10%,2%,0);background-position:-25% 0,0 0,0 0,0 0;opacity:.72}
  55%{opacity:1}
  100%{transform:translate3d(10%,-2%,0);background-position:125% 0,0 0,0 0,0 0;opacity:.88}
}
@media(max-width:749px){
  .fudi-s-divider,.fudi-s-divider svg{height:125px!important}
  .template-index .featured-collection-section::before{opacity:.90!important;filter:blur(15px)!important}
  .template-index .featured-collection-section::after{opacity:.82!important;filter:blur(6px)!important}
}
@media(prefers-reduced-motion:reduce){
  .template-index .featured-collection-section::before,
  .template-index .featured-collection-section::after{animation:none!important}
}


/* =========================================================
   V24 — ONE TRUE LARGE S + VISIBLE SPARKLING CREAM LIGHT
   Width unchanged. Height creates the S; this is ONE cubic curve,
   not a repeated wave. Light overlays sit ABOVE the solid cream layer.
   ========================================================= */
.fudi-s-divider,
.fudi-s-divider svg{
  height:320px!important;
  width:100%!important;
  background:transparent!important;
}
.fudi-s-divider{bottom:-1px!important;overflow:hidden!important;box-shadow:none!important}
.fudi-s-divider__cream{fill:#F5EFE8!important;stroke:none!important;filter:none!important}

.template-index .featured-collection-section,
.template-index .featured-collection-section .gradient,
.template-index .featured-collection-section .collection{
  background:#F5EFE8!important;
  background-image:none!important;
}
.template-index .featured-collection-section{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
}
/* Put shine ABOVE the opaque .gradient child so it cannot disappear. */
.template-index .featured-collection-section::before{
  content:""!important;display:block!important;position:absolute!important;
  pointer-events:none!important;z-index:20!important;
  inset:-18% -30% -20% -30%!important;
  opacity:.92!important;filter:blur(14px)!important;mix-blend-mode:normal!important;
  background:
    linear-gradient(112deg, transparent 4%, transparent 13%, rgba(255,255,255,0) 17%, rgba(255,255,255,.92) 21%, rgba(238,207,137,.72) 24%, rgba(255,255,255,.18) 28%, transparent 34%, transparent 48%, rgba(216,188,117,.20) 52%, rgba(255,255,255,.96) 57%, rgba(230,194,112,.66) 60%, transparent 67%, transparent 100%),
    radial-gradient(ellipse 34% 7% at 24% 26%, rgba(255,255,255,.98), rgba(226,190,107,.52) 32%, transparent 70%),
    radial-gradient(ellipse 38% 8% at 74% 64%, rgba(255,255,255,.96), rgba(216,188,117,.48) 34%, transparent 72%)!important;
  background-size:150% 100%,100% 100%,100% 100%!important;
  animation:fudiV24Shimmer 5.8s ease-in-out infinite alternate!important;
}
.template-index .featured-collection-section::after{
  content:""!important;display:block!important;position:absolute!important;
  pointer-events:none!important;z-index:21!important;
  inset:-10% -22% -12% -22%!important;
  opacity:.88!important;filter:blur(3px)!important;mix-blend-mode:screen!important;
  background:
    radial-gradient(circle at 15% 18%,rgba(255,255,255,1) 0 2px,rgba(225,187,96,.82) 3px,transparent 10px),
    radial-gradient(circle at 39% 46%,rgba(255,255,255,1) 0 2px,rgba(225,187,96,.78) 3px,transparent 11px),
    radial-gradient(circle at 67% 23%,rgba(255,255,255,1) 0 2px,rgba(225,187,96,.82) 3px,transparent 10px),
    radial-gradient(circle at 88% 58%,rgba(255,255,255,1) 0 2px,rgba(225,187,96,.76) 3px,transparent 11px)!important;
  animation:fudiV24Spark 4.2s ease-in-out infinite alternate!important;
}
/* Content stays above the light, while the light remains clearly visible in open cream areas. */
.template-index .featured-collection-section > *{position:relative!important;z-index:30!important}
.template-index .featured-collection-section .collection > *{position:relative!important;z-index:31!important}
@keyframes fudiV24Shimmer{
  0%{transform:translate3d(-8%,2%,0) rotate(-4deg) scale(1.03);background-position:-35% 0,0 0,0 0}
  100%{transform:translate3d(9%,-2%,0) rotate(-1deg) scale(1.08);background-position:130% 0,0 0,0 0}
}
@keyframes fudiV24Spark{
  0%{transform:translate3d(-5%,2%,0);opacity:.62}
  45%{opacity:1}
  100%{transform:translate3d(7%,-3%,0);opacity:.82}
}
@media(max-width:749px){
  .fudi-s-divider,.fudi-s-divider svg{height:190px!important}
  .template-index .featured-collection-section::before{opacity:.86!important;filter:blur(12px)!important}
  .template-index .featured-collection-section::after{opacity:.78!important}
}
@media(prefers-reduced-motion:reduce){
 .template-index .featured-collection-section::before,.template-index .featured-collection-section::after{animation:none!important}
}

/* =========================================================
   V26 FINAL — RESERVED S ZONE + BRIGHT CREAM SHIMMER
   S divider gets its own space BELOW Lineup controls.
   Cream base stays flat; shine is a visible transparent overlay.
   ========================================================= */

/* 1) Reserve a dedicated bottom zone for the S so it never covers cards/buttons. */
.template-index #MainContent > .shopify-section:has([id^="Series-"]) > .gradient{
  padding-bottom: 360px !important;
}
.template-index #MainContent > .shopify-section:has([id^="Series-"]){
  overflow: hidden !important;
}
.fudi-s-divider{
  position:absolute !important;
  left:0 !important; right:0 !important; bottom:-1px !important;
  width:100% !important; height:300px !important;
  overflow:hidden !important; pointer-events:none !important;
  z-index:7 !important; background:transparent !important;
}
.fudi-s-divider svg{width:100% !important;height:300px !important;display:block !important;overflow:hidden !important}
.fudi-s-divider__cream{fill:#F5EFE8 !important;stroke:none !important;filter:none !important}

/* 2) One broad, deep S only — no repeated ripple. */

/* 3) One identical solid cream base everywhere below the S. */
.template-index .featured-collection-section{
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
  background:#F5EFE8 !important;
  background-image:none !important;
}
.template-index .featured-collection-section > .gradient,
.template-index .featured-collection-section .gradient,
.template-index .featured-collection-section .collection{
  background:transparent !important;
  background-image:none !important;
}

/* 4) HIGH-VISIBILITY moving satin light. Kept above cream, below real content. */
.template-index .featured-collection-section::before{
  content:"" !important;
  position:absolute !important;
  z-index:1 !important;
  pointer-events:none !important;
  inset:-12% -28% -18% -28% !important;
  opacity:1 !important;
  filter:blur(9px) !important;
  mix-blend-mode:normal !important;
  background:
    linear-gradient(108deg,
      transparent 0 9%,
      rgba(255,255,255,0) 13%,
      rgba(255,255,255,.98) 18%,
      rgba(238,201,116,.82) 21%,
      rgba(255,248,226,.94) 24%,
      rgba(216,188,117,.48) 28%,
      transparent 34% 45%,
      rgba(255,255,255,.96) 51%,
      rgba(229,190,101,.78) 55%,
      rgba(255,255,255,.88) 59%,
      transparent 66% 100%),
    radial-gradient(ellipse 32% 9% at 20% 30%,rgba(255,255,255,1),rgba(226,188,95,.68) 35%,transparent 72%),
    radial-gradient(ellipse 36% 10% at 76% 62%,rgba(255,255,255,.98),rgba(216,188,117,.62) 36%,transparent 73%) !important;
  background-size:155% 100%,100% 100%,100% 100% !important;
  animation:fudiV26CreamBeam 5.2s ease-in-out infinite alternate !important;
}
.template-index .featured-collection-section::after{
  content:"" !important;
  position:absolute !important;
  z-index:2 !important;
  pointer-events:none !important;
  inset:-6% -18% -10% -18% !important;
  opacity:1 !important;
  filter:blur(1.5px) !important;
  background:
    radial-gradient(circle at 12% 20%,rgba(255,255,255,1) 0 3px,rgba(224,183,82,.95) 4px,transparent 13px),
    radial-gradient(circle at 32% 48%,rgba(255,255,255,1) 0 2px,rgba(224,183,82,.9) 4px,transparent 12px),
    radial-gradient(circle at 55% 18%,rgba(255,255,255,1) 0 3px,rgba(224,183,82,.95) 4px,transparent 14px),
    radial-gradient(circle at 76% 43%,rgba(255,255,255,1) 0 2px,rgba(224,183,82,.9) 4px,transparent 12px),
    radial-gradient(circle at 91% 22%,rgba(255,255,255,1) 0 3px,rgba(224,183,82,.92) 4px,transparent 13px) !important;
  animation:fudiV26Spark 3.1s ease-in-out infinite alternate !important;
}
/* Transparent wrapper above light; actual content remains clickable/readable. */
.template-index .featured-collection-section > .gradient{position:relative !important;z-index:3 !important}
.template-index .featured-collection-section .collection{position:relative !important;z-index:4 !important}

@keyframes fudiV26CreamBeam{
  0%{transform:translate3d(-10%,2%,0) rotate(-4deg) scale(1.03);background-position:-45% 0,0 0,0 0}
  100%{transform:translate3d(11%,-3%,0) rotate(-1deg) scale(1.08);background-position:135% 0,0 0,0 0}
}
@keyframes fudiV26Spark{
  0%{transform:translate3d(-4%,2%,0);opacity:.62}
  42%{opacity:1}
  100%{transform:translate3d(6%,-2%,0);opacity:.92}
}

@media(max-width:749px){
  .template-index #MainContent > .shopify-section:has([id^="Series-"]) > .gradient{padding-bottom:210px !important}
  .fudi-s-divider,.fudi-s-divider svg{height:175px !important}
  .template-index .featured-collection-section::before{opacity:.96 !important;filter:blur(8px) !important}
}
@media(prefers-reduced-motion:reduce){
  .template-index .featured-collection-section::before,
  .template-index .featured-collection-section::after{animation:none !important}
}
/* =========================================================
   V28 — left-weighted single S divider
   Peak moved left; width unchanged; Curated light preserved.
   ========================================================= */
.template-index #MainContent > .shopify-section:has([id^="Series-"]) > .gradient{
  padding-bottom:320px !important;
}
.fudi-s-divider{
  height:300px !important;
  bottom:-1px !important;
  overflow:hidden !important;
  background:transparent !important;
}
.fudi-s-divider svg{
  width:100% !important;
  height:300px !important;
  display:block !important;
}
.fudi-s-divider__cream{
  fill:#F5EFE8 !important;
  stroke:none !important;
  filter:none !important;
}
.fudi-s-divider__shine{
  display:block !important;
  opacity:1 !important;
}
@media(max-width:749px){
  .template-index #MainContent > .shopify-section:has([id^="Series-"]) > .gradient{padding-bottom:205px !important;}
  .fudi-s-divider,.fudi-s-divider svg{height:175px !important;}
}


/* =========================================================
   V29 — reference S + one continuous cream/light system
   Divider and Curated use the same cream tone and bright light language.
   ========================================================= */
.template-index #MainContent > .shopify-section:has([id^="Series-"]) > .gradient{
  padding-bottom:320px !important;
}
.fudi-s-divider{
  height:300px !important;
  bottom:-1px !important;
  overflow:hidden !important;
  background:transparent !important;
}
.fudi-s-divider svg{width:100% !important;height:300px !important;display:block !important;}
.fudi-s-divider__cream{fill:#F5EFE8 !important;stroke:none !important;filter:none !important;}
.fudi-s-divider__shine{display:block !important;opacity:1 !important;filter:drop-shadow(0 0 18px rgba(255,238,183,.5));}

.template-index .featured-collection-section,
.template-index .featured-collection-section > .gradient{
  background:#F5EFE8 !important;
}
.template-index .featured-collection-section{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
}
/* Broad moving satin ribbons — deliberately strong and visible. */
.template-index .featured-collection-section::before{
  content:"" !important;
  position:absolute !important;
  z-index:1 !important;
  pointer-events:none !important;
  inset:-10% -28% -12% -28% !important;
  opacity:1 !important;
  filter:blur(7px) !important;
  background:
    linear-gradient(108deg,
      transparent 0 8%,
      rgba(255,255,255,.98) 17%,
      rgba(232,193,91,.88) 23%,
      rgba(255,253,244,1) 29%,
      rgba(216,188,117,.62) 35%,
      transparent 43% 54%,
      rgba(255,255,255,.98) 62%,
      rgba(229,185,72,.86) 68%,
      rgba(255,255,255,1) 74%,
      transparent 82% 100%),
    radial-gradient(ellipse 30% 8% at 18% 28%,rgba(255,255,255,1),rgba(226,188,95,.72) 36%,transparent 74%),
    radial-gradient(ellipse 34% 9% at 76% 58%,rgba(255,255,255,.98),rgba(216,188,117,.68) 36%,transparent 74%) !important;
  background-size:165% 100%,100% 100%,100% 100% !important;
  animation:fudiV29CreamBeam 5s ease-in-out infinite alternate !important;
}
/* Sparkling glints on top of the broad ribbons. */
.template-index .featured-collection-section::after{
  content:"" !important;
  position:absolute !important;
  z-index:2 !important;
  pointer-events:none !important;
  inset:-5% -15% -8% -15% !important;
  opacity:.98 !important;
  filter:blur(.8px) !important;
  background:
    radial-gradient(ellipse 18% 3.5% at 12% 18%,rgba(255,255,255,1),rgba(230,190,88,.78) 34%,transparent 74%),
    radial-gradient(ellipse 22% 4.5% at 48% 34%,rgba(255,255,255,1),rgba(216,188,117,.72) 34%,transparent 74%),
    radial-gradient(ellipse 18% 3.5% at 84% 20%,rgba(255,255,255,1),rgba(230,190,88,.78) 34%,transparent 74%) !important;
  animation:fudiV29CreamGlint 3s ease-in-out infinite alternate !important;
}
.template-index .featured-collection-section > .gradient{position:relative !important;z-index:3 !important;background:transparent !important;}
.template-index .featured-collection-section .collection{position:relative !important;z-index:4 !important;background:transparent !important;}
@keyframes fudiV29CreamBeam{
  0%{transform:translate3d(-12%,1%,0) skewX(-6deg) scale(1.04);background-position:-50% 0,0 0,0 0;}
  100%{transform:translate3d(12%,-2%,0) skewX(-2deg) scale(1.08);background-position:145% 0,0 0,0 0;}
}
@keyframes fudiV29CreamGlint{
  0%{transform:translate3d(-7%,1%,0);opacity:.55;}
  48%{opacity:1;}
  100%{transform:translate3d(8%,-1%,0);opacity:.95;}
}
@media(max-width:749px){
  .template-index #MainContent > .shopify-section:has([id^="Series-"]) > .gradient{padding-bottom:205px !important;}
  .fudi-s-divider,.fudi-s-divider svg{height:175px !important;}
  .template-index .featured-collection-section::before{filter:blur(5px) !important;}
}
\n\n/* =========================================================\n   V30 — ONE CREAM LIGHT LANGUAGE / SOFTER S ENDS\n   S has no independent shine artwork. The divider and Curated\n   share the exact same cream + synchronized ribbon recipe.\n   ========================================================= */\n.fudi-s-divider{\n  height:300px!important;\n  bottom:-2px!important;\n  overflow:hidden!important;\n  background:transparent!important;\n}\n.fudi-s-divider svg{width:100%!important;height:300px!important;display:block!important;}\n.fudi-s-divider__cream{fill:#F5EFE8!important;stroke:none!important;filter:none!important;}\n.fudi-s-divider__shine,.fudi-s-divider__glow,.fudi-s-divider__edge{display:none!important;}\n\n/* Same solid cream with no seam. */\n.template-index .featured-collection-section,\n.template-index .featured-collection-section > .gradient{background:#F5EFE8!important;}\n.template-index .featured-collection-section{margin-top:-2px!important;}\n\n/* Remove all older divider-specific light. A single visual recipe is used below. */\n.template-index .featured-collection-section::before{\n  content:""!important;\n  position:absolute!important;\n  z-index:1!important;\n  pointer-events:none!important;\n  inset:-305px -28% -12% -28%!important;\n  opacity:1!important;\n  filter:blur(7px)!important;\n  background:\n    linear-gradient(108deg,\n      transparent 0 8%,\n      rgba(255,255,255,.98) 17%,\n      rgba(232,193,91,.88) 23%,\n      rgba(255,253,244,1) 29%,\n      rgba(216,188,117,.62) 35%,\n      transparent 43% 54%,\n      rgba(255,255,255,.98) 62%,\n      rgba(229,185,72,.86) 68%,\n      rgba(255,255,255,1) 74%,\n      transparent 82% 100%),\n    radial-gradient(ellipse 30% 8% at 18% 28%,rgba(255,255,255,1),rgba(226,188,95,.72) 36%,transparent 74%),\n    radial-gradient(ellipse 34% 9% at 76% 58%,rgba(255,255,255,.98),rgba(216,188,117,.68) 36%,transparent 74%)!important;\n  background-size:165% 100%,100% 100%,100% 100%!important;\n  animation:fudiV30UnifiedCream 5s ease-in-out infinite alternate!important;\n}\n.template-index .featured-collection-section::after{\n  content:""!important;\n  position:absolute!important;\n  z-index:2!important;\n  pointer-events:none!important;\n  inset:-305px -15% -8% -15%!important;\n  opacity:.98!important;\n  filter:blur(.8px)!important;\n  background:\n    radial-gradient(ellipse 18% 3.5% at 12% 18%,rgba(255,255,255,1),rgba(230,190,88,.78) 34%,transparent 74%),\n    radial-gradient(ellipse 22% 4.5% at 48% 34%,rgba(255,255,255,1),rgba(216,188,117,.72) 34%,transparent 74%),\n    radial-gradient(ellipse 18% 3.5% at 84% 20%,rgba(255,255,255,1),rgba(230,190,88,.78) 34%,transparent 74%)!important;\n  animation:fudiV30UnifiedGlint 3s ease-in-out infinite alternate!important;\n}\n@keyframes fudiV30UnifiedCream{\n  0%{transform:translate3d(-12%,1%,0) skewX(-6deg) scale(1.04);background-position:-50% 0,0 0,0 0;}\n  100%{transform:translate3d(12%,-2%,0) skewX(-2deg) scale(1.08);background-position:145% 0,0 0,0 0;}\n}\n@keyframes fudiV30UnifiedGlint{\n  0%{transform:translate3d(-7%,1%,0);opacity:.55;}\n  48%{opacity:1;}\n  100%{transform:translate3d(8%,-1%,0);opacity:.95;}\n}\n@media(max-width:749px){\n  .fudi-s-divider,.fudi-s-divider svg{height:175px!important;}\n  .template-index .featured-collection-section::before,\n  .template-index .featured-collection-section::after{inset:-180px -25% -8% -25%!important;}\n}\n

/* =========================================================
   V31 — GENTLER S + TRUE CONTINUOUS CREAM SHINE
   The S is much flatter (about one-third of the old slope).
   The divider no longer has its own decorative blobs. Instead,
   the same moving ribbon recipe continues through the S and
   the Curated section, with matching timing and phase.
   ========================================================= */
.fudi-s-divider{
  height:300px!important;
  bottom:-2px!important;
  overflow:hidden!important;
  background:transparent!important;
  isolation:isolate!important;
}
.fudi-s-divider svg{
  width:100%!important;
  height:300px!important;
  display:block!important;
  position:relative!important;
  z-index:0!important;
}
.fudi-s-divider__cream{
  fill:#F5EFE8!important;
  stroke:none!important;
  filter:none!important;
}
.fudi-s-divider__shine,
.fudi-s-divider__glow,
.fudi-s-divider__edge{display:none!important;}

/* One continuous light language across the divider and Curated.
   This overlay is clipped to the cream portion of the S. */
.fudi-s-divider::after{
  content:""!important;
  position:absolute!important;
  z-index:1!important;
  pointer-events:none!important;
  inset:0!important;
  opacity:1!important;
  background:
    linear-gradient(108deg,
      transparent 0 9%,
      rgba(255,255,255,.96) 18%,
      rgba(229,188,78,.78) 24%,
      rgba(255,253,244,.98) 30%,
      rgba(216,188,117,.54) 36%,
      transparent 44% 55%,
      rgba(255,255,255,.96) 63%,
      rgba(229,188,78,.78) 69%,
      rgba(255,255,255,.98) 75%,
      transparent 83% 100%)!important;
  background-size:165% 100%!important;
  filter:blur(7px)!important;
  animation:fudiV31UnifiedCream 5s ease-in-out infinite alternate!important;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 300' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0 205 C180 205 315 138 500 132 C735 124 900 182 1110 205 C1260 222 1365 210 1440 198 L1440 300 L0 300 Z'/%3E%3C/svg%3E")!important;
  -webkit-mask-size:100% 100%!important;
  -webkit-mask-repeat:no-repeat!important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 300' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0 205 C180 205 315 138 500 132 C735 124 900 182 1110 205 C1260 222 1365 210 1440 198 L1440 300 L0 300 Z'/%3E%3C/svg%3E")!important;
  mask-size:100% 100%!important;
  mask-repeat:no-repeat!important;
}

/* Same solid base and SAME moving beam immediately below the S. */
.template-index .featured-collection-section,
.template-index .featured-collection-section > .gradient{
  background:#F5EFE8!important;
}
.template-index .featured-collection-section{
  margin-top:-2px!important;
  isolation:isolate!important;
}
.template-index .featured-collection-section::before{
  content:""!important;
  position:absolute!important;
  z-index:1!important;
  pointer-events:none!important;
  inset:-2px -28% -12% -28%!important;
  opacity:1!important;
  filter:blur(7px)!important;
  background:
    linear-gradient(108deg,
      transparent 0 9%,
      rgba(255,255,255,.96) 18%,
      rgba(229,188,78,.78) 24%,
      rgba(255,253,244,.98) 30%,
      rgba(216,188,117,.54) 36%,
      transparent 44% 55%,
      rgba(255,255,255,.96) 63%,
      rgba(229,188,78,.78) 69%,
      rgba(255,255,255,.98) 75%,
      transparent 83% 100%)!important;
  background-size:165% 100%!important;
  animation:fudiV31UnifiedCream 5s ease-in-out infinite alternate!important;
}
/* Remove the older separate glint/ellipse layer so the join reads as one surface. */
.template-index .featured-collection-section::after{display:none!important;content:none!important;}

@keyframes fudiV31UnifiedCream{
  0%{transform:translate3d(-12%,1%,0) skewX(-5deg) scale(1.04);background-position:-50% 0;}
  100%{transform:translate3d(12%,-2%,0) skewX(-2deg) scale(1.08);background-position:145% 0;}
}

@media(max-width:749px){
  .fudi-s-divider,.fudi-s-divider svg{height:175px!important;}
  .fudi-s-divider::after{
    -webkit-mask-size:100% 100%!important;
    mask-size:100% 100%!important;
  }
}

/* =========================================================
   V32 — SINGLE CONTINUOUS LIGHT CANVAS / NO JOIN LINE
   Keep the approved S shape. One single animated light layer starts
   inside the S and physically continues down across Curated, so there
   is no second light layer, diagonal overlap, or horizontal seam.
   ========================================================= */
.fudi-s-divider{
  overflow:visible!important;
  isolation:auto!important;
  z-index:3!important;
}
.fudi-s-divider svg{
  position:relative!important;
  z-index:0!important;
}
.fudi-s-divider__cream{
  fill:#F5EFE8!important;
}

/* Disable every separate Curated light canvas. */
.template-index .featured-collection-section::before,
.template-index .featured-collection-section::after{
  display:none!important;
  content:none!important;
}

/* The ONLY moving light canvas. It begins in the cream side of the S
   and continues far below the divider over the Curated section. */
.fudi-s-divider::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:100%!important;
  height:1200px!important;
  z-index:1!important;
  pointer-events:none!important;
  opacity:.92!important;
  filter:blur(8px)!important;
  background:
    linear-gradient(108deg,
      transparent 0 10%,
      rgba(255,255,255,.92) 18%,
      rgba(232,195,103,.72) 24%,
      rgba(255,253,245,.96) 31%,
      rgba(216,188,117,.46) 38%,
      transparent 47% 57%,
      rgba(255,255,255,.92) 64%,
      rgba(229,190,92,.68) 70%,
      rgba(255,255,255,.96) 76%,
      transparent 85% 100%)!important;
  background-size:170% 100%!important;
  background-position:-45% 0!important;
  animation:fudiV32OneCanvas 6.2s ease-in-out infinite alternate!important;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 1200' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0 205 C180 205 315 138 500 132 C735 124 900 182 1110 205 C1260 222 1365 210 1440 198 L1440 1200 L0 1200 Z'/%3E%3C/svg%3E")!important;
  -webkit-mask-size:100% 100%!important;
  -webkit-mask-repeat:no-repeat!important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 1200' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0 205 C180 205 315 138 500 132 C735 124 900 182 1110 205 C1260 222 1365 210 1440 198 L1440 1200 L0 1200 Z'/%3E%3C/svg%3E")!important;
  mask-size:100% 100%!important;
  mask-repeat:no-repeat!important;
}

@keyframes fudiV32OneCanvas{
  0%{background-position:-45% 0;opacity:.78;}
  50%{opacity:1;}
  100%{background-position:135% 0;opacity:.9;}
}

/* Curated remains one flat cream surface underneath the shared light. */
.template-index .featured-collection-section,
.template-index .featured-collection-section > .gradient{
  background:#F5EFE8!important;
}
.template-index .featured-collection-section{
  margin-top:-3px!important;
  position:relative!important;
  z-index:2!important;
  isolation:auto!important;
}
/* Real content stays above the shared light canvas. */
.template-index .featured-collection-section > *{
  position:relative!important;
  z-index:4!important;
}

@media(max-width:749px){
  .fudi-s-divider::after{
    height:900px!important;
    filter:blur(6px)!important;
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 900' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0 205 C180 205 315 138 500 132 C735 124 900 182 1110 205 C1260 222 1365 210 1440 198 L1440 900 L0 900 Z'/%3E%3C/svg%3E")!important;
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 900' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0 205 C180 205 315 138 500 132 C735 124 900 182 1110 205 C1260 222 1365 210 1440 198 L1440 900 L0 900 Z'/%3E%3C/svg%3E")!important;
  }
}

/* =========================================================
   V33 — SOFTER APPROVED S + ONE MOVING CREAM SURFACE
   Keep S separate from Lineup content; make divider + Curated
   read as one cream surface. The moving light is rendered in both
   pieces with identical phase and no seam/flat dead band.
   ========================================================= */
.fudi-s-divider{
  height:300px!important;
  bottom:-2px!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:transparent!important;
}
.fudi-s-divider svg{height:300px!important;width:100%!important;display:block!important;position:relative!important;z-index:0!important;}
.fudi-s-divider__cream{fill:#F5EFE8!important;stroke:none!important;}

/* Divider light: clipped to the cream shape. */
.fudi-s-divider::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  opacity:1!important;
  filter:blur(8px)!important;
  background:
    linear-gradient(110deg,
      transparent 0 7%,
      rgba(255,255,255,.96) 15%,
      rgba(238,204,120,.82) 23%,
      rgba(255,253,245,.98) 31%,
      rgba(216,188,117,.58) 39%,
      transparent 48% 55%,
      rgba(255,255,255,.94) 64%,
      rgba(236,199,105,.80) 71%,
      rgba(255,255,255,.98) 78%,
      transparent 88% 100%)!important;
  background-size:180% 100%!important;
  animation:fudiV33CreamFlow 5.2s linear infinite!important;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 300' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0 190 C210 185 345 145 520 142 C760 138 900 178 1100 196 C1265 211 1370 207 1440 196 L1440 300 L0 300 Z'/%3E%3C/svg%3E")!important;
  -webkit-mask-size:100% 100%!important;-webkit-mask-repeat:no-repeat!important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 300' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0 190 C210 185 345 145 520 142 C760 138 900 178 1100 196 C1265 211 1370 207 1440 196 L1440 300 L0 300 Z'/%3E%3C/svg%3E")!important;
  mask-size:100% 100%!important;mask-repeat:no-repeat!important;
}

/* Curated is the same cream and same moving beam, beginning at its top edge. */
.template-index .featured-collection-section,
.template-index .featured-collection-section > .gradient{
  background:#F5EFE8!important;
}
.template-index .featured-collection-section{
  margin-top:-2px!important;
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
.template-index .featured-collection-section::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:-10px -30% -15% -30%!important;
  z-index:1!important;
  pointer-events:none!important;
  opacity:1!important;
  filter:blur(8px)!important;
  background:
    linear-gradient(110deg,
      transparent 0 7%,
      rgba(255,255,255,.96) 15%,
      rgba(238,204,120,.82) 23%,
      rgba(255,253,245,.98) 31%,
      rgba(216,188,117,.58) 39%,
      transparent 48% 55%,
      rgba(255,255,255,.94) 64%,
      rgba(236,199,105,.80) 71%,
      rgba(255,255,255,.98) 78%,
      transparent 88% 100%)!important;
  background-size:180% 100%!important;
  animation:fudiV33CreamFlow 5.2s linear infinite!important;
}
.template-index .featured-collection-section::after{display:none!important;content:none!important;}
.template-index .featured-collection-section > .gradient{position:relative!important;z-index:3!important;}
.template-index .featured-collection-section .collection{position:relative!important;z-index:4!important;background:transparent!important;}

@keyframes fudiV33CreamFlow{
  0%{background-position:-80% 0;}
  100%{background-position:180% 0;}
}

@media(max-width:749px){
  .fudi-s-divider,.fudi-s-divider svg{height:175px!important;}
  .fudi-s-divider::after,.template-index .featured-collection-section::before{filter:blur(6px)!important;}
}


/* =========================================================
   V34 — RIGHT TAIL LIFT + RESTORED VISIBLE MOVING CREAM LIGHT
   Keep the approved gentle S. The right tail rises softly.
   IMPORTANT: Curated's inner .gradient must be transparent;
   otherwise it paints an opaque cream sheet over the moving light.
   ========================================================= */
.fudi-s-divider{height:300px!important;bottom:-2px!important;overflow:hidden!important;}
.fudi-s-divider svg{height:300px!important;width:100%!important;display:block!important;}
.fudi-s-divider__cream{fill:#F5EFE8!important;stroke:none!important;}

/* Match the light mask to the actual V34 S path, including the lifted right tail. */
.fudi-s-divider::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  pointer-events:none!important;
  opacity:1!important;
  filter:blur(7px)!important;
  background:
    linear-gradient(108deg,
      transparent 0 6%,
      rgba(255,255,255,.98) 14%,
      rgba(240,204,112,.90) 22%,
      rgba(255,254,248,1) 30%,
      rgba(216,188,117,.70) 38%,
      transparent 47% 55%,
      rgba(255,255,255,.98) 63%,
      rgba(239,199,92,.88) 71%,
      rgba(255,255,255,1) 78%,
      transparent 88% 100%)!important;
  background-size:190% 100%!important;
  animation:fudiV34CreamFlow 4.6s linear infinite!important;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 300' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0 190 C220 186 355 148 525 144 C755 140 905 176 1105 194 C1260 207 1360 201 1440 184 L1440 300 L0 300 Z'/%3E%3C/svg%3E")!important;
  -webkit-mask-size:100% 100%!important;-webkit-mask-repeat:no-repeat!important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 300' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0 190 C220 186 355 148 525 144 C755 140 905 176 1105 194 C1260 207 1360 201 1440 184 L1440 300 L0 300 Z'/%3E%3C/svg%3E")!important;
  mask-size:100% 100%!important;mask-repeat:no-repeat!important;
}

/* ONE cream surface. The section owns the cream; its inner gradient is transparent
   so the moving light is not hidden by an opaque second sheet. */
.template-index .featured-collection-section{
  margin-top:-3px!important;
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:#F5EFE8!important;
}
.template-index .featured-collection-section > .gradient{
  background:transparent!important;
  background-image:none!important;
  position:relative!important;
  z-index:3!important;
}
.template-index .featured-collection-section::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:-4px -35% -18% -35%!important;
  z-index:1!important;
  pointer-events:none!important;
  opacity:1!important;
  filter:blur(7px)!important;
  background:
    linear-gradient(108deg,
      transparent 0 6%,
      rgba(255,255,255,.98) 14%,
      rgba(240,204,112,.90) 22%,
      rgba(255,254,248,1) 30%,
      rgba(216,188,117,.70) 38%,
      transparent 47% 55%,
      rgba(255,255,255,.98) 63%,
      rgba(239,199,92,.88) 71%,
      rgba(255,255,255,1) 78%,
      transparent 88% 100%)!important;
  background-size:190% 100%!important;
  animation:fudiV34CreamFlow 4.6s linear infinite!important;
}
.template-index .featured-collection-section::after{display:none!important;content:none!important;}
.template-index .featured-collection-section .collection{position:relative!important;z-index:4!important;background:transparent!important;}

@keyframes fudiV34CreamFlow{
  0%{background-position:-95% 0;}
  100%{background-position:195% 0;}
}

@media(max-width:749px){
  .fudi-s-divider,.fudi-s-divider svg{height:175px!important;}
  .fudi-s-divider::after,.template-index .featured-collection-section::before{filter:blur(5px)!important;}
}


/* =========================================================
   V35 — TRUE ONE-CANVAS CREAM LIGHT + SOFT RIGHT TAIL
   The divider owns ONLY the S shape. It has NO independent light.
   The Curated section owns ONE animated light canvas that extends
   upward across the S, so S + Curated visibly move as one surface.
   ========================================================= */

/* Keep the approved S, soften the right tail into a gentle upward finish. */
.fudi-s-divider{
  height:300px!important;
  bottom:-2px!important;
  overflow:hidden!important;
  background:transparent!important;
}
.fudi-s-divider svg{
  width:100%!important;
  height:300px!important;
  display:block!important;
}
.fudi-s-divider__cream{
  fill:#F5EFE8!important;
  stroke:none!important;
  filter:none!important;
}
/* Absolutely no separate divider lighting. */
.fudi-s-divider::before,
.fudi-s-divider::after,
.fudi-s-divider__shine,
.fudi-s-divider__glow,
.fudi-s-divider__edge{
  display:none!important;
  content:none!important;
}

/* Curated is the continuation of the SAME cream surface. */
.template-index .featured-collection-section{
  position:relative!important;
  z-index:8!important;
  isolation:isolate!important;
  overflow:visible!important;
  margin-top:-3px!important;
  background:#F5EFE8!important;
}
.template-index .featured-collection-section > .gradient,
.template-index .featured-collection-section .collection{
  background:transparent!important;
  background-image:none!important;
}

/* ONE and only one moving light canvas.
   Its top is pulled 300px upward so the exact same animated beam
   physically passes through the S zone and then continues through Curated. */
.template-index .featured-collection-section::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:-30%!important;
  right:-30%!important;
  top:-300px!important;
  bottom:-12%!important;
  z-index:1!important;
  pointer-events:none!important;
  opacity:1!important;
  filter:blur(8px)!important;
  background:
    linear-gradient(108deg,
      transparent 0 7%,
      rgba(255,255,255,.96) 15%,
      rgba(239,201,103,.82) 22%,
      rgba(255,254,248,.98) 29%,
      rgba(216,188,117,.58) 36%,
      transparent 45% 55%,
      rgba(255,255,255,.98) 63%,
      rgba(235,193,83,.84) 70%,
      rgba(255,255,255,1) 77%,
      transparent 87% 100%),
    radial-gradient(ellipse 28% 8% at 24% 34%,rgba(255,255,255,.88),rgba(226,188,95,.42) 38%,transparent 76%),
    radial-gradient(ellipse 30% 8% at 72% 56%,rgba(255,255,255,.92),rgba(216,188,117,.40) 38%,transparent 76%)!important;
  background-size:190% 100%,100% 100%,100% 100%!important;
  animation:fudiV35OneCreamCanvas 4.8s linear infinite!important;
  will-change:background-position,transform!important;
}
.template-index .featured-collection-section::after{
  content:none!important;
  display:none!important;
}

/* Keep real content above the single moving canvas. */
.template-index .featured-collection-section > .gradient,
.template-index .featured-collection-section .collection{
  position:relative!important;
  z-index:3!important;
}

@keyframes fudiV35OneCreamCanvas{
  0%{background-position:-95% 0,0 0,0 0;transform:translate3d(-2%,0,0);}
  100%{background-position:195% 0,0 0,0 0;transform:translate3d(2%,-1%,0);}
}

@media(max-width:749px){
  .fudi-s-divider,.fudi-s-divider svg{height:175px!important;}
  .template-index .featured-collection-section::before{
    top:-175px!important;
    left:-42%!important;
    right:-42%!important;
    filter:blur(6px)!important;
  }
}

/* =========================================================
   V36 — HOMEPAGE BELOW THE WAVE: UNIFIED CREAM
   Everything from the S-wave downward uses one cream tone.
   ========================================================= */
.template-index{
  --fudi-home-lower-cream:#EEE6DE;
}

/* Wave fill and the complete lower homepage canvas */
.template-index .fudi-s-divider__cream{
  fill:var(--fudi-home-lower-cream)!important;
}
.template-index .featured-collection-section,
.template-index .featured-collection-section > .gradient,
.template-index .featured-collection-section .collection,
.template-index #shopify-section-featured_collection,
.template-index .fudi-trust,
.template-index .footer,
.template-index .footer .gradient{
  background:var(--fudi-home-lower-cream)!important;
  background-color:var(--fudi-home-lower-cream)!important;
  background-image:none!important;
}

/* Remove the moving gold/white light sheet so the area stays one true cream. */
.template-index .featured-collection-section::before,
.template-index .featured-collection-section::after{
  content:none!important;
  display:none!important;
}

/* Keep the blank homepage block between Curated and Trust cream too. */
.template-index #shopify-section-17925676490147d9e1,
.template-index #shopify-section-17925676490147d9e1 > *{
  background:var(--fudi-home-lower-cream)!important;
  background-color:var(--fudi-home-lower-cream)!important;
  background-image:none!important;
}

/* =========================================================
   V37 — HOMEPAGE BELOW THE WAVE: PURE WHITE
   Keep the S-wave shape; everything from the wave downward is white.
   ========================================================= */
.template-index{
  --fudi-home-lower-cream:#FFFFFF;
}

.template-index .fudi-s-divider__cream{
  fill:#FFFFFF!important;
}

.template-index .featured-collection-section,
.template-index .featured-collection-section > .gradient,
.template-index .featured-collection-section .collection,
.template-index #shopify-section-featured_collection,
.template-index #shopify-section-featured_collection > *,
.template-index #shopify-section-17925676490147d9e1,
.template-index #shopify-section-17925676490147d9e1 > *,
.template-index #shopify-section-fudilcci_trust,
.template-index #shopify-section-fudilcci_trust > *,
.template-index .fudi-trust,
.template-index .footer,
.template-index .footer .gradient,
.template-index .footer__content-top,
.template-index .footer__content-bottom,
.template-index .footer__localization,
.template-index .footer__column,
.template-index .footer__blocks-wrapper{
  background:#FFFFFF!important;
  background-color:#FFFFFF!important;
  background-image:none!important;
}

/* No cream/gold moving light below the wave. */
.template-index .featured-collection-section::before,
.template-index .featured-collection-section::after{
  content:none!important;
  display:none!important;
}


/* =========================================================
   V39 — SINGLE S-CURVE SOFT GRADIENT
   One S-shaped transition only; no second wave and no hard bands.
   ========================================================= */
.template-index .fudi-s-divider__cream{
  fill:#fff!important;
}
.template-index .fudi-s-divider__glow{
  pointer-events:none;
}

/* Restore original mobile gold light motion. Keep the low-cost reveal
   behavior, but do not suppress decorative light animations. */
@media (max-width: 749px) {
  .template-index .fudi-reveal {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    transition: none !important;
  }
}

/* Mobile hero: responsive to the usable screen height and width.
   Avoid forcing a full viewport below the sticky header. */
@media (max-width: 749px) {
  .template-index .fudilcci-video-container,
  .template-index .fudilcci-external-video {
    height: calc(100dvh - var(--fudi-hero-top, 64px)) !important;
    min-height: 0 !important;
    max-height: none !important;
  }
  /* Touchscreens must not latch desktop hover effects after a swipe.
     Leave the animated gold background layers completely untouched. */
  .template-index .series-item:hover .card-wrapper,
  .template-index .series-item:hover .media img {
    transform: none !important;
  }
  .template-index .series-item:hover::before {
    animation: none !important;
    opacity: 0 !important;
  }
  .template-index .series-item,
  .template-index .series-item .card-wrapper,
  .template-index .series-item .card__inner,
  .template-index .series-item .card__media img {
    animation: none !important;
    transition: none !important;
  }
  .template-index .series-item .card__media img {
    opacity: 1 !important;
    visibility: visible !important;
  }
}

/* No layout width overrides: viewport sizing is vertical only. */
@supports not (height: 100dvh) {
  @media (max-width: 749px) {
    .template-index .fudilcci-video-container,
    .template-index .fudilcci-external-video {
      height: calc(100vh - var(--fudi-hero-top, 64px)) !important;
    }
  }
}

/* Mobile-only: reduce costly blur rasterization, preserve gold gradients,
   animation timing, silhouettes, layout and all existing glow layers. */
@media (max-width: 749px) {
  .template-index #MainContent > .shopify-section:has([id^="Series-"]) > .gradient::before {
    filter: blur(28px) !important;
  }
  .template-index #MainContent > .shopify-section:has([id^="Series-"]) > .gradient::after {
    filter: blur(22px) !important;
  }
}

/* Mobile: stop painting animated decoration only when its entire section is
   safely away from the viewport. Do not alter animation geometry, glow, width,
   visibility, or the animation while the section is on screen. */
@media (max-width: 749px) {
  .template-index #MainContent > .shopify-section.fudi-offscreen-glow > .gradient::before,
  .template-index #MainContent > .shopify-section.fudi-offscreen-glow > .gradient::after,
  .template-index #MainContent > .shopify-section.fudi-offscreen-glow [id^="Series-"]::before,
  .template-index #MainContent > .shopify-section.fudi-offscreen-glow .featured-collection-section::before,
  .template-index #MainContent > .shopify-section.fudi-offscreen-glow .featured-collection-section::after {
    animation-play-state: paused !important;
  }
}

/* Mobile THE LINEUP: static gold lighting and cards, no animation/repaint.
   Desktop remains completely unchanged. */
@media screen and (max-width: 749px) {
  .template-index #MainContent > .shopify-section:has([id^="Series-"]) > .gradient::before,
  .template-index #MainContent > .shopify-section:has([id^="Series-"]) > .gradient::after,
  .template-index #MainContent > .shopify-section:has([id^="Series-"]) [id^="Series-"]::before,
  .template-index #MainContent > .shopify-section:has([id^="Series-"]) .series-item::before,
  .template-index #MainContent > .shopify-section:has([id^="Series-"]) .series-item,
  .template-index #MainContent > .shopify-section:has([id^="Series-"]) .series-item * {
    animation: none !important;
    transition: none !important;
  }
  .template-index #MainContent > .shopify-section:has([id^="Series-"]) > .gradient::before {
    transform: none !important;
    opacity: .70 !important;
  }
  .template-index #MainContent > .shopify-section:has([id^="Series-"]) > .gradient::after {
    transform: none !important;
    opacity: .48 !important;
  }
  .template-index #MainContent > .shopify-section:has([id^="Series-"]) [id^="Series-"]::before {
    opacity: .40 !important;
    background-position: 50% 50% !important;
  }
}
