/* Optic Pardaz v2 — design system and page styles.
   Layout: one 1200px column; navy header band, light blue-grey page, white surfaces only where an object needs separating. */
:root{
  --c-ink:#0b1f33;--c-ink-2:#2f4459;--c-muted:#5b6b7d;--c-line:#dbe3eb;--c-line-2:#c6d2de;
  --c-bg:#f4f7fa;--c-surface:#fff;--c-sunk:#eaf0f5;
  --c-brand:#1c72b0;--c-brand-ink:#0f5689;--c-brand-soft:#e4f0f9;
  --c-laser:#ce0d0d;--c-laser-ink:#a50a0a;--c-laser-soft:#fde8e8;
  --c-ok:#1a7346;--c-ok-soft:#e2f3ea;--c-warn:#8a5200;--c-warn-soft:#fbf0dc;
  --f:'OP2 Yekan',Tahoma,'Segoe UI',sans-serif;
  --f-mono:ui-monospace,'Cascadia Mono',Consolas,'Courier New',monospace;
  --r-sm:8px;--r:12px;
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:72px;
  --w:1200px;
  --shadow:0 10px 30px rgba(11,31,51,.12);
}

/* ---------- base ---------- */
html:has(body.op2){overflow-x:clip}
body.op2{overflow-x:clip;margin:0;background:var(--c-bg);color:var(--c-ink);font-family:var(--f);font-size:16px;line-height:1.9;font-feature-settings:"ss02";direction:rtl;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
.op2 *,.op2 *::before,.op2 *::after{box-sizing:border-box}
.op2 img{max-width:100%;height:auto;display:block}
.op2 a{color:var(--c-brand-ink);text-decoration:none}
.op2 a:hover{color:var(--c-brand)}
.op2 h1,.op2 h2,.op2 h3,.op2 h4{font-family:var(--f);color:var(--c-ink);line-height:1.5;margin:0;text-wrap:balance;letter-spacing:0}
.op2 h1{font-size:clamp(26px,3.6vw,38px);font-weight:850}
.op2 h2{font-size:clamp(21px,2.5vw,27px);font-weight:800}
.op2 h3{font-size:17px;font-weight:750}
.op2 p{margin:0}
.op2 ul,.op2 ol{margin:0;padding:0}
.op2 button,.op2 input,.op2 select,.op2 textarea{font:inherit;color:inherit}
.op2 :focus-visible{outline:3px solid var(--c-brand);outline-offset:2px;border-radius:4px}
.op2 [hidden]{display:none!important}
.op2-ltr{direction:ltr;unicode-bidi:isolate;font-family:var(--f-mono);font-size:.88em;font-feature-settings:normal}
.op2-num{font-variant-numeric:tabular-nums}
.op2-tel{direction:ltr;unicode-bidi:isolate;white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.op2-i{flex:none;display:inline-block;vertical-align:middle}
.op2-skip{position:absolute;inset-inline-start:-999px;top:8px;z-index:1000;background:var(--c-ink);color:#fff!important;padding:8px 16px;border-radius:var(--r-sm)}
.op2-skip:focus{inset-inline-start:8px}
.op2-sr,.op2 .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.op2 .woocommerce-Price-currencySymbol{margin-inline-start:4px;font-weight:600;font-size:.8em}
.op2 input::placeholder{font-feature-settings:normal}
.op2-spec-table td,.op2-spec{font-feature-settings:normal}
.op2-wrap{max-width:var(--w);margin-inline:auto;padding-inline:max(16px,env(safe-area-inset-left,0px))}
.op2-main{min-height:50vh}
.op2-section{padding-block:var(--s8) 0}
.op2-section:last-child{padding-bottom:var(--s8)}
.op2-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:var(--s3) var(--s5);margin-bottom:var(--s5)}
.op2-head p{color:var(--c-muted);max-width:62ch;margin-top:var(--s2)}
.op2-eyebrow{display:block;font-size:13px;font-weight:700;color:var(--c-brand-ink);margin-bottom:var(--s1)}
.op2-muted{color:var(--c-muted)}
.op2-grid{display:grid;gap:var(--s4)}
.op2-g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.op2-g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.op2-g4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:980px){.op2-g4{grid-template-columns:repeat(2,minmax(0,1fr))}.op2-g3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.op2-g2,.op2-g3{grid-template-columns:1fr}.op2-g4{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- buttons, chips ---------- */
.op2-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:var(--r-sm);border:1px solid transparent;font-weight:750;font-size:15px;line-height:1.2;cursor:pointer;white-space:nowrap;transition:background-color .15s,border-color .15s,color .15s}
.op2-btn--primary{background:var(--c-brand);color:#fff!important}
.op2-btn--primary:hover{background:var(--c-brand-ink)}
.op2-btn--urgent{background:var(--c-laser);color:#fff!important}
.op2-btn--urgent:hover{background:var(--c-laser-ink)}
.op2-btn--ghost{background:var(--c-surface);border-color:var(--c-line-2);color:var(--c-ink)!important}
.op2-btn--ghost:hover{border-color:var(--c-brand);color:var(--c-brand-ink)!important}
.op2-btn--light{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.35);color:#fff!important}
.op2-btn--light:hover{background:rgba(255,255,255,.18)}
.op2-btn--sm{min-height:36px;padding:0 12px;font-size:13.5px}
.op2-btn--block{width:100%}
.op2-link{display:inline-flex;align-items:center;gap:6px;font-weight:700}
.op2-link .op2-i{transform:scaleX(1)}
.op2-chip{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:700;line-height:1;padding:6px 10px;border-radius:999px;white-space:nowrap}
.op2-chip--ok{background:var(--c-ok-soft);color:var(--c-ok)}
.op2-chip--ask{background:var(--c-warn-soft);color:var(--c-warn)}
.op2-chip--no{background:var(--c-sunk);color:var(--c-muted)}
.op2-chip--info{background:var(--c-brand-soft);color:var(--c-brand-ink)}
.op2-tag{display:inline-block;font-size:12.5px;padding:3px 10px;border-radius:6px;background:var(--c-sunk);color:var(--c-ink-2)}

/* ---------- top bar & header ---------- */
.op2-top{background:var(--c-ink);color:#c9d6e3;font-size:13px}
.op2-top .op2-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 24px;padding-block:7px}
.op2-top a{color:#fff}
.op2-top a:hover{color:#9fd0f5}
.op2-top span{display:inline-flex;align-items:center;gap:6px}
.op2-header{position:sticky;top:0;z-index:50;background:var(--c-surface);border-bottom:1px solid var(--c-line)}
.admin-bar .op2-header{top:32px}
@media (max-width:782px){.admin-bar .op2-header{top:0}}
.op2-header .op2-wrap{display:flex;align-items:center;gap:var(--s4);min-height:72px}
.op2-logo{flex:none;display:block}
.op2 .op2-logo img{height:40px;width:auto}
.op2-nav{flex:none}
.op2-nav>ul{list-style:none;display:flex;gap:2px}
.op2-nav>ul>li{position:relative}
.op2-nav>ul>li>a,.op2-nav>ul>li>button{display:inline-flex;align-items:center;gap:4px;min-height:44px;padding:0 10px;border:0;background:none;color:var(--c-ink);font-weight:750;font-size:15px;cursor:pointer;border-radius:var(--r-sm);white-space:nowrap}
.op2-nav>ul>li>a:hover,.op2-nav>ul>li>button:hover,.op2-nav>ul>li>button[aria-expanded="true"]{background:var(--c-sunk);color:var(--c-brand-ink)}
.op2-nav .op2-i{transition:transform .15s}
.op2-nav button[aria-expanded="true"] .op2-i{transform:rotate(180deg)}
.op2-mega{position:absolute;top:calc(100% + 10px);inset-inline-start:0;min-width:560px;background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r);box-shadow:var(--shadow);padding:var(--s5);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s5)}
.op2-mega h4{font-size:12.5px;font-weight:700;color:var(--c-muted);margin-bottom:var(--s2)}
.op2-mega ul{list-style:none;display:grid;gap:2px}
.op2-mega a{display:flex;justify-content:space-between;gap:8px;padding:7px 10px;border-radius:6px;color:var(--c-ink);font-size:14.5px}
.op2-mega a:hover{background:var(--c-brand-soft);color:var(--c-brand-ink)}
.op2-mega a small{color:var(--c-muted);font-size:12px}
.op2-mega__foot{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:var(--s3);justify-content:space-between;align-items:center;border-top:1px solid var(--c-line);padding-top:var(--s4)}
.op2-mega--narrow{min-width:280px;grid-template-columns:1fr}
.op2-search{position:relative;flex:1 1 220px;max-width:300px;min-width:150px}
.op2-search input{width:100%;height:44px;border:1px solid var(--c-line-2);border-radius:var(--r-sm);background:var(--c-bg);padding:0 40px 0 12px;font-size:14px}
.op2-search input:focus{outline:none;border-color:var(--c-brand);background:#fff;box-shadow:0 0 0 3px var(--c-brand-soft)}
.op2-search button{position:absolute;inset-inline-start:2px;top:2px;width:40px;height:40px;border:0;background:none;color:var(--c-muted);cursor:pointer;display:grid;place-items:center}
.op2-actions{display:flex;align-items:center;gap:4px;flex:none}
.op2-iconbtn{position:relative;display:inline-grid;place-items:center;width:44px;height:44px;border-radius:var(--r-sm);color:var(--c-ink)!important;background:none;border:0;cursor:pointer}
.op2-iconbtn:hover{background:var(--c-sunk)}
.op2-cart-count{position:absolute;top:4px;inset-inline-end:2px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--c-laser);color:#fff;font-size:11px;font-weight:800;line-height:18px;text-align:center}
.op2-track-link{font-size:14px;font-weight:700;padding:0 10px;color:var(--c-ink-2)!important;white-space:nowrap}
.op2 .op2-header .op2-burger{display:none}
.op2-actions{margin-inline-start:auto}
@media (max-width:1380px){.op2-track-link{display:none}}
@media (max-width:1140px){.op2-header .op2-actions>.op2-iconbtn[aria-label="حساب کاربری"]{display:none}.op2-nav>ul>li>a,.op2-nav>ul>li>button{padding:0 8px;font-size:14.5px}}
@media (max-width:980px){
  .op2-nav,.op2-search,.op2-header .op2-btn--primary{display:none}
  .op2 .op2-header .op2-burger{display:inline-grid}
  .op2-header .op2-wrap{min-height:60px;justify-content:space-between}
  .op2 .op2-logo img{height:34px}
}

/* drawer (mobile menu) */
.op2-drawer{position:fixed;inset:0;z-index:200;display:flex}
.op2-drawer__scrim{position:absolute;inset:0;background:rgba(11,31,51,.5)}
.op2-drawer__panel{position:relative;margin-inline-start:auto;width:min(360px,88vw);height:100%;overflow-y:auto;background:var(--c-surface);padding:var(--s4) var(--s4) calc(var(--s7) + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:var(--s4)}
.op2-drawer__top{display:flex;justify-content:space-between;align-items:center}
.op2-drawer .op2-search{flex:none;display:block}
.op2-drawer details{border-bottom:1px solid var(--c-line)}
.op2-drawer summary{list-style:none;display:flex;justify-content:space-between;align-items:center;min-height:48px;font-weight:750;cursor:pointer}
.op2-drawer summary::-webkit-details-marker{display:none}
.op2-drawer details[open] summary .op2-i{transform:rotate(180deg)}
.op2-drawer details ul{list-style:none;padding-bottom:var(--s3);display:grid}
.op2-drawer details a{display:block;padding:8px 4px;color:var(--c-ink-2)}
.op2-drawer>a.op2-drawer__link{display:flex;align-items:center;min-height:48px;border-bottom:1px solid var(--c-line);font-weight:750;color:var(--c-ink)}
@media (prefers-reduced-motion:no-preference){.op2-drawer__panel{animation:op2-slide .2s ease-out}@keyframes op2-slide{from{transform:translateX(100%)}to{transform:none}}}

/* mobile bottom bar */
.op2-bar{display:none}
@media (max-width:980px){
  .op2-bar{position:fixed;inset:auto 0 0;z-index:60;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;background:var(--c-surface);border-top:1px solid var(--c-line);padding:6px max(8px,env(safe-area-inset-left,0px)) calc(6px + env(safe-area-inset-bottom,0px));box-shadow:0 -6px 20px rgba(11,31,51,.08)}
  .op2-bar a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:52px;border-radius:var(--r-sm);font-size:12px;font-weight:750;color:var(--c-ink-2)}
  .op2-bar a.is-main{background:var(--c-brand);color:#fff}
  .op2-bar .op2-cart-count{top:2px;inset-inline-end:calc(50% - 22px)}
  body.op2{padding-bottom:calc(68px + env(safe-area-inset-bottom,0px))}
  .tsa-dify--bottom-right,.tsa-dify{bottom:84px!important}
  #op-v2-badge{top:auto!important;bottom:84px}
}

/* breadcrumbs */
.op2-crumbs{font-size:13.5px;color:var(--c-muted);padding-block:var(--s4) 0}
.op2-crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:4px 8px}
.op2-crumbs li+li::before{content:"›";margin-inline-end:8px;color:var(--c-line-2)}
.op2-crumbs a{color:var(--c-muted)}

/* ---------- hero (home) ---------- */
.op2-hero{position:relative;background:var(--c-ink);color:#dbe6f0;overflow:hidden}
.op2-hero::after{content:"";position:absolute;inset-inline:0;bottom:0;height:2px;background:linear-gradient(to left,transparent 0,var(--c-laser) 35%,transparent 80%);opacity:.85}
.op2-hero .op2-wrap{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:var(--s7);align-items:center;padding-block:var(--s7)}
.op2-hero h1{color:#fff;font-size:clamp(28px,4vw,42px)}
.op2-hero__lede{font-size:17.5px;color:#c4d3e1;max-width:56ch;margin-top:var(--s3)}
.op2-hero__img{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:4/3;background:#132d47}
.op2-hero__img img{width:100%;height:100%;object-fit:cover}
.op2-hero__spec{position:absolute;inset-inline-end:12px;bottom:12px;background:rgba(11,31,51,.82);color:#fff;font-size:12.5px;padding:6px 10px;border-radius:6px;backdrop-filter:blur(4px)}
.op2-doors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3);margin-top:var(--s5)}
.op2-door{display:flex;flex-direction:column;gap:6px;padding:var(--s4);border-radius:var(--r);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);color:#fff!important;transition:background-color .15s,border-color .15s}
.op2-door:hover{background:rgba(255,255,255,.1)}
.op2-door b{display:flex;align-items:center;gap:8px;font-size:17px}
.op2-door span{font-size:14px;color:#b9c9d8}
.op2-door--repair{border-color:rgba(206,13,13,.7);background:rgba(206,13,13,.12)}
.op2-door--repair:hover{background:rgba(206,13,13,.2)}
.op2-door form{display:flex;gap:6px;margin-top:4px}
.op2-door input{flex:1;min-width:0;height:44px;border-radius:var(--r-sm);border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.95);color:var(--c-ink);padding:0 12px;font-size:14px}
.op2-door .op2-btn{min-height:44px}
.op2-proof{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s5);margin-top:var(--s5);font-size:14px;color:#b9c9d8}
.op2-proof b{color:#fff;font-size:18px;font-weight:850;margin-inline-end:4px}
@media (max-width:980px){.op2-hero .op2-wrap{grid-template-columns:1fr;gap:var(--s5);padding-block:var(--s6)}.op2-hero__img{aspect-ratio:16/9;order:-1;display:none}}
@media (max-width:620px){.op2-doors{grid-template-columns:1fr}}

/* symptoms */
.op2-symptoms{display:flex;flex-wrap:wrap;gap:var(--s2)}
.op2-symptom{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;background:var(--c-surface);border:1px solid var(--c-line-2);color:var(--c-ink)!important;font-weight:650;font-size:14.5px}
.op2-symptom:hover{border-color:var(--c-brand);background:var(--c-brand-soft)}
.op2-symptom .op2-i{color:var(--c-laser)}
@media (max-width:620px){.op2-symptoms{flex-wrap:nowrap;overflow-x:auto;margin-inline:-16px;padding-inline:16px;padding-bottom:4px;scrollbar-width:none}.op2-symptom{flex:none}}

/* cards */
.op2-card{display:flex;flex-direction:column;background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r);overflow:hidden;min-width:0;transition:border-color .15s,box-shadow .15s}
a.op2-card,.op2-card--link{color:inherit!important}
a.op2-card:hover,.op2-card--link:hover{border-color:var(--c-line-2);box-shadow:0 6px 20px rgba(11,31,51,.07)}
.op2-card__img{aspect-ratio:16/10;background:var(--c-sunk);overflow:hidden}
.op2-card__img img{width:100%;height:100%;object-fit:cover}
.op2-card__img--contain img{object-fit:contain;padding:var(--s3);mix-blend-mode:multiply}
.op2-card__body{display:flex;flex-direction:column;gap:var(--s2);padding:var(--s4);flex:1}
.op2-card__body p{font-size:14.5px;color:var(--c-muted);line-height:1.8}
.op2-card__foot{margin-top:auto;padding-top:var(--s2);display:flex;flex-wrap:wrap;gap:var(--s2);align-items:center;justify-content:space-between}
.op2-equip{display:flex;align-items:center;gap:var(--s3);padding:var(--s4);background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r);color:var(--c-ink)!important;min-height:76px}
.op2-equip:hover{border-color:var(--c-brand);box-shadow:0 6px 20px rgba(11,31,51,.07)}
.op2-equip__icon{flex:none;width:44px;height:44px;border-radius:10px;background:var(--c-brand-soft);color:var(--c-brand-ink);display:grid;place-items:center}
.op2-equip b{display:block;font-size:15.5px}
.op2-equip small{display:block;color:var(--c-muted);font-size:13px;line-height:1.6}

/* steps (real sequence) */
.op2-steps{list-style:none;display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:var(--s4);counter-reset:s}
.op2-steps li{position:relative;padding:var(--s4);background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r);counter-increment:s}
.op2-steps li::before{content:counter(s,persian);display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--c-ink);color:#fff;font-weight:800;font-size:14px;margin-bottom:var(--s2)}
.op2-steps b{display:block;font-size:15.5px;margin-bottom:4px}
.op2-steps p{font-size:14px;color:var(--c-muted);line-height:1.8}
@media (max-width:980px){.op2-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.op2-steps{grid-template-columns:1fr}}

/* stats & quote */
.op2-trust{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--s5);align-items:stretch}
.op2-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r);overflow:hidden}
.op2-stats div{padding:var(--s5);border-bottom:1px solid var(--c-line);border-inline-start:1px solid var(--c-line)}
.op2-stats div:nth-child(2n+1){border-inline-start:0}
.op2-stats div:nth-last-child(-n+2){border-bottom:0}
.op2-stats b{display:block;font-size:30px;font-weight:900;line-height:1.3;color:var(--c-ink)}
.op2-stats span{color:var(--c-muted);font-size:14px}
.op2-quote{margin:0;background:var(--c-ink);color:#dbe6f0;border-radius:var(--r);padding:var(--s6);display:flex;flex-direction:column;justify-content:space-between;gap:var(--s4)}
.op2-quote p{font-size:16.5px;line-height:2}
.op2-quote cite{font-style:normal;font-size:14px;color:#9fb3c6}
.op2-quote cite b{display:block;color:#fff;font-size:15px}
@media (max-width:860px){.op2-trust{grid-template-columns:1fr}}
.op2-brands{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--s5) var(--s7);padding:var(--s5);background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r)}
.op2-brands img{height:34px;width:auto;filter:grayscale(1);opacity:.8;transition:filter .15s,opacity .15s}
.op2-brands a:hover img{filter:none;opacity:1}

/* CTA band */
.op2-cta{background:var(--c-brand);color:#e9f3fb;border-radius:var(--r);padding:var(--s6);display:flex;flex-wrap:wrap;gap:var(--s4);align-items:center;justify-content:space-between}
.op2-cta h2{color:#fff}
.op2-cta p{margin-top:4px;color:#d4e7f6}
.op2-cta .op2-btn--ghost{border-color:#fff}

/* ---------- footer ---------- */
.op2-footer{margin-top:var(--s8);background:var(--c-ink);color:#b4c4d4;font-size:14.5px}
.op2-footer .op2-wrap{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr));gap:var(--s6);padding-block:var(--s7)}
.op2-footer h3{color:#fff;font-size:15px;margin-bottom:var(--s3)}
.op2-footer ul{list-style:none;display:grid;gap:6px}
.op2-footer a{color:#dbe6f0}
.op2-footer a:hover{color:#9fd0f5}
.op2 .op2-footer__logo{height:38px;width:auto;margin-bottom:var(--s3);filter:brightness(0) invert(1)}
.op2-footer__contact li{display:flex;gap:8px;align-items:flex-start}
.op2-footer__contact .op2-i{margin-top:5px;color:#7fa8cc}
.op2-footer__seal{display:flex;gap:var(--s3);margin-top:var(--s4);flex-wrap:wrap}
.op2-footer__seal img{height:76px;width:auto;background:#fff;border-radius:8px;padding:4px}
.op2-footer__bottom{border-top:1px solid rgba(255,255,255,.1)}
.op2-footer__bottom .op2-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--s2);padding-block:var(--s4);grid-template-columns:none;font-size:13px}
@media (max-width:980px){.op2-footer .op2-wrap{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.op2-footer .op2-wrap{grid-template-columns:1fr;gap:var(--s5)}}

/* ---------- page header (inner pages) ---------- */
.op2-pagehead{background:var(--c-surface);border-bottom:1px solid var(--c-line)}
.op2-pagehead .op2-wrap{padding-block:var(--s2) var(--s6)}
.op2-pagehead h1{margin-top:var(--s3)}
.op2-pagehead p.lede{color:var(--c-muted);font-size:17px;max-width:64ch;margin-top:var(--s2)}

/* ---------- services archive ---------- */
.op2-toolbar{display:flex;flex-wrap:wrap;gap:var(--s3);align-items:center;justify-content:space-between;margin-block:var(--s5) var(--s4)}
.op2-pills{display:flex;flex-wrap:wrap;gap:var(--s2)}
.op2-pill{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--c-line-2);background:var(--c-surface);color:var(--c-ink-2)!important;font-size:14px;font-weight:650}
.op2-pill:hover{border-color:var(--c-brand);color:var(--c-brand-ink)!important}
.op2-pill.is-on{background:var(--c-ink);border-color:var(--c-ink);color:#fff!important}
.op2-pill small{opacity:.7}
.op2-inline-search{display:flex;gap:6px}
.op2-inline-search input{height:42px;min-width:0;width:240px;border:1px solid var(--c-line-2);border-radius:var(--r-sm);padding:0 12px;background:var(--c-surface)}
.op2-svc-meta{list-style:none;display:grid;gap:4px;font-size:13.5px;color:var(--c-ink-2)}
.op2-svc-meta li{display:flex;gap:6px}
.op2-svc-meta span{color:var(--c-muted);flex:none}
.op2-help{display:flex;flex-wrap:wrap;gap:var(--s4);align-items:center;justify-content:space-between;padding:var(--s5);border-radius:var(--r);background:var(--c-brand-soft);border:1px solid #c9def0}
.op2-help h2{font-size:20px}

/* ---------- single service ---------- */
.op2-svc-hero{display:grid;gap:var(--s5);margin-top:var(--s3)}
.op2-svc-hero.has-media{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center}
.op2-svc-hero__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--s4)}
.op2-svc-hero__actions{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s4)}
.op2-svc-hero__media{max-width:460px;width:100%;justify-self:end;border-radius:var(--r);overflow:hidden;background:var(--c-sunk);border:1px solid var(--c-line)}
.op2-svc-hero__media>img{width:100%;aspect-ratio:16/10;object-fit:cover}
.op2-svc-hero__media .op2-video{gap:0}
.op2-svc-hero__media .op2-video__frame{border-radius:0}
@media (max-width:900px){.op2-svc-hero.has-media{grid-template-columns:1fr}.op2-svc-hero__media{max-width:none;justify-self:stretch}}
@media (max-width:480px){.op2-svc-hero__actions .op2-btn{flex:1 1 100%}}
.op2-split{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:var(--s6);align-items:start}
.op2-aside{position:sticky;top:96px;display:grid;gap:var(--s4)}
.admin-bar .op2-aside{top:128px}
@media (max-width:980px){.op2-split{grid-template-columns:1fr}.op2-aside{position:static}}
.op2-box{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r);padding:var(--s5)}
.op2-box h2{font-size:19px;margin-bottom:var(--s3)}
.op2-box h3{margin-bottom:var(--s2)}
.op2-box + .op2-box{margin-top:var(--s4)}
.op2-facts{display:grid;gap:0;margin:0}
.op2-facts div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:var(--s2);padding-block:9px;border-bottom:1px solid var(--c-line);font-size:14.5px}
.op2-facts div:last-child{border-bottom:0}
.op2-facts dt{color:var(--c-muted)}
.op2-facts dd{margin:0;font-weight:650}
.op2-checks{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s2) var(--s4)}
.op2-checks li{display:flex;gap:8px;align-items:flex-start;font-size:15px}
.op2-checks .op2-i{color:var(--c-brand);margin-top:5px}
.op2-checks--warn .op2-i{color:var(--c-laser)}
@media (max-width:620px){.op2-checks{grid-template-columns:1fr}}
.op2-parts{display:grid;gap:var(--s3)}
.op2-parts div{padding:var(--s3) var(--s4);border-radius:var(--r-sm);background:var(--c-bg)}
.op2-parts b{display:block;font-size:15px}
.op2-parts p{font-size:14px;color:var(--c-muted);line-height:1.8}
.op2-brandlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--s3)}
.op2-brandlist div{padding:var(--s3) var(--s4);border:1px solid var(--c-line);border-radius:var(--r-sm)}
.op2-brandlist b{display:block;font-family:var(--f-mono);direction:ltr;text-align:right;font-size:15px}
.op2-brandlist p{font-size:13.5px;color:var(--c-muted);line-height:1.7}
.op2-askcard{background:var(--c-ink);color:#cbd8e5;border-radius:var(--r);padding:var(--s5);display:grid;gap:var(--s3)}
.op2-askcard h2{color:#fff;font-size:18px}
.op2-askcard p{font-size:14px;line-height:1.8}
.op2-askcard .op2-phone{display:flex;align-items:center;gap:8px;color:#fff;font-weight:750;font-size:15px}
.op2-askcard .op2-btn--ghost{background:transparent;color:#fff!important;border-color:rgba(255,255,255,.35)}
.op2-askcard .op2-btn--ghost:hover{border-color:#fff}

/* prose (WordPress content) */
.op2-prose{font-size:16.5px;line-height:2.05;color:var(--c-ink-2);max-width:74ch}
.op2-prose>*+*{margin-top:1em}
.op2-prose h2{font-size:22px;margin-top:1.6em}
.op2-prose h3{font-size:18.5px;margin-top:1.4em}
.op2-prose h4{font-size:16.5px;margin-top:1.2em}
.op2-prose ul,.op2-prose ol{padding-inline-start:1.4em}
.op2-prose li+li{margin-top:.35em}
.op2-prose a{text-decoration:underline;text-underline-offset:3px}
.op2-prose img{border-radius:var(--r-sm);margin-inline:auto}
.op2-prose table{width:100%;border-collapse:collapse;font-size:14.5px;display:block;overflow-x:auto}
.op2-prose th,.op2-prose td{border:1px solid var(--c-line);padding:8px 10px;text-align:right}
.op2-prose th{background:var(--c-sunk)}
.op2-prose blockquote{margin:0;border-inline-start:3px solid var(--c-brand);padding-inline-start:var(--s4);color:var(--c-ink)}
.op2-prose iframe,.op2-prose video{max-width:100%}
.op2-prose .wp-caption{max-width:100%}

/* ---------- repair form ---------- */
.op2-form{display:grid;gap:var(--s5)}
.op2-progress{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;counter-reset:p}
.op2-progress li{counter-increment:p;display:flex;flex-direction:column;gap:6px;font-size:12.5px;font-weight:700;color:var(--c-muted)}
.op2-progress li::before{content:"";height:5px;border-radius:3px;background:var(--c-line)}
.op2-progress li.is-done::before{background:var(--c-brand-soft)}
.op2-progress li.is-done{color:var(--c-brand-ink)}
.op2-progress li.is-on::before{background:var(--c-brand)}
.op2-progress li.is-on{color:var(--c-ink)}
@media (max-width:620px){.op2-progress li span{display:none}.op2-progress li.is-on span{display:inline}}
.op2-step{border:0;margin:0;padding:var(--s5);background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r);display:grid;gap:var(--s4);min-width:0}
.op2-step legend{float:right;width:100%;font-size:19px;font-weight:800;padding:0;margin-bottom:var(--s1)}
.op2-step legend+*{clear:both}
.js .op2-step:not(.is-on){display:none}
.op2-choices{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(170px,100%),1fr));gap:var(--s2)}
@media (max-width:480px){.op2-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.op2-choice span{min-height:48px;padding:8px 10px;font-size:14px}.op2-step{padding:var(--s4)}}
.op2-step legend:focus{outline:none}
.op2-choice{position:relative}
.op2-choice input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.op2-choice span{display:flex;align-items:center;gap:8px;min-height:52px;padding:8px 14px;border:1.5px solid var(--c-line-2);border-radius:var(--r-sm);background:var(--c-surface);font-weight:650;font-size:14.5px;line-height:1.5}
.op2-choice input:checked+span{border-color:var(--c-brand);background:var(--c-brand-soft);color:var(--c-brand-ink)}
.op2-choice input:focus-visible+span{outline:3px solid var(--c-brand);outline-offset:2px}
.op2-choice span::before{content:"";flex:none;width:18px;height:18px;border-radius:50%;border:2px solid var(--c-line-2)}
.op2-choice input[type=checkbox]+span::before{border-radius:4px}
.op2-choice input:checked+span::before{border-color:var(--c-brand);background:var(--c-brand) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/12px no-repeat}
.op2-field{display:grid;gap:6px;min-width:0}
.op2-field label,.op2-field .op2-label{font-weight:700;font-size:14.5px}
.op2-field .req{color:var(--c-laser)}
.op2-field small{color:var(--c-muted);font-size:13px;line-height:1.7}
.op2-field input[type=text],.op2-field input[type=tel],.op2-field input[type=email],.op2-field input[type=search],.op2-field select,.op2-field textarea{width:100%;min-height:46px;border:1px solid var(--c-line-2);border-radius:var(--r-sm);background:var(--c-surface);padding:10px 12px;font-size:15px}
.op2-field textarea{min-height:110px;resize:vertical;line-height:1.9}
.op2-field input:focus,.op2-field select:focus,.op2-field textarea:focus{outline:none;border-color:var(--c-brand);box-shadow:0 0 0 3px var(--c-brand-soft)}
.op2-field.has-error input,.op2-field.has-error select,.op2-field.has-error textarea,.op2-field.has-error .op2-choices{border-color:var(--c-laser)}
.op2-field .op2-err{color:var(--c-laser-ink);font-size:13.5px;font-weight:650;display:flex;gap:6px;align-items:center}
.op2-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4)}
.op2-row--2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:720px){.op2-row,.op2-row--2{grid-template-columns:1fr}}
.op2-drop{display:grid;place-items:center;gap:6px;text-align:center;padding:var(--s5);border:1.5px dashed var(--c-line-2);border-radius:var(--r);background:var(--c-bg);cursor:pointer;color:var(--c-muted);font-size:14px}
.op2-drop:hover,.op2-drop.is-over{border-color:var(--c-brand);background:var(--c-brand-soft)}
.op2-drop b{color:var(--c-ink)}
.op2-drop input{position:absolute;width:1px;height:1px;opacity:0}
.op2-files{list-style:none;display:grid;gap:4px;font-size:13.5px}
.op2-files li{display:flex;gap:6px;align-items:center}
.op2-nav-steps{display:flex;justify-content:space-between;gap:var(--s3);margin-top:var(--s2)}
.op2-nav-steps .op2-btn[data-next],.op2-nav-steps button[type=submit]{margin-inline-start:auto}
.no-js .op2-nav-steps [data-prev],.no-js .op2-nav-steps [data-next]{display:none}
.op2-alert{display:flex;gap:10px;align-items:flex-start;padding:var(--s4);border-radius:var(--r-sm);font-size:14.5px}
.op2-alert--error{background:var(--c-laser-soft);color:var(--c-laser-ink)}
.op2-alert--ok{background:var(--c-ok-soft);color:var(--c-ok)}
.op2-alert--info{background:var(--c-brand-soft);color:var(--c-brand-ink)}
.op2-hp{position:absolute!important;inset-inline-start:-9999px;width:1px;height:1px;overflow:hidden}
.op2-done{text-align:center;display:grid;justify-items:center;gap:var(--s3);padding:var(--s7) var(--s5)}
.op2-done__icon{width:64px;height:64px;border-radius:50%;background:var(--c-ok-soft);color:var(--c-ok);display:grid;place-items:center}
.op2-code{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-mono);direction:ltr;font-size:22px;font-weight:700;letter-spacing:.04em;background:var(--c-bg);border:1px dashed var(--c-line-2);border-radius:var(--r-sm);padding:8px 16px}
.op2-timeline{list-style:none;display:grid;gap:0}
.op2-timeline li{position:relative;padding:0 28px var(--s4) 0;font-size:14.5px}
.op2-timeline li::before{content:"";position:absolute;inset-inline-start:auto;right:5px;top:8px;width:12px;height:12px;border-radius:50%;background:var(--c-line-2)}
.op2-timeline li::after{content:"";position:absolute;right:10px;top:22px;bottom:-2px;width:2px;background:var(--c-line)}
.op2-timeline li:last-child::after{display:none}
.op2-timeline li.is-on::before{background:var(--c-brand);box-shadow:0 0 0 4px var(--c-brand-soft)}
.op2-timeline li.is-done::before{background:var(--c-brand)}
.op2-timeline small{display:block;color:var(--c-muted);font-size:12.5px}

/* ---------- shop ---------- */
.op2-shop{display:grid;grid-template-columns:260px minmax(0,1fr);gap:var(--s5);align-items:start;margin-top:var(--s5)}
.op2-filters{position:sticky;top:96px;display:grid;gap:var(--s3);max-height:calc(100vh - 110px);overflow-y:auto;padding-bottom:var(--s3)}
.admin-bar .op2-filters{top:128px}
.op2-filter{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r);padding:var(--s4)}
.op2-filter h3{font-size:14.5px;margin-bottom:var(--s2)}
.op2-filter ul{list-style:none;display:grid;gap:2px}
.op2-filter a{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:36px;padding:4px 8px;border-radius:6px;color:var(--c-ink-2);font-size:14px}
.op2-filter a:hover{background:var(--c-sunk)}
.op2-filter a.is-on{background:var(--c-brand-soft);color:var(--c-brand-ink);font-weight:750}
.op2-filter a small{color:var(--c-muted);font-size:12px}
.op2-filter a .op2-box-check{flex:none;width:16px;height:16px;border:2px solid var(--c-line-2);border-radius:4px;margin-inline-end:6px}
.op2-filter a.is-on .op2-box-check{background:var(--c-brand);border-color:var(--c-brand)}
.op2-filter .op2-sub{padding-inline-start:14px}
.op2-filters-toggle{display:none}
.op2-active{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--s3)}
.op2-active a{display:inline-flex;align-items:center;gap:4px;font-size:13px;padding:4px 10px;border-radius:999px;background:var(--c-ink);color:#fff!important}
.op2-results{display:flex;flex-wrap:wrap;gap:var(--s3);justify-content:space-between;align-items:center;margin-bottom:var(--s3);font-size:14px;color:var(--c-muted)}
.op2-results select{height:40px;border:1px solid var(--c-line-2);border-radius:var(--r-sm);background:var(--c-surface);padding:0 10px;font-size:14px}
@media (max-width:980px){
  .op2-shop{grid-template-columns:1fr}
  .op2-filters{position:fixed;inset:0 0 0 auto;z-index:210;width:min(340px,90vw);max-height:none;background:var(--c-bg);padding:var(--s4);transform:translateX(105%);transition:transform .2s;box-shadow:var(--shadow);top:0!important}
  .op2-filters.is-open{transform:none}
  .op2-filters-toggle{display:inline-flex}
}
.op2-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4)}
@media (max-width:1100px){.op2-products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.op2-products{gap:var(--s2)}.op2-products .op2-card__body{padding:var(--s3)}}
.op2-pcard .op2-card__img{aspect-ratio:1;background:#fff;border-bottom:1px solid var(--c-line)}
.op2-pcard h3{font-size:15px;line-height:1.7;font-weight:750}
.op2-pcard h3 a{color:var(--c-ink)}
.op2-pcard h3 a::after{content:"";position:absolute;inset:0}
.op2-pcard{position:relative}
.op2-pcard .op2-card__foot{position:relative;z-index:1}
.op2-spec{font-family:var(--f-mono);direction:ltr;text-align:right;font-size:12.5px;color:var(--c-muted);font-feature-settings:normal;line-height:1.6;word-break:break-word}
.op2-specs{display:flex;flex-wrap:wrap;gap:2px 0;margin:0;font-size:13px;line-height:1.7;color:var(--c-ink-2)}
.op2-kv{white-space:nowrap}
.op2-kv__k{color:var(--c-muted)}
.op2-kv__v{font-family:var(--f-mono);font-feature-settings:normal;font-weight:600;color:var(--c-ink);font-size:.95em}
.op2-kv__sep{color:var(--c-line-2);padding-inline:4px}
.op2-keyfeats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--s4);margin:0;padding:var(--s3) var(--s4);background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r)}
.op2-keyfeats div{display:flex;justify-content:space-between;gap:var(--s2);padding-block:7px;border-bottom:1px solid var(--c-line);font-size:14px}
.op2-keyfeats div:nth-last-child(-n+2){border-bottom:0}
.op2-keyfeats dt{color:var(--c-muted)}
.op2-keyfeats dd{margin:0;font-weight:700}
@media (max-width:520px){.op2-keyfeats{grid-template-columns:1fr}.op2-keyfeats div:nth-last-child(2){border-bottom:1px solid var(--c-line)}}
.op2-brandtag{display:inline-flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;border:1px solid var(--c-line);border-radius:999px;background:var(--c-surface);color:var(--c-ink)!important;font-size:13.5px;font-weight:700}
.op2-brandtag img{height:26px;width:auto;max-width:90px;object-fit:contain;border-radius:6px;background:#fff;padding:2px 4px}
.op2-brandtag:hover{border-color:var(--c-brand)}
.op2-brandhead{display:flex;align-items:center;gap:var(--s5);margin-top:var(--s3)}
.op2-brandhead h1{margin-top:0}
.op2-brandhead .op2-brandbox__logo{width:150px;height:86px}
.op2 .op2-brandhead .op2-brandbox__logo img{max-height:66px}
@media (max-width:620px){.op2-brandhead{flex-direction:column;align-items:flex-start;gap:var(--s3)}}
.op2-archive-desc .op2-prose{max-width:none}
.op2-brands-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--s4)}
.op2-brandcard{display:flex;flex-direction:column;align-items:center;gap:var(--s2);padding:var(--s5) var(--s4);text-align:center;background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r);color:var(--c-ink)!important}
.op2-brandcard:hover{border-color:var(--c-brand);box-shadow:0 6px 20px rgba(11,31,51,.07)}
.op2-brandcard__logo{display:grid;place-items:center;width:100%;height:72px}
.op2 .op2-brandcard__logo img{max-height:60px;max-width:160px;width:auto;object-fit:contain}
.op2-brandcard__logo b{font-family:var(--f-mono);font-size:22px;direction:ltr}
.op2-brandcard small{color:var(--c-muted);font-size:13px}
.op2-brandbox__head{display:flex;align-items:center;gap:var(--s4);margin-bottom:var(--s3)}
.op2-brandbox__head h2{margin:0}
.op2-brandbox__logo{flex:none;display:grid;place-items:center;width:120px;height:64px;padding:8px;border:1px solid var(--c-line);border-radius:var(--r-sm);background:#fff}
.op2 .op2-brandbox__logo img{max-height:48px;width:auto;object-fit:contain}
.op2-price{font-weight:850;font-size:16px;color:var(--c-ink)}
.op2-price del{color:var(--c-muted);font-weight:500;font-size:13px}
.op2-price ins{text-decoration:none}
.op2-pcard .op2-v2-status,.op2-pcard .op-v2-status{gap:6px}
.op2 .op-v2-ask{min-height:36px}
.op2 .added_to_cart{font-size:13px;font-weight:700}
.op2 .add_to_cart_button.loading{opacity:.6}
.op2-pager{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:var(--s6)}
.op2-pager .page-numbers{display:inline-grid;place-items:center;min-width:44px;height:44px;padding:0 10px;border-radius:var(--r-sm);border:1px solid var(--c-line-2);background:var(--c-surface);color:var(--c-ink)}
.op2-pager .page-numbers.current{background:var(--c-ink);color:#fff;border-color:var(--c-ink)}
.op2-empty{text-align:center;padding:var(--s7) var(--s4);background:var(--c-surface);border:1px dashed var(--c-line-2);border-radius:var(--r);display:grid;gap:var(--s3);justify-items:center}

/* ---------- single product ---------- */
.op2-product{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s6);align-items:start;margin-top:var(--s4)}
@media (max-width:900px){.op2-product{grid-template-columns:1fr}}
.op2-gallery{display:grid;gap:var(--s2)}
.op2-gallery__main{aspect-ratio:1;background:#fff;border:1px solid var(--c-line);border-radius:var(--r);overflow:hidden;display:grid;place-items:center}
.op2-gallery__main img{width:100%;height:100%;object-fit:contain}
.op2-gallery__thumbs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--s2)}
.op2-gallery__thumbs button{aspect-ratio:1;padding:0;border:1.5px solid var(--c-line);border-radius:var(--r-sm);background:#fff;overflow:hidden;cursor:pointer}
.op2-gallery__thumbs button[aria-current="true"]{border-color:var(--c-brand)}
.op2-gallery__thumbs img{width:100%;height:100%;object-fit:contain}
.op2-gallery__main [hidden]{display:none!important}
.op2-gallery__video{width:100%;align-self:center}
.op2-gallery__video .op2-video{margin:0}
.op2-gallery__video figcaption{display:none}
.op2-gallery__vthumb{position:relative;display:grid;place-items:center}
.op2-gallery__vthumb>span{position:absolute;inset:0;display:grid;place-items:center;color:#fff;background:rgba(9,22,40,.38)}
.op2-buy{display:grid;gap:var(--s4)}
.op2-buy h1{font-size:clamp(22px,2.8vw,30px)}
.op2-buy__code{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s4);align-items:center;font-size:14px;color:var(--c-muted)}
.op2-buy__price{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3);padding:var(--s4);background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r)}
.op2-buy__price .op2-price{font-size:22px}
.op2-buy .cart{display:flex;flex-wrap:wrap;gap:var(--s2);align-items:center;margin:0}
.op2-buy .quantity input{width:76px;height:44px;border:1px solid var(--c-line-2);border-radius:var(--r-sm);text-align:center;font-size:15px}
.op2-buy .quantity .minus,.op2-buy .quantity .plus{width:36px;height:44px;border:1px solid var(--c-line-2);background:var(--c-surface);border-radius:var(--r-sm);cursor:pointer}
.op2-buy .quantity{display:inline-flex;gap:4px;align-items:center}
.op2-buy .single_add_to_cart_button,.op2 .button.alt,.op2 .checkout-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;border-radius:var(--r-sm);border:0;background:var(--c-brand)!important;color:#fff!important;font-weight:750;font-size:15px;cursor:pointer}
.op2-buy .single_add_to_cart_button:hover{background:var(--c-brand-ink)!important}
.op2-buy .variations{width:100%;border-collapse:collapse}
.op2-buy .variations th,.op2-buy .variations td{padding:6px 0;text-align:right;vertical-align:middle}
.op2-buy .variations select{min-height:44px;border:1px solid var(--c-line-2);border-radius:var(--r-sm);padding:0 10px;background:#fff;min-width:200px}
.op2-buy .reset_variations{font-size:13px;margin-inline-start:8px}
.op2-buy .stock{margin:0;font-size:14px;font-weight:700;color:var(--c-ok)}
.op2-buy .stock.out-of-stock{color:var(--c-muted)}
.op2-compat{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:14px}
.op2-compat b{margin-inline-end:4px}
.op2-assure{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s2)}
.op2-assure li{display:flex;gap:8px;align-items:center;font-size:13.5px;padding:var(--s3);border-radius:var(--r-sm);background:var(--c-surface);border:1px solid var(--c-line)}
.op2-assure .op2-i{color:var(--c-brand)}
@media (max-width:520px){.op2-assure{grid-template-columns:1fr}}
.op2-tabs{display:flex;gap:4px;border-bottom:1px solid var(--c-line);overflow-x:auto;scrollbar-width:none;position:sticky;top:72px;z-index:5;background:var(--c-bg)}
.admin-bar .op2-tabs{top:104px}
@media (max-width:980px){.op2-tabs{top:60px}.admin-bar .op2-tabs{top:60px}}
.op2-tabs a{flex:none;display:inline-flex;align-items:center;min-height:48px;padding:0 14px;font-weight:700;color:var(--c-muted);border-bottom:2px solid transparent}
.op2-tabs a:hover{color:var(--c-ink);border-bottom-color:var(--c-brand)}
.op2-spec-table{width:100%;border-collapse:collapse;font-size:15px}
.op2-spec-table th,.op2-spec-table td{padding:11px 12px;border-bottom:1px solid var(--c-line);text-align:right;vertical-align:top}
.op2-spec-table th{width:38%;color:var(--c-muted);font-weight:600}
.op2-spec-table td{font-weight:650}
.op2-spec-table tr:last-child th,.op2-spec-table tr:last-child td{border-bottom:0}
.op2-anchor{scroll-margin-top:140px}

