/* Permanent comment: shared right-side floating cart drawer for public layouts. */
.cart-drawer-backdrop{position:fixed;inset:0;z-index:1390;background:rgba(0,0,0,.62);opacity:0;transition:opacity .24s ease}
.cart-drawer-backdrop.is-open{opacity:1}
.cart-drawer{position:fixed;top:0;right:0;z-index:1400;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(430px,100vw);height:100dvh;color:#f7f9fa;background:#090e12;border-left:1px solid rgba(140,255,0,.3);box-shadow:-24px 0 70px rgba(0,0,0,.48);transform:translateX(102%);visibility:hidden;transition:transform .28s ease,visibility 0s linear .28s}
.cart-drawer.is-open{transform:translateX(0);visibility:visible;transition:transform .28s ease}
body.cart-drawer-open{overflow:hidden}
.cart-drawer-header{position:static;display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:auto;height:auto;padding:24px;background:#0d1419;border:0;border-bottom:1px solid rgba(255,255,255,.1);transform:none}
.cart-drawer-header h2{margin:3px 0 0;color:#f7f9fa!important;font-size:26px;line-height:1.1}
.cart-drawer-eyebrow{color:#8cff00;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.cart-drawer-close{display:grid;place-items:center;width:42px;height:42px;padding:0;color:#f7f9fa;background:transparent;border:1px solid rgba(255,255,255,.18);border-radius:50%;font-size:28px;line-height:1;cursor:pointer}
.cart-drawer-close:hover,.cart-drawer-close:focus-visible{color:#8cff00;border-color:#8cff00;outline:none}
.cart-drawer-content{min-height:0;padding:20px 24px;overflow-y:auto}
.cart-drawer-state{margin:30px 0;color:#cbd2d8!important;text-align:center}
.cart-drawer-items{display:grid;gap:12px}
.cart-drawer-item{display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;background:#111a20;border:1px solid rgba(255,255,255,.09);border-radius:12px}
.cart-drawer-item img{width:92px;height:62px;object-fit:cover;border-radius:8px}
.cart-drawer-item-copy{min-width:0}
.cart-drawer-item-title{margin:0 0 5px;overflow:hidden;color:#f7f9fa!important;font-size:14px;font-weight:800;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.cart-drawer-item-meta{margin:0;color:#aeb8bf!important;font-size:12px}
.cart-drawer-item-actions{display:grid;justify-items:end;gap:8px}
.cart-drawer-item-price{color:#8cff00;font-size:14px;white-space:nowrap}
.cart-drawer-remove{min-height:0;padding:0;color:#aeb8bf;background:transparent;border:0;font-size:11px;text-decoration:underline;cursor:pointer}
.cart-drawer-remove:hover,.cart-drawer-remove:focus-visible{color:#fff}
.cart-drawer-footer{position:static;display:grid;gap:16px;width:auto;padding:20px 24px 24px;background:#0d1419;border:0;border-top:1px solid rgba(255,255,255,.1)}
.cart-drawer-footer[hidden]{display:none}
.cart-drawer-total{display:flex;justify-content:space-between;gap:16px;color:#cbd2d8;font-size:14px}
.cart-drawer-total strong{color:#f7f9fa;font-size:20px}
.cart-drawer-checkout{display:block;padding:14px 18px;color:#071006!important;background:#8cff00;border-radius:9px;font-size:14px;font-weight:800;text-align:center}
.cart-drawer-checkout:hover,.cart-drawer-checkout:focus-visible{background:#a5ff3d}
@media(max-width:520px){.cart-drawer{width:100vw}.cart-drawer-header,.cart-drawer-content,.cart-drawer-footer{padding-left:18px;padding-right:18px}.cart-drawer-item{grid-template-columns:76px minmax(0,1fr)}.cart-drawer-item img{width:76px;height:54px}.cart-drawer-item-actions{grid-column:2;grid-template-columns:1fr auto;justify-items:start;width:100%}}
@media(prefers-reduced-motion:reduce){.cart-drawer,.cart-drawer-backdrop{transition:none}}

/*
 * ACCOUNT CART MODE CONTRACT:
 * On wide desktop (>=1480px), Account embeds the canonical cart as a persistent
 * right-side panel. Below 1480px, the same cart returns to the normal
 * fixed overlay drawer and must never enter document flow below <main>.
 */
body.account-page .cart-drawer-backdrop{display:none}
body.account-page .cart-drawer.is-persistent{transform:none;visibility:visible;transition:none}
body.account-page .cart-drawer.is-persistent .cart-drawer-close{display:none}
body.account-page>main,body.account-page>.pinut-site-footer{margin-right:430px}

@media(max-width:1479px){
  body.account-page>main,
  body.account-page>.pinut-site-footer{margin-right:0}

  body.account-page .cart-drawer-backdrop{display:block}
  body.account-page .cart-drawer-backdrop[hidden]{display:none}

  /*
   * MOBILE ACCOUNT DRAWER CONTRACT:
   * Preserve the fixed overlay drawer on narrow screens. Never convert this
   * Account cart into normal page flow below the main content.
   */
  body.account-page .cart-drawer.is-persistent{
    position:fixed;
    top:0;
    right:0;
    width:min(430px,100vw);
    height:100dvh;
    min-height:0;
    transform:translateX(102%);
    visibility:hidden;
    transition:transform .28s ease,visibility 0s linear .28s;
    box-shadow:-24px 0 70px rgba(0,0,0,.48);
    border-left:1px solid rgba(140,255,0,.3);
    border-top:0;
  }

  body.account-page .cart-drawer.is-persistent.is-open{
    transform:translateX(0);
    visibility:visible;
    transition:transform .28s ease;
  }

  body.account-page .cart-drawer.is-persistent .cart-drawer-close{display:grid}
  body.account-page .cart-drawer.is-persistent .cart-drawer-content{max-height:none}
}