/* Interface contract 5: must match the new HTML and script. */
.spc[data-spc-ui-root="5"] { --spc-ui-contract:5; }
.spc-build-status { display:block; margin-block-start:calc(var(--spc-unit, max(16px, 1rem)) * .25); font-size:calc(var(--spc-unit, max(16px, 1rem)) * .75); }
/* Sepahkar's own scoped interface. No theme styles, third-party fonts or graphics are bundled. */
.spc { --spc-ink:#182b32; --spc-muted:#52636a; --spc-line:#cbd5d9; --spc-soft:#f1f5f6; --spc-accent:#086c66;
    color:var(--spc-ink); font:inherit; font-size:calc(var(--spc-unit, max(16px, 1rem)) * 1); line-height:1.65; text-align:start; min-inline-size:0; }
.spc *, .spc *::before, .spc *::after { box-sizing:border-box; }
.spc a { color:var(--spc-accent); text-underline-offset:.18em; }
.spc button, .spc input { font:inherit; }
.spc button, .spc .spc-primary, .spc .spc-entry, .spc-close, .spc-more { display:inline-flex; align-items:center; justify-content:center;
    border:1px solid var(--spc-line); border-radius:calc(var(--spc-unit, max(16px, 1rem)) * .6); background:#fff; color:var(--spc-ink); padding:calc(var(--spc-unit, max(16px, 1rem)) * .55) calc(var(--spc-unit, max(16px, 1rem)) * .85);
    min-block-size:44px; cursor:pointer; text-decoration:none; }
