/* The bag uses a native modal dialog: keyboard focus stays inside while open. */
html.at-cart-drawer-open { overflow: hidden; }
.at-cart-drawer {
 --at-ink: #131516;
 --at-paper: #f5f5f0;
 --at-lime: #d5ff43;
 position: fixed;
 inset: 12px 12px 12px auto;
 width: min(490px, calc(100vw - 24px));
 max-width: none;
 height: calc(100dvh - 24px);
 max-height: none;
 margin: 0;
 padding: 0;
 overflow: hidden;
 border: 1px solid rgb(255 255 255 / .6);
 border-radius: 26px;
 background: var(--at-paper);
 color: var(--at-ink);
 box-shadow: 0 20px 80px rgb(12 20 14 / .3);
 font-family: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
 font-size: 14px;
 line-height: 1.55;
 -webkit-font-smoothing: antialiased;
}
.at-cart-drawer:not([open]) { display: none; }
.at-cart-drawer[open] { animation: at-bag-enter .3s cubic-bezier(.2,.75,.2,1) both; }
.at-cart-drawer::backdrop { background: rgb(12 18 13 / .45); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
.at-cart-drawer *, .at-cart-drawer *::before, .at-cart-drawer *::after { box-sizing: border-box; }
.at-cart-drawer [hidden] { display: none !important; }
.at-cart-drawer :where(h2,h3,p,ul) { margin: 0; }
.at-cart-drawer a { color: inherit; text-decoration: none; }
.at-cart-drawer button { font: inherit; cursor: pointer; }
.at-cart-drawer :where(a,button):focus-visible { outline: 3px solid #8660f2; outline-offset: 3px; }
.at-cart-drawer-panel { display: grid; grid-template-rows: auto auto minmax(0, 1fr) auto; height: 100%; min-height: 0; }
.at-cart-drawer-head { grid-row: 1; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 29px 28px 22px; }
.at-cart-drawer-head h2, #at-cart-drawer-title { color: var(--at-ink); font-size: 33px; font-weight: 750; line-height: 1.12; letter-spacing: -.06em; }
.at-cart-drawer-head .at-eyebrow, .at-cart-drawer-eyebrow { display: block; margin-bottom: 7px; color: #70756a; font-size: 9px; line-height: 1.5; font-weight: 750; letter-spacing: .13em; text-transform: uppercase; }
.at-cart-drawer-head > [data-at-cart-close] { display: grid; place-items: center; flex: none; width: 44px; height: 44px; padding: 0; border: 1px solid #dce0d5; border-radius: 50%; background: #fff; color: var(--at-ink); transition: background .16s ease; }
.at-cart-drawer-head > [data-at-cart-close]:hover { background: var(--at-lime); border-color: var(--at-lime); }
.at-cart-drawer-head > [data-at-cart-close] svg { display: block; width: 18px; height: 18px; }
.at-cart-drawer-status { grid-row: 2; display: flex; align-items: center; gap: 10px; margin: 0 28px 17px; padding: 13px 15px; border-radius: 11px; background: #ebeddf; color: #455039; font-size: 12px; font-weight: 700; line-height: 1.6; }
.at-cart-drawer-status.is-success { background: #e5f7b9; color: #283619; }
.at-cart-drawer-status.is-success::before { content: "✓"; display: grid; place-items: center; flex: none; width: 22px; height: 22px; border-radius: 50%; background: var(--at-ink); color: var(--at-lime); font-size: 13px; }
.at-cart-drawer-status.is-error { background: #f5e5d8; color: #684021; }
.at-cart-drawer-content { grid-row: 3; min-height: 0; min-width: 0; padding: 0 28px 24px; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #c8cfc0 transparent; }
.at-cart-items-heading { display: flex; justify-content: space-between; align-items: center; gap: 15px; padding: 6px 0 14px; color: #73786b; font-size: 9px; font-weight: 750; line-height: 1.6; letter-spacing: .13em; }
.at-cart-items-count { padding: 3px 8px; border: 1px solid #dce0d4; border-radius: 20px; color: #52594b; font-size: 10px; font-weight: 650; letter-spacing: 0; }
.at-cart-items { display: grid; gap: 11px; padding: 0; list-style: none; }
.at-cart-item { display: grid; grid-template-columns: 100px minmax(0,1fr); align-items: center; gap: 18px; min-width: 0; padding: 16px; border: 1px solid #e4e7dc; border-radius: 16px; background: #fff; }
.at-cart-item-image { display: flex; align-items: center; justify-content: center; width: 100px; height: 115px; min-width: 0; padding: 8px; border-radius: 10px; background: #fff; }
.at-cart-item-image img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: contain; }
.at-cart-item-copy { min-width: 0; }
.at-cart-item-name { display: inline-block; max-width: 100%; color: #242821; font-size: 13px; font-weight: 750; line-height: 1.5; letter-spacing: -.025em; overflow-wrap: anywhere; }
.at-cart-item-name:hover { color: #6748ba; }
.at-cart-item-details { display: flex; align-items: center; flex-wrap: wrap; gap: 5px 8px; margin-top: 9px; color: #737a6b; font-size: 10px; line-height: 1.6; }
.at-cart-item-quantity { padding: 2px 7px; border-radius: 5px; background: #eef1e7; color: #525b46; font-size: 10px; font-weight: 700; }
.at-cart-item-unit-price .woocommerce-Price-amount { color: #6b7460; }
.at-cart-item-total { margin-top: 10px; color: var(--at-ink); font-size: 19px; font-weight: 750; line-height: 1.3; letter-spacing: -.045em; }
.at-cart-item-total .woocommerce-Price-currencySymbol { margin-right: 1px; }
.at-cart-drawer-footer { grid-row: 4; min-width: 0; padding: 23px 28px 24px; border-top: 1px solid #dfe3d7; background: var(--at-paper); }
.at-cart-drawer-subtotal, .at-cart-subtotal-row, .at-cart-subtotal { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 10px; }
.at-cart-drawer-subtotal > :first-child, .at-cart-subtotal-row > :first-child, .at-cart-subtotal > span { color: #535c47; font-size: 13px; font-weight: 650; letter-spacing: 0; }
.at-cart-subtotal strong { color: var(--at-ink); font-size: 27px; font-weight: 750; line-height: 1.4; letter-spacing: -.055em; }
.at-cart-drawer-footer > p, .at-cart-drawer-note { margin: 8px 0 19px; color: #757c6c; font-size: 10px; line-height: 1.65; }
.at-cart-drawer-footer [data-at-cart-checkout], .at-cart-drawer-footer [data-at-cart-view] { display: flex; align-items: center; justify-content: center; gap: 12px; min-height: 52px; width: 100%; padding: 14px 18px; border: 1px solid transparent; border-radius: 10px; color: var(--at-ink); font-size: 13px; font-weight: 750; line-height: 1.5; transition: background .16s ease, border-color .16s ease; }
.at-cart-drawer-footer [data-at-cart-checkout] { margin-top: 14px; background: var(--at-lime); }
.at-cart-drawer-footer [data-at-cart-checkout]:hover { background: #e1ff77; }
.at-cart-drawer-footer [data-at-cart-view] { margin-top: 10px; border-color: #d3d9c9; background: #fff; }
.at-cart-drawer-footer [data-at-cart-view]:hover { border-color: #aebd97; background: #edf2e5; }
.at-cart-drawer-footer :where([data-at-cart-checkout],[data-at-cart-view]) svg { display: block; width: 17px; height: 17px; }
.at-cart-drawer-footer [aria-disabled="true"] { opacity: .5; cursor: wait; }
.at-cart-drawer-footer > [data-at-cart-close] { display: block; min-height: 37px; margin: 9px auto -8px; padding: 8px 13px; border: 0; background: transparent; color: #67705b; font-size: 10px; font-weight: 650; line-height: 1.5; }
.at-cart-drawer-footer > [data-at-cart-close]:hover { color: #171d11; text-decoration: underline; text-underline-offset: 3px; }
.at-cart-empty { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; min-height: 260px; padding: 20px 12px 60px; text-align: center; }
.at-cart-empty-icon { display: grid; place-items: center; width: 106px; height: 106px; margin-bottom: 25px; border: 1px solid #d2dbbf; border-radius: 35px; background: #e9f2d5; color: #4c6140; transform: rotate(-5deg); }
.at-cart-empty-icon svg { width: 58px; height: 58px; transform: rotate(5deg); }
.at-cart-empty h3 { max-width: 280px; font-size: 29px; font-weight: 750; line-height: 1.15; letter-spacing: -.055em; }
.at-cart-empty p { max-width: 265px; margin-top: 15px; color: #78806e; font-size: 12px; line-height: 1.8; }
.at-cart-empty-browse { min-height: 46px; margin-top: 27px; padding: 12px 25px; border: 0; border-radius: 9px; background: var(--at-lime); color: var(--at-ink); font-size: 12px; font-weight: 750; }
.at-cart-empty-browse:hover { background: #e1ff77; }
.at-cart-recovery { padding: 24px 6px; color: #6e7761; font-size: 14px; line-height: 1.8; }
.at-cart-skeleton { display: grid; gap: 12px; padding-block: 12px; }
.at-cart-skeleton > div { display: flex; align-items: center; gap: 18px; padding: 16px; border: 1px solid #e4e7dc; border-radius: 16px; background: #fff; }
.at-cart-skeleton i { width: 100px; height: 115px; flex: none; border-radius: 10px; background: #ecefe5; }
.at-cart-skeleton span { width: 100%; height: 60px; border-radius: 7px; background: linear-gradient(90deg,#eef0e8 25%,#f8f9f4 50%,#eef0e8 75%); background-size: 200% 100%; animation: at-bag-shimmer 1.5s ease infinite; }
.at-cart-adding { opacity: .8; cursor: wait !important; }
.at-cart-enhanced .added_to_cart.wc-forward { display: none !important; }
@keyframes at-bag-enter { from { opacity: .5; transform: translateX(45px); } to { opacity: 1; transform: translateX(0); } }
@keyframes at-bag-shimmer { to { background-position: -200% 0; } }
@media (max-width: 560px) {
 .at-cart-drawer { inset: 0; width: 100%; height: 100dvh; border: 0; border-radius: 0; }
 .at-cart-drawer-head { padding: 23px 20px 20px; }
 .at-cart-drawer-head h2, #at-cart-drawer-title { font-size: 30px; }
 .at-cart-drawer-status { margin-inline: 20px; padding: 12px 13px; }
 .at-cart-drawer-content { padding-inline: 20px; }
 .at-cart-item { grid-template-columns: 84px minmax(0,1fr); gap: 13px; padding: 13px; border-radius: 13px; }
 .at-cart-item-image { width: 84px; height: 106px; padding: 4px; }
 .at-cart-item-name { font-size: 12px; }
 .at-cart-item-total { font-size: 18px; }
 .at-cart-drawer-footer { padding: 19px 20px max(18px, env(safe-area-inset-bottom)); }
 .at-cart-subtotal strong { font-size: 25px; }
 .at-cart-drawer-footer > p, .at-cart-drawer-note { margin-bottom: 13px; }
 .at-cart-drawer-footer [data-at-cart-checkout], .at-cart-drawer-footer [data-at-cart-view] { min-height: 49px; padding: 12px 16px; }
 .at-cart-empty { padding-bottom: 45px; }
 .at-cart-skeleton i { width: 84px; height: 106px; }
}
@media (max-width: 360px) {
 .at-cart-drawer-head, .at-cart-drawer-content, .at-cart-drawer-footer { padding-inline: 15px; }
 .at-cart-drawer-status { margin-inline: 15px; }
 .at-cart-item { gap: 11px; padding: 11px; grid-template-columns: 70px minmax(0,1fr); }
 .at-cart-item-image { width: 70px; height: 96px; }
 .at-cart-drawer-head h2, #at-cart-drawer-title { font-size: 28px; }
 .at-cart-item-total { font-size: 17px; }
}
@media (prefers-reduced-motion: reduce) {
 .at-cart-drawer[open], .at-cart-skeleton span { animation: none; }
 .at-cart-drawer * { transition: none !important; }
}
