@import url("/storefront/motion.css");
.tyaga-cart-link { position:fixed; z-index:1002; top:14px; right:20px; min-height:42px; display:inline-flex; align-items:center; gap:9px; padding:0 16px; border-radius:999px; background:#0a0a0a; color:#fff!important; font:700 14px/1 Arial,sans-serif; text-decoration:none; box-shadow:0 8px 24px rgba(0,0,0,.2); }
.tyaga-cart-link span { min-width:22px; height:22px; display:grid; place-items:center; border-radius:50%; background:#fff; color:#0a0a0a; font-size:12px; }
.tyaga-cart-backdrop { position:fixed; z-index:1098; inset:0; background:rgba(0,0,0,.5); }
.tyaga-cart-drawer { position:fixed; z-index:1099; top:0; right:0; width:min(460px,100vw); height:100dvh; padding:24px; box-sizing:border-box; overflow:auto; background:#f3f3f1; color:#0a0a0a; box-shadow:-24px 0 80px rgba(0,0,0,.2); }
.tyaga-cart-drawer[hidden],.tyaga-cart-backdrop[hidden] { display:none!important; }
.tyaga-cart-drawer > header { display:flex; justify-content:space-between; align-items:center; margin-bottom:28px; font-size:26px; }
.tyaga-cart-drawer > header button { width:42px; height:42px; border:1px solid #bbb; border-radius:50%; background:#fff; color:#0a0a0a; font-size:26px; cursor:pointer; }
.tyaga-cart-drawer article { display:grid; grid-template-columns:92px minmax(0,1fr); gap:14px; align-items:center; padding:14px 0; border-bottom:1px solid #ccc; }
.tyaga-cart-drawer article img { width:92px; aspect-ratio:3/2; object-fit:contain; border-radius:10px; background:#fff; }
.tyaga-cart-drawer article small { color:#666; }
.tyaga-cart-drawer article h3 { margin:4px 0 8px; font-size:16px; }
.tyaga-drawer-quantity { display:flex; align-items:center; gap:8px; margin-top:10px; }
.tyaga-drawer-quantity button { min-width:30px; min-height:30px; border:1px solid #bbb; border-radius:999px; background:#fff; color:#0a0a0a; cursor:pointer; }
.tyaga-drawer-quantity button:last-child { margin-left:auto; padding:0 10px; border-color:transparent; background:transparent; text-decoration:underline; }
.tyaga-drawer-quantity span { min-width:20px; text-align:center; font-weight:700; }
.tyaga-cart-drawer > footer { margin-top:28px; }
.tyaga-cart-drawer > footer div { display:flex; justify-content:space-between; margin-bottom:18px; font-size:20px; }
.tyaga-cart-drawer > footer a { min-height:50px; display:flex; align-items:center; justify-content:center; margin-top:10px; border:1px solid #0a0a0a; border-radius:999px; background:#fff; color:#0a0a0a; font-weight:700; text-decoration:none; }
.tyaga-cart-drawer > footer a:last-child { background:#0a0a0a; color:#fff; }
.tyaga-cart-empty { padding:40px 0; color:#666; }
.tyaga-cart-open { overflow:hidden; }
.tyaga-buy-dock { width:min(1200px,calc(100% - 48px)); margin:64px auto; padding:28px 32px; box-sizing:border-box; display:flex; justify-content:space-between; align-items:center; gap:28px; border:1px solid rgba(10,10,10,.14); border-radius:22px; background:#fff; color:#0a0a0a; box-shadow:0 18px 54px rgba(10,10,10,.08); }
.tyaga-buy-dock small { color:#666; font-weight:700; text-transform:uppercase; letter-spacing:.12em; }
.tyaga-buy-dock h2 { margin:6px 0; font-size:clamp(24px,3vw,42px); }
.tyaga-buy-dock strong { font-size:20px; }
.tyaga-buy-actions { display:flex; align-items:center; gap:12px; }
.tyaga-buy-quantity { display:flex; align-items:center; gap:8px; padding:5px; border:1px solid #aaa; border-radius:999px; }
.tyaga-buy-quantity button { width:40px; min-height:40px; padding:0; border:0; border-radius:50%; background:transparent; color:#0a0a0a; font-size:20px; cursor:pointer; }
.tyaga-buy-quantity span { min-width:24px; text-align:center; font-weight:700; }
.tyaga-buy-dock [data-buy-add] { min-height:54px; flex:0 0 auto; padding:0 28px; border:0; border-radius:999px; background:#0a0a0a; color:#fff; font:700 16px/1 Arial,sans-serif; cursor:pointer; }
.tyaga-buy-dock [data-buy-add]:disabled { background:#ddd; color:#666; cursor:not-allowed; }
@media (max-width:767px) {
  .tyaga-cart-link { top:10px; right:10px; width:44px; height:44px; padding:0; justify-content:center; font-size:0; }
  .tyaga-cart-link::before { content:""; width:22px; height:22px; background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3h2l2.4 12h11.2l2-8H6'/%3E%3Ccircle cx='9' cy='20' r='1'/%3E%3Ccircle cx='18' cy='20' r='1'/%3E%3C/svg%3E"); }
  .tyaga-cart-link span { position:absolute; right:-3px; bottom:-3px; min-width:18px; height:18px; font-size:10px; border:1px solid #0a0a0a; }
  .tyaga-buy-dock { width:calc(100% - 32px); margin:32px auto; padding:22px; align-items:stretch; flex-direction:column; }
  .tyaga-buy-actions { align-items:stretch; flex-direction:column; }
  .tyaga-buy-quantity { justify-content:center; }
  .tyaga-buy-dock [data-buy-add] { width:100%; }
  .tyaga-cart-drawer { padding:18px; }
}

.tyaga-cart-drawer :is(button,a):focus-visible,.tyaga-cart-link:focus-visible,.tyaga-buy-dock button:focus-visible { outline:3px solid #777; outline-offset:4px; }
.tyaga-cart-drawer button:disabled { opacity:.4; cursor:not-allowed; }
.tyaga-cart-drawer h3 { overflow-wrap:anywhere; }