@charset "UTF-8";
/* ==========================================================================
   Naturehike — Kik cart drawer
   Figma "Cart Drawer - V10" 15724:61159
     desktop 15724:59111 · mobile 15724:59952
     empty desktop 15724:59237 · empty mobile 15724:60207
   Markup: snippets/kik-cart-drawer.liquid · behaviour: src/kik-cart-drawer.js

   Every selector is prefixed `cd-` and every token is scoped to .cd-root.
   Mobile values are the base rules, desktop layers on at 48rem (768px).
   Figma strokes are INSIDE, so borders are inset box-shadows.
   ========================================================================== */

/* ---------- tokens --------------------------------------------------------- */
.cd-root{
  --cd-f-head:var(--kik-text-font-heading,'Host Grotesk','Inter',system-ui,sans-serif);
  --cd-f-body:var(--kik-text-font-body,'Inter',system-ui,sans-serif);
  --cd-f-empty:'Gotham Narrow SSm','Inter',system-ui,sans-serif;

  --cd-bg-page:#ffffff;
  --cd-bg-surface:#f5f5f5;
  --cd-bg-alt-1:#e8e8e8;
  --cd-bg-card:#f7f7f7;
  --cd-bg-accent:#cad66a;
  --cd-action:#cad66a;
  --cd-action-hover:#bfcb5c;
  --cd-action-2:#1e1e1e;
  --cd-discount:#ef4f13;
  --cd-error:#b0563f;
  --cd-border:#e8e8e8;
  --cd-text:#1e1e1e;
  --cd-text-2:#4d4d4d;
  --cd-text-3:#afafaf;
  --cd-ink-panel:#1d1d1d;
  --cd-plan-border:#efefef;
  --cd-plan-bg:rgba(255,255,255,.4);
  --cd-empty-ink:#333333;
  --cd-empty-ink-2:#5c5c5c;
  --cd-check-border:#afafaf;
  --cd-scrim:rgba(0,0,0,.5);
  --cd-shadow:-8px 0 32px rgba(0,0,0,.12);
  --cd-cue:rgba(0,0,0,.07);
  --cd-focus:#1e1e1e;
  --cd-radius-sm:8px;
  --cd-radius-plan:6px;

  --cd-lh-head:1.2;
  --cd-lh-body:1.6;

  /* mobile (414) — base */
  --cd-t-h6:16px;
  --cd-t-lg:16px;
  --cd-t-md:14px;
  --cd-t-sm:12px;
  --cd-t-xsm:11px;
  --cd-s-sm:4px;
  --cd-s-md:12px;
  --cd-s-xl:24px;
  --cd-stepper-h:30px;

  --cd-gutter:18px;
  --cd-w:440px;
  --cd-dur:.32s;
  --cd-ease:cubic-bezier(.22,.7,.2,1);
}
@media (min-width:48rem){
  .cd-root{
    --cd-t-h6:20px;
    --cd-t-lg:18px;
    --cd-t-md:16px;
    --cd-t-sm:14px;
    --cd-t-xsm:12px;
    --cd-s-sm:8px;
    --cd-s-md:16px;
    --cd-s-xl:32px;
    --cd-stepper-h:34px;
  }
}

/* ---------- local reset (beats theme element rules, touches nothing outside) */
.cd-root,.cd-root *,.cd-root *::before,.cd-root *::after{box-sizing:border-box;}
.cd-root :where(h2,h3,h4,p,ul,li,figure,section,article,form){margin:0;padding:0;border:0;background:none;font:inherit;
  color:inherit;letter-spacing:0;text-transform:none;list-style:none;min-height:0;max-width:none;box-shadow:none;}
.cd-root :where(button,a,input,textarea){font:inherit;color:inherit;margin:0;
  letter-spacing:0;text-transform:none;text-decoration:none;border-radius:0;}
.cd-root :where(button){background:none;border:0;padding:0;cursor:pointer;-webkit-appearance:none;appearance:none;
  line-height:inherit;text-align:inherit;min-height:0;min-width:0;box-shadow:none;}
.cd-root :where(img){display:block;max-width:none;height:auto;border:0;}
.cd-root :where(svg){display:block;flex:none;overflow:visible;}
.cd-root [hidden]{display:none !important;}
.cd-root :focus{outline:none;}
.cd-root :focus-visible{outline:2px solid var(--cd-focus);outline-offset:2px;}
.cd-vh{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;
  margin:-1px !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;white-space:nowrap !important;border:0 !important;}

