/* Storefront shell styles. Extracted from _chrome.php on 17 Sep 2026 so the
   browser caches them once instead of re-downloading ~39KB inside every page.
   Order is the one the old inline block used, and is load-bearing: the dark
   theme comes last. A page's own rules still arrive inline, after this file.
   Sections below are the constants they came from. */

/* ═══════════════ RS_NAV_CSS ═══════════════ */

  /* ============================================================
     Apple global-nav recreation (apple.com/uk, Aug 2026)
     Single file, no external requests. Metrics measured from the
     live site: 44px bar / 980px flyout column on desktop, 48px bar
     + 28px cascading rows on mobile, .32s cubic-bezier(.4,0,.6,1).
     ============================================================ */
  :root{
    --ease: cubic-bezier(.4,0,.6,1);
    --ease-out: cubic-bezier(.32,.08,.24,1);
    --bar-bg: rgba(245,245,247,.8);
    --sheet-bg: #fafafc;
    --ink: #16171a;
    --ink-soft: rgba(0,0,0,.8);
    --ink-big: #333336;
    --ink-dim: #6b6b72;
    --curtain: rgba(232,232,237,.4);
    --hairline: #dcdce1;
    --focus: rgba(0,125,250,.65);
    --bar-h: 44px;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{-webkit-text-size-adjust:100%}
  body{
    font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif;
    background:#fff;color:var(--ink);
  }
  html.gn-lock, html.gn-lock body{overflow:hidden}
  a{color:inherit;text-decoration:none}
  ul{list-style:none}
  button{font:inherit;background:none;border:0;color:inherit;cursor:pointer}
  svg{display:block;fill:currentColor}
  :focus{outline:none}
  :focus-visible{outline:2px solid var(--focus);outline-offset:-2px;border-radius:8px}

  /* ---------------- curtain ---------------- */
  .gn-curtain{
    position:fixed;inset:0;z-index:9990;
    background:var(--curtain);
    -webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);
    opacity:0;visibility:hidden;
    transition:opacity .32s var(--ease),visibility 0s linear .32s;
  }
  .gn-curtain.on{opacity:1;visibility:visible;transition:opacity .32s var(--ease)}

  /* ---------------- header / bar ---------------- */
  .gn{position:fixed;top:0;left:0;right:0;z-index:9999}
  .gn-bar{
    position:relative;z-index:2;height:var(--bar-h);
    background:var(--bar-bg);
    -webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);
    transition:background .32s var(--ease);
  }
  .gn.solid .gn-bar{background:var(--sheet-bg);-webkit-backdrop-filter:none;backdrop-filter:none}
  .gn-content{
    max-width:1024px;height:100%;margin:0 auto;padding:0 22px;
    display:flex;align-items:center;justify-content:space-between;
  }
  .gn-list{display:contents}
  .gn-link{
    display:flex;align-items:center;height:var(--bar-h);
    font-size:12px;line-height:1;letter-spacing:-.01em;font-weight:400;
    color:#000;opacity:.8;
    transition:opacity .32s var(--ease);
  }
  .gn-link:hover,.gn-item.active .gn-link{opacity:1}
  .gn-icon-link{padding:0 8px;margin:0 -8px}
  .gn-apple{opacity:1;display:flex;align-items:center}
  /* Placeholder mark: a pill reading "Logo" until the store has its own. */
  .gn-logo-pill{display:inline-block;padding:5px 12px;border:1.5px solid currentColor;border-radius:999px;font-size:12px;font-weight:600;line-height:1;letter-spacing:.02em;opacity:.9;white-space:nowrap}
  @media (max-width:833px){.gn-apple.gn-icon-link{width:auto;padding:0 8px}}
  .gn-item{display:flex}

  /* mobile-only bar controls */
  .gn-burger{display:none}

  /* Search + account + bag grouped as one flex unit: the nav keeps its space-between
     spacing while the icons (and the bag count) sit together on the right.
     display:contents on mobile so the existing mobile bar layout is untouched. */
  .gn-actions{display:contents}
  @media (min-width:834px){
    .gn-actions{display:flex;align-items:center;gap:22px}
    .gn-actions .gn-icon-link{margin:0;padding:0}
  }


  /* ---------------- desktop flyout ---------------- */
  .gn-flyout{
    position:absolute;top:0;left:0;right:0;z-index:1;
    height:0;overflow:hidden;
    background:var(--sheet-bg);
    transition:height .28s var(--ease);
    visibility:hidden;
  }
  .gn.open .gn-flyout{visibility:visible}
  .gn-panelhost{position:relative;padding-top:var(--bar-h)}
  .gn-panel{
    max-width:1024px;margin:0 auto;padding:40px 22px 84px;
    display:flex;align-items:flex-start;
  }
  .gn-panel.exit{position:absolute;top:var(--bar-h);left:0;right:0;animation:gnPanelOut .18s var(--ease) both}
  @keyframes gnPanelOut{to{opacity:0}}

  .gn-col{width:184px;flex:none}
  .gn-col-elev{width:254px}
  .gn-col h3{
    font-size:12px;line-height:1.33;font-weight:400;color:var(--ink-dim);
    margin:0 0 14px;
  }
  .gn-big a,.gn-mini a{display:inline-block;transition:color .32s var(--ease)}
  .gn-big a{
    font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:24px;line-height:1.17;font-weight:600;letter-spacing:.009em;
    color:var(--ink-big);padding:5px 0;
  }
  .gn-mini a{
    font-size:12px;line-height:1.33;font-weight:600;color:var(--ink-big);padding:4px 0;
  }
  .gn-big a:hover,.gn-mini a:hover{color:#000}
  .gn-big + .gn-mini{margin-top:14px}

  /* cascade-in of links when a panel opens */
  .gn-panel.enter .gn-reveal{animation:gnLinkIn .26s var(--ease) both;animation-delay:calc(60ms + var(--i)*20ms)}
  @keyframes gnLinkIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}

  /* search panel */
  .gn-panel-search{display:block;max-width:1024px;padding-bottom:66px}
  .gn-searchbar{display:flex;align-items:center;gap:14px;margin:4px 0 30px}
  .gn-searchbar svg{color:var(--ink-dim);flex:none}
  .gn-searchbar input{
    flex:1;border:0;background:transparent;
    font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:24px;font-weight:600;letter-spacing:.009em;color:var(--ink-big);
  }
  .gn-searchbar input::placeholder{color:var(--ink-dim)}
  .gn-searchbar input:focus{outline:none}
  .gn-quick h3{font-size:12px;font-weight:400;color:var(--ink-dim);margin:0 0 14px}
  .gn-quick .gn-mini a{display:flex;align-items:center;gap:10px}
  .gn-quick .gn-mini a svg{color:var(--ink-dim);width:7px}

  /* bag panel */
  .gn-panel-bag{display:block;padding-bottom:66px}
  .gn-bagbox{margin-left:auto;width:252px}
  .gn-bag-title{
    font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:24px;line-height:1.17;font-weight:600;color:var(--ink-big);margin:4px 0 24px;
  }
  .gn-bagbox h3{font-size:12px;font-weight:400;color:var(--ink-dim);margin:0 0 10px}

  /* chip-style panel — compact flyout for small submenus */
  .gn-panel-chips{display:block;padding-bottom:64px}
  .gn-chip-title{
    font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:28px;line-height:1.14;font-weight:600;letter-spacing:.007em;color:var(--ink);margin:4px 0 0;
  }
  .gn-chip-sub{margin:8px 0 0;font-size:15px;line-height:1.4;color:var(--ink-dim)}
  .gn-chip-row{margin-top:24px;display:flex;flex-wrap:wrap;gap:10px}
  .gn-chip{
    display:inline-block;border:1.5px solid #dcdce1;border-radius:980px;background:#fff;
    padding:10px 18px;font-size:14px;line-height:1.2;font-weight:400;color:#000;
    transition:border-color .2s,background .2s;
  }
  .gn-chip:hover{border-color:#8b8b92}
  .gn-chip-fill{background:#16171a;border-color:#16171a;color:#fff}
  .gn-chip-fill:hover{border-color:#16171a}

  /* ---------------- mobile ---------------- */
  .gn-mobile{display:none}

  @media (max-width:833px){
    :root{--bar-h:48px}
    .gn-list,.gn-flyout{display:none}
    .gn-content{max-width:none;padding:0 16px;justify-content:flex-start;gap:0}
    .gn-icon-link{width:48px;justify-content:center;padding:0;margin:0;transition:opacity .32s var(--ease),visibility 0s}
    .gn-apple{margin-right:auto}
    .gn.m-open .gn-hide-when-open{opacity:0;visibility:hidden}

    /* hamburger — two lines morphing to an X */
    .gn-burger{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-right:-16px;opacity:.8;transition:opacity .32s var(--ease)}
    .gn-burger:hover{opacity:1}
    .gn-burger .box{position:relative;width:18px;height:18px;display:block}
    .gn-burger .l1,.gn-burger .l2{
      position:absolute;left:0;top:50%;width:18px;height:1.2px;background:#000;border-radius:.6px;
      transition:transform .3s var(--ease);display:block;
    }
    .gn-burger .l1{transform:translateY(-4px)}
    .gn-burger .l2{transform:translateY(4px)}
    .gn.m-open .gn-burger .l1{transform:translateY(0) rotate(45deg)}
    .gn.m-open .gn-burger .l2{transform:translateY(0) rotate(-45deg)}

    /* the expanding sheet */
    .gn-mobile{
      display:block;position:absolute;top:0;left:0;right:0;z-index:1;
      height:var(--bar-h);overflow:hidden;
      background:var(--sheet-bg);
      transition:height .4s var(--ease-out);
      visibility:hidden;
    }
    .gn.m-open .gn-mobile{visibility:visible}
    .gn-m-scroll{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-top:var(--bar-h)}
    .gn-m-view{display:none;padding:8px 0 48px}
    .gn-m-view.current{display:block}
    .gn-m-view.leave-fwd{animation:gnMFwdOut .24s var(--ease) both}
    .gn-m-view.enter-fwd{animation:gnMFwdIn .24s var(--ease) .16s both}
    .gn-m-view.leave-back{animation:gnMBackOut .24s var(--ease) both}
    .gn-m-view.enter-back{animation:gnMBackIn .24s var(--ease) .16s both}
    @keyframes gnMFwdOut{to{opacity:0;transform:translateX(-8px)}}
    @keyframes gnMFwdIn{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:translateX(0)}}
    @keyframes gnMBackOut{to{opacity:0;transform:translateX(8px)}}
    @keyframes gnMBackIn{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}

    /* root list rows */
    .gn-m-list a{
      display:flex;align-items:center;justify-content:space-between;
      padding:7px 46px 8px 48px;
      font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif;
      font-size:28px;line-height:1.14;font-weight:600;letter-spacing:.007em;
      color:var(--ink-big);
    }
    .gn-m-list a:active{color:#000}
    .gn-m-list .chev{color:#8b8b92;opacity:.9;transform:rotate(180deg);flex:none}
    .gn-m-list li{opacity:0}
    .gn.m-in .gn-m-list li{animation:gnRowIn .42s var(--ease-out) both;animation-delay:calc(80ms + var(--i)*22ms)}
    @keyframes gnRowIn{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}

    /* submenu view */
    .gn-m-back{
      display:flex;align-items:center;height:48px;padding:0 44px;
      color:var(--ink-big);opacity:.85;
    }
    .gn-m-back svg{margin-left:-9px}
    .gn-m-groups{padding:8px 48px 0}
    .gn-m-groups h3{font-size:12px;line-height:1.33;font-weight:400;color:var(--ink-dim);margin:28px 0 12px}
    .gn-m-groups .grp:first-child h3{margin-top:0}
    .gn-m-groups .big a{
      display:inline-block;padding:8px 0;
      font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif;
      font-size:24px;line-height:1.17;font-weight:600;letter-spacing:.009em;color:var(--ink-big);
    }
    .gn-m-groups .mini a{display:inline-block;padding:6px 0;font-size:14px;line-height:1.3;font-weight:600;color:var(--ink-big)}
    .gn-m-groups .big + .mini{margin-top:12px}

    /* mobile search view */
    .gn-m-searchbar{display:flex;align-items:center;gap:12px;margin:10px 32px 26px;padding:0 4px;border-bottom:1px solid var(--hairline)}
    .gn-m-searchbar svg{color:var(--ink-dim);flex:none}
    .gn-m-searchbar input{flex:1;border:0;background:transparent;font-size:17px;font-weight:400;color:var(--ink);height:44px}
    .gn-m-searchbar input:focus{outline:none}
    .gn-m-quick{padding:0 36px}
    .gn-m-quick h3{font-size:12px;font-weight:400;color:var(--ink-dim);margin:0 0 8px}
    .gn-m-quick a{display:block;padding:10px 0;font-size:14px;font-weight:600;color:var(--ink-big)}

    /* mobile bag view */
    .gn-m-bag{padding:6px 36px 26px}
    .gn-m-bag .gn-bag-title{font-size:21px;margin:8px 0 18px}
    .gn-m-bag h3{font-size:12px;font-weight:400;color:var(--ink-dim);margin:0 0 6px}
    .gn-m-bag .gn-mini a{display:block;font-size:14px;padding:8px 0}
  }

  @media (prefers-reduced-motion:reduce){
    .gn *,.gn-curtain{animation-duration:.01s !important;animation-delay:0s !important;transition-duration:.01s !important}
  }

  

/* ═══════════════ RS_PAGE_CSS ═══════════════ */
/* ---------------- category page ---------------- */
  main{padding-top:var(--bar-h)}
  .ct-head{max-width:1024px;margin:0 auto;padding:60px 22px 36px}
  .ct-head h1{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:48px;line-height:1.08;font-weight:700;letter-spacing:-.012em;color:var(--ink)}
  .ct-head p{margin-top:12px;font-size:19px;line-height:1.4;color:var(--ink-dim)}
  .ct-band{background:#f3f3f5;padding:52px 0 64px}
  .ct-section{max-width:1024px;margin:0 auto;padding:0 22px}
  .ct-h2{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:28px;line-height:1.2;font-weight:600;letter-spacing:.007em;color:var(--ink)}
  .ct-h2 span{color:var(--ink-dim)}
  .ct-grid{margin-top:30px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
  .ct-card{background:#fff;border-radius:18px;padding:26px;min-height:372px;display:flex;flex-direction:column;text-decoration:none;transition:transform .3s cubic-bezier(.32,.08,.24,1)}
  .ct-card:hover{transform:translateY(-3px)}
  .ct-art{flex:1;display:flex;align-items:center;justify-content:center;min-height:190px}
  .ct-art span{width:124px;height:124px;border-radius:50%;background:#fbf2ed;display:flex;align-items:center;justify-content:center}
  .ct-art svg{width:58px;height:58px;fill:none;stroke:#c4623f;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
  .ct-dots{display:flex;gap:7px;justify-content:center;margin:0 0 16px}
  .ct-dots i{width:10px;height:10px;border-radius:50%}
  .ct-dots i:nth-child(1){background:#9fd2f2}.ct-dots i:nth-child(2){background:#4aa9e2}.ct-dots i:nth-child(3){background:#1b6fae}
  .ct-tag{font-size:12px;line-height:1.3;font-weight:600;color:#b64400;margin-bottom:6px}
  /* Type pill (rs_pill): subscription, booking. Theme tokens only, so it follows
     light, dark and a tenant's own palette without a second rule. */
  /* Doubled class on purpose: the featured rail injects its own `.ar *{padding:0}`
     reset at runtime, which ties with a single class and wins by coming later.
     .rs-pill.rs-pill outranks it without naming the rail. */
  .rs-pill,.rs-pill.rs-pill{display:inline-flex;align-items:center;white-space:nowrap;
    border:1px solid var(--hairline);border-radius:980px;padding:6px 13px;
    font-size:11px;line-height:1.2;font-weight:600;letter-spacing:.02em;color:var(--ink-dim)}
  /* On a card it is a badge in the corner: the tag and the name keep their own
     stack, and a centred card (.c2-card) doesn't centre it. */
  .ct-card,.c2-card,.ar-card{position:relative}
  .ct-pill,.c2-pill,.ar-pill{position:absolute;top:14px;left:14px;margin:0;z-index:1}
  .pd-pill{margin-top:12px}
  @media (max-width:833px){.ct-pill,.c2-pill,.ar-pill{top:10px;left:10px}}
  .ct-name{font-size:17px;line-height:1.3;font-weight:600;color:var(--ink)}
  .ct-price{font-size:17px;line-height:1.3;font-weight:400;color:var(--ink);margin-top:10px}
  .ct-why{max-width:1024px;margin:0 auto;padding:72px 22px 96px}
  .ct-why .ct-h2{max-width:20em}
  .ct-usp{margin-top:44px;display:grid;grid-template-columns:repeat(3,1fr);gap:44px}
  .ct-usp-item svg{width:42px;height:42px;fill:none;stroke:#c4623f;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}
  .ct-usp-item h3{margin-top:16px;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:21px;line-height:1.2;font-weight:700;color:var(--ink)}
  .ct-usp-item p{margin-top:9px;font-size:15px;line-height:1.5;color:#3d3d42}
  .ct-usp-item a{display:inline-block;margin-top:10px;font-size:15px;color:#b2532f;text-decoration:none}
  .ct-usp-item a:hover{text-decoration:underline}
  @media (max-width:833px){
    .ct-head{padding:40px 16px 28px}
    .ct-head h1{font-size:38px}
    .ct-head p{font-size:17px}
    .ct-band{padding:40px 0 48px}
    .ct-section,.ct-why{padding-left:16px;padding-right:16px}
    .ct-h2{font-size:23px}
    .ct-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:22px}
    .ct-card{padding:18px;min-height:296px;border-radius:14px}
    .ct-art{min-height:140px}
    .ct-art span{width:96px;height:96px}
    .ct-art svg{width:44px;height:44px}
    .ct-name{font-size:14px}
    .ct-price{font-size:14px;margin-top:7px}
    .ct-why{padding-top:52px;padding-bottom:64px}
    .ct-usp{grid-template-columns:1fr;gap:32px;margin-top:30px}
  }
  .hero{
    min-height:72vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
    background:linear-gradient(180deg,#fafafb 0%,#eef1f6 60%,#e4e9f2 100%);padding:64px 24px;
  }
  .hero h1{
    font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:clamp(40px,7vw,80px);font-weight:700;letter-spacing:-.015em;color:var(--ink);
  }
  .hero p{font-size:clamp(17px,2.4vw,24px);color:var(--ink-dim);margin-top:14px;max-width:34em}
  .hero .hint{margin-top:34px;font-size:14px;color:var(--ink-dim)}
  .hero .hint b{color:var(--ink);font-weight:600}


/* ═══════════════ RS_EXTRA_CSS ═══════════════ */

  /* ---------------- layout: essentials (framed grid, from category2.html) ---------------- */
  :root{--frame:#dcdce1}
  .c2-head{max-width:1024px;margin:0 auto;padding:52px 22px 0}
  .c2-crumb{font-size:14px;color:var(--ink-dim)}
  .c2-crumb a{color:var(--ink-dim);text-decoration:none}
  .c2-crumb a:hover{color:var(--ink);text-decoration:underline}
  .rs-crumb{max-width:1024px;margin:0 auto;padding:30px 22px 0;font-size:14px;color:var(--ink-dim);display:flex;flex-wrap:wrap;align-items:center;gap:8px}
  .rs-crumb a{color:var(--ink-dim);text-decoration:none}
  .rs-crumb a:hover{color:var(--ink);text-decoration:underline}
  .rs-crumb [aria-current]{color:var(--ink);font-weight:500}
  .rs-crumb .sep{opacity:.45}
  .rs-crumb + .ct-head,.rs-crumb + .c2-head,.rs-crumb + .pd{padding-top:22px}
  @media (max-width:833px){.rs-crumb{padding:22px 16px 0}}
  .rs-facets{max-width:1024px;margin:0 auto;padding:8px 22px 0;display:flex;flex-wrap:wrap;align-items:center;gap:10px 8px}
  .rs-fgroup{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-right:10px}
  .rs-flabel{font-size:11px;font-weight:700;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.05em;margin-right:2px}
  .rs-fchip em{font-style:normal;opacity:.5;font-size:.85em;margin-left:3px}
  .rs-fchip.on em{opacity:.85}
  .rs-fchip.rs-foff{opacity:.38;cursor:default;pointer-events:none}
  .rs-fclear{font-size:13px;color:var(--ink-dim);text-decoration:none;margin-left:auto;white-space:nowrap}
  .rs-fclear:hover{color:var(--ink);text-decoration:underline}
  @media (max-width:833px){.rs-facets{padding:8px 16px 0}.rs-fclear{margin-left:0}}
  .rs-facets-acc{max-width:1024px;margin:0 auto;padding:14px 22px 0}
  .rs-fsummary{display:inline-flex;align-items:center;gap:8px;width:max-content;cursor:pointer;list-style:none;padding:8px 15px;border:1px solid #dcdce1;border-radius:980px;font-size:14px;font-weight:600;color:var(--ink);user-select:none}
  .rs-fsummary::-webkit-details-marker{display:none}
  .rs-fsummary:hover{background:#f3f3f5}
  .rs-fcaret{transition:transform .2s var(--ease,ease)}
  .rs-facets-acc[open] .rs-fcaret{transform:rotate(180deg)}
  .rs-fbadge{background:var(--ink);color:#fff;border-radius:999px;font-size:11px;font-weight:700;min-width:17px;height:17px;display:inline-flex;align-items:center;justify-content:center;padding:0 4px}
  .rs-facets-acc .rs-facets{max-width:none;margin:0;padding:14px 0 2px}
  /* Picks: Filter floats to the right of the title row; the panel opens full width below. */
  .ct-section{position:relative}
  .ct-sechead{position:static}
  .ct-sechead .ct-h2{padding-right:108px}
  .ct-section>.rs-facets-acc{padding:0;margin:0}
  .ct-section>.rs-facets-acc>.rs-fsummary{position:absolute;top:0;right:22px}
  .ct-section>.rs-facets-acc[open]>.rs-facets{margin-top:14px}
  @media (max-width:833px){.ct-section>.rs-facets-acc>.rs-fsummary{right:16px}.ct-sechead .ct-h2{padding-right:96px}}
  @media (max-width:833px){.rs-facets-acc{padding:14px 16px 0}}
  .c2-head h1{margin-top:8px;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:40px;line-height:1.1;font-weight:600;letter-spacing:-.011em;color:var(--ink)}
  .c2-head .c2-sub{margin-top:10px;font-size:17px;line-height:1.4;color:var(--ink-dim)}
  .c2-chiprow{max-width:1024px;margin:0 auto;padding:28px 22px 0}
  /* One toolbar row: result count on the left, sort + filter on the right; the facet panel opens full width beneath it. */
  .c2-toolbar{max-width:1024px;margin:0 auto;padding:18px 22px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px 18px;flex-wrap:wrap}
  .c2-toolbar .c2-count{max-width:none;margin:0;padding:0;white-space:nowrap}
  .c2-tools{display:flex;align-items:center;gap:16px;margin-left:auto}
  .c2-fbtn{font-family:inherit;line-height:1.2;background:#fff}
  .c2-fbtn[aria-expanded="true"] .rs-fcaret{transform:rotate(180deg)}
  .rs-facets.c2-facets{padding:0 22px 22px}
  .rs-facets[hidden]{display:none}
  .c2-chips{display:flex;flex-wrap:wrap;gap:10px}
  .c2-chip{border:1.5px solid var(--frame);cursor:pointer;font:400 14px/1.2 -apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif;color:#000;background:#fff;border-radius:980px;padding:8px 15px;transition:border-color .2s,background .2s,color .2s}
  .c2-chip:hover{border-color:#8b8b92}
  .c2-chip.on{background:#16171a;border-color:#16171a;color:#fff}
  .c2-sort{font-size:14px;color:var(--ink-dim);display:flex;align-items:center;gap:6px}
  .c2-sort b{color:var(--ink);font-weight:600}
  .c2-sort select{font:inherit;font-size:14px;font-weight:600;color:var(--ink);border:0;background:transparent;padding:4px 18px 4px 2px;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M1 1l4 4 4-4' fill='none' stroke='%231d1d1f' stroke-width='1.5'/></svg>");background-repeat:no-repeat;background-position:right 2px center}
  .c2-sort select:focus{outline:none}
  .c2-count{max-width:1024px;margin:0 auto;padding:18px 22px 22px;font-size:14px;color:var(--ink-dim)}
  .c2-gridwrap{border-top:1px solid var(--frame);overflow:hidden}
  .c2-grid{display:grid;grid-template-columns:repeat(3,1fr);width:calc(100% + 1px)}
  .c2-card{background:#fff;border-right:1px solid var(--frame);border-bottom:1px solid var(--frame);border-radius:0;
    padding:44px 28px 46px;min-height:470px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;text-decoration:none}
  .c2-lead{grid-column:span 2}
  .c2-card[hidden]{display:none}
  .c2-art{flex:1;display:flex;align-items:center;justify-content:center;min-height:220px}
  .c2-art span{width:150px;height:150px;border-radius:50%;background:#fbf2ed;display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.32,.08,.24,1)}
  .c2-card:hover .c2-art span{transform:scale(1.05)}
  .c2-lead .c2-art span{width:180px;height:180px}
  .c2-art svg{width:68px;height:68px;fill:none;stroke:#c4623f;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
  .c2-lead .c2-art svg{width:82px;height:82px}
  .c2-dots{display:flex;gap:7px;justify-content:center;margin:14px 0 0}
  .c2-dots i{width:10px;height:10px;border-radius:50%}
  .c2-dots i:nth-child(1){background:#9fd2f2}.c2-dots i:nth-child(2){background:#4aa9e2}.c2-dots i:nth-child(3){background:#1b6fae}
  .c2-tag{font-size:12px;line-height:1.3;font-weight:600;color:#b64400;margin-top:14px}
  .c2-name{font-size:21px;line-height:1.25;font-weight:600;color:var(--ink);margin-top:10px}
  .c2-lead .c2-name{font-size:25px}
  .c2-tag + .c2-name{margin-top:5px}
  .c2-price{font-size:17px;line-height:1.3;font-weight:400;color:var(--ink);margin-top:9px}
  @media (max-width:833px){
    .c2-head{padding:36px 16px 0}
    .c2-head h1{font-size:31px}
    .c2-head .c2-sub{font-size:15px}
    .c2-chiprow{padding:22px 16px 0}
    /* Phone: count, sort and filter stay on one line — the "Sort By:" label goes (the select is labelled for screen readers) and the gaps tighten. */
    .c2-toolbar{padding:14px 16px 18px;gap:8px 10px}
    .c2-tools{gap:10px}
    .c2-sortlabel{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
    .c2-sort select{max-width:150px}
    .rs-facets.c2-facets{padding:0 16px 18px}
    .c2-chip{padding:7px 13px;font-size:13px}
    .c2-count{padding:14px 16px 18px}
    .c2-grid{grid-template-columns:repeat(2,1fr)}
    .c2-card{padding:28px 16px 30px;min-height:330px}
    .c2-art{min-height:140px}
    .c2-art span{width:104px;height:104px}
    .c2-lead .c2-art span{width:124px;height:124px}
    .c2-art svg{width:48px;height:48px}
    .c2-lead .c2-art svg{width:56px;height:56px}
    .c2-name{font-size:15px}
    .c2-lead .c2-name{font-size:18px}
    .c2-price{font-size:14px;margin-top:6px}
  }

  /* ---------------- store additions ---------------- */
  #gnBagBtn,#gnAcctBtn{position:relative}
  .gn-acctdot{display:none;position:absolute;top:13px;right:-3px;width:7px;height:7px;border-radius:50%;background:#b2532f}
  .gn-acct-on .gn-acctdot{display:block}
  .gn-bagcount{position:absolute;top:9px;right:-6px;min-width:15px;height:15px;padding:0 4px;border-radius:8px;background:#b2532f;color:#fff;font-size:9px;line-height:15px;text-align:center;font-weight:600}
  .gn-baglines{margin:0 0 18px}
  .gn-bagline{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--hairline);font-size:14px}
  .gn-bagline span:nth-child(2){flex:1;display:flex;flex-direction:column;min-width:0}
  .gn-bagline b{font-weight:600;color:var(--ink)} .gn-bagline i{font-style:normal;color:var(--ink-dim);font-size:12px} .gn-bagline em{font-style:normal;color:var(--ink)}
  .gn-bagart{width:34px;height:34px;border-radius:50%;background:#fbf2ed;display:flex;align-items:center;justify-content:center;flex:none}
  .gn-bagart svg{width:18px;height:18px;fill:none;stroke:#c4623f;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
  .gn-bagmore{font-size:12px;color:var(--ink-dim);padding:6px 0}
  .gn-bagbtn{display:block;text-align:center;background:#b2532f;color:#fff;border-radius:980px;padding:10px 0;font-size:14px;font-weight:500;margin:0 0 22px}
  .gn-bagbtn:hover{background:#c4623f}
  .gn-m-bag .gn-bagbtn{margin-top:6px}
  .ct-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
  .ct-chip{border:1.5px solid var(--hairline);font-size:14px;line-height:1.2;color:#000;background:#fff;border-radius:980px;padding:10px 18px;transition:border-color .2s,background .2s}
  .ct-chip:hover{border-color:#8b8b92} .ct-chip.on{background:#16171a;border-color:#16171a;color:#fff}
  .ct-chips-sub{margin-top:12px} .ct-chips-sub .ct-chip{padding:7px 14px;font-size:13px}
  .pd{max-width:1024px;margin:0 auto;padding:60px 22px 80px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
  .pd-art{background:#f3f3f5;border-radius:24px;min-height:460px;display:flex;align-items:center;justify-content:center}
  .pd-art span{width:220px;height:220px;border-radius:50%;background:#fbf2ed;display:flex;align-items:center;justify-content:center}
  .pd-art svg{width:104px;height:104px;fill:none;stroke:#c4623f;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
  .pd-tag{font-size:12px;font-weight:600;color:#b64400}
  .pd h1{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:40px;line-height:1.1;font-weight:700;letter-spacing:-.012em;margin-top:6px}
  .pd-price{font-size:21px;margin-top:14px}
  .pd-subnote{margin-top:12px;font-size:14px;line-height:1.5;color:#3d3d42;background:#f0f7ff;border-radius:12px;padding:10px 14px} .pd-subnote a{color:#b2532f}
  .pd-desc{margin-top:22px;font-size:17px;line-height:1.5;color:#3d3d42} .pd-desc p+p{margin-top:10px}
  .pd-opt{margin-top:26px} .pd-opt label{display:block;font-size:12px;color:var(--ink-dim);margin-bottom:8px}
  .pd-opt select,.pd-opt input{font:inherit;font-size:15px;padding:11px 14px;border:1.5px solid var(--hairline);border-radius:12px;background:#fff;min-width:220px}
  .pd-row{display:flex;gap:12px;align-items:flex-end;margin-top:22px}
  .pd-buy{display:inline-block;background:#b2532f;color:#fff;border-radius:980px;padding:13px 26px;font-size:15px;font-weight:500;border:0;cursor:pointer;transition:background .2s}
  .pd-buy:hover{background:#c4623f} .pd-buy.is-added{background:#16171a} .pd-buy[disabled]{opacity:.6;cursor:wait}
  .rs-empty-store{max-width:620px;margin:0 auto;padding:56px 22px;text-align:center} .rs-empty-store p{font-size:19px;line-height:1.5;color:var(--ink-dim);margin:0 0 20px}
  .pd-link{margin-top:18px;font-size:15px} .pd-link a{color:#b2532f} .pd-link a:hover{text-decoration:underline}
  .pd-meta{margin-top:28px;font-size:13px;color:var(--ink-dim);line-height:1.6}
  /* Details: a two-column spec list under the buy controls */
  .pd-specs{margin:26px 0 0;border-top:1px solid var(--hairline);display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
  .pd-specs>div{display:grid;grid-template-columns:92px 1fr;gap:12px;padding:10px 0;font-size:14px;line-height:1.45}
  .pd-specs dt{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-dim);padding-top:2px}
  .pd-specs dd{margin:0;color:var(--ink)} .pd-specs dd a{color:#b2532f} .pd-specs dd a:hover{text-decoration:underline}
  @media (max-width:833px){.pd-specs{grid-template-columns:1fr}}
  .bg{max-width:820px;margin:0 auto;padding:60px 22px 90px}
  .bg h1{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:40px;font-weight:700;letter-spacing:-.012em}
  .bg-lines{margin-top:30px;border-top:1px solid var(--hairline)}
  .bg-line{display:grid;grid-template-columns:72px 1fr auto auto;gap:18px;align-items:center;padding:22px 0;border-bottom:1px solid var(--hairline)}
  .bg-art{width:72px;height:72px;border-radius:50%;background:#fbf2ed;display:flex;align-items:center;justify-content:center}
  .bg-art svg{width:34px;height:34px;fill:none;stroke:#c4623f;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
  .bg-name{font-size:17px;font-weight:600} .bg-opt{font-size:13px;color:var(--ink-dim);margin-top:2px}
  .bg-rm{font-size:13px;color:#b2532f;margin-top:8px;background:none;border:0;padding:0;cursor:pointer}
  .bg-qty{font:inherit;font-size:15px;padding:8px 10px;border:1.5px solid var(--hairline);border-radius:10px;width:64px}
  .bg-price{font-size:17px;font-weight:600;min-width:80px;text-align:right}
  .bg-tot{display:flex;justify-content:space-between;padding:22px 0;font-size:19px;font-weight:600}
  .bg-recur{font-weight:400} .bg-tot small{display:block;font-size:12px;font-weight:400;color:var(--ink-dim);margin-top:2px} .bg-note{font-size:12px;color:var(--ink-dim);margin-top:8px;line-height:1.5} .bg-monthly{color:#b2532f}
  .bg-tot small{display:block;font-size:13px;font-weight:400;color:var(--ink-dim);margin-top:4px}
  .bg-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:6px}
  .bg-email{font:inherit;font-size:15px;padding:12px 14px;border:1.5px solid var(--hairline);border-radius:12px;min-width:260px}
  .bg-empty{margin-top:30px;font-size:19px;color:var(--ink-dim)} .bg-empty a{color:#b2532f}
  .bg-msg{margin-top:18px;padding:14px 18px;border-radius:12px;background:#fff4e5;color:#7a4a00;font-size:14px;line-height:1.5} .bg-msg.ok{background:#e8f6ee;color:#0b5f2e}
  footer.rs-foot{border-top:1px solid var(--hairline);padding:28px 22px 48px;text-align:center;font-size:12px;color:var(--ink-dim);line-height:1.6} footer.rs-foot a{color:#b2532f}
  @media (max-width:833px){.pd{grid-template-columns:1fr;gap:26px;padding:34px 16px 60px}.pd-art{min-height:300px}.pd h1{font-size:30px}.bg{padding:36px 16px 60px}.bg-line{grid-template-columns:56px 1fr;gap:14px}/* the art has to shrink with its column: at 72px it overflowed the 56px track and sat on the title */.bg-art{width:56px;height:56px}.bg-art svg{width:28px;height:28px}.bg-price{text-align:left}}


/* ═══════════════ RS_DARK_CSS ═══════════════ */

  /* ============================================================
     Dark theme — the default since 13 Sep 2026. The light build
     above is untouched; everything here applies only under
     html[data-theme="dark"], toggled from the nav and remembered
     in localStorage ("rs-theme"). Tokens first, then the rules
     that hardcode a colour in the light build.
     ============================================================ */
  html[data-theme="dark"]{
    --bar-bg:rgba(29,29,31,.8);--sheet-bg:#16171a;
    --ink:#f3f3f5;--ink-soft:rgba(255,255,255,.8);--ink-big:#f3f3f5;--ink-dim:#8b8b92;
    --curtain:rgba(0,0,0,.6);--hairline:#3d3d42;--focus:rgba(217,119,87,.7);
    --d-bg:#000;--d-surface:#0c0c0e;--d-surface-2:#161618;--d-edge:#1c1c1e;--d-text:#f3f3f5;--d-text-2:#9d9da4;
    --d-link:#e8927a;--d-tint:#12202b;--d-tag:#f0a070;
    color-scheme:dark;
  }
  html[data-theme="dark"] body{background:var(--d-bg)}
  html[data-theme="dark"] .gn-link,html[data-theme="dark"] .gn-big a:hover,html[data-theme="dark"] .gn-mini a:hover{color:var(--d-text)}
  html[data-theme="dark"] .gn-chip{border-color:var(--hairline);background:transparent;color:var(--d-text)}
  html[data-theme="dark"] .gn-chip:hover{border-color:#8b8b92}
  html[data-theme="dark"] .gn-chip-fill,html[data-theme="dark"] .gn-chip-fill:hover{background:var(--d-text);border-color:var(--d-text);color:#16171a}
  @media (max-width:833px){
    html[data-theme="dark"] .gn-burger .l1,html[data-theme="dark"] .gn-burger .l2{background:var(--d-text)}
    html[data-theme="dark"] .gn-m-list a:active{color:var(--d-text)}
  }
  html[data-theme="dark"] .ct-band{background:var(--d-surface)}
  html[data-theme="dark"] .ct-card,html[data-theme="dark"] .c2-card{background:var(--d-surface-2);border:1px solid var(--d-edge)}
  html[data-theme="dark"] .ct-art span,html[data-theme="dark"] .c2-art span,html[data-theme="dark"] .pd-art span,html[data-theme="dark"] .gn-bagart,html[data-theme="dark"] .bg-art{background:var(--d-tint)}
  html[data-theme="dark"] .pd-art{background:var(--d-surface);border:1px solid var(--d-edge)}
  html[data-theme="dark"] .ct-tag,html[data-theme="dark"] .c2-tag,html[data-theme="dark"] .pd-tag{color:var(--d-tag)}
  html[data-theme="dark"] .ct-usp-item p,html[data-theme="dark"] .pd-desc,html[data-theme="dark"] .cf-side,html[data-theme="dark"] .cf-ok p,html[data-theme="dark"] .ac-side,html[data-theme="dark"] .ac-ok p,html[data-theme="dark"] .ac-block p,html[data-theme="dark"] .ac-tot,html[data-theme="dark"] .ac-sub-meta,html[data-theme="dark"] .ac-empty p,html[data-theme="dark"] .ip p{color:var(--d-text-2)}
  html[data-theme="dark"] .ct-usp-item a,html[data-theme="dark"] .pd-subnote a,html[data-theme="dark"] .pd-link a,html[data-theme="dark"] .pd-specs dd a,html[data-theme="dark"] .bg-rm,html[data-theme="dark"] .bg-monthly,html[data-theme="dark"] .bg-empty a,html[data-theme="dark"] footer.rs-foot a,html[data-theme="dark"] .cf-side a,html[data-theme="dark"] .cf-ok a,html[data-theme="dark"] .ac-links a,html[data-theme="dark"] .ac-table a,html[data-theme="dark"] .ac-linkbtn,html[data-theme="dark"] .ac-sub-link,html[data-theme="dark"] .ac-sublabel,html[data-theme="dark"] .ac-empty a{color:var(--d-link)}
  html[data-theme="dark"] .hero{background:linear-gradient(180deg,#0a0a0c 0%,#141418 60%,#1b1b20 100%)}
  html[data-theme="dark"] .rs-fsummary{border-color:var(--hairline)}
  html[data-theme="dark"] .rs-fsummary:hover{background:var(--d-surface-2)}
  html[data-theme="dark"] .rs-fbadge{background:var(--d-text);color:#16171a}
  html[data-theme="dark"] .c2-fbtn{background:var(--d-surface-2)}
  html[data-theme="dark"] .c2-chip,html[data-theme="dark"] .ct-chip{color:var(--d-text);background:transparent}
  html[data-theme="dark"] .c2-chip.on,html[data-theme="dark"] .ct-chip.on{background:var(--d-text);border-color:var(--d-text);color:#16171a}
  html[data-theme="dark"] .pd-subnote{color:var(--d-text-2);background:var(--d-tint)}
  html[data-theme="dark"] .pd-opt select,html[data-theme="dark"] .pd-opt input,html[data-theme="dark"] .cf-field input,html[data-theme="dark"] .cf-field select,html[data-theme="dark"] .cf-field textarea,html[data-theme="dark"] .ac-field input{background:var(--d-surface);color:var(--d-text)}
  html[data-theme="dark"] .pd-buy.is-added{background:var(--d-text);color:#16171a}
  html[data-theme="dark"] .bg-msg,html[data-theme="dark"] .cf-err,html[data-theme="dark"] .ac-err,html[data-theme="dark"] .ac-pill.warn{background:#3a2a12;color:#f5c07a}
  html[data-theme="dark"] .bg-msg.ok,html[data-theme="dark"] .ac-pill.ok{background:#0f2a1a;color:#7ad3a0}
  html[data-theme="dark"] .ac-flash{background:#0e2233;color:#8ec5ff}
  html[data-theme="dark"] .cf-form,html[data-theme="dark"] .ac-card,html[data-theme="dark"] .ac-block,html[data-theme="dark"] .cf-ok,html[data-theme="dark"] .ac-ok,html[data-theme="dark"] .ac-table,html[data-theme="dark"] .ac-empty,html[data-theme="dark"] .ac-sub{background:var(--d-surface);border:1px solid var(--d-edge)}
  html[data-theme="dark"] .ac-table th{background:var(--d-surface-2)}
  html[data-theme="dark"] .ac-pill{background:var(--d-surface-2);color:var(--d-text-2)}
  html[data-theme="dark"] .ip-toc{background:var(--d-bg)}
  html[data-theme="dark"] .ip-toc a{color:var(--d-text)}

  /* Home page rails — the Store band, category circles and Featured cards come from assets/rails.js, which
     injects its own stylesheet at runtime; these outrank it by specificity rather than order. */
  html[data-theme="dark"] .rs,html[data-theme="dark"] .ar{background:var(--d-bg)}
  html[data-theme="dark"] .rs-title,html[data-theme="dark"] .rs-side p,html[data-theme="dark"] .rs-label,html[data-theme="dark"] .ar-head h2 b,html[data-theme="dark"] .ar-lead h3,html[data-theme="dark"] .ar-name,html[data-theme="dark"] .ar-price{color:var(--d-text)}
  html[data-theme="dark"] .ar-head h2{color:var(--ink-dim)}
  html[data-theme="dark"] .ar-lead p{color:var(--d-text-2)}
  html[data-theme="dark"] .rs-side a{color:var(--d-link)}
  html[data-theme="dark"] .rs-art span,html[data-theme="dark"] .ar-art span{background:var(--d-tint)}
  html[data-theme="dark"] .ar-scene circle{fill:var(--d-tint)}
  html[data-theme="dark"] .ar-card,html[data-theme="dark"] .ar-lead{background:var(--d-surface);border:1px solid var(--d-edge)}
  html[data-theme="dark"] .ar-tag{color:var(--d-tag)}
  html[data-theme="dark"] .rs-btn,html[data-theme="dark"] .ar-btn{background:#2c2c2e;color:var(--d-text);box-shadow:0 2px 10px rgba(0,0,0,.5)}
  html[data-theme="dark"] .rs-btn:hover,html[data-theme="dark"] .ar-btn:hover{background:#3a3a3c}

  /* Theme toggle: the sun shows in dark (click for light), the moon in light. */
  .gn-theme{border:0;background:none;color:inherit;cursor:pointer}
  .gn-theme .gn-theme-sun{display:none} .gn-theme .gn-theme-moon{display:block}
  html[data-theme="dark"] .gn-theme .gn-theme-sun{display:block} html[data-theme="dark"] .gn-theme .gn-theme-moon{display:none}

/* ═══════════════ skip link (17 Sep 2026) ═══════════════ */
/* Parked off-canvas until a keyboard user tabs to it, then pinned over the nav.
   Logical inset so it lands on the leading edge in either writing direction. */
.rs-skip{position:absolute;inset-inline-start:-999px;top:8px;z-index:1000;padding:10px 14px;border-radius:10px;background:#b2532f;color:#fff;font-size:14px;font-weight:600;text-decoration:none}
.rs-skip:focus{inset-inline-start:8px;outline:2px solid #fff;outline-offset:2px}

/* ═══════════════ product photos (17 Sep 2026) ═══════════════ */
/* An art slot holds either the icon circle or a photo. With a photo the slot
   becomes a fixed-ratio box the image fills edge to edge (cropped, never
   squashed), so cards with and without photos still line up. The product page
   shows a square crop inside its existing 24px frame. */
/* A card with a photo: the art slot stays in flow (so the card keeps the height of
   its icon neighbours) but is no longer the image's containing block — the card
   is, so the photo fills the whole card. A feather sits over it: light at the top
   for the pill and tag, deeper at the foot for the name and price, which are
   lifted above it and set in white. */
.ct-card.has-photo,.c2-card.has-photo{overflow:hidden}
.ct-art.has-img,.c2-art.has-img{display:block;position:static}
.ct-art.has-img .rs-img,.c2-art.has-img .rs-img{position:absolute;inset:0}
.ct-art.has-img::after,.c2-art.has-img::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.34) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,0) 50%,rgba(0,0,0,.84) 100%)}
.ct-card.has-photo .ct-name,.ct-card.has-photo .ct-price,.ct-card.has-photo .ct-tag,.ct-card.has-photo .ct-dots,.c2-card.has-photo .c2-name,.c2-card.has-photo .c2-price,.c2-card.has-photo .c2-tag,.c2-card.has-photo .c2-dots{position:relative;z-index:1}
.ct-card.has-photo .ct-name,.ct-card.has-photo .ct-price,.c2-card.has-photo .c2-name,.c2-card.has-photo .c2-price{color:#fff}
.ct-card.has-photo .ct-tag,.c2-card.has-photo .c2-tag{color:#ffc48a}
.ct-card.has-photo .rs-pill,.c2-card.has-photo .rs-pill{background:rgba(0,0,0,.35);border-color:rgba(255,255,255,.35);color:#fff;backdrop-filter:blur(6px)}
.pd-art.has-img{padding:0;min-height:0;aspect-ratio:1/1;overflow:hidden}
.rs-img{display:block;width:100%;height:100%;object-fit:cover}
.c2-card:hover .c2-art.has-img .rs-img{transform:scale(1.03);transition:transform .3s cubic-bezier(.32,.08,.24,1)}