.clf-live-category-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  width:100%;
}
.clf-live-category{
  appearance:none;
  border:1px solid rgba(20,20,20,.18);
  background:transparent;
  color:inherit;
  padding:18px 20px;
  text-align:left;
  cursor:pointer;
  font:inherit;
  min-height:82px;
}
.clf-live-category strong{
  display:block;
  font-size:13px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.clf-live-category span{
  display:block;
  margin-top:7px;
  opacity:.64;
  font-size:12px;
}
.clf-live-category.is-active{
  border-color:currentColor;
}
#shopProductGrid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:28px 20px;
}
.clf-live-product{
  min-width:0;
}
.clf-live-product a{
  color:inherit;
  text-decoration:none;
  display:block;
}
.clf-live-product-media{
  position:relative;
  aspect-ratio:4/5;
  overflow:hidden;
  background:#eeeae4;
}
.clf-live-product-media img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  background:#fff;
}
.clf-live-product-copy{
  padding:14px 2px 8px;
}
.clf-live-product-brand{
  display:block;
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
  opacity:.62;
  margin-bottom:8px;
}
.clf-live-product h3{
  margin:0;
  font-size:18px;
  line-height:1.25;
  font-weight:500;
}
.clf-live-product-price{
  margin:11px 0 0;
  font-size:14px;
}
.clf-live-product-cta{
  display:inline-block;
  margin-top:13px;
  font-size:11px;
  letter-spacing:.07em;
  text-transform:uppercase;
  border-bottom:1px solid currentColor;
  padding-bottom:2px;
}
.clf-live-error{
  grid-column:1/-1;
  padding:40px 0;
}
.clf-product-live{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);
  gap:54px;
  padding-top:38px;
  padding-bottom:72px;
}
.clf-product-live-media{
  min-height:520px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
}
.clf-product-live-media img{
  display:block;
  width:100%;
  max-height:720px;
  object-fit:contain;
}
.clf-product-live-copy{
  align-self:center;
}
.clf-product-live-brand{
  display:block;
  margin-bottom:14px;
  font-size:12px;
  letter-spacing:.09em;
  text-transform:uppercase;
  opacity:.65;
}
.clf-product-live h1{
  margin:0 0 22px;
  font-size:clamp(32px,4vw,58px);
  line-height:1.02;
  font-weight:500;
}
.clf-product-live-price{
  font-size:20px;
  margin:0 0 24px;
}
.clf-product-live-deck{
  max-width:620px;
  font-size:16px;
  line-height:1.65;
  margin-bottom:25px;
}
.clf-product-live-meta{
  border-top:1px solid rgba(20,20,20,.16);
  padding-top:18px;
  margin-top:18px;
  font-size:13px;
  line-height:1.7;
}
.clf-product-live-buy{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:28px;
  padding:16px 22px;
  border:1px solid currentColor;
  color:inherit;
  text-decoration:none;
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.clf-product-live-disclosure{
  margin-top:18px;
  max-width:600px;
  font-size:11px;
  line-height:1.55;
  opacity:.65;
}
@media(max-width:900px){
  .clf-live-category-grid,
  #shopProductGrid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .clf-product-live{
    grid-template-columns:1fr;
    gap:28px;
  }
  .clf-product-live-media{
    min-height:0;
  }
}
@media(max-width:560px){
  .clf-live-category-grid,
  #shopProductGrid{
    grid-template-columns:1fr;
  }
}

/* CLF SHOP LUX HERO START */

/* compact editorial opening */
.shop-hero{
  min-height:0 !important;
  padding:38px 24px 34px !important;
  grid-template-columns:minmax(0,.98fr) minmax(440px,.82fr) !important;
  gap:clamp(54px,7vw,118px) !important;
  align-items:end !important;
  border-bottom:1px solid rgba(18,16,13,.20) !important;
}

/* left side */
.shop-hero > div:first-child{
  align-self:end !important;
  min-width:0;
}

.shop-hero .kicker{
  display:inline-block;
  margin:0 18px 0 0 !important;
  font-size:9px !important;
  line-height:1 !important;
  letter-spacing:.23em !important;
  font-weight:700 !important;
  vertical-align:middle;
}

.shop-coming{
  display:inline-flex !important;
  align-items:center;
  min-height:28px !important;
  margin:0 !important;
  padding:0 13px !important;
  vertical-align:middle;
  font-size:7px !important;
  line-height:1 !important;
  font-weight:700 !important;
  letter-spacing:.24em !important;
}

.shop-hero h1{
  margin:34px 0 -4px !important;
  max-width:none !important;
  font-size:clamp(112px,11.5vw,174px) !important;
  line-height:.72 !important;
  letter-spacing:-.067em !important;
  font-weight:400 !important;
}

/* right side */
.shop-hero-copy{
  align-self:end !important;
  padding:0 0 2px !important;
  max-width:610px !important;
}

.shop-hero-copy > p{
  margin:0 0 34px !important;
  max-width:590px !important;
  font-size:clamp(28px,2.7vw,41px) !important;
  line-height:1.01 !important;
  letter-spacing:-.035em !important;
}

.shop-hero-copy ul{
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
  border-top:1px solid rgba(18,16,13,.23) !important;
}

.shop-hero-copy li{
  margin:0 !important;
  padding:12px 0 11px !important;
  min-height:0 !important;
  border-bottom:1px solid rgba(18,16,13,.20) !important;
  font-size:8px !important;
  line-height:1.25 !important;
  font-weight:700 !important;
  letter-spacing:.23em !important;
}

/* pull following content upward */
.shop-categories{
  padding-top:54px !important;
  padding-bottom:58px !important;
}

.shop-catalog{
  padding-top:58px !important;
}

/* slightly more precise section typography */
.shop-section-head{
  margin-bottom:34px !important;
}

.shop-section-head h2{
  letter-spacing:-.045em !important;
}

/* tablet */
@media (max-width:980px){
  .shop-hero{
    grid-template-columns:1fr 1fr !important;
    gap:38px !important;
    padding:34px 22px 32px !important;
  }

  .shop-hero h1{
    font-size:clamp(92px,13vw,128px) !important;
  }

  .shop-hero-copy > p{
    font-size:clamp(25px,3.3vw,33px) !important;
  }
}

/* mobile */
@media (max-width:760px){
  .shop-hero{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:30px !important;
    padding:27px 18px 30px !important;
  }

  .shop-hero .kicker{
    display:block !important;
    margin:0 0 12px !important;
  }

  .shop-coming{
    min-height:25px !important;
    padding:0 11px !important;
  }

  .shop-hero h1{
    margin-top:24px !important;
    font-size:clamp(82px,28vw,112px) !important;
    line-height:.74 !important;
  }

  .shop-hero-copy{
    max-width:none !important;
  }

  .shop-hero-copy > p{
    margin-bottom:25px !important;
    max-width:520px !important;
    font-size:28px !important;
    line-height:1.02 !important;
  }

  .shop-hero-copy li{
    padding:11px 0 !important;
  }

  .shop-categories,
  .shop-catalog{
    padding-top:44px !important;
    padding-bottom:48px !important;
  }
}

/* CLF SHOP LUX HERO END */

/* ===== CLF COMMERCE LUXURY ===== */

.shop-hero{
  min-height:0!important;
  padding:26px 28px 24px!important;
  grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr)!important;
  gap:70px!important;
  align-items:end!important;
}

.shop-hero h1{
  margin:22px 0 0!important;
  font-size:clamp(94px,9.4vw,146px)!important;
  line-height:.76!important;
}

.shop-hero-copy{
  padding:0!important;
}

.shop-hero-copy>p{
  font-size:clamp(24px,2.3vw,34px)!important;
  line-height:1.02!important;
  margin:0!important;
  max-width:570px!important;
}

.shop-hero-copy ul{
  display:none!important;
}

/* categories immediately visible */
.shop-categories{
  padding:26px 28px 30px!important;
}

.shop-categories .shop-section-head{
  display:none!important;
}

#shopCategoryGrid{
  margin:0!important;
}

.clf-live-category-grid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:10px!important;
}

.clf-live-category{
  min-height:105px!important;
  padding:18px!important;
  border:1px solid rgba(18,16,13,.18)!important;
  background:#f5f1ea!important;
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}

.clf-live-category:hover{
  transform:translateY(-2px);
  border-color:#171512!important;
  background:#eee8df!important;
}

.clf-live-category.is-active{
  background:#171512!important;
  color:#f4efe7!important;
}

.clf-live-category strong{
  font-family:var(--serif)!important;
  font-size:23px!important;
  line-height:1!important;
  letter-spacing:-.025em!important;
  text-transform:none!important;
  font-weight:400!important;
}

.clf-live-category span{
  margin-top:16px!important;
  font-size:8px!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
}

/* products start immediately */
.shop-catalog{
  padding:38px 28px 70px!important;
}

.shop-section-head{
  grid-template-columns:1fr auto!important;
  align-items:end!important;
  margin-bottom:24px!important;
}

.shop-section-head h2{
  font-size:clamp(48px,5.2vw,78px)!important;
  line-height:.88!important;
  margin:5px 0 0!important;
}

.shop-section-head p{
  max-width:420px!important;
  font-size:13px!important;
  line-height:1.55!important;
}

/* compact filtering */
.shop-catalog-tools,
.shop-filters{
  margin-bottom:26px!important;
}

#shopProductGrid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:36px 16px!important;
}

.clf-live-product-media{
  aspect-ratio:3/4!important;
  background:#fff!important;
}

.clf-live-product-media img{
  object-fit:contain!important;
  padding:12px!important;
}

.clf-live-product-copy{
  padding:13px 0 0!important;
}

.clf-live-product-brand{
  font-size:8px!important;
  letter-spacing:.18em!important;
  margin-bottom:7px!important;
}

.clf-live-product h3{
  font-family:var(--serif)!important;
  font-size:20px!important;
  line-height:1.06!important;
  letter-spacing:-.025em!important;
  font-weight:400!important;
}

.clf-live-product-price{
  margin-top:10px!important;
  font-size:13px!important;
}

.clf-live-product-cta{
  margin-top:11px!important;
  font-size:8px!important;
  letter-spacing:.18em!important;
}

/* PRODUCT PAGE */
.clf-product-live{
  padding-top:28px!important;
  padding-bottom:42px!important;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr)!important;
  gap:64px!important;
}

.clf-product-live-media{
  min-height:620px!important;
  background:#fff!important;
}

.clf-product-live-copy{
  padding-right:5vw!important;
}

.clf-product-live h1{
  font-size:clamp(46px,5vw,72px)!important;
  line-height:.94!important;
  letter-spacing:-.045em!important;
}

.clf-product-live-price{
  font-size:23px!important;
}

.clf-product-live-buy{
  width:100%;
  max-width:390px;
  min-height:56px;
  background:#171512;
  color:#f5f1ea!important;
  border-color:#171512!important;
}

/* related products */
.clf-related{
  padding:56px 28px 76px;
  border-top:1px solid rgba(18,16,13,.18);
}

.clf-related-head{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:30px;
  margin-bottom:28px;
}

.clf-related-head h2{
  margin:0;
  font-family:var(--serif);
  font-size:clamp(44px,4vw,64px);
  line-height:.9;
  font-weight:400;
  letter-spacing:-.04em;
}

.clf-related-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:28px 16px;
}

.clf-related-card a{
  text-decoration:none;
  color:inherit;
}

.clf-related-card img{
  width:100%;
  aspect-ratio:3/4;
  object-fit:contain;
  background:#fff;
  display:block;
  padding:12px;
}

.clf-related-card span{
  display:block;
  margin-top:11px;
  font-size:8px;
  letter-spacing:.17em;
  text-transform:uppercase;
  opacity:.62;
}

.clf-related-card h3{
  margin:6px 0 0;
  font-family:var(--serif);
  font-size:19px;
  line-height:1.08;
  font-weight:400;
}

.clf-related-card p{
  margin:8px 0 0;
  font-size:12px;
}

@media(max-width:1050px){
  .clf-live-category-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  #shopProductGrid,
  .clf-related-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@media(max-width:760px){
  .shop-hero{
    grid-template-columns:1fr!important;
    gap:24px!important;
    padding:22px 18px!important;
  }

  .shop-hero h1{
    font-size:86px!important;
  }

  .shop-hero-copy>p{
    font-size:25px!important;
  }

  .shop-categories{
    padding:18px!important;
  }

  .clf-live-category-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .clf-live-category{
    min-height:88px!important;
  }

  .shop-catalog{
    padding:32px 18px 54px!important;
  }

  #shopProductGrid,
  .clf-related-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .clf-product-live{
    grid-template-columns:1fr!important;
    padding:20px 18px 38px!important;
    gap:28px!important;
  }

  .clf-product-live-media{
    min-height:0!important;
  }

  .clf-related{
    padding:42px 18px 60px!important;
  }
}


/* =====================================================
   CLF THE SHOP — LUXURY FINAL
   ===================================================== */

:root{
  --clf-ink:#12110f;
  --clf-paper:#f5f1e9;
  --clf-paper-soft:#f0ebe2;
  --clf-line:rgba(18,17,15,.16);
}

/* ---------- overall ---------- */

body{
  background:var(--clf-paper)!important;
}

.shop-hero,
.shop-categories,
.shop-catalog,
.clf-related{
  max-width:1600px;
  margin-inline:auto;
}

/* ---------- HERO ---------- */

.shop-hero{
  min-height:0!important;
  padding:34px 34px 30px!important;
  grid-template-columns:minmax(0,1.15fr) minmax(400px,.85fr)!important;
  gap:clamp(60px,8vw,140px)!important;
  align-items:end!important;
  border-bottom:0!important;
}

.shop-hero h1{
  margin:28px 0 0!important;
  font-size:clamp(104px,10.3vw,166px)!important;
  line-height:.72!important;
  letter-spacing:-.072em!important;
  font-weight:400!important;
}

.shop-hero .kicker{
  font-size:8px!important;
  letter-spacing:.26em!important;
}

.shop-coming{
  border:0!important;
  background:var(--clf-ink)!important;
  color:#fff!important;
  padding:9px 13px!important;
  font-size:7px!important;
  letter-spacing:.24em!important;
}

.shop-hero-copy{
  max-width:565px!important;
  padding-bottom:3px!important;
}

.shop-hero-copy>p{
  margin:0!important;
  font-size:clamp(28px,2.45vw,39px)!important;
  line-height:.98!important;
  letter-spacing:-.04em!important;
}

.shop-hero-copy ul{
  display:none!important;
}

/* ---------- CATEGORY STRIP ---------- */

.shop-categories{
  padding:18px 34px 38px!important;
}

.clf-live-category-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:1px!important;
  background:var(--clf-line)!important;
  border:1px solid var(--clf-line)!important;
}

.clf-live-category{
  position:relative;
  min-height:116px!important;
  padding:18px 19px 17px!important;
  border:0!important;
  background:var(--clf-paper)!important;
  transition:
    background .25s ease,
    color .25s ease,
    transform .25s ease!important;
}

.clf-live-category:hover{
  background:var(--clf-paper-soft)!important;
  transform:none!important;
}

.clf-live-category.is-active{
  background:var(--clf-ink)!important;
  color:#fff!important;
}

.clf-live-category strong{
  position:absolute;
  left:18px;
  bottom:17px;
  font-family:var(--serif)!important;
  font-size:clamp(20px,1.55vw,27px)!important;
  line-height:.95!important;
  font-weight:400!important;
  letter-spacing:-.035em!important;
}

.clf-live-category span{
  position:absolute;
  left:19px;
  top:17px;
  margin:0!important;
  font-size:7px!important;
  font-weight:700!important;
  letter-spacing:.2em!important;
  text-transform:uppercase!important;
  opacity:.48!important;
}

/* ---------- CATALOG ---------- */

.shop-catalog{
  padding:52px 34px 96px!important;
}

.shop-section-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 360px!important;
  gap:50px!important;
  align-items:end!important;
  margin-bottom:34px!important;
}

.shop-section-head .kicker{
  font-size:8px!important;
  letter-spacing:.24em!important;
}

.shop-section-head h2{
  max-width:800px!important;
  margin:9px 0 0!important;
  font-size:clamp(52px,5.4vw,84px)!important;
  line-height:.88!important;
  letter-spacing:-.055em!important;
  font-weight:400!important;
}

.shop-section-head p{
  margin:0!important;
  max-width:360px!important;
  font-size:12px!important;
  line-height:1.6!important;
  opacity:.66!important;
}

/* ---------- filters ---------- */

.shop-catalog-tools,
.shop-filters{
  padding:0!important;
  margin:0 0 31px!important;
  border-top:1px solid var(--clf-line)!important;
  border-bottom:1px solid var(--clf-line)!important;
  background:transparent!important;
}

.shop-catalog-tools input,
.shop-filters select{
  border-radius:0!important;
  border:0!important;
  background:transparent!important;
}

/* ---------- PRODUCT GRID ---------- */

#shopProductGrid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:50px 18px!important;
}

.clf-live-product{
  position:relative;
  min-width:0;
  overflow:visible;
}

.clf-live-product a{
  color:var(--clf-ink)!important;
  text-decoration:none!important;
}

.clf-live-product-media{
  position:relative;
  overflow:hidden!important;
  aspect-ratio:3/4!important;
  background:#fff!important;
}

.clf-live-product-media:after{
  content:"VIEW";
  position:absolute;
  right:14px;
  bottom:14px;
  z-index:2;
  padding:9px 11px 8px;
  background:rgba(18,17,15,.94);
  color:#fff;
  font-size:7px;
  font-weight:700;
  line-height:1;
  letter-spacing:.2em;
  opacity:0;
  transform:translateY(6px);
  transition:opacity .24s ease,transform .24s ease;
}

.clf-live-product:hover .clf-live-product-media:after{
  opacity:1;
  transform:translateY(0);
}

.clf-live-product-media img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:contain!important;
  padding:22px!important;
  background:#fff!important;
  transform:scale(1);
  transition:transform .45s cubic-bezier(.2,.7,.2,1)!important;
}

.clf-live-product:hover .clf-live-product-media img{
  transform:scale(1.025);
}

