/* Artery - home page and header: what both share. Everything lives under .ah, so nothing here touches the theme's
   own pages, and the theme's and Elementor's global rules (a, button, h2, img) are reset inside it. The live site is
   always white, so there is one light theme. Ported from the prototype, round 13 (PROGRAMMER/prototypes/home-v2). */
.ah{
  --paper:#ffffff; --ink:#151413; --ink-2:#5e5a55; --line:#e6e2dc; --stone:#f2f0ec; --sand:#f7f4ef;
  --gold:#d4af37; --gold-hover:#c7a22f; --gold-deep:#a8831f; --gold-text:#7a5e17;
  --trust-gold:#c9a961; --trust-text:#a8873e;
  --f-display:"Varela Round","Assistant",Arial,sans-serif;
  --f-body:"Assistant","Segoe UI",Arial,sans-serif;
  --gut:16px; --r:2px; --hd:56px; --chip-h:54px; --ease:cubic-bezier(.16,1,.3,1);
  color-scheme:light;
  font:400 16px/1.55 var(--f-body); color:var(--ink); direction:rtl; text-align:right;
  -webkit-tap-highlight-color:transparent;
}
/* the WordPress admin bar: fixed at 32px, 46px on a phone, and it scrolls away under 600px */
body.admin-bar{--ah-top:32px}
@media (max-width:782px){body.admin-bar{--ah-top:46px}}
@media (max-width:600px){body.admin-bar{--ah-top:0px}}

body .ah *,body .ah *::before,body .ah *::after{box-sizing:border-box}
body .ah [hidden]{display:none!important}
/* the theme colours every link and the Elementor kit sets Open Sans on links and headings (post-926.css) */
body .ah a{color:inherit;font-family:inherit;text-decoration:none}
body .ah a:hover,body .ah a:focus{color:inherit}
body .ah button{font:inherit;color:inherit;background:none;border:0;border-radius:0;padding:0;margin:0;text-transform:none;letter-spacing:normal;cursor:pointer;-webkit-appearance:none;appearance:none}
body .ah :is(ul,ol){list-style:none;margin:0;padding:0}
body .ah p{margin:0}
body .ah figure{margin:0}
body .ah img{display:block;max-width:100%;height:auto;border:0;border-radius:0;box-shadow:none}
body .ah :is(h1,h2,h3){font-family:var(--f-display);font-weight:400;margin:0;padding:0;color:inherit;text-transform:none;letter-spacing:normal;text-wrap:balance;line-height:1.2}
body .ah :focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.ah ::selection{background:var(--gold);color:var(--ink)}
.ah .ico{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ah .wrap{max-width:1240px;margin-inline:auto;padding-inline:var(--gut)}
.ah .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* buttons */
body .ah .btn{height:50px;padding:0 22px;border-radius:var(--r);font-weight:700;font-size:16px;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background-color .15s ease,transform .12s ease,box-shadow .15s ease}
.ah .btn:active{transform:scale(.98)}
body .ah .btn.gold{background:var(--gold);color:var(--ink)}
body .ah .btn.gold:hover{background:var(--gold-hover)}
body .ah .btn.line{box-shadow:inset 0 0 0 1.5px var(--ink);background:transparent}
body .ah .btn.line:hover{background:rgba(21,20,19,.05)}
body .ah .btn[disabled]{opacity:.45;cursor:default}
body .ah .btn-line{height:46px;padding:0 20px;box-shadow:inset 0 0 0 1.5px var(--ink);border-radius:var(--r);font-weight:700;font-size:15px;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--paper)}
body .ah .btn-line:hover{background:var(--stone)}
.ah .icon-btn{width:44px;height:44px;display:grid;place-items:center;border-radius:var(--r);position:relative}
.ah .icon-btn:active{background:var(--stone)}

/* chips */
.ah .chips{display:flex;flex-wrap:wrap;gap:8px}
body .ah .chip{height:40px;padding:0 14px;border:1px solid var(--line);border-radius:var(--r);display:inline-flex;align-items:center;gap:6px;font-size:14.5px;font-weight:600;background:var(--paper);color:var(--ink);white-space:nowrap;transition:border-color .15s ease,background-color .15s ease}
body .ah .chip:hover{border-color:#bfb7aa;background:var(--paper)}
body .ah .chip:active,body .ah .chip[aria-current="true"]{border-color:var(--ink);background:var(--ink);color:var(--paper)}
.ah .chip .ico{width:16px;height:16px}
body .ah .chip.gold{border-color:var(--gold-deep);box-shadow:inset 0 0 0 .5px var(--gold-deep);color:var(--gold-text);font-weight:700}

/* a row that scrolls sideways */
.ah .rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 10px) / 2.2);gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gut);padding-inline:var(--gut);margin-inline:calc(var(--gut) * -1);padding-bottom:6px;scrollbar-width:none;margin-block:0}
.ah .rail::-webkit-scrollbar{display:none}
.ah .rail>li{scroll-snap-align:start;min-width:0}

