/* Craftlo v0.2.139 — combined wide-home CSS before public palette */

/* source: wide-hero-v02102.css */
/* Craftlo v0.2.100 — desktop hero: artwork as-is, copy overlay only. */
@media (min-width:1180px){
  body.home .cl-wide-hero{
    position:relative!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:8/3!important;
    overflow:hidden!important;
    border-radius:24px!important;
    background:transparent!important;
    border:1px solid color-mix(in srgb,var(--wide-line) 72%,transparent)!important;
    box-shadow:0 18px 42px rgba(29,20,14,.11)!important;
    isolation:isolate!important;
  }
  body.home .cl-wide-hero-track,
  body.home .cl-wide-hero-slide{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
  }
  body.home .cl-wide-hero-slide{
    overflow:hidden!important;
    background:transparent!important;
  }
  /* Absolutely no color panel, gradient, fade or divider over the artwork. */
  body.home .cl-wide-hero-slide::before,
  body.home .cl-wide-hero-slide::after,
  body.cl-theme-light.home .cl-wide-hero-slide::before,
  body.cl-theme-light.home .cl-wide-hero-slide::after,
  body.home:not(.cl-theme-light) .cl-wide-hero-slide::before,
  body.home:not(.cl-theme-light) .cl-wide-hero-slide::after{
    content:none!important;
    display:none!important;
    background:none!important;
  }
  body.home .cl-wide-hero-slide>img{
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    object-fit:cover!important;
    object-position:center center!important;
    filter:none!important;
    opacity:1!important;
  }
  body.home .cl-wide-hero-slide.is-active>img{
    transform:none!important;
  }

  body.home .cl-wide-hero-copy{
    position:absolute!important;
    z-index:3!important;
    inset:0 auto 0 0!important;
    width:42%!important;
    max-width:560px!important;
    height:100%!important;
    padding:clamp(30px,3.2vw,52px) 24px clamp(34px,3.5vw,56px) clamp(30px,3.5vw,54px)!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:flex-start!important;
    background:transparent!important;
    backdrop-filter:none!important;
    box-shadow:none!important;
  }
  body.cl-theme-light.home .cl-wide-hero-copy{
    color:#132d40!important;
  }
  body.home:not(.cl-theme-light) .cl-wide-hero-copy{
    color:#fff!important;
  }
  body.home .cl-wide-hero-copy>span{
    display:inline-flex!important;
    align-items:center!important;
    min-height:30px!important;
    padding:0 12px!important;
    border-radius:999px!important;
    font-size:9px!important;
    font-weight:900!important;
    letter-spacing:.11em!important;
    box-shadow:none!important;
    backdrop-filter:blur(5px)!important;
  }
  body.cl-theme-light.home .cl-wide-hero-copy>span{
    color:#9a4527!important;
    background:rgba(255,255,255,.72)!important;
    border:1px solid rgba(154,69,39,.18)!important;
  }
  body.home:not(.cl-theme-light) .cl-wide-hero-copy>span{
    color:#fff!important;
    background:rgba(15,17,25,.28)!important;
    border:1px solid rgba(255,255,255,.25)!important;
  }
  body.home .cl-wide-hero-copy h1{
    margin:16px 0 12px!important;
    max-width:510px!important;
    font-size:clamp(2.35rem,3.25vw,4rem)!important;
    line-height:.99!important;
    letter-spacing:-.052em!important;
    text-wrap:balance!important;
    background:none!important;
  }
  body.cl-theme-light.home .cl-wide-hero-copy h1{
    color:#132d40!important;
    text-shadow:0 1px 10px rgba(255,255,255,.40)!important;
  }
  body.home:not(.cl-theme-light) .cl-wide-hero-copy h1{
    color:#fff!important;
    text-shadow:0 3px 18px rgba(0,0,0,.22)!important;
  }
  body.home .cl-wide-hero-copy p{
    margin:0!important;
    max-width:430px!important;
    font-size:13px!important;
    line-height:1.62!important;
    background:none!important;
  }
  body.cl-theme-light.home .cl-wide-hero-copy p{
    color:#53626b!important;
    text-shadow:0 1px 9px rgba(255,255,255,.55)!important;
  }
  body.home:not(.cl-theme-light) .cl-wide-hero-copy p{
    color:rgba(255,255,255,.90)!important;
    text-shadow:0 2px 14px rgba(0,0,0,.20)!important;
  }
  body.home .cl-wide-hero-copy>div{
    display:flex!important;
    gap:10px!important;
    align-items:center!important;
    margin-top:22px!important;
    background:none!important;
  }
  body.home .cl-wide-primary,
  body.home .cl-wide-secondary{
    min-height:44px!important;
    padding:0 18px!important;
    border-radius:999px!important;
    font-size:11px!important;
    font-weight:900!important;
  }
  body.home .cl-wide-primary{
    background:linear-gradient(135deg,var(--wide-accent),var(--wide-accent-2))!important;
    color:#fff!important;
    box-shadow:0 9px 20px color-mix(in srgb,var(--wide-accent) 24%,transparent)!important;
  }
  body.cl-theme-light.home .cl-wide-secondary{
    color:#17364b!important;
    background:rgba(255,255,255,.74)!important;
    border:1px solid rgba(23,54,75,.13)!important;
    backdrop-filter:blur(6px)!important;
  }
  body.home:not(.cl-theme-light) .cl-wide-secondary{
    color:#fff!important;
    background:rgba(15,17,25,.25)!important;
    border:1px solid rgba(255,255,255,.24)!important;
    backdrop-filter:blur(6px)!important;
  }
  body.home .cl-wide-hero-dots{
    left:50%!important;
    bottom:16px!important;
    transform:translateX(-50%)!important;
    z-index:6!important;
    padding:5px 8px!important;
    background:rgba(13,15,22,.18)!important;
    backdrop-filter:blur(8px)!important;
  }
  body.home .cl-wide-hero-controls{
    right:16px!important;
    bottom:15px!important;
    z-index:6!important;
  }
  body.home .cl-wide-hero-controls button{
    width:36px!important;
    height:36px!important;
    background:rgba(255,255,255,.78)!important;
    color:#17364b!important;
    border:1px solid rgba(23,54,75,.10)!important;
    backdrop-filter:blur(7px)!important;
  }
}