.clf-live-product-copy{
  position:relative;
  padding:14px 0 0!important;
  min-height:118px;
}

.clf-live-product-brand{
  display:block!important;
  margin:0 0 7px!important;
  font-size:7px!important;
  font-weight:700!important;
  line-height:1.2!important;
  letter-spacing:.2em!important;
  text-transform:uppercase!important;
  opacity:.48!important;
}

.clf-live-product h3{
  margin:0!important;
  max-width:95%!important;
  min-height:42px;
  font-family:var(--serif)!important;
  font-size:clamp(19px,1.45vw,24px)!important;
  line-height:1.03!important;
  letter-spacing:-.032em!important;
  font-weight:400!important;

  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.clf-live-product-price{
  margin:11px 0 0!important;
  font-size:12px!important;
  font-weight:600!important;
  letter-spacing:.01em!important;
}

.clf-live-product-cta{
  display:none!important;
}

/* ---------- FEATURED RHYTHM ---------- */

@media(min-width:1100px){
  #shopProductGrid .clf-live-product:nth-child(9n+1){
    grid-column:span 2;
  }

  #shopProductGrid .clf-live-product:nth-child(9n+1)
  .clf-live-product-media{
    aspect-ratio:1.48/1!important;
  }

  #shopProductGrid .clf-live-product:nth-child(9n+1) h3{
    max-width:75%!important;
    font-size:clamp(26px,2vw,34px)!important;
  }
}

/* ---------- PRODUCT PAGE ---------- */

.clf-product-live{
  max-width:1580px!important;
  margin-inline:auto!important;
  padding:42px 34px 74px!important;
  grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr)!important;
  gap:clamp(58px,7vw,120px)!important;
}

.clf-product-live-media{
  min-height:690px!important;
  background:#fff!important;
}

.clf-product-live-media img{
  width:100%!important;
  height:100%!important;
  max-height:760px!important;
  padding:36px!important;
  object-fit:contain!important;
}

.clf-product-live-copy{
  align-self:center!important;
  padding:18px 4vw 18px 0!important;
}

.clf-product-live-copy .kicker{
  font-size:8px!important;
  letter-spacing:.23em!important;
}

.clf-product-live-brand{
  margin:20px 0 13px!important;
  font-size:8px!important;
  font-weight:700!important;
  letter-spacing:.22em!important;
  opacity:.48!important;
}

.clf-product-live h1{
  max-width:650px!important;
  margin:0 0 24px!important;
  font-size:clamp(46px,4.7vw,72px)!important;
  line-height:.93!important;
  letter-spacing:-.052em!important;
}

.clf-product-live-price{
  margin:0 0 30px!important;
  font-size:21px!important;
  font-weight:500!important;
}

.clf-product-live-deck{
  max-width:560px!important;
  margin-bottom:30px!important;
  font-size:15px!important;
  line-height:1.65!important;
  opacity:.78!important;
}

.clf-product-live-meta{
  max-width:560px!important;
  margin-top:0!important;
  padding:18px 0!important;
  border-top:1px solid var(--clf-line)!important;
  border-bottom:1px solid var(--clf-line)!important;
  font-size:11px!important;
  line-height:1.9!important;
  letter-spacing:.03em!important;
}

.clf-product-live-buy{
  display:flex!important;
  width:100%!important;
  max-width:560px!important;
  min-height:62px!important;
  margin-top:28px!important;
  padding:18px 24px!important;
  background:var(--clf-ink)!important;
  color:white!important;
  border:0!important;
  font-size:8px!important;
  font-weight:700!important;
  letter-spacing:.22em!important;
  transition:opacity .2s ease!important;
}

.clf-product-live-buy:hover{
  opacity:.82!important;
}

.clf-product-live-disclosure{
  max-width:560px!important;
  margin-top:17px!important;
  font-size:9px!important;
  line-height:1.6!important;
  opacity:.48!important;
}

/* ---------- RELATED ---------- */

.clf-related{
  max-width:1580px!important;
  margin-inline:auto!important;
  padding:64px 34px 100px!important;
  border-top:1px solid var(--clf-line)!important;
}

.clf-related-head{
  margin-bottom:31px!important;
}

.clf-related-head h2{
  font-size:clamp(48px,4.8vw,74px)!important;
  letter-spacing:-.055em!important;
}

.clf-related-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:38px 17px!important;
}

.clf-related-card img{
  aspect-ratio:3/4!important;
  padding:22px!important;
  background:#fff!important;
  transition:transform .4s ease!important;
}

.clf-related-card:hover img{
  transform:scale(1.02);
}

.clf-related-card span{
  margin-top:13px!important;
  font-size:7px!important;
  letter-spacing:.2em!important;
}

.clf-related-card h3{
  margin-top:7px!important;
  font-size:21px!important;
  line-height:1.03!important;
  letter-spacing:-.03em!important;
}

.clf-related-card p{
  margin-top:9px!important;
  font-size:12px!important;
}

/* ---------- RESPONSIVE ---------- */

@media(max-width:1100px){
  .clf-live-category-grid{
    grid-template-columns:repeat(3,1fr)!important;
  }

  #shopProductGrid,
  .clf-related-grid{
    grid-template-columns:repeat(3,1fr)!important;
  }
}

@media(max-width:760px){

  .shop-hero{
    padding:24px 18px 22px!important;
    grid-template-columns:1fr!important;
    gap:22px!important;
  }

  .shop-hero h1{
    margin-top:22px!important;
    font-size:clamp(82px,26vw,112px)!important;
  }

  .shop-hero-copy>p{
    font-size:25px!important;
    max-width:420px!important;
  }

  .shop-categories{
    padding:12px 18px 30px!important;
  }

  .clf-live-category-grid{
    grid-template-columns:repeat(2,1fr)!important;
  }

  .clf-live-category{
    min-height:94px!important;
  }

  .shop-catalog{
    padding:38px 18px 68px!important;
  }

  .shop-section-head{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }

  .shop-section-head h2{
    font-size:52px!important;
  }

  #shopProductGrid,
  .clf-related-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:34px 11px!important;
  }

  .clf-live-product-media img,
  .clf-related-card img{
    padding:10px!important;
  }

  .clf-live-product h3{
    font-size:17px!important;
  }

  .clf-product-live{
    grid-template-columns:1fr!important;
    padding:20px 18px 46px!important;
    gap:32px!important;
  }

  .clf-product-live-media{
    min-height:0!important;
  }

  .clf-product-live-media img{
    padding:20px!important;
  }

  .clf-product-live-copy{
    padding:0!important;
  }

  .clf-product-live h1{
    font-size:44px!important;
  }

  .clf-related{
    padding:46px 18px 70px!important;
  }

  .clf-related-head h2{
    font-size:46px!important;
  }
}


/* =========================================================
   CHERCHEZ LA FEMME — THE SHOP / BOUTIQUE SIGNATURE
   ========================================================= */

:root{
  --boutique-paper:#f3efe7;
  --boutique-ink:#11100e;
  --boutique-wine:#641827;
  --boutique-line:rgba(17,16,14,.16);
}

/* ---------- GLOBAL RHYTHM ---------- */

body{
  background:var(--boutique-paper)!important;
}

.shop-hero,
.shop-categories,
.shop-catalog{
  width:min(100%,1640px)!important;
  margin-inline:auto!important;
}

/* ---------- FIRST SCREEN ---------- */

.shop-hero{
  min-height:0!important;
  padding:28px 34px 24px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.18fr) minmax(380px,.82fr)!important;
  gap:clamp(50px,7vw,115px)!important;
  align-items:end!important;
  border:0!important;
}

.shop-hero > div:first-child{
  min-width:0;
}

.shop-hero .kicker{
  display:inline-block!important;
  margin:0 16px 0 0!important;
  font-size:7px!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:.28em!important;
}

.shop-coming{
  display:inline-flex!important;
  align-items:center!important;
  min-height:27px!important;
  margin:0!important;
  padding:0 12px!important;
  border:0!important;
  background:var(--boutique-wine)!important;
  color:#fff!important;
  font-size:6px!important;
  font-weight:700!important;
  letter-spacing:.26em!important;
}

.shop-hero h1{
  margin:24px 0 -6px!important;
  font-size:clamp(92px,9.3vw,148px)!important;
  line-height:.72!important;
  letter-spacing:-.075em!important;
  font-weight:400!important;
}

.shop-hero-copy{
  max-width:560px!important;
  padding:0 0 5px!important;
  align-self:end!important;
}

.shop-hero-copy > p{
  max-width:550px!important;
  margin:0!important;
  font-size:clamp(25px,2.25vw,35px)!important;
  line-height:.99!important;
  letter-spacing:-.045em!important;
}

.shop-hero-copy ul{
  display:none!important;
}

/* ---------- CATEGORY RUNWAY ---------- */

.shop-categories{
  padding:12px 34px 38px!important;
}

.shop-categories .shop-section-head{
  display:none!important;
}

.clf-live-category-grid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:0!important;
  background:transparent!important;
  border-top:1px solid var(--boutique-ink)!important;
  border-bottom:1px solid var(--boutique-ink)!important;
}

.clf-live-category{
  position:relative!important;
  min-height:94px!important;
  padding:15px 16px!important;
  border:0!important;
  border-right:1px solid var(--boutique-line)!important;
  background:transparent!important;
  color:var(--boutique-ink)!important;
  overflow:hidden!important;
  transition:color .22s ease,background .22s ease!important;
}

.clf-live-category:last-child{
  border-right:0!important;
}

.clf-live-category:before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:0;
  background:var(--boutique-wine);
  transition:height .25s cubic-bezier(.2,.7,.2,1);
}

.clf-live-category:hover:before,
.clf-live-category.is-active:before{
  height:100%;
}

.clf-live-category strong,
.clf-live-category span{
  position:relative!important;
  z-index:2!important;
}

.clf-live-category strong{
  display:block!important;
  margin-top:35px!important;
  font-family:var(--serif)!important;
  font-size:clamp(19px,1.45vw,26px)!important;
  line-height:.95!important;
  font-weight:400!important;
  letter-spacing:-.035em!important;
  text-transform:none!important;
}

.clf-live-category span{
  position:absolute!important;
  top:15px!important;
  left:16px!important;
  margin:0!important;
  font-size:6px!important;
  font-weight:700!important;
  letter-spacing:.24em!important;
  text-transform:uppercase!important;
  opacity:.5!important;
}

.clf-live-category:hover,
.clf-live-category.is-active{
  color:#fff!important;
  background:transparent!important;
}

.clf-live-category:hover span,
.clf-live-category.is-active span{
  opacity:.7!important;
}

/* ---------- CATALOG INTRO ---------- */

.shop-catalog{
  padding:50px 34px 110px!important;
}

.shop-section-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 360px!important;
  gap:60px!important;
  align-items:end!important;
  margin-bottom:36px!important;
}

.shop-section-head .kicker{
  font-size:7px!important;
  letter-spacing:.27em!important;
}

.shop-section-head h2{
  margin:8px 0 0!important;
  max-width:850px!important;
  font-size:clamp(53px,5vw,82px)!important;
  line-height:.87!important;
  letter-spacing:-.06em!important;
  font-weight:400!important;
}

.shop-section-head p{
  max-width:350px!important;
  margin:0!important;
  font-size:11px!important;
  line-height:1.65!important;
  opacity:.58!important;
}

/* ---------- TOOLBAR ---------- */

.shop-catalog-tools,
.shop-filters{
  margin:0 0 35px!important;
  padding:10px 0!important;
  border-top:1px solid var(--boutique-line)!important;
  border-bottom:1px solid var(--boutique-line)!important;
  background:transparent!important;
}

.shop-catalog-tools input,
.shop-filters select{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
}

/* ---------- PRODUCT EDIT ---------- */

#shopProductGrid{
  counter-reset:clfproduct;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:58px 16px!important;
  align-items:start!important;
}

.clf-live-product{
  counter-increment:clfproduct;
  position:relative!important;
  min-width:0!important;
}

.clf-live-product:before{
  content:"0" counter(clfproduct);
  display:block;
  margin:0 0 9px;
  font-size:6px;
  font-weight:700;
  line-height:1;
  letter-spacing:.25em;
  opacity:.42;
}

.clf-live-product a{
  color:var(--boutique-ink)!important;
  text-decoration:none!important;
}

/* product stage */
.clf-live-product-media{
  position:relative!important;
  aspect-ratio:3/4!important;
  overflow:hidden!important;
  background:#fbfaf7!important;
}

.clf-live-product-media:before{
  content:"THE EDIT";
  position:absolute;
  z-index:3;
  left:13px;
  top:13px;
  padding:6px 8px 5px;
  background:rgba(243,239,231,.88);
  backdrop-filter:blur(7px);
  font-size:6px;
  font-weight:700;
  letter-spacing:.23em;
  opacity:0;
  transition:opacity .2s ease;
}

.clf-live-product:hover .clf-live-product-media:before{
  opacity:1;
}

.clf-live-product-media:after{
  content:"OPEN ↗"!important;
  position:absolute!important;
  right:12px!important;
  bottom:12px!important;
  z-index:4!important;
  padding:9px 10px 8px!important;
  background:var(--boutique-wine)!important;
  color:#fff!important;
  font-size:6px!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:.22em!important;
  opacity:0!important;
  transform:translateY(7px)!important;
  transition:opacity .22s ease,transform .22s ease!important;
}

.clf-live-product:hover .clf-live-product-media:after{
  opacity:1!important;
  transform:translateY(0)!important;
}

.clf-live-product-media img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  padding:22px!important;
  object-fit:contain!important;
  background:#fbfaf7!important;
  transform:scale(1)!important;
  transition:transform .55s cubic-bezier(.16,.7,.2,1)!important;
}

.clf-live-product:hover img{
  transform:scale(1.035)!important;
}

/* product typography */
.clf-live-product-copy{
  padding:13px 0 0!important;
  min-height:0!important;
}

.clf-live-product-brand{
  display:block!important;
  margin:0 0 7px!important;
  font-size:6px!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:.24em!important;
  text-transform:uppercase!important;
  opacity:.42!important;
}

.clf-live-product h3{
  margin:0!important;
  font-family:var(--serif)!important;
  font-size:clamp(18px,1.4vw,24px)!important;
  line-height:1.02!important;
  letter-spacing:-.035em!important;
  font-weight:400!important;
}

.clf-live-product-price{
  margin:10px 0 0!important;
  font-size:11px!important;
  font-weight:600!important;
}

.clf-live-product-cta{
  display:none!important;
}

/* ---------- EDITORIAL INTERRUPTIONS ---------- */

@media(min-width:1100px){

  #shopProductGrid .clf-live-product:nth-child(11n+1){
    grid-column:span 2!important;
  }

  #shopProductGrid .clf-live-product:nth-child(11n+1)
  .clf-live-product-media{
    aspect-ratio:1.48/1!important;
    background:#e8e1d6!important;
  }

  #shopProductGrid .clf-live-product:nth-child(11n+1)
  .clf-live-product-media img{
    padding:32px!important;
    background:#e8e1d6!important;
  }

  #shopProductGrid .clf-live-product:nth-child(11n+1) h3{
    max-width:72%!important;
    font-size:clamp(27px,2.2vw,38px)!important;
  }

  #shopProductGrid .clf-live-product:nth-child(11n+6)
  .clf-live-product-media{
    background:#171512!important;
  }

  #shopProductGrid .clf-live-product:nth-child(11n+6)
  .clf-live-product-media img{
    background:#171512!important;
    padding:32px!important;
  }

}

/* ---------- RELATED / PRODUCT PAGE ---------- */

.clf-product-live{
  background:var(--boutique-paper)!important;
}

.clf-related{
  position:relative!important;
  padding-top:72px!important;
  background:#ebe5db!important;
}

.clf-related:before{
  content:"CHERCHEZ LA FEMME · THE EDIT";
  display:block;
  margin-bottom:20px;
  font-size:6px;
  font-weight:700;
  letter-spacing:.27em;
}

.clf-related-head h2{
  font-size:clamp(50px,5vw,78px)!important;
  line-height:.86!important;
}

.clf-related-card img{
  background:#faf8f4!important;
}

.clf-product-live-buy{
  background:var(--boutique-wine)!important;
  color:#fff!important;
}

/* ---------- MOBILE ---------- */

@media(max-width:1050px){
  .clf-live-category-grid{
    grid-template-columns:repeat(3,1fr)!important;
  }

  #shopProductGrid{
    grid-template-columns:repeat(3,1fr)!important;
  }
}

@media(max-width:760px){

  .shop-hero{
    grid-template-columns:1fr!important;
    gap:20px!important;
    padding:22px 18px 20px!important;
  }

  .shop-hero h1{
    margin-top:21px!important;
    font-size:84px!important;
  }

  .shop-hero-copy > p{
    font-size:24px!important;
  }

  .shop-categories{
    padding:10px 18px 28px!important;
  }

  .clf-live-category-grid{
    grid-template-columns:repeat(2,1fr)!important;
  }

  .clf-live-category{
    min-height:82px!important;
  }

  .clf-live-category strong{
    margin-top:29px!important;
    font-size:19px!important;
  }

  .shop-catalog{
    padding:36px 18px 70px!important;
  }

  .shop-section-head{
    grid-template-columns:1fr!important;
    gap:16px!important;
  }

  #shopProductGrid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:38px 10px!important;
  }

  .clf-live-product-media img{
    padding:10px!important;
  }

  .clf-live-product h3{
    font-size:17px!important;
  }

}


/* =========================================================
   CLF SHOP — FINAL TOP / KEEP PRODUCTS SIMPLE
   ========================================================= */

:root{
  --shop-ink:#12110f;
  --shop-paper:#f4f0e8;
  --shop-wine:#68182a;
  --shop-line:rgba(18,17,15,.18);
}

/* =========================================================
   HERO — compact, no dead space
   ========================================================= */

.shop-hero{
  min-height:0!important;
  padding:28px 30px 24px!important;
  grid-template-columns:minmax(0,1.08fr) minmax(400px,.92fr)!important;
  gap:clamp(56px,7vw,112px)!important;
  align-items:end!important;
}