/* ---------- shell ---------------------------------------------------------- */
.cd-root{position:fixed;inset:0;z-index:30;visibility:hidden;pointer-events:none;
  font-family:var(--cd-f-body);font-size:var(--cd-t-md);line-height:var(--cd-lh-body);font-weight:400;
  color:var(--cd-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  text-align:left;transition:visibility 0s linear var(--cd-dur);}
.cd-root.is-open{visibility:visible;pointer-events:auto;transition-delay:0s;}

.cd-scrim{position:fixed;inset:0;background:var(--cd-scrim);opacity:0;
  transition:opacity var(--cd-dur) var(--cd-ease);}
.cd-root.is-open .cd-scrim{opacity:1;}

.cd-drawer{position:fixed;top:0;bottom:0;right:0;left:var(--cd-gutter);display:flex;flex-direction:column;
  background:var(--cd-bg-page);box-shadow:var(--cd-shadow);overflow:hidden;
  transform:translateX(100%);transition:transform var(--cd-dur) var(--cd-ease);}
.cd-root.is-open .cd-drawer{transform:none;}
@media (min-width:30rem){
  .cd-drawer{left:auto;width:min(var(--cd-w),calc(100vw - var(--cd-gutter)));}
}
@media (min-width:48rem){
  .cd-drawer{width:var(--cd-w);}
}

/* busy: a cart request is in flight */
.cd-drawer::after{content:"";position:absolute;left:0;top:0;height:2px;width:0;background:var(--cd-action-2);
  opacity:0;pointer-events:none;z-index:4;}
.cd-root[data-busy="true"] .cd-drawer::after{opacity:1;animation:cd-busy 1.1s var(--cd-ease) infinite;}
.cd-root[data-busy="true"] .cd-content,.cd-root[data-busy="true"] .cd-footer{pointer-events:none;}
.cd-root[data-busy="true"] .cd-lines{opacity:.6;transition:opacity .2s linear;}
@keyframes cd-busy{0%{left:0;width:0}50%{left:20%;width:60%}100%{left:100%;width:0}}

/* ---------- 1 · header (15724:59112) -------------------------------------- */
.cd-header{flex:none;display:flex;align-items:center;justify-content:space-between;gap:var(--cd-s-md);
  min-height:calc(32px + var(--cd-t-lg) * 1.6);
  padding:16px 24px;box-shadow:inset 0 -1px 0 var(--cd-border);background:var(--cd-bg-page);}
.cd-header__title{display:flex;align-items:center;gap:var(--cd-s-sm);min-width:0;}
.cd-root .cd-title{font-family:var(--cd-f-head);font-weight:700;font-size:var(--cd-t-h6) !important; /* beats a store-wide inline `h2{font-size:44px !important}` */
  line-height:var(--cd-lh-head);color:var(--cd-text);text-transform:uppercase;}
.cd-count{font-size:var(--cd-t-lg);line-height:var(--cd-lh-body);color:var(--cd-text-3);}
.cd-root .cd-close{position:relative;flex:none;width:44px;height:44px;margin:-10px -10px -10px 0;
  display:grid;place-items:center;}
.cd-close svg{width:24px;height:24px;}
.cd-root .cd-close:focus-visible,.cd-root .cd-back:focus-visible{outline-offset:-8px;}

/* ---------- 2 · progress (15724:59117) ------------------------------------ */
.cd-progress{flex:none;display:flex;flex-direction:column;gap:8px;padding:12px 24px;
  background:var(--cd-bg-surface);box-shadow:inset 0 -1px 0 var(--cd-border);}
.cd-root .cd-progress__text{font-size:var(--cd-t-sm);line-height:var(--cd-lh-body);color:var(--cd-text-2);}
.cd-progress__text strong{font-weight:700;color:var(--cd-text);}
.cd-progress__track{position:relative;height:6px;background:var(--cd-bg-alt-1);overflow:hidden;}
.cd-progress__fill{position:absolute;inset:0 auto 0 0;width:0;background:var(--cd-bg-accent);
  transition:width .4s var(--cd-ease);}

/* ---------- 3–5 · the one scrolling region (15724:59121) ------------------ */
.cd-content{position:relative;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;
  overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.cd-content::-webkit-scrollbar{display:none;}

/* 3 · line item (15724:59122) */
.cd-line{display:flex;align-items:flex-start;gap:12px;padding:16px 24px;
  box-shadow:inset 0 -1px 0 var(--cd-border);}
.cd-thumb{position:relative;flex:none;display:block;width:76px;height:76px;background:var(--cd-bg-page);overflow:hidden;}
.cd-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;}
.cd-thumb--empty{background:var(--cd-bg-surface);}
.cd-line__info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:4px;}
.cd-line__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}
.cd-root .cd-line__title{font-size:var(--cd-t-md);line-height:var(--cd-lh-body);color:var(--cd-text);font-weight:400;}
.cd-root .cd-line__title a{color:inherit;}
.cd-root .cd-line__title a:hover{text-decoration:underline;}
.cd-root .cd-line__variant{font-size:var(--cd-t-sm);line-height:var(--cd-lh-body);color:var(--cd-text-3);}
.cd-line__buy{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:8px;}
.cd-line__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 6px;font-size:var(--cd-t-md);line-height:var(--cd-lh-body);text-transform:uppercase;}
.cd-line__was{font-size:var(--cd-t-sm);color:var(--cd-text-3);text-decoration:line-through;}
.cd-line__disc{font-size:var(--cd-t-xsm);line-height:var(--cd-lh-body);color:var(--cd-discount);}
.cd-line__error{font-size:var(--cd-t-xsm);line-height:var(--cd-lh-body);color:var(--cd-error);}
.cd-line__war{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:8px;}
.cd-line__war-l{display:flex;align-items:center;gap:8px;min-width:0;}
.cd-root .cd-war-link{font-size:var(--cd-t-sm);line-height:var(--cd-lh-body);color:var(--cd-text-2);
  text-decoration:underline;text-decoration-thickness:from-font;text-underline-offset:auto;}
