/* MDS Compatible Accessories — admin-only preview. RTL, new MDS look. */
.mdsca-row{display:flex;align-items:center;gap:10px;width:100%;margin:10px 0 0;padding:11px 14px;background:#F4F7FB;border:1px solid var(--border,#E3E6EC);border-radius:12px;font:inherit;font-size:14px;font-weight:600;color:var(--primary,#1B2A4A);cursor:pointer;text-align:right;transition:border-color .18s,box-shadow .18s}
.mdsca-row:hover,.mdsca-row:focus-visible{border-color:var(--primary,#1B2A4A);box-shadow:0 3px 10px rgba(27,42,74,.12);outline:none}
.mdsca-row-ic{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--success,#1B7A3A);color:#fff;font-size:12px;flex-shrink:0}
.mdsca-row-txt{flex:1}
.mdsca-row-chev{font-size:20px;line-height:1;color:var(--muted,#5A6272)}
html.mdsca-lock,html.mdsca-lock body{overflow:hidden}
.mdsca-layer{position:fixed;inset:0;z-index:200;visibility:hidden;pointer-events:none;font-family:"Rubik","Segoe UI",Arial,sans-serif;color:var(--text,#222)}
.mdsca-layer.open{visibility:visible;pointer-events:auto}
.mdsca-scrim{position:absolute;inset:0;background:rgba(15,23,42,.45);opacity:0;transition:opacity .22s}
.mdsca-layer.open .mdsca-scrim{opacity:1}
.mdsca-panel{position:absolute;top:0;bottom:0;left:0;width:420px;max-width:92vw;background:#fff;box-shadow:0 0 40px rgba(15,23,42,.18);padding:18px 18px 22px;overflow-y:auto;transform:translateX(-104%);transition:transform .25s ease-out;direction:rtl}
.mdsca-layer.open .mdsca-panel{transform:none}
.mdsca-grab{display:none}
.mdsca-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:17px;color:var(--primary,#1B2A4A)}
.mdsca-x{border:0;background:#F1F3F7;border-radius:50%;width:34px;height:34px;font-size:15px;cursor:pointer;color:var(--primary,#1B2A4A)}
.mdsca-sub{color:var(--muted,#5A6272);font-size:13px;margin:4px 0 14px}
.mdsca-sec{font-size:13px;font-weight:700;color:var(--muted,#5A6272);margin:16px 0 8px}
.mdsca-card{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--border,#E3E6EC);border-radius:12px;padding:10px;margin-bottom:8px;background:#fff}
.mdsca-card.is-main{border:2px solid var(--primary,#1B2A4A);background:#F8FAFD;padding:12px}
.mdsca-img{flex:0 0 72px;height:72px;border-radius:10px;background:#fff;display:grid;place-items:center;overflow:hidden;border:1px solid #EEF0F4}
.mdsca-card.is-main .mdsca-img{flex-basis:92px;height:92px}
.mdsca-img img{max-width:100%;max-height:100%;object-fit:contain}
.mdsca-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.mdsca-badge{align-self:flex-start;background:var(--success,#1B7A3A);color:#fff;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px}
.mdsca-name{font-size:13.5px;font-weight:600;color:var(--text,#222);text-decoration:none;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mdsca-name:hover{color:var(--action,#0369A1)}
.mdsca-benefit{font-size:12.5px;color:var(--muted,#5A6272);line-height:1.45}
.mdsca-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px}
.mdsca-price{font-weight:800;color:var(--primary,#1B2A4A);font-size:14.5px}
.mdsca-price del{color:#8a91a0;font-weight:400;font-size:12px}
.mdsca-add{border:0;border-radius:9px;background:var(--primary,#1B2A4A);color:#fff;font:inherit;font-size:13px;font-weight:700;padding:8px 14px;cursor:pointer;white-space:nowrap}
.mdsca-add:hover{background:var(--primary-h,#3D5379)}
.mdsca-add.is-loading{opacity:.6}
.mdsca-add.is-added{background:#E8F3EC;color:var(--success,#1B7A3A);cursor:default}
.mdsca-note{font-size:11.5px;color:#8a91a0;margin-top:12px}
.mdsca-ok{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--success,#1B7A3A);color:#fff;font-size:13px;margin-left:6px}
/* popup: centered modal on desktop */
.mdsca-modal .mdsca-panel{top:50%;left:50%;bottom:auto;width:480px;max-height:88vh;border-radius:16px;transform:translate(-50%,-46%);opacity:0;transition:transform .22s ease-out,opacity .22s}
.mdsca-modal.open .mdsca-panel{transform:translate(-50%,-50%);opacity:1}
.mdsca-actions{display:flex;gap:8px;margin-top:14px}
.mdsca-btn{flex:1;display:block;text-align:center;border-radius:10px;padding:12px 10px;font:inherit;font-size:15px;font-weight:700;text-decoration:none;cursor:pointer}
.mdsca-btn-pri{background:var(--primary,#1B2A4A);color:#fff;border:0}
.mdsca-btn-pri:hover{background:var(--primary-h,#3D5379);color:#fff}
.mdsca-btn-sec{background:#fff;color:var(--primary,#1B2A4A);border:1.5px solid var(--primary,#1B2A4A)}
.mdsca-link{display:block;margin:10px auto 0;border:0;background:none;color:var(--action,#0369A1);font:inherit;font-size:13px;cursor:pointer;text-decoration:underline}
/* cart card */
#mdsca-cart-slot .mdsca-cartcard{margin:10px 0}
#mdsca-cart-slot .mdsca-sec{margin:6px 0}
#mdsca-cart-slot .mdsca-card.is-main .mdsca-img{flex-basis:64px;height:64px}
#mdsca-cartpage-slot{max-width:560px;margin:0 0 16px;direction:rtl}
/* mobile: bottom sheet */
@media (max-width:768px){
	.mdsca-panel{top:auto;left:0;right:0;bottom:0;width:auto;max-width:none;max-height:86vh;border-radius:18px 18px 0 0;transform:translateY(104%);padding:8px 14px calc(18px + env(safe-area-inset-bottom))}
	.mdsca-layer.open .mdsca-panel{transform:none}
	.mdsca-grab{display:block;width:44px;height:5px;border-radius:3px;background:#D5DAE3;margin:4px auto 10px}
	.mdsca-modal .mdsca-panel{top:auto;left:0;width:auto;max-height:88vh;border-radius:18px 18px 0 0;transform:translateY(104%);opacity:1}
	.mdsca-modal.open .mdsca-panel{transform:none}
	.mdsca-actions{flex-direction:column}
}
@media (prefers-reduced-motion:reduce){.mdsca-panel,.mdsca-scrim{transition:none}}