.shop-hero h1{
  margin:24px 0 0!important;
  font-size:clamp(94px,9vw,142px)!important;
  line-height:.73!important;
  letter-spacing:-.07em!important;
}

.shop-hero-copy{
  padding:0 0 4px!important;
}

.shop-hero-copy > p{
  margin:0!important;
  max-width:570px!important;
  font-size:clamp(26px,2.3vw,36px)!important;
  line-height:1!important;
  letter-spacing:-.04em!important;
}

.shop-hero-copy ul{
  display:none!important;
}

/* =========================================================
   CATEGORIES — GLAMOUR FASHION INDEX
   ========================================================= */

.shop-categories{
  padding:12px 30px 42px!important;
}

.shop-categories .shop-section-head{
  display:none!important;
}

#shopCategoryGrid{
  width:100%!important;
  margin:0!important;
}

.clf-live-category-grid{
  display:flex!important;
  flex-wrap:nowrap!important;
  width:100%!important;
  gap:0!important;
  padding:0!important;
  border-top:1px solid var(--shop-ink)!important;
  border-bottom:1px solid var(--shop-ink)!important;
  background:transparent!important;
  overflow:hidden!important;
}

.clf-live-category{
  position:relative!important;
  flex:1 1 0!important;
  min-width:0!important;
  min-height:112px!important;
  margin:0!important;
  padding:16px 18px 17px!important;

  border:0!important;
  border-right:1px solid var(--shop-line)!important;

  background:transparent!important;
  color:var(--shop-ink)!important;

  text-align:left!important;
  overflow:hidden!important;

  transition:
    color .25s ease,
    background .25s ease!important;
}

.clf-live-category:last-child{
  border-right:0!important;
}

/* wine slide */
.clf-live-category:before{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:4px!important;
  background:var(--shop-wine)!important;
  transition:height .28s cubic-bezier(.2,.7,.2,1)!important;
}

.clf-live-category:hover:before,
.clf-live-category.is-active:before{
  height:100%!important;
}

.clf-live-category strong,
.clf-live-category span{
  position:relative!important;
  z-index:2!important;
}

.clf-live-category span{
  display:block!important;
  position:static!important;
  margin:0 0 29px!important;

  font-size:6px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:.25em!important;
  text-transform:uppercase!important;

  opacity:.48!important;
}

.clf-live-category strong{
  display:block!important;
  position:static!important;
  margin:0!important;

  font-family:var(--serif)!important;
  font-size:clamp(19px,1.5vw,27px)!important;
  line-height:.95!important;
  font-weight:400!important;
  letter-spacing:-.035em!important;
  text-transform:none!important;

  white-space:nowrap!important;
}

.clf-live-category:hover,
.clf-live-category.is-active{
  color:#fff!important;
  background:transparent!important;
}

.clf-live-category:hover span,
.clf-live-category.is-active span{
  opacity:.68!important;
}

/* =========================================================
   PRODUCT AREA — RETURN TO CLEAN NORMAL GRID
   ========================================================= */

.shop-catalog{
  padding-top:46px!important;
}

/* no strange editorial sizes */
#shopProductGrid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:44px 18px!important;
  align-items:start!important;
}

/* remove numbering */
.clf-live-product:before{
  display:none!important;
  content:none!important;
}

/* absolutely all cards same geometry */
#shopProductGrid .clf-live-product{
  grid-column:auto!important;
}

#shopProductGrid .clf-live-product:nth-child(n)
.clf-live-product-media{
  aspect-ratio:3/4!important;
  background:#fbfaf7!important;
}

/* thin luxury frame only */
.clf-live-product-media{
  position:relative!important;
  aspect-ratio:3/4!important;
  padding:0!important;

  border:1px solid rgba(18,17,15,.10)!important;
  background:#fbfaf7!important;
  overflow:hidden!important;
}

#shopProductGrid .clf-live-product:nth-child(n)
.clf-live-product-media img,
.clf-live-product-media img{
  width:100%!important;
  height:100%!important;
  padding:20px!important;

  object-fit:contain!important;
  background:#fbfaf7!important;

  transform:none!important;
}

.clf-live-product:hover .clf-live-product-media img{
  transform:scale(1.018)!important;
}

/* kill old black / beige featured cards */
#shopProductGrid .clf-live-product:nth-child(n)
.clf-live-product-media,
#shopProductGrid .clf-live-product:nth-child(n)
.clf-live-product-media img{
  background:#fbfaf7!important;
}

/* remove THE EDIT overlay */
.clf-live-product-media:before{
  display:none!important;
  content:none!important;
}

/* tiny tasteful hover cue */
.clf-live-product-media:after{
  content:"VIEW ↗"!important;
  position:absolute!important;
  right:10px!important;
  bottom:10px!important;

  padding:8px 9px!important;

  background:var(--shop-ink)!important;
  color:#fff!important;

  font-size:6px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:.19em!important;

  opacity:0!important;
  transform:translateY(4px)!important;
  transition:.2s ease!important;
}

.clf-live-product:hover .clf-live-product-media:after{
  opacity:1!important;
  transform:translateY(0)!important;
}

.clf-live-product-copy{
  padding:12px 1px 0!important;
  min-height:0!important;
}

.clf-live-product-brand{
  margin:0 0 7px!important;
  font-size:6px!important;
  letter-spacing:.23em!important;
  opacity:.48!important;
}

.clf-live-product h3{
  margin:0!important;

  font-family:var(--serif)!important;
  font-size:clamp(18px,1.35vw,23px)!important;
  line-height:1.04!important;
  font-weight:400!important;
  letter-spacing:-.03em!important;
}

.clf-live-product-price{
  margin:9px 0 0!important;
  font-size:12px!important;
  font-weight:600!important;
}

.clf-live-product-cta{
  display:none!important;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:1050px){

  .clf-live-category-grid{
    overflow-x:auto!important;
  }

  .clf-live-category{
    flex:0 0 190px!important;
  }

  #shopProductGrid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@media(max-width:760px){

  .shop-hero{
    grid-template-columns:1fr!important;
    gap:20px!important;
    padding:22px 18px 20px!important;
  }

  .shop-hero h1{
    font-size:84px!important;
  }

  .shop-hero-copy > p{
    font-size:24px!important;
  }

  .shop-categories{
    padding:8px 18px 31px!important;
  }

  .clf-live-category{
    flex:0 0 154px!important;
    min-height:92px!important;
    padding:13px!important;
  }

  .clf-live-category span{
    margin-bottom:23px!important;
  }

  .clf-live-category strong{
    font-size:19px!important;
  }

  .shop-catalog{
    padding-left:18px!important;
    padding-right:18px!important;
  }

  #shopProductGrid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:34px 10px!important;
  }

  .clf-live-product-media img{
    padding:10px!important;
  }

  .clf-live-product h3{
    font-size:17px!important;
  }
}


/* =========================================================
   CLF SHOP — CLEAN LUXURY FINAL
   categories + typography only / product grid stays clean
   ========================================================= */

:root{
  --clf-shop-paper:#f4f0e8;
  --clf-shop-white:#fff;
  --clf-shop-ink:#11100e;
  --clf-shop-muted:rgba(17,16,14,.52);
  --clf-shop-line:rgba(17,16,14,.16);
}

/* ---------- PAGE ---------- */

body{
  background:var(--clf-shop-paper)!important;
}

/* ---------- TOP ---------- */

.shop-hero{
  min-height:0!important;
  padding:30px 32px 28px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr)!important;
  gap:clamp(55px,7vw,110px)!important;
  align-items:end!important;
  border-bottom:0!important;
}

.shop-hero .kicker{
  display:inline-block!important;
  margin:0 14px 0 0!important;
  font-size:7px!important;
  font-weight:700!important;
  letter-spacing:.26em!important;
}

.shop-coming{
  display:inline-flex!important;
  align-items:center!important;
  min-height:25px!important;
  margin:0!important;
  padding:0 11px!important;
  background:var(--clf-shop-ink)!important;
  color:white!important;
  border:0!important;
  font-size:6px!important;
  font-weight:700!important;
  letter-spacing:.23em!important;
}

.shop-hero h1{
  margin:25px 0 0!important;
  font-family:var(--serif)!important;
  font-size:clamp(92px,8.5vw,136px)!important;
  line-height:.76!important;
  font-weight:400!important;
  letter-spacing:-.068em!important;
}

.shop-hero-copy{
  max-width:555px!important;
  padding:0 0 3px!important;
}

.shop-hero-copy > p{
  margin:0!important;
  max-width:555px!important;
  font-family:var(--serif)!important;
  font-size:clamp(25px,2.2vw,34px)!important;
  line-height:1.01!important;
  font-weight:400!important;
  letter-spacing:-.038em!important;
}

.shop-hero-copy ul{
  display:none!important;
}

/* =========================================================
   CATEGORIES
   clean, static, elegant
   ========================================================= */

.shop-categories{
  padding:20px 32px 48px!important;
}

.shop-categories .shop-section-head{
  display:none!important;
}

#shopCategoryGrid{
  width:100%!important;
  margin:0!important;
}

.clf-live-category-grid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:10px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  overflow:visible!important;
}

/* remove ALL previous animated category effects */
.clf-live-category:before,
.clf-live-category:after{
  content:none!important;
  display:none!important;
}

.clf-live-category{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;

  min-width:0!important;
  min-height:116px!important;
  margin:0!important;
  padding:17px 18px 18px!important;

  border:1px solid var(--clf-shop-line)!important;
  background:rgba(255,255,255,.38)!important;
  color:var(--clf-shop-ink)!important;

  text-align:left!important;
  overflow:hidden!important;

  transform:none!important;
  transition:
    background .18s ease,
    border-color .18s ease!important;
}

.clf-live-category:hover{
  transform:none!important;
  background:var(--clf-shop-white)!important;
  color:var(--clf-shop-ink)!important;
  border-color:rgba(17,16,14,.42)!important;
}

.clf-live-category.is-active{
  background:var(--clf-shop-ink)!important;
  color:white!important;
  border-color:var(--clf-shop-ink)!important;
}

/* small count */
.clf-live-category span{
  position:static!important;
  display:block!important;
  margin:0!important;
  padding:0!important;

  font-family:Arial,sans-serif!important;
  font-size:6px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:.23em!important;
  text-transform:uppercase!important;

  opacity:.48!important;
}

/* category name */
.clf-live-category strong{
  position:static!important;
  display:block!important;

  margin:32px 0 0!important;
  padding:0!important;

  font-family:var(--serif)!important;
  font-size:clamp(20px,1.55vw,27px)!important;
  line-height:.94!important;
  font-weight:400!important;
  letter-spacing:-.035em!important;
  text-transform:none!important;

  white-space:normal!important;
}

.clf-live-category.is-active span{
  opacity:.58!important;
}

/* =========================================================
   CATALOG HEADER
   ========================================================= */

.shop-catalog{
  padding:48px 32px 95px!important;
}

.shop-section-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(280px,360px)!important;
  gap:50px!important;
  align-items:end!important;
  margin-bottom:30px!important;
}

.shop-section-head .kicker{
  font-size:7px!important;
  font-weight:700!important;
  letter-spacing:.25em!important;
}

.shop-section-head h2{
  margin:8px 0 0!important;
  max-width:850px!important;

  font-family:var(--serif)!important;
  font-size:clamp(50px,4.8vw,76px)!important;
  line-height:.9!important;
  font-weight:400!important;
  letter-spacing:-.052em!important;
}

.shop-section-head p{
  margin:0!important;
  max-width:360px!important;
  font-size:11px!important;
  line-height:1.6!important;
  color:var(--clf-shop-muted)!important;
}

/* =========================================================
   PRODUCT GRID — NORMAL, CLEAN, IDENTICAL CARDS
   ========================================================= */

#shopProductGrid{
  counter-reset:none!important;

  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:42px 18px!important;
  align-items:start!important;
}

/* remove all editorial experiments */
.clf-live-product:before,
.clf-live-product:after{
  content:none!important;
  display:none!important;
}

#shopProductGrid .clf-live-product:nth-child(n){
  grid-column:auto!important;
}

#shopProductGrid .clf-live-product:nth-child(n) .clf-live-product-media{
  aspect-ratio:3/4!important;
  background:var(--clf-shop-white)!important;
}

/* white product card */
.clf-live-product-media{
  position:relative!important;
  width:100%!important;
  aspect-ratio:3/4!important;

  border:1px solid rgba(17,16,14,.08)!important;
  background:var(--clf-shop-white)!important;

  overflow:hidden!important;
}

/* remove old THE EDIT / special backgrounds */
.clf-live-product-media:before{
  content:none!important;
  display:none!important;
}

#shopProductGrid .clf-live-product:nth-child(n) .clf-live-product-media img,
.clf-live-product-media img{
  width:100%!important;
  height:100%!important;

  display:block!important;

  padding:18px!important;
  object-fit:contain!important;

  background:var(--clf-shop-white)!important;

  transform:scale(1)!important;
  transition:transform .28s ease!important;
}

.clf-live-product:hover .clf-live-product-media img{
  transform:scale(1.018)!important;
}

/* only a tiny hover mark */
.clf-live-product-media:after{
  content:"VIEW ↗"!important;

  position:absolute!important;
  right:10px!important;
  bottom:10px!important;

  display:block!important;

  padding:7px 8px!important;

  background:var(--clf-shop-ink)!important;
  color:white!important;

  font-family:Arial,sans-serif!important;
  font-size:6px!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:.18em!important;

  opacity:0!important;
  transform:none!important;
  transition:opacity .18s ease!important;
}

.clf-live-product:hover .clf-live-product-media:after{
  opacity:1!important;
  transform:none!important;
}

.clf-live-product-copy{
  padding:12px 1px 0!important;
  min-height:0!important;
}

/* merchant */
.clf-live-product-brand{
  display:block!important;
  margin:0 0 7px!important;

  font-family:Arial,sans-serif!important;
  font-size:6px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:.22em!important;
  text-transform:uppercase!important;

  color:var(--clf-shop-muted)!important;
}

/* glamorous product title */
.clf-live-product h3{
  margin:0!important;
  min-height:0!important;
  max-width:100%!important;

  font-family:var(--serif)!important;
  font-size:clamp(18px,1.35vw,22px)!important;
  line-height:1.04!important;
  font-weight:400!important;
  letter-spacing:-.032em!important;

  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}

/* price */
.clf-live-product-price{
  margin:9px 0 0!important;

  font-family:Arial,sans-serif!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:600!important;
  letter-spacing:.01em!important;
}

.clf-live-product-cta{
  display:none!important;
}

/* =========================================================
   MOBILE / TABLET
   ========================================================= */

@media(max-width:1100px){

  .clf-live-category-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  #shopProductGrid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@media(max-width:760px){

  .shop-hero{
    grid-template-columns:1fr!important;
    gap:20px!important;
    padding:22px 18px 21px!important;
  }

  .shop-hero h1{
    margin-top:21px!important;
    font-size:84px!important;
  }

  .shop-hero-copy > p{
    font-size:24px!important;
  }

  .shop-categories{
    padding:10px 18px 34px!important;
  }

  .clf-live-category-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }

  .clf-live-category{
    min-height:96px!important;
    padding:14px!important;
  }

  .clf-live-category strong{
    margin-top:26px!important;
    font-size:20px!important;
  }

  .shop-catalog{
    padding:38px 18px 65px!important;
  }

  .shop-section-head{
    grid-template-columns:1fr!important;
    gap:16px!important;
  }

  .shop-section-head h2{
    font-size:48px!important;
  }

  #shopProductGrid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:32px 10px!important;
  }

  .clf-live-product-media img{
    padding:10px!important;
  }

  .clf-live-product h3{
    font-size:17px!important;
  }
}

/* END CLF SHOP — CLEAN LUXURY FINAL */

/* =========================================================
   CLF SHOP — CATEGORY LUX FIX
   PRODUCT GRID UNTOUCHED
   ========================================================= */

/* category section MUST occupy full page width */
.shop-categories{
  display:block!important;
  width:100%!important;
  max-width:1600px!important;
  margin:0 auto!important;
  padding:18px 32px 44px!important;
}

#shopCategoryGrid{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}

/* six clearly visible categories */
.clf-live-category-grid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;

  gap:8px!important;
  margin:0!important;
  padding:0!important;

  border:0!important;
  background:transparent!important;
  overflow:visible!important;
}

/* elegant static category card */
.clf-live-category{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;

  width:100%!important;
  min-width:0!important;
  min-height:122px!important;

  padding:16px 17px 17px!important;

  border:1px solid rgba(17,16,14,.16)!important;
  border-radius:0!important;

  background:rgba(255,255,255,.40)!important;
  color:#11100e!important;

  overflow:hidden!important;
  transform:none!important;

  transition:
    background .2s ease,
    border-color .2s ease,
    color .2s ease!important;
}

/* kill every old animation */
.clf-live-category:before,
.clf-live-category:after{
  display:none!important;
  content:none!important;
}

.clf-live-category:hover{
  background:#fff!important;
  color:#11100e!important;
  border-color:rgba(17,16,14,.48)!important;
  transform:none!important;
}

.clf-live-category.is-active{
  background:#11100e!important;
  color:#f5f1e9!important;
  border-color:#11100e!important;
}

/* product count becomes discreet luxury microcopy */
.clf-live-category span{
  position:static!important;
  display:block!important;

  margin:0!important;
  padding:0!important;

  font-family:Arial,sans-serif!important;
  font-size:6px!important;
  line-height:1.15!important;
  font-weight:700!important;
  letter-spacing:.23em!important;
  text-transform:uppercase!important;

  opacity:.48!important;
}

