:root{--scale:0.96;--radius:16px;--radius-sm:12px;--radius-xs:8px;--gap:1rem;--gap-sm:0.75rem;--gap-lg:1.5rem;--padding-base:1rem;--padding-sm:0.75rem;--bg:#f9fafc;--surface:#ffffff;--surface-2:#fefefe;--line:#d4dbe5;--text:#101828;--text-dim:#475569;--muted:#94a3b8;--brand:#f97316;--brand-2:#fb923c;--brand-soft:color-mix(in lab, var(--brand) 12%, transparent);--state-ok:#10b981;--state-warn:#f59e0b;--state-err:#ef4444;--chip-bg:#ffffff;--chip-border:#d1d9e6;--shadow-sm:0 2px 6px rgba(15,23,42,0.06);--shadow-md:0 8px 20px rgba(15,23,42,0.08);--shadow-lg:0 14px 32px rgba(15,23,42,0.12);--core-bg:#fff7ed;--core-bd:#fdba74;--sugg-bg:#ecfeff;--sugg-bd:#67e8f9;--fromp-bg:#eef2ff;--fromp-bd:#a5b4fc;--added-bg:#fefce8;--added-bd:#facc15;--auto-bg:#f0fdf4;--auto-bd:#4ade80}@media (prefers-color-scheme:dark){:root{--bg:#0b1220;--surface:#141b2b;--surface-2:#101828;--line:#2a3244;--text:#e5e7eb;--text-dim:#cbd5e1;--muted:#94a3b8;--chip-bg:#101828;--chip-border:#2a3244;--brand:#fb923c;--brand-2:#fdba74;--brand-soft:color-mix(in lab, var(--brand) 16%, transparent);--core-bg:#301c0d;--core-bd:#fb923c;--sugg-bg:#042f2e;--sugg-bd:#22d3ee;--fromp-bg:#1e1b4b;--fromp-bd:#818cf8;--added-bg:#3a2a0a;--added-bd:#facc15;--auto-bg:#063a2c;--auto-bd:#4ade80}}body{font-family:'IRANSans','Vazir','Tahoma',sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}.mps-wrap{direction:rtl;line-height:1.7;color:var(--text);background:var(--bg);padding:var(--padding-base);border-radius:var(--radius);max-width:1400px;margin:1.5rem auto;position:relative;font-size:clamp(14px, calc(15px * var(--scale)), 16px);box-shadow:var(--shadow-sm);container-type:inline-size}.mps-grid{display:grid;grid-template-columns:1fr 1.4fr 1.3fr;gap:var(--gap-lg)}@container (max-width:1024px){.mps-grid{grid-template-columns:1fr;gap:var(--gap)}}.mps-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow 0.3s ease,transform 0.2s ease}.mps-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.mps-hd{background:linear-gradient(180deg,rgb(0 0 0 / .03),#fff0),linear-gradient(90deg,var(--brand-2),color-mix(in lab,var(--brand-2) 20%,#fff));color:var(--text);padding:var(--padding-sm) 1rem;font-weight:800;font-size:clamp(1rem, 1.3vw, 1.1rem);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}@media (prefers-color-scheme:dark){.mps-hd{background:linear-gradient(180deg,rgb(255 255 255 / .03),#fff0),linear-gradient(90deg,color-mix(in lab,var(--brand-2) 50%,#000),#1a1f2b)}}.mps-bd{padding:var(--padding-base)}@container (max-width:768px){.mps-card{border-radius:var(--radius-sm);margin-bottom:var(--gap)}.mps-hd{padding:.6rem .85rem;font-size:1rem}.mps-bd{padding:var(--padding-sm)}}.mps-field{margin-bottom:var(--gap)}.mps-field:last-child{margin-bottom:0}.mps-field label{display:block;margin-bottom:.5rem;font-weight:700;color:var(--text-dim);font-size:.95rem}.mps-row{display:flex;gap:var(--gap-sm);align-items:center;flex-wrap:wrap}.mps-row .col{flex:1 1 200px;min-width:160px}.mps-field input[type="text"],.mps-field input[type="tel"],.mps-field input[type="email"],.mps-field input[type="number"],.mps-field input[type="search"],.mps-field select{width:100%;border:1px solid var(--chip-border);border-radius:var(--radius-sm);padding:.65rem .9rem;background:var(--chip-bg);color:var(--text);font-size:.95rem;transition:border-color 0.25s ease,box-shadow 0.25s ease,background 0.25s ease}.mps-field input:focus,.mps-field select:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft);outline:none}@container (max-width:480px){.mps-field input,.mps-field select{padding:.55rem .8rem;font-size:.9rem}.mps-row .col{flex:1 1 100%;min-width:100%}}.mps-attrs{display:flex;flex-wrap:wrap;gap:var(--gap-sm)}.mps-chip{display:inline-flex;align-items:center;gap:.6rem;border:1px solid var(--chip-border);padding:.55rem .9rem;border-radius:999px;background:var(--chip-bg);cursor:pointer;font-weight:600;font-size:.9rem;transition:background 0.2s ease,border-color 0.2s ease,box-shadow 0.2s ease,transform 0.15s ease;box-shadow:0 1px 2px rgb(0 0 0 / .05)}.mps-chip:hover{background:#f3f5f9;transform:translateY(-1px)}@media (prefers-color-scheme:dark){.mps-chip:hover{background:#1a2233}}.mps-chip input{margin:0;accent-color:var(--brand);width:1.2rem;height:1.2rem}.mps-chip-hint{color:var(--muted);font-size:.85rem;margin-top:.3rem}.mps-chip:has(input:checked),.mps-chip.is-checked{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-soft)}@container (max-width:480px){.mps-chip{padding:.5rem .8rem;font-size:.85rem;gap:.5rem}.mps-chip input{width:1.1rem;height:1.1rem}}.mps-accordions details{margin-bottom:var(--gap-sm);border-radius:var(--radius-sm);overflow:hidden}.mps-accordions summary{background:var(--surface-2);padding:.7rem .9rem;border-radius:var(--radius-sm);border:1px solid var(--line);cursor:pointer;display:flex;align-items:center;gap:.7rem;font-weight:700;font-size:.95rem;transition:background 0.2s ease,border-color 0.2s ease,transform 0.15s ease}.mps-accordions summary:hover{transform:translateY(-1px)}.mps-accordions summary::-webkit-details-marker,.mps-accordions summary::marker{display:none}.mps-accordions summary .mps-icon{font-size:.95rem;transition:transform 0.3s ease}.mps-accordions details[open] summary .mps-icon{transform:rotate(90deg)}.mps-acc-body{padding:.9rem;background:var(--surface);border:1px solid var(--line);border-top:0;border-radius:0 0 var(--radius-sm) var(--radius-sm)}.mps-accordions details.mps-group-core summary{background:var(--core-bg);border-color:var(--core-bd);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--core-bd),transparent 60%)}.mps-accordions details.mps-group-suggest summary{background:var(--sugg-bg);border-color:var(--sugg-bd);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sugg-bd),transparent 60%)}.mps-accordions details.mps-group-from-product summary{background:var(--fromp-bg);border-color:var(--fromp-bd);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--fromp-bd),transparent 62%)}.mps-accordions details.mps-group-added summary{background:var(--added-bg);border-color:var(--added-bd);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--added-bd),transparent 60%)}.mps-accordions details.mps-group-auto summary{background:var(--auto-bg);border-color:var(--auto-bd);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--auto-bd),transparent 60%)}@container (max-width:480px){.mps-accordions summary{padding:.6rem .8rem;font-size:.9rem}.mps-acc-body{padding:.7rem .8rem}}#mps-tree .mps-field{margin:.4rem 0}#mps-tree .mps-chip{background:var(--chip-bg);padding:.5rem .8rem;border-radius:var(--radius-xs);gap:.6rem}#mps-tree input[type="radio"]{accent-color:var(--brand);width:1.2rem;height:1.2rem}#mps-tree details{margin-bottom:var(--gap-sm)}#mps-tree summary{background:var(--surface-2);padding:.7rem .9rem;border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;gap:.7rem;font-weight:700;font-size:.95rem}#mps-tree summary:hover{background:#f4f6fb}@media (prefers-color-scheme:dark){#mps-tree summary:hover{background:#1a2233}}#mps-tree summary::-webkit-details-marker,#mps-tree summary::marker{display:none}#mps-tree .mps-icon{font-size:.9rem;transition:transform 0.3s ease}#mps-tree details[open] .mps-icon{transform:rotate(90deg)}#mps-tree .mps-acc-body{padding:.7rem .8rem;background:var(--surface);border:1px solid var(--line);border-radius:0 0 var(--radius-sm) var(--radius-sm)}@container (max-width:480px){#mps-tree .mps-chip{padding:.45rem .7rem;font-size:.85rem}#mps-tree summary{padding:.6rem .8rem;font-size:.9rem}#mps-tree .mps-acc-body{padding:.6rem .7rem}}.mps-product-card{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:.9rem;padding:.8rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);position:relative}.mps-product-card::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px rgb(249 115 22 / .16)}.mps-product-img{width:64px;height:64px;object-fit:cover;border-radius:var(--radius-xs);border:1px solid var(--line)}.mps-product-details{display:flex;flex-direction:column;gap:.3rem}.mps-product-details a{font-weight:700;color:var(--text);text-decoration:none;line-height:1.4}.mps-product-details a:hover{text-decoration:underline;color:var(--brand)}.mps-price{white-space:nowrap;font-weight:900;color:var(--brand);letter-spacing:.05px;font-size:1.05rem}@container (max-width:480px){.mps-product-card{grid-template-columns:56px 1fr;gap:.7rem;padding:.7rem}.mps-product-img{width:56px;height:56px}.mps-price{font-size:.95rem}}.mps-addon-row{border:1px dashed var(--line);border-radius:var(--radius-sm);padding:.7rem .8rem;margin-bottom:var(--gap-sm);background:var(--surface-2)}.mps-addon-check{display:inline-flex;align-items:center;gap:.6rem;font-weight:700;font-size:.95rem}.mps-addon-desc{margin:.4rem 0 .5rem;color:var(--muted);font-size:.9rem}.mps-addon-meta{display:flex;align-items:center;gap:1rem;justify-content:space-between;flex-wrap:wrap}.mps-addon-price{font-weight:800;color:var(--text-dim)}.mps-addon-qty{display:inline-flex;align-items:center;gap:.6rem}.mps-qty{display:inline-grid;grid-template-columns:36px 60px 36px;align-items:center;border:1px solid var(--chip-border);border-radius:999px;overflow:hidden;background:var(--surface)}.mps-qty-btn{background:#f3f5f9;border:none;height:38px;width:36px;cursor:pointer;font-weight:800;line-height:1;display:flex;align-items:center;justify-content:center;transition:background 0.2s ease,transform 0.15s ease}.mps-qty-btn:hover{background:#e8ecf4;transform:translateY(-1px)}@media (prefers-color-scheme:dark){.mps-qty-btn{background:#1b2436}.mps-qty-btn:hover{background:#22304a}}.mps-qty-input{width:60px;height:38px;text-align:center;border:none;background:#fff0;color:var(--text);font-weight:700;font-size:.95rem}.mps-qty-input:focus{outline:none}.mps-qty-cap{color:var(--muted);font-size:.85rem}@container (max-width:480px){.mps-addon-row{padding:.6rem .7rem}.mps-addon-check{font-size:.9rem;gap:.5rem}.mps-qty{grid-template-columns:32px 50px 32px}.mps-qty-btn{height:34px;width:32px}.mps-qty-input{width:50px;height:34px;font-size:.9rem}}.mps-table,.mps-table--totals{width:100%;border-collapse:separate;border-spacing:0;border-radius:var(--radius-sm);overflow:hidden;box-shadow:var(--shadow-sm);background:var(--surface-2)}.mps-table--totals tbody tr td,.mps-table tbody tr td{padding:.6rem .9rem;background:#fff0;font-weight:700;font-size:.95rem;text-align:right}.mps-table--totals tbody tr+tr td,.mps-table tbody tr+tr td{border-top:1px dashed var(--line)}.mps-table--totals tbody td:last-child,.mps-table tbody td:last-child{text-align:left;font-weight:900;color:var(--brand)}.mps-table--totals tbody td:first-child{color:var(--text-dim)}#mps-subtotal,#mps-total{font-variant-numeric:tabular-nums}.mps-table--totals{border:1px solid var(--brand-soft);background:color-mix(in lab,var(--brand) 5%,var(--surface))}.mps-summary-items{margin-top:.75rem;padding:.7rem .8rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm)}.mps-summary-hd{font-weight:700;font-size:.95rem;color:var(--text-dim);margin-bottom:.5rem}.mps-summary-list{list-style:none;padding:0;margin:0}.mps-sum-item{display:flex;justify-content:space-between;align-items:center;padding:.4rem 0;font-size:.9rem;border-bottom:1px dashed var(--line)}.mps-sum-item:last-child{border-bottom:none}.mps-sum-title{font-weight:600;color:var(--text);flex:1}.mps-sum-qty{font-weight:700;color:var(--brand);min-width:60px;text-align:left}@container (max-width:480px){.mps-table--totals tbody tr td,.mps-table tbody tr td{padding:.5rem .7rem;font-size:.9rem}.mps-summary-items{padding:.6rem .7rem}.mps-sum-item{font-size:.85rem}.mps-sum-qty{min-width:50px}}.mps-price-anim{display:inline-block;transition:opacity 0.3s ease,transform 0.3s ease}.mps-price-anim.enter{opacity:0;transform:translateY(5px)}.mps-price-anim.enter-active{opacity:1;transform:translateY(0)}.mps-actions{display:flex;gap:var(--gap-sm);margin-top:1rem;flex-wrap:wrap;justify-content:flex-end}.mps-btn{background:linear-gradient(135deg,#1f2937,#3f4b59);color:#fff;border:none;border-radius:var(--radius-sm);padding:.7rem 1.2rem;cursor:pointer;font-weight:800;font-size:.95rem;transition:transform 0.2s ease,box-shadow 0.25s ease,filter 0.2s ease;box-shadow:var(--shadow-sm)}.mps-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);filter:brightness(1.1)}.mps-btn.secondary{background:linear-gradient(135deg,#6b7280,#8b95a5)}.mps-btn#add-to-cart{background:linear-gradient(135deg,var(--state-ok),color-mix(in srgb,var(--state-ok) 80%,#000));font-size:1rem;padding:.75rem 1.3rem;box-shadow:var(--shadow-md)}.mps-btn#add-to-cart:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}@media (prefers-color-scheme:dark){.mps-btn{background:linear-gradient(135deg,#2b3646,#445164)}.mps-btn.secondary{background:linear-gradient(135deg,#424b5b,#5a6678)}.mps-btn#add-to-cart{background:linear-gradient(135deg,var(--state-ok),color-mix(in srgb,var(--state-ok) 80%,#fff))}}@container (max-width:480px){.mps-actions{flex-direction:column;gap:.5rem}.mps-btn{padding:.6rem 1rem;font-size:.9rem;width:100%;text-align:center}.mps-btn#add-to-cart{padding:.7rem 1rem}}.mps-msg{display:none;margin-top:var(--gap);padding:.7rem .9rem;border-radius:var(--radius-sm);background:color-mix(in lab,var(--state-ok) 10%,transparent);color:var(--text);border:1px solid color-mix(in lab,var(--state-ok) 25%,transparent);font-weight:700;opacity:0;transition:opacity 0.3s ease}.mps-msg.show{display:block;opacity:1}.mps-msg.is-error{background:color-mix(in lab,var(--state-err) 10%,transparent);border-color:color-mix(in lab,var(--state-err) 25%,transparent)}@container (max-width:480px){.mps-msg{padding:.6rem .8rem;font-size:.9rem}}.mps-loading{display:none;position:absolute;inset:0;background:rgb(17 24 39 / .1);align-items:center;justify-content:center;z-index:1000}.mps-spinner{width:36px;height:36px;border:3px solid var(--brand);border-top-color:#fff0;border-radius:50%;animation:mpsSpin 1s linear infinite}@keyframes mpsSpin{to{transform:rotate(360deg)}}@container (max-width:480px){.mps-spinner{width:32px;height:32px}}:focus-visible{outline:3px solid var(--brand);outline-offset:2px;border-radius:var(--radius-xs)}.mps-row-flash{animation:mpsFlash 0.6s ease}@keyframes mpsFlash{from{background:rgb(249 115 22 / .2)}to{background:#fff0}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#e8ecf4;border-radius:8px}::-webkit-scrollbar-thumb{background:#b9c1cf;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#98a2b3}@media (prefers-color-scheme:dark){::-webkit-scrollbar-track{background:#151c2a}::-webkit-scrollbar-thumb{background:#475569}::-webkit-scrollbar-thumb:hover{background:#64748b}}details>summary .mps-icon{margin-inline-start:.4rem}@media (hover:none){.mps-chip,.mps-btn,.mps-qty-btn{min-height:44px}}@container (max-width:360px){.mps-wrap{padding:var(--padding-sm);margin:1rem .5rem}.mps-bd{padding:.6rem}.mps-hd{padding:.5rem .7rem;font-size:.95rem}.mps-chip{padding:.4rem .6rem}}