@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@400;600;700&display=swap');
:root{--fior-green:#33472d;--fior-green-dark:#243320;--fior-off-white:#eff1ee;--fior-black:#121212;--fior-white:#ffffff;--fior-grey:#6b7280;--fior-border:#e5e7eb;--fior-radius:2px;--fior-font:'Assistant',sans-serif;--fior-transition:0.2s ease;--swatch-gold:#d4af7a;--swatch-silver:#c0c0c0;--swatch-rose-gold:#b76e79;--swatch-sterling-silver:#c0c0c0;--swatch-black:#121212;--swatch-white:#f5f5f5}
.fior-container{max-width:1280px;margin-inline:auto;padding-inline:clamp(1rem,4vw,3rem)}
.fior-section-pad{padding-block:clamp(3rem,6vw,5rem)}
.fior-placeholder{background-color:#f3f4f6;display:block;width:100%;height:100%;object-fit:cover}
.fior-eyebrow{display:block;font-family:var(--fior-font);font-size:.75rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--fior-green);margin-bottom:.75rem}
.fior-btn{display:inline-block;font-family:var(--fior-font);font-size:.8125rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;padding:.875rem 2.25rem;border-radius:var(--fior-radius);border:2px solid transparent;cursor:pointer;transition:background-color var(--fior-transition),color var(--fior-transition),border-color var(--fior-transition);line-height:1}
.fior-btn--primary{background-color:var(--fior-green);color:var(--fior-white);border-color:var(--fior-green)}.fior-btn--primary:hover{background-color:var(--fior-green-dark);border-color:var(--fior-green-dark);color:var(--fior-white)}
.fior-btn--secondary{background-color:transparent;color:var(--fior-white);border-color:var(--fior-white)}.fior-btn--secondary:hover{background-color:var(--fior-white);color:var(--fior-black)}
.fior-btn--dark{background-color:var(--fior-black);color:var(--fior-white);border-color:var(--fior-black)}.fior-btn--dark:hover{background-color:#333;border-color:#333;color:var(--fior-white)}
.fior-btn--outline{background-color:transparent;color:var(--fior-black);border-color:var(--fior-black)}.fior-btn--outline:hover{background-color:var(--fior-black);color:var(--fior-white)}
.fior-announce{width:100%;padding:.625rem 3rem .625rem 1rem;text-align:center;position:relative;z-index:100}
.fior-announce__inner{display:flex;align-items:center;justify-content:center}
.fior-announce__msg{font-family:var(--fior-font);font-size:.8125rem;font-weight:600;letter-spacing:.04em;margin:0}
.fior-announce__msg a{text-decoration:underline;text-underline-offset:2px}
.fior-announce__close{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:1rem;color:inherit;padding:.25rem;line-height:1}
.fior-hero{position:relative;overflow:hidden;background-color:var(--fior-off-white);user-select:none}
.fior-hero__track{display:flex;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}
.fior-hero__slide{flex:0 0 100%;position:relative;min-height:75vh}
.fior-hero__media{position:absolute;inset:0}
.fior-hero__img{width:100%;height:100%;object-fit:cover;display:block}
.fior-hero__overlay{position:absolute;inset:0}
.fior-hero__content{position:relative;z-index:2;min-height:75vh;display:flex;flex-direction:column;justify-content:center;padding:clamp(1.5rem,5vw,4rem);max-width:640px}
.fior-hero__content--left{align-items:flex-start;margin-right:auto}.fior-hero__content--center{align-items:center;margin-inline:auto;text-align:center}.fior-hero__content--right{align-items:flex-end;margin-left:auto;text-align:right}
.fior-hero__eyebrow{display:block;font-size:.75rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;margin-bottom:1rem;opacity:.9}
.fior-hero__heading{font-family:var(--fior-font);font-size:clamp(2rem,5vw,3.75rem);font-weight:600;line-height:1.15;margin:0 0 1.25rem}
.fior-hero__sub{font-size:clamp(.9375rem,2vw,1.125rem);line-height:1.6;margin:0 0 2rem;opacity:.9}
.fior-hero__arrow{position:absolute;top:50%;transform:translateY(-50%);background-color:rgba(255,255,255,.15);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.4);color:#fff;width:44px;height:44px;border-radius:50%;cursor:pointer;font-size:1.125rem;display:flex;align-items:center;justify-content:center;z-index:5;transition:background-color var(--fior-transition)}
.fior-hero__arrow:hover{background-color:rgba(255,255,255,.3)}.fior-hero__arrow--prev{left:1.25rem}.fior-hero__arrow--next{right:1.25rem}
.fior-hero__dots{position:absolute;bottom:1.25rem;left:50%;transform:translateX(-50%);display:flex;gap:.5rem;z-index:5}
.fior-hero__dot{width:8px;height:8px;border-radius:50%;background-color:rgba(255,255,255,.45);border:none;cursor:pointer;padding:0;transition:background-color var(--fior-transition),transform var(--fior-transition)}
.fior-hero__dot.is-active{background-color:#fff;transform:scale(1.3)}
@media(max-width:768px){.fior-hero__slide,.fior-hero__content{min-height:65vmax}.fior-hero__arrow{display:none}}
.fior-as-seen{border-top:1px solid var(--fior-border);border-bottom:1px solid var(--fior-border)}
.fior-as-seen__label{font-family:var(--fior-font);font-size:.6875rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--fior-grey);text-align:center;margin-bottom:2rem}
.fior-as-seen__logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2.5rem 3rem}
.fior-as-seen__logo-img{display:block;height:30px;width:auto;object-fit:contain;filter:grayscale(100%);opacity:.55;transition:opacity var(--fior-transition),filter var(--fior-transition)}
.fior-as-seen__logo-img:hover{opacity:1;filter:grayscale(0%)}
.fior-as-seen__logo-placeholder{font-family:var(--fior-font);font-size:.8125rem;font-weight:600;letter-spacing:.06em;color:var(--fior-grey);text-transform:uppercase}
.fior-vp__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;text-align:center}
.fior-vp__item{display:flex;flex-direction:column;align-items:center;gap:1rem}
.fior-vp__icon{color:var(--fior-green);display:flex;align-items:center;justify-content:center;width:56px;height:56px}
.fior-vp__icon-img{width:40px;height:40px;object-fit:contain}.fior-vp__emoji{font-size:2rem;line-height:1}
.fior-vp__heading{font-family:var(--fior-font);font-size:.9375rem;font-weight:700;color:var(--fior-black);margin:0 0 .25rem}
.fior-vp__sub{font-size:.875rem;color:var(--fior-grey);line-height:1.5;margin:0}
.fior-showcase__wrap{display:grid;gap:3rem;align-items:center}
.fior-showcase__wrap--text-left{grid-template-columns:1fr 1.6fr}.fior-showcase__wrap--text-right{grid-template-columns:1.6fr 1fr}
.fior-showcase__wrap--text-right .fior-showcase__editorial{order:2}.fior-showcase__wrap--text-right .fior-showcase__carousel-wrap{order:1}
.fior-showcase__editorial{padding-inline:1rem}
.fior-showcase__heading{font-family:var(--fior-font);font-size:clamp(1.75rem,3vw,2.5rem);font-weight:600;color:var(--fior-black);line-height:1.2;margin:0 0 1.25rem}
.fior-showcase__body{font-size:1rem;line-height:1.7;color:var(--fior-grey);margin-bottom:2rem}
.fior-showcase__cta{margin-top:.5rem}
.fior-showcase__carousel-wrap{position:relative}
.fior-showcase__carousel{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;padding-bottom:.5rem}
.fior-showcase__carousel::-webkit-scrollbar{display:none}
.fior-showcase__card{flex:0 0 240px;scroll-snap-align:start}
.fior-showcase__card-img-wrap{aspect-ratio:3/4;overflow:hidden;border-radius:var(--fior-radius);background-color:var(--fior-off-white);margin-bottom:.75rem}
.fior-showcase__card-img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.fior-showcase__card:hover .fior-showcase__card-img{transform:scale(1.04)}
.fior-showcase__card-link{text-decoration:none;color:inherit}
.fior-showcase__card-title{font-family:var(--fior-font);font-size:.875rem;font-weight:600;color:var(--fior-black);margin:0 0 .25rem}
.fior-showcase__card-price{font-size:.875rem;color:var(--fior-grey);margin:0}
.fior-showcase__arrow{position:absolute;top:40%;transform:translateY(-50%);background-color:var(--fior-white);border:1px solid var(--fior-border);color:var(--fior-black);width:38px;height:38px;border-radius:50%;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;z-index:3;box-shadow:0 2px 8px rgba(0,0,0,.08);transition:background-color var(--fior-transition)}
.fior-showcase__arrow:hover{background-color:var(--fior-off-white)}.fior-showcase__arrow--prev{left:-1.1rem}.fior-showcase__arrow--next{right:-1.1rem}
@media(max-width:900px){.fior-showcase__wrap--text-left,.fior-showcase__wrap--text-right{grid-template-columns:1fr}.fior-showcase__wrap--text-right .fior-showcase__editorial,.fior-showcase__wrap--text-right .fior-showcase__carousel-wrap{order:unset}.fior-showcase__editorial{padding-inline:0}.fior-showcase__card{flex:0 0 200px}.fior-showcase__arrow{display:none}}
.fior-col-banner{position:relative;overflow:hidden;display:flex;align-items:center}
.fior-col-banner__media{position:absolute;inset:0}
.fior-col-banner__img{width:100%;height:100%;object-fit:cover;display:block}
.fior-col-banner__overlay{position:absolute;inset:0}
.fior-col-banner__content{position:relative;z-index:2;width:100%;padding:clamp(3rem,8vw,6rem) clamp(1.5rem,5vw,4rem);display:flex}
.fior-col-banner__content--left{justify-content:flex-start}.fior-col-banner__content--center{justify-content:center}.fior-col-banner__content--right{justify-content:flex-end}
.fior-col-banner__inner{max-width:560px;display:flex;flex-direction:column}
.fior-col-banner__content--center .fior-col-banner__inner{text-align:center;align-items:center}
.fior-col-banner__content--right .fior-col-banner__inner{text-align:right;align-items:flex-end}
.fior-col-banner__eyebrow{color:currentColor;opacity:.8}
.fior-col-banner__heading{font-family:var(--fior-font);font-size:clamp(2rem,4.5vw,3.5rem);font-weight:600;line-height:1.15;margin:0 0 1.25rem}
.fior-col-banner__body{font-size:1rem;line-height:1.7;opacity:.9;margin:0 0 2rem}
.fior-col-banner__cta{align-self:flex-start}
.fior-col-banner__content--center .fior-col-banner__cta{align-self:center}
.fior-col-banner__content--right .fior-col-banner__cta{align-self:flex-end}
.fior-best__header{text-align:center;margin-bottom:2.5rem}
.fior-best__heading{font-family:var(--fior-font);font-size:clamp(1.75rem,3vw,2.5rem);font-weight:600;color:var(--fior-black);margin:.25rem 0 .5rem}
.fior-best__sub{font-size:1rem;color:var(--fior-grey);margin:0}
.fior-best__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem 1rem}
@media(max-width:1024px){.fior-best__grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.fior-best__grid{grid-template-columns:repeat(2,1fr);gap:1rem .75rem}}
@media(max-width:380px){.fior-best__grid{grid-template-columns:1fr}}
.fior-best__card{display:flex;flex-direction:column}
.fior-best__img-link{display:block;text-decoration:none}
.fior-best__img-wrap{position:relative;aspect-ratio:1/1;overflow:hidden;border-radius:var(--fior-radius);background-color:var(--fior-off-white);margin-bottom:.875rem}
.fior-best__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .35s ease,transform .4s ease}
.fior-best__img--hover{opacity:0}
.fior-best__card:hover .fior-best__img--primary{opacity:0;transform:scale(1.04)}
.fior-best__card:hover .fior-best__img--hover{opacity:1;transform:scale(1.04)}
.fior-best__swatches{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:.625rem}
.fior-best__swatch{width:18px;height:18px;border-radius:50%;border:2px solid var(--fior-white);outline:1px solid var(--fior-border);cursor:pointer;padding:0;transition:outline-color var(--fior-transition)}
.fior-best__swatch:hover{outline-color:var(--fior-black)}
.fior-best__info{display:flex;flex-direction:column;flex:1;gap:.375rem}
.fior-best__title{font-family:var(--fior-font);font-size:.9375rem;font-weight:600;color:var(--fior-black);text-decoration:none;line-height:1.35}
.fior-best__title:hover{text-decoration:underline;text-underline-offset:3px}
.fior-best__price{font-size:.875rem;color:var(--fior-black);margin:0;display:flex;align-items:baseline;gap:.5rem}
.fior-best__price--sale{color:#c0392b}.fior-best__price--was{color:var(--fior-grey);font-size:.8125rem}
.fior-best__btn{margin-top:auto;padding:.6875rem 1.25rem;font-size:.8125rem;width:100%;text-align:center}
.fior-best__footer{text-align:center;margin-top:3rem}
@media(max-width:768px){.fior-col-banner__content{padding:3rem 1.5rem}}
@media screen and (max-width: 749px) {
  .fior-hero-1 img,
  .fior-hero-1 .hero__image,
  [id*="fior-hero-1"] img {
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100%;
  }
}