/* category name */
.clf-live-category strong{
  position:static!important;
  display:block!important;

  width:100%!important;
  max-width:none!important;

  margin:33px 0 0!important;
  padding:0!important;

  font-family:var(--serif)!important;
  font-size:clamp(21px,1.65vw,29px)!important;
  line-height:.94!important;
  font-weight:400!important;
  letter-spacing:-.04em!important;
  text-transform:none!important;

  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

.clf-live-category.is-active span{
  opacity:.62!important;
}

/* tiny luxury accent */
.clf-live-category strong:after{
  content:"";
  display:block;
  width:18px;
  height:1px;
  margin-top:12px;
  background:currentColor;
  opacity:.55;
  transition:width .2s ease;
}

.clf-live-category:hover strong:after{
  width:34px;
}

/* slightly tighten the hero so categories feel connected */
.shop-hero{
  padding-bottom:20px!important;
}

.shop-hero h1{
  margin-bottom:0!important;
}

.shop-hero-copy > p{
  max-width:520px!important;
}

/* desktop: keep ALL categories visible */
@media(min-width:1101px){
  .clf-live-category-grid{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
  }
}

/* tablet */
@media(max-width:1100px) and (min-width:761px){
  .clf-live-category-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  .clf-live-category{
    min-height:106px!important;
  }
}

/* mobile */
@media(max-width:760px){
  .shop-categories{
    padding:10px 18px 34px!important;
  }

  .clf-live-category-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }

  .clf-live-category{
    min-height:94px!important;
    padding:13px!important;
  }

  .clf-live-category strong{
    margin-top:25px!important;
    font-size:20px!important;
  }
}

/* END CLF SHOP — CATEGORY LUX FIX */

/* =========================================================
   CLF SHOP — PRODUCT CARDS LUXE V1
   categories untouched
   ========================================================= */

#shopProductGrid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:34px 18px!important;
  align-items:start!important;
}

/* universal card target */
#shopProductGrid > *,
#shopProductGrid .shop-product-card{
  min-width:0!important;
}

/* if direct child is link/card wrapper */
#shopProductGrid > a,
#shopProductGrid > article,
#shopProductGrid > div,
#shopProductGrid .shop-product-card{
  position:relative!important;
}

/* image stage */
#shopProductGrid figure,
#shopProductGrid .shop-product-media,
#shopProductGrid .shop-card-media,
#shopProductGrid .product-media{
  position:relative!important;
  margin:0!important;
  background:#fff!important;
  border:1px solid rgba(17,16,14,.09)!important;
  min-height:380px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}

#shopProductGrid img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  transition:transform .45s ease!important;
  background:#fff!important;
}

#shopProductGrid > *:hover img,
#shopProductGrid .shop-product-card:hover img{
  transform:scale(1.035)!important;
}

/* content area */
#shopProductGrid .shop-product-copy,
#shopProductGrid .shop-card-copy,
#shopProductGrid .product-copy,
#shopProductGrid .card-copy{
  padding:12px 2px 0!important;
}

/* merchant / brand micro label */
#shopProductGrid .shop-product-merchant,
#shopProductGrid .merchant,
#shopProductGrid .meta,
#shopProductGrid .kicker,
#shopProductGrid .brand{
  display:block!important;
  margin:0 0 8px!important;
  color:#9b7a57!important;
  font-family:Arial,sans-serif!important;
  font-size:8px!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:.22em!important;
  text-transform:uppercase!important;
}

/* title */
#shopProductGrid h2,
#shopProductGrid h3,
#shopProductGrid .shop-product-title,
#shopProductGrid .product-title,
#shopProductGrid .card-title{
  margin:0 0 10px!important;
  color:#11100e!important;
  font-family:var(--serif)!important;
  font-size:clamp(20px,1.55vw,32px)!important;
  line-height:.98!important;
  font-weight:400!important;
  letter-spacing:-.04em!important;

  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  min-height:2.05em!important;
}

/* price */
#shopProductGrid .shop-product-price,
#shopProductGrid .price,
#shopProductGrid [data-price]{
  display:flex!important;
  align-items:baseline!important;
  gap:8px!important;
  margin:0!important;
  color:#11100e!important;
  font-family:Arial,sans-serif!important;
  font-size:26px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:-.02em!important;
}

/* old price if exists */
#shopProductGrid .old-price,
#shopProductGrid .compare-price,
#shopProductGrid .shop-product-old-price{
  color:rgba(17,16,14,.42)!important;
  font-size:14px!important;
  font-weight:500!important;
  text-decoration:line-through!important;
}

/* subtle CTA if view button exists */
#shopProductGrid .shop-product-cta,
#shopProductGrid .view-button,
#shopProductGrid .product-link-badge,
#shopProductGrid .shop-card-view{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  min-height:28px!important;
  padding:0 10px!important;
  border:1px solid #11100e!important;
  background:#11100e!important;
  color:#f6f2eb!important;
  font-family:Arial,sans-serif!important;
  font-size:9px!important;
  font-weight:700!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
}

/* vertical rhythm */
#shopProductGrid > *{
  padding-bottom:12px!important;
}

/* hover — very light luxury feel */
#shopProductGrid > *:hover figure,
#shopProductGrid > *:hover .shop-product-media,
#shopProductGrid > *:hover .shop-card-media,
#shopProductGrid .shop-product-card:hover figure,
#shopProductGrid .shop-product-card:hover .shop-product-media{
  border-color:rgba(17,16,14,.22)!important;
  box-shadow:0 14px 32px rgba(17,16,14,.06)!important;
}

/* make cards breathe but stay strict */
#shopProductGrid > *::after,
#shopProductGrid .shop-product-card::after{
  content:"";
  display:block;
  margin-top:14px;
  border-bottom:1px solid rgba(17,16,14,.07);
}

/* tablet */
@media(max-width:1180px){
  #shopProductGrid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:28px 16px!important;
  }
  #shopProductGrid figure,
  #shopProductGrid .shop-product-media,
  #shopProductGrid .shop-card-media{
    min-height:320px!important;
  }
}

/* mobile */
@media(max-width:760px){
  #shopProductGrid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:22px 12px!important;
  }
  #shopProductGrid figure,
  #shopProductGrid .shop-product-media,
  #shopProductGrid .shop-card-media{
    min-height:220px!important;
  }
  #shopProductGrid h2,
  #shopProductGrid h3,
  #shopProductGrid .shop-product-title,
  #shopProductGrid .product-title,
  #shopProductGrid .card-title{
    font-size:18px!important;
  }
  #shopProductGrid .shop-product-price,
  #shopProductGrid .price,
  #shopProductGrid [data-price]{
    font-size:20px!important;
  }
}

/* END CLF SHOP — PRODUCT CARDS LUXE V1 */

/* =========================================================
   CLF PRODUCT PAGE — LUXURY COMMERCE
   ========================================================= */

/* header/context line */
.event-context{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:30px!important;

  padding-top:15px!important;
  padding-bottom:15px!important;

  border-top:1px solid rgba(17,16,14,.16)!important;
  border-bottom:1px solid rgba(17,16,14,.16)!important;

  font-family:Arial,sans-serif!important;
  font-size:8px!important;
  font-weight:700!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
}

.event-context a{
  color:#11100e!important;
  text-decoration:none!important;
}

/* main product spread */
.clf-product-live{
  width:min(100%,1540px)!important;
  margin:0 auto!important;

  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr)!important;
  gap:clamp(55px,7vw,108px)!important;

  padding:48px 34px 76px!important;

  background:#f4f0e8!important;
}

/* image */
.clf-product-live-media{
  position:relative!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  min-height:640px!important;

  border:1px solid rgba(17,16,14,.09)!important;
  background:#fff!important;

  overflow:hidden!important;
}

.clf-product-live-media:before{
  content:"CLF SELECTION";
  position:absolute;
  left:18px;
  top:17px;

  font-family:Arial,sans-serif;
  font-size:6px;
  font-weight:700;
  letter-spacing:.25em;
  color:rgba(17,16,14,.42);
}

.clf-product-live-media img{
  display:block!important;

  width:100%!important;
  height:100%!important;
  max-height:720px!important;

  padding:50px!important;
  object-fit:contain!important;

  background:#fff!important;
}

/* product information */
.clf-product-live-copy{
  align-self:center!important;

  max-width:600px!important;
  padding:15px 3vw 15px 0!important;
}

.clf-product-live-copy > .kicker{
  display:block!important;

  margin-bottom:26px!important;

  font-family:Arial,sans-serif!important;
  font-size:7px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:.25em!important;
}

.clf-product-live-brand{
  display:block!important;

  margin:0 0 13px!important;

  color:rgba(17,16,14,.48)!important;

  font-family:Arial,sans-serif!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:.24em!important;
  text-transform:uppercase!important;
}

/* THIS was the big problem: no giant sans feed title */
.clf-product-live h1{
  max-width:590px!important;

  margin:0 0 24px!important;

  color:#11100e!important;

  font-family:var(--serif)!important;
  font-size:clamp(46px,4.4vw,70px)!important;
  line-height:.91!important;
  font-weight:400!important;
  letter-spacing:-.055em!important;

  text-wrap:balance!important;
}

/* price is a luxury anchor */
.clf-product-live-price{
  position:relative!important;

  margin:0 0 31px!important;
  padding:0 0 23px!important;

  color:#11100e!important;

  font-family:Arial,sans-serif!important;
  font-size:26px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:-.025em!important;

  border-bottom:1px solid rgba(17,16,14,.18)!important;
}

/* description */
.clf-product-live-deck{
  max-width:550px!important;

  margin:0 0 29px!important;

  color:rgba(17,16,14,.72)!important;

  font-size:14px!important;
  line-height:1.68!important;
}

/* facts */
.clf-product-live-meta{
  display:grid!important;
  gap:0!important;

  max-width:550px!important;

  margin:0!important;
  padding:0!important;

  border-top:1px solid rgba(17,16,14,.16)!important;
  border-bottom:1px solid rgba(17,16,14,.16)!important;

  font-family:Arial,sans-serif!important;
  font-size:10px!important;
  line-height:1.4!important;
  letter-spacing:.04em!important;
}

.clf-product-live-meta > div{
  padding:11px 0!important;
  border-bottom:1px solid rgba(17,16,14,.10)!important;
}

.clf-product-live-meta > div:last-child{
  border-bottom:0!important;
}

/* main CTA */
.clf-product-live-buy{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  width:100%!important;
  max-width:550px!important;
  min-height:62px!important;

  margin:27px 0 0!important;
  padding:18px 24px!important;

  border:1px solid #11100e!important;
  background:#11100e!important;
  color:#fff!important;

  font-family:Arial,sans-serif!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:.22em!important;
  text-transform:uppercase!important;

  text-decoration:none!important;

  transition:
    background .18s ease,
    color .18s ease!important;
}

.clf-product-live-buy:hover{
  background:transparent!important;
  color:#11100e!important;
  opacity:1!important;
}

/* disclosure */
.clf-product-live-disclosure{
  max-width:550px!important;

  margin:16px 0 0!important;

  color:rgba(17,16,14,.45)!important;

  font-family:Arial,sans-serif!important;
  font-size:8px!important;
  line-height:1.6!important;
  letter-spacing:.03em!important;
}

/* =========================================================
   RELATED BEFORE FOOTER
   ========================================================= */

.clf-related{
  width:min(100%,1540px)!important;
  margin:0 auto!important;

  padding:68px 34px 96px!important;

  border-top:1px solid rgba(17,16,14,.16)!important;
  background:#ede7dd!important;
}

.clf-related:before{
  content:"THE EDIT CONTINUES";
  display:block!important;

  margin:0 0 15px!important;

  font-family:Arial,sans-serif!important;
  font-size:7px!important;
  font-weight:700!important;
  letter-spacing:.25em!important;
}

.clf-related-head{
  margin:0 0 29px!important;
}

.clf-related-head h2{
  margin:0!important;

  font-family:var(--serif)!important;
  font-size:clamp(48px,4.7vw,72px)!important;
  line-height:.88!important;
  font-weight:400!important;
  letter-spacing:-.055em!important;
}

.clf-related-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:34px 16px!important;
}

.clf-related-card a{
  color:#11100e!important;
  text-decoration:none!important;
}

.clf-related-card img{
  display:block!important;

  width:100%!important;
  aspect-ratio:3/4!important;

  padding:20px!important;

  border:1px solid rgba(17,16,14,.08)!important;
  background:#fff!important;
  object-fit:contain!important;
}

.clf-related-card span{
  display:block!important;

  margin:11px 0 6px!important;

  font-family:Arial,sans-serif!important;
  font-size:6px!important;
  font-weight:700!important;
  letter-spacing:.22em!important;
  text-transform:uppercase!important;

  opacity:.48!important;
}

.clf-related-card h3{
  margin:0!important;

  font-family:var(--serif)!important;
  font-size:20px!important;
  line-height:1.02!important;
  font-weight:400!important;
  letter-spacing:-.035em!important;
}

.clf-related-card p{
  margin:9px 0 0!important;

  font-family:Arial,sans-serif!important;
  font-size:11px!important;
  font-weight:700!important;
}

/* =========================================================
   PFLEGE PENDING CATEGORY
   ========================================================= */

.clf-live-category.is-pending{
  cursor:default!important;
  opacity:.62!important;
}

.clf-live-category.is-pending:hover{
  background:rgba(255,255,255,.38)!important;
  border-color:rgba(17,16,14,.16)!important;
}

.clf-live-category.is-pending strong:after{
  width:18px!important;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:950px){

  .clf-product-live{
    grid-template-columns:1fr!important;
    gap:32px!important;
  }

  .clf-product-live-media{
    min-height:520px!important;
  }

  .clf-product-live-copy{
    max-width:700px!important;
    padding-right:0!important;
  }

  .clf-related-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:600px){

  .event-context{
    padding-inline:18px!important;
    gap:15px!important;
    font-size:6px!important;
  }

  .clf-product-live{
    padding:24px 18px 50px!important;
  }

  .clf-product-live-media{
    min-height:0!important;
    aspect-ratio:1/1!important;
  }

  .clf-product-live-media img{
    padding:24px!important;
  }

  .clf-product-live h1{
    font-size:43px!important;
  }

  .clf-product-live-price{
    font-size:22px!important;
  }

  .clf-related{
    padding:48px 18px 70px!important;
  }
}

/* END PRODUCT LUX */

/* =========================================================
   CLF SHOP CLIENT FINAL 1
   ========================================================= */

/* ---------- CATEGORY NAVIGATION ---------- */

.shop-categories{
  width:100%!important;
  max-width:1600px!important;
  margin:0 auto!important;
  padding-left:32px!important;
  padding-right:32px!important;
}

.clf-category-nav{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important;
  gap:7px!important;
  width:100%!important;
}

.clf-category-link{
  position:relative!important;

  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;

  min-width:0!important;
  min-height:82px!important;

  padding:13px 14px!important;

  border:1px solid rgba(17,16,14,.13)!important;
  background:rgba(255,255,255,.48)!important;
  color:#11100e!important;

  text-decoration:none!important;

  transition:
    background .18s ease,
    color .18s ease,
    border-color .18s ease!important;
}

.clf-category-link strong{
  font-family:var(--serif)!important;
  font-size:21px!important;
  line-height:.95!important;
  font-weight:400!important;
  letter-spacing:-.035em!important;
}

.clf-category-link span{
  margin-top:18px!important;

  font-family:Arial,sans-serif!important;
  font-size:6px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:.17em!important;
  text-transform:uppercase!important;

  opacity:.45!important;
}

.clf-category-link:hover{
  background:#fff!important;
  border-color:rgba(17,16,14,.4)!important;
}

.clf-category-link.is-active{
  background:#11100e!important;
  border-color:#11100e!important;
  color:#fff!important;
}


/* ---------- CUSTOMER FILTERS ---------- */

#clfShopFilterbar{
  display:grid!important;

  grid-template-columns:
    minmax(240px,1.4fr)
    minmax(190px,.85fr)
    minmax(160px,.7fr)
    minmax(105px,.42fr)!important;

  gap:8px!important;

  width:100%!important;
  margin:0 0 14px!important;
  padding:12px!important;

  border-top:1px solid rgba(17,16,14,.14)!important;
  border-bottom:1px solid rgba(17,16,14,.14)!important;

  background:#f5f1e9!important;

  position:sticky!important;
  top:0!important;
  z-index:20!important;
}

.clf-shop-control{
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  min-width:0!important;
}

.clf-shop-control > span{
  font-family:Arial,sans-serif!important;
  font-size:6px!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:.21em!important;

  color:rgba(17,16,14,.48)!important;
}

.clf-shop-control input,
.clf-shop-control select{
  display:block!important;

  width:100%!important;
  height:44px!important;

  margin:0!important;
  padding:0 12px!important;

  border:1px solid rgba(17,16,14,.16)!important;
  border-radius:0!important;

  background:#fff!important;
  color:#11100e!important;

  font-family:Arial,sans-serif!important;
  font-size:11px!important;

  outline:none!important;
}

.clf-shop-control input:focus,
.clf-shop-control select:focus{
  border-color:#11100e!important;
}

#clfShopResults{
  width:100%!important;
  margin:0 0 15px!important;

  font-family:Arial,sans-serif!important;
  font-size:7px!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  text-align:right!important;

  color:rgba(17,16,14,.48)!important;
}


/* ---------- PRODUCT GRID ---------- */

#shopProductGrid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:25px 15px!important;
  align-items:stretch!important;
}


/* ---------- LUXURY PRODUCT CARD ---------- */

.clf-live-product{
  position:relative!important;

  min-width:0!important;
  height:100%!important;

  margin:0!important;
  padding:0!important;

  border:1px solid rgba(17,16,14,.10)!important;
  background:#f8f5ef!important;

  overflow:hidden!important;

  transition:
    transform .25s ease,
    box-shadow .25s ease,
    border-color .25s ease!important;
}

.clf-live-product:before,
.clf-live-product:after{
  display:none!important;
  content:none!important;
}

.clf-live-product:hover{
  transform:translateY(-4px)!important;
  border-color:rgba(17,16,14,.28)!important;
  box-shadow:0 18px 45px rgba(17,16,14,.075)!important;
}

.clf-live-product-link{
  display:flex!important;
  flex-direction:column!important;

  height:100%!important;

  color:#11100e!important;
  text-decoration:none!important;
}

.clf-live-product-media{
  position:relative!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  width:100%!important;
  aspect-ratio:4/5!important;

  margin:0!important;

  border:0!important;
  border-bottom:1px solid rgba(17,16,14,.08)!important;

  background:#fff!important;
  overflow:hidden!important;
}

.clf-live-product-media:before,
.clf-live-product-media:after{
  display:none!important;
  content:none!important;
}

