:root{
  --orange:#c4390f;
  --orange-light:#e8521e;
  --orange-dark:#ac300b;
  --orange-50:#faf0e9;
  --orange-100:#FFE8DE;
  --steel:#1e293b;
  --steel-light:#64748B;
  --gray-50:#F8FAFC;
  --gray-100:#F1F5F9;
  --gray-200:#E2E8F0;
  --gray-300:#CBD5E1;
  --gray-600:#475569;
  --gray-800:#1E293B;
  --green:#16A34A;
  --green-light:#DCFCE7;
  --red:#DC2626;
  --red-light:#FEE2E2;
  --yellow:#F7B731;
  --surface-radius:12px;
  --shadow-sm:0 1px 2px rgba(0,0,0,.05);
  --shadow:0 4px 16px rgba(0,0,0,.08);
  --shadow-lg:0 10px 40px rgba(0,0,0,.12);
  --shadow-orange:0 8px 30px -8px rgba(232,82,30,.35);
  /* Single keyboard-focus ring color for every surface (5.3:1 on white). */
  --focus-color:#BD421C;
  --atrin-navy:#162B43;
  --atrin-copper:#BE3E15;
  --atrin-line:#DFE7F0;
  --atrin-elevation:0 14px 36px -24px #17355155;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:140px}
body{font-family:'Vazirmatn',sans-serif;background:#fff;color:var(--gray-800);line-height:1.85;font-size:15px;overflow-x:hidden}
a{text-decoration:none;color:inherit}
button{font-family:inherit;cursor:pointer;border:none}
ul{list-style:none}
.container{max-width:1280px;margin:0 auto;padding:0 20px}
.mono{font-variant-numeric:tabular-nums;font-feature-settings:'tnum'}
::selection{background:var(--orange);color:#fff}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:var(--gray-100)}
::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:8px}
::-webkit-scrollbar-thumb:hover{background:var(--orange)}
.topstrip{background:linear-gradient(90deg,var(--steel),#1a2634);color:#fff;font-size:13px}
.topstrip .container{display:flex;justify-content:space-between;align-items:center;height:42px;gap:16px}
.trend-today{display:flex;align-items:center;gap:10px}
.trend-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 12px;border-radius:99px;font-weight:700;font-size:12px}
.trend-pill.up{background:rgba(34,197,94,.2);color:#86efac}
.trend-pill.down{background:rgba(239,68,68,.2);color:#fca5a5}
.topstrip-meta{display:flex;align-items:center;gap:20px;color:#94a3b8}
.topstrip-meta b{color:#fff;font-weight:700}
.topstrip-phone{display:flex;align-items:center;gap:8px;color:#fff;font-weight:700}
.topstrip-phone svg{color:var(--orange-light)}
.header{position:sticky;top:0;z-index:900;background:#fff;border-bottom:1px solid var(--gray-200);transition:.3s}
.header.scrolled{box-shadow:var(--shadow)}
.header-main{display:flex;align-items:center;justify-content:space-between;height:80px;gap:24px}
.logo{display:flex;align-items:center;gap:12px;flex-shrink:0}
.logo-img{height:52px;width:auto}
.logo-text{display:flex;flex-direction:column;line-height:1.2}
.logo-text h1{font-size:17px;font-weight:900;color:var(--steel)}
.logo-text span{font-size:10px;color:var(--steel-light);letter-spacing:1.5px}
.nav-menu{display:flex;gap:4px;align-items:center}
.nav-menu a{padding:9px 14px;border-radius:10px;font-weight:600;font-size:14.5px;color:var(--gray-600);transition:.2s;position:relative}
.nav-menu a:hover{color:var(--orange);background:var(--orange-50)}
.nav-menu a.active{color:var(--orange);background:var(--orange-50)}
.header-actions{display:flex;align-items:center;gap:12px}
.search-btn,.menu-toggle{width:42px;height:42px;border-radius:10px;background:var(--gray-50);border:1px solid var(--gray-200);display:flex;align-items:center;justify-content:center;color:var(--steel);transition:.2s}
.search-btn:hover,.menu-toggle:hover{background:var(--orange-50);color:var(--orange);border-color:var(--orange-100)}
.menu-toggle{display:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 24px;border-radius:12px;font-weight:700;font-size:14.5px;transition:.25s;border:none;cursor:pointer}
.btn-primary{background:linear-gradient(135deg,var(--orange),var(--orange-dark));color:#fff;box-shadow:var(--shadow-orange)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 34px -8px rgba(232,82,30,.5)}
.btn-outline{background:#fff;border:1.5px solid var(--gray-200);color:var(--steel)}
.btn-outline:hover{border-color:var(--orange);color:var(--orange);background:var(--orange-50)}
.btn-white{background:#fff;color:var(--orange);box-shadow:var(--shadow)}
.btn-white:hover{transform:translateY(-2px)}
.btn-lg{padding:15px 32px;font-size:15.5px}
.btn-sm{padding:9px 18px;font-size:13.5px;border-radius:10px}
.search-overlay{position:fixed;inset:0;background:rgba(15,23,42,.75);backdrop-filter:blur(6px);z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding-top:14vh;opacity:0;pointer-events:none;transition:.3s}
.search-overlay.open{opacity:1;pointer-events:auto}
.search-box{width:min(680px,92vw);background:#fff;border-radius:20px;padding:24px;box-shadow:var(--shadow-lg);transform:translateY(-20px);transition:.3s}
.search-overlay.open .search-box{transform:translateY(0)}
.search-input-wrap{display:flex;align-items:center;gap:12px;border-bottom:2px solid var(--gray-200);padding-bottom:14px}
.search-input-wrap svg{color:var(--orange);flex-shrink:0}
.search-input{flex:1;border:none;outline:none;font-family:inherit;font-size:18px;font-weight:600;color:var(--steel);background:transparent}
.search-input::placeholder{color:var(--steel-light);font-weight:400}
.search-suggest{margin-top:18px}
.search-suggest-title{font-size:12.5px;color:var(--steel-light);font-weight:600;margin-bottom:10px}
.search-tags{display:flex;flex-wrap:wrap;gap:8px}
.search-tag{padding:6px 14px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:99px;font-size:13px;color:var(--gray-600);cursor:pointer;transition:.2s}
.search-tag:hover{background:var(--orange-50);border-color:var(--orange-100);color:var(--orange)}
.drawer-overlay{position:fixed;inset:0;background:rgba(15,23,42,.6);opacity:0;pointer-events:none;transition:.3s;z-index:940}
.drawer-overlay.show{opacity:1;pointer-events:auto}
.drawer{position:fixed;top:0;bottom:0;right:0;width:min(320px,86vw);background:#fff;z-index:950;transform:translateX(110%);transition:transform .35s cubic-bezier(.22,.61,.36,1);padding:24px;display:flex;flex-direction:column;overflow-y:auto}
.drawer.open{transform:translateX(0)}
.drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid var(--gray-200)}
.drawer-close{background:var(--gray-50);border:1px solid var(--gray-200);width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--steel)}
.drawer a.dl{display:block;padding:14px 12px;border-radius:10px;color:var(--gray-800);font-weight:600;border-bottom:1px solid var(--gray-100);font-size:15px}
.drawer a.dl:hover{background:var(--orange-50);color:var(--orange)}
.drawer .btn{margin-top:20px;width:100%}
.projects-band .container{position:relative}
.logos-row{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap}
.logo-chip{padding:12px 22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#cbd5e1;font-weight:700;font-size:13.5px;transition:.25s;backdrop-filter:blur(6px)}
.logo-chip:hover{background:rgba(232,82,30,.15);border-color:rgba(232,82,30,.4);color:#fff;transform:translateY(-3px)}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.3fr;gap:40px;padding-bottom:44px}
.footer-col h3{color:#fff;font-size:15.5px;font-weight:800;margin-bottom:20px;position:relative;padding-bottom:11px}
.footer-col h3::after{content:'';position:absolute;bottom:0;right:0;width:36px;height:3px;background:var(--orange);border-radius:3px}
.footer-about p{font-size:13.5px;line-height:2;color:#94a3b8;margin:18px 0}
.footer-social{display:flex;gap:9px}
.footer-social a{width:44px;height:44px;border-radius:11px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#94a3b8;transition:.25s}
.footer-social a:hover{background:var(--orange);border-color:transparent;color:#fff;transform:translateY(-3px)}
.footer-social svg{width:17px;height:17px}
.footer-links li{margin:10px 0}
.footer-links a{color:#94a3b8;font-size:13.5px;display:inline-flex;align-items:center;gap:9px;transition:.2s}
.footer-links a::before{content:'';width:5px;height:5px;background:var(--orange);border-radius:1px;transform:rotate(45deg);opacity:.6;transition:.2s}
.footer-links a:hover{color:#fff}
.footer-links a:hover::before{opacity:1}
.footer-contact li{display:flex;gap:12px;color:#94a3b8;font-size:13.5px;margin:13px 0;align-items:flex-start;line-height:1.85}
.footer-contact svg{width:17px;height:17px;color:var(--orange);flex-shrink:0;margin-top:5px}
.footer-badges{display:flex;gap:10px;margin-top:18px}
.fbadge{width:74px;height:74px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#94a3b8;font-size:9.5px;text-align:center;padding:6px;transition:.25s}
.fbadge:hover{border-color:var(--orange);color:#fff}
.fbadge svg{width:22px;height:22px;color:var(--orange)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding:18px 0;text-align:center;font-size:13px;color:#94a3b8}
.footer-bottom b{color:var(--orange-light)}
.float-actions{position:fixed;bottom:24px;left:24px;display:flex;flex-direction:column;gap:12px;z-index:800}
.float-btn{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;border:none;box-shadow:var(--shadow-lg);transition:.3s;position:relative}
.float-btn svg{width:22px;height:22px}
.float-btn.call{background:linear-gradient(135deg,var(--orange),var(--orange-dark))}
.float-btn.call::before{content:'';position:absolute;inset:0;border-radius:50%;border:2px solid var(--orange);animation:ring 2s ease-out infinite}
.float-btn.wa{background:#25D366}
.float-btn.top{background:#fff;border:1.5px solid var(--gray-200);color:var(--steel);opacity:0;transform:translateY(14px);pointer-events:none;box-shadow:var(--shadow)}
.float-btn.top.show{opacity:1;transform:none;pointer-events:auto}
.float-btn:hover{transform:translateY(-4px) scale(1.06)}
.mobile-bar{display:none;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1.5px solid var(--gray-200);z-index:850;padding:10px 12px;gap:8px;box-shadow:0 -6px 24px rgba(0,0,0,.08)}
.mb-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;border-radius:11px;color:var(--gray-600);font-size:11px;font-weight:700;transition:.2s;background:var(--gray-50)}
.mb-item svg{width:20px;height:20px}
.mb-item.primary{background:linear-gradient(135deg,var(--orange),var(--orange-dark));color:#fff;box-shadow:var(--shadow-orange)}
@media(max-width:1100px){
.footer-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:860px){
.nav-menu,.header-actions .btn{display:none}
.menu-toggle{display:flex}
.topstrip-meta{display:none}
.topstrip .container{justify-content:space-between}
}
@media(max-width:640px){
.footer-grid{grid-template-columns:1fr;gap:30px}
.float-actions{bottom:86px}
.mobile-bar{display:flex}
body{padding-bottom:76px}
}
[hidden]{display:none!important}
.logo-text .logo-h1{font-size:17px;font-weight:900;color:var(--steel)}
.trend-pill.neutral{background:rgba(226,232,240,.13);color:#e2e8f0}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body.modal-open,body.search-open,body.drawer-open{overflow:hidden}
.search-result{display:flex;width:100%;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border-radius:10px;background:#fff;border:0;border-bottom:1px solid #e2e8f0;color:var(--steel);text-align:right}
.search-result:hover{background:var(--orange-50)}
.search-result strong{font-size:13px}
.search-result small{font-size:11px;color:var(--orange);flex-shrink:0}
.search-empty{padding:15px;color:#64748b;font-size:13px}
@media (max-width:700px){
.float-actions{bottom:88px}
.float-btn.wa,.float-btn.call{display:none}
}
@media(prefers-reduced-motion:reduce){
*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}
}
.drawer:not(.open){display:none}
@media(max-width:700px){
.hero-ctas .btn{padding:12px 16px;font-size:13px}
}
html{ max-width:100%; overflow-x:clip; }
body{ width:100%; max-width:100%; overflow-x:clip; }
.container{ min-width:0; }
.btn,.drawer-dial,.mb-phone,.footer-dial,.float-dial{ -webkit-tap-highlight-color:transparent; }
a:focus-visible,button:focus-visible{outline:3px solid var(--focus-color);outline-offset:3px;}
.dial-copy{display:flex;flex-direction:column;align-items:flex-start;line-height:1.4;min-width:0}
.dial-copy b{font-size:13px;font-weight:800;white-space:nowrap;direction:ltr}
.dial-copy small{font-size:10px;color:#6b7280;font-weight:600}
.drawer-dial:hover{transform:translateY(-2px);border-color:var(--orange);box-shadow:0 7px 20px rgba(232,82,30,.12)}
.header-quick-call{white-space:nowrap}
.contact-number .dial-copy{gap:3px}
.contact-number .dial-copy b{font-size:15px;color:var(--orange-dark)}
.contact-number .dial-copy small{color:var(--gray-600)}
.drawer-call-links{display:grid;gap:9px;margin-top:16px}
.drawer-dial{display:flex;gap:10px;align-items:center;min-height:55px;border:1px solid var(--orange-100);border-radius:12px;padding:11px 14px;background:var(--orange-50);color:var(--steel)}
.drawer-dial svg{color:var(--orange)}
.footer-call-links{display:grid;gap:9px;min-width:0}
.footer-dial{display:flex;gap:7px;align-items:center;color:#e2e8f0;font-size:14px;font-weight:700}
.footer-dial svg{color:#ff885a;width:15px;height:15px}
.footer-dial:hover{color:#fff}
.floating-call-links{display:flex;flex-direction:column;align-items:center;gap:10px}
.float-dial{width:49px;height:49px;border-radius:15px;background:linear-gradient(135deg,var(--orange),var(--orange-dark));color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;gap:0;box-shadow:0 6px 20px rgba(196,57,15,.24);transition:transform .2s}
.float-dial:nth-child(2){background:var(--steel);box-shadow:0 6px 20px rgba(32,47,64,.23)}
.float-dial small{font-weight:800;line-height:1.1;font-size:10px}
.float-dial svg{width:17px;height:17px}
.float-dial:hover{transform:translateY(-3px)}
.mobile-call-links{display:contents}
.mb-phone{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;padding:7px 2px;min-height:51px;border-radius:11px;font-size:11px;color:#fff;font-weight:800;background:linear-gradient(135deg,var(--orange),var(--orange-dark))}
.mb-phone:nth-child(2){background:var(--steel);color:#fff}
.mb-phone svg{width:20px;height:20px}
.mb-price{flex:0.95}
.dial-unconfigured{opacity:.65!important;cursor:not-allowed!important;box-shadow:none!important;transform:none!important;border-style:dashed!important}
.mb-phone.dial-unconfigured{background:#6a7887}
.modal-contact-guide .contact-number .dial-copy{align-items:flex-start}
.search-box,.search-input-wrap,.search-input{min-width:0}
@media(max-width:860px){
.header-quick-call{display:none!important}
}
@media(max-width:700px){
.header-main{min-width:0;gap:12px}
.header-main .logo{min-width:0;gap:7px}
.topstrip .container{min-width:0;gap:7px}
.trend-today{min-width:0;gap:5px}
.trend-today>span:first-child{font-size:11px;white-space:nowrap}
.trend-pill{padding:2px 6px;font-size:10.5px;white-space:nowrap}
.topstrip-phone{font-size:11px;gap:4px;white-space:nowrap}
.topstrip-phone svg{width:13px;height:13px}
.search-box{padding:17px;width:calc(100vw - 26px)}
.search-input-wrap{gap:7px}
.search-input{font-size:15px;flex:1 1 auto;width:0}
.search-input-wrap>.search-btn{flex:0 0 44px;width:44px!important;height:44px!important}
.float-actions{bottom:90px}
.floating-call-links{display:none}
.hero-ctas >.btn{width:100%;justify-content:center}
.hero-dial .dial-copy b{font-size:12px}
.hero-dial .dial-copy small{font-size:10px}
.contact-number .dial-copy b{font-size:12px}
.mobile-bar{gap:7px;padding:9px max(10px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}
.mb-phone{font-size:11px}
body{padding-bottom:calc(78px + env(safe-area-inset-bottom))}
.search-overlay{max-width:100%}
}
@media(max-width:360px){
.container{padding-left:13px;padding-right:13px}
.trend-today>span:first-child{display:none}
.logo-text .logo-h1{font-size:14px}
.logo-img{height:42px}
.dial-copy b{font-size:11px!important}
}
.header-main .logo,.header-main .nav-menu a,.header-main .header-actions a,.header-main .header-actions button{ transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease; }
.header-main a:focus-visible,.header-main button:focus-visible,.drawer a:focus-visible{ outline: 3px solid var(--focus-color); outline-offset: 3px; }
@media (prefers-reduced-motion: reduce){
html{ scroll-behavior: auto; }
.float-btn.call::before{ animation: none; }
}
.header{ direction: rtl; }
.header-main{
  direction: rtl;
  display: grid;
  grid-template-columns: minmax(162px, auto) minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(12px, 1.5vw, 24px);
  min-width: 0;
}
.header-main .logo{ min-width: 0; justify-self: start; }
.header-main .logo-text{ min-width: 0; }
.header-main .logo-text .logo-h1{ line-height: 1.45; }
.nav-menu{ display: flex; align-items: center; justify-content: center; min-width: 0; gap: 0; white-space: nowrap; }
.nav-menu a{ padding-inline: clamp(6px, .8vw, 14px); }
.header-actions{ justify-self: end; justify-content: flex-end; white-space: nowrap; }
.menu-toggle,.search-btn{ flex-shrink: 0; }
.menu-toggle{ border: 1px solid #dbe3eb; }
.drawer{ direction: rtl; right: 0; left: auto; text-align: right; box-shadow: -12px 0 48px rgba(15,23,42,.12); }
.drawer a.dl{ text-align: right; }
.header .logo:focus-visible{ border-radius: 8px; }
@media (max-width: 1050px) and (min-width: 861px){
.header-main{ grid-template-columns: minmax(150px,auto) minmax(0,1fr) auto; gap: 9px; }
.nav-menu a{ font-size: 12.5px; padding-inline: 6px; }
.header-quick-call{ padding: 9px 12px; font-size: 12px; }
.header-actions{ gap: 7px; }
}
@media (max-width: 1050px){
.header-main{
    display: grid;
    direction: rtl;
    grid-template-columns: 44px minmax(0, 1fr) 44px;
    gap: 10px;
    height: 74px;
  }
.header-main .header-actions{ display: contents; }
.nav-menu,.header-quick-call{ display: none !important; }
.header-main .menu-toggle{ display: flex; grid-column: 1; grid-row: 1; width: 44px; height: 44px; justify-self: start; }
.header-main .logo{ grid-column: 2; grid-row: 1; justify-self: center; justify-content: center; gap: 7px; max-width: 100%; }
.header-main #searchBtn{ grid-column: 3; grid-row: 1; justify-self: end; display: flex; width: 44px; height: 44px; }
.header-main .logo-text{ text-align: center; }
.logo-img{ max-width: 43px; max-height: 43px; object-fit: contain; }
.logo-text .logo-h1{ font-size: clamp(13px, 3.8vw, 17px); white-space: nowrap; }
.logo-text > span:last-child{ font-size: 9px; letter-spacing: .65px; }
.topstrip-phone{ text-decoration: none; }
}
@media (max-width: 360px){
.header-main{ gap: 6px; grid-template-columns: 42px minmax(0,1fr) 42px; height: 68px; }
.header-main #searchBtn,.header-main .menu-toggle{ width: 42px; height: 42px; }
.logo-img{ max-width: 33px; max-height: 38px; }
.logo-text .logo-h1{ font-size: 13px; }
.logo-text > span:last-child{ font-size: 8px; }
}

/* Shared shell: identical framing on home, CMS and content renderers. */
[hidden]{display:none!important}
.preview-banner{background:#1e293b;color:#fff;text-align:center;padding:6px 12px;font-size:12px;font-weight:600}
.skip-link{position:absolute;top:8px;right:12px;transform:translateY(-160%);z-index:1400;background:#fff;color:var(--steel);padding:10px 16px;border-radius:8px}
.skip-link:focus{transform:none;outline:3px solid var(--focus-color)}
.logo-text .logo-h1{font-size:17px;font-weight:900;color:var(--steel);letter-spacing:0}
.logo-text bdi{direction:ltr}
.site-search h2,.drawer-head h2{font-size:17px;margin:0 0 14px;color:var(--steel)}
.site-search .search-input-wrap{margin-top:12px}
.drawer nav{display:grid;gap:4px}
.drawer nav>a{display:block;padding:12px;border-radius:10px;border-bottom:1px solid var(--gray-100);font-weight:600;color:var(--steel)}
.drawer nav>a:hover{background:var(--orange-50);color:var(--orange)}
.drawer-dial bdi,.footer-dial bdi{font-size:14px;font-weight:700;white-space:nowrap}
.drawer .dial-copy small,.footer-dial small{font-size:11px}
.atrin-footer{background:var(--steel);color:#cbd5e1;padding-top:60px;margin:0}
.atrin-footer .footer-grid{grid-template-columns:1.6fr 1fr 1fr 1.3fr;gap:40px;padding:0 20px 44px;align-items:start;width:auto}
.atrin-footer .footer-grid>div:first-child{grid-column:auto}
.atrin-footer .logo-h1{color:#fff}
.atrin-footer .logo-text>span:last-child{color:#94a3b8}
.atrin-footer .footer-col h2{font-size:16px;color:#fff;margin:0 0 20px;font-weight:800}
.atrin-footer .footer-links{display:grid;gap:10px;font-size:14px}
.atrin-footer .footer-links li{margin:0}
.atrin-footer .footer-about p{font-size:14px;color:#94a3b8;line-height:2;margin:18px 0}
.atrin-footer .footer-bottom{display:block;border-top:1px solid #ffffff14;padding:18px 0;margin:0;text-align:center;font-size:13px;color:#94a3b8}
.atrin-footer address{font-style:normal;font-size:13px;margin-top:16px;overflow-wrap:anywhere}
.atrin-footer .footer-col{min-width:0}
.no-script-navigation{padding-block:14px}
.no-script-navigation nav{display:flex;gap:14px;flex-wrap:wrap}
.no-script-navigation form{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.content-page main{min-height:50vh}
.content-page .candidate-body ul,.content-page .article-body ul{list-style:disc;padding-inline-start:24px}
.content-page .candidate-body ol,.content-page .article-body ol{padding-inline-start:24px}
@media(max-width:1100px){.atrin-footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.mobile-bar{display:flex}
.mb-phone bdi{font-size:12px}
.mb-phone small{font-size:10px}
.contact-unavailable{font-size:12px}
.site-search .search-box{padding:17px}
.site-search h2{font-size:16px}}
@media(max-width:640px){.atrin-footer .footer-grid{grid-template-columns:1fr;gap:30px}
.atrin-footer{padding-top:36px}}

/* Match content actions to the same brand palette as the homepage. */
.content-page .button{background:linear-gradient(135deg,var(--orange),var(--orange-dark));border-color:var(--orange-dark);color:#fff;border-radius:12px;font-weight:700}
.content-page .button:hover{background:var(--orange-dark);color:#fff}
.content-page .button.ghost{background:#fff;border-color:var(--gray-200);color:var(--steel)}
/* OA-10: the later brand-gradient hover rule would otherwise paint ghost
   controls orange while their dark steel text stays, an unreadable pair.
   Ghosts keep a quiet light treatment with compliant contrast instead. */
.content-page .button.ghost:hover,.content-page .button.ghost:focus-visible{background:var(--gray-100);border-color:var(--gray-300);color:var(--steel);box-shadow:none}
.content-page .accent,.content-page .hero-band h1 .accent{color:var(--orange-dark)}

.site-dialog-title{font-size:17px;font-weight:800;margin:0 0 14px;color:var(--steel)}

.content-page .family-hero h1 span,.content-page .eyebrow{color:var(--orange-dark)}

.atrin-footer nav.footer-col{display:block}
.atrin-footer .footer-links{gap:6px}
.atrin-footer .footer-links a{min-height:28px;align-items:center;line-height:1.85}
@media(max-width:700px){.atrin-footer .footer-links a{min-height:44px}}

/* CMS renditions retain intrinsic dimensions and fit narrow RTL columns. */
.article-image{display:block;max-width:100%;height:auto}

/* Phase 4 shared frame. The existing content layouts keep their own styles. */
.container{max-width:1340px;padding-inline:32px}
.header{box-shadow:none;border-color:#e2e7e3}
.header-main{height:88px;grid-template-columns:auto minmax(0,1fr) auto;gap:26px}
.logo{gap:10px}
.logo-img{width:36px;height:44px}
.logo-text .logo-h1{font-size:17px;font-weight:800}
.logo-text>span:last-child{font-size:8px;letter-spacing:1.8px;margin-top:7px;color:#72827c}
.nav-menu{gap:2px}
.nav-menu a{font-size:13px;padding:10px 12px;border-radius:4px}
.header-actions{gap:18px}
.header-phone-links{display:flex;gap:18px}
.header-dial{display:flex;border-inline-start:1px solid var(--gray-200);padding-inline-start:16px}
.header-dial small{font-size:9px;color:var(--steel-light)}
.header-dial bdi{font-size:12px;font-weight:800;white-space:nowrap}
.search-btn,.menu-toggle{border-radius:4px;width:44px;height:44px;background:#fff}
.btn,.content-page .button{border-radius:5px;box-shadow:none;font-weight:600}
.btn-primary,.content-page .button{background:var(--orange-dark)}
.btn-primary:hover{background:var(--orange);box-shadow:none;transform:none}
.btn-outline{border-width:1px}
.topstrip{background:#f4f6f3;color:var(--steel);font-size:11px;border-bottom:1px solid #e2e7e3}
.topstrip .container{height:35px}
.topstrip-meta{color:var(--steel-light);font-size:10px}
.topstrip-meta b{color:var(--steel)}
.trend-pill.neutral{background:transparent;color:var(--steel-light);padding:0;font-weight:400;font-size:10px}
.preview-banner{background:#19352f;font-size:10px;padding:4px 10px;font-weight:400}
.header.scrolled{box-shadow:0 3px 12px #19352f08}
.atrin-footer{background:#fff;color:var(--steel);border-top:1px solid var(--gray-200);padding-top:50px}
.atrin-footer .logo-h1,.atrin-footer .footer-col h2{color:var(--steel)}
.atrin-footer .footer-about p,.atrin-footer .footer-links a,.atrin-footer .logo-text>span:last-child{color:var(--steel-light)}
.atrin-footer .footer-links a:hover{color:var(--orange-dark)}
.atrin-footer .footer-links a::before{display:none}
.atrin-footer .footer-col h2{font-size:13px;margin-bottom:18px}
.atrin-footer .footer-bottom{border-color:var(--gray-200);color:var(--steel-light);font-size:11px;background:#f7f8f5}
.atrin-footer .footer-bottom b{color:var(--steel)}
.atrin-footer .footer-grid{gap:36px}
.footer-dial{display:block;margin-bottom:14px}
.atrin-footer .footer-dial{color:var(--steel)}
.atrin-footer .footer-dial:hover{color:var(--orange-dark)}
.footer-dial bdi{font-size:14px}
.footer-dial small{font-size:10px}
.mobile-bar{box-shadow:none;border-top:1px solid #d6dfd7;padding:8px 12px calc(8px + env(safe-area-inset-bottom));gap:8px}
.mobile-call-links{display:flex;flex:2;gap:8px}
.mobile-call-links>.mb-item{min-width:0}
.mb-item{border-radius:4px;justify-content:center;min-height:48px;background:var(--steel);color:#fff}
.mb-price{background:var(--steel);color:#fff}
.drawer-dial{display:block;padding:12px;border:1px solid var(--gray-200);border-radius:4px}
.drawer-call-links{display:grid;gap:10px;margin-top:20px}
.drawer-dial bdi{font-size:15px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--focus-color);outline-offset:4px}
.article-image{height:auto}
@media(max-width:1200px){.header-main{height:74px;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:12px}
.header-main .header-actions{display:contents}
.header-phone-links,.nav-menu{display:none!important}
.header-main .menu-toggle{display:flex;grid-column:1;grid-row:1}
.header-main .logo{grid-column:2;grid-row:1;justify-self:center}
.header-main #searchBtn{grid-column:3;grid-row:1;justify-self:end}
.header-main .logo-text{text-align:center}
.header-main .logo{gap:8px}
.atrin-footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.container{padding-inline:18px}
.header-main{height:68px}
.header .logo-text .logo-h1{font-size:14px}
.header .logo-img{width:30px;height:38px}
.header .logo-text>span:last-child{font-size:7px;letter-spacing:1px}
.topstrip .container{height:30px}
.topstrip .trend-pill{display:none}
.topstrip .container>span:first-child{font-size:10px}
.atrin-footer .footer-grid{grid-template-columns:1fr;padding-inline:18px}
.mobile-bar{display:flex}
.float-actions{bottom:95px}
.mobile-call-links .mb-phone bdi{font-size:11px}
.search-input{font-size:14px;min-width:0}
.btn{min-height:44px}body{padding-bottom:78px}
.site-search .search-input-wrap{gap:8px}
.site-search .search-btn{width:36px;flex-shrink:0}}

/* Original owner-supplied brand mark: preserve its aspect ratio. */
.header .logo-img,.atrin-footer .logo-img{width:auto;height:44px;max-width:51px;max-height:44px;object-fit:contain}
@media(max-width:700px){.header .logo-img{height:36px;max-width:42px;max-height:36px}}
/* Explicit editorial covers share the same uncropped ratio on every surface. */
.article-cover{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;border-radius:6px;background:#f3f6f8}
.candidate-guide>.article-cover{max-width:900px;margin:24px auto 32px}
.home-page .art-thumb{height:auto;aspect-ratio:1200/630;background:#f3f6f8}
.home-page .art-thumb::before{content:none}
.art-thumb .article-cover{border-radius:0}
.home-page .art-thumb .art-tag{bottom:auto;line-height:1.8}
.journal-card>.article-cover{margin-bottom:20px}

/* Shared buyer surfaces: home and interiors use the same control vocabulary. */
.card,.journal-card,.table-card,.chart-card,.contact-box,.contact-panel,.company-details,.family-guide-note,.journal-filter{border-radius:var(--surface-radius)}
.quote-basis{display:block;color:var(--gray-600);font-size:12px;font-weight:600;line-height:1.9;margin-block:6px 10px}
.quote-summary{font-size:12px;color:var(--steel-light);line-height:1.9}
.quote-summary a{text-decoration:underline;text-underline-offset:3px}
.quote-context summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-size:12px;font-weight:600;color:var(--steel)}
.quote-context summary::before{content:'+';margin-inline-end:8px;color:var(--orange-dark)}
.quote-context[open] summary::before{content:'−'}
.quote-chart-link{min-height:44px;display:inline-flex;align-items:center;margin-top:8px}
@media(max-width:700px){
.mobile-call-links .mb-phone{background:var(--orange-dark);color:#fff}
.mobile-call-links .mb-phone:nth-child(2){background:var(--steel);color:#fff}
.mobile-call-links .mb-phone .dial-copy small{color:#fff}
.mobile-bar .mb-phone .dial-copy bdi{font-size:12px;color:#fff}
.mobile-bar .mb-price{flex:0 0 62px;background:var(--gray-100);color:var(--steel);font-size:11px}
.journal-card{display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px;padding:18px}
.journal-card>.article-cover{grid-row:1/span 2;margin:0;align-self:start}
.journal-card>div{grid-column:2;font-size:11px}
.journal-card h2{grid-column:2;font-size:16px;margin:0;line-height:1.9}
.journal-card p,.journal-card>.text-link{grid-column:1/-1;margin:0}
.journal-card>.text-link{min-height:44px;display:flex;align-items:center}
.home-page .art-card{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;align-items:start;padding:16px}
.home-page .art-thumb{aspect-ratio:auto;overflow:visible;border-radius:8px}
.home-page .art-thumb .art-tag{position:static;display:block;font-size:10px;margin-top:8px}
.home-page .art-body{padding:0;min-width:0}
.home-page .art-body h3{font-size:15px;line-height:1.9}
.home-page .art-body p{font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-block:8px}
.home-page .art-link{min-height:44px;display:inline-flex;align-items:center}
}


/* Native, single-level family menu; keyboard and no-JS disclosure. */
.site-family-menu { position: relative; max-width: 100%; }
.site-family-menu summary { cursor: pointer; padding: 10px 0; overflow-wrap: anywhere; }
.site-family-menu__links { display: flex; flex-direction: column; gap: 8px; padding: 12px; background: var(--white, #fff); color: #172535; border: 1px solid #e4e7eb; border-radius: 8px; min-width: 190px; }
.nav-menu .site-family-menu__links { position: absolute; inset-inline-start: 0; top: 100%; z-index: 25; box-shadow: 0 8px 20px #17253515; }
.site-family-menu__links a { white-space: normal; overflow-wrap: anywhere; }
.site-family-menu summary:focus-visible { outline: 2px solid var(--focus-color); outline-offset: 4px; }
.site-drawer .site-family-menu__links, .footer-links .site-family-menu__links { min-width: 0; }

/* Shared industrial visual system: white surfaces, steel blue and warm copper. */
.header{background:#FFFFFFF5;border-bottom-color:var(--atrin-line)}
.header.scrolled{box-shadow:0 6px 24px -14px #17355144}
.nav-menu a{border-radius:9px}
.nav-menu a:hover{background:#FFF0E7;color:#A83413}
.btn,.content-page .button{border-radius:11px}
.btn-primary,.content-page .button{background:linear-gradient(120deg,#C44319,#A93110);box-shadow:0 6px 18px -9px #B43B1866;color:#fff}
.btn-primary:hover,.content-page .button:hover{background:linear-gradient(120deg,#D24C20,#B23913);box-shadow:0 9px 22px -10px #B43B1888}
.search-btn,.menu-toggle{border-radius:10px;background:#F5F8FC;border-color:var(--atrin-line)}
:is(.home-page,.content-page) :is(input,select,textarea):focus-visible{outline:2px solid var(--focus-color);outline-offset:3px}
.atrin-footer{background:linear-gradient(145deg,#F0F5FA,#fff 65%);border-top:2px solid #DCE6F0}
.atrin-footer .footer-col h2{color:var(--atrin-navy)}
.atrin-footer .footer-col h2::after{content:'';display:block;width:24px;height:3px;border-radius:4px;background:#C4451C;margin-top:10px}
.atrin-footer .footer-bottom{background:#EAF0F6;border-color:#DBE4EE}
.content-page .hero-band,.hub-heading{background:radial-gradient(ellipse at 5% 0%,#E2ECF7 0%,transparent 58%),linear-gradient(115deg,#F5F8FC,#fff);border-bottom-color:var(--atrin-line)}
:is(.journal-card,.products-family-tile,.guide-next-links a){box-shadow:var(--atrin-elevation);border-color:var(--atrin-line)}
.journal-card{border-top:3px solid #DBE5F0;background:linear-gradient(150deg,#fff 75%,#F1F6FB)}
.journal-card:hover{border-top-color:#BE3E15}
.guide-next{background:radial-gradient(ellipse at 0 0,#E1EBF7,transparent 65%),#F8FAFD}
.home-page .cat-section{background:radial-gradient(ellipse at 100% 0,#FFF0E5,transparent 48%),#fff}
.home-page .cat-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#fff 55%,#F0F5FB);border-color:#DFE7F0;box-shadow:var(--atrin-elevation)}
.home-page .cat-card::after{content:'';position:absolute;inset-block:0;inset-inline-start:0;width:3px;background:linear-gradient(#D95227,#EEBA94);opacity:.7}
.home-page .cat-icon{width:60px;height:60px;background:linear-gradient(140deg,#E5EEF8,#F9FBFD);border:1px solid #DCE6F2;box-shadow:inset 0 1px #fff;color:#B63D18;border-radius:16px}
.home-page .cat-icon svg{width:32px;height:32px}
.home-page .cat-count{background:#FBEDE4;color:#A43514;border:1px solid #F4D9C8}
.home-page .calc-section{background:radial-gradient(ellipse at 100% 50%,#DFEAF6,transparent 65%),#F3F7FB}
.home-page .calc-card{box-shadow:0 22px 50px -30px #17355166;border-color:#DAE4F0}
.home-page .tools-section{background:linear-gradient(150deg,#EDF3FA,#F9FBFD);border-color:#DCE6F1}
.home-page .tool-card{box-shadow:var(--atrin-elevation);border-color:#DCE5F0}
.home-page .tool-head{background:linear-gradient(120deg,#EAF1F9,#F7FAFE);border-bottom-color:#DFE8F2;border-top:3px solid #B6CBE1}
.home-page .tools-grid>.tool-card:nth-child(2) .tool-head{border-top-color:#D48B65;background:linear-gradient(120deg,#FCF0E7,#FFFAF6)}
.home-page .tools-grid>.tool-card:nth-child(3) .tool-head{border-top-color:#829DB7}
.home-page .tool-result{background:linear-gradient(125deg,#203C59,#14263D);box-shadow:inset 0 1px #FFFFFF16}
.home-page .art-section{background:radial-gradient(ellipse at 0 50%,#FCEDE1,transparent 55%),#fff}
.home-page .art-card{border-color:#DFE7EF;box-shadow:var(--atrin-elevation)}
.home-page .art-thumb{background:#E8F0F7}
.home-page .art-body{background:linear-gradient(150deg,#fff 65%,#F6F9FD)}
.home-page .trust-section{background:linear-gradient(130deg,#EAF1F9,#F7FAFD 65%);border-color:#DCE6F1}
.home-page .why-card{border-color:#DCE5EF;box-shadow:var(--atrin-elevation)}
.home-page .why-icon{background:#FFF0E5;width:48px;height:48px;padding:11px;border-radius:13px;border:1px solid #F4DFD0}
.home-page .projects-band{background:var(--atrin-navy);position:relative}
.home-page .projects-band .sec-tag,.home-page .process-label{color:#F2B48D}
.home-page .projects-band h2{color:#fff}
.home-page .projects-band .pb-head p{color:#C2D2E3}
.home-page .process-step{background:#203C56;border-color:#36526C;box-shadow:none;border-top:3px solid #CB7145}
.home-page .process-step h3{color:#fff}
.home-page .process-step p{color:#CFDCE9}
.home-page .step-no{color:#EFB28A;opacity:.8}
.home-page .faq-section{background:radial-gradient(ellipse at 100% 0,#FBEDE2,transparent 60%),#F6F9FC}
.home-page .faq-item{box-shadow:var(--atrin-elevation);border-color:#DFE7EF}
.home-page .faq-item:has(.faq-q[aria-expanded=true]){border-inline-start:3px solid #C5471D}
.home-page .faq-help{background:linear-gradient(130deg,#fff,#EDF3FA);border-color:#DCE6F1}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
:is(.journal-card,.products-family-tile,.guide-next-links a){transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
:is(.journal-card,.products-family-tile,.guide-next-links a):hover{transform:translateY(-4px);box-shadow:0 18px 36px -23px #17355166}
.home-page .cat-card:hover{background:linear-gradient(145deg,#fff 35%,#FFF0E5);border-color:#E5AC8A}
.home-page .cat-card:hover::after{opacity:1}
.btn-primary:hover,.content-page .button:hover{transform:translateY(-2px)}
}
@media(max-width:700px){.home-page .cat-icon{width:40px;height:40px;border-radius:11px}.home-page .cat-icon svg{width:26px;height:26px}.home-page .cat-card{grid-template-columns:40px minmax(0,1fr)}.home-page .process-step{padding:24px 20px}}
@media(prefers-reduced-motion:reduce){:is(.journal-card,.products-family-tile,.guide-next-links a,.btn-primary,.content-page .button):hover{transform:none}}

/* Shared navigation and footer: clear destinations, readable sales lines, compact RTL. */
.header .header-main{gap:22px}
.header-sales{display:flex;align-items:center;gap:14px;flex-shrink:0}
.header-sales-label,.sales-action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:8px;background:#923917;color:#fff;font-size:13px;font-weight:700;padding:0 14px}
.header-sales-label:hover,.sales-action:hover{background:#762a10;color:#fff}
.header .header-phone-links{gap:12px}
.header .header-dial{padding-inline-start:12px;min-height:44px;align-items:center}
.header .header-dial:first-child{border-inline-start:0;padding-inline-start:0}
.header .header-dial bdi{font-size:13px;letter-spacing:.15px}
.header .header-dial small{font-size:10px;color:#566b7e}
.header .nav-menu a[aria-current],.header .site-family-menu.is-current>summary{background:#fff1e7;color:#923917;box-shadow:inset 0 -2px #b44c26}
.site-search-hint{font-size:13px;line-height:2;color:#52677a;margin:0 0 16px}
.site-drawer .drawer-head{align-items:start;padding-bottom:20px;border-bottom:1px solid #e0e7ee;margin-bottom:12px}
.site-drawer .site-dialog-title{margin:0;font-size:18px}
.drawer-intro{font-size:12px;line-height:2;color:#52677a;margin-top:5px}
.site-drawer nav>a{min-height:46px;display:flex;align-items:center;padding:10px 12px}
.site-drawer nav a[aria-current]{background:#fff1e7;color:#923917;border-inline-start:3px solid #b44c26}
.drawer-sales{padding:18px;border:1px solid #dce5ee;border-radius:12px;background:#f3f7fb;margin-top:24px}
.drawer-sales>.sales-action{width:100%}
.nav-menu .site-family-menu>summary{padding-inline:12px}
.nav-menu>a,.site-family-menu summary{min-height:44px;align-content:center}
.header .nav-menu{white-space:normal}
.header .nav-menu>a,.header .nav-menu summary{overflow-wrap:anywhere;text-align:center}
.drawer-sales .drawer-call-links{margin-top:12px;gap:10px}
.drawer-sales .drawer-dial{background:#fff;min-height:54px;border-color:#dce5ee}
.drawer-sales .dial-copy{gap:3px}
.drawer-sales .drawer-dial bdi{font-size:17px}
.atrin-footer{padding-top:42px;background:linear-gradient(140deg,#f0f5fa,#f9fbfd 60%);border-top:1px solid #d6e1eb}
.atrin-footer .footer-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.8fr) minmax(0,.9fr) minmax(0,1.3fr);gap:38px;padding:0 32px 36px;width:100%}
.atrin-footer .footer-col h2{font-size:15px;color:#20394e;margin-bottom:18px}
.atrin-footer .footer-col h2::after{width:22px;height:2px;margin-top:9px;background:#af512c}
.atrin-footer .logo-text>span:last-child{color:#52677a}
.atrin-footer .footer-about p{font-size:13px;line-height:2.15;color:#4c6275;margin:16px 0 12px;max-width:360px}
.atrin-footer .footer-story-link,.atrin-footer .footer-visit-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:12px;font-weight:600;color:#943b1c;line-height:1.9}
.atrin-footer .footer-links{gap:3px;font-size:13px}
.atrin-footer .footer-links a{display:flex;min-height:34px;color:#40586d}
.atrin-footer .footer-links a:hover,.atrin-footer .footer-links a[aria-current]{color:#943b1c;text-decoration:underline;text-underline-offset:5px}
.atrin-footer .footer-call-links{display:grid;gap:8px}
.atrin-footer .footer-dial{display:flex;min-height:56px;padding:9px 14px;background:#fff;border:1px solid #dce5ee;border-radius:10px;color:#20394e}
.atrin-footer .footer-dial .dial-copy{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;width:100%}
.atrin-footer .footer-dial small{font-size:11px;color:#536c81}
.atrin-footer .footer-dial bdi{font-size:17px;font-weight:800;letter-spacing:.2px}
.atrin-footer .footer-location{margin-top:18px}
.atrin-footer .footer-detail-label{display:block;font-size:11px;font-weight:700;color:#536c81;margin-bottom:4px}
.atrin-footer .footer-sales address{margin:0;font-size:12px;line-height:2.05;color:#40586d}
.atrin-footer .footer-email{display:flex;width:fit-content;align-items:center;min-height:44px;font-size:12px;color:#40586d;overflow-wrap:anywhere;max-width:100%}
.atrin-footer .footer-bottom{padding:16px 0;font-size:11px;background:#e9f0f6;color:#536c81;line-height:2;border-color:#d6e1eb}
.atrin-footer #contact{scroll-margin-top:120px}
@media(max-width:1200px){.header .header-sales{display:none}.header .header-main{gap:12px}}
@media(max-width:1100px){.atrin-footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 48px}.atrin-footer .footer-about p{max-width:none}}
@media(max-width:700px){
.atrin-footer{padding-top:30px}
.atrin-footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 22px;padding:0 18px 28px}
.atrin-footer .footer-grid>.footer-col.footer-about{grid-column:1/-1;order:0}
.atrin-footer .footer-sales{grid-column:1/-1;order:1}
.atrin-footer .footer-navigation{order:2}
.atrin-footer .footer-guides{order:3}
.atrin-footer .footer-about p{margin:12px 0 4px;font-size:13px}
.atrin-footer .footer-col h2{font-size:14px;margin-bottom:12px}
.atrin-footer .footer-links a{min-height:44px;font-size:12px}
.atrin-footer .footer-call-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.atrin-footer .footer-dial{padding:10px;min-height:68px}
.atrin-footer .footer-dial .dial-copy{flex-direction:column;align-items:start;gap:4px}
.atrin-footer .footer-dial bdi{font-size:16px;letter-spacing:0}
.atrin-footer .footer-location{margin-top:14px}
.atrin-footer .footer-sales address{font-size:12px}
.atrin-footer .footer-bottom .container{padding-inline:18px}
.site-drawer .drawer-head .drawer-close{flex-shrink:0}
}
@media(max-width:350px){.atrin-footer .footer-grid{column-gap:14px}.atrin-footer .footer-dial bdi{font-size:14px}.atrin-footer .logo-text .logo-h1{font-size:16px}}