@media (min-width:1180px) and (max-width:1420px){
  body.home .cl-wide-hero-copy{
    width:43%!important;
    max-width:500px!important;
    padding-left:34px!important;
    padding-right:18px!important;
  }
  body.home .cl-wide-hero-copy h1{
    font-size:clamp(2.15rem,3.35vw,3.4rem)!important;
  }
}

/* v0.2.102 — remove the REAL legacy center divider from the hero container.
   This intentionally changes nothing else. */
@media (min-width:1180px){
  body.home .cl-wide-hero::before,
  body.home .cl-wide-hero::after{
    content:none!important;
    display:none!important;
    background:none!important;
    width:0!important;
    height:0!important;
    opacity:0!important;
    pointer-events:none!important;
  }
}


/* source: wide-polish-v02103.css */
/* Craftlo v0.2.103 — desktop/wide visual polish only. Mobile remains untouched. */
@media (min-width:1180px){
  /* ================================================================
     LIGHT SIDEBAR NAV — Craftlo copper accent
     ================================================================ */
  body.cl-theme-light.home .cl-wide-left .cl-wide-nav a{
    color:#172e3f!important;
    transition:background-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease!important;
  }
  body.cl-theme-light.home .cl-wide-left .cl-wide-nav a>span,
  body.cl-theme-light.home .cl-wide-left .cl-wide-help>span,
  body.cl-theme-light.home .cl-wide-left .cl-wide-theme>span{
    color:#c95833!important;
    opacity:1!important;
  }
  body.cl-theme-light.home .cl-wide-left .cl-wide-nav a:hover,
  body.cl-theme-light.home .cl-wide-left .cl-wide-nav a.is-active{
    background:#c95833!important;
    color:#fff!important;
    box-shadow:0 8px 20px rgba(201,88,51,.20)!important;
    transform:translateY(-1px)!important;
  }
  body.cl-theme-light.home .cl-wide-left .cl-wide-nav a:hover>span,
  body.cl-theme-light.home .cl-wide-left .cl-wide-nav a:hover>b,
  body.cl-theme-light.home .cl-wide-left .cl-wide-nav a.is-active>span,
  body.cl-theme-light.home .cl-wide-left .cl-wide-nav a.is-active>b{
    color:#fff!important;
    opacity:1!important;
  }
  body.cl-theme-light.home .cl-wide-left .cl-wide-nav a:hover>em,
  body.cl-theme-light.home .cl-wide-left .cl-wide-nav a.is-active>em{
    background:#fff!important;
    color:#c95833!important;
  }
  body.cl-theme-light.home .cl-wide-left .cl-wide-nav-sep{
    background:rgba(201,88,51,.14)!important;
  }

  /* ================================================================
     BUYER CART — clean professional commerce sidebar
     ================================================================ */
  body.home .cl-wide-cart-panel{
    padding:0!important;
    overflow:hidden!important;
    border-radius:20px!important;
    border:1px solid var(--wide-line)!important;
    background:var(--wide-panel)!important;
    box-shadow:0 14px 38px rgba(0,0,0,.12)!important;
  }
  body.cl-theme-light.home .cl-wide-cart-panel{
    background:#fffdf9!important;
    border-color:#eadfd3!important;
    box-shadow:0 14px 34px rgba(70,43,22,.075)!important;
  }
  body.home .cl-wide-cart-head{
    min-height:58px!important;
    padding:0 17px!important;
    border-bottom:1px solid var(--wide-line)!important;
  }
  body.home .cl-wide-cart-head h2{
    font-size:15px!important;
    font-weight:900!important;
    letter-spacing:-.025em!important;
  }
  body.home .cl-wide-cart-head>a{
    width:32px!important;
    height:32px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:10px!important;
    color:var(--wide-muted)!important;
    background:var(--wide-panel-soft)!important;
    font-size:14px!important;
  }
  body.home .cl-wide-cart-head>a:hover{color:var(--wide-accent)!important}

  body.home .cl-wide-cart-items{
    padding:12px 12px 4px!important;
    gap:9px!important;
    max-height:360px!important;
    overflow:auto!important;
    scrollbar-width:thin!important;
    scrollbar-color:color-mix(in srgb,var(--wide-accent) 45%,transparent) transparent!important;
  }
  body.home .cl-wide-cart-items::-webkit-scrollbar{width:5px!important}
  body.home .cl-wide-cart-items::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--wide-accent) 40%,transparent)!important;border-radius:99px!important}
  body.home .cl-wide-cart-items article{
    grid-template-columns:68px minmax(0,1fr) 26px!important;
    gap:10px!important;
    align-items:start!important;
    padding:9px!important;
    border:1px solid var(--wide-line)!important;
    border-radius:14px!important;
    background:color-mix(in srgb,var(--wide-panel-soft) 64%,var(--wide-panel))!important;
    transition:border-color .18s ease,transform .18s ease!important;
  }
  body.home .cl-wide-cart-items article:hover{
    border-color:color-mix(in srgb,var(--wide-accent) 38%,var(--wide-line))!important;
    transform:translateY(-1px)!important;
  }
  body.home .cl-wide-cart-img{
    width:68px!important;
    height:74px!important;
    border-radius:11px!important;
    border:1px solid var(--wide-line)!important;
  }
  body.home .cl-wide-cart-items h3{
    margin:1px 0 4px!important;
    font-size:10.5px!important;
    line-height:1.35!important;
    font-weight:850!important;
    color:var(--wide-text)!important;
  }
  body.home .cl-wide-cart-items small{
    font-size:8.5px!important;
    line-height:1.35!important;
    color:var(--wide-muted)!important;
  }
  body.home .cl-wide-cart-items strong{
    margin-top:5px!important;
    font-size:10.5px!important;
    color:var(--wide-text)!important;
  }
  body.home .cl-wide-qty{
    width:88px!important;
    height:29px!important;
    margin-top:7px!important;
    border-radius:9px!important;
    background:var(--wide-panel)!important;
    overflow:hidden!important;
  }
  body.home .cl-wide-qty a{
    height:100%!important;
    display:grid!important;
    place-items:center!important;
    color:var(--wide-text)!important;
    font-size:12px!important;
    transition:.15s ease!important;
  }
  body.home .cl-wide-qty a:hover{
    background:var(--wide-accent)!important;
    color:#fff!important;
  }
  body.home .cl-wide-qty b{font-size:9px!important}
  body.home .cl-wide-remove{
    width:26px!important;
    height:26px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:8px!important;
    color:var(--wide-muted)!important;
    background:transparent!important;
  }
  body.home .cl-wide-remove:hover{
    color:#fff!important;
    background:#c94f4f!important;
  }

  body.home .cl-wide-empty-cart{
    margin:12px!important;
    min-height:154px!important;
    padding:24px 16px!important;
    border:1px dashed var(--wide-line)!important;
    border-radius:14px!important;
    background:var(--wide-panel-soft)!important;
    gap:7px!important;
  }
  body.home .cl-wide-empty-cart span{
    width:44px!important;height:44px!important;border-radius:14px!important;
    display:grid!important;place-items:center!important;
    font-size:22px!important;color:var(--wide-accent)!important;
    background:var(--wide-panel)!important;border:1px solid var(--wide-line)!important;
  }
  body.home .cl-wide-empty-cart b{font-size:11px!important;font-weight:850!important}
  body.home .cl-wide-empty-cart small{font-size:8.5px!important;line-height:1.5!important;max-width:190px!important}

  body.home .cl-wide-coupon{
    margin:12px 12px 0!important;
    padding:7px!important;
    gap:7px!important;
    border:1px solid var(--wide-line)!important;
    border-radius:13px!important;
    background:var(--wide-panel-soft)!important;
  }
  body.home .cl-wide-coupon input{
    height:36px!important;
    border:0!important;
    border-radius:9px!important;
    background:var(--wide-panel)!important;
    padding:0 10px!important;
    font-size:9px!important;
    outline:0!important;
  }
  body.home .cl-wide-coupon input:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--wide-accent) 18%,transparent)!important}
  body.home .cl-wide-coupon button{
    min-width:62px!important;
    height:36px!important;
    border-radius:9px!important;
    background:var(--wide-accent)!important;
    font-size:9px!important;
    box-shadow:0 7px 16px color-mix(in srgb,var(--wide-accent) 20%,transparent)!important;
  }

  body.home .cl-wide-cart-total{
    gap:9px!important;
    margin:12px 12px 0!important;
    padding:13px 2px 4px!important;
    border-top:1px solid var(--wide-line)!important;
  }
  body.home .cl-wide-cart-total span{
    font-size:9px!important;
    color:var(--wide-muted)!important;
  }
  body.home .cl-wide-cart-total span b{
    color:var(--wide-text)!important;
    font-weight:750!important;
  }
  body.home .cl-wide-cart-total strong{
    margin-top:3px!important;
    padding-top:10px!important;
    border-top:1px dashed var(--wide-line)!important;
    font-size:13px!important;
    color:var(--wide-text)!important;
  }
  body.home .cl-wide-cart-total strong b{
    font-size:15px!important;
    color:var(--wide-accent)!important;
  }
  body.home .cl-wide-checkout{
    height:47px!important;
    margin:12px!important;
    border-radius:12px!important;
    justify-content:flex-start!important;
    padding:0 15px!important;
    background:linear-gradient(135deg,var(--wide-accent),var(--wide-accent-2))!important;
    color:#fff!important;
    font-size:10.5px!important;
    letter-spacing:.005em!important;
    box-shadow:0 10px 22px color-mix(in srgb,var(--wide-accent) 24%,transparent)!important;
    transition:transform .18s ease,box-shadow .18s ease!important;
  }
  body.home .cl-wide-checkout:hover{
    transform:translateY(-1px)!important;
    box-shadow:0 13px 28px color-mix(in srgb,var(--wide-accent) 30%,transparent)!important;
  }
  body.home .cl-wide-checkout span{margin-left:auto!important;margin-right:0!important;font-size:17px!important}
  body.home .cl-wide-paynote{
    margin:-2px 12px 13px!important;
    padding-top:1px!important;
    font-size:7.5px!important;
    color:var(--wide-muted)!important;
  }
  body.home .cl-wide-paynote::before{content:"✓ ";color:var(--wide-accent)!important;font-weight:900!important}

  /* ================================================================
     HERO COPY LEGIBILITY — no panel, no gradient, only stronger type
     ================================================================ */
  body.cl-theme-light.home .cl-wide-hero-copy p{
    color:#17364b!important;
    font-weight:650!important;
    letter-spacing:.002em!important;
    text-shadow:
      0 1px 1px rgba(255,255,255,.98),
      0 0 7px rgba(255,255,255,.94),
      0 0 16px rgba(255,255,255,.82)!important;
  }
  body.home:not(.cl-theme-light) .cl-wide-hero-copy p{
    color:#fff!important;
    font-weight:600!important;
    text-shadow:0 2px 5px rgba(0,0,0,.72),0 0 15px rgba(0,0,0,.50)!important;
  }
}


