.cart-drawer{padding:21px 26px 26px;overflow-y:auto;overscroll-behavior:contain;max-width:100%}
.drawer-brand{display:flex;align-items:center;padding:4px 0 16px;border-bottom:1px solid #e7efeb}
.drawer-brand a{display:flex;align-items:center;gap:9px;text-decoration:none;white-space:nowrap}
.drawer-brand .brand-mascot{height:48px;width:auto;object-fit:contain}
.drawer-brand .brand-wordmark{display:flex;gap:5px;font:22px Chewy,sans-serif}
.drawer-brand .brand-purposeful{color:var(--pm-black, #000000)}.drawer-brand .brand-money{color:var(--pm-mint, #20DCC0)}
.cart-drawer .cart-top{padding:15px 0}.cart-drawer .cart-top h2{font-size:31px}
.drawer-count{font:700 12px var(--pm-body-font, "DM Sans"),sans-serif;color:#64736c}
.cart-drawer .close-btn{min-height:44px;min-width:44px}
.order-items{display:flex;flex-direction:column}
.order-item{display:grid;grid-template-columns:80px minmax(0,1fr);gap:13px;padding:19px 0;border-bottom:1px solid #e7efea}
.order-item-picture{height:99px;display:grid;place-items:center;border:1px solid #d4e2db;background:#f4fff9;border-radius:9px;overflow:hidden}
.order-item-picture img{width:100%;height:100%;object-fit:cover}
.order-pdf-placeholder{font:800 15px var(--pm-body-font, "DM Sans"),sans-serif;color:#168b7a}
.order-item-info{min-width:0}
.order-item-title{font:800 15px/1.35 var(--pm-body-font, "DM Sans"),sans-serif;margin:0 0 6px;overflow-wrap:anywhere}
.order-item-description,.order-unit-price{font:600 11px/1.4 var(--pm-body-font, "DM Sans"),sans-serif;color:#64736c;margin:4px 0}
.order-item-controls{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:14px 0 9px}
.order-qty-caption{font:800 11px var(--pm-body-font, "DM Sans"),sans-serif}
.order-qty-stepper{display:flex;align-items:stretch;border:1.5px solid var(--pm-black, #000000);border-radius:8px;overflow:hidden}
.qty-button{width:34px;min-height:36px;border:0;background:#effff9;font:800 18px var(--pm-body-font, "DM Sans"),sans-serif;cursor:pointer}
.qty-button:hover:not(:disabled){background:var(--pm-mint, #20DCC0)}.qty-button:disabled{opacity:.32;cursor:default}
.order-qty-input{appearance:textfield;-moz-appearance:textfield;width:42px;text-align:center;padding:2px;border:0;border-left:1px solid #deebe5;border-right:1px solid #deebe5;font:800 13px var(--pm-body-font, "DM Sans"),sans-serif}
.order-qty-input::-webkit-inner-spin-button,.order-qty-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.order-remove{border:0;background:none;color:#ae3434;text-decoration:underline;text-underline-offset:3px;padding:8px 3px;font:700 11px var(--pm-body-font, "DM Sans"),sans-serif;cursor:pointer}
.order-line-total{display:block;font:800 16px var(--pm-body-font, "DM Sans"),sans-serif;margin-top:8px}
.order-empty{padding:25px 6px;text-align:center;font-size:13px;color:#5d7067}
.order-empty a{color:var(--pm-black, #000000);font-weight:800}
.cart-drawer .cart-total{margin-top:auto;min-height:70px}
.thanks-main{display:grid;place-items:center;min-height:56vh;padding:clamp(52px,8vw,110px) 0}
.thanks-card{width:min(680px,100%);padding:clamp(27px,5vw,54px);border:2px solid var(--pm-black, #000000);border-radius:20px;box-shadow:8px 10px 0 #dffaf3;text-align:center}
.thanks-icon{display:grid;place-items:center;margin:0 auto 23px;width:64px;height:64px;border:2px solid var(--pm-black, #000000);border-radius:50%;background:var(--pm-mint, #20DCC0);font-size:32px}
.thanks-card h1{font:clamp(38px,5vw,58px)/1.08 Chewy,sans-serif;margin:0 0 20px}
.thanks-card p{font-size:14px;line-height:1.7;color:#455a51}
.thanks-ref{padding:12px;border:1px solid #d0e7dd;background:#f3fffb;border-radius:9px;overflow-wrap:anywhere;font-size:12px}
.thanks-links{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:26px}
.thanks-links a{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 18px;text-decoration:none;color:var(--pm-black, #000000);font:800 13px var(--pm-body-font, "DM Sans"),sans-serif;border:2px solid var(--pm-black, #000000);border-radius:10px}
.thanks-links a:first-child{background:var(--pm-mint, #20DCC0)}
@media(max-width:520px){.cart-drawer{padding:16px 17px 22px}.drawer-brand .brand-mascot{height:42px}.drawer-brand .brand-wordmark{font-size:clamp(17px,5vw,22px)}.order-item{grid-template-columns:70px minmax(0,1fr);gap:10px}.order-item-picture{height:86px}.thanks-links a{width:100%}}

/* Compact head-only mascot in the Your Order panel. */
.drawer-brand .brand-mascot{height:46px;width:auto;aspect-ratio:131/118;object-fit:contain}
@media(max-width:520px){.drawer-brand .brand-mascot{height:40px}}