.cd-line__war-price{font-size:var(--cd-t-sm);line-height:var(--cd-lh-body);color:var(--cd-text-2);}

/* trash — 20px glyph, 44px hit */
.cd-root .cd-trash{position:relative;flex:none;width:20px;height:20px;}
.cd-trash svg{width:20px;height:20px;}
/* theme svg fill rules must not fill the outline (stroke-only) glyphs */
.cd-root :is(.cd-trash,.cd-close,.cd-back,.cd-dir,.cd-step,.cd-kit__add,.cd-code,.cd-btn) svg path[stroke]{fill:none;}
.cd-hit::after{content:"";position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%);}

/* stepper — inset 1px border, three cells px 12 */
.cd-stepper{flex:none;display:flex;align-items:stretch;gap:2px;height:var(--cd-stepper-h);
  box-shadow:inset 0 0 0 1px var(--cd-border);}
.cd-root .cd-step{position:relative;display:grid;place-items:center;padding:0 12px;}
.cd-root .cd-step:disabled{cursor:default;}
.cd-root .cd-step:disabled svg path{stroke:var(--cd-text-3);}
.cd-step svg{width:18px;height:18px;}
.cd-step::after{content:"";position:absolute;left:-1px;right:-1px;top:50%;height:44px;transform:translateY(-50%);}
.cd-root .cd-qty{display:block;width:calc(2ch + 24px);min-width:0;height:100%;padding:0 12px;border:0;background:none;
  box-shadow:none;font-family:var(--cd-f-body);font-weight:400;font-size:var(--cd-t-md);line-height:var(--cd-lh-body);
  letter-spacing:0;text-align:center;color:var(--cd-text);-moz-appearance:textfield;appearance:textfield;}
.cd-root .cd-qty::-webkit-outer-spin-button,.cd-root .cd-qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.cd-root .cd-qty:focus-visible{outline-offset:-2px;}

/* warranty checkbox — 16px box, 0.5px #afafaf */
/* 1px on standard screens: a 0.5px line can vanish at 1x. The file's 0.5px returns on 2x+ screens. */
.cd-root .cd-check{position:relative;display:block;flex:none;width:16px;height:16px;margin:0;padding:0;cursor:pointer;
  -webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:1;visibility:visible;
  border:0;border-radius:0;background:var(--cd-bg-page);
  box-shadow:inset 0 0 0 1px var(--cd-check-border);}
