/* KARAJ SERVIS - Shared site UI / mobile / accessibility */
:root{--ks-gold:#e8bb4f;--ks-gold-light:#f5d76e;--ks-bg:#0b0b0b;--ks-card:#151515;--ks-border:#2b2b2b;--ks-muted:#b9b9b9}
html{scroll-behavior:smooth}
body{background-color:var(--ks-bg);color:#f4f4f4;direction:rtl;overflow-x:hidden;font-family:'Vazirmatn','IRANSansWeb',Tahoma,Arial,sans-serif} body *,body h1,body h2,body h3,body h4,body button,body input,body textarea,body select{font-family:inherit}
a{transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease}
img{max-width:100%;height:auto}
header{background:#050505!important;border-bottom:1px solid #242424!important;position:relative;z-index:20}
.nav-container{min-height:66px;gap:18px}
.logo h1,.logo .brand-name{margin:0;font-size:24px;font-weight:800;display:flex;align-items:center;gap:9px;line-height:1.3;background:linear-gradient(90deg,var(--ks-gold),var(--ks-gold-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.logo h1 span,.logo .brand-name span{font-size:12px;font-weight:500;-webkit-text-fill-color:#ddd;color:#ddd;display:inline-block}
.nav-links{align-items:center;flex-wrap:wrap}
.nav-links a{white-space:nowrap}
.nav-links a:hover,.nav-links a.active{color:var(--ks-gold-light)!important;-webkit-text-fill-color:var(--ks-gold-light)!important;background:none!important}
.page-header{position:relative}
.page-header h1,.page-header h2{line-height:1.6}
footer{margin-top:55px;background:#080808!important;border-top:1px solid #292929!important}
.footer-container{gap:22px!important}
.footer-item{min-height:32px}
.footer-item strong{direction:ltr;unicode-bidi:embed}
.trust-badges{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin:24px auto 0!important;padding-bottom:20px}
.trust-badges img{max-width:105px;max-height:80px;object-fit:contain}
.floating-buttons{z-index:50}
.bottom-nav{z-index:60}
.bottom-nav-item{cursor:pointer}
.service-card,.tariff-box,.contact-card,.form-card,.section-block,.about-content,.box{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.service-card:hover,.tariff-box:hover,.contact-card:hover,.form-card:hover{transform:translateY(-3px);border-color:#5a4820!important;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.service-card img.service-image{width:100%;height:180px;object-fit:cover;display:block;overflow:hidden}
.service-card{overflow:hidden}
.cta,.btn-gold,.service-btn,.tariff-btn,button{background:linear-gradient(90deg,var(--ks-gold),var(--ks-gold-light))!important;color:#111!important}
input,textarea,select{max-width:100%}
.skip-link{position:absolute;top:-50px;right:10px;background:var(--ks-gold-light);color:#111;padding:8px 14px;border-radius:0 0 8px 8px;z-index:100;font-weight:700}.skip-link:focus{top:0}
@media(max-width:900px){
 .nav-container{padding:10px 16px;min-height:58px}
 .nav-links{gap:12px!important;font-size:13px!important}
 .logo h1,.logo .brand-name{font-size:20px}
}
@media(max-width:700px){
 .nav-container{justify-content:center!important}
 .logo{width:100%;text-align:center}
 .logo h1,.logo .brand-name{justify-content:center;font-size:20px}
 .logo h1 span,.logo .brand-name span{font-size:10px}
 .nav-links{width:100%;justify-content:center;gap:8px!important;font-size:12px!important;line-height:1.8}
 .nav-links a{padding:2px 3px}
 .page-header{padding-top:32px!important}
 .page-header h1,.page-header h2{font-size:26px!important}
 .page-header p{font-size:14px;line-height:2}
 .service-card img.service-image{height:170px}
 .footer-container{flex-direction:column;align-items:center}
 .floating-buttons{bottom:76px!important}
 .bottom-nav{position:fixed!important;left:0;right:0;bottom:0;width:100%;display:flex!important;justify-content:space-around;align-items:center;background:rgba(8,8,8,.97);border-top:1px solid #333;padding:7px 4px calc(7px + env(safe-area-inset-bottom));backdrop-filter:blur(10px)}
 .bottom-nav-item{flex:1;max-width:110px;text-align:center;font-size:11px!important}
 .bottom-nav-item i{display:block;margin-bottom:3px}
 body{padding-bottom:64px}
}
@media(max-width:430px){
 .nav-links{gap:5px!important;font-size:11px!important}
 .logo h1,.logo .brand-name{font-size:18px}
 .service-card img.service-image{height:155px}
}

/* Final consistency fixes */
.container{width:min(1200px,calc(100% - 32px));margin-left:auto;margin-right:auto;box-sizing:border-box}
.nav-container{display:flex;align-items:center;justify-content:space-between}
.nav-links{display:flex;gap:18px;margin:0;padding:0}
.nav-links a{color:#ddd;text-decoration:none;font-weight:600}
.logo{display:flex;align-items:center}
.logo a{text-decoration:none}
header .nav-container{padding-top:8px;padding-bottom:8px}

/* Service detail pages */
.service-detail-page .hero{max-width:1000px;margin:0 auto}
.service-detail-page .content{width:min(900px,calc(100% - 32px));box-sizing:border-box}
.service-detail-page .main-image{display:block;width:100%;max-height:360px;object-fit:cover}

/* Payment page */
.payment-page{min-height:0!important;padding-bottom:30px!important}
.payment-box{margin-top:10px}
.payment-security{margin-top:22px;padding:18px;border:1px solid #3b321d;border-radius:14px;background:rgba(232,187,79,.06);text-align:center}
.payment-security-title{color:#f5d76e;font-weight:800;margin-bottom:12px}
.payment-security-text{color:#aaa;font-size:13px;line-height:2;margin:0 0 14px}
.payment-security .trust-badges{margin:0!important;padding:0}
.payment-security .trust-badges img{max-width:100px;max-height:78px}

/* Mobile service cards: one clean column, no orphan card */
@media(max-width:700px){
  .services-grid{grid-template-columns:1fr!important;gap:16px!important}
  .service-card{width:100%;margin:0!important;box-sizing:border-box}
  .service-card img.service-image{height:180px!important}
  .nav-container{gap:7px}
  header .nav-container{padding-top:8px;padding-bottom:8px}
  .nav-links{gap:7px!important}
}
@media(min-width:701px) and (max-width:1000px){.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}


/* Local SEO content blocks - visual style kept consistent with Test2 */
.local-service-area,.related-services{margin-top:18px;padding:18px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(212,175,55,.16);line-height:2;color:var(--text-gray)}
.local-service-area h2,.related-services h2{margin-top:0;color:var(--gold,#d4af37);font-size:1.15rem}
.related-services-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.related-services-links a{display:inline-block;padding:7px 12px;border-radius:10px;border:1px solid rgba(212,175,55,.25);color:var(--text-light,#fff);text-decoration:none}
.related-services-links a:hover{border-color:rgba(212,175,55,.7)}
@media(max-width:600px){.local-service-area,.related-services{padding:14px}.related-services-links a{font-size:.9rem}}

/* Bottom mobile navigation - approved gold/white palette (no browser purple) */
.bottom-nav .bottom-nav-item,
.bottom-nav .bottom-nav-item:link,
.bottom-nav .bottom-nav-item:visited,
.bottom-nav .bottom-nav-item:hover,
.bottom-nav .bottom-nav-item:focus,
.bottom-nav .bottom-nav-item:active{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-decoration:none!important;
}
.bottom-nav .bottom-nav-item i{color:#fff!important;-webkit-text-fill-color:#fff!important}
.bottom-nav .bottom-nav-item.active,
.bottom-nav .bottom-nav-item.active:link,
.bottom-nav .bottom-nav-item.active:visited,
.bottom-nav .bottom-nav-item.active:hover,
.bottom-nav .bottom-nav-item.active:focus,
.bottom-nav .bottom-nav-item.active:active{
  color:var(--ks-gold-light)!important;
  -webkit-text-fill-color:var(--ks-gold-light)!important;
}
.bottom-nav .bottom-nav-item.active i{color:var(--ks-gold-light)!important;-webkit-text-fill-color:var(--ks-gold-light)!important}

/* Supplied official BARTAR SERVICE logo */
.logo .site-logo-link{display:flex!important;align-items:center!important;text-decoration:none!important;line-height:0!important}
.logo .site-logo{display:block!important;width:170px!important;height:72px!important;object-fit:contain!important;object-position:center!important;background:#fff!important;border:0!important;border-radius:0!important;filter:none!important}
@media(max-width:700px){.logo .site-logo{width:145px!important;height:64px!important}}

.logo .site-logo{width:150px!important;height:74px!important;object-fit:contain!important}
@media(max-width:768px){.logo .site-logo{width:150px!important;height:68px!important}}