/* checkout: price is confirmed by a sales expert */
.op2 .op2-checkout-note{margin:0 0 var(--s5);padding:var(--s4) var(--s5);border-radius:var(--r);background:var(--c-warn-soft);border:1px solid #ecd3a3;color:var(--c-ink);font-size:15px;line-height:1.9}
.op2 .op2-checkout-note b{display:block;font-size:16.5px;margin-bottom:4px}
.op2 .op2-checkout-note p{margin:0}
.op2 .op2-checkout-note p+p{margin-top:6px;font-size:14px;color:var(--c-ink-2)}
.op2 .op2-submit-note{font-size:13.5px;color:var(--c-muted);line-height:1.8;margin:8px 0}

/* WooCommerce bits inside v2 */
.op2 .woocommerce-message,.op2 .woocommerce-info,.op2 .woocommerce-error{list-style:none;margin:var(--s4) 0;padding:var(--s3) var(--s4);border-radius:var(--r-sm);background:var(--c-brand-soft);color:var(--c-brand-ink);display:flex;flex-wrap:wrap;gap:var(--s3);justify-content:space-between;align-items:center;font-size:14.5px}
.op2 .woocommerce-error{background:var(--c-laser-soft);color:var(--c-laser-ink)}
.op2 .woocommerce-message .button{font-weight:750}
.op2 .woocommerce-Reviews{font-size:15px}
.op2 .woocommerce-Reviews .commentlist{list-style:none;display:grid;gap:var(--s3)}
.op2 .comment-form{display:grid;gap:var(--s3)}
.op2 .comment-form label{font-weight:700;font-size:14px;display:block;margin-bottom:4px}
.op2 .comment-form input[type=text],.op2 .comment-form input[type=email],.op2 .comment-form textarea,.op2 .comment-form select{width:100%;min-height:44px;border:1px solid var(--c-line-2);border-radius:var(--r-sm);padding:8px 12px;background:#fff}
.op2 .comment-form .submit{min-height:44px;padding:0 20px;border:0;border-radius:var(--r-sm);background:var(--c-brand);color:#fff;font-weight:750;cursor:pointer}
.op2 .stars a{font-size:0;display:inline-block;width:22px;height:22px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23c6d2de'%3E%3Cpath d='m12 2 3.1 6.3 6.9 1-5 4.9 1.2 6.8L12 17.8 5.8 21l1.2-6.8-5-4.9 6.9-1z'/%3E%3C/svg%3E") center/20px no-repeat}
.op2 .stars a.active,.op2 .stars:hover a{filter:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23e8a400'%3E%3Cpath d='m12 2 3.1 6.3 6.9 1-5 4.9 1.2 6.8L12 17.8 5.8 21l1.2-6.8-5-4.9 6.9-1z'/%3E%3C/svg%3E")}

/* ---------- videos ---------- */
.op2-videos{display:grid;gap:var(--s3)}
.op2-video{margin:0;display:grid;gap:6px}
.op2-video__frame{position:relative;aspect-ratio:16/9;background:#0b1f33;border-radius:var(--r-sm);overflow:hidden}
.op2-video__frame video,.op2-video__frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000;object-fit:contain}
.op2-video__play{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;cursor:pointer;background:#0b1f33 center/cover no-repeat;color:#fff;display:grid;place-items:center}
.op2-video__play::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(11,31,51,.75),rgba(11,31,51,.15) 55%)}
.op2-video__btn{position:relative;z-index:1;width:68px;height:68px;border-radius:50%;background:var(--c-laser);display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.35);transition:transform .15s}
.op2-video__play:hover .op2-video__btn,.op2-video__play:focus-visible .op2-video__btn{transform:scale(1.08)}
.op2-video__cap{position:absolute;z-index:1;inset-inline:16px;bottom:12px;font-weight:750;font-size:15px;text-align:right;text-shadow:0 1px 4px rgba(0,0,0,.5)}
.op2-video figcaption{font-size:14px;color:var(--c-muted)}
.op2-videos__more{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--s3)}
.op2-videos__more .op2-video__btn{width:48px;height:48px}
.op2-videos__more .op2-video__cap{display:none}
.op2-demo{position:absolute;top:10px;inset-inline-start:10px;z-index:2;background:var(--c-warn-soft);color:var(--c-warn);border:1px solid #e8c98f;font-size:12px;font-weight:800;padding:3px 10px;border-radius:999px;line-height:1.5}
.op2-admin-hint{display:flex;gap:8px;align-items:flex-start;padding:var(--s3) var(--s4);margin-bottom:var(--s4);border:1px dashed var(--c-line-2);border-radius:var(--r-sm);font-size:13.5px;color:var(--c-muted);background:var(--c-surface)}

/* ---------- repair cases ---------- */
.op2-case .op2-card__img{position:relative}
.op2-case__noimg{display:grid;place-items:center;width:100%;height:100%;color:var(--c-line-2);background:var(--c-sunk)}
.op2-metric{display:grid;gap:6px}
.op2-metric__label{font-size:13px;font-weight:700;color:var(--c-muted)}
.op2-metric__vals{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3)}
.op2-metric__vals .op2-i{color:var(--c-muted)}
.op2-metric .is-before{color:var(--c-laser-ink)}
.op2-metric .is-after{color:var(--c-ok)}
.op2-metric--sm{margin-top:auto;padding-top:var(--s3);border-top:1px solid var(--c-line)}
.op2-metric--sm .op2-ltr{font-size:15px;font-weight:700}
.op2-box.op2-metric .op2-metric__vals{gap:var(--s5)}
.op2-box.op2-metric .op2-metric__vals>span{display:grid;gap:2px}
.op2-box.op2-metric small{font-size:12.5px;color:var(--c-muted)}
.op2-box.op2-metric b{font-size:clamp(26px,4vw,36px);font-weight:700}
.op2-case-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--s2)}
.op2-case-gallery img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--r-sm)}