.clf-live-product-media img{
  display:block!important;

  width:100%!important;
  height:100%!important;

  padding:28px!important;

  object-fit:contain!important;
  object-position:center!important;

  background:#fff!important;

  transform:scale(1)!important;
  transition:transform .4s ease!important;
}

.clf-live-product:hover .clf-live-product-media img{
  transform:scale(1.025)!important;
}

.clf-product-selection{
  position:absolute!important;
  z-index:3!important;

  top:13px!important;
  left:13px!important;

  display:inline-flex!important;

  padding:6px 7px!important;

  background:#f5f1e9!important;
  color:rgba(17,16,14,.58)!important;

  font-family:Arial,sans-serif!important;
  font-size:5px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:.22em!important;
}

.clf-live-product-copy{
  display:flex!important;
  flex-direction:column!important;
  flex:1 1 auto!important;

  min-height:188px!important;

  padding:15px 15px 16px!important;

  background:#f8f5ef!important;
}

.clf-live-product-topline{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;

  gap:10px!important;

  width:100%!important;
  margin:0 0 14px!important;
}

.clf-live-product-brand{
  display:block!important;

  min-width:0!important;
  max-width:72%!important;

  margin:0!important;

  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;

  color:rgba(17,16,14,.43)!important;

  font-family:Arial,sans-serif!important;
  font-size:6px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
}

.clf-live-product-market{
  flex:0 0 auto!important;

  padding:5px 6px!important;

  border:1px solid rgba(17,16,14,.14)!important;
  background:#fff!important;

  color:rgba(17,16,14,.55)!important;

  font-family:Arial,sans-serif!important;
  font-size:5px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:.15em!important;
}

.clf-live-product h3{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;

  min-height:2em!important;

  margin:0!important;

  overflow:hidden!important;

  color:#11100e!important;

  font-family:var(--serif)!important;
  font-size:clamp(20px,1.45vw,27px)!important;
  line-height:1!important;
  font-weight:400!important;
  letter-spacing:-.042em!important;
}

.clf-live-product-bottom{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-end!important;

  gap:12px!important;

  width:100%!important;

  margin-top:auto!important;
  padding-top:20px!important;

  border-top:1px solid rgba(17,16,14,.09)!important;
}

.clf-live-product-price{
  display:block!important;

  margin:0!important;
  padding:0!important;

  color:#11100e!important;

  font-family:Arial,sans-serif!important;
  font-size:21px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:-.035em!important;
}

.clf-live-product-action{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;

  min-height:32px!important;

  padding:0 10px!important;

  border:1px solid #11100e!important;
  background:#11100e!important;
  color:#fff!important;

  font-family:Arial,sans-serif!important;
  font-size:6px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:.17em!important;

  white-space:nowrap!important;

  transition:
    background .18s ease,
    color .18s ease!important;
}

.clf-live-product:hover .clf-live-product-action{
  background:#fff!important;
  color:#11100e!important;
}


/* ---------- LOAD MORE ---------- */

#clfShopLoadMore{
  display:flex!important;
  justify-content:center!important;

  width:100%!important;
  padding:43px 0 0!important;
}

.clf-shop-more-button{
  min-width:235px!important;
  min-height:53px!important;

  padding:0 27px!important;

  border:1px solid #11100e!important;
  background:#11100e!important;
  color:#fff!important;

  font-family:Arial,sans-serif!important;
  font-size:8px!important;
  font-weight:700!important;
  letter-spacing:.20em!important;

  cursor:pointer!important;
}

.clf-shop-more-button:hover{
  background:#fff!important;
  color:#11100e!important;
}


/* ---------- PRODUCT PAGE RECOMMENDATIONS ---------- */

.clf-related-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:22px 14px!important;
}

.clf-related-card{
  min-width:0!important;

  border:1px solid rgba(17,16,14,.09)!important;
  background:#f8f5ef!important;
}

.clf-related-card img{
  display:block!important;

  width:100%!important;
  height:220px!important;

  margin:0!important;
  padding:18px!important;

  border:0!important;
  border-bottom:1px solid rgba(17,16,14,.08)!important;

  background:#fff!important;
  object-fit:contain!important;
}

.clf-related-card h3{
  font-size:18px!important;
  line-height:1.02!important;
}


/* ---------- RESPONSIVE ---------- */

@media(max-width:1100px){
  #shopProductGrid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  #clfShopFilterbar{
    grid-template-columns:1fr 1fr!important;
    position:relative!important;
    top:auto!important;
  }

  .clf-related-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@media(max-width:700px){
  .shop-categories{
    padding-left:18px!important;
    padding-right:18px!important;
  }

  .clf-category-nav{
    display:flex!important;
    gap:7px!important;

    overflow-x:auto!important;
    scrollbar-width:none!important;
  }

  .clf-category-nav::-webkit-scrollbar{
    display:none!important;
  }

  .clf-category-link{
    flex:0 0 145px!important;
    min-height:72px!important;
  }

  #clfShopFilterbar{
    grid-template-columns:1fr 1fr!important;
  }

  #clfShopFilterbar .clf-shop-control:first-child{
    grid-column:1 / -1!important;
  }

  #shopProductGrid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px 8px!important;
  }

  .clf-live-product-media img{
    padding:14px!important;
  }

  .clf-live-product-copy{
    min-height:158px!important;
    padding:11px!important;
  }

  .clf-live-product h3{
    font-size:17px!important;
  }

  .clf-live-product-price{
    font-size:17px!important;
  }

  .clf-live-product-action{
    min-height:27px!important;
    padding:0 7px!important;
    font-size:5px!important;
  }

  .clf-live-product-market{
    display:none!important;
  }

  .clf-related-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .clf-related-card img{
    height:170px!important;
  }
}

/* END CLF SHOP CLIENT FINAL 1 */

/* =========================================================
   CLF SHOP — COMPACT CLIENT LAYOUT FINAL
   products / filters logic untouched
   ========================================================= */

/* ---------- HERO: MUCH MORE COMPACT ---------- */

.shop-hero{
  min-height:0!important;

  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr)!important;
  align-items:end!important;

  gap:clamp(48px,6vw,90px)!important;

  padding:24px 18px 18px!important;
  margin:0!important;
}

.shop-hero h1{
  margin:18px 0 0!important;

  font-size:clamp(78px,7.4vw,110px)!important;
  line-height:.76!important;
  letter-spacing:-.065em!important;
}

.shop-hero .kicker{
  font-size:6px!important;
  letter-spacing:.25em!important;
}

.shop-coming{
  min-height:24px!important;
  padding:0 10px!important;
  font-size:6px!important;
}

/* right side */
.shop-hero-copy{
  max-width:525px!important;
  padding:0 0 3px!important;
}

.shop-hero-copy > p{
  max-width:525px!important;

  margin:0!important;

  font-family:var(--serif)!important;
  font-size:clamp(25px,2.25vw,34px)!important;
  line-height:.94!important;
  letter-spacing:-.045em!important;
}

/* remove the old three-line manifesto */
.shop-hero-copy ul{
  display:none!important;
}


/* ---------- CATEGORY NAV: ONE COMPACT SHOP ROW ---------- */

.shop-categories{
  width:100%!important;
  max-width:none!important;

  margin:0!important;
  padding:8px 18px 20px!important;

  border-bottom:1px solid rgba(17,16,14,.16)!important;
}

.shop-categories .shop-section-head{
  display:none!important;
}

#shopCategoryGrid{
  width:100%!important;
  margin:0!important;
}

.clf-category-nav{
  display:flex!important;
  flex-wrap:nowrap!important;

  width:100%!important;
  gap:0!important;

  border-top:1px solid rgba(17,16,14,.16)!important;
  border-bottom:1px solid rgba(17,16,14,.16)!important;

  overflow-x:auto!important;
  scrollbar-width:none!important;
}

.clf-category-nav::-webkit-scrollbar{
  display:none!important;
}

.clf-category-link{
  flex:1 1 0!important;
  min-width:118px!important;
  min-height:62px!important;

  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;

  padding:10px 13px!important;

  border:0!important;
  border-right:1px solid rgba(17,16,14,.14)!important;

  background:transparent!important;
  color:#11100e!important;

  text-decoration:none!important;

  transition:
    background .16s ease,
    color .16s ease!important;
}

.clf-category-link:last-child{
  border-right:0!important;
}

.clf-category-link strong{
  margin:0!important;

  font-family:var(--serif)!important;
  font-size:19px!important;
  line-height:1!important;
  font-weight:400!important;
  letter-spacing:-.035em!important;
}

.clf-category-link span{
  margin:6px 0 0!important;

  font-family:Arial,sans-serif!important;
  font-size:5px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;

  opacity:.42!important;
}

.clf-category-link:hover{
  background:#fff!important;
}

.clf-category-link.is-active{
  background:#11100e!important;
  color:#fff!important;
}


/* ---------- REMOVE THE HUGE GAP BEFORE PRODUCTS ---------- */

.shop-catalog{
  width:100%!important;

  margin:0!important;
  padding:26px 18px 72px!important;

  border-top:0!important;
}

/* compact editorial heading */
.shop-catalog > .shop-section-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(250px,340px)!important;

  align-items:end!important;

  gap:36px!important;

  margin:0 0 18px!important;
  padding:0 0 18px!important;

  border-bottom:1px solid rgba(17,16,14,.16)!important;
}

.shop-catalog > .shop-section-head .kicker{
  font-size:6px!important;
  letter-spacing:.24em!important;
}

.shop-catalog > .shop-section-head h2{
  max-width:none!important;

  margin:7px 0 0!important;

  font-family:var(--serif)!important;
  font-size:clamp(48px,4.5vw,66px)!important;
  line-height:.88!important;
  font-weight:400!important;
  letter-spacing:-.052em!important;
}

.shop-catalog > .shop-section-head p{
  max-width:320px!important;

  margin:0!important;

  font-size:10px!important;
  line-height:1.45!important;

  color:rgba(17,16,14,.48)!important;
}


/* ---------- FILTERS: IMMEDIATELY AFTER HEADING ---------- */

#clfShopFilterbar{
  position:sticky!important;
  top:0!important;
  z-index:30!important;

  display:grid!important;
  grid-template-columns:
    minmax(240px,1.35fr)
    minmax(180px,.8fr)
    minmax(155px,.7fr)
    110px!important;

  gap:7px!important;

  width:100%!important;

  margin:0 0 12px!important;
  padding:9px!important;

  border:1px solid rgba(17,16,14,.13)!important;

  background:rgba(245,241,233,.97)!important;
  backdrop-filter:blur(8px)!important;
}

.clf-shop-control{
  gap:5px!important;
}

.clf-shop-control > span{
  font-size:5px!important;
  letter-spacing:.20em!important;
}

.clf-shop-control input,
.clf-shop-control select{
  height:39px!important;

  padding:0 10px!important;

  font-size:10px!important;
}

#clfShopResults{
  min-height:0!important;

  margin:0 0 12px!important;

  font-size:6px!important;
}


/* ---------- PRODUCT GRID STARTS IMMEDIATELY ---------- */

#shopProductGrid{
  margin-top:0!important;
}


/* ---------- REMOVE OLD LAYOUT SPACERS ---------- */

.shop-catalog-tools{
  margin:0!important;
  padding:0!important;
}

.shop-catalog-tools:empty{
  display:none!important;
}

.shop-categories + .shop-catalog{
  margin-top:0!important;
}

.shop-catalog > *:first-child{
  margin-top:0!important;
}


/* ---------- TABLET ---------- */

@media(max-width:950px){

  .shop-hero{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }

  .shop-hero h1{
    font-size:82px!important;
  }

  .shop-hero-copy > p{
    max-width:640px!important;
  }

  .shop-catalog > .shop-section-head{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }

  #clfShopFilterbar{
    position:relative!important;
    top:auto!important;

    grid-template-columns:1fr 1fr!important;
  }
}


/* ---------- MOBILE ---------- */

@media(max-width:650px){

  .shop-hero{
    padding:18px 14px 15px!important;
  }

  .shop-hero h1{
    margin-top:15px!important;
    font-size:70px!important;
  }

  .shop-hero-copy > p{
    font-size:23px!important;
  }

  .shop-categories{
    padding:5px 14px 14px!important;
  }

  .clf-category-link{
    flex:0 0 128px!important;
    min-width:128px!important;
    min-height:57px!important;

    padding:9px 11px!important;
  }

  .clf-category-link strong{
    font-size:18px!important;
  }

  .shop-catalog{
    padding:21px 14px 55px!important;
  }

  .shop-catalog > .shop-section-head{
    margin-bottom:13px!important;
    padding-bottom:13px!important;
  }

  .shop-catalog > .shop-section-head h2{
    font-size:42px!important;
  }

  #clfShopFilterbar{
    grid-template-columns:1fr 1fr!important;
    padding:8px!important;
  }

  #clfShopFilterbar .clf-shop-control:first-child{
    grid-column:1 / -1!important;
  }
}

/* END CLF SHOP COMPACT CLIENT LAYOUT */

/* =========================================================
   CLF SHOP — LUXURY UX FINAL 2
   logical commerce flow:
   intro -> categories -> filters -> products
   ========================================================= */


/* =========================================================
   1. SHOP INTRO — NOT A SECOND HOMEPAGE HERO
   ========================================================= */

.shop-hero{
  display:grid!important;
  grid-template-columns:minmax(420px,.9fr) minmax(480px,1.1fr)!important;
  align-items:center!important;

  min-height:0!important;
  height:auto!important;

  gap:clamp(50px,7vw,120px)!important;

  margin:0!important;
  padding:26px 18px 28px!important;

  border-bottom:0!important;
}

/* The Shop = ONE LINE */
.shop-hero h1{
  margin:16px 0 0!important;

  font-family:var(--serif)!important;
  font-size:clamp(66px,6.4vw,94px)!important;
  line-height:.82!important;
  font-weight:400!important;
  letter-spacing:-.065em!important;

  white-space:nowrap!important;
}

.shop-hero h1 br{
  display:none!important;
}

.shop-hero .kicker{
  font-family:Arial,sans-serif!important;
  font-size:6px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:.25em!important;
}

.shop-coming{
  min-height:25px!important;

  margin-left:12px!important;
  padding:0 12px!important;

  display:inline-flex!important;
  align-items:center!important;

  background:#11100e!important;
  color:#fff!important;

  font-family:Arial,sans-serif!important;
  font-size:6px!important;
  font-weight:700!important;
  letter-spacing:.20em!important;
}

/* Short editorial statement */
.shop-hero-copy{
  width:100%!important;
  max-width:620px!important;

  margin:0!important;
  padding:0!important;
}

.shop-hero-copy > p{
  width:100%!important;
  max-width:620px!important;

  margin:0!important;

  font-family:var(--serif)!important;
  font-size:clamp(23px,2vw,31px)!important;
  line-height:.98!important;
  font-weight:400!important;
  letter-spacing:-.042em!important;
}

/* Those three old technical rows are unnecessary here */
.shop-hero-copy ul{
  display:none!important;
}


/* =========================================================
   2. CATEGORY NAVIGATION
   ========================================================= */

.shop-categories{
  width:100%!important;
  max-width:none!important;

  margin:0!important;
  padding:0 18px 18px!important;

  border-bottom:1px solid rgba(17,16,14,.14)!important;
}

.shop-categories .shop-section-head{
  display:none!important;
}

#shopCategoryGrid{
  width:100%!important;
  margin:0!important;
  padding:0!important;
}

/* luxury category index */
.clf-category-nav{
  display:flex!important;
  flex-wrap:nowrap!important;

  width:100%!important;

  gap:0!important;

  margin:0!important;
  padding:0!important;

  overflow-x:auto!important;
  scrollbar-width:none!important;

  border-top:1px solid rgba(17,16,14,.15)!important;
  border-bottom:1px solid rgba(17,16,14,.15)!important;
}

.clf-category-nav::-webkit-scrollbar{
  display:none!important;
}

.clf-category-link{
  flex:1 1 0!important;

  min-width:112px!important;
  min-height:58px!important;

  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;

  margin:0!important;
  padding:10px 13px!important;

  border:0!important;
  border-right:1px solid rgba(17,16,14,.12)!important;

  background:transparent!important;
  color:#11100e!important;

  text-decoration:none!important;

  transition:
    background .16s ease,
    color .16s ease!important;
}

.clf-category-link:last-child{
  border-right:0!important;
}

.clf-category-link strong{
  margin:0!important;

  font-family:var(--serif)!important;
  font-size:18px!important;
  line-height:1!important;
  font-weight:400!important;
  letter-spacing:-.032em!important;
}

.clf-category-link span{
  margin:6px 0 0!important;

  font-family:Arial,sans-serif!important;
  font-size:6px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:.15em!important;
  text-transform:uppercase!important;

  opacity:.43!important;
}

.clf-category-link:hover{
  background:#fff!important;
}

.clf-category-link.is-active{
  background:#11100e!important;
  color:#fff!important;
}


/* =========================================================
   3. REMOVE REDUNDANT CATALOG HERO COMPLETELY
   ========================================================= */

.shop-catalog{
  width:100%!important;

  margin:0!important;
  padding:17px 18px 70px!important;

  border:0!important;
}

/*
   "THE CURRENT EDIT / Die Auswahl der Redaktion"
   is redundant commerce-wise. Remove the whole block.
*/
.shop-catalog > .shop-section-head{
  display:none!important;
}


/* remove every old spacer between categories and controls */
.shop-catalog-tools,
.shop-catalog > .shop-catalog-tools{
  display:none!important;

  height:0!important;
  min-height:0!important;

  margin:0!important;
  padding:0!important;

  border:0!important;
}

.shop-catalog:before,
.shop-catalog:after{
  display:none!important;
  content:none!important;
}


/* =========================================================
   4. MODERN CUSTOMER FILTER BAR
   ========================================================= */