.spc button:hover, .spc a.spc-candidate:hover { background:var(--spc-soft); }
.spc .spc-primary { background:var(--spc-accent); color:#fff; border-color:var(--spc-accent); }
.spc .spc-primary:hover { background:#075b56; }
.spc button:disabled { opacity:.45; cursor:not-allowed; }
.spc :focus-visible { outline:3px solid #ba4b0e; outline-offset:3px; }
.spc input[type=checkbox] { inline-size:calc(var(--spc-unit, max(16px, 1rem)) * 1.2); block-size:calc(var(--spc-unit, max(16px, 1rem)) * 1.2); flex:0 0 calc(var(--spc-unit, max(16px, 1rem)) * 1.2); accent-color:var(--spc-accent); margin:0; }
.spc h1, .spc h2, .spc h3, .spc p { margin:0 0 calc(var(--spc-unit, max(16px, 1rem)) * .7); color:inherit; }
.spc h1 { font-size:clamp(calc(var(--spc-unit, max(16px, 1rem)) * 1.5),3vw,calc(var(--spc-unit, max(16px, 1rem)) * 2.2)); line-height:1.4; }
.spc h2 { font-size:calc(var(--spc-unit, max(16px, 1rem)) * 1.25); line-height:1.4; }
.spc img { max-inline-size:100%; height:auto; object-fit:contain; }
.spc .spc-hint, .spc .spc-missing, .spc .spc-stock { color:var(--spc-muted); font-size:calc(var(--spc-unit, max(16px, 1rem)) * .88); }
.spc-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:calc(var(--spc-unit, max(16px, 1rem)) * .5) calc(var(--spc-unit, max(16px, 1rem)) * 1); margin-block:calc(var(--spc-unit, max(16px, 1rem)) * 1.25); }
.spc-heading h1 { margin:0; }
.spc-heading > a { padding-block:calc(var(--spc-unit, max(16px, 1rem)) * .4); font-size:calc(var(--spc-unit, max(16px, 1rem)) * .9); }
.spc-note { background:#fff7e9; border-inline-start:3px solid #a95110; padding:calc(var(--spc-unit, max(16px, 1rem)) * .65) calc(var(--spc-unit, max(16px, 1rem)) * .8); border-radius:calc(var(--spc-unit, max(16px, 1rem)) * .3); }
.spc-preview-note { font-size:calc(var(--spc-unit, max(16px, 1rem)) * .85); }
.spc-controls { display:flex; flex-wrap:wrap; gap:calc(var(--spc-unit, max(16px, 1rem)) * .6) calc(var(--spc-unit, max(16px, 1rem)) * 1); align-items:center; margin-block:calc(var(--spc-unit, max(16px, 1rem)) * 1); }
.spc-controls p { margin:0; }
.spc-count { font-size:calc(var(--spc-unit, max(16px, 1rem)) * .9); color:var(--spc-muted); }
.spc-difference-control { display:flex; align-items:center; gap:calc(var(--spc-unit, max(16px, 1rem)) * .5); margin-inline-start:auto; cursor:pointer; min-inline-size:0; }
.spc-js-only { display:none!important; }
.spc-ui5-enhanced .spc-js-only { display:flex!important; }
.spc-table-scroll { overflow:auto; max-block-size:75vh; border:1px solid var(--spc-line); border-radius:calc(var(--spc-unit, max(16px, 1rem)) * .8); background:#fff; isolation:isolate; }
.spc .spc-matrix { border-collapse:separate; border-spacing:0; table-layout:fixed; margin:0; inline-size:max-content; min-inline-size:100%; }
.spc-matrix th, .spc-matrix td { text-align:start; vertical-align:top; padding:calc(var(--spc-unit, max(16px, 1rem)) * .85); inline-size:calc(var(--spc-unit, max(16px, 1rem)) * 15.5); min-inline-size:calc(var(--spc-unit, max(16px, 1rem)) * 15.5); max-inline-size:calc(var(--spc-unit, max(16px, 1rem)) * 15.5);
    border:0; border-block-end:1px solid var(--spc-line); border-inline-end:1px solid var(--spc-line); background:#fff; font-weight:400; overflow-wrap:anywhere; }
.spc-matrix tr > :last-child { border-inline-end:0; }
.spc-matrix th[scope=row], .spc-matrix .spc-attribute-head { inline-size:calc(var(--spc-unit, max(16px, 1rem)) * 11); min-inline-size:calc(var(--spc-unit, max(16px, 1rem)) * 11); max-inline-size:calc(var(--spc-unit, max(16px, 1rem)) * 11); font-weight:600;
    position:sticky; inset-inline-start:0; z-index:1; background:#f4f8f8; }
.spc-matrix thead th { position:sticky; inset-block-start:0; z-index:2; background:#f4f8f8; }
.spc-matrix thead .spc-attribute-head { z-index:3; }
.spc .spc-group th { background:#e7eff0; font-weight:700; padding-block:calc(var(--spc-unit, max(16px, 1rem)) * .55); }
.spc-product { display:flex; flex-direction:column; align-items:flex-start; gap:calc(var(--spc-unit, max(16px, 1rem)) * .45); }
.spc .spc-product-link { display:flex; flex-direction:column; align-items:flex-start; gap:calc(var(--spc-unit, max(16px, 1rem)) * .5); text-decoration:none; font-weight:650; color:var(--spc-ink); }
.spc-product img { inline-size:72px; block-size:72px; background:#fff; border-radius:calc(var(--spc-unit, max(16px, 1rem)) * .4); }
.spc-product .spc-stock { margin:0; }
.spc-product-action { padding-block:calc(var(--spc-unit, max(16px, 1rem)) * .15); font-size:calc(var(--spc-unit, max(16px, 1rem)) * .88); }
.spc .spc-remove { display:inline-flex; align-items:center; min-block-size:44px; color:#8a3724; font-size:calc(var(--spc-unit, max(16px, 1rem)) * .85); }
.spc-value { display:block; }
.spc-value + .spc-value { margin-block-start:calc(var(--spc-unit, max(16px, 1rem)) * .2); }
.spc-number { unicode-bidi:isolate; overflow-wrap:anywhere; }
.spc-pair-nav { display:flex; align-items:center; justify-content:space-between; gap:calc(var(--spc-unit, max(16px, 1rem)) * .4); position:sticky; inset-block-start:0;
    z-index:4; background:#f7f9fa; padding-block:calc(var(--spc-unit, max(16px, 1rem)) * .5); }
.spc-pair-nav button { font-size:calc(var(--spc-unit, max(16px, 1rem)) * .85); padding:calc(var(--spc-unit, max(16px, 1rem)) * .5) calc(var(--spc-unit, max(16px, 1rem)) * .7); }
.spc-pair-nav span { text-align:center; }
.spc-focus { border:1px solid var(--spc-line); border-radius:calc(var(--spc-unit, max(16px, 1rem)) * .6); background:#fff; }
.spc .spc-focus-matrix { inline-size:100%; table-layout:fixed; border-collapse:separate; border-spacing:0; margin:0; }
.spc-focus-matrix th, .spc-focus-matrix td { min-inline-size:0; padding:calc(var(--spc-unit, max(16px, 1rem)) * .65); text-align:start; vertical-align:top; overflow-wrap:anywhere;
    border:0; font-weight:400; }
.spc-focus-matrix td { border-block-end:1px solid var(--spc-line); }
.spc-focus-matrix tr > :first-child:not([colspan]) { border-inline-end:1px solid var(--spc-line); }
.spc-focus-matrix thead { position:sticky; inset-block-start:var(--spc-pair-offset,0px); z-index:2; }
.spc-focus-matrix thead th { background:#fff; border-block-end:2px solid var(--spc-accent); }
.spc-focus-matrix .spc-focus-label th { background:var(--spc-soft); font-weight:650; padding-block:calc(var(--spc-unit, max(16px, 1rem)) * .45); }
.spc-focus .spc-product img { inline-size:50px; block-size:50px; }
.spc-focus .spc-product-link { font-size:calc(var(--spc-unit, max(16px, 1rem)) * .88); }
.spc-focus .spc-product { gap:calc(var(--spc-unit, max(16px, 1rem)) * .25); }
.spc-focus .spc-product-action { font-size:calc(var(--spc-unit, max(16px, 1rem)) * .82); }
.spc-empty { padding:calc(var(--spc-unit, max(16px, 1rem)) * 1.4); background:var(--spc-soft); border-radius:calc(var(--spc-unit, max(16px, 1rem)) * .65); }
.spc-modal { position:fixed; inset:0; font:inherit; color:var(--spc-ink); text-align:start; inline-size:min(calc(var(--spc-unit, max(16px, 1rem)) * 48),calc(100vw - calc(var(--spc-unit, max(16px, 1rem)) * 2))); max-inline-size:none;
    block-size:min(680px,88dvh); max-block-size:88dvh; margin:auto; padding:calc(var(--spc-unit, max(16px, 1rem)) * 1.25); background:#fff; border:1px solid var(--spc-line);
    border-radius:calc(var(--spc-unit, max(16px, 1rem)) * .9); box-shadow:0 calc(var(--spc-unit, max(16px, 1rem)) * 1) calc(var(--spc-unit, max(16px, 1rem)) * 4) #132b3438; }
.spc-modal[open] { display:flex; flex-direction:column; overflow:hidden; }
.spc-modal::backdrop { background:#102128a8; }
.spc-modal-head { display:flex; justify-content:space-between; align-items:center; gap:calc(var(--spc-unit, max(16px, 1rem)) * .75); flex:0 0 auto; margin-block-end:calc(var(--spc-unit, max(16px, 1rem)) * .75); }
.spc-modal-head h2 { margin:0; }
.spc-modal form { flex:0 0 auto; }
.spc-search { display:flex; gap:calc(var(--spc-unit, max(16px, 1rem)) * .5); margin-block:0 calc(var(--spc-unit, max(16px, 1rem)) * .8); align-items:stretch; min-inline-size:0; }
.spc-search input { flex:1 1 0; inline-size:100%; min-inline-size:0; font:inherit; background:#fff; color:var(--spc-ink);
    border:1px solid #768991; border-radius:calc(var(--spc-unit, max(16px, 1rem)) * .5); padding:calc(var(--spc-unit, max(16px, 1rem)) * .6) calc(var(--spc-unit, max(16px, 1rem)) * .7); }
.spc-search button { flex:0 0 auto; white-space:nowrap; }
.spc-picker-scroll { min-block-size:0; flex:1 1 auto; overflow:auto; overscroll-behavior:contain; padding:calc(var(--spc-unit, max(16px, 1rem)) * .25); }
.spc .spc-recommendations-title { font-size:calc(var(--spc-unit, max(16px, 1rem)) * .95); margin-block:calc(var(--spc-unit, max(16px, 1rem)) * .1) calc(var(--spc-unit, max(16px, 1rem)) * .6); }
.spc-candidates { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:calc(var(--spc-unit, max(16px, 1rem)) * .6); margin-block:calc(var(--spc-unit, max(16px, 1rem)) * .6); }
.spc a.spc-candidate { display:flex; align-items:center; gap:calc(var(--spc-unit, max(16px, 1rem)) * .65); padding:calc(var(--spc-unit, max(16px, 1rem)) * .7); border:1px solid var(--spc-line); border-radius:calc(var(--spc-unit, max(16px, 1rem)) * .65);
    text-decoration:none; color:var(--spc-ink); overflow-wrap:anywhere; }
.spc-candidate img { flex:0 0 54px; inline-size:54px; block-size:54px; background:#fff; }
.spc-candidate-name { flex:1; min-inline-size:0; font-size:calc(var(--spc-unit, max(16px, 1rem)) * .9); }
.spc-pick-label { flex:0 0 auto; color:var(--spc-accent); font-size:calc(var(--spc-unit, max(16px, 1rem)) * .85); font-weight:650; }
.spc-more { margin-block:calc(var(--spc-unit, max(16px, 1rem)) * .5); }
.spc-back-suggestions { display:inline-flex; padding-block:calc(var(--spc-unit, max(16px, 1rem)) * .3); font-size:calc(var(--spc-unit, max(16px, 1rem)) * .85); }
.spc-entry-wrap { display:block; margin-block:calc(var(--spc-unit, max(16px, 1rem)) * .7); }
.spc .spc-entry[aria-pressed=true] { border-color:var(--spc-accent); background:#e3f4f0; }
.spc-chips { display:flex; flex-wrap:wrap; gap:calc(var(--spc-unit, max(16px, 1rem)) * .5); }
.spc .spc-chip { display:inline-flex; align-items:center; gap:calc(var(--spc-unit, max(16px, 1rem)) * .5); padding:calc(var(--spc-unit, max(16px, 1rem)) * .35) calc(var(--spc-unit, max(16px, 1rem)) * .65); font-size:calc(var(--spc-unit, max(16px, 1rem)) * .9); max-inline-size:100%; overflow-wrap:anywhere; }
.spc-tray { position:fixed; inset-inline:calc(var(--spc-unit, max(16px, 1rem)) * 1); inset-block-end:calc(var(--spc-unit, max(16px, 1rem)) * 1); z-index:9998; display:flex; flex-wrap:wrap; gap:calc(var(--spc-unit, max(16px, 1rem)) * .75); align-items:center;
    background:#fff; padding:calc(var(--spc-unit, max(16px, 1rem)) * 1); border:1px solid var(--spc-line); border-radius:calc(var(--spc-unit, max(16px, 1rem)) * .8); box-shadow:0 calc(var(--spc-unit, max(16px, 1rem)) * .5) calc(var(--spc-unit, max(16px, 1rem)) * 2) #182b3226; }
.spc-tray p { margin:0; font-weight:600; }
.spc-tray .spc-chips { flex:1; }
.spc-tray .spc-chip img { inline-size:30px; block-size:30px; }
.spc-sr { position:absolute!important; inline-size:1px!important; block-size:1px!important; padding:0!important; margin:-1px!important;
    overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
body.spc-standalone { margin:0; background:#f7f9fa; font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.spc-shell { max-inline-size:1440px; margin-inline:auto; padding:clamp(calc(var(--spc-unit, max(16px, 1rem)) * 1),3vw,calc(var(--spc-unit, max(16px, 1rem)) * 2.5)); }
@media (max-width:799px) {
    .spc-shell { padding:calc(var(--spc-unit, max(16px, 1rem)) * 1); }
    .spc-controls { display:grid; grid-template-columns:auto 1fr; gap:calc(var(--spc-unit, max(16px, 1rem)) * .65); }
    .spc-controls .spc-count { justify-self:end; }
    .spc-difference-control { grid-column:1/-1; margin:0; font-size:calc(var(--spc-unit, max(16px, 1rem)) * .9); }
    .spc-matrix th, .spc-matrix td { inline-size:calc(var(--spc-unit, max(16px, 1rem)) * 12); min-inline-size:calc(var(--spc-unit, max(16px, 1rem)) * 12); max-inline-size:calc(var(--spc-unit, max(16px, 1rem)) * 12); padding:calc(var(--spc-unit, max(16px, 1rem)) * .7); }
    .spc-matrix th[scope=row], .spc-matrix .spc-attribute-head { inline-size:calc(var(--spc-unit, max(16px, 1rem)) * 7.5); min-inline-size:calc(var(--spc-unit, max(16px, 1rem)) * 7.5); max-inline-size:calc(var(--spc-unit, max(16px, 1rem)) * 7.5); }
    .spc-modal { padding:calc(var(--spc-unit, max(16px, 1rem)) * .8); inline-size:calc(100vw - calc(var(--spc-unit, max(16px, 1rem)) * 1)); block-size:88dvh; max-block-size:88dvh; }
    .spc-candidates { grid-template-columns:1fr; }
    .spc-heading { align-items:flex-start; flex-direction:column; gap:calc(var(--spc-unit, max(16px, 1rem)) * .1); }
    .spc-search { gap:calc(var(--spc-unit, max(16px, 1rem)) * .35); }
    .spc-search button { padding:calc(var(--spc-unit, max(16px, 1rem)) * .5) calc(var(--spc-unit, max(16px, 1rem)) * .6); }
    .spc-search input { font-size:calc(var(--spc-unit, max(16px, 1rem)) * 1); }
    .spc-tray { inset-inline:calc(var(--spc-unit, max(16px, 1rem)) * .5); inset-block-end:calc(var(--spc-unit, max(16px, 1rem)) * .5); max-block-size:40vh; overflow:auto; }
}
@media (max-height:500px) { .spc-modal { block-size:94dvh; max-block-size:94dvh; } .spc-modal-head { margin-block-end:calc(var(--spc-unit, max(16px, 1rem)) * .4); } }
@media (prefers-reduced-motion:reduce) { .spc *, .spc *::before, .spc *::after { scroll-behavior:auto!important; transition:none!important; animation:none!important; } }
@media print { .spc-controls, .spc-remove, .spc-modal, .spc-tray, .spc-pair-nav { display:none!important; }
    .spc-table-scroll { max-block-size:none; overflow:visible; } }
/* Hidden always wins, including for enhanced controls and the native dialog. */
.spc[hidden], .spc [hidden], .spc-modal:not([open]) { display:none!important; }

/* Public theme integration: scoped spacing, not a theme reset. */
.spc-public-shell{margin:calc(var(--spc-unit, max(16px, 1rem)) * 2) auto calc(var(--spc-unit, max(16px, 1rem)) * 5);position:relative;isolation:isolate}
.spc.spc-entry-wrap{display:inline-flex;position:relative;z-index:2;margin:calc(var(--spc-unit, max(16px, 1rem)) * .5);max-width:calc(100% - calc(var(--spc-unit, max(16px, 1rem)) * 1))}
.spc.spc-entry-wrap .spc-entry{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:calc(var(--spc-unit, max(16px, 1rem)) * .45) calc(var(--spc-unit, max(16px, 1rem)) * .85);border:1px solid currentColor;border-radius:calc(var(--spc-unit, max(16px, 1rem)) * .55);background:#fff;font:inherit;text-decoration:none;line-height:1.5}
.spc.spc-entry-wrap .spc-entry[aria-pressed="true"]{background:#0c6c68;color:#fff}
.spc-public-shell .spc h1,.spc-public-shell .spc h2,.spc-public-shell .spc h3{float:none;position:static}
@media(max-width:640px){.spc-public-shell{margin-top:calc(var(--spc-unit, max(16px, 1rem)) * 1);padding-inline:calc(var(--spc-unit, max(16px, 1rem)) * 1)}}

/* Keep our component readable when a host theme uses a smaller rem scale.
   Do not change the host document root or any site-wide typography. */
.spc,.spc-shell{--spc-unit:max(16px,1rem)}
.spc input[type=checkbox]{appearance:auto;-webkit-appearance:checkbox;display:inline-block;cursor:pointer;vertical-align:middle}
.spc .spc-modal-head h2{font-weight:650}
.spc .spc-difference-control{min-block-size:44px}

/* C03: compact icon entries. No replacement of the approved comparison-page controls. */
.spc.spc-entry-wrap{display:inline-flex;flex:none;position:relative;margin:0;max-width:none;vertical-align:middle;line-height:1}
.spc.spc-entry-wrap .spc-entry-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;inline-size:44px;block-size:44px;min-inline-size:44px;min-block-size:44px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--c-primary,var(--spc-accent));line-height:1;text-decoration:none}
.spc.spc-entry-wrap .spc-entry-icon:hover{background:var(--spc-soft);color:var(--c-secondary,var(--spc-accent))}
.spc.spc-entry-wrap .spc-entry-icon:focus-visible{outline:3px solid var(--spc-accent);outline-offset:2px}
.spc.spc-entry-wrap .spc-entry-icon .spc-compare-symbol{display:block;inline-size:26px;block-size:26px;flex:none;overflow:visible}
.spc.spc-entry-wrap .spc-site-compare-symbol{display:none;font:normal 26px/1 sepahkarIcon;font-style:normal;speak:none;text-transform:none;letter-spacing:0}
.spc.spc-entry-wrap [data-spc-symbol-ready="1"] .spc-site-compare-symbol{display:block}
.spc.spc-entry-wrap [data-spc-symbol-ready="1"] .spc-compare-symbol{display:none}
.spc.spc-entry-wrap .spc-entry-selected{display:none;position:absolute;inset-inline-end:0;inset-block-end:0;inline-size:16px;block-size:16px;border-radius:50%;background:var(--spc-accent);color:#fff;font:700 12px/16px system-ui;text-align:center}
.spc.spc-entry-wrap .spc-entry-icon[aria-pressed="true"]{background:var(--spc-soft);color:var(--spc-accent)}
.spc.spc-entry-wrap .spc-entry-icon[aria-pressed="true"] .spc-entry-selected{display:block}
.tools-single-product > .spc.spc-entry-wrap--single{align-self:center;margin:0}
:is(.product-card,.product-item) > .spc.spc-entry-wrap--archive{position:absolute;inset-block-start:10px;inset-inline-end:10px;z-index:3;background:#fff;border-radius:50%}