@media (min-resolution:2dppx){
  .cd-root .cd-check{box-shadow:inset 0 0 0 .5px var(--cd-check-border);}
}
.cd-root .cd-check:disabled{cursor:default;}
.cd-root .cd-check:checked{background:var(--cd-action-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.2l2.6 2.6L12 5.4' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px 16px no-repeat;
  box-shadow:inset 0 0 0 1px var(--cd-action-2);}
.cd-check::after{content:"";position:absolute;left:-24px;right:-4px;top:50%;height:44px;transform:translateY(-50%);}
.cd-war-link{position:relative;}
.cd-war-link::after{content:"";position:absolute;left:0;right:0;top:50%;height:44px;transform:translateY(-50%);}

/* 4 · Complete Your Kit (15724:59124) */
.cd-kit{display:flex;flex-direction:column;gap:12px;padding:24px;background:var(--cd-bg-surface);
  box-shadow:inset 0 1px 0 var(--cd-border),inset 0 -1px 0 var(--cd-border);}
.cd-kit__head{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.cd-root .cd-kit__title{font-weight:700;font-size:var(--cd-t-md);line-height:var(--cd-lh-body);color:var(--cd-text);}
@media (min-width:48rem){.cd-root .cd-kit__title{text-transform:uppercase;}}
.cd-kit__nav{display:flex;gap:var(--cd-s-sm);}
.cd-root .cd-dir{position:relative;width:20px;height:20px;display:grid;place-items:center;background:var(--cd-bg-page);}
.cd-dir svg{width:10px;height:10px;}
.cd-dir::after{content:"";position:absolute;top:50%;height:44px;transform:translateY(-50%);}
.cd-dir--prev::after{left:-22px;right:calc(var(--cd-s-sm) / -2);}
.cd-dir--next::after{left:calc(var(--cd-s-sm) / -2);right:-22px;}
.cd-root .cd-dir[aria-disabled="true"]{cursor:default;}
.cd-root .cd-dir[aria-disabled="true"] svg path{stroke:var(--cd-text-3);}
.cd-kit__track{display:flex;margin:0 -8px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;
  overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;}
.cd-kit__track::-webkit-scrollbar{display:none;}
.cd-kit__item{flex:0 0 100%;min-width:0;padding:0 8px;scroll-snap-align:start;scroll-snap-stop:always;
  display:flex;align-items:center;gap:12px;}
.cd-kit__text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px;}
.cd-root .cd-kit__name{font-size:var(--cd-t-md);line-height:var(--cd-lh-body);color:var(--cd-text);}
.cd-root .cd-kit__name a{color:inherit;}
.cd-root .cd-kit__variant{font-size:var(--cd-t-sm);line-height:var(--cd-lh-body);color:var(--cd-text-3);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cd-kit__price{font-size:var(--cd-t-sm);line-height:var(--cd-lh-body);color:var(--cd-text);text-transform:uppercase;}
.cd-root .cd-kit__add{position:relative;flex:none;width:32px;height:32px;display:grid;place-items:center;
  box-shadow:inset 0 0 0 1px var(--cd-action-2);transition:background-color .2s var(--cd-ease);}
.cd-root .cd-kit__add:hover{background:var(--cd-bg-page);}
.cd-kit__add svg{width:18px;height:18px;}
.cd-kit__add::after{content:"";position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%);}

/* 5 · Discount & Notes (15724:59138) */
.cd-dn{padding:16px 24px;box-shadow:inset 0 -1px 0 var(--cd-border);}
.cd-dn__row{display:flex;align-items:flex-start;gap:var(--cd-s-sm);}
.cd-root .cd-chip{position:relative;flex:1 1 0;min-width:0;height:40px;display:flex;align-items:center;gap:8px;
  padding:0 13px;box-shadow:inset 0 0 0 1px var(--cd-border);font-size:var(--cd-t-xsm);
  line-height:var(--cd-lh-body);color:var(--cd-text);white-space:nowrap;}
.cd-chip::after{content:"";position:absolute;left:0;right:0;top:50%;height:44px;transform:translateY(-50%);}
.cd-chip__ico{flex:none;width:16px;height:16px;display:grid;place-items:center;}
.cd-root .cd-chip[aria-expanded="true"]{box-shadow:inset 0 0 0 1px var(--cd-action-2);}
.cd-dn__field{margin-top:8px;}
.cd-dn__form{position:relative;display:flex;}
.cd-root .cd-dn__input{display:block;width:100%;height:40px;padding:0 13px;border:0;border-radius:0;
  background:var(--cd-bg-page);box-shadow:inset 0 0 0 1px var(--cd-border);font-size:16px;line-height:1.6;
  color:var(--cd-text);resize:none;outline:none;}
.cd-root .cd-dn__form .cd-dn__input{padding-right:72px;}
.cd-root textarea.cd-dn__input{height:80px;padding:9px 13px;}
.cd-root .cd-dn__input:focus-visible{box-shadow:inset 0 0 0 1px var(--cd-action-2);outline:2px solid var(--cd-focus);outline-offset:2px;}
.cd-root .cd-dn__apply{position:absolute;right:0;top:0;height:40px;padding:0 13px;font-weight:700;
  font-size:var(--cd-t-xsm);line-height:var(--cd-lh-body);color:var(--cd-text);text-decoration:underline;}
.cd-codes{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;}
.cd-root .cd-code{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 8px 0 10px;
  background:var(--cd-bg-surface);box-shadow:inset 0 0 0 1px var(--cd-border);font-size:var(--cd-t-xsm);
  line-height:var(--cd-lh-body);color:var(--cd-text);text-transform:uppercase;}
.cd-code svg{width:14px;height:14px;}
.cd-root .cd-code[aria-invalid="true"]{color:var(--cd-error);text-decoration:line-through;}
.cd-root .cd-dn__msg{margin-top:6px;font-size:var(--cd-t-xsm);line-height:var(--cd-lh-body);color:var(--cd-error);}

/* ---------- 6–9 · footer (15724:59147) ------------------------------------ */
.cd-footer{position:relative;flex:none;display:flex;flex-direction:column;gap:12px;padding:16px 24px;
  background:var(--cd-bg-surface);box-shadow:inset 0 1px 0 var(--cd-border);}
.cd-footer::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:20px;pointer-events:none;
  background:linear-gradient(to top,var(--cd-cue),rgba(0,0,0,0));opacity:0;transition:opacity .2s linear;}