#clfShopFilterbar{
  position:sticky!important;
  top:0!important;
  z-index:40!important;

  display:grid!important;
  grid-template-columns:
    minmax(300px,1.45fr)
    minmax(205px,.85fr)
    minmax(185px,.75fr)
    minmax(120px,.45fr)!important;

  gap:8px!important;

  width:100%!important;

  margin:0 0 13px!important;
  padding:10px!important;

  border:1px solid rgba(17,16,14,.13)!important;

  background:rgba(244,240,232,.96)!important;

  -webkit-backdrop-filter:blur(12px)!important;
  backdrop-filter:blur(12px)!important;
}

.clf-shop-control{
  display:flex!important;
  flex-direction:column!important;

  min-width:0!important;

  gap:7px!important;

  margin:0!important;
  padding:0!important;
}

/* LABEL — readable now */
.clf-shop-control > span{
  display:block!important;

  margin:0!important;

  color:rgba(17,16,14,.58)!important;

  font-family:Arial,sans-serif!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:.17em!important;
  text-transform:uppercase!important;
}

/* INPUT / SELECT — modern normal size */
.clf-shop-control input,
.clf-shop-control select{
  display:block!important;

  width:100%!important;
  height:48px!important;

  margin:0!important;
  padding:0 14px!important;

  border:1px solid rgba(17,16,14,.16)!important;
  border-radius:0!important;

  background:#fff!important;
  color:#11100e!important;

  font-family:Arial,sans-serif!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:500!important;

  outline:none!important;

  box-shadow:none!important;

  transition:border-color .16s ease!important;
}

.clf-shop-control input::placeholder{
  color:rgba(17,16,14,.42)!important;
}

.clf-shop-control input:focus,
.clf-shop-control select:focus{
  border-color:#11100e!important;
}

/* Result counter becomes part of commerce toolbar */
#clfShopResults{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;

  width:100%!important;
  min-height:20px!important;

  margin:0 0 13px!important;
  padding:0!important;

  color:rgba(17,16,14,.48)!important;

  font-family:Arial,sans-serif!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
}


/* =========================================================
   5. PRODUCTS START DIRECTLY AFTER CONTROLS
   ========================================================= */

#shopProductGrid{
  margin:0!important;
  padding:0!important;
}


/* =========================================================
   6. LESS "2000s", MORE QUIET LUXURY
   ========================================================= */

/* no random horizontal empty bands */
.shop-categories + .shop-catalog{
  margin-top:0!important;
}

.shop-catalog > *{
  scroll-margin-top:90px;
}

/* controls sit on paper, products on page */
#clfShopFilterbar + #clfShopResults{
  margin-top:0!important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:1000px){

  .shop-hero{
    grid-template-columns:1fr!important;

    gap:18px!important;

    padding:22px 18px!important;
  }

  .shop-hero h1{
    font-size:78px!important;
  }

  .shop-hero-copy{
    max-width:720px!important;
  }

  .shop-hero-copy > p{
    max-width:720px!important;
  }

  #clfShopFilterbar{
    position:relative!important;
    top:auto!important;

    grid-template-columns:1fr 1fr!important;
  }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:650px){

  .shop-hero{
    padding:18px 14px!important;
  }

  .shop-hero h1{
    margin-top:14px!important;

    font-size:62px!important;
  }

  .shop-hero-copy > p{
    font-size:22px!important;
    line-height:1!important;
  }

  .shop-categories{
    padding:0 14px 13px!important;
  }

  .clf-category-link{
    flex:0 0 132px!important;

    min-width:132px!important;
    min-height:56px!important;

    padding:9px 11px!important;
  }

  .clf-category-link strong{
    font-size:18px!important;
  }

  .shop-catalog{
    padding:13px 14px 55px!important;
  }

  #clfShopFilterbar{
    grid-template-columns:1fr 1fr!important;

    gap:7px!important;

    padding:8px!important;
  }

  #clfShopFilterbar .clf-shop-control:first-child{
    grid-column:1 / -1!important;
  }

  .clf-shop-control > span{
    font-size:7px!important;
  }

  .clf-shop-control input,
  .clf-shop-control select{
    height:46px!important;
    font-size:13px!important;
  }

  #clfShopResults{
    justify-content:flex-start!important;
    font-size:8px!important;
  }
}

/* END CLF SHOP — LUXURY UX FINAL 2 */

/* CLF SHOP ULTRA LUXE FINAL START */

:root{
  --ul-ink:#15130f;
  --ul-paper:#f4f0e7;
  --ul-paper-2:#faf7f0;
  --ul-bronze:#a88b5d;
  --ul-bronze-light:#c8ad7c;
  --ul-muted:#766d61;
}


/* =========================================================
   HERO — EDITORIAL HOUSE, NOT CATALOGUE
   ========================================================= */

.shop-hero{
  box-sizing:border-box!important;

  min-height:0!important;
  height:auto!important;

  display:grid!important;
  grid-template-columns:minmax(380px,.92fr) minmax(500px,1.08fr)!important;

  align-items:end!important;

  gap:clamp(70px,8vw,150px)!important;

  margin:0 auto!important;

  padding:
    78px
    clamp(34px,5vw,86px)
    62px!important;

  border:0!important;
  background:transparent!important;
}


/* LEFT SIDE */

.shop-hero > div:first-child{
  display:grid!important;

  grid-template-columns:auto auto 1fr!important;
  align-items:center!important;

  column-gap:22px!important;
  row-gap:0!important;

  min-width:0!important;
  min-height:0!important;

  padding:0!important;
  margin:0!important;
}


/* CLF label */

.shop-hero .kicker{
  grid-column:1!important;

  display:block!important;

  margin:0!important;
  padding:0!important;

  font-size:6.5px!important;
  line-height:1!important;
  font-weight:700!important;

  letter-spacing:.22em!important;
  text-transform:uppercase!important;

  white-space:nowrap!important;

  opacity:.62!important;
}


/* LIVE badge — now clearly separate */

.shop-hero .shop-coming{
  grid-column:2!important;

  display:inline-flex!important;
  align-items:center!important;

  width:max-content!important;

  margin:0!important;
  padding:8px 11px 7px!important;

  background:var(--ul-ink)!important;
  color:#f7f2e9!important;

  border:0!important;

  font-size:6px!important;
  line-height:1!important;
  font-weight:700!important;

  letter-spacing:.17em!important;
  text-transform:uppercase!important;
}


/* THE SHOP — deliberately two-part editorial lockup */

.shop-hero h1{
  grid-column:1 / -1!important;

  display:flex!important;
  align-items:flex-end!important;

  gap:18px!important;

  margin:32px 0 0!important;
  padding:0!important;

  color:transparent!important;

  font-size:0!important;
  line-height:0!important;

  overflow:visible!important;
}


.shop-hero h1::before{
  content:"The"!important;

  display:block!important;

  margin:0 0 11px!important;

  font-family:var(--serif,Georgia,"Times New Roman",serif)!important;

  font-size:clamp(45px,4.2vw,69px)!important;
  line-height:.85!important;

  font-weight:400!important;
  font-style:italic!important;

  letter-spacing:-.055em!important;

  color:var(--ul-ink)!important;
}


.shop-hero h1::after{
  content:"Shop"!important;

  display:block!important;

  font-family:var(--serif,Georgia,"Times New Roman",serif)!important;

  font-size:clamp(98px,8.7vw,146px)!important;
  line-height:.74!important;

  font-weight:400!important;

  letter-spacing:-.075em!important;

  color:var(--ul-ink)!important;
}


/* RIGHT SIDE */

.shop-hero-copy{
  position:relative!important;

  align-self:end!important;

  min-width:0!important;
  min-height:0!important;

  padding:0 0 4px!important;
  margin:0!important;

  border:0!important;
}


/* single bronze signature */

.shop-hero-copy::before{
  content:""!important;

  display:block!important;

  width:44px!important;
  height:1px!important;

  margin:0 0 23px!important;

  background:var(--ul-bronze)!important;
}


.shop-hero-copy > p{
  max-width:680px!important;

  margin:0 0 29px!important;
  padding:0!important;

  border:0!important;

  font-family:var(--serif,Georgia,"Times New Roman",serif)!important;

  font-size:clamp(29px,2.55vw,43px)!important;
  line-height:.98!important;

  font-weight:400!important;

  letter-spacing:-.042em!important;

  color:var(--ul-ink)!important;
}


/* principles become discreet signatures */

.shop-principles{
  display:flex!important;
  flex-wrap:wrap!important;

  gap:11px 30px!important;

  margin:0!important;
  padding:0!important;

  border:0!important;
  background:transparent!important;
}


.shop-principles span{
  position:relative!important;

  display:block!important;

  min-width:0!important;
  min-height:0!important;

  margin:0!important;
  padding:0 0 0 14px!important;

  border:0!important;
  background:none!important;

  font-family:var(--sans,Arial,sans-serif)!important;

  font-size:6.3px!important;
  line-height:1.4!important;

  font-weight:700!important;

  letter-spacing:.18em!important;
  text-transform:uppercase!important;

  color:#665d51!important;
}


.shop-principles span::before{
  content:""!important;

  position:absolute!important;

  left:0!important;
  top:50%!important;

  width:4px!important;
  height:4px!important;

  border:1px solid var(--ul-bronze)!important;

  transform:
    translateY(-50%)
    rotate(45deg)!important;
}


/* =========================================================
   CATEGORY JEWELLERY BAR
   ========================================================= */

.shop-categories{
  margin:0!important;
  padding:0!important;

  border:0!important;
  background:transparent!important;
}


#shopCategoryGrid,
.shop-category-grid{
  display:block!important;

  width:100%!important;

  margin:0!important;
  padding:0!important;

  border:0!important;
  background:none!important;
}


/* one continuous luxury bar */

.clf-category-nav{
  display:grid!important;

  grid-template-columns:repeat(9,minmax(0,1fr))!important;

  gap:0!important;

  width:100%!important;

  margin:0!important;
  padding:0 clamp(20px,2.5vw,44px)!important;

  background:var(--ul-ink)!important;

  border:0!important;

  box-shadow:
    0 18px 42px rgba(24,19,13,.08)!important;
}


/* no cards */

.clf-category-link{
  position:relative!important;

  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;

  min-width:0!important;
  min-height:118px!important;

  margin:0!important;

  padding:19px 15px 17px!important;

  border:0!important;
  border-right:1px solid rgba(255,255,255,.09)!important;

  background:transparent!important;

  color:#f2ede4!important;

  text-decoration:none!important;

  box-shadow:none!important;

  transform:none!important;

  transition:
    background .22s ease,
    color .22s ease!important;
}


.clf-category-link:last-child{
  border-right:0!important;
}


/* remove old little decoration */

.clf-category-link::after{
  content:none!important;
  display:none!important;
}


/* icon */

.clf-category-icon{
  display:flex!important;

  align-items:center!important;
  justify-content:center!important;

  width:28px!important;
  height:28px!important;

  margin:0 0 13px!important;

  color:var(--ul-bronze-light)!important;

  opacity:.9!important;

  transition:
    transform .25s ease,
    color .25s ease!important;
}


.clf-category-icon svg{
  width:100%!important;
  height:100%!important;

  fill:none!important;
  stroke:currentColor!important;

  stroke-width:1.1!important;
}


/* category text */

.clf-category-link{
  font-family:var(--serif,Georgia,"Times New Roman",serif)!important;

  font-size:17px!important;
  line-height:1!important;

  letter-spacing:-.025em!important;
}


.clf-category-link small,
.clf-category-link .count,
.clf-category-link [class*="count"]{
  margin-top:8px!important;

  font-family:var(--sans,Arial,sans-serif)!important;

  font-size:5.7px!important;
  line-height:1!important;

  font-weight:700!important;

  letter-spacing:.16em!important;
  text-transform:uppercase!important;

  color:rgba(242,237,228,.42)!important;
}


/* hover */

.clf-category-link:hover{
  background:rgba(255,255,255,.055)!important;
}


.clf-category-link:hover .clf-category-icon{
  transform:translateY(-2px)!important;

  color:#ddc28e!important;
}


/* active — ivory interruption in black bar */

.clf-category-link.is-active{
  background:var(--ul-paper-2)!important;

  color:var(--ul-ink)!important;
}


.clf-category-link.is-active .clf-category-icon{
  color:var(--ul-bronze)!important;
}


.clf-category-link.is-active small,
.clf-category-link.is-active .count,
.clf-category-link.is-active [class*="count"]{
  color:#857868!important;
}


/* =========================================================
   CATALOG — REMOVE EMPTY BOXES / LINES
   ========================================================= */

.shop-catalog{
  margin:0!important;

  padding:
    46px
    clamp(24px,3vw,48px)
    90px!important;

  border:0!important;

  background:transparent!important;
}


.shop-catalog::before,
.shop-catalog::after{
  content:none!important;
  display:none!important;
}


.shop-catalog-tools{
  min-height:0!important;
  height:auto!important;

  margin:0!important;
  padding:0!important;

  border:0!important;
  background:none!important;

  box-shadow:none!important;
}


.shop-catalog-tools:empty{
  display:none!important;
}


/* no useless rule above filters */

.shop-catalog > .shop-section-head{
  border:0!important;
}


.shop-catalog > .shop-section-head:empty{
  display:none!important;
}


/* =========================================================
   FILTERS — ALMOST INVISIBLE
   ========================================================= */

#shopFilters,
.shop-filters{
  margin:0!important;

  padding:0!important;

  border:0!important;

  background:transparent!important;

  box-shadow:none!important;
}


#shopFilters::before,
#shopFilters::after,
.shop-filters::before,
.shop-filters::after{
  content:none!important;
  display:none!important;
}


/* controls */

.shop-filters label,
.shop-filter-control{
  padding:0!important;
  margin:0!important;

  border:0!important;

  background:none!important;
}


/* labels */

.shop-filters label > span,
.shop-filter-control > span{
  display:block!important;

  margin:0 0 8px!important;

  font-family:var(--sans,Arial,sans-serif)!important;

  font-size:6.2px!important;
  line-height:1!important;

  font-weight:700!important;

  letter-spacing:.19em!important;
  text-transform:uppercase!important;

  color:#756a5b!important;
}


/* remove input boxes — fashion house style */

.shop-filters input,
.shop-filters select,
.shop-filter-control input,
.shop-filter-control select,
.shop-catalog-tools input,
.shop-catalog-tools select{
  min-height:49px!important;

  padding:0 2px!important;

  border:0!important;
  border-bottom:1px solid rgba(21,19,15,.23)!important;

  border-radius:0!important;

  background:transparent!important;

  color:var(--ul-ink)!important;

  box-shadow:none!important;

  font-size:12px!important;
}


.shop-filters input:focus,
.shop-filters select:focus,
.shop-filter-control input:focus,
.shop-filter-control select:focus,
.shop-catalog-tools input:focus,
.shop-catalog-tools select:focus{
  outline:none!important;

  border-bottom-color:var(--ul-bronze)!important;
}


/* result counter */

#shopResultCount,
.shop-result-count,
.shop-results-count{
  color:#766d61!important;

  font-size:6.5px!important;

  letter-spacing:.17em!important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:1080px){

  .shop-hero{
    grid-template-columns:1fr!important;

    gap:46px!important;

    padding:
      58px
      clamp(26px,5vw,52px)
      46px!important;
  }


  .shop-hero-copy{
    max-width:760px!important;
  }


  .clf-category-nav{
    grid-template-columns:repeat(9,minmax(125px,1fr))!important;

    overflow-x:auto!important;

    scrollbar-width:none!important;
  }


  .clf-category-nav::-webkit-scrollbar{
    display:none!important;
  }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:650px){

  .shop-hero{
    gap:38px!important;

    padding:38px 20px 34px!important;
  }


  .shop-hero > div:first-child{
    grid-template-columns:1fr!important;

    gap:13px!important;
  }


  .shop-hero .kicker,
  .shop-hero .shop-coming{
    grid-column:1!important;
  }


  .shop-hero h1{
    grid-column:1!important;

    gap:10px!important;

    margin-top:19px!important;
  }


  .shop-hero h1::before{
    margin-bottom:8px!important;

    font-size:38px!important;
  }


  .shop-hero h1::after{
    font-size:82px!important;
  }


  .shop-hero-copy > p{
    font-size:29px!important;
  }


  .shop-principles{
    display:grid!important;

    grid-template-columns:1fr!important;

    gap:8px!important;
  }


  .clf-category-nav{
    display:flex!important;

    padding:0 10px!important;

    overflow-x:auto!important;

    scroll-snap-type:x proximity!important;
  }


  .clf-category-link{
    flex:0 0 116px!important;

    min-height:104px!important;

    padding:16px 12px!important;

    scroll-snap-align:start!important;
  }


  .shop-catalog{
    padding:32px 18px 70px!important;
  }
}

/* CLF SHOP ULTRA LUXE FINAL END */

/* CLF SHOP LIVING LUXE START */


/* =========================================================
   1. CATEGORY NAV — COUTURE INTERACTION
   ========================================================= */

.clf-category-link{
  isolation:isolate!important;
  overflow:hidden!important;

  transition:
    background .34s cubic-bezier(.2,.7,.2,1),
    color .34s ease,
    padding .34s cubic-bezier(.2,.7,.2,1)!important;
}


/* bronze line that grows on hover */

.clf-category-link::after{
  content:""!important;

  display:block!important;

  position:absolute!important;

  z-index:3!important;

  left:15px!important;
  bottom:13px!important;

  width:34px!important;
  height:1px!important;

  background:#c8ad7c!important;

  transform:scaleX(0)!important;
  transform-origin:left center!important;

  opacity:0!important;

  transition:
    transform .38s cubic-bezier(.2,.7,.2,1),
    opacity .25s ease!important;
}


/* very subtle light travelling through dark category */

.clf-category-link::before{
  content:""!important;

  position:absolute!important;

  z-index:-1!important;

  top:0!important;
  bottom:0!important;

  left:-70%!important;

  width:52%!important;

  background:
    linear-gradient(
      105deg,
      transparent 0%,
      rgba(255,255,255,.015) 25%,
      rgba(255,255,255,.085) 50%,
      rgba(255,255,255,.015) 75%,
      transparent 100%
    )!important;

  transform:skewX(-16deg)!important;

  transition:left .62s cubic-bezier(.2,.7,.2,1)!important;

  pointer-events:none!important;
}


