/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from snippet stylesheet tags */
/* START_SNIPPET:cart-drawer (INDEX:40) */
:root {
    --cart-glass-surface: var(--color-surface);
    --cart-glass-surface-secondary: var(--color-surface-secondary);
  }
  #cart-drawer,
  #wishlist-drawer {
    --color-surface: color-mix(in srgb, var(--cart-glass-surface) 97%, transparent);
    --color-surface-secondary: color-mix(in srgb, var(--cart-glass-surface-secondary) 55%, transparent);
    --panel-backdrop: rgb(23 23 23 / 0.22);
    background-color: var(--color-surface);
    border-inline-start: 0;
  }
  @supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)) {
    #cart-drawer,
    #wishlist-drawer {
      --color-surface: color-mix(in srgb, var(--cart-glass-surface) 62%, transparent);
      -webkit-backdrop-filter: blur(22px) saturate(1.4);
      backdrop-filter: blur(22px) saturate(1.4);
      box-shadow: -24px 0 60px -30px rgb(23 23 23 / 0.35);
    }
  }
  /* Product mockups have a pure-white background. In the glass drawer it is removed by the white key (SVG filter below),
     including the white mixed into the edge pixels, so the products float on the glass without a light fringe. */
  #cart-drawer [data-cart-media] {
    background: transparent;
  }
  #cart-drawer [data-cart-media] img {
    mix-blend-mode: normal;
    filter: url('#thumb-white-key');
  }
  /* Canvas cut-out done (assets/s-thumb-cut.js): the background is already transparent, so no SVG key on top. */
  #cart-drawer [data-cart-media] img.thumb-cut {
    filter: none;
  }
  /* Cart + wishlist (31 Oct 2026): model photos on their studio grey, and a denser cream glass so prices stay readable over busy pages. */
  @supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)) {
    #cart-drawer,
    #wishlist-drawer {
      --color-surface: color-mix(in srgb, var(--cart-glass-surface) 90%, transparent);
    }
  }
  #cart-drawer [type='submit'][name='checkout']:hover {
    background-color: #2a2a2b;
  }

  /* Cart styles 1–3 (merchant, 31 Oct 2026), switch: theme settings › Warenkorb. "original" keeps everything above untouched.
     Shared: products first. Loyalty shrinks to its headline + metres line, the shipping bar gets slim,
     and on phones payment icons and the discount note make room. 2px corners, ivory/satin-black plastic. */
  #cart-drawer:is([data-cart-style='compact'], [data-cart-style='lookbook'], [data-cart-style='receipt']) {
    --cs-ivory: linear-gradient(180deg, #fffdf9 0%, #f4efe6 100%);
    --cs-black: linear-gradient(180deg, #2a2a2c 0%, #0e0e0f 72%);
    --cs-shadow: inset 0 1px 0 #fff, 0 1px 2px rgb(0 0 0 / 0.08), 0 10px 22px -14px rgb(20 14 6 / 0.45);
    --cs-shadow-dark: inset 0 1px 0 rgb(255 255 255 / 0.18), 0 12px 24px -12px rgb(0 0 0 / 0.55);
  }
  #cart-drawer:is([data-cart-style='compact'], [data-cart-style='lookbook'], [data-cart-style='receipt']) {
    [data-sc-detail] { display: none; }
    [data-cart-ship] { padding: 0.625rem 0.75rem; border-radius: 2px; }
    [data-cart-ship] p { margin-bottom: 0.5rem; font-size: 0.75rem; }
    [data-cart-ship] [role='progressbar'] { height: 0.375rem; border-radius: 2px; }
    [data-cart-ship] [role='progressbar'] > div { border-radius: 2px; }
    s-summit-cart { margin-bottom: 1.25rem; padding: 0.625rem 0.75rem; border-radius: 2px; }
    [data-sc-head] { margin-bottom: 0.25rem; }
    [data-cart-thumb] { border-radius: 2px; }
    [data-cart-qty] { border-radius: 2px; }
    [data-cart-savings] { border-radius: 2px; }
    [type='submit'][name='checkout'] { border-radius: 2px; background: var(--cs-black); box-shadow: var(--cs-shadow-dark); }
    [type='submit'][name='checkout']:hover { background: var(--cs-black); filter: brightness(1.15); }
    [data-cart-trust] { font-size: 0.6875rem; }
  }
  @media (max-width: 767px) {
    #cart-drawer:is([data-cart-style='compact'], [data-cart-style='lookbook'], [data-cart-style='receipt']) :is([data-cart-pay], [data-cart-note]) { display: none; }
  }

  /* 1 Premium Compact: satin-black shipping bar, ivory plastic loyalty key, clean rows with plastic quantity keys. */
  #cart-drawer[data-cart-style='compact'] {
    [data-cart-ship] { background: var(--cs-black); box-shadow: var(--cs-shadow-dark); }
    s-summit-cart { background: var(--cs-ivory); box-shadow: var(--cs-shadow); --tw-ring-shadow: 0 0 #0000; }
    [data-cart-thumb] { width: 5.5rem; }
    [data-cart-qty] { border: 0; background: var(--cs-ivory); box-shadow: var(--cs-shadow); }
  }

  /* 2 Lookbook Bag (chosen 31 Oct 2026): every product as its own ivory card with a big model photo; loyalty as the ivory plastic key from style 1. */
  #cart-drawer[data-cart-style='lookbook'] {
    [data-cart-ship] { background: var(--cs-black); }
    s-summit-cart { background: var(--cs-ivory); box-shadow: var(--cs-shadow); --tw-ring-shadow: 0 0 #0000; }
    [data-cart-line] { margin-bottom: 0.75rem; padding: 0.625rem; border: 0; border-radius: 2px; background: var(--cs-ivory); box-shadow: var(--cs-shadow); }
    [data-cart-thumb] { width: 7.5rem; aspect-ratio: 3 / 4; box-shadow: 0 8px 18px -10px rgb(0 0 0 / 0.45); }
    [data-cart-line] a.line-clamp-2 { font-family: var(--font-heading); font-size: 0.9375rem; text-transform: uppercase; letter-spacing: 0.02em; }
    [data-cart-price] { font-size: 1rem; font-weight: 700; }
    [data-cart-qty] { border: 0; background: #fff; box-shadow: var(--cs-shadow); }
  }

  /* 3 Black Receipt: a printed receipt. Solid ivory paper, dashed rules between lines, tabular numbers, a heavy black checkout block. */
  #cart-drawer[data-cart-style='receipt'] {
    --color-surface: #faf8f4;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    font-variant-numeric: tabular-nums;
    [data-cart-ship] { padding: 0 0 0.75rem; background: transparent; border-bottom: 1px dashed rgb(14 14 15 / 0.3); border-radius: 0; }
    [data-cart-ship] p { color: #0e0e0f; text-transform: uppercase; letter-spacing: 0.06em; font-size: 0.6875rem; }
    [data-cart-ship] p strong { color: #7d673a; }
    [data-cart-ship] [role='progressbar'] { height: 0.25rem; background: rgb(14 14 15 / 0.1); }
    [data-cart-ship] [role='progressbar'] > div { background: #0e0e0f; box-shadow: none; }
    s-summit-cart { padding: 0.625rem 0; background: transparent; box-shadow: none; --tw-ring-shadow: 0 0 #0000; border-bottom: 1px dashed rgb(14 14 15 / 0.3); border-radius: 0; }
    s-summit-cart [data-sc-head] { display: none; }
    [data-cart-line] { border-bottom: 1px dashed rgb(14 14 15 / 0.3); }
    [data-cart-thumb] { width: 4.5rem; }
    [data-cart-line] a.line-clamp-2 { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.06em; }
    [data-cart-qty] { border-color: rgb(14 14 15 / 0.35); }
    [data-cart-savings] { background: transparent; color: #0e0e0f; padding-inline: 0; border-block: 1px dashed rgb(14 14 15 / 0.3); border-radius: 0; text-transform: uppercase; letter-spacing: 0.06em; }
    [data-cart-savings] :is(.text-\[\#7ee2a0\]) { color: #1f7a45; }
    [type='submit'][name='checkout'] { min-height: 3.5rem; letter-spacing: 0.16em; }
  }

  /* Wishlist styles A–C (merchant, 1 Nov 2026), switch: theme settings › Warenkorb › Stil der Merkliste.
     All three wear the cart's "Lookbook Bag" card: ivory plastic card, big 3:4 model photo, heading-font title, bold price, 2px corners. */
  #wishlist-drawer:is([data-wl-style='look'], [data-wl-style='quick'], [data-wl-style='bar']) {
    --cs-ivory: linear-gradient(180deg, #fffdf9 0%, #f4efe6 100%);
    --cs-black: linear-gradient(180deg, #2a2a2c 0%, #0e0e0f 72%);
    --cs-shadow: inset 0 1px 0 #fff, 0 1px 2px rgb(0 0 0 / 0.08), 0 10px 22px -14px rgb(20 14 6 / 0.45);
    --cs-shadow-dark: inset 0 1px 0 rgb(255 255 255 / 0.18), 0 12px 24px -12px rgb(0 0 0 / 0.55);

    [data-wishlist-items] { margin-top: 0; }
    [data-wl-line] { margin-bottom: 0.75rem; padding: 0.625rem; border: 0; border-radius: 2px; background: var(--cs-ivory); box-shadow: var(--cs-shadow); }
    [data-wl-thumb] { width: 7.5rem; aspect-ratio: 3 / 4; border-radius: 2px; box-shadow: 0 8px 18px -10px rgb(0 0 0 / 0.45); }
    [data-row-title] { font-family: var(--font-heading); font-size: 0.9375rem; text-transform: uppercase; letter-spacing: 0.02em; }
    [data-row-price] { font-size: 1rem; font-weight: 700; }
    :is([data-row-view], [data-row-add]) { border-radius: 2px; background: var(--cs-black); box-shadow: var(--cs-shadow-dark); }
    :is([data-row-view], [data-row-add]):hover { filter: brightness(1.15); }
  }

  /* B + C: size pills like the cart's quantity keys, the add button leads, "Ansehen" steps back to an outline. */
  #wishlist-drawer:is([data-wl-style='quick'], [data-wl-style='bar']) {
    [data-row-size] {
      min-width: 2.25rem; height: 2rem; padding-inline: 0.5rem; border: 0; border-radius: 2px;
      background: #fff; box-shadow: var(--cs-shadow);
      font-size: 0.6875rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: var(--color-on-surface);
      cursor: pointer;
    }
    [data-row-size]:hover { box-shadow: var(--cs-shadow), inset 0 0 0 1px var(--color-on-surface); }
    [data-row-size][aria-pressed='true'] { background: var(--cs-black); box-shadow: var(--cs-shadow-dark); color: #faf8f4; }
    [data-row-size]:disabled { cursor: not-allowed; opacity: 0.4; text-decoration: line-through; }
    [data-row-size]:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 2px; }
    [data-row-add][data-added] { background: #1f7a45; }
    [data-row-add]:disabled:not([data-added]) { filter: none; }
    [data-row-view] { background: transparent; box-shadow: inset 0 0 0 1px rgb(14 14 15 / 0.35); color: var(--color-on-surface); }
    [data-row-view]:hover { background: transparent; filter: none; box-shadow: inset 0 0 0 1px var(--color-on-surface); }
  }

  /* C: pinned bar, same black checkout key as the cart. */
  #wishlist-drawer[data-wl-style='bar'] [data-wishlist-to-cart] { border-radius: 2px; background: var(--cs-black); box-shadow: var(--cs-shadow-dark); }
  #wishlist-drawer[data-wl-style='bar'] [data-wishlist-to-cart]:hover { filter: brightness(1.15); }
/* END_SNIPPET:cart-drawer */