.cd-root[data-cue="true"] .cd-footer::before{opacity:1;}

.cd-summary{display:flex;flex-direction:column;gap:8px;}
.cd-summary__row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;}
.cd-summary__row--sub{font-weight:700;font-size:var(--cd-t-md);line-height:var(--cd-lh-body);}
.cd-summary__row--save{font-size:var(--cd-t-sm);line-height:var(--cd-lh-body);color:var(--cd-text-2);}
.cd-summary__save{color:var(--cd-discount);text-transform:uppercase;}
.cd-root .cd-summary__note{font-size:var(--cd-t-xsm);line-height:var(--cd-lh-body);color:var(--cd-text-2);}

/* 7 · protection card (15724:59156) */
.cd-protect{position:relative;display:flex;align-items:flex-start;justify-content:space-between;padding:12px;
  background:var(--cd-bg-card);border-radius:var(--cd-radius-sm);box-shadow:inset 0 0 0 1px var(--cd-border);}
.cd-protect__main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;}
/* The whole card is the control: the checkbox is visually hidden (still focusable and announced),
   and the selected state is a strong border. */
.cd-root .cd-protect{cursor:pointer;transition:box-shadow .2s var(--cd-ease);}
.cd-root .cd-protect:hover{box-shadow:inset 0 0 0 1px var(--cd-text-3);}
.cd-root .cd-protect.is-on,
.cd-root .cd-protect:has(.cd-protect__check:checked){box-shadow:inset 0 0 0 1px var(--cd-action-2);}
.cd-root .cd-protect:has(.cd-protect__check:focus-visible){outline:2px solid var(--cd-focus);outline-offset:2px;}
.cd-root .cd-protect .cd-info{cursor:pointer;}
.cd-protect__row{display:flex;align-items:center;gap:var(--cd-s-sm);}
.cd-protect__ico{flex:none;width:20px;height:20px;}
.cd-protect__ico svg{width:20px;height:20px;}
.cd-root .cd-protect__title{font-weight:700;font-size:var(--cd-t-sm);line-height:var(--cd-lh-body);color:var(--cd-text);}
.cd-root .cd-info{position:relative;flex:none;width:14px;height:14px;margin-left:calc(4px - var(--cd-s-sm));}
.cd-info img{width:14px;height:14px;object-fit:cover;}
.cd-root .cd-protect__desc{font-size:var(--cd-t-xsm);line-height:var(--cd-lh-body);color:var(--cd-text-2);}
.cd-protect__price{flex:none;padding-left:10px;font-weight:700;font-size:var(--cd-t-sm);line-height:var(--cd-lh-body);}