/* prices and tags (the hero's + and its card, and Black Friday) */
.ah .pr{display:flex;align-items:center;flex-wrap:wrap;gap:4px 7px;font-variant-numeric:tabular-nums}
.ah .pr b{font-size:15.5px}
.ah .pr s{color:var(--ink-2);font-size:13px}
.ah .off{font-size:12px;font-weight:700;background:var(--stone);padding:1px 6px;border-radius:var(--r);direction:ltr}
.ah .off.bf{background:var(--ink);color:var(--gold)}
.ah .tag{position:absolute;top:8px;inset-inline-start:8px;z-index:2;font-size:11.5px;font-weight:700;background:var(--paper);padding:2px 7px;border-radius:var(--r)}
.ah .tag.bf{background:var(--ink);color:var(--gold);font-size:12.5px;padding:3px 8px;direction:rtl}
.ah .stars{display:inline-flex;gap:1px;line-height:0}
.ah .stars svg{width:15px;height:15px;fill:var(--gold)}

/* the dark layer behind a menu or a sheet */
.ah-scrim{position:fixed;inset:0;z-index:100000;background:rgba(21,20,19,.45);opacity:0;transition:opacity .3s ease}
.ah-scrim.on{opacity:1}
/* the site's floating buttons step aside while a menu or a sheet is open */
html.ah-modal #ht-ctc-chat,html.ah-modal .chat-toggle-btn,html.ah-modal #chatContainer,html.ah-modal #ag-cc,html.ah-modal .ht-ctc,html.ah-modal #ea11y-root{opacity:0!important;pointer-events:none!important}

/* a short message at the bottom (base.js AH.toast): above the site's floating buttons on a phone */
.ah-toast-wrap{position:fixed;inset-inline:0;bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:100003;display:flex;justify-content:center;padding-inline:16px;pointer-events:none}
.ah-toast{pointer-events:auto;display:flex;align-items:center;gap:12px;width:min(440px,100%);padding:10px;padding-inline-start:12px;border-radius:12px;background:var(--ink);color:var(--paper);box-shadow:0 18px 40px -16px rgba(0,0,0,.55);opacity:0;visibility:hidden;transform:translateY(14px) scale(.98);transition:opacity .2s ease,transform .3s var(--ease),visibility 0s linear .3s}
.ah-toast.on{opacity:1;visibility:visible;transform:none;transition:opacity .2s ease,transform .3s var(--ease),visibility 0s}
.ah-toast .t-ph{width:44px;height:55px;object-fit:cover;border-radius:4px;flex:none;background:#2c2a28}
.ah-toast .t-ic{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.1);display:grid;place-items:center;flex:none;color:var(--gold)}
.ah-toast .t-ic .ico{fill:currentColor;width:19px;height:19px}
.ah-toast .t-tx{display:grid;gap:1px;flex:1;min-width:0;font-size:13.5px;line-height:1.35}
.ah-toast .t-tx b{font-size:15px}
.ah-toast .t-tx small{font-size:13px;color:rgba(255,255,255,.74);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ah-toast .t-tx .t-ship{color:var(--gold)}
body .ah .ah-toast .t-go{height:40px;padding:0 16px;border-radius:20px;background:var(--gold);color:var(--ink);font-weight:700;font-size:14px;flex:none}
body .ah .ah-toast .t-x{width:36px;height:36px;display:grid;place-items:center;color:rgba(255,255,255,.7);flex:none;margin-inline-start:-6px}
.ah-toast .t-x .ico{width:18px;height:18px}
/* a picture on its way to the header (base.js AH.fly) */
.ah-fly{position:fixed;z-index:100004;pointer-events:none;object-fit:cover;border-radius:6px;box-shadow:0 10px 24px -8px rgba(0,0,0,.45);will-change:transform,opacity}

@media (min-width:900px){
  .ah{--gut:32px;--hd:64px}
  .ah-toast-wrap{bottom:28px}
}
@media (prefers-reduced-motion:reduce){
  .ah *,.ah *::before,.ah *::after,.ah-scrim{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}