/* V58: quick PCB order on home + invoice/ticket helpers */
.v58-quick-pcb{display:flex;flex-direction:column;gap:14px;margin-top:16px}
.v58-quick-row{display:flex;gap:12px;flex-wrap:wrap}
.v58-quick-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.v58-quick-fields label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;color:#33415c}
.v58-quick-fields label.wide{grid-column:1/-1}
.v58-quick-fields select,.v58-quick-fields input{padding:11px 12px;border:1px solid #cfdded;border-radius:11px;font:inherit;background:#fff}
.v58-quick-file{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;border:2px dashed #9fc3ec;border-radius:14px;padding:18px;background:#f4f9ff;cursor:pointer;text-align:center}
.v58-quick-file input{display:none}
.v58-quick-file span{font-size:26px;color:#2d7df0}
.v58-quick-file b{font-size:14.5px;color:#17324f}
.v58-quick-file small{color:#7d8ea3}
.v58-quick-file input:checked+span{color:#12855f}
.ticket-msg{border:1px solid #d8e2ee;border-radius:12px;padding:12px 14px;background:#fff}
.ticket-msg-user{background:#f7fafd}
.ticket-msg-admin{background:#f0fbf4;border-color:#bfe6cd}
.ticket-msg-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.ticket-msg-head small{color:#7d8ea3}
.ticket-msg p{margin:0;font-size:14.5px;line-height:1.9}

.bordino-lang-switch a{color:#8ea2b8;text-decoration:none;font-weight:700;padding:2px 4px;border-radius:6px}
.bordino-lang-switch a.active{color:#17324f;background:#e8f1fb}
.bordino-lang-switch a.en.active{color:#0b63c5}

/* V58-fix: header logo must never overlap the menu (professional marketplace pattern: logo | nav | actions in strict columns) */
.bordino-brand.farhan-brand-v55{overflow:hidden!important}
.bordino-brand.farhan-brand-v55 img.farhan-header-logo-v56{max-width:100%!important;width:auto!important;height:auto!important}
@media(max-width:1250px){.bordino-brand.farhan-brand-v55 img.farhan-header-logo-v56{width:auto!important;max-width:375px!important}}

/* V58: professional header CTA (JLCPCB/PCBWay pattern) */
.v58-header-cta{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:56px!important;padding:0 26px!important;border-radius:15px!important;background:linear-gradient(135deg,#0b6ff2,#0955d1)!important;color:#fff!important;font-weight:800!important;font-size:15.5px!important;box-shadow:0 10px 24px rgba(11,111,242,.28)!important;white-space:nowrap!important}
.v58-header-cta:hover{filter:brightness(1.08)}
@media(max-width:1100px){.v58-header-cta{padding:0 18px!important;min-height:48px!important;font-size:14px!important}}

/* V58-fix2: no horizontal overflow at 100% zoom — fluid header below 1400px CSS px */
@media(max-width:1400px){
  .farhan-mainnav-v55{grid-template-columns:minmax(300px,420px) 1fr auto!important;gap:12px!important;padding:14px 18px!important;min-height:0!important}
  .bordino-brand.farhan-brand-v55 img.farhan-header-logo-v56{width:100%!important;max-width:420px!important}
  .farhan-navlinks-v55 a{padding:10px 9px!important;font-size:14.5px!important}
  .v58-header-cta{min-height:48px!important;padding:0 16px!important;font-size:14px!important}
  .farhan-actions-v55 .bordino-account-btn{min-height:48px!important;padding:0 14px!important}
  .farhan-actions-v55 .bordino-lang-switch,.farhan-actions-v55 .bordino-icon-link{height:48px!important}
}
/* safety: nothing may force horizontal scroll globally */
html,body{overflow-x:clip!important}

/* V58-fix3: benefit cards live on the DARK navy service page — v37's forced white background made text invisible. Restore dark glass style + readable text */
.service-benefit-section .benefit-editorial-card{background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:none!important}
.service-benefit-section .benefit-editorial-card h3{color:#fff!important}
.service-benefit-section .benefit-editorial-card p{color:#d5e2f0!important}
.service-benefit-section .benefit-editorial-card:before{background:radial-gradient(circle,rgba(75,207,255,.22),transparent 70%)}
.service-benefit-section .benefit-index{color:#75e2ff!important}
/* section itself stays dark like the rest of the service hero */

/* V58-fix4: cta-finale panel is dark by design — undo v37's forced white card */
.cta-finale-panel{background:linear-gradient(145deg,#0a1627,#0f2742)!important;color:#fff!important}
.cta-finale-panel h2,.cta-finale-panel h3{color:#fff!important}
.cta-finale-panel p{color:#c9d7e6!important}

/* V58-fix5: real fix for 90%/100% zoom cut-off — header must fit 1366px screens */
@media(max-width:1600px){
  .farhan-mainnav-v55{grid-template-columns:minmax(280px,460px) 1fr auto!important;min-height:118px!important;padding:14px 20px!important;gap:16px!important}
  .bordino-brand.farhan-brand-v55 img.farhan-header-logo-v56{width:clamp(280px,29vw,460px)!important;max-width:100%!important}
  .farhan-navlinks-v55{gap:2px!important}
  .farhan-navlinks-v55 a{font-size:14.5px!important;padding:10px 9px!important}
  .farhan-actions-v55{gap:8px!important}
  .farhan-actions-v55 .bordino-account-btn{min-height:48px!important;padding:0 12px!important;font-size:14px!important}
  .farhan-actions-v55 .bordino-lang-switch,.farhan-actions-v55 .bordino-icon-link{height:48px!important}
  .v58-header-cta{min-height:48px!important;padding:0 14px!important;font-size:13.5px!important}
  .farhan-motion-reference-v55{aspect-ratio:auto!important;min-height:300px!important;max-height:420px!important}
  .farhan-motion-picture-v55{height:100%!important;object-fit:cover!important}
}
@media(max-width:1200px){
  .farhan-mainnav-v55{grid-template-columns:1fr auto!important;min-height:96px!important}
  .farhan-navlinks-v55{display:none!important}
  .farhan-navlinks-v55.open{display:flex!important}
}

/* V58-fix6: bulletproof — nothing may exceed viewport at any zoom */
html,body{max-width:100vw!important;overflow-x:hidden!important}
.farhan-site-header-v55,.farhan-header-shell-v55,.container{max-width:100%!important}
.farhan-mainnav-v55{box-sizing:border-box!important}
.farhan-navlinks-v55{min-width:0!important;flex-shrink:1!important}
.farhan-navlinks-v55 a{white-space:nowrap!important}
.bordino-brand.farhan-brand-v55{min-width:0!important}
.bordino-brand.farhan-brand-v55 img.farhan-header-logo-v56{width:clamp(280px,29vw,460px)!important;max-width:100%!important;height:auto!important;object-fit:contain!important}
.farhan-actions-v55{flex-shrink:0!important}
.farhan-motion-reference-v55{max-width:100%!important}
img{max-width:100%!important;height:auto!important}

/* V58-fix7: logo back to near-full size, viewport-fluid (30vw) so header still fits at 100%/90% zoom */
@media(max-width:1400px){
  .farhan-navlinks-v55 a{font-size:16px!important;padding:11px 10px!important}
  .farhan-mainnav-v55{gap:12px!important}
  .farhan-actions-v55{gap:7px!important}
}

/* V58-fix8: nav links bigger (user) — still fits: logo capped 460, nav 15.5px */

/* V58-fix9: nav clearly bigger (user: "هنوز ریزه") — 17.5px base, compensated by logo cap 420 + tighter gaps */
.farhan-navlinks-v55 a{font-size:17.5px!important;padding:12px 11px!important}
@media(max-width:1500px){.farhan-navlinks-v55 a{font-size:16.5px!important;padding:11px 10px!important}}
@media(max-width:1360px){.farhan-navlinks-v55 a{font-size:15.5px!important;padding:10px 8px!important}}
.bordino-brand.farhan-brand-v55 img.farhan-header-logo-v56{width:clamp(260px,27vw,420px)!important;max-width:100%!important;height:auto!important;object-fit:contain!important}
@media(max-width:1600px){.farhan-mainnav-v55{grid-template-columns:minmax(260px,420px) 1fr auto!important;gap:14px!important;padding:14px 20px!important}}