/* ---------- blog ---------- */
.op2-post-meta{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s4);font-size:13.5px;color:var(--c-muted)}
.op2-article{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:var(--s6);align-items:start;margin-top:var(--s5)}
.op2-article__cover{border-radius:var(--r);overflow:hidden;margin-bottom:var(--s5);aspect-ratio:16/9;background:var(--c-sunk)}
.op2-article__cover img{width:100%;height:100%;object-fit:cover}
@media (max-width:980px){.op2-article{grid-template-columns:1fr}}

/* ---------- contact ---------- */
.op2-contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:var(--s5);align-items:start;margin-top:var(--s5)}
@media (max-width:900px){.op2-contact{grid-template-columns:1fr}}
.op2-ways{display:grid;gap:var(--s3)}
.op2-way{display:flex;gap:var(--s3);align-items:center;padding:var(--s4);background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r);color:var(--c-ink)!important}
a.op2-way:hover{border-color:var(--c-brand)}
.op2-way__icon{flex:none;width:44px;height:44px;border-radius:10px;background:var(--c-brand-soft);color:var(--c-brand-ink);display:grid;place-items:center}
.op2-way b{display:block}
.op2-way small{color:var(--c-muted);font-size:13.5px}

/* generic page wrapper keeps old theme styles; keep our shell from inheriting them */
.op2-generic .op2-page-content{padding-block:var(--s5)}
/* The v2 page header replaces an Elementor title block (logo mockup background on «درباره ما»). */
.op2-generic .elementor[data-elementor-type="wp-page"]>.e-con:first-child:has(h1),
.op2-generic .elementor[data-elementor-type="wp-page"]>.elementor-section:first-child:has(h1){display:none!important}
/* Entrance animations wait for scroll events from the old theme; show sections at rest instead. */
.op2-generic .elementor-invisible{visibility:visible!important}
.op2-generic .animated{animation:none!important}
.op2.op2-generic .op2-search input{padding:0 40px 0 12px!important;height:44px!important;border-radius:var(--r-sm)!important;min-width:0!important;width:100%!important;max-width:none!important}
.op2.op2-generic .op2-search{margin:0!important;max-width:300px}
.op2.op2-generic .op2-header form{margin:0}
.op2.op2-generic .op2-header a,.op2.op2-generic .op2-footer a{text-decoration:none}