/* 8 · CTA pair (15724:59219) */
.cd-cta{display:flex;flex-direction:column;align-items:center;gap:8px;}
.cd-root .cd-btn{display:flex;align-items:center;justify-content:center;gap:var(--cd-s-sm);width:100%;
  padding:12px var(--cd-s-xl);background:var(--cd-action);color:var(--cd-text);font-weight:700;
  font-size:var(--cd-t-md);line-height:var(--cd-lh-body);text-align:center;border-radius:0;
  transition:background-color .2s var(--cd-ease);}
.cd-root .cd-btn:hover{background:var(--cd-action-hover);color:var(--cd-text);}
.cd-root .cd-btn[disabled]{opacity:.6;cursor:default;}
.cd-btn__label{white-space:pre;}
.cd-root .cd-link{position:relative;display:inline-block;font-weight:700;font-size:var(--cd-t-md);
  line-height:var(--cd-lh-body);color:var(--cd-text);box-shadow:inset 0 -1.3px 0 var(--cd-action-2);}
.cd-link::after{content:"";position:absolute;left:0;right:0;top:50%;height:44px;transform:translateY(-50%);}

/* 9 · trust row (15724:59225) */
.cd-trust{display:flex;justify-content:center;align-items:center;gap:16px;overflow:hidden;}
.cd-root .cd-trust__item{display:flex;align-items:center;gap:4px;white-space:pre;font-weight:700;
  font-size:var(--cd-t-xsm);line-height:var(--cd-lh-body);color:var(--cd-text);}
.cd-trust__ico{flex:none;width:20px;height:20px;display:grid;place-items:center;}

/* ---------- empty state (15724:59237 / 15724:60207) ------------------------ */
.cd-empty{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;padding:24px;}
.cd-empty__block{display:flex;flex-direction:column;gap:16px;text-align:center;}
.cd-root .cd-empty__title{font-family:var(--cd-f-empty);font-weight:500;font-size:18px;line-height:1.2;
  letter-spacing:-.36px;color:var(--cd-empty-ink);}
.cd-root .cd-empty__body{font-size:var(--cd-t-md);line-height:var(--cd-lh-body);color:var(--cd-empty-ink-2);}
.cd-btn svg{width:24px;height:24px;}

/* ---------- panel dim over the base drawer (15724:59380) ------------------- */
.cd-dim{position:fixed;top:0;bottom:0;right:0;left:var(--cd-gutter);background:var(--cd-scrim);opacity:0;
  visibility:hidden;transition:opacity var(--cd-dur) var(--cd-ease),visibility 0s linear var(--cd-dur);z-index:2;}
@media (min-width:30rem){ .cd-dim{left:auto;width:min(var(--cd-w),calc(100vw - var(--cd-gutter)));} }
@media (min-width:48rem){ .cd-dim{width:var(--cd-w);} }
.cd-root[data-view="warranty"] .cd-dim,.cd-root[data-view="ship"] .cd-dim{opacity:1;visibility:visible;transition-delay:0s;}

/* ---------- pop-up panels (15724:59381 / 15724:59557) ---------------------- */
.cd-panel{position:fixed;right:0;bottom:0;width:100vw;max-height:100%;display:flex;flex-direction:column;
  background:var(--cd-bg-page);box-shadow:var(--cd-shadow);transform:translateY(100%);visibility:hidden;
  transition:transform var(--cd-dur) var(--cd-ease),visibility 0s linear var(--cd-dur);z-index:3;}
.cd-root[data-view="warranty"] .cd-panel--warranty,
.cd-root[data-view="ship"] .cd-panel--ship{transform:none;visibility:visible;transition-delay:0s;}
@media (min-width:30rem){
  .cd-panel{width:min(calc(var(--cd-w) + var(--cd-gutter)),100vw);}
}
@media (min-width:48rem){
  .cd-panel{width:var(--cd-w);}
}
.cd-panel__head{flex:none;display:flex;align-items:center;gap:var(--cd-s-md);padding:16px 24px;
  box-shadow:inset 0 -1px 0 var(--cd-border);}
