/* Empty cart (owner's pick C, 2026-10-30): the cart keeps its shape, with light cards only. */
.ef.ec{--ec-ink:var(--pns-ink,#14210F);--ec-muted:var(--pns-muted,#4A5546);--ec-line:var(--pns-line,#E3E8DE);--ec-line2:var(--pns-line-strong,#CFD8C8);--ec-green:var(--pns-green,#318616);--ec-gdark:var(--pns-green-dark,#1F6B2E);display:grid;gap:14px;text-align:left;color:var(--ec-ink)}
.ec-main{display:grid;gap:14px;min-width:0}
.ec-undo{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px 12px;padding:12px 14px;border-radius:18px;background:#FFF6E5;border:1px solid #F3DDB4;color:#5E3805;font-size:12.5px}
.ec-undo[hidden]{display:none}
.ec-ph{display:flex}
.ec-ph img,.ec-ph i{width:38px;height:38px;border-radius:10px;background:#EFE1C4;border:2px solid #FFF6E5;object-fit:contain;margin-left:-10px}
.ec-ph img{background:#FFFFFF}
.ec-ph>*:first-child{margin-left:0}
.ec-ut{min-width:0}
.ec-ut b{display:block;font-size:14px;color:#3F2603}
.ec-ut small{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ec .ec-back{height:40px;padding:0 14px;border-radius:12px;background:#FFFFFF;border:1.5px solid #E5C48A;color:#3F2603;font:inherit;font-size:13px;font-weight:800;white-space:nowrap;cursor:pointer;transition:transform .15s ease}
.ec .ec-back:active{transform:scale(.97)}
.ec .ec-back:disabled{opacity:.6}
.ec-none{display:grid;justify-items:start;gap:6px;padding:18px;border-radius:22px;background:#FFFFFF;border:1.5px dashed var(--ec-line2)}
.ec-none h2{margin:0!important;font-size:19px!important;line-height:1.3!important}
.ec-none p{margin:0;font-size:13px;color:var(--ec-muted)}
.ec .ec-btn{display:inline-flex;align-items:center;gap:7px;min-height:40px;margin-top:4px;padding:0 14px;border-radius:12px;background:var(--ec-green);color:#FFFFFF!important;font-size:13px;font-weight:800;text-decoration:none!important;transition:transform .15s ease}
.ec .ec-btn:active{transform:scale(.97)}
.ec .ec-btn .ev-i{width:16px;height:16px}
.ef .ec-usual{background:#F4FAEE;border:1px solid #D3E8C2;color:var(--ec-muted)}
.ef .ec-usual b{color:var(--ec-ink)}
.ec-ui{width:38px;height:38px;border-radius:11px;background:#FFFFFF;color:var(--ec-gdark);display:flex;align-items:center;justify-content:center;flex:none}
.ec-ui .ev-i{width:18px;height:18px}
.ef .ec-usual button{background:var(--ec-green);color:#FFFFFF}
.ec-sec{display:grid;gap:10px;min-width:0}
.ec-sec[hidden]{display:none}
.ec-sh{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.ec-sh h3{margin:0!important;font-size:17px!important;line-height:1.3!important}
.ec-sh a{font-size:12.5px;font-weight:800;color:var(--ec-gdark)!important;text-decoration:none!important}
/* one swipeable row of cards */
.ef .ef-grid.ec-row{display:grid;grid-auto-flow:column;grid-auto-columns:150px;grid-template-columns:none;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;padding-bottom:6px}
.ef .ef-grid.ec-row>*{scroll-snap-align:start}
/* the cards arrive after the page shows: keep their row's height ready so nothing below jumps */
.ef .ef-grid.ec-row:not([data-ids=""]){min-height:234px}
.ec-bill{display:grid;gap:10px;align-content:start;padding:16px;border-radius:22px;background:#FFFFFF;border:1px solid var(--ec-line);font-size:13px;color:var(--ec-muted)}
.ec-bill div{display:flex;justify-content:space-between;gap:10px}
.ec-bill b{color:var(--ec-ink)}
.ec-bill .ec-tot{padding-top:10px;border-top:1px solid var(--ec-line);font-size:16px;font-weight:800;color:var(--ec-ink)}
.ec-bill button{height:50px;border:0;border-radius:14px;background:#EEF1EB;color:#6B7166;font:inherit;font-size:15px;font-weight:800;cursor:default}
.ec-bill small{font-size:12px;line-height:1.45}
@media (min-width:900px){
.ef.ec{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:22px}
.ec-bill{position:sticky;top:110px}
.ef .ef-grid.ec-row{grid-auto-columns:180px}
.ef .ef-grid.ec-row:not([data-ids=""]){min-height:274px}
}
@media (prefers-reduced-motion:reduce){.ec *{transition:none!important}}
/* line icons (the order-page styles are not on the cart page) */
.ec .ev-i{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
/* the cart page's old empty box steps aside: our layout is the page */
.wp-block-woocommerce-empty-cart-block:has(.ec){padding:0!important;background:none!important;border:0!important;text-align:left!important}