/* Side cart drawer (Magento_Theme::html/cart-drawer.phtml) and the phone cart button. Gulf colours, never brand-themed. */
.gt-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(420px,100vw);max-width:100vw;height:100dvh;max-height:none;padding:0;border:0;border-left:1px solid var(--gt-line);background:var(--gt-card);color:var(--gt-ink);font-family:var(--gt-sans);box-shadow:-16px 0 40px rgba(29,26,22,.18)}
.gt-drawer[open]{animation:gt-drawer-in .25s ease-out}
.gt-drawer::backdrop{background:rgba(29,26,22,.45)}
@keyframes gt-drawer-in{from{transform:translateX(100%)}to{transform:none}}
@media (prefers-reduced-motion:reduce){.gt-drawer[open]{animation:none}}
.gt-drawer.is-busy .gt-drawer-items{opacity:.5;pointer-events:none}
.gt-drawer-panel{display:flex;flex-direction:column;height:100%}
.gt-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--gt-line)}
.gt-drawer-head h2{margin:0;font:400 26px/1.1 var(--gt-serif);color:var(--gt-ink)}
.gt-drawer-count{font:500 13px var(--gt-sans);color:var(--gt-muted)}
.gt-drawer-close{width:40px;height:40px;border:0;background:none;font-size:28px;line-height:1;color:var(--gt-ink);cursor:pointer}
.gt-drawer-close:hover{color:var(--gt-bronze-ink)}
.gt-drawer-status{margin:0;padding:12px 24px;background:var(--gt-paper-2);font-size:14px;color:var(--gt-ink)}
.gt-drawer-status:before{content:"✓ ";color:var(--gt-bronze-ink);font-weight:700}
.gt-drawer-items{flex:1;overflow-y:auto;list-style:none;margin:0;padding:0 24px}
.gt-drawer-item{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--gt-line)}
.gt-drawer-item img{flex:none;width:72px;height:72px;object-fit:contain;background:var(--gt-paper-2)}
.gt-drawer-item-body{flex:1;min-width:0}
.gt-drawer-item-name{display:block;font:400 17px/1.25 var(--gt-serif);color:var(--gt-ink);text-decoration:none}
a.gt-drawer-item-name:hover{color:var(--gt-bronze-ink)}
.gt-drawer-item-option{margin:2px 0 0;font-size:13px;color:var(--gt-muted)}
.gt-drawer-item-row{display:flex;align-items:center;justify-content:space-between;margin-top:10px}
.gt-drawer-qty{display:inline-flex;align-items:center;border:1px solid var(--gt-line)}
.gt-drawer-qty button{width:32px;height:32px;border:0;background:none;font-size:18px;color:var(--gt-ink);cursor:pointer}
.gt-drawer-qty button:disabled{color:var(--gt-line);cursor:default}
.gt-drawer-qty span{min-width:28px;text-align:center;font-weight:600;font-size:14px}
.gt-drawer-item-price{font-weight:600;font-size:15px}
.gt-drawer-remove{margin-top:6px;padding:0;border:0;background:none;font-size:12px;color:var(--gt-muted);text-decoration:underline;cursor:pointer}
.gt-drawer-remove:hover{color:var(--gt-ink)}
.gt-drawer-empty{flex:1;padding:32px 24px;text-align:center;color:var(--gt-ink-2)}
.gt-drawer-empty[hidden],.gt-drawer-foot[hidden]{display:none}
.gt-drawer-foot{display:grid;gap:10px;padding:18px 24px calc(18px + env(safe-area-inset-bottom));border-top:1px solid var(--gt-line);background:var(--gt-paper)}
.gt-drawer-subtotal{display:flex;justify-content:space-between;margin:0;font-size:16px}
.gt-drawer-subtotal-value{font-weight:700}
.gt-drawer-note{margin:0 0 4px;font-size:12px;color:var(--gt-muted)}
.gt-drawer-btn{display:flex;align-items:center;justify-content:center;width:100%;height:50px;border:1px solid var(--gt-ink);background:var(--gt-ink);color:var(--gt-paper);font:600 12px var(--gt-sans);letter-spacing:.16em;text-transform:uppercase;text-decoration:none;cursor:pointer}
.gt-drawer-btn:visited{color:var(--gt-paper)}
.gt-drawer-btn:hover{background:var(--gt-bronze-ink);border-color:var(--gt-bronze-ink);color:#fff;text-decoration:none}
.gt-drawer-btn--ghost{background:transparent;color:var(--gt-ink)}
.gt-drawer-viewcart{justify-self:center;font-size:13px;color:var(--gt-bronze-ink)}
.gt-drawer button:focus-visible,.gt-drawer a:focus-visible,.gt-cart-fab:focus-visible{outline:2px solid var(--gt-bronze);outline-offset:2px}

/* Phone cart button: bottom right, only on phones, only once the cart has something in it. */
.gt-cart-fab{display:none}
@media (max-width:767px){
.gt-cart-fab:not([hidden]){display:flex;align-items:center;justify-content:center;position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:900;width:58px;height:58px;border:0;border-radius:50%;background:var(--gt-ink);color:var(--gt-paper);box-shadow:0 8px 22px rgba(29,26,22,.32);cursor:pointer}
.gt-cart-fab svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.gt-cart-fab .gt-cart-count{position:absolute;top:-4px;right:-4px;min-width:24px;height:24px;padding:0 6px;border:2px solid var(--gt-paper);border-radius:999px;background:var(--gt-bronze-ink);color:#fff;font:700 12px/20px var(--gt-sans);text-align:center}
.gt-drawer{width:90vw}
}
/* Already on the cart or in checkout: no button, no drawer. */
.checkout-cart-index .gt-cart-fab,.checkout-index-index .gt-cart-fab{display:none!important}
