/* Sacola: cards dos itens (inc/cart-drawer.php > ej_drawer_items). Mobile-first. */
.ej-drawer .ej-items,.ej-sheet .ej-items{gap:0!important;width:100%;min-width:0}
.ej-ci{display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px;width:100%;box-sizing:border-box;padding:16px 0;border-top:1px solid var(--line);font-family:Inter,sans-serif;color:var(--ink)}
.ej-ci:first-child{border-top:0;padding-top:4px}
.ej-ci__img{width:72px;aspect-ratio:4/5;height:auto;border-radius:12px;background:var(--soft) center/cover no-repeat;border:1px solid var(--line);box-sizing:border-box}
.ej-ci__body{min-width:0;display:flex;flex-direction:column;gap:8px}
.ej-ci__head{display:flex;align-items:flex-start;gap:8px}
.ej-ci__name{flex:1 1 auto;min-width:0;margin:0;font:600 14px/1.3 Inter,sans-serif;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.ej-ci__rm{flex:none;display:grid;place-items:center;width:30px;height:30px;margin:-6px -6px 0 0;padding:0;border:0;border-radius:8px;background:transparent;cursor:pointer;position:relative}
.ej-ci__rm:hover,.ej-ci__rm:focus-visible{background:var(--soft)}
.ej-ci__rm:hover svg{stroke:#b3261e}
.ej-ci__rm::after{content:"";position:absolute;inset:-6px}
.ej-ci__chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.ej-ci__chips li{font:500 11.5px/1 Inter,sans-serif;color:var(--muted);background:var(--soft);border-radius:99px;padding:5px 9px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.ej-ci__chips li.is-2c{color:var(--ink);background:#fff;border:1px solid var(--line);padding:4px 8px}
.ej-ci__pcs{list-style:none;margin:0;padding:8px 10px;display:flex;flex-direction:column;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:10px}
.ej-ci__pcs li{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;font-size:12.5px;line-height:1.25}
.ej-ci__pcs b{font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ej-ci__pcs em{font-style:normal;display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:3px 10px;color:var(--muted);flex:none;max-width:62%}
.ej-ci__pcs em>span{display:inline-flex;align-items:center;gap:5px}
.ej-ci__pcs i{width:10px;height:10px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 1px rgba(16,15,13,.18)}
.ej-ci__pcs small{font-size:12px;white-space:nowrap}
.ej-ci__deal{margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:12px;color:var(--muted)}
.ej-ci__deal mark{background:rgba(46,164,89,.12);color:#1E8A47;font:600 11px/1 Inter,sans-serif;border-radius:6px;padding:4px 7px}
.ej-ci__deal small{font-size:12px}
.ej-ci__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:2px}
.ej-ci__qty{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--line);border-radius:99px;background:var(--surface);flex:none}
.ej-ci__step{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:var(--soft);cursor:pointer;position:relative}
.ej-ci__step:hover{background:var(--line)}
.ej-ci__step::after{content:"";position:absolute;inset:-4px}
.ej-ci__val{min-width:28px;text-align:center;font:600 14px/1 Inter,sans-serif;font-variant-numeric:tabular-nums}
.ej-ci__price{display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right;min-width:0}
.ej-ci__price strong{font:600 16px/1.2 "Bricolage Grotesque",sans-serif;white-space:nowrap}
.ej-ci__price small{font-size:11.5px;color:var(--muted);white-space:nowrap}
/* resumo */
.ej-drawer .ej-summary,.ej-sheet .ej-summary{border-top:1px solid var(--line);gap:8px}
.ej-drawer .ej-no-pix-5-off,.ej-sheet .ej-no-pix-5-off{background:rgba(46,164,89,.08);border-radius:10px;padding:8px 10px;margin-top:2px}
@media (min-width:768px){
 .ej-ci{grid-template-columns:80px minmax(0,1fr);gap:16px}
 .ej-ci__img{width:80px}
}
.ej-ci,.ej-ci *{box-sizing:border-box}
.ej-ci__pcs li:has(em>span+span){align-items:flex-start}
.ej-ci__pcs li:has(em>span+span) em{flex-direction:column;align-items:flex-end}
.ej-ci__rm{margin:-6px 0 0 0}
.ej-ci__rm::after{inset:-4px 0}
/* contador da sacola no cabeçalho (desktop nav-d e mobile header-m) */
.ej-sacola{position:relative}
.ej-sacola .ej-badge[data-ej-count]{position:absolute;top:-6px;right:-6px;left:auto;min-width:20px;height:20px;padding:0 6px;box-sizing:border-box;border-radius:10px;background:var(--magenta);color:#fff;border:2px solid var(--bg);font:700 11px/16px Inter,sans-serif;font-style:normal;text-align:center;font-variant-numeric:tabular-nums;pointer-events:none;z-index:2}
.ej-sacola .ej-badge[data-ej-count][hidden]{display:none}