/* YATAI cart — V2 palette: crimson #ee1551, ink #1a1517, paper #faf3ea */
:root{--yt-crimson:#ee1551;--yt-ink:#1a1517;--yt-paper:#faf3ea;--yt-jade:#2e7d63}

#yt-cart-fab{position:fixed;right:20px;bottom:20px;z-index:900;display:flex;align-items:center;gap:8px;
  background:var(--yt-crimson);color:#fff;border:none;border-radius:999px;padding:14px 20px;
  font:600 16px/1 Inter,system-ui,sans-serif;box-shadow:0 6px 24px rgba(238,21,81,.35);cursor:pointer;
  transition:transform .15s}
#yt-cart-fab:hover{transform:translateY(-2px)}
#yt-cart-count{background:var(--yt-ink);border-radius:999px;min-width:24px;height:24px;
  display:inline-flex;align-items:center;justify-content:center;font-family:"Space Mono",monospace;font-size:13px}

#yt-cart-backdrop{position:fixed;inset:0;background:rgba(26,21,23,.5);z-index:940;backdrop-filter:blur(2px)}
#yt-cart-drawer{position:fixed;top:0;right:0;bottom:0;width:min(420px,100vw);z-index:950;
  background:var(--yt-paper);color:var(--yt-ink);transform:translateX(105%);transition:transform .25s ease;
  display:flex;flex-direction:column;padding:24px;overflow-y:auto;
  border-left:4px solid var(--yt-crimson);font-family:Inter,system-ui,sans-serif}
#yt-cart-drawer[aria-hidden="false"]{transform:none;box-shadow:-12px 0 40px rgba(0,0,0,.25)}

.yt-drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.yt-drawer-head h3{font:700 22px "Zen Kaku Gothic New",Inter,sans-serif;margin:0}
#yt-cart-close{background:none;border:none;font-size:30px;line-height:1;cursor:pointer;color:var(--yt-ink)}

#yt-cart-lines{flex:0 0 auto;margin-bottom:16px}
.yt-line{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;
  padding:10px 0;border-bottom:1px dashed rgba(26,21,23,.2)}
.yt-line-name{font-size:14px}
.yt-line-price{font-family:"Space Mono",monospace;font-size:14px}
.yt-qty{display:inline-flex;align-items:center;gap:8px}
.yt-qty button{width:26px;height:26px;border-radius:50%;border:1.5px solid var(--yt-ink);
  background:none;cursor:pointer;font-size:16px;line-height:1}
.yt-qty b{font-family:"Space Mono",monospace;min-width:16px;text-align:center}
.yt-empty{opacity:.6;font-size:14px}

.yt-cart-form{display:grid;gap:10px;margin-bottom:16px}
.yt-cart-form input,.yt-cart-form select,.yt-cart-form textarea{
  padding:12px;border:1.5px solid rgba(26,21,23,.25);border-radius:8px;background:#fff;
  font:400 15px Inter,sans-serif;color:var(--yt-ink)}
.yt-cart-form :focus{outline:2px solid var(--yt-crimson);outline-offset:1px}

.yt-cart-total{display:flex;justify-content:space-between;font-size:18px;margin-bottom:14px}
.yt-cart-total strong{font-family:"Space Mono",monospace}

#yt-checkout{background:var(--yt-crimson);color:#fff;border:none;border-radius:10px;
  padding:16px;font:700 16px Inter,sans-serif;cursor:pointer;transition:filter .15s}
#yt-checkout:hover{filter:brightness(1.08)}
#yt-checkout:disabled{opacity:.6;cursor:wait}

.yt-cart-terms{font-size:12px;opacity:.75;text-align:center;margin-top:12px}
.yt-cart-terms a{color:var(--yt-crimson)}
.yt-cart-note{font-size:12px;opacity:.65;text-align:center;margin-top:10px}
#yt-cart-error{color:var(--yt-crimson);font-size:14px;min-height:1em;margin-top:8px;text-align:center}

.add-to-cart.yt-added{background:var(--yt-jade)!important;transition:background .2s}

@media (prefers-reduced-motion: reduce){
  #yt-cart-drawer{transition:none}#yt-cart-fab{transition:none}
}

/* tilvalgs-dialog */
#yt-opts{position:fixed;inset:0;background:rgba(26,21,23,.55);z-index:960;display:flex;
  align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(2px)}
#yt-opts[aria-hidden="true"]{display:none}
.yt-opts-box{background:var(--yt-paper);color:var(--yt-ink);border-radius:16px;padding:22px;
  width:min(380px,100%);font-family:Inter,system-ui,sans-serif;border-top:4px solid var(--yt-crimson)}
.yt-opts-box h4{font:700 18px "Zen Kaku Gothic New",Inter,sans-serif;margin:0 0 6px}
.yt-opts-label{font:700 11px "Space Mono",monospace;letter-spacing:.12em;text-transform:uppercase;
  color:var(--yt-crimson);margin:14px 0 6px}
.yt-opts-box label{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:15px;cursor:pointer}
.yt-opts-box label small{opacity:.6}
.yt-opts-box label b{font-family:"Space Mono",monospace;font-size:13px;margin-left:auto}
.yt-opts-box input{width:18px;height:18px;accent-color:var(--yt-crimson)}
.yt-opts-actions{display:flex;gap:10px;margin-top:16px}
.yt-opts-actions button{flex:1;padding:13px;border:none;border-radius:10px;font:700 15px Inter;cursor:pointer}
#yt-opts-cancel{background:none;border:1.5px solid rgba(26,21,23,.25);color:var(--yt-ink)}
#yt-opts-add{background:var(--yt-crimson);color:#fff}
.yt-line-opts{display:block;font-size:11px;opacity:.6;margin-top:2px}