.clf-category-link:hover{
  background:rgba(255,255,255,.075)!important;

  padding-left:19px!important;

  color:#fffaf1!important;
}


.clf-category-link:hover::before{
  left:125%!important;
}


.clf-category-link:hover::after{
  transform:scaleX(1)!important;
  opacity:1!important;
}


/* jewellery icon */

.clf-category-icon{
  transform-origin:center!important;

  transition:
    transform .38s cubic-bezier(.2,.8,.2,1),
    color .3s ease,
    filter .3s ease!important;
}


.clf-category-link:hover .clf-category-icon{
  transform:
    translateY(-4px)
    rotate(-3deg)
    scale(1.08)!important;

  color:#e0c48d!important;

  filter:
    drop-shadow(0 4px 7px rgba(200,173,124,.18))!important;
}


/* ACTIVE CATEGORY */

.clf-category-link.is-active{
  transition:
    background .3s ease,
    color .3s ease!important;
}


.clf-category-link.is-active::before{
  background:
    linear-gradient(
      110deg,
      transparent,
      rgba(168,139,93,.07),
      transparent
    )!important;
}


.clf-category-link.is-active:hover{
  background:#fffaf1!important;
  color:#15130f!important;
}


.clf-category-link.is-active:hover .clf-category-icon{
  color:#967647!important;
}


.clf-category-link.is-active::after{
  background:#9f8154!important;
}


/* entrance — refined, not flashy */

@keyframes clfCategoryArrival{
  from{
    opacity:0;
    transform:translateY(7px);
  }

  to{
    opacity:1;
    transform:translateY(0);
  }
}


.clf-category-link{
  animation:
    clfCategoryArrival .5s both
    cubic-bezier(.2,.7,.2,1)!important;
}

.clf-category-link:nth-child(1){animation-delay:.02s!important}
.clf-category-link:nth-child(2){animation-delay:.05s!important}
.clf-category-link:nth-child(3){animation-delay:.08s!important}
.clf-category-link:nth-child(4){animation-delay:.11s!important}
.clf-category-link:nth-child(5){animation-delay:.14s!important}
.clf-category-link:nth-child(6){animation-delay:.17s!important}
.clf-category-link:nth-child(7){animation-delay:.20s!important}
.clf-category-link:nth-child(8){animation-delay:.23s!important}
.clf-category-link:nth-child(9){animation-delay:.26s!important}



/* =========================================================
   2. PRODUCT CARDS — QUIET LUXURY MOTION
   ========================================================= */

.shop-product-card{
  position:relative!important;

  transition:
    transform .42s cubic-bezier(.2,.7,.2,1),
    box-shadow .42s ease!important;

  will-change:transform!important;
}


.shop-product-card:hover{
  z-index:2!important;

  transform:translateY(-6px)!important;

  box-shadow:
    0 22px 50px rgba(27,21,14,.09)!important;
}


.shop-product-link{
  position:relative!important;

  display:block!important;

  overflow:hidden!important;
}


/* PHOTO */

.shop-product-card img{
  transition:
    transform .72s cubic-bezier(.2,.7,.2,1),
    filter .45s ease!important;

  transform-origin:center center!important;
}


.shop-product-card:hover img{
  transform:scale(1.032)!important;

  filter:
    contrast(1.012)
    saturate(1.015)!important;
}


/* image sheen */

.shop-product-card figure{
  position:relative!important;
  overflow:hidden!important;
}


.shop-product-card figure::after{
  content:""!important;

  position:absolute!important;

  z-index:4!important;

  inset:0!important;

  background:
    linear-gradient(
      108deg,
      transparent 25%,
      rgba(255,255,255,.19) 49%,
      transparent 73%
    )!important;

  transform:translateX(-125%)!important;

  transition:
    transform .85s cubic-bezier(.2,.7,.2,1)!important;

  pointer-events:none!important;
}


.shop-product-card:hover figure::after{
  transform:translateX(125%)!important;
}


/* PRODUCT NAME */

.shop-product-card h2,
.shop-product-card h3{
  transition:
    transform .34s cubic-bezier(.2,.7,.2,1),
    color .3s ease!important;
}


.shop-product-card:hover h2,
.shop-product-card:hover h3{
  transform:translateX(3px)!important;

  color:#765b37!important;
}


/* merchant / brand micro typography */

.shop-product-card .brand,
.shop-product-card .shop-brand,
.shop-product-card [class*="merchant"]{
  transition:
    opacity .3s ease,
    letter-spacing .3s ease!important;
}


.shop-product-card:hover .brand,
.shop-product-card:hover .shop-brand,
.shop-product-card:hover [class*="merchant"]{
  opacity:.82!important;
  letter-spacing:.15em!important;
}



/* =========================================================
   3. FILTERS — LIGHT RESPONSE
   ========================================================= */

.shop-filters input,
.shop-filters select,
.shop-filter-control input,
.shop-filter-control select,
.shop-catalog-tools input,
.shop-catalog-tools select{
  transition:
    border-color .26s ease,
    color .26s ease,
    padding-left .26s ease!important;
}


.shop-filters input:hover,
.shop-filters select:hover,
.shop-filter-control input:hover,
.shop-filter-control select:hover,
.shop-catalog-tools input:hover,
.shop-catalog-tools select:hover{
  border-bottom-color:#a88b5d!important;
}


.shop-filters input:focus,
.shop-filters select:focus,
.shop-filter-control input:focus,
.shop-filter-control select:focus,
.shop-catalog-tools input:focus,
.shop-catalog-tools select:focus{
  padding-left:8px!important;
}



/* =========================================================
   4. ACCESSIBILITY — DON'T FORCE MOTION
   ========================================================= */

@media(prefers-reduced-motion:reduce){

  .clf-category-link,
  .clf-category-icon,
  .clf-category-link::before,
  .clf-category-link::after,
  .shop-product-card,
  .shop-product-card img,
  .shop-product-card figure::after,
  .shop-product-card h2,
  .shop-product-card h3{
    animation:none!important;
    transition:none!important;
  }
}


/* mobile — no lift that can disturb scrolling */

@media(max-width:650px){

  .shop-product-card:hover{
    transform:none!important;
    box-shadow:none!important;
  }

  .clf-category-link:hover{
    padding-left:12px!important;
  }
}

/* CLF SHOP LIVING LUXE END */

/* CLF PRODUCT LANGUAGE LUXE START */


/* RIGHT COLUMN — more authority */

.clf-product-live-copy,
.clf-product-live-info{
  max-width:720px!important;
}


.clf-product-live h1{
  margin-top:12px!important;

  font-family:var(--serif,Georgia,"Times New Roman",serif)!important;

  font-size:clamp(56px,5vw,82px)!important;
  line-height:.91!important;

  font-weight:400!important;
  letter-spacing:-.055em!important;

  color:#17140f!important;
}


.clf-product-live-price{
  margin-top:22px!important;

  font-size:31px!important;
  line-height:1!important;

  font-weight:700!important;

  letter-spacing:-.035em!important;

  color:#17140f!important;
}


/* LOCALIZED PRODUCT COPY */

.clf-product-local-description{
  position:relative!important;

  margin:30px 0 26px!important;
  padding:28px 0 4px!important;

  border-top:1px solid rgba(23,20,15,.18)!important;
}


.clf-product-local-description::before{
  content:""!important;

  position:absolute!important;

  top:-1px!important;
  left:0!important;

  width:48px!important;
  height:1px!important;

  background:#a88b5d!important;
}


.clf-product-local-description-label{
  display:block!important;

  margin-bottom:15px!important;

  font-family:var(--sans,Arial,sans-serif)!important;

  font-size:7px!important;
  line-height:1!important;

  font-weight:700!important;

  letter-spacing:.19em!important;
  text-transform:uppercase!important;

  color:#8b7553!important;
}


.clf-product-description,
.clf-product-description-secondary{
  max-width:670px!important;

  margin:0!important;

  font-family:var(--sans,Arial,sans-serif)!important;

  font-size:17px!important;
  line-height:1.68!important;

  font-weight:400!important;

  letter-spacing:.002em!important;

  color:#5e574e!important;
}


.clf-product-description-secondary{
  margin-top:13px!important;

  color:#756d62!important;
}


/* Merchant/category metadata — no microscopic text */

.clf-product-live-copy > div,
.clf-product-live-info > div{
  font-size:11px!important;
  line-height:1.45!important;
}


/* ========================================================
   DESTINATION / PARTNER
   ======================================================== */

.clf-product-destination{
  position:relative!important;

  margin:31px 0 0!important;
  padding:29px 30px 27px!important;

  overflow:hidden!important;

  background:#17140f!important;
  color:#f7f1e6!important;

  box-shadow:
    0 18px 50px rgba(27,21,13,.10)!important;
}


.clf-product-destination::before{
  content:""!important;

  position:absolute!important;

  top:0!important;
  left:30px!important;

  width:48px!important;
  height:2px!important;

  background:#b59662!important;
}


.clf-product-destination-kicker{
  display:block!important;

  margin:0 0 13px!important;

  font-family:var(--sans,Arial,sans-serif)!important;

  font-size:7px!important;
  line-height:1!important;

  font-weight:700!important;

  letter-spacing:.19em!important;
  text-transform:uppercase!important;

  color:#c5a979!important;
}


.clf-product-destination-name{
  display:block!important;

  margin:0 0 14px!important;

  font-family:var(--serif,Georgia,"Times New Roman",serif)!important;

  font-size:clamp(25px,2.2vw,34px)!important;
  line-height:1.02!important;

  font-weight:400!important;

  letter-spacing:-.035em!important;

  color:#fffaf0!important;
}


.clf-product-destination-copy{
  max-width:570px!important;

  margin:0 0 23px!important;

  font-size:13px!important;
  line-height:1.58!important;

  color:rgba(247,241,230,.68)!important;
}


/* CTA */

.clf-product-destination-cta{
  position:relative!important;

  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;

  width:100%!important;
  min-height:61px!important;

  box-sizing:border-box!important;

  padding:0 18px!important;

  border:1px solid rgba(197,169,121,.55)!important;

  background:transparent!important;
  color:#fffaf0!important;

  text-decoration:none!important;

  transition:
    background .28s ease,
    color .28s ease,
    border-color .28s ease!important;
}


.clf-product-destination-cta span{
  font-size:10px!important;
  line-height:1.2!important;

  font-weight:700!important;

  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}


.clf-product-destination-cta b{
  font-family:Georgia,serif!important;

  font-size:22px!important;
  line-height:1!important;

  font-weight:400!important;

  color:#c5a979!important;

  transition:
    transform .28s ease,
    color .28s ease!important;
}


.clf-product-destination-cta:hover{
  background:#f7f1e6!important;
  color:#17140f!important;

  border-color:#f7f1e6!important;
}


.clf-product-destination-cta:hover b{
  transform:
    translate(3px,-3px)!important;

  color:#8d7046!important;
}


.clf-product-destination-disclosure{
  display:block!important;

  max-width:600px!important;

  margin-top:14px!important;

  font-size:7px!important;
  line-height:1.55!important;

  font-weight:600!important;

  letter-spacing:.095em!important;
  text-transform:uppercase!important;

  color:rgba(247,241,230,.46)!important;
}


/* subtle image life */

.clf-product-live-media img{
  transition:
    transform .8s cubic-bezier(.2,.7,.2,1),
    filter .5s ease!important;
}


.clf-product-live-media:hover img{
  transform:scale(1.025)!important;
  filter:contrast(1.015)!important;
}


@media(max-width:700px){

  .clf-product-live h1{
    font-size:52px!important;
  }

  .clf-product-live-price{
    font-size:27px!important;
  }

  .clf-product-description,
  .clf-product-description-secondary{
    font-size:16px!important;
    line-height:1.62!important;
  }

  .clf-product-destination{
    padding:25px 20px 23px!important;
  }

}


/* CLF PRODUCT LANGUAGE LUXE END */

/* CLF PRODUCT EDITORIAL LUXE 2 START */

:root{
  --pel-ink:#17140f;
  --pel-paper:#f3eee5;
  --pel-paper-light:#faf7f0;
  --pel-bronze:#a98b5c;
  --pel-muted:#756c60;
  --pel-rule:rgba(23,20,15,.15);
}


/* ========================================================
   MAIN PRODUCT — LESS EMPTY, MORE EDITORIAL
   ======================================================== */

.clf-product-live{
  align-items:stretch!important;
}


.clf-product-live-copy,
.clf-product-live-info{
  box-sizing:border-box!important;

  padding-top:42px!important;
  padding-bottom:55px!important;
}


/* merchant */

.clf-product-live-copy > span,
.clf-product-live-info > span{
  letter-spacing:.18em!important;
}


/* TITLE */

.clf-product-live h1{
  max-width:720px!important;

  margin:15px 0 0!important;

  font-size:clamp(60px,5.25vw,88px)!important;
  line-height:.90!important;

  letter-spacing:-.06em!important;
}


/* PRICE */

.clf-product-live-price{
  margin-top:26px!important;
  margin-bottom:24px!important;

  font-size:34px!important;

  letter-spacing:-.035em!important;
}


/* image stage */

.clf-product-live-media{
  position:relative!important;

  overflow:hidden!important;

  background:#fff!important;
}


.clf-product-live-media::after{
  content:""!important;

  position:absolute!important;

  inset:auto 34px 29px!important;

  height:1px!important;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(169,139,92,.42),
      transparent
    )!important;

  opacity:0!important;

  transform:scaleX(.65)!important;

  transition:
    opacity .4s ease,
    transform .6s ease!important;

  pointer-events:none!important;
}


.clf-product-live-media:hover::after{
  opacity:1!important;
  transform:scaleX(1)!important;
}


/* ========================================================
   PRODUCT TEXT
   ======================================================== */

.clf-product-local-description{
  margin:31px 0 25px!important;

  padding:30px 0 7px!important;
}


.clf-product-local-description-label{
  margin-bottom:17px!important;

  color:#987a4f!important;
}


.clf-product-description{
  max-width:680px!important;

  font-size:18px!important;
  line-height:1.68!important;

  color:#4e4942!important;
}


.clf-product-description-secondary{
  max-width:650px!important;

  margin-top:18px!important;

  padding-left:19px!important;

  border-left:1px solid #aa8a59!important;

  font-family:var(--serif,Georgia,serif)!important;

  font-size:17px!important;
  line-height:1.55!important;

  color:#655c50!important;
}


.clf-product-description-note{
  max-width:650px!important;

  margin:20px 0 0!important;
  padding:13px 15px!important;

  background:rgba(169,139,92,.065)!important;

  font-size:10px!important;
  line-height:1.55!important;

  color:#756b5d!important;
}


/* metadata merchant/category */

.clf-product-live-copy > div:not(.clf-product-local-description):not(.clf-product-destination),
.clf-product-live-info > div:not(.clf-product-local-description):not(.clf-product-destination){
  font-size:12px!important;
  line-height:1.4!important;
}


/* ========================================================
   PARTNER BOX
   ======================================================== */

.clf-product-destination{
  margin-top:34px!important;

  padding:32px!important;
}


.clf-product-destination-name{
  max-width:620px!important;

  font-size:clamp(29px,2.5vw,40px)!important;
}


.clf-product-destination-copy{
  font-size:14px!important;
}


.clf-product-destination-cta{
  min-height:66px!important;
}


.clf-product-destination-cta span{
  font-size:11px!important;
}


/* ========================================================
   RELATED — ACTUAL LUXURY EDITORIAL RAIL
   ======================================================== */

.clf-related-editorial{
  position:relative!important;

  padding:
    76px
    clamp(28px,4vw,64px)
    105px!important;

  background:#ece6dc!important;

  border-top:1px solid rgba(23,20,15,.10)!important;
}


.clf-related-title{
  max-width:900px!important;

  margin:0 0 43px!important;

  font-family:var(--serif,Georgia,"Times New Roman",serif)!important;

  font-size:clamp(52px,5.6vw,84px)!important;
  line-height:.88!important;

  font-weight:400!important;

  letter-spacing:-.06em!important;

  color:var(--pel-ink)!important;
}


/* little signature above title */

.clf-related-editorial::before{
  content:"CLF · THE NEXT EDIT"!important;

  display:block!important;

  margin:0 0 17px!important;

  font-family:var(--sans,Arial,sans-serif)!important;

  font-size:6.5px!important;
  line-height:1!important;

  font-weight:700!important;

  letter-spacing:.22em!important;

  color:#92764e!important;
}


/* grid detected by JS */

.clf-related-grid-luxe{
  display:grid!important;

  grid-template-columns:
    repeat(4,minmax(0,1fr))!important;

  gap:14px!important;

  align-items:stretch!important;
}


.clf-related-card{
  position:relative!important;

  min-width:0!important;

  overflow:hidden!important;

  background:#f8f4ed!important;

  border:0!important;

  box-shadow:
    0 0 0 1px rgba(23,20,15,.075)!important;

  transition:
    transform .42s cubic-bezier(.2,.7,.2,1),
    box-shadow .42s ease!important;
}


.clf-related-card:hover{
  z-index:3!important;

  transform:translateY(-7px)!important;

  box-shadow:
    0 22px 50px rgba(28,21,13,.10)!important;
}


.clf-related-link{
  display:block!important;

  height:100%!important;

  overflow:hidden!important;

  color:var(--pel-ink)!important;

  text-decoration:none!important;
}


/* image */

.clf-related-link figure{
  position:relative!important;

  overflow:hidden!important;

  margin:0!important;

  aspect-ratio:1 / .86!important;

  background:#fff!important;
}


.clf-related-image{
  width:100%!important;
  height:100%!important;

  object-fit:contain!important;

  box-sizing:border-box!important;

  padding:24px!important;

  transform:scale(1)!important;

  transition:
    transform .7s cubic-bezier(.2,.7,.2,1)!important;
}


.clf-related-card:hover .clf-related-image{
  transform:scale(1.055)!important;
}


/* subtle sweep */

.clf-related-link figure::after{
  content:""!important;

  position:absolute!important;

  inset:0!important;

  background:
    linear-gradient(
      110deg,
      transparent 26%,
      rgba(255,255,255,.30) 50%,
      transparent 74%
    )!important;

  transform:translateX(-130%)!important;

  transition:
    transform .8s cubic-bezier(.2,.7,.2,1)!important;

  pointer-events:none!important;
}