@media (prefers-reduced-motion:reduce){.op2 *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media print{.op2-header,.op2-top,.op2-bar,.op2-footer{display:none}}

/* ---------- Q&A (/question-answer/) ---------- */
.op2-qahead .op2-wrap{position:relative}
.op2-qasearch{display:flex;gap:var(--s2);margin-top:var(--s4);max-width:640px}
.op2-qasearch input{flex:1;min-width:0;min-height:48px;padding:0 14px;border:1.5px solid var(--c-line-2);border-radius:var(--r-sm);background:var(--c-surface)}
.op2-qasearch input:focus{border-color:var(--c-brand);outline:none}
.op2-qahead__ask{margin-top:var(--s3)}
.op2-qalist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3);align-items:start}
.op2-qalist--one{grid-template-columns:1fr;max-width:860px}
@media (max-width:860px){.op2-qalist{grid-template-columns:1fr}}
.op2-qa{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r);transition:border-color .15s}
.op2-qa[open]{border-color:var(--c-brand)}
.op2-qa summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px var(--s3);padding:var(--s4)}
.op2-qa summary::-webkit-details-marker{display:none}
.op2-qa__q{font-weight:750;line-height:1.8}
.op2-qa__meta{grid-column:1;display:flex;flex-wrap:wrap;gap:6px;font-size:12.5px;color:var(--c-muted)}
.op2-qa__meta span{background:var(--c-sunk);border-radius:999px;padding:2px 10px}
.op2-qa__toggle{grid-column:2;grid-row:1/span 2;align-self:start;width:28px;height:28px;border-radius:50%;background:var(--c-brand-soft);position:relative;flex:none}
.op2-qa__toggle::before,.op2-qa__toggle::after{content:"";position:absolute;inset:0;margin:auto;width:12px;height:2px;background:var(--c-brand-ink);border-radius:2px;transition:transform .2s}
.op2-qa__toggle::after{transform:rotate(90deg)}
.op2-qa[open] .op2-qa__toggle::after{transform:rotate(0)}
.op2-qa__body{padding:0 var(--s4) var(--s4);display:grid;gap:var(--s3);font-size:15px}
.op2-qa__detail{color:var(--c-ink-2);border-inline-start:3px solid var(--c-line);padding-inline-start:var(--s3)}
.op2-qa__answer{background:var(--c-ok-soft);border-radius:var(--r-sm);padding:var(--s3) var(--s4)}
.op2-qa__answer b{color:var(--c-ok);display:block;margin-bottom:2px}
.op2-qa-bottom{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:var(--s5);align-items:start;margin-top:var(--s7)}
@media (max-width:980px){.op2-qa-bottom{grid-template-columns:1fr}}
.op2-ask{display:grid;gap:var(--s4)}
.op2-ask__head{display:grid;gap:var(--s2)}
.op2-ask h2{font-size:21px;margin:0}
.op2-qsingle__head{display:grid;gap:var(--s3);justify-items:start}
.op2-qsingle__head .op2-chip{background:var(--c-brand-soft);color:var(--c-brand-ink)}
.op2-qsingle__q{margin-top:var(--s4)}
.op2-qsingle__img{margin:var(--s4) 0 0;max-width:520px;border:1px solid var(--c-line);border-radius:var(--r);overflow:hidden;background:#fff}
.op2-answer{margin-block:var(--s5);border-color:var(--c-ok);border-inline-start-width:4px}
.op2-answer h2{display:flex;align-items:center;gap:8px;color:var(--c-ok)}

/* ---------- landing pages: used equipment, source packing ---------- */
.op2-lhero__grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:var(--s6);align-items:center;padding-block:var(--s5) var(--s6)}
@media (max-width:980px){.op2-lhero__grid{grid-template-columns:1fr;gap:var(--s5)}}
.op2-lhero .op2-actions{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s4)}
.op2-steps-mini{list-style:none;counter-reset:s;display:grid;gap:var(--s2)}
.op2-steps-mini li{counter-increment:s;display:grid;grid-template-columns:36px minmax(0,1fr);gap:2px var(--s3);align-items:center;background:var(--c-bg);border:1px solid var(--c-line);border-radius:var(--r-sm);padding:var(--s3)}
.op2-steps-mini li::before{content:counter(s,persian);grid-row:1/span 2;width:36px;height:36px;border-radius:50%;background:var(--c-brand);color:#fff;font-weight:800;display:grid;place-items:center}
.op2-steps-mini b{font-size:15px}
.op2-steps-mini span{font-size:13.5px;color:var(--c-muted);line-height:1.6}
.op2-band{background:var(--c-surface);border-block:1px solid var(--c-line)}
.op2-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s4)}
@media (max-width:980px){.op2-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.op2-tiles{grid-template-columns:1fr}}
.op2-tile{border:1px solid var(--c-line);border-radius:var(--r);padding:var(--s4);background:var(--c-bg);display:grid;gap:var(--s2);align-content:start}
.op2-tile p{font-size:14.5px;color:var(--c-ink-2);line-height:1.8}
.op2-listings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s4)}
@media (max-width:1100px){.op2-listings{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:820px){.op2-listings{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:460px){.op2-listings{grid-template-columns:1fr}}
.op2-listing{display:flex;flex-direction:column;background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r);overflow:hidden;min-width:0}
.op2-listing:hover{border-color:var(--c-brand)}
.op2-listing__img{position:relative;aspect-ratio:4/3;background:var(--c-sunk);display:block}
.op2-listing__img img{width:100%;height:100%;object-fit:cover}
.op2-listing__sold{position:absolute;inset-block-start:10px;inset-inline-start:10px;background:var(--c-ink);color:#fff;font-size:12.5px;font-weight:800;padding:4px 10px;border-radius:999px}
.op2-listing.is-sold .op2-listing__img img{filter:grayscale(1);opacity:.6}
.op2-listing__body{padding:var(--s3) var(--s4) var(--s4);display:grid;gap:6px;justify-items:start}
.op2-listing__body .op2-chip{background:var(--c-brand-soft);color:var(--c-brand-ink)}
.op2-listing__body h3{font-size:15.5px;line-height:1.7}
.op2-listing__body h3 a{color:var(--c-ink)}
.op2-listing__meta{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:13px;color:var(--c-muted)}
.op2-listing__meta>span{display:inline-flex;align-items:center;gap:3px}
.op2-listing__price{font-weight:800;color:var(--c-ink)}
.op2-listing__price--lg{font-size:22px}
.op2-listing__soldline{font-weight:800;color:var(--c-laser-ink)}
.op2-pricebox{display:grid;gap:var(--s3);margin-top:var(--s4);padding:var(--s4);background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r)}
.op2-sell-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:var(--s5);align-items:start}
@media (max-width:980px){.op2-sell-grid{grid-template-columns:1fr}}
.op2-sell-grid .op2-form{display:grid;gap:var(--s4);margin-top:var(--s4)}
.op2-ask .op2-form{display:grid;gap:var(--s4)}
.op2-choice--inline span{min-height:0;padding:10px 12px;font-weight:600}
.op2-checklist{list-style:none;display:grid;gap:var(--s2);font-size:14.5px}
.op2-checklist li{display:flex;gap:8px;align-items:flex-start;line-height:1.8}
.op2-checklist li::before{content:"";flex:none;width:18px;height:18px;margin-top:5px;border-radius:50%;background:var(--c-ok-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a7346' stroke-width='3.5'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/11px no-repeat}
.op2-checklist--bad li::before{background:var(--c-laser-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a50a0a' stroke-width='3.5'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E") center/10px no-repeat}
.op2-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s6)}
.op2-two h2{margin-bottom:var(--s4)}
@media (max-width:820px){.op2-two{grid-template-columns:1fr;gap:var(--s5)}}
.op2-warn{border-color:#e7c98f;background:var(--c-warn-soft)}
.op2-warn h2{display:flex;align-items:center;gap:8px;color:var(--c-warn)}
.op2-warn p{font-size:14.5px;line-height:1.9}
.op2-howto{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3)}
@media (max-width:820px){.op2-howto{grid-template-columns:1fr}}
.op2-howto__step{display:grid;grid-template-columns:44px minmax(0,1fr);gap:var(--s3);background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r);padding:var(--s4)}
.op2-howto__n{width:44px;height:44px;border-radius:50%;background:var(--c-ink);color:#fff;font-weight:850;font-size:18px;display:grid;place-items:center}
.op2-howto__step h3{margin-bottom:4px}
.op2-howto__step p{font-size:14.5px;color:var(--c-ink-2);line-height:1.9}
.op2-askcard--wide{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--s5)}
@media (max-width:720px){.op2-askcard--wide{grid-template-columns:1fr}}

/* ---------- articles: video layout, video cards ---------- */
.op2-vhero{margin-top:var(--s4);background:#000;border-radius:var(--r);overflow:hidden}
.op2-vhero .op2-video{margin:0 auto;max-width:1000px}
.op2-vhero figcaption{display:none}
.op2-article--video .op2-article{margin-top:var(--s5)}
.op2-article--video header .op2-chip{background:var(--c-laser-soft);color:var(--c-laser-ink);margin-bottom:var(--s2)}
.op2-article__cover--video .op2-video{margin:0}
.op2-card__img{position:relative}
.op2-card__play{position:absolute;inset-block-end:10px;inset-inline-start:10px;display:inline-flex;align-items:center;gap:4px;background:rgba(11,31,51,.82);color:#fff;font-size:12.5px;font-weight:750;padding:5px 10px 5px 12px;border-radius:999px}
.op2-pills--sub .op2-pill{font-size:13px;min-height:34px}