/* Mini-cart drawer. Separate file so homepage/chrome CSS is untouched. */
.mp-minicart-lock{overflow:hidden}
.mp-minicart{position:fixed;inset:0;z-index:10050;pointer-events:none}
.mp-minicart.is-open{pointer-events:auto}
.mp-minicart-backdrop{position:absolute;inset:0;border:0;background:rgba(22,28,36,.46);opacity:0;cursor:pointer;transition:opacity .2s ease}
.mp-minicart.is-open .mp-minicart-backdrop{opacity:1}
.mp-minicart-panel{
    position:absolute;top:0;right:0;display:flex;flex-direction:column;
    width:min(420px,100%);height:100%;height:100dvh;background:#fff;color:#1c2430;
    box-shadow:-20px 0 48px rgba(22,28,36,.18);transform:translateX(104%);
    transition:transform .28s cubic-bezier(.22,1,.36,1);
    font:14px/1.45 Inter,system-ui,-apple-system,"Segoe UI",sans-serif
}
.mp-minicart.is-open .mp-minicart-panel{transform:translateX(0)}
.mp-minicart-head{
    display:flex;align-items:center;justify-content:space-between;gap:12px;
    flex:0 0 auto;padding:18px 18px 16px;border-bottom:1px solid #f0e7df;background:#fff
}
.mp-minicart-head h2{margin:0;min-width:0;font:700 1.25rem/1.25 Inter,system-ui,sans-serif;letter-spacing:-.02em;color:#1c2430}
.mp-minicart-close{
    display:grid;place-items:center;flex:0 0 auto;width:40px;height:40px;
    border:1px solid #f0e7df;border-radius:12px;background:#fffaf6;color:#1c2430;
    font-size:22px;line-height:1;cursor:pointer
}
.mp-minicart-close:hover{border-color:#f0b89a;color:#e24d00}
.mp-minicart-body{flex:1 1 auto;min-height:0;overflow:auto;padding:14px 14px 8px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.mp-minicart-body::-webkit-scrollbar{width:8px}
.mp-minicart-body::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:99px;background:#efc3a6;background-clip:padding-box}
.mp-minicart-empty{display:grid;place-items:center;min-height:220px;padding:36px 18px;text-align:center;color:#66707c}
.mp-minicart-empty strong{display:block;margin-bottom:6px;color:#1c2430;font-size:1.05rem}
.mp-minicart-empty p{margin:0}
.mp-minicart-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.mp-minicart-item{
    display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:center;
    margin:0;padding:12px;border:1px solid #f1e7df;border-radius:16px;background:#fff
}
.mp-minicart-thumb{
    display:grid;place-items:center;width:72px;height:72px;overflow:hidden;
    border-radius:14px;background:#fff3ea;text-decoration:none
}
.mp-minicart-thumb-img{width:100%;height:100%;object-fit:cover}
.mp-minicart-thumb-fallback{color:#e24d00;font-size:1.35rem;font-weight:700;line-height:1}
.mp-minicart-copy{
    display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name remove" "price .";
    column-gap:12px;row-gap:6px;align-items:start;min-width:0
}
.mp-minicart-name{
    grid-area:name;min-width:0;color:#1c2430;font-weight:700;line-height:1.35;
    text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden
}
.mp-minicart-name:hover{color:#e24d00}
.mp-minicart-price{grid-area:price;align-self:center;justify-self:start;color:#1c2430;font-size:.95rem;font-weight:700;white-space:nowrap}
.mp-minicart-price.is-free{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:4px 10px;border-radius:999px;background:#e5f8dd;color:#177629;font-size:12px;font-weight:700;line-height:1.2;letter-spacing:.01em}
.mp-minicart-remove{
    grid-area:remove;align-self:start;justify-self:end;display:grid;place-items:center;width:36px;height:36px;margin:0;padding:0;
    border:1px solid #f0e7df;border-radius:10px;background:#fff;color:#8d6d5c;cursor:pointer
}
.mp-minicart-remove svg{display:block;width:18px;height:18px}
.mp-minicart-remove:hover{border-color:#f0b89a;background:#fff6f1;color:#e24d00}
.mp-minicart-remove:disabled{opacity:.55;cursor:wait}
.mp-minicart-foot{
    display:grid;gap:10px;flex:0 0 auto;padding:14px 16px calc(16px + env(safe-area-inset-bottom));
    border-top:1px solid #f0e7df;background:#fffaf6
}
.mp-minicart-total{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#5d6874;font-weight:600}
.mp-minicart-total strong{color:#1c2430;font-size:1.15rem;font-weight:700}
.mp-minicart-view,.mp-minicart-checkout{
    display:grid;place-items:center;min-height:48px;border-radius:12px;text-decoration:none;font-weight:700
}
.mp-minicart-view{border:1px solid #eadfd6;color:#1c2430;background:#fff}
.mp-minicart-checkout{background:#e24d00;color:#fff}
.mp-minicart-view:hover{border-color:#e24d00;color:#e24d00}
.mp-minicart-checkout:hover{background:#cf4500}
@media (max-width:768px){
    .mp-minicart-panel{width:100%}
    .mp-minicart-head{padding:16px 14px 14px}
    .mp-minicart-head h2{font-size:1.125rem}
    .mp-minicart-body{padding:12px}
    .mp-minicart-item{grid-template-columns:64px minmax(0,1fr);gap:10px;padding:10px;border-radius:14px}
    .mp-minicart-thumb{width:64px;height:64px;border-radius:12px}
}
@media (max-width:420px){
    .mp-minicart-item{grid-template-columns:56px minmax(0,1fr);gap:10px}
    .mp-minicart-thumb{width:56px;height:56px}
    .mp-minicart-thumb-fallback{font-size:1.15rem}
    .mp-minicart-copy{column-gap:8px}
    .mp-minicart-name{font-size:.9375rem}
    .mp-minicart-price{font-size:.875rem}
    .mp-minicart-price.is-free{padding:4px 9px;font-size:12px}
    .mp-minicart-view,.mp-minicart-checkout{min-height:46px}
}
@media (prefers-reduced-motion:reduce){
    .mp-minicart-backdrop,.mp-minicart-panel{transition:none}
}