.clf-related-card:hover figure::after{
  transform:translateX(130%)!important;
}


/* Everything below image gets breathing room */

.clf-related-link > *:not(figure):not(img){
  margin-left:18px!important;
  margin-right:18px!important;
}


.clf-related-link small,
.clf-related-link [class*="merchant"],
.clf-related-link [class*="brand"]{
  display:block!important;

  margin-top:17px!important;

  font-size:6px!important;
  line-height:1.2!important;

  font-weight:700!important;

  letter-spacing:.18em!important;
  text-transform:uppercase!important;

  color:#918370!important;
}


.clf-related-name,
.clf-related-link h2,
.clf-related-link h3{
  max-width:280px!important;

  margin-top:7px!important;
  margin-bottom:10px!important;

  font-family:var(--serif,Georgia,"Times New Roman",serif)!important;

  font-size:clamp(22px,1.7vw,29px)!important;
  line-height:.98!important;

  font-weight:400!important;

  letter-spacing:-.038em!important;

  color:var(--pel-ink)!important;

  transition:
    color .28s ease,
    transform .28s ease!important;
}


.clf-related-card:hover h2,
.clf-related-card:hover h3{
  color:#8e6e43!important;

  transform:translateX(3px)!important;
}


/* price */

.clf-related-link [class*="price"]{
  display:block!important;

  margin-top:11px!important;
  margin-bottom:19px!important;

  font-family:var(--sans,Arial,sans-serif)!important;

  font-size:15px!important;
  line-height:1!important;

  font-weight:700!important;

  letter-spacing:-.02em!important;

  color:#211d18!important;
}


/* active bottom line */

.clf-related-card::after{
  content:""!important;

  position:absolute!important;

  left:18px!important;
  right:calc(100% - 50px)!important;
  bottom:0!important;

  height:2px!important;

  background:#a98b5c!important;

  transition:
    right .38s cubic-bezier(.2,.7,.2,1)!important;
}


.clf-related-card:hover::after{
  right:18px!important;
}


/* ========================================================
   RESPONSIVE
   ======================================================== */

@media(max-width:1050px){

  .clf-related-grid-luxe{
    grid-template-columns:
      repeat(2,minmax(0,1fr))!important;
  }

}


@media(max-width:650px){

  .clf-product-live-copy,
  .clf-product-live-info{
    padding-top:30px!important;
  }

  .clf-product-live h1{
    font-size:50px!important;
  }

  .clf-product-description{
    font-size:16.5px!important;
  }


  .clf-related-editorial{
    padding:
      54px
      18px
      70px!important;
  }

  .clf-related-title{
    font-size:49px!important;
    margin-bottom:29px!important;
  }


  .clf-related-grid-luxe{
    display:flex!important;

    gap:10px!important;

    overflow-x:auto!important;

    scroll-snap-type:x proximity!important;

    scrollbar-width:none!important;
  }


  .clf-related-grid-luxe::-webkit-scrollbar{
    display:none!important;
  }


  .clf-related-card{
    flex:0 0 76vw!important;

    scroll-snap-align:start!important;
  }
}


/* CLF PRODUCT EDITORIAL LUXE 2 END */

/* CLF UNIQUE PRODUCT SHELF START */


/* ======================================================
   MAIN SHOP PRODUCT CARDS
   Less huge empty white canvas.
   ====================================================== */

#shopProductGrid{
  gap:
    clamp(18px,1.6vw,28px)
    clamp(10px,1.15vw,19px)!important;
}


.shop-product-card{
  overflow:hidden!important;

  background:#f8f4ed!important;

  transition:
    transform .4s cubic-bezier(.2,.7,.2,1),
    box-shadow .4s ease!important;
}


.shop-product-card figure{
  min-height:0!important;
  height:auto!important;

  aspect-ratio:4 / 3!important;

  overflow:hidden!important;

  background:#fff!important;
}


.shop-product-card figure img{
  width:100%!important;
  height:100%!important;

  object-fit:contain!important;

  padding:
    clamp(18px,2vw,32px)!important;

  box-sizing:border-box!important;

  transform:scale(1.055)!important;

  transition:
    transform .65s cubic-bezier(.2,.7,.2,1),
    filter .35s ease!important;
}


.shop-product-card:hover{
  transform:translateY(-5px)!important;

  box-shadow:
    0 19px 46px
    rgba(28,21,14,.085)!important;
}


.shop-product-card:hover figure img{
  transform:scale(1.095)!important;

  filter:
    contrast(1.015)
    saturate(1.02)!important;
}


/* text area has more elegance */

.shop-product-card h2,
.shop-product-card h3{
  line-height:.98!important;

  letter-spacing:-.035em!important;
}


.shop-product-card:hover h2,
.shop-product-card:hover h3{
  color:#8b6d45!important;
}


/* ======================================================
   RELATED PRODUCTS
   ====================================================== */

.clf-related-grid-luxe{
  gap:18px!important;
}


.clf-related-card{
  background:#f8f4ed!important;
}


.clf-related-card figure{
  min-height:0!important;
  height:auto!important;

  aspect-ratio:4 / 3!important;

  background:#fff!important;
}


.clf-related-card figure img,
.clf-related-image{
  width:100%!important;
  height:100%!important;

  object-fit:contain!important;

  padding:
    clamp(18px,2vw,30px)!important;

  box-sizing:border-box!important;

  transform:scale(1.045)!important;
}


.clf-related-card:hover figure img,
.clf-related-card:hover .clf-related-image{
  transform:scale(1.09)!important;
}


/* slightly smaller related heading = more fashion,
   less giant catalogue headline */

.clf-related-title{
  max-width:780px!important;

  font-size:
    clamp(48px,4.8vw,72px)!important;

  line-height:.9!important;

  margin-bottom:36px!important;
}


/* readable card title */

.clf-related-card h2,
.clf-related-card h3{
  font-size:
    clamp(20px,1.55vw,27px)!important;

  line-height:1!important;
}


/* ======================================================
   MOBILE
   ====================================================== */

@media(max-width:650px){

  .shop-product-card figure{
    aspect-ratio:1 / 1!important;
  }

  .shop-product-card figure img{
    padding:16px!important;
  }

  .clf-related-card figure{
    aspect-ratio:1 / 1!important;
  }

}


/* CLF UNIQUE PRODUCT SHELF END */

/* CLF PRODUCT BRAND HOUSE START */


/* Hide old duplicate micro-brand */
.clf-brand-legacy-hidden{
  display:none!important;
}


/* =========================================
   BRAND — MAIN VISUAL IDENTITY
   ========================================= */

.clf-product-brand-hero{
  display:block!important;

  max-width:760px!important;

  margin:0 0 19px!important;
  padding:0!important;

  color:#82653e!important;
}


.clf-product-brand-hero strong{
  display:block!important;

  max-width:720px!important;

  margin:0!important;
  padding:0!important;

  font-family:
    var(--serif,Georgia,"Times New Roman",serif)!important;

  font-size:
    clamp(36px,3.8vw,60px)!important;

  line-height:.92!important;

  font-weight:400!important;

  letter-spacing:-.035em!important;

  text-transform:uppercase!important;

  color:#896a40!important;
}


/* short bronze signature under brand */

.clf-product-brand-hero > span{
  display:block!important;

  width:74px!important;
  height:1px!important;

  margin-top:16px!important;

  background:#aa8957!important;

  opacity:.8!important;
}


/* =========================================
   MODEL — SECONDARY
   ========================================= */

.clf-product-brand-hero + h1{
  max-width:680px!important;

  margin:0!important;
  padding:0!important;

  font-family:
    var(--serif,Georgia,"Times New Roman",serif)!important;

  font-size:
    clamp(30px,3vw,46px)!important;

  line-height:.96!important;

  font-weight:400!important;

  letter-spacing:-.045em!important;

  color:#17140f!important;
}


/* =========================================
   ARTICLE NUMBER
   ========================================= */

.clf-product-sku{
  display:block!important;

  width:max-content!important;

  margin:15px 0 0!important;

  padding:6px 9px 5px!important;

  border:1px solid rgba(23,20,15,.14)!important;

  background:rgba(255,255,255,.20)!important;

  font-family:
    var(--sans,Arial,sans-serif)!important;

  font-size:8px!important;
  line-height:1!important;

  font-weight:700!important;

  letter-spacing:.17em!important;

  color:#746858!important;
}


/* =========================================
   PRICE
   ========================================= */

.clf-product-sku + .clf-product-live-price{
  margin-top:25px!important;
}


.clf-product-live-price{
  font-size:34px!important;
  line-height:1!important;

  font-weight:700!important;

  letter-spacing:-.035em!important;

  color:#17140f!important;
}


/* MOBILE */

@media(max-width:650px){

  .clf-product-brand-hero strong{
    font-size:34px!important;
  }

  .clf-product-brand-hero + h1{
    font-size:30px!important;
  }

  .clf-product-live-price{
    font-size:29px!important;
  }

}

/* CLF PRODUCT BRAND HOUSE END */

/* CLF CURATED RELATED START */


.clf-related{
  box-sizing:border-box!important;

  width:100%!important;
  max-width:none!important;

  margin:0!important;

  padding:
    68px
    clamp(24px,4vw,64px)
    84px!important;

  background:#ece6dc!important;

  border:0!important;
  border-top:1px solid rgba(20,17,13,.10)!important;

  overflow:hidden!important;
}


/* HEADER */

.clf-curated-head{
  display:grid!important;

  grid-template-columns:
    minmax(0,1fr)
    auto!important;

  align-items:end!important;

  gap:30px!important;

  margin:0 0 36px!important;
}


.clf-curated-head > span{
  grid-column:1 / -1!important;

  display:block!important;

  margin:0 0 -14px!important;

  font-family:
    var(--sans,Arial,sans-serif)!important;

  font-size:7px!important;
  line-height:1!important;

  font-weight:700!important;

  letter-spacing:.21em!important;
  text-transform:uppercase!important;

  color:#98784b!important;
}


.clf-curated-head h2{
  margin:0!important;

  font-family:
    var(--serif,Georgia,"Times New Roman",serif)!important;

  font-size:
    clamp(44px,4.7vw,70px)!important;

  line-height:.89!important;

  font-weight:400!important;

  letter-spacing:-.057em!important;

  color:#17140f!important;
}


/* EXACT 4-CARD GRID */

.clf-curated-grid{
  display:grid!important;

  grid-template-columns:
    repeat(4,minmax(0,1fr))!important;

  gap:14px!important;

  width:100%!important;
}


.clf-curated-card{
  position:relative!important;

  min-width:0!important;

  background:#f7f3eb!important;

  border:1px solid rgba(20,17,13,.085)!important;

  overflow:hidden!important;

  transition:
    transform .38s cubic-bezier(.2,.7,.2,1),
    box-shadow .38s ease,
    border-color .38s ease!important;
}


.clf-curated-card:hover{
  transform:translateY(-6px)!important;

  border-color:rgba(159,126,77,.35)!important;

  box-shadow:
    0 20px 48px
    rgba(25,19,12,.09)!important;
}


.clf-curated-link{
  display:flex!important;
  flex-direction:column!important;

  height:100%!important;

  color:inherit!important;
  text-decoration:none!important;
}


/* IMAGE — NO MORE GIANT 420PX EMPTY AIR */

.clf-curated-media{
  position:relative!important;

  height:
    clamp(235px,22vw,310px)!important;

  overflow:hidden!important;

  background:#fff!important;

  border-bottom:
    1px solid rgba(20,17,13,.07)!important;
}


.clf-curated-media img{
  display:block!important;

  width:100%!important;
  height:100%!important;

  box-sizing:border-box!important;

  object-fit:contain!important;

  padding:16px!important;

  transform:scale(1.10)!important;

  transition:
    transform .7s
    cubic-bezier(.2,.7,.2,1)!important;
}


.clf-curated-card:hover
.clf-curated-media img{
  transform:scale(1.16)!important;
}


/* subtle luxury shine */

.clf-curated-media::after{
  content:""!important;

  position:absolute!important;
  inset:0!important;

  background:
    linear-gradient(
      110deg,
      transparent 27%,
      rgba(255,255,255,.28) 50%,
      transparent 73%
    )!important;

  transform:translateX(-130%)!important;

  transition:
    transform .8s
    cubic-bezier(.2,.7,.2,1)!important;

  pointer-events:none!important;
}


.clf-curated-card:hover
.clf-curated-media::after{
  transform:translateX(130%)!important;
}


/* CONTENT */

.clf-curated-body{
  display:flex!important;
  flex-direction:column!important;

  flex:1 1 auto!important;

  min-height:150px!important;

  padding:
    17px
    18px
    18px!important;
}


.clf-curated-brand{
  margin:0 0 9px!important;

  font-family:
    var(--sans,Arial,sans-serif)!important;

  font-size:8px!important;
  line-height:1.25!important;

  font-weight:700!important;

  letter-spacing:.145em!important;
  text-transform:uppercase!important;

  color:#927246!important;
}


.clf-curated-body h3{
  margin:0!important;

  font-family:
    var(--serif,Georgia,"Times New Roman",serif)!important;

  font-size:
    clamp(21px,1.6vw,28px)!important;

  line-height:.98!important;

  font-weight:400!important;

  letter-spacing:-.035em!important;

  color:#17140f!important;

  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;

  overflow:hidden!important;
}


.clf-curated-meta{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;

  gap:20px!important;

  margin-top:auto!important;
  padding-top:22px!important;
}


.clf-curated-meta strong{
  font-family:
    var(--sans,Arial,sans-serif)!important;

  font-size:15px!important;
  line-height:1!important;

  font-weight:750!important;

  letter-spacing:-.025em!important;

  color:#17140f!important;
}


.clf-curated-meta span{
  font-family:Georgia,serif!important;

  font-size:21px!important;
  line-height:1!important;

  font-weight:400!important;

  color:#a28050!important;

  transition:
    transform .28s ease!important;
}


.clf-curated-card:hover
.clf-curated-meta span{
  transform:
    translate(3px,-3px)!important;
}


/* bronze edge */

.clf-curated-card::after{
  content:""!important;

  position:absolute!important;

  left:18px!important;
  bottom:0!important;

  width:32px!important;
  height:2px!important;

  background:#a88959!important;

  transition:
    width .38s
    cubic-bezier(.2,.7,.2,1)!important;
}


.clf-curated-card:hover::after{
  width:72px!important;
}


/* RESPONSIVE */

@media(max-width:1050px){

  .clf-curated-grid{
    grid-template-columns:
      repeat(2,minmax(0,1fr))!important;
  }

}


@media(max-width:620px){

  .clf-related{
    padding:
      48px
      18px
      60px!important;
  }

  .clf-curated-head{
    margin-bottom:26px!important;
  }

  .clf-curated-head h2{
    font-size:43px!important;
  }

  .clf-curated-grid{
    display:flex!important;

    gap:11px!important;

    overflow-x:auto!important;

    scroll-snap-type:x mandatory!important;

    scrollbar-width:none!important;
  }

  .clf-curated-grid::-webkit-scrollbar{
    display:none!important;
  }

  .clf-curated-card{
    flex:0 0 78vw!important;
    scroll-snap-align:start!important;
  }

  .clf-curated-media{
    height:260px!important;
  }

}


/* CLF CURATED RELATED END */

/* CLF RELATED LOAD MORE START */


.clf-curated-more{
  display:flex!important;
  justify-content:center!important;

  width:100%!important;

  margin:34px 0 0!important;
  padding:0!important;
}


.clf-curated-more-button{
  position:relative!important;

  display:grid!important;
  grid-template-columns:auto auto auto!important;
  align-items:center!important;

  gap:16px!important;

  min-width:280px!important;
  min-height:62px!important;

  padding:0 20px!important;

  border:
    1px solid
    rgba(23,20,15,.30)!important;

  border-radius:0!important;

  background:transparent!important;
  color:#17140f!important;

  cursor:pointer!important;

  transition:
    background .28s ease,
    color .28s ease,
    border-color .28s ease,
    transform .28s ease!important;
}


.clf-curated-more-button > span{
  font-family:
    var(--sans,Arial,sans-serif)!important;

  font-size:9px!important;
  line-height:1!important;

  font-weight:750!important;

  letter-spacing:.17em!important;

  text-transform:uppercase!important;
}


.clf-curated-more-button > small{
  font-family:
    var(--sans,Arial,sans-serif)!important;

  font-size:8px!important;
  line-height:1!important;

  font-weight:500!important;

  letter-spacing:.10em!important;

  color:#8d785c!important;
}


.clf-curated-more-button > b{
  font-family:
    Georgia,
    serif!important;

  font-size:19px!important;
  line-height:1!important;

  font-weight:400!important;

  color:#a88756!important;

  transition:
    transform .28s ease,
    color .28s ease!important;
}


.clf-curated-more-button::before{
  content:""!important;

  position:absolute!important;

  left:-1px!important;
  top:-1px!important;
  bottom:-1px!important;

  width:3px!important;

  background:#a88756!important;

  transform:scaleY(.25)!important;

  transition:
    transform .3s
    cubic-bezier(.2,.7,.2,1)!important;
}


.clf-curated-more-button:hover{
  transform:translateY(-2px)!important;

  background:#17140f!important;
  color:#f7f1e6!important;

  border-color:#17140f!important;
}


.clf-curated-more-button:hover::before{
  transform:scaleY(1)!important;
}


.clf-curated-more-button:hover > small{
  color:rgba(247,241,230,.58)!important;
}


.clf-curated-more-button:hover > b{
  color:#d2b47e!important;

  transform:translateY(3px)!important;
}


/* Newly loaded rows get proper breathing room */

.clf-curated-grid{
  row-gap:18px!important;
}


@media(max-width:620px){

  /*
     On mobile keep horizontal product rail,
     but load-more stays clearly visible below.
  */

  .clf-curated-more{
    margin-top:25px!important;
  }


  .clf-curated-more-button{
    width:100%!important;
    min-width:0!important;
  }

}


/* CLF RELATED LOAD MORE END */