/* source: wide-ui-v02108.css */
/* Craftlo v0.2.105 — wide static right rail, functional view-all, readability polish. */
@media (min-width:1180px){
  /* Right column follows page scroll; no nested scrollbar. */
  body.home .cl-wide-right{
    max-height:none!important;
    overflow:visible!important;
    scrollbar-width:none!important;
  }
  body.home .cl-wide-right::-webkit-scrollbar{display:none!important}

  /* Top-right action order: Wishlist → Dashboard → Bell dropdown → Avatar. */
  body.home .cl-wide-userbar{
    position:relative!important;
    min-height:66px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    overflow:visible!important;
  }
  body.home .cl-wide-user-action{
    min-height:36px!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:7px!important;
    padding:0 10px!important;
    border-radius:10px!important;
    border:1px solid transparent!important;
    color:var(--wide-text)!important;
    font-size:9.5px!important;
    font-weight:850!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    transition:.18s ease!important;
  }
  body.home .cl-wide-user-action svg{
    width:17px!important;height:17px!important;display:block!important;
    fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;
  }
  body.cl-theme-light.home .cl-wide-user-action{color:#17364b!important}
  body.cl-theme-light.home .cl-wide-user-action:hover{
    color:#c95833!important;background:rgba(201,88,51,.075)!important;border-color:rgba(201,88,51,.14)!important;
  }
  body.home .cl-wide-notification-center{position:relative!important;display:block!important}
  body.home .cl-wide-bell{
    appearance:none!important;-webkit-appearance:none!important;
    position:relative!important;width:38px!important;height:38px!important;padding:0!important;
    display:grid!important;place-items:center!important;
    border-radius:11px!important;border:1px solid var(--wide-line)!important;
    background:var(--wide-panel)!important;color:var(--wide-text)!important;cursor:pointer!important;
    transition:.18s ease!important;
  }
  body.home .cl-wide-bell svg{
    display:block!important;width:19px!important;height:19px!important;
    fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important;
  }
  body.cl-theme-light.home .cl-wide-bell{background:#fffdf9!important;color:#c95833!important;border-color:#eadfd3!important}
  body.cl-theme-light.home .cl-wide-bell:hover,body.cl-theme-light.home .cl-wide-notification-center.is-open .cl-wide-bell{
    background:#c95833!important;color:#fff!important;border-color:#c95833!important;box-shadow:0 8px 18px rgba(201,88,51,.20)!important;
  }
  body.home .cl-wide-bell>b{
    position:absolute!important;right:-5px!important;top:-6px!important;min-width:18px!important;height:18px!important;padding:0 5px!important;
    border-radius:999px!important;background:#c95833!important;color:#fff!important;border:2px solid var(--wide-bg)!important;
    display:grid!important;place-items:center!important;font-size:7.5px!important;font-weight:900!important;
  }
  body.home .cl-wide-profile{
    width:38px!important;height:38px!important;min-width:38px!important;padding:0!important;
    display:grid!important;grid-template-columns:1fr!important;place-items:center!important;
    border-radius:50%!important;border:0!important;background:transparent!important;overflow:visible!important;
  }
  body.home .cl-wide-profile img,body.home .cl-wide-profile>span{
    width:38px!important;height:38px!important;border-radius:50%!important;object-fit:cover!important;
    display:grid!important;place-items:center!important;background:var(--wide-panel)!important;border:2px solid var(--wide-panel)!important;
    box-shadow:0 0 0 1px var(--wide-line)!important;font-size:12px!important;font-weight:900!important;
  }
  body.cl-theme-light.home .cl-wide-profile img,body.cl-theme-light.home .cl-wide-profile>span{border-color:#fff!important;box-shadow:0 0 0 1px #e6d8ca!important}
  body.home .cl-wide-profile strong,body.home .cl-wide-profile i{display:none!important}

  /* Notification dropdown */
  body.home .cl-wide-notification-dropdown{
    display:none!important;position:absolute!important;right:0!important;top:47px!important;z-index:1000!important;
    width:330px!important;padding:0!important;border-radius:18px!important;overflow:hidden!important;
    background:var(--wide-panel)!important;border:1px solid var(--wide-line)!important;
    box-shadow:0 24px 60px rgba(0,0,0,.22)!important;
  }
  body.home .cl-wide-notification-center.is-open .cl-wide-notification-dropdown{display:block!important}
  body.cl-theme-light.home .cl-wide-notification-dropdown{background:#fffdf9!important;border-color:#eadfd3!important;box-shadow:0 22px 55px rgba(61,39,21,.16)!important}
  body.home .cl-wide-notification-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:15px 15px 12px!important;border-bottom:1px solid var(--wide-line)!important}
  body.home .cl-wide-notification-head>div{display:grid!important;gap:2px!important}
  body.home .cl-wide-notification-head small{font-size:7.5px!important;letter-spacing:.12em!important;font-weight:900!important;color:#c95833!important}
  body.home .cl-wide-notification-head strong{font-size:13px!important;color:var(--wide-text)!important}
  body.home .cl-wide-notification-head>span{padding:5px 8px!important;border-radius:999px!important;background:rgba(201,88,51,.10)!important;color:#c95833!important;font-size:8px!important;font-weight:900!important}
  body.home .cl-wide-notification-list{max-height:330px!important;overflow:auto!important;scrollbar-width:thin!important;scrollbar-color:rgba(201,88,51,.35) transparent!important}
  body.home .cl-wide-notification-item{position:relative!important;display:grid!important;grid-template-columns:8px minmax(0,1fr)!important;gap:9px!important;padding:12px 15px!important;border-bottom:1px solid var(--wide-line)!important;text-decoration:none!important;background:transparent!important}
  body.home .cl-wide-notification-item:hover{background:var(--wide-panel-soft)!important}
  body.home .cl-wide-notification-dot{width:7px!important;height:7px!important;margin-top:5px!important;border-radius:50%!important;background:transparent!important;border:1px solid var(--wide-line)!important}
  body.home .cl-wide-notification-item.is-unread .cl-wide-notification-dot{background:#c95833!important;border-color:#c95833!important;box-shadow:0 0 0 4px rgba(201,88,51,.08)!important}
  body.home .cl-wide-notification-item>div{min-width:0!important;display:grid!important;gap:3px!important}
  body.home .cl-wide-notification-item small{font-size:7.5px!important;color:var(--wide-muted)!important;font-weight:750!important}
  body.home .cl-wide-notification-item strong{font-size:10px!important;line-height:1.35!important;color:var(--wide-text)!important}
  body.home .cl-wide-notification-item p{margin:0!important;font-size:8.5px!important;line-height:1.45!important;color:var(--wide-muted)!important}
  body.home .cl-wide-notification-all{height:42px!important;padding:0 15px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;color:#c95833!important;font-size:9px!important;font-weight:900!important;text-decoration:none!important;background:var(--wide-panel-soft)!important}
  body.home .cl-wide-notification-empty{min-height:150px!important;padding:22px!important;display:grid!important;place-items:center!important;text-align:center!important;gap:5px!important}
  body.home .cl-wide-notification-empty svg{width:28px!important;height:28px!important;fill:none!important;stroke:#c95833!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important}
  body.home .cl-wide-notification-empty b{font-size:10px!important;color:var(--wide-text)!important}
  body.home .cl-wide-notification-empty small{font-size:8px!important;color:var(--wide-muted)!important}

  /* Reliable SVG icons for empty cart and checkout. */
  body.home .cl-wide-empty-cart-icon svg{
    display:block!important;width:23px!important;height:23px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;
  }
  body.home .cl-wide-checkout{display:flex!important;align-items:center!important;gap:8px!important}
  body.home .cl-wide-checkout-icon{display:block!important;width:17px!important;height:17px!important;flex:0 0 17px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
  body.home .cl-wide-checkout-label{margin:0!important;font-size:inherit!important}
  body.home .cl-wide-checkout-arrow{margin-left:auto!important;font-size:17px!important}

  /* Continuous creator marquee: no snapping, no stop-start timer. */
  body.home .cl-wide-creator-viewport{padding:13px!important;overflow:hidden!important}
  body.home .cl-wide-creator-row{
    padding:0!important;gap:0!important;overflow-x:auto!important;overflow-y:hidden!important;
    scroll-behavior:auto!important;scroll-snap-type:none!important;overscroll-behavior-inline:none!important;
    scrollbar-width:none!important;will-change:scroll-position!important;
  }
  body.home .cl-wide-creator-row::-webkit-scrollbar{display:none!important}
  body.home .cl-wide-creator{scroll-snap-align:none!important;flex:0 0 12.5%!important}
}
@media (min-width:1180px) and (max-width:1420px){
  body.home .cl-wide-creator{flex-basis:16.6667%!important}
  body.home .cl-wide-user-action{padding:0 8px!important;font-size:9px!important}
}


/* v0.2.105 — requested wide-screen refinements. */
@media (min-width:1180px){
  /* v0.2.106 correction: restore the original wide right-rail positioning.
     Only remove its nested scroll constraint; do not alter placement/layout. */
  body.home .cl-wide-right{
    position:sticky!important;
    top:14px!important;
    align-self:start!important;
    max-height:none!important;
    height:auto!important;
    overflow:visible!important;
    scrollbar-width:none!important;
    transform:none!important;
  }
  body.home .cl-wide-right::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}

  /* Section actions must read and behave like real buttons/links. */
  body.home .cl-wide-section-title>a,
  body.home .cl-wide-section-title .cl-wide-collapse-all{
    min-height:36px!important;
    padding:0 14px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:999px!important;
    border:1px solid var(--wide-line)!important;
    background:var(--wide-panel)!important;
    color:var(--wide-text)!important;
    font-size:11px!important;
    line-height:1!important;
    font-weight:900!important;
    text-decoration:none!important;
    cursor:pointer!important;
    transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease!important;
  }
  body.cl-theme-light.home .cl-wide-section-title>a:hover,
  body.cl-theme-light.home .cl-wide-section-title .cl-wide-collapse-all:hover{
    background:#c95833!important;
    border-color:#c95833!important;
    color:#fff!important;
    transform:translateY(-1px)!important;
  }
  body.home .cl-wide-all-products[hidden]{display:none!important}
  body.home .cl-wide-all-products{scroll-margin-top:18px!important}

  /* Assurance strip: typography must be readable at desktop viewing distance. */
  body.home .cl-wide-assurance{
    padding:18px!important;
    gap:12px!important;
  }
  body.home .cl-wide-assurance>div{
    grid-template-columns:42px minmax(0,1fr)!important;
    column-gap:12px!important;
    row-gap:3px!important;
  }
  body.home .cl-wide-assurance span{
    width:42px!important;height:42px!important;border-radius:13px!important;font-size:20px!important;
  }
  body.home .cl-wide-assurance b{
    font-size:12.5px!important;line-height:1.3!important;letter-spacing:-.01em!important;
  }
  body.home .cl-wide-assurance small{
    font-size:10.5px!important;line-height:1.4!important;color:var(--wide-muted)!important;
  }

  /* Product cards: improve hierarchy/readability without changing grid density. */
  body.home .cl-wide-product-copy{
    padding:14px 14px 15px!important;
  }
  body.home .cl-wide-product-copy>small{
    font-size:9.5px!important;line-height:1.35!important;font-weight:700!important;
  }
  body.home .cl-wide-product-copy h3{
    height:42px!important;
    margin:6px 0 5px!important;
    font-size:13.5px!important;
    line-height:1.45!important;
    letter-spacing:-.015em!important;
  }
  body.home .cl-wide-product-copy p{
    margin:0 0 10px!important;
    font-size:10.5px!important;
    line-height:1.35!important;
  }
  body.home .cl-wide-product-copy strong{
    font-size:13.5px!important;line-height:1.2!important;
  }
  body.home .cl-wide-product-copy em{
    width:32px!important;height:32px!important;border-radius:10px!important;font-size:17px!important;
  }
}


/* v0.2.108 — right rail placement correction.
   Keep the right rail inside its CSS-grid column and let the PAGE scroll.
   No sticky/fixed behavior and no nested scrollbar. */
@media (min-width:1180px){
  body.home .cl-wide-home-shell{
    overflow:visible!important;
  }
  body.home .cl-wide-right{
    position:relative!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    inset:auto!important;
    align-self:start!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    overflow-x:visible!important;
    overflow-y:visible!important;
    transform:none!important;
    translate:none!important;
    z-index:auto!important;
    scrollbar-width:none!important;
  }
  body.home .cl-wide-right::-webkit-scrollbar{
    display:none!important;
    width:0!important;
    height:0!important;
  }
  body.home .cl-wide-right > *{
    max-width:100%!important;
  }
}


/* source: wide-layout-v02109.css */
/* Craftlo v0.2.109 — strict wide desktop 3-column containment.
   Scope: placement only. No visual redesign and no mobile/tablet changes. */

@media (min-width:1180px){
  body.home .cl-wide-home-shell{
    display:grid!important;
    grid-template-areas:"left main right"!important;
    grid-template-columns:210px minmax(0,1fr) 330px!important;
    column-gap:22px!important;
    row-gap:0!important;
    align-items:start!important;
    overflow:visible!important;
  }

  body.home .cl-wide-left{
    grid-area:left!important;
    grid-column:1!important;
    min-width:0!important;
  }

  body.home .cl-wide-main{
    grid-area:main!important;
    grid-column:2!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    overflow-x:hidden!important;
    overflow-y:visible!important;
    position:relative!important;
    z-index:1!important;
  }

  body.home .cl-wide-main > *{
    min-width:0!important;
    max-width:100%!important;
  }

  body.home .cl-wide-right{
    grid-area:right!important;
    grid-column:3!important;
    position:static!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    transform:none!important;
    translate:none!important;
    align-self:start!important;
    overflow:visible!important;
    overflow-x:visible!important;
    overflow-y:visible!important;
    scrollbar-width:none!important;
    z-index:1!important;
  }

  body.home .cl-wide-right::-webkit-scrollbar{
    display:none!important;
    width:0!important;
    height:0!important;
  }

  body.home .cl-wide-right > *{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }

  body.home .cl-wide-product-grid,
  body.home .cl-wide-workshops > div:last-child,
  body.home .cl-wide-promos,
  body.home .cl-wide-assurance,
  body.home .cl-wide-creators,
  body.home .cl-wide-creator-viewport,
  body.home .cl-wide-hero{
    min-width:0!important;
    max-width:100%!important;
  }
}

@media (min-width:1180px) and (max-width:1420px){
  body.home .cl-wide-home-shell{
    grid-template-columns:190px minmax(0,1fr) 292px!important;
    column-gap:16px!important;
  }
}


/* source: wide-creator-marquee-v02114.css */
/* Craftlo v0.2.114 — truly compact 10-creator continuous marquee. */
@media (min-width:1180px){
  body.home .cl-wide-creator-viewport{
    overflow:hidden!important;
    padding:10px 12px!important;
  }

  body.home .cl-wide-creator-row{
    display:flex!important;
    flex-wrap:nowrap!important;
    justify-content:flex-start!important;
    align-items:flex-start!important;
    gap:8px!important;
    padding:0!important;
    overflow:visible!important;
    scroll-behavior:auto!important;
    scroll-snap-type:none!important;
    scrollbar-width:none!important;
    transform:translate3d(0,0,0);
    will-change:transform!important;
  }

  body.home .cl-wide-creator-row::-webkit-scrollbar{
    display:none!important;
  }

  /* Critical override: legacy CSS used 12.5% / 16.6667% !important,
     which is why cards appeared hundreds of pixels apart. */
  body.home .cl-wide-creator{
    flex:0 0 92px!important;
    flex-basis:92px!important;
    width:92px!important;
    min-width:92px!important;
    max-width:92px!important;
    padding:5px 2px!important;
    gap:4px!important;
    scroll-snap-align:none!important;
    justify-items:center!important;
  }

  body.home .cl-wide-creator>div{
    width:54px!important;
    height:54px!important;
  }

  body.home .cl-wide-creator strong{
    width:100%!important;
    font-size:10px!important;
    line-height:1.25!important;
  }

  body.home .cl-wide-creator small{
    width:100%!important;
    font-size:8px!important;
    line-height:1.25!important;
  }
}


/* source: wide-products-dropdown-v02111.css */
/* Craftlo v0.2.111 — wide All Products dropdown + compact pagination. */
@media (min-width:1180px){
  body.home .cl-wide-all-products{
    margin-top:14px!important;
    scroll-margin-top:18px!important;
  }
  body.home .cl-wide-all-products[hidden]{display:none!important}
  body.home .cl-wide-all-products.is-open{
    display:block!important;
    animation:clWideDropOpen .22s ease both;
  }
  body.home .cl-wide-all-products.is-closing{
    animation:clWideDropClose .18s ease both;
  }
  body.home .cl-wide-all-products-inner{
    padding:18px!important;
    border:1px solid var(--wide-line)!important;
    border-radius:20px!important;
    background:var(--wide-panel)!important;
    box-shadow:0 16px 38px rgba(35,25,17,.08)!important;
    overflow:hidden!important;
  }
  body.cl-theme-light.home .cl-wide-all-products-inner{
    background:#fffdfa!important;
    border-color:rgba(54,44,36,.10)!important;
  }
  body.home .cl-wide-all-products .cl-wide-product-grid{
    margin-top:14px!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  body.home .cl-wide-all-products [data-wide-all-card][hidden]{display:none!important}
  body.home .cl-wide-product-pagination{
    width:100%!important;
    margin:24px auto 4px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-wrap:wrap!important;
    gap:7px!important;
  }
  body.home .cl-wide-product-pagination[hidden]{display:none!important}
  body.home .cl-wide-product-pagination button{
    min-width:38px!important;
    height:38px!important;
    padding:0 12px!important;
    border:1px solid var(--wide-line)!important;
    border-radius:11px!important;
    background:var(--wide-panel)!important;
    color:var(--wide-text)!important;
    font:inherit!important;
    font-size:11px!important;
    font-weight:850!important;
    line-height:1!important;
    cursor:pointer!important;
    transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease!important;
  }
  body.cl-theme-light.home .cl-wide-product-pagination button{
    background:#fff!important;
    border-color:rgba(23,54,75,.13)!important;
    color:#17364b!important;
  }
  body.cl-theme-light.home .cl-wide-product-pagination button:hover:not(:disabled),
  body.cl-theme-light.home .cl-wide-product-pagination button.is-active{
    background:#c95833!important;
    border-color:#c95833!important;
    color:#fff!important;
    transform:translateY(-1px)!important;
  }
  body.home .cl-wide-product-pagination button:disabled{
    opacity:.36!important;
    cursor:not-allowed!important;
    transform:none!important;
  }
  body.home .cl-wide-page-ellipsis{
    min-width:22px!important;
    text-align:center!important;
    color:var(--wide-muted)!important;
    font-size:14px!important;
    font-weight:850!important;
  }
  @keyframes clWideDropOpen{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}
  @keyframes clWideDropClose{from{opacity:1;transform:none}to{opacity:0;transform:translateY(-5px)}}
}


/* source: wide-inline-expand-v02113.css */
/* Craftlo v0.2.113 — inline View All expansion inside the same section. */
@media (min-width:1180px){
  body.home .cl-wide-expandable{
    position:relative!important;
    transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,padding .2s ease!important;
  }
  body.home .cl-wide-section-title>button[data-wide-expand-toggle]{
    appearance:none!important;
    padding:8px 12px!important;
    border-radius:999px!important;
    background:var(--wide-panel)!important;
    border:1px solid var(--wide-line)!important;
    color:var(--wide-text)!important;
    font:inherit!important;font-size:10px!important;font-weight:850!important;
    cursor:pointer!important;
  }
  body.cl-theme-light.home .cl-wide-section-title>button[data-wide-expand-toggle]{background:#fff!important;border-color:rgba(23,54,75,.13)!important;color:#17364b!important}
  body.cl-theme-light.home .cl-wide-section-title>button[data-wide-expand-toggle]:hover,
  body.cl-theme-light.home .cl-wide-expandable.is-expanded .cl-wide-section-title>button[data-wide-expand-toggle]{background:#c95833!important;border-color:#c95833!important;color:#fff!important}

  body.home .cl-wide-expandable.is-expanded{
    padding:16px!important;
    border:1px solid var(--wide-line)!important;
    border-radius:20px!important;
    background:var(--wide-panel)!important;
    box-shadow:0 16px 38px rgba(35,25,17,.08)!important;
    animation:clWideInlineOpen .2s ease both;
  }
  body.cl-theme-light.home .cl-wide-expandable.is-expanded{background:#fffdfa!important;border-color:rgba(54,44,36,.10)!important}
  body.home [data-wide-compact][hidden],body.home [data-wide-expanded][hidden],body.home [data-wide-expanded-card][hidden]{display:none!important}
  body.home .cl-wide-inline-expanded{display:block!important}
  body.home .cl-wide-inline-expanded .cl-wide-product-grid{margin-top:4px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}

  body.home .cl-wide-workshop-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
  body.home .cl-wide-workshop-grid>a{padding:9px!important;border-radius:15px!important;border:1px solid var(--wide-line)!important;background:var(--wide-panel)!important;box-shadow:var(--wide-shadow)!important}
  body.home .cl-wide-workshop-grid>a>div{height:135px!important;border-radius:11px!important;overflow:hidden!important;background:var(--wide-panel-soft)!important;margin-bottom:9px!important}
  body.home .cl-wide-workshop-grid-expanded{grid-template-columns:repeat(4,minmax(0,1fr))!important;margin-top:4px!important}

  body.home .cl-wide-product-pagination{width:100%!important;margin:24px auto 2px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important;gap:7px!important}
  body.home .cl-wide-product-pagination[hidden]{display:none!important}
  body.home .cl-wide-product-pagination button{min-width:38px!important;height:38px!important;padding:0 12px!important;border:1px solid var(--wide-line)!important;border-radius:11px!important;background:var(--wide-panel)!important;color:var(--wide-text)!important;font:inherit!important;font-size:11px!important;font-weight:850!important;line-height:1!important;cursor:pointer!important}
  body.cl-theme-light.home .cl-wide-product-pagination button{background:#fff!important;border-color:rgba(23,54,75,.13)!important;color:#17364b!important}
  body.cl-theme-light.home .cl-wide-product-pagination button:hover:not(:disabled),body.cl-theme-light.home .cl-wide-product-pagination button.is-active{background:#c95833!important;border-color:#c95833!important;color:#fff!important}
  body.home .cl-wide-product-pagination button:disabled{opacity:.36!important;cursor:not-allowed!important}
  body.home .cl-wide-page-ellipsis{min-width:22px!important;text-align:center!important;color:var(--wide-muted)!important;font-size:14px!important;font-weight:850!important}
  @keyframes clWideInlineOpen{from{opacity:.45;transform:translateY(-4px)}to{opacity:1;transform:none}}
}