.cd-root .cd-back{position:relative;flex:none;width:44px;height:44px;margin:-10px;display:grid;place-items:center;}
.cd-back svg{width:24px;height:24px;}
.cd-root .cd-panel__title{font-weight:400;font-size:var(--cd-t-lg) !important;line-height:var(--cd-lh-body);color:var(--cd-text);}
.cd-panel__body{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;
  display:flex;flex-direction:column;gap:8px;
  padding:12px 24px;background:var(--cd-bg-surface);box-shadow:inset 0 -1px 0 var(--cd-border);scrollbar-width:none;}
.cd-panel__body::-webkit-scrollbar{display:none;}
.cd-root .cd-panel__label{font-weight:700;font-size:var(--cd-t-sm);line-height:var(--cd-lh-body);color:var(--cd-ink-panel);}
.cd-root .cd-panel__body--ship .cd-panel__label{font-weight:400;}
@media (min-width:48rem){.cd-root .cd-panel__body--ship .cd-panel__label{font-weight:700;}}
.cd-bullets{display:flex;flex-direction:column;gap:8px;width:min(382.86px,calc(100% + 16.86px));}
.cd-root .cd-bullet{display:flex;align-items:flex-start;gap:4px;font-size:var(--cd-t-sm);line-height:var(--cd-lh-body);
  color:var(--cd-text);}
.cd-bullet svg{width:24px;height:24px;}
.cd-bullet__text{flex:1 1 0;min-width:0;}
.cd-root .cd-bullet--logo{align-items:center;white-space:pre;}
.cd-bullet--logo img{width:63px;height:14px;object-fit:contain;}
.cd-plan{display:flex;flex-direction:column;gap:9px;}
.cd-root .cd-attr{display:flex;flex-wrap:wrap;align-items:flex-end;gap:4px 8px;font-size:var(--cd-t-xsm);line-height:var(--cd-lh-body);
  color:var(--cd-text-3);}
.cd-attr img{width:84px;height:16px;object-fit:contain;}
.cd-plans{display:flex;gap:6px;}
.cd-root .cd-plan-card{position:relative;flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:flex-start;
  gap:7.5px;padding:6px 6px 6px 7px;background:var(--cd-plan-bg);border-radius:var(--cd-radius-plan);
  box-shadow:inset 0 0 0 1px var(--cd-plan-border);font-size:var(--cd-t-xsm);line-height:var(--cd-lh-body);text-align:left;}
.cd-root .cd-plan-card[aria-checked="true"]{box-shadow:inset 0 0 0 1px var(--cd-ink-panel);}
.cd-root .cd-plan-card[aria-disabled="true"]{opacity:.5;cursor:default;}
.cd-plan-card__term{color:var(--cd-text-3);}
.cd-plan-card__price{color:var(--cd-text);}
.cd-plan-card__row{display:flex;flex-wrap:wrap;gap:0 9px;}
.cd-root .cd-plan-card--was{gap:1px;padding:5px 6px;}
.cd-plan-card--was .cd-plan-card__row{padding-top:7.116px;}
.cd-root .cd-plan-card__was{color:var(--cd-text-3);text-decoration:line-through;text-decoration-thickness:from-font;} /* compare-at price */
.cd-panel__foot{flex:none;padding:16px 24px;background:var(--cd-bg-surface);box-shadow:inset 0 1px 0 var(--cd-border);}

/* ---------- error toast ---------------------------------------------------- */
.cd-root .cd-alert{flex:none;padding:8px 24px;background:#f7ece7;color:var(--cd-error);
  font-size:var(--cd-t-sm);line-height:var(--cd-lh-body);box-shadow:inset 0 -1px 0 var(--cd-border);}

/* ---------- short viewports: let the whole drawer scroll ------------------- */
@media (max-height:600px){
  .cd-drawer{overflow-y:auto;overscroll-behavior:contain;}
  .cd-content{flex:none;overflow:visible;}
  .cd-root[data-cue="true"] .cd-footer::before{opacity:0;}
}

/* ---------- reduced motion ------------------------------------------------- */
@media (prefers-reduced-motion:reduce){
  .cd-root,.cd-root *,.cd-root *::before,.cd-root *::after{transition:none !important;animation:none !important;}
}

/* ---------- third-party chat widgets: sit under the open drawer -----------
   The theme adds body.padding-scrollbar while the cart drawer (or any popup) is open. */
body.padding-scrollbar shopify-chat,
body.padding-scrollbar iframe#quick-chat-iframe {
  z-index: 1 !important;
}