@font-face{
  font-family:Shabnam;
  src:url('../fonts/Shabnam.woff') format('woff');
  font-weight:400;
  font-display:swap;
}
@font-face{
  font-family:Shabnam;
  src:url('../fonts/Shabnam-Bold.woff') format('woff');
  font-weight:800;
  font-display:swap;
}

:root{
  --acg-blue:#13519c;
  --acg-blue-2:#0d3f7f;
  --acg-blue-soft:#eef5ff;
  --acg-dark:#302f2d;
  --acg-black:#111315;
  --acg-graphite:#1d2228;
  --acg-gray-900:#24282d;
  --acg-gray-700:#4b5563;
  --acg-gray-500:#7b8794;
  --acg-gray-200:#e7ebf0;
  --acg-gray-100:#f4f6f8;
  --acg-white:#ffffff;
  --acg-border:#dfe5ec;
  --acg-shadow:0 18px 44px rgba(20,35,55,.10);
  --acg-shadow-strong:0 28px 70px rgba(10,28,50,.18);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Shabnam,Tahoma,Arial,sans-serif;
  background:var(--acg-white);
  color:var(--acg-dark);
  line-height:1.9;
}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
button,input,textarea{font-family:inherit}

.acg-wrap{
  width:100%;
  max-width:none;
  padding-inline:clamp(18px,4vw,56px);
  margin:0 auto;
}

/* Header */
.acg-header{
  position:sticky;
  top:0;
  z-index:999;
  background:rgba(255,255,255,.94);
  border-bottom:1px solid var(--acg-border);
  backdrop-filter:blur(14px);
}
.acg-header__inner{
  min-height:78px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding-inline:clamp(18px,4vw,56px);
}
.acg-logo{display:flex;align-items:center;gap:12px}
.acg-logo__mark{
  width:56px;
  height:56px;
  display:grid;
  place-items:center;
  background:var(--acg-blue);
  color:#fff;
  font-weight:900;
  border-radius:0;
  box-shadow:0 14px 34px rgba(19,81,156,.22);
}
.acg-logo__text{display:flex;flex-direction:column;line-height:1.35}
.acg-logo__text strong{color:var(--acg-dark);font-size:15px}
.acg-logo__text small{color:var(--acg-blue);font-size:12px;font-weight:800}
.acg-nav{display:flex;align-items:center;gap:6px}
.acg-nav a{
  padding:10px 14px;
  color:var(--acg-dark);
  font-size:14px;
  font-weight:800;
  position:relative;
}
.acg-nav a::after{
  content:"";
  position:absolute;
  right:14px;
  left:14px;
  bottom:5px;
  height:2px;
  background:var(--acg-blue);
  transform:scaleX(0);
  transform-origin:right;
  transition:.25s ease;
}
.acg-nav a:hover,
.acg-nav a.is-active{color:var(--acg-blue)}
.acg-nav a:hover::after,
.acg-nav a.is-active::after{transform:scaleX(1)}
.acg-header__actions{display:flex;align-items:center;gap:10px}
.acg-header__phone{
  background:var(--acg-blue);
  color:#fff;
  padding:10px 18px;
  font-weight:900;
  border:2px solid var(--acg-blue);
  transition:.25s ease;
}
.acg-header__phone:hover{
  background:var(--acg-dark);
  border-color:var(--acg-dark);
}
.acg-menu-btn{
  display:none;
  width:46px;
  height:46px;
  border:0;
  background:var(--acg-blue);
  cursor:pointer;
}
.acg-menu-btn span{
  display:block;
  width:22px;
  height:2px;
  background:#fff;
  margin:5px auto;
}

/* Hero */
.acg-hero{
  position:relative;
  min-height:calc(100vh - 78px);
  overflow:hidden;
  background:var(--acg-black);
}
.acg-hero__media{position:absolute;inset:0}
.acg-hero__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:grayscale(.15) saturate(.9) contrast(1.08);
}
.acg-hero__overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(270deg,rgba(17,19,21,.96),rgba(19,81,156,.70) 45%,rgba(17,19,21,.30)),
    repeating-linear-gradient(45deg,rgba(255,255,255,.045) 0 1px,transparent 1px 24px);
}
.acg-hero__content{
  position:relative;
  z-index:2;
  min-height:calc(100vh - 78px);
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  text-align:right;
  width:min(980px,92vw);
  margin-right:clamp(18px,6vw,90px);
  color:#fff;
  padding:82px 0;
}
.acg-eyebrow,
.acg-section-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:var(--acg-blue);
  background:rgba(255,255,255,.90);
  border:1px solid rgba(255,255,255,.35);
  padding:7px 12px;
  font-weight:900;
  font-size:.92rem;
}
.acg-section-kicker{
  background:var(--acg-blue-soft);
  border-color:#dbe9fb;
}
.acg-eyebrow::before,
.acg-section-kicker::before{
  content:"";
  width:30px;
  height:2px;
  background:var(--acg-blue);
}
.acg-hero h1{
  margin:18px 0 12px;
  font-size:clamp(2.6rem,7vw,5.5rem);
  line-height:1.15;
  font-weight:900;
  letter-spacing:-1px;
}
.acg-hero__lead{
  max-width:920px;
  color:#fff;
  font-size:clamp(1.12rem,2.3vw,1.55rem);
  font-weight:800;
}
.acg-hero__text{
  max-width:820px;
  color:#d9e2ec;
  font-size:1.08rem;
}
.acg-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:26px;
}

/* Buttons */
.acg-btn{
  min-height:52px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 26px;
  border:2px solid transparent;
  font-weight:900;
  cursor:pointer;
  transition:.28s ease;
  position:relative;
  overflow:hidden;
}
.acg-btn--primary{
  background:var(--acg-blue);
  color:#fff;
  border-color:var(--acg-blue);
}
.acg-btn--primary:hover{
  background:var(--acg-dark);
  border-color:var(--acg-dark);
  transform:translateY(-2px);
}
.acg-btn--ghost{
  background:#fff;
  color:var(--acg-blue);
  border-color:#fff;
}
.acg-btn--ghost:hover{
  background:var(--acg-blue);
  color:#fff;
  border-color:var(--acg-blue);
}
.acg-btn--outline{
  color:#fff;
  border-color:rgba(255,255,255,.45);
  background:rgba(255,255,255,.04);
}
.acg-btn--outline:hover{
  background:#fff;
  color:var(--acg-dark);
  border-color:#fff;
}

/* Section Head */
.acg-section-head{
  text-align:center;
  max-width:920px;
  margin:0 auto 44px;
}
.acg-section-head h2,
.acg-intro__head h2,
.acg-contact-info h2{
  color:var(--acg-dark);
  margin:12px 0 8px;
  font-size:clamp(2rem,4vw,3.1rem);
  line-height:1.3;
  font-weight:900;
}
.acg-section-head h2::after,
.acg-intro__head h2::after,
.acg-contact-info h2::after{
  content:"";
  display:block;
  width:150px;
  height:3px;
  background:var(--acg-blue);
  margin:14px auto 0;
}
.acg-intro__head h2::after,
.acg-contact-info h2::after{margin-right:0}
.acg-section-head p{color:var(--acg-gray-700);margin:8px 0 0}
.acg-section-head--dark h2,
.acg-section-head--dark p{color:#fff}
.acg-section-head--dark .acg-section-kicker{
  background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.12);
  color:#fff;
}
.acg-section-head--dark .acg-section-kicker::before{background:#fff}

/* Intro */
.acg-intro{
  padding:96px 0;
  background:var(--acg-gray-100);
}
.acg-intro__head{margin-bottom:30px}
.acg-intro__grid{
  display:grid;
  grid-template-columns:1.35fr .95fr;
  gap:clamp(28px,4vw,56px);
  align-items:stretch;
}
.acg-intro__image{
  min-height:460px;
  overflow:hidden;
  background:#dfe5eb;
}
.acg-intro__image img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:grayscale(.08) contrast(1.04);
}
.acg-intro__text{
  background:#fff;
  border:1px solid var(--acg-border);
  padding:36px;
  box-shadow:var(--acg-shadow);
  position:relative;
}
.acg-intro__text::before{
  content:"";
  position:absolute;
  top:0;
  right:0;
  width:5px;
  height:100%;
  background:var(--acg-blue);
}
.acg-intro__text p{
  margin:0 0 16px;
  text-align:justify;
  color:#2f3944;
}

/* Features */
.acg-features{
  padding:96px 0;
  background:#fff;
}
.acg-feature-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:22px;
}
.acg-feature-card{
  background:#fff;
  border:1px solid var(--acg-border);
  padding:26px 22px;
  box-shadow:0 8px 22px rgba(0,0,0,.045);
  transition:.25s ease;
  position:relative;
  overflow:hidden;
}
.acg-feature-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:var(--acg-blue);
  transform:scaleY(0);
  transform-origin:bottom;
  transition:.32s ease;
}
.acg-feature-card:hover::before{transform:scaleY(1)}
.acg-feature-card > *{position:relative;z-index:1}
.acg-feature-card:hover{
  transform:translateY(-5px);
  box-shadow:var(--acg-shadow-strong);
}
.acg-feature-card__icon{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  background:var(--acg-blue-soft);
  color:var(--acg-blue);
  border:1px solid #d9e8fa;
  font-size:22px;
  font-weight:900;
  margin-bottom:14px;
}
.acg-feature-card h3{
  margin:0 0 10px;
  color:var(--acg-blue);
  font-size:1.15rem;
}
.acg-feature-card p{
  margin:0;
  color:#3d4a58;
  text-align:justify;
  font-size:.96rem;
}
.acg-feature-card:hover .acg-feature-card__icon{
  background:#fff;
  color:var(--acg-blue);
}
.acg-feature-card:hover h3,
.acg-feature-card:hover p{color:#fff}

/* Products */
.acg-products{
  padding:96px 0;
  background:
    linear-gradient(135deg,rgba(17,19,21,.98),rgba(19,81,156,.80)),
    repeating-linear-gradient(45deg,rgba(255,255,255,.04) 0 1px,transparent 1px 22px);
}
.acg-products-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:18px;
}
.acg-product-card{
  position:relative;
  min-height:420px;
  overflow:hidden;
  background:#111;
  box-shadow:0 16px 34px rgba(0,0,0,.25);
}
.acg-product-card__media,
.acg-product-card__media img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}
.acg-product-card__media img{
  object-fit:cover;
  filter:grayscale(.12) contrast(1.06);
  transition:.45s ease;
}
.acg-product-card__overlay{
  position:absolute;
  inset:auto 0 0 0;
  min-height:122px;
  padding:24px;
  background:rgba(244,246,248,.96);
  color:var(--acg-dark);
  transform:translateY(calc(100% - 122px));
  transition:.38s ease;
}
.acg-product-card:hover .acg-product-card__overlay{transform:translateY(0)}
.acg-product-card:hover img{transform:scale(1.06)}
.acg-product-card h3{
  margin:0 0 10px;
  color:var(--acg-blue);
  font-size:1.14rem;
}
.acg-product-card p{
  margin:0 0 12px;
  color:#364452;
  text-align:justify;
  font-size:.94rem;
}
.acg-product-card a{
  color:var(--acg-blue);
  font-weight:900;
  border-bottom:2px solid var(--acg-blue);
}

/* Specs */
.acg-specs{
  padding:96px 0;
  background:var(--acg-gray-100);
}
.acg-spec-table{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  background:#fff;
  border:1px solid var(--acg-border);
  box-shadow:var(--acg-shadow);
}
.acg-spec-item{
  padding:28px;
  border-left:1px solid var(--acg-border);
  border-bottom:1px solid var(--acg-border);
  transition:.25s ease;
}
.acg-spec-item:hover{
  background:var(--acg-blue);
}
.acg-spec-item span{
  display:block;
  color:var(--acg-gray-500);
  font-size:.92rem;
}
.acg-spec-item strong{
  display:block;
  margin-top:6px;
  color:var(--acg-blue);
  font-size:1.12rem;
}
.acg-spec-item:hover span,
.acg-spec-item:hover strong{color:#fff}

/* Image Map */
.acg-image-map{
  padding:96px 0;
  background:#fff;
}
.acg-map-box{
  position:relative;
  overflow:hidden;
  background:var(--acg-gray-100);
  border:1px solid var(--acg-border);
  box-shadow:var(--acg-shadow);
}
.acg-map-box img{
  width:100%;
  aspect-ratio:16/8;
  object-fit:cover;
  filter:grayscale(.12) contrast(1.04);
}
.acg-map-box::after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at center,transparent 42%,rgba(19,81,156,.16));
  pointer-events:none;
}
.acg-map-point{
  position:absolute;
  z-index:2;
  width:20px;
  height:20px;
  border:0;
  border-radius:50%;
  background:var(--acg-blue);
  box-shadow:0 0 0 8px rgba(19,81,156,.20);
  cursor:pointer;
}
.acg-map-point span{
  position:absolute;
  right:28px;
  top:50%;
  transform:translateY(-50%);
  white-space:nowrap;
  color:#fff;
  background:var(--acg-dark);
  padding:7px 12px;
  font-size:.82rem;
  font-weight:800;
}

/* Brands */
.acg-brands{
  padding:78px 0;
  background:var(--acg-gray-100);
  overflow:hidden;
}
.acg-brand-marquee{
  direction:ltr;
  overflow:hidden;
  width:100%;
}
.acg-brand-track{
  display:flex;
  gap:14px;
  width:max-content;
  animation:acgMarquee 34s linear infinite;
}
.acg-brand-track span{
  min-width:190px;
  height:92px;
  display:grid;
  place-items:center;
  background:#fff;
  color:var(--acg-dark);
  border:1px solid var(--acg-border);
  font-weight:900;
  font-size:1.05rem;
  transition:.25s ease;
}
.acg-brand-track span:hover{
  background:var(--acg-blue);
  color:#fff;
}
@keyframes acgMarquee{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}

/* Clients carousel */
.acg-clients{
  padding:88px 0;
  background:#fff;
  overflow:hidden;
}
.acg-clients-marquee{
  width:100%;
  overflow:hidden;
  direction:ltr;
  padding:8px 0;
}
.acg-clients-track{
  display:flex;
  align-items:center;
  gap:16px;
  width:max-content;
  animation:acgClients 42s linear infinite;
}
.acg-clients-marquee:hover .acg-clients-track{
  animation-play-state:paused;
}
.acg-client-logo{
  width:210px;
  height:120px;
  background:#fff;
  border:1px solid var(--acg-border);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  transition:.25s ease;
}
.acg-client-logo:hover{
  transform:translateY(-4px);
  box-shadow:var(--acg-shadow);
  border-color:rgba(19,81,156,.35);
}
.acg-client-logo img{
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  filter:grayscale(1);
  opacity:.78;
  transition:.25s ease;
}
.acg-client-logo:hover img{
  filter:grayscale(0);
  opacity:1;
}
@keyframes acgClients{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}

/* Services */
.acg-services{
  padding:96px 0;
  background:var(--acg-gray-100);
}
.acg-services-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}
.acg-service-card{
  background:#fff;
  border:1px solid var(--acg-border);
  padding:30px;
  box-shadow:0 8px 22px rgba(0,0,0,.045);
  position:relative;
  overflow:hidden;
  transition:.25s ease;
}
.acg-service-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:var(--acg-blue);
  transform:scale(0);
  transform-origin:top right;
  transition:.32s ease;
}
.acg-service-card:hover::before{transform:scale(1)}
.acg-service-card > *{position:relative;z-index:1}
.acg-service-card:hover{transform:translateY(-4px);box-shadow:var(--acg-shadow-strong)}
.acg-service-card__icon{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  background:var(--acg-blue-soft);
  color:var(--acg-blue);
  border:1px solid #d9e8fa;
  font-size:24px;
  margin-bottom:16px;
}
.acg-service-card h3{
  margin:0 0 10px;
  color:var(--acg-blue);
}
.acg-service-card p{
  margin:0;
  text-align:justify;
  color:#344252;
}
.acg-service-card:hover .acg-service-card__icon{background:#fff}
.acg-service-card:hover h3,
.acg-service-card:hover p{color:#fff}

/* Projects */
.acg-projects{
  padding:96px 0;
  background:linear-gradient(135deg,var(--acg-black),var(--acg-blue-2));
}
.acg-project-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}
.acg-project-card{
  position:relative;
  min-height:360px;
  overflow:hidden;
  background:#111;
}
.acg-project-card img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:grayscale(.15) contrast(1.05);
  transition:.4s ease;
}
.acg-project-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(0deg,rgba(17,19,21,.88),transparent);
}
.acg-project-card div{
  position:absolute;
  z-index:2;
  right:24px;
  left:24px;
  bottom:22px;
}
.acg-project-card h3{
  margin:0;
  color:#fff;
  font-size:1.4rem;
}
.acg-project-card:hover img{transform:scale(1.06)}

/* FAQ */
.acg-faq{
  padding:96px 0;
  background:#fff;
}
.acg-faq-list{
  max-width:1100px;
  margin:0 auto;
}
.acg-faq-item{
  border:1px solid var(--acg-border);
  background:#fff;
  margin-bottom:12px;
  transition:.25s ease;
}
.acg-faq-item:hover{
  border-color:rgba(19,81,156,.45);
  box-shadow:0 8px 22px rgba(19,81,156,.07);
}
.acg-faq-question{
  width:100%;
  border:0;
  background:#fff;
  color:var(--acg-dark);
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:20px;
  cursor:pointer;
  font-weight:900;
  font-size:1.05rem;
  text-align:right;
}
.acg-faq-question:hover{background:var(--acg-blue-soft)}
.acg-faq-question i{
  width:14px;
  height:14px;
  border-left:2px solid var(--acg-blue);
  border-bottom:2px solid var(--acg-blue);
  transform:rotate(-45deg);
  transition:.25s;
}
.acg-faq-question[aria-expanded="true"] i{
  transform:rotate(135deg);
}
.acg-faq-answer{
  padding:0 20px 18px;
}
.acg-faq-answer p{
  margin:0;
  color:#374554;
  text-align:justify;
}

/* Contact */
.acg-contact{
  padding:96px 0;
  background:var(--acg-gray-100);
}
.acg-contact-card{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:38px;
  background:var(--acg-dark);
  border:1px solid rgba(255,255,255,.12);
  padding:38px;
  box-shadow:var(--acg-shadow-strong);
}
.acg-contact-info{
  color:#fff;
}
.acg-contact-info h2{color:#fff}
.acg-contact-info p{
  color:#e5edf5;
  text-align:justify;
}
.acg-contact-info img{
  margin-top:22px;
  width:100%;
  max-height:330px;
  object-fit:cover;
  border:1px solid rgba(255,255,255,.16);
  filter:grayscale(.08) contrast(1.04);
}
.acg-contact-form{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  align-content:start;
}
.acg-contact-form label{
  display:flex;
  flex-direction:column;
  gap:7px;
  color:#fff;
  font-weight:900;
}
.acg-contact-form input,
.acg-contact-form textarea{
  border:1px solid rgba(255,255,255,.20);
  background:#fff;
  color:var(--acg-dark);
  padding:13px 14px;
  outline:0;
}
.acg-contact-form input:focus,
.acg-contact-form textarea:focus{
  border-color:var(--acg-blue);
  box-shadow:0 0 0 3px rgba(19,81,156,.22);
}
.acg-contact-form .full{grid-column:1/-1}

/* Footer */
.acg-footer{
  background:var(--acg-black);
  color:#d7e4ef;
  padding-top:70px;
}
.acg-footer__grid{
  display:grid;
  grid-template-columns:1.1fr .7fr 1fr 1.3fr;
  gap:34px;
  padding-inline:clamp(18px,4vw,56px);
}
.acg-footer__brand{
  font-size:3rem;
  font-weight:900;
  color:#fff;
}
.acg-footer__tagline{color:#b8d7ff!important;font-weight:900}
.acg-footer h3{color:#fff;margin-top:0}
.acg-footer a{
  display:block;
  color:#c9d6e2;
  margin:8px 0;
  transition:.2s ease;
}
.acg-footer a:hover{color:#fff;padding-right:4px}
.acg-footer p{color:#aebdcc}
.acg-footer__bottom{
  margin-top:48px;
  border-top:1px solid rgba(255,255,255,.08);
  padding:18px clamp(18px,4vw,56px);
  display:flex;
  justify-content:space-between;
  gap:16px;
  color:#8ea3b8;
  font-size:.9rem;
}

/* ===== Soft Industrial Motion Patch ===== */
:root{
  --acg-ease:cubic-bezier(.22,.61,.36,1);
  --acg-soft-shadow:0 14px 34px rgba(20,35,55,.08);
  --acg-soft-shadow-hover:0 22px 54px rgba(19,81,156,.16);
}

.acg-feature-card,
.acg-service-card,
.acg-product-card,
.acg-project-card,
.acg-client-logo,
.acg-brand-track span,
.acg-spec-item,
.acg-faq-item,
.acg-btn,
.acg-header__phone,
.acg-nav a,
.acg-product-card__overlay,
.acg-product-card__media img,
.acg-project-card img{
  transition:
    transform .55s var(--acg-ease),
    box-shadow .55s var(--acg-ease),
    background-color .55s var(--acg-ease),
    color .45s var(--acg-ease),
    border-color .45s var(--acg-ease),
    opacity .45s var(--acg-ease),
    filter .55s var(--acg-ease);
}

.acg-feature-card:hover,
.acg-service-card:hover,
.acg-client-logo:hover,
.acg-faq-item:hover{
  transform:translateY(-3px);
  box-shadow:var(--acg-soft-shadow-hover);
}

.acg-product-card:hover img,
.acg-project-card:hover img{
  transform:scale(1.025);
}

.acg-btn:hover,
.acg-header__phone:hover{
  transform:translateY(-1px);
}

.acg-feature-card::before,
.acg-service-card::before{
  transition:transform .55s var(--acg-ease);
}

.acg-brand-track{
  animation-duration:58s;
}

.acg-clients-track{
  animation-duration:86s;
}

.acg-client-logo{
  box-shadow:var(--acg-soft-shadow);
}

.acg-client-logo img{
  filter:none !important;
  opacity:1 !important;
}

.acg-client-logo:hover{
  transform:translateY(-3px) scale(1.015);
  border-color:rgba(19,81,156,.28);
}

.acg-brand-track span:hover{
  transform:translateY(-2px);
  box-shadow:var(--acg-soft-shadow);
}

.acg-map-point{
  transition:
    transform .45s var(--acg-ease),
    box-shadow .45s var(--acg-ease),
    background-color .45s var(--acg-ease);
}

.acg-map-point:hover{
  transform:scale(1.12);
  box-shadow:0 0 0 12px rgba(19,81,156,.14);
}

@media (prefers-reduced-motion: reduce){
  *{
    animation:none !important;
    transition:none !important;
    scroll-behavior:auto !important;
  }
}

/* ===== Final ACG Soft Industrial Polish ===== */
:root{
  --acg-radius:0px;
  --acg-ease:cubic-bezier(.22,.61,.36,1);
  --acg-card-shadow:0 12px 32px rgba(30,42,55,.08);
  --acg-card-shadow-hover:0 24px 58px rgba(19,81,156,.16);
  --acg-img-shadow:0 18px 46px rgba(25,35,45,.14);
}

/* همه باکس‌ها نرم‌تر و صنعتی‌تر */
.acg-intro__text,
.acg-feature-card,
.acg-product-card,
.acg-spec-table,
.acg-map-box,
.acg-brand-track span,
.acg-client-logo,
.acg-service-card,
.acg-project-card,
.acg-faq-item,
.acg-contact-card{
  box-shadow:var(--acg-card-shadow);
  border-radius:var(--acg-radius);
}

/* کنترل تصویرها داخل باکس استاندارد */
.acg-intro__image,
.acg-product-card__media,
.acg-map-box,
.acg-project-card,
.acg-contact-info img{
  overflow:hidden;
  box-shadow:var(--acg-img-shadow);
  background:#eef2f6;
}

/* سایزهای کنترل‌شده‌تر تصویر */
.acg-intro__image{
  min-height:360px !important;
  max-height:520px;
}

.acg-intro__image img{
  height:100%;
  object-fit:cover;
}

.acg-product-card{
  min-height:360px !important;
}

.acg-project-card{
  min-height:310px !important;
}

.acg-contact-info img{
  max-height:260px !important;
  object-fit:cover;
}

.acg-map-box{
  max-width:1280px;
  margin-inline:auto;
}

.acg-map-box img{
  aspect-ratio:16/7.2 !important;
  object-fit:cover;
}

/* موشن نرم سراسری */
.acg-feature-card,
.acg-service-card,
.acg-product-card,
.acg-project-card,
.acg-client-logo,
.acg-brand-track span,
.acg-spec-item,
.acg-faq-item,
.acg-btn,
.acg-header__phone,
.acg-nav a,
.acg-product-card__overlay,
.acg-product-card__media img,
.acg-project-card img,
.acg-intro__image img,
.acg-contact-info img,
.acg-map-box img{
  transition:
    transform .7s var(--acg-ease),
    box-shadow .7s var(--acg-ease),
    background-color .6s var(--acg-ease),
    color .5s var(--acg-ease),
    border-color .5s var(--acg-ease),
    opacity .5s var(--acg-ease),
    filter .7s var(--acg-ease);
}

.acg-feature-card:hover,
.acg-service-card:hover,
.acg-client-logo:hover,
.acg-brand-track span:hover,
.acg-faq-item:hover{
  transform:translateY(-4px);
  box-shadow:var(--acg-card-shadow-hover);
}

.acg-product-card:hover img,
.acg-project-card:hover img,
.acg-intro__image:hover img,
.acg-contact-info img:hover{
  transform:scale(1.025);
}

/* برند تجهیزات با لوگو */
.acg-brand-track{
  animation-duration:72s !important;
}

.acg-brand-track span.acg-brand-logo{
  min-width:210px;
  height:112px;
  padding:16px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  background:#fff;
}

.acg-brand-logo img{
  max-width:130px;
  max-height:48px;
  object-fit:contain;
}

.acg-brand-logo em{
  font-style:normal;
  font-size:.82rem;
  color:var(--acg-gray-700);
  font-weight:800;
}

.acg-brand-track span.acg-brand-logo:hover{
  background:#fff;
  border-color:rgba(19,81,156,.35);
}

.acg-brand-track span.acg-brand-logo:hover em{
  color:var(--acg-blue);
}

/* کاروسل مشتریان خیلی آرام‌تر + رنگی */
.acg-clients-track{
  animation-duration:125s !important;
}

.acg-client-logo{
  width:190px !important;
  height:104px !important;
  padding:18px !important;
  background:#fff;
}

.acg-client-logo img{
  filter:none !important;
  opacity:1 !important;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
}

.acg-client-logo:hover{
  transform:translateY(-4px) scale(1.012);
  border-color:rgba(19,81,156,.30);
  box-shadow:var(--acg-card-shadow-hover);
}

/* محصولات کمی نرم‌تر */
.acg-product-card__overlay{
  background:rgba(255,255,255,.96);
  box-shadow:0 -14px 38px rgba(20,30,40,.10);
}

/* فرم و فیلدها نرم‌تر */
.acg-contact-form input,
.acg-contact-form textarea{
  transition:border-color .45s var(--acg-ease), box-shadow .45s var(--acg-ease), transform .45s var(--acg-ease);
}

.acg-contact-form input:focus,
.acg-contact-form textarea:focus{
  transform:translateY(-1px);
}

/* موبایل */
@media(max-width:720px){
  .acg-intro__image{
    min-height:260px !important;
  }

  .acg-product-card{
    min-height:320px !important;
  }

  .acg-project-card{
    min-height:260px !important;
  }

  .acg-client-logo{
    width:140px !important;
    height:82px !important;
    padding:12px !important;
  }

  .acg-brand-track span.acg-brand-logo{
    min-width:160px;
    height:96px;
  }

  .acg-brand-logo img{
    max-width:105px;
    max-height:40px;
  }
}

/* ===== ACG Clean Minimal Final Layer ===== */

:root{
  --acg-blue:#13519c;
  --acg-dark:#302f2d;
  --acg-soft:#f5f7fa;
  --acg-line:#e4e9ef;
  --acg-shadow-clean:0 10px 30px rgba(20,32,45,.07);
  --acg-shadow-clean-hover:0 18px 46px rgba(19,81,156,.13);
  --acg-ease:cubic-bezier(.22,.61,.36,1);
}

/* کاهش شلوغی بصری */
.acg-feature-card,
.acg-service-card,
.acg-product-card,
.acg-project-card,
.acg-client-logo,
.acg-brand-logo,
.acg-spec-table,
.acg-map-box,
.acg-intro__text,
.acg-contact-card,
.acg-faq-item{
  border:1px solid var(--acg-line) !important;
  box-shadow:var(--acg-shadow-clean) !important;
}

/* هاور نرم و مینیمال */
.acg-feature-card:hover,
.acg-service-card:hover,
.acg-client-logo:hover,
.acg-brand-logo:hover,
.acg-faq-item:hover{
  transform:translateY(-3px) !important;
  box-shadow:var(--acg-shadow-clean-hover) !important;
}

/* کمتر کردن شدت رنگ در هاورها */
.acg-feature-card::before,
.acg-service-card::before{
  background:var(--acg-blue) !important;
  opacity:.92 !important;
}

/* تصاویر کنترل‌شده‌تر */
.acg-intro__image{
  min-height:320px !important;
  max-height:430px !important;
}

.acg-product-card{
  min-height:320px !important;
}

.acg-project-card{
  min-height:270px !important;
}

.acg-map-box{
  max-width:1120px !important;
}

.acg-map-box img{
  aspect-ratio:16/7.8 !important;
}

.acg-contact-info img{
  max-height:240px !important;
}

/* همه تصویرها داخل باکس نرم */
.acg-intro__image img,
.acg-product-card img,
.acg-project-card img,
.acg-map-box img,
.acg-contact-info img{
  transition:transform .85s var(--acg-ease), filter .85s var(--acg-ease) !important;
}

.acg-intro__image:hover img,
.acg-product-card:hover img,
.acg-project-card:hover img,
.acg-contact-info img:hover{
  transform:scale(1.018) !important;
}

/* برندها با لوگو، ساده‌تر */
.acg-brand-track{
  animation-duration:115s !important;
}

.acg-brand-track span.acg-brand-logo{
  min-width:175px !important;
  height:96px !important;
  padding:14px !important;
  background:#fff !important;
}

.acg-brand-logo img{
  max-width:108px !important;
  max-height:38px !important;
}

.acg-brand-logo em{
  font-size:.78rem !important;
}

/* مشتریان آرام‌تر و رنگی */
.acg-clients-track{
  animation-duration:180s !important;
}

.acg-client-logo{
  width:165px !important;
  height:90px !important;
  padding:14px !important;
  background:#fff !important;
}

.acg-client-logo img{
  filter:none !important;
  opacity:1 !important;
}

/* تیترها تمیزتر */
.acg-section-head{
  margin-bottom:32px !important;
}

.acg-section-head h2,
.acg-intro__head h2,
.acg-contact-info h2{
  font-size:clamp(1.75rem,3.4vw,2.65rem) !important;
}

.acg-section-head h2::after,
.acg-intro__head h2::after,
.acg-contact-info h2::after{
  width:96px !important;
  height:2px !important;
}

/* سکشن‌ها کمی جمع‌وجورتر */
.acg-intro,
.acg-features,
.acg-products,
.acg-specs,
.acg-image-map,
.acg-brands,
.acg-clients,
.acg-services,
.acg-projects,
.acg-faq,
.acg-contact{
  padding-block:clamp(58px,6vw,82px) !important;
}

/* حذف حس قالب آماده */
.acg-eyebrow,
.acg-section-kicker{
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
}

.acg-section-kicker{
  color:var(--acg-blue) !important;
}

.acg-hero .acg-eyebrow{
  color:#fff !important;
}

/* دکمه‌ها مینیمال‌تر */
.acg-btn,
.acg-header__phone{
  box-shadow:none !important;
}

.acg-btn:hover,
.acg-header__phone:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 12px 28px rgba(19,81,156,.13) !important;
}

/* هدر تمیزتر */
.acg-header{
  box-shadow:0 8px 24px rgba(20,32,45,.04) !important;
}

/* موبایل */
@media(max-width:720px){
  .acg-product-card{min-height:300px !important;}
  .acg-project-card{min-height:235px !important;}
  .acg-client-logo{width:128px !important;height:76px !important;}
  .acg-brand-track span.acg-brand-logo{min-width:140px !important;height:84px !important;}
}

/* ===== About OpenWinch ACG Page ===== */

.about-wrap{
  width:100%;
  max-width:none;
  padding-inline:clamp(18px,4vw,56px);
  margin:0 auto;
}

.about-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:var(--acg-blue);
  font-weight:900;
  font-size:.92rem;
}

.about-kicker::before{
  content:"";
  width:30px;
  height:2px;
  background:var(--acg-blue);
}

.about-section-head{
  max-width:920px;
  margin:0 auto 36px;
  text-align:center;
}

.about-section-head h2{
  margin:12px 0 8px;
  color:var(--acg-dark);
  font-size:clamp(1.8rem,3.5vw,2.75rem);
  line-height:1.35;
  font-weight:900;
}

.about-section-head h2::after{
  content:"";
  display:block;
  width:100px;
  height:2px;
  background:var(--acg-blue);
  margin:14px auto 0;
}

.about-section-head p{
  color:var(--acg-gray-700);
  line-height:2;
  margin:8px 0 0;
}

.about-section-head--dark h2,
.about-section-head--dark p{
  color:#fff;
}

.about-section-head--dark .about-kicker{
  color:#fff;
}

.about-section-head--dark .about-kicker::before{
  background:#fff;
}

/* Hero */
.about-hero{
  position:relative;
  min-height:clamp(460px,62vh,680px);
  overflow:hidden;
  background:#111315;
  display:flex;
  align-items:center;
}

.about-hero__media{
  position:absolute;
  inset:0;
}

.about-hero__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:grayscale(.12) contrast(1.06);
}

.about-hero__overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(270deg,rgba(17,19,21,.94),rgba(19,81,156,.58) 48%,rgba(17,19,21,.22)),
    repeating-linear-gradient(45deg,rgba(255,255,255,.028) 0 1px,transparent 1px 26px);
}

.about-hero__content{
  position:relative;
  z-index:2;
  width:min(980px,92vw);
  margin-right:clamp(18px,6vw,90px);
  color:#fff;
  padding:70px 0;
}

.about-hero .about-kicker{
  color:#fff;
}

.about-hero .about-kicker::before{
  background:#fff;
}

.about-hero h1{
  margin:18px 0 14px;
  font-size:clamp(2.4rem,6vw,4.8rem);
  line-height:1.2;
  font-weight:900;
}

.about-hero p{
  max-width:820px;
  font-size:clamp(1.05rem,2.1vw,1.35rem);
  color:#eef4fb;
  line-height:2;
}

.about-hero__actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin-top:26px;
}

/* Buttons */
.about-btn{
  min-height:52px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 28px;
  border:2px solid transparent;
  font-weight:900;
  transition:
    transform .55s var(--acg-ease),
    box-shadow .55s var(--acg-ease),
    background-color .55s var(--acg-ease),
    color .45s var(--acg-ease),
    border-color .45s var(--acg-ease);
}

.about-btn--primary{
  background:var(--acg-blue);
  color:#fff;
  border-color:var(--acg-blue);
}

.about-btn--primary:hover{
  background:var(--acg-dark);
  border-color:var(--acg-dark);
  transform:translateY(-2px);
  box-shadow:0 16px 34px rgba(19,81,156,.16);
}

.about-btn--secondary{
  background:#fff;
  color:var(--acg-blue);
  border-color:#fff;
}

.about-btn--secondary:hover{
  background:var(--acg-blue);
  color:#fff;
  border-color:var(--acg-blue);
  transform:translateY(-2px);
}

/* Intro */
.about-intro{
  padding-block:clamp(64px,7vw,92px);
  background:#f5f7fa;
}

.about-intro__grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:clamp(28px,4vw,56px);
  align-items:stretch;
}

.about-intro__text{
  background:#fff;
  border:1px solid var(--acg-line);
  box-shadow:var(--acg-shadow-clean);
  padding:clamp(26px,4vw,42px);
  position:relative;
}

.about-intro__text::before{
  content:"";
  position:absolute;
  top:0;
  right:0;
  width:4px;
  height:100%;
  background:var(--acg-blue);
}

.about-intro__text h2{
  margin:14px 0 18px;
  color:var(--acg-dark);
  font-size:clamp(1.65rem,3vw,2.45rem);
  line-height:1.45;
  font-weight:900;
}

.about-intro__text p{
  margin:0 0 15px;
  color:#303b46;
  text-align:justify;
  line-height:2.08;
}

.about-intro__image{
  margin:0;
  overflow:hidden;
  min-height:420px;
  max-height:560px;
  border:1px solid var(--acg-line);
  box-shadow:var(--acg-shadow-clean);
  background:#eef2f6;
}

.about-intro__image img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .85s var(--acg-ease);
}

.about-intro__image:hover img{
  transform:scale(1.018);
}

/* Engineering cards */
.about-engineering{
  padding-block:clamp(64px,7vw,92px);
  background:#fff;
}

.about-capability-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:22px;
}

.about-cap-card{
  background:#fff;
  border:1px solid var(--acg-line);
  box-shadow:var(--acg-shadow-clean);
  padding:26px 22px;
  transition:transform .65s var(--acg-ease), box-shadow .65s var(--acg-ease), background .65s var(--acg-ease);
  position:relative;
  overflow:hidden;
}

.about-cap-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:var(--acg-blue);
  transform:scaleY(0);
  transform-origin:bottom;
  transition:transform .55s var(--acg-ease);
  opacity:.92;
}

.about-cap-card:hover::before{
  transform:scaleY(1);
}

.about-cap-card > *{
  position:relative;
  z-index:1;
}

.about-cap-card:hover{
  transform:translateY(-3px);
  box-shadow:var(--acg-shadow-clean-hover);
}

.about-cap-card__icon{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  background:#eef5ff;
  color:var(--acg-blue);
  border:1px solid #dbe9fb;
  font-size:23px;
  margin-bottom:14px;
}

.about-cap-card h3{
  margin:0 0 10px;
  color:var(--acg-blue);
  font-size:1.15rem;
}

.about-cap-card p{
  margin:0;
  color:#354250;
  text-align:justify;
  line-height:2;
}

.about-cap-card:hover .about-cap-card__icon{
  background:#fff;
}

.about-cap-card:hover h3,
.about-cap-card:hover p{
  color:#fff;
}

/* Process */
.about-process{
  padding-block:clamp(64px,7vw,92px);
  background:#f5f7fa;
}

.about-process__grid{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:clamp(28px,4vw,56px);
  align-items:center;
}

.about-process__image{
  margin:0;
  overflow:hidden;
  border:1px solid var(--acg-line);
  box-shadow:var(--acg-shadow-clean);
  background:#eef2f6;
}

.about-process__image img{
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  transition:transform .85s var(--acg-ease);
}

.about-process__image:hover img{
  transform:scale(1.018);
}

.about-process__content h2{
  margin:14px 0 16px;
  color:var(--acg-dark);
  font-size:clamp(1.75rem,3.3vw,2.6rem);
  line-height:1.4;
  font-weight:900;
}

.about-process__content h2::after{
  content:"";
  display:block;
  width:100px;
  height:2px;
  background:var(--acg-blue);
  margin-top:14px;
}

.about-process__content p{
  color:#303b46;
  line-height:2.08;
  text-align:justify;
}

/* Why */
.about-why{
  padding-block:clamp(64px,7vw,92px);
  background:#fff;
}

.about-why-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:14px;
}

.about-why-item{
  background:#fff;
  border:1px solid var(--acg-line);
  box-shadow:var(--acg-shadow-clean);
  padding:20px;
  min-height:138px;
  transition:transform .65s var(--acg-ease), box-shadow .65s var(--acg-ease), background .65s var(--acg-ease);
}

.about-why-item:hover{
  background:var(--acg-blue);
  transform:translateY(-3px);
  box-shadow:var(--acg-shadow-clean-hover);
}

.about-why-item span{
  display:block;
  color:var(--acg-blue);
  font-weight:900;
  font-size:1.2rem;
  margin-bottom:8px;
}

.about-why-item p{
  margin:0;
  color:#303b46;
  line-height:1.9;
  font-weight:800;
}

.about-why-item:hover span,
.about-why-item:hover p{
  color:#fff;
}

/* Industries */
.about-industries{
  padding-block:clamp(64px,7vw,92px);
  background:linear-gradient(135deg,#111315,#0d3f7f);
}

.about-industries__list{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  justify-content:center;
}

.about-industries__list span{
  min-width:150px;
  min-height:58px;
  display:grid;
  place-items:center;
  padding:10px 18px;
  color:#fff;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.06);
  font-weight:900;
  transition:background .55s var(--acg-ease), transform .55s var(--acg-ease), border-color .55s var(--acg-ease);
}

.about-industries__list span:hover{
  background:#fff;
  color:var(--acg-blue);
  border-color:#fff;
  transform:translateY(-2px);
}

/* Brand links */
.about-brand-links{
  padding-block:clamp(64px,7vw,92px);
  background:#fff;
}

.about-link-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}

.about-link-card{
  position:relative;
  display:block;
  min-height:360px;
  overflow:hidden;
  color:#fff;
  background:#111;
  box-shadow:var(--acg-shadow-clean);
}

.about-link-card img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:grayscale(.12) contrast(1.04);
  transition:transform .85s var(--acg-ease);
}

.about-link-card span{
  position:absolute;
  inset:0;
  background:linear-gradient(0deg,rgba(17,19,21,.86),rgba(19,81,156,.20));
  z-index:1;
}

.about-link-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:var(--acg-blue);
  transform:translateY(100%);
  transition:transform .65s var(--acg-ease);
  z-index:2;
  opacity:.92;
}

.about-link-card:hover::after{
  transform:translateY(0);
}

.about-link-card:hover img{
  transform:scale(1.025);
}

.about-link-card div{
  position:absolute;
  z-index:3;
  right:24px;
  left:24px;
  bottom:24px;
}

.about-link-card h3{
  margin:0 0 8px;
  color:#fff;
  font-size:1.35rem;
}

.about-link-card h3::after{
  content:"";
  display:block;
  width:0;
  height:2px;
  background:#fff;
  margin-top:10px;
  transition:width .45s var(--acg-ease);
}

.about-link-card:hover h3::after{
  width:90px;
}

.about-link-card p{
  margin:0;
  color:#eef4fb;
  line-height:1.9;
}

/* CTA */
.about-cta{
  background:#f5f7fa;
  padding-block:clamp(58px,6vw,82px);
}

.about-cta__wrap{
  width:100%;
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:28px;
  align-items:center;
}

.about-cta__text{
  padding-inline:clamp(18px,4vw,56px) clamp(14px,3vw,34px);
}

.about-cta__text h2{
  margin:14px 0;
  color:var(--acg-dark);
  font-size:clamp(1.8rem,3.4vw,2.7rem);
  line-height:1.45;
  font-weight:900;
}

.about-cta__text h2::after{
  content:"";
  display:block;
  width:100px;
  height:2px;
  background:var(--acg-blue);
  margin-top:14px;
}

.about-cta__text p{
  color:#303b46;
  line-height:2;
}

.about-cta__actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:22px;
}

.about-cta__image{
  margin:0;
  padding-inline:clamp(14px,3vw,34px) clamp(18px,4vw,56px);
}

.about-cta__image img{
  width:100%;
  max-height:340px;
  object-fit:cover;
  border:1px solid var(--acg-line);
  box-shadow:var(--acg-shadow-clean);
}

/* About Responsive */
@media(max-width:1200px){
  .about-capability-grid{grid-template-columns:repeat(2,1fr)}
  .about-why-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:900px){
  .about-intro__grid,
  .about-process__grid,
  .about-cta__wrap,
  .about-link-grid{
    grid-template-columns:1fr;
  }

  .about-intro__image{
    min-height:300px;
  }

  .about-link-card{
    min-height:300px;
  }
}

@media(max-width:640px){
  .about-hero__content{
    margin:0;
    padding:70px 18px;
    width:100%;
  }

  .about-hero__actions,
  .about-btn{
    width:100%;
  }

  .about-capability-grid,
  .about-why-grid{
    grid-template-columns:1fr;
  }

  .about-industries__list span{
    min-width:calc(50% - 8px);
  }

  .about-cta__actions{
    width:100%;
  }
}

/* ===== Contact ACG Page ===== */

.contact-wrap{
  width:100%;
  max-width:none;
  padding-inline:clamp(18px,4vw,56px);
  margin:0 auto;
}

.contact-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:var(--acg-blue);
  font-weight:900;
  font-size:.92rem;
}

.contact-kicker::before{
  content:"";
  width:30px;
  height:2px;
  background:var(--acg-blue);
}

.contact-section-head{
  max-width:920px;
  margin:0 auto 36px;
  text-align:center;
}

.contact-section-head h2{
  margin:12px 0 8px;
  color:var(--acg-dark);
  font-size:clamp(1.8rem,3.5vw,2.75rem);
  line-height:1.35;
  font-weight:900;
}

.contact-section-head h2::after{
  content:"";
  display:block;
  width:100px;
  height:2px;
  background:var(--acg-blue);
  margin:14px auto 0;
}

.contact-section-head p{
  margin:8px 0 0;
  color:var(--acg-gray-700);
  line-height:2;
}

/* Hero */
.contact-hero{
  position:relative;
  min-height:clamp(460px,62vh,680px);
  overflow:hidden;
  background:#111315;
  display:flex;
  align-items:center;
}

.contact-hero__media{
  position:absolute;
  inset:0;
}

.contact-hero__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:grayscale(.1) contrast(1.06);
}

.contact-hero__overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(270deg,rgba(17,19,21,.94),rgba(19,81,156,.60) 48%,rgba(17,19,21,.22)),
    repeating-linear-gradient(45deg,rgba(255,255,255,.028) 0 1px,transparent 1px 26px);
}

.contact-hero__content{
  position:relative;
  z-index:2;
  width:min(980px,92vw);
  margin-right:clamp(18px,6vw,90px);
  color:#fff;
  padding:72px 0;
}

.contact-hero .contact-kicker{
  color:#fff;
}

.contact-hero .contact-kicker::before{
  background:#fff;
}

.contact-hero h1{
  margin:18px 0 14px;
  font-size:clamp(2.2rem,5.2vw,4.5rem);
  line-height:1.22;
  font-weight:900;
}

.contact-hero p{
  max-width:820px;
  font-size:clamp(1.04rem,2vw,1.28rem);
  color:#eef4fb;
  line-height:2;
}

.contact-hero__actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin-top:26px;
}

/* Buttons */
.contact-btn{
  min-height:52px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 28px;
  border:2px solid transparent;
  font-weight:900;
  cursor:pointer;
  transition:
    transform .55s var(--acg-ease),
    box-shadow .55s var(--acg-ease),
    background-color .55s var(--acg-ease),
    color .45s var(--acg-ease),
    border-color .45s var(--acg-ease);
}

.contact-btn--primary{
  background:var(--acg-blue);
  color:#fff;
  border-color:var(--acg-blue);
}

.contact-btn--primary:hover{
  background:var(--acg-dark);
  border-color:var(--acg-dark);
  transform:translateY(-2px);
  box-shadow:0 16px 34px rgba(19,81,156,.16);
}

.contact-btn--secondary{
  background:#fff;
  color:var(--acg-blue);
  border-color:#fff;
}

.contact-btn--secondary:hover{
  background:var(--acg-blue);
  color:#fff;
  border-color:var(--acg-blue);
  transform:translateY(-2px);
}

/* Info */
.contact-info{
  padding-block:clamp(64px,7vw,92px);
  background:#f5f7fa;
}

.contact-info__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  max-width:1240px;
  margin:0 auto;
}

.contact-info-card{
  position:relative;
  display:flex;
  gap:16px;
  align-items:flex-start;
  min-height:144px;
  padding:24px;
  background:#fff;
  border:1px solid var(--acg-line);
  box-shadow:var(--acg-shadow-clean);
  overflow:hidden;
  transition:transform .65s var(--acg-ease), box-shadow .65s var(--acg-ease), border-color .65s var(--acg-ease);
}

.contact-info-card--wide{
  grid-column:1 / -1;
}

.contact-info-card::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:var(--acg-blue);
}

.contact-info-card:hover{
  transform:translateY(-3px);
  box-shadow:var(--acg-shadow-clean-hover);
  border-color:rgba(19,81,156,.28);
}

.contact-info-card__icon{
  width:52px;
  height:52px;
  flex:0 0 52px;
  display:grid;
  place-items:center;
  background:#eef5ff;
  color:var(--acg-blue);
  border:1px solid #dbe9fb;
  font-size:23px;
}

.contact-info-card__body h3{
  margin:0 0 8px;
  color:var(--acg-dark);
  font-size:1.05rem;
  font-weight:900;
}

.contact-info-card__body p{
  margin:0;
  color:#334155;
  line-height:2;
  font-size:.96rem;
}

.contact-info-card__body p + p{
  margin-top:4px;
}

.contact-info-card__body a{
  color:var(--acg-blue);
  font-weight:900;
}

.contact-info-card__body span{
  display:inline-flex;
  margin-top:12px;
  padding:6px 10px;
  background:#eef5ff;
  color:var(--acg-dark);
  font-size:.82rem;
  font-weight:900;
}

/* Request */
.contact-request{
  padding-block:clamp(64px,7vw,92px);
  background:#fff;
}

.contact-request__grid{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:clamp(28px,4vw,56px);
  align-items:start;
}

.contact-request__text{
  background:#f5f7fa;
  border:1px solid var(--acg-line);
  box-shadow:var(--acg-shadow-clean);
  padding:clamp(26px,4vw,42px);
}

.contact-request__text h2{
  margin:14px 0 14px;
  color:var(--acg-dark);
  font-size:clamp(1.7rem,3.2vw,2.55rem);
  line-height:1.45;
  font-weight:900;
}

.contact-request__text h2::after{
  content:"";
  display:block;
  width:100px;
  height:2px;
  background:var(--acg-blue);
  margin-top:14px;
}

.contact-request__text p{
  color:#303b46;
  line-height:2;
  text-align:justify;
}

.contact-request__text ul{
  list-style:none;
  padding:0;
  margin:20px 0 0;
}

.contact-request__text li{
  position:relative;
  padding-right:18px;
  margin:10px 0;
  color:#303b46;
  font-weight:800;
}

.contact-request__text li::before{
  content:"";
  position:absolute;
  right:0;
  top:.82em;
  width:8px;
  height:8px;
  background:var(--acg-blue);
}

.contact-form{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  background:var(--acg-dark);
  box-shadow:var(--acg-shadow-clean-hover);
  padding:clamp(24px,4vw,38px);
}

.contact-form label{
  display:flex;
  flex-direction:column;
  gap:8px;
  color:#fff;
  font-weight:900;
}

.contact-form input,
.contact-form textarea{
  width:100%;
  border:1px solid rgba(255,255,255,.18);
  background:#fff;
  color:var(--acg-dark);
  padding:13px 14px;
  outline:none;
  transition:border-color .45s var(--acg-ease), box-shadow .45s var(--acg-ease), transform .45s var(--acg-ease);
}

.contact-form input:focus,
.contact-form textarea:focus{
  border-color:var(--acg-blue);
  box-shadow:0 0 0 3px rgba(19,81,156,.22);
  transform:translateY(-1px);
}

.contact-form .full{
  grid-column:1 / -1;
}

/* Map */
.contact-map{
  padding-block:clamp(64px,7vw,92px);
  background:#f5f7fa;
}

.contact-map__box{
  max-width:1120px;
  min-height:420px;
  margin:0 auto;
  display:grid;
  place-items:center;
  padding:18px;
  background:#fff;
  border:1px solid var(--acg-line);
  box-shadow:var(--acg-shadow-clean);
}

.contact-map__placeholder{
  width:100%;
  min-height:380px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:32px;
  background:
    linear-gradient(135deg,rgba(19,81,156,.08),rgba(48,47,45,.04)),
    repeating-linear-gradient(45deg,rgba(19,81,156,.05) 0 1px,transparent 1px 24px);
}

.contact-map__placeholder i{
  font-size:44px;
  color:var(--acg-blue);
  margin-bottom:16px;
}

.contact-map__placeholder h3{
  margin:0 0 10px;
  color:var(--acg-dark);
  font-size:1.45rem;
}

.contact-map__placeholder p{
  max-width:720px;
  margin:0 0 22px;
  color:#303b46;
  line-height:2;
}

/* Social */
.contact-social{
  padding-block:clamp(58px,6vw,82px);
  background:linear-gradient(135deg,#111315,#0d3f7f);
}

.contact-social__box{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
  color:#fff;
}

.contact-social .contact-kicker{
  color:#fff;
}

.contact-social .contact-kicker::before{
  background:#fff;
}

.contact-social h2{
  margin:14px 0 8px;
  font-size:clamp(1.8rem,3.4vw,2.7rem);
  font-weight:900;
}

.contact-social p{
  margin:0;
  color:#dfe9f4;
}

.contact-social__links{
  display:flex;
  gap:12px;
}

.contact-social__links a{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.10);
  color:#fff;
  border:1px solid rgba(255,255,255,.18);
  font-size:24px;
  transition:transform .55s var(--acg-ease), background .55s var(--acg-ease), color .55s var(--acg-ease);
}

.contact-social__links a:hover{
  background:#fff;
  color:var(--acg-blue);
  transform:translateY(-3px);
}

/* Responsive Contact */
@media(max-width:980px){
  .contact-info__grid,
  .contact-request__grid{
    grid-template-columns:1fr;
  }

  .contact-info-card--wide{
    grid-column:auto;
  }

  .contact-social__box{
    flex-direction:column;
    text-align:center;
  }
}

@media(max-width:640px){
  .contact-hero__content{
    margin:0;
    padding:70px 18px;
    width:100%;
  }

  .contact-hero__actions,
  .contact-btn{
    width:100%;
  }

  .contact-form{
    grid-template-columns:1fr;
  }

  .contact-map__box{
    min-height:320px;
  }

  .contact-map__placeholder{
    min-height:280px;
  }
}

/* ===== Product Open Winch ACG Page ===== */

.product-wrap{
  width:100%;
  max-width:none;
  padding-inline:clamp(18px,4vw,56px);
  margin:0 auto;
}

.product-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:var(--acg-blue);
  font-weight:900;
  font-size:.92rem;
}

.product-kicker::before{
  content:"";
  width:30px;
  height:2px;
  background:var(--acg-blue);
}

.product-section-head{
  max-width:930px;
  margin:0 auto 36px;
  text-align:center;
}

.product-section-head h2{
  margin:12px 0 8px;
  color:var(--acg-dark);
  font-size:clamp(1.8rem,3.5vw,2.75rem);
  line-height:1.35;
  font-weight:900;
}

.product-section-head h2::after{
  content:"";
  display:block;
  width:100px;
  height:2px;
  background:var(--acg-blue);
  margin:14px auto 0;
}

.product-section-head p{
  margin:8px 0 0;
  color:var(--acg-gray-700);
  line-height:2;
}

.product-section-head--dark h2,
.product-section-head--dark p,
.product-section-head--dark .product-kicker{
  color:#fff;
}

.product-section-head--dark .product-kicker::before,
.product-section-head--dark h2::after{
  background:#fff;
}

/* Hero */
.product-hero{
  position:relative;
  min-height:clamp(480px,64vh,720px);
  overflow:hidden;
  background:#111315;
  display:flex;
  align-items:center;
}

.product-hero__media{
  position:absolute;
  inset:0;
}

.product-hero__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:grayscale(.08) contrast(1.07);
}

.product-hero__overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(270deg,rgba(17,19,21,.95),rgba(19,81,156,.62) 48%,rgba(17,19,21,.24)),
    repeating-linear-gradient(45deg,rgba(255,255,255,.028) 0 1px,transparent 1px 26px);
}

.product-hero__content{
  position:relative;
  z-index:2;
  width:min(980px,92vw);
  margin-right:clamp(18px,6vw,90px);
  color:#fff;
  padding:74px 0;
}

.product-hero .product-kicker{
  color:#fff;
}

.product-hero .product-kicker::before{
  background:#fff;
}

.product-hero h1{
  margin:18px 0 14px;
  font-size:clamp(2.4rem,5.6vw,4.9rem);
  line-height:1.18;
  font-weight:900;
}

.product-hero p{
  max-width:860px;
  font-size:clamp(1.04rem,2vw,1.28rem);
  color:#eef4fb;
  line-height:2;
}

.product-hero__actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin-top:26px;
}

/* Buttons */
.product-btn{
  min-height:52px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 28px;
  border:2px solid transparent;
  font-weight:900;
  cursor:pointer;
  transition:transform .55s var(--acg-ease), box-shadow .55s var(--acg-ease), background-color .55s var(--acg-ease), color .45s var(--acg-ease), border-color .45s var(--acg-ease);
}

.product-btn--primary{
  background:var(--acg-blue);
  color:#fff;
  border-color:var(--acg-blue);
}

.product-btn--primary:hover{
  background:var(--acg-dark);
  border-color:var(--acg-dark);
  transform:translateY(-2px);
  box-shadow:0 16px 34px rgba(19,81,156,.16);
}

.product-btn--secondary{
  background:#fff;
  color:var(--acg-blue);
  border-color:#fff;
}

.product-btn--secondary:hover{
  background:var(--acg-blue);
  color:#fff;
  border-color:var(--acg-blue);
  transform:translateY(-2px);
}

/* Intro */
.product-intro{
  padding-block:clamp(64px,7vw,92px);
  background:#f5f7fa;
}

.product-intro__grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:clamp(28px,4vw,56px);
  align-items:stretch;
}

.product-intro__text{
  background:#fff;
  border:1px solid var(--acg-line);
  box-shadow:var(--acg-shadow-clean);
  padding:clamp(26px,4vw,42px);
  position:relative;
}

.product-intro__text::before{
  content:"";
  position:absolute;
  top:0;
  right:0;
  width:4px;
  height:100%;
  background:var(--acg-blue);
}

.product-intro__text h2{
  margin:14px 0 18px;
  color:var(--acg-dark);
  font-size:clamp(1.65rem,3vw,2.45rem);
  line-height:1.45;
  font-weight:900;
}

.product-intro__text p{
  margin:0 0 15px;
  color:#303b46;
  text-align:justify;
  line-height:2.08;
}

.product-intro__image{
  margin:0;
  overflow:hidden;
  min-height:420px;
  max-height:560px;
  border:1px solid var(--acg-line);
  box-shadow:var(--acg-shadow-clean);
  background:#eef2f6;
}

.product-intro__image img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .85s var(--acg-ease);
}

.product-intro__image:hover img{
  transform:scale(1.018);
}

/* Features */
.product-features,
.product-components,
.product-services,
.product-why{
  padding-block:clamp(64px,7vw,92px);
  background:#fff;
}

.product-feature-grid,
.product-why-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:14px;
}

.product-feature-card,
.product-why-card{
  background:#fff;
  border:1px solid var(--acg-line);
  box-shadow:var(--acg-shadow-clean);
  padding:20px;
  min-height:138px;
  transition:transform .65s var(--acg-ease), box-shadow .65s var(--acg-ease), background .65s var(--acg-ease);
}

.product-feature-card:hover,
.product-why-card:hover{
  background:var(--acg-blue);
  transform:translateY(-3px);
  box-shadow:var(--acg-shadow-clean-hover);
}

.product-feature-card span,
.product-why-card span{
  display:block;
  color:var(--acg-blue);
  font-weight:900;
  font-size:1.2rem;
  margin-bottom:8px;
}

.product-feature-card p,
.product-why-card p{
  margin:0;
  color:#303b46;
  line-height:1.9;
  font-weight:800;
}

.product-feature-card:hover span,
.product-feature-card:hover p,
.product-why-card:hover span,
.product-why-card:hover p{
  color:#fff;
}

/* Specs */
.product-specs{
  padding-block:clamp(64px,7vw,92px);
  background:#f5f7fa;
}

.product-spec-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  max-width:1240px;
  margin:0 auto;
}

.product-spec-item{
  background:#fff;
  border:1px solid var(--acg-line);
  box-shadow:var(--acg-shadow-clean);
  padding:22px;
  min-height:120px;
}

.product-spec-item span{
  display:block;
  color:var(--acg-gray-700);
  font-weight:800;
  margin-bottom:8px;
}

.product-spec-item strong{
  color:var(--acg-blue);
  font-size:1.1rem;
}

/* Components */
.product-component-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:16px;
}

.product-component-card{
  background:#fff;
  border:1px solid var(--acg-line);
  box-shadow:var(--acg-shadow-clean);
  padding:22px;
  transition:transform .65s var(--acg-ease), box-shadow .65s var(--acg-ease);
}

.product-component-card:hover{
  transform:translateY(-3px);
  box-shadow:var(--acg-shadow-clean-hover);
}

.product-component-card h3{
  margin:0 0 12px;
  color:var(--acg-blue);
  font-size:1.12rem;
}

.product-component-card ul{
  margin:0;
  padding:0 18px 0 0;
  color:#303b46;
  line-height:2;
}

/* Brands */
.product-brands{
  padding-block:clamp(64px,7vw,92px);
  background:linear-gradient(135deg,#111315,#0d3f7f);
}

.product-brand-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}

.product-brand-card{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.16);
  padding:24px;
  color:#fff;
  transition:background .55s var(--acg-ease), transform .55s var(--acg-ease);
}

.product-brand-card:hover{
  background:#fff;
  transform:translateY(-3px);
}

.product-brand-card h3{
  margin:0 0 10px;
  color:#fff;
  font-size:1.15rem;
}

.product-brand-card p{
  margin:0;
  color:#dfe9f4;
  line-height:1.9;
  font-weight:900;
}

.product-brand-card:hover h3,
.product-brand-card:hover p{
  color:var(--acg-blue);
}

/* Services */
.product-service-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}

.product-service-card{
  display:flex;
  align-items:center;
  gap:12px;
  background:#fff;
  border:1px solid var(--acg-line);
  box-shadow:var(--acg-shadow-clean);
  padding:18px;
  color:#303b46;
  font-weight:900;
}

.product-service-card i{
  color:var(--acg-blue);
}

/* Image Map */
.product-image-map{
  padding-block:clamp(64px,7vw,92px);
  background:#f5f7fa;
}

.product-map-box{
  position:relative;
  max-width:1180px;
  margin:0 auto;
  overflow:hidden;
  background:#fff;
  border:1px solid var(--acg-line);
  box-shadow:var(--acg-shadow-clean);
}

.product-map-box img{
  width:100%;
  aspect-ratio:16/8;
  object-fit:cover;
  display:block;
}

.product-map-point{
  position:absolute;
  right:var(--x);
  top:var(--y);
  width:18px;
  height:18px;
  border:0;
  background:var(--acg-blue);
  cursor:pointer;
  transform:translate(50%,-50%);
  box-shadow:0 0 0 10px rgba(19,81,156,.16);
}

.product-map-point span{
  position:absolute;
  right:24px;
  top:50%;
  transform:translateY(-50%);
  min-width:max-content;
  background:#fff;
  color:var(--acg-dark);
  padding:7px 10px;
  font-size:.82rem;
  font-weight:900;
  box-shadow:var(--acg-shadow-clean);
  opacity:0;
  pointer-events:none;
  transition:opacity .35s var(--acg-ease), transform .35s var(--acg-ease);
}

.product-map-point:hover span{
  opacity:1;
  transform:translateY(-50%) translateX(-4px);
}

/* CTA */
.product-cta{
  padding-block:clamp(58px,6vw,82px);
  background:linear-gradient(135deg,#111315,#0d3f7f);
}

.product-cta__wrap{
  width:100%;
  padding-inline:clamp(18px,4vw,56px);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  color:#fff;
}

.product-cta .product-kicker{
  color:#fff;
}

.product-cta .product-kicker::before{
  background:#fff;
}

.product-cta h2{
  margin:14px 0 8px;
  font-size:clamp(1.75rem,3.3vw,2.65rem);
  line-height:1.45;
}

.product-cta p{
  margin:0;
  color:#dfe9f4;
}

/* Responsive Product */
@media(max-width:1200px){
  .product-feature-grid,
  .product-why-grid,
  .product-component-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .product-service-grid,
  .product-brand-grid,
  .product-spec-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:900px){
  .product-intro__grid,
  .product-cta__wrap{
    grid-template-columns:1fr;
    flex-direction:column;
    align-items:flex-start;
  }

  .product-intro__image{
    min-height:300px;
  }
}

@media(max-width:640px){
  .product-hero__content{
    margin:0;
    padding:72px 18px;
    width:100%;
  }

  .product-hero__actions,
  .product-btn{
    width:100%;
  }

  .product-feature-grid,
  .product-why-grid,
  .product-component-grid,
  .product-service-grid,
  .product-brand-grid,
  .product-spec-grid{
    grid-template-columns:1fr;
  }

  .product-map-point span{
    display:none;
  }
}

/* ===== ACG Header / Footer — Non WordPress ===== */

:root{
  --acg-blue:#13519c;
  --acg-blue-2:#0d3f7f;
  --acg-dark:#302f2d;
  --acg-black:#111315;
  --acg-white:#ffffff;
  --acg-bg:#f5f7fa;
  --acg-line:rgba(48,47,45,.12);
  --acg-gray-700:#475569;
  --acg-ease:cubic-bezier(.22,1,.36,1);
  --acg-shadow-clean:0 16px 42px rgba(17,19,21,.075);
  --acg-shadow-clean-hover:0 24px 62px rgba(17,19,21,.13);
  --acg-header-h:78px;
  --acg-topbar-h:36px;
}

.acg-topbar{
  height:var(--acg-topbar-h);
  background:var(--acg-blue);
  color:#fff;
  font-size:13px;
  position:relative;
  z-index:9999;
}

.acg-topbar__wrap{
  width:100%;
  height:100%;
  padding-inline:clamp(16px,4vw,48px);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}

.acg-topbar__text{
  font-weight:800;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.acg-topbar__links{
  display:flex;
  align-items:center;
  gap:18px;
}

.acg-topbar__links a{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#fff;
  font-weight:800;
  text-decoration:none;
  opacity:.92;
  transition:opacity .35s var(--acg-ease), transform .35s var(--acg-ease);
}

.acg-topbar__links a:hover{
  opacity:1;
  transform:translateY(-1px);
}

.acg-header{
  position:sticky;
  top:0;
  z-index:9998;
  height:var(--acg-header-h);
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--acg-line);
  box-shadow:0 8px 28px rgba(17,19,21,.055);
}

.acg-header__wrap{
  width:100%;
  height:100%;
  padding-inline:clamp(16px,4vw,48px);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}

.acg-logo{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:max-content;
  color:var(--acg-dark);
  text-decoration:none;
}

.acg-logo__img{
  width:56px;
  height:56px;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:#fff;
  border:1px solid rgba(19,81,156,.18);
  box-shadow:0 10px 24px rgba(19,81,156,.08);
}

.acg-logo__img img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.acg-logo__text{
  display:flex;
  flex-direction:column;
  line-height:1.35;
}

.acg-logo__text strong{
  color:var(--acg-dark);
  font-size:15px;
  font-weight:900;
}

.acg-logo__text small{
  color:var(--acg-blue);
  font-size:12px;
  font-weight:900;
}

.acg-nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:30px;
  margin-inline:auto;
}

.acg-nav a{
  position:relative;
  display:inline-flex;
  align-items:center;
  height:var(--acg-header-h);
  color:var(--acg-dark);
  font-size:15px;
  font-weight:900;
  text-decoration:none;
  transition:color .35s var(--acg-ease);
}

.acg-nav a::after{
  content:"";
  position:absolute;
  right:0;
  bottom:22px;
  width:0;
  height:2px;
  background:var(--acg-blue);
  transition:width .42s var(--acg-ease);
}

.acg-nav a:hover,
.acg-nav a.is-active{
  color:var(--acg-blue);
}

.acg-nav a:hover::after,
.acg-nav a.is-active::after{
  width:100%;
}

.acg-header__actions{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:max-content;
}

.acg-header-btn{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 18px;
  font-size:14px;
  font-weight:900;
  text-decoration:none;
  border:1px solid transparent;
  transition:
    transform .45s var(--acg-ease),
    background .45s var(--acg-ease),
    color .45s var(--acg-ease),
    border-color .45s var(--acg-ease),
    box-shadow .45s var(--acg-ease);
}

.acg-header-btn--primary{
  background:var(--acg-blue);
  color:#fff;
  border-color:var(--acg-blue);
  box-shadow:0 10px 24px rgba(19,81,156,.14);
}

.acg-header-btn--primary:hover{
  background:var(--acg-dark);
  border-color:var(--acg-dark);
  transform:translateY(-2px);
}

.acg-header-btn--ghost{
  background:#fff;
  color:var(--acg-blue);
  border-color:rgba(19,81,156,.25);
}

.acg-header-btn--ghost:hover{
  background:#eef5ff;
  border-color:var(--acg-blue);
  transform:translateY(-2px);
}

.acg-menu-toggle{
  display:none;
  width:44px;
  height:44px;
  border:1px solid rgba(19,81,156,.18);
  background:#fff;
  cursor:pointer;
  position:relative;
  padding:0;
}

.acg-menu-toggle span{
  position:absolute;
  right:11px;
  width:20px;
  height:2px;
  background:var(--acg-blue);
  transition:transform .35s var(--acg-ease), opacity .25s var(--acg-ease), top .35s var(--acg-ease);
}

.acg-menu-toggle span:nth-child(1){top:14px}
.acg-menu-toggle span:nth-child(2){top:21px}
.acg-menu-toggle span:nth-child(3){top:28px}

.acg-menu-toggle.is-active span:nth-child(1){
  top:21px;
  transform:rotate(45deg);
}
.acg-menu-toggle.is-active span:nth-child(2){
  opacity:0;
}
.acg-menu-toggle.is-active span:nth-child(3){
  top:21px;
  transform:rotate(-45deg);
}

/* Footer */
.acg-sticky-whatsapp{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:9997;
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  background:#25D366;
  color:#fff;
  font-size:28px;
  border-radius:50%;
  box-shadow:0 16px 36px rgba(37,211,102,.32);
  transition:transform .45s var(--acg-ease), box-shadow .45s var(--acg-ease);
}

.acg-sticky-whatsapp:hover{
  transform:translateY(-4px) scale(1.03);
  box-shadow:0 22px 46px rgba(37,211,102,.42);
}

.acg-footer{
  direction:rtl;
  background:var(--acg-blue);
  color:#dfe9f4;
  font-family:Shabnam,Tahoma,Arial,sans-serif;
  overflow:hidden;
}

.acg-footer__social{
  background:#0d3f7f;
  border-bottom:1px solid rgba(255,255,255,.14);
}

.acg-footer__social-wrap{
  width:100%;
  padding:14px clamp(18px,4vw,56px);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}

.acg-footer__social-wrap span{
  font-weight:900;
  color:#fff;
}

.acg-footer__social-wrap div{
  display:flex;
  gap:10px;
}

.acg-footer__social a{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  color:#fff;
  border:1px solid rgba(255,255,255,.28);
  text-decoration:none;
  transition:background .45s var(--acg-ease), color .45s var(--acg-ease), transform .45s var(--acg-ease);
}

.acg-footer__social a:hover{
  background:#fff;
  color:var(--acg-blue);
  transform:translateY(-2px);
}

.acg-footer__main{
  width:100%;
  padding:clamp(34px,5vw,58px) clamp(18px,4vw,56px);
  display:grid;
  grid-template-columns:1.35fr repeat(3,1fr);
  gap:clamp(24px,4vw,48px);
}

.acg-footer__brand img{
  width:180px;
  max-height:110px;
  object-fit:contain;
  background:#fff;
  padding:8px;
  margin-bottom:16px;
}

.acg-footer__brand h3{
  margin:0 0 10px;
  color:#fff;
  font-size:1.35rem;
  font-weight:900;
}

.acg-footer__brand p{
  margin:0;
  max-width:520px;
  color:#dfe9f4;
  line-height:2;
}

.acg-footer__col h4{
  margin:0 0 16px;
  color:#fff;
  font-size:1.05rem;
  font-weight:900;
}

.acg-footer__col h4::after{
  content:"";
  display:block;
  width:42px;
  height:2px;
  background:#fff;
  opacity:.8;
  margin-top:10px;
}

.acg-footer__col ul{
  list-style:none;
  padding:0;
  margin:0;
}

.acg-footer__col li{
  margin:9px 0;
}

.acg-footer__col a{
  color:#dfe9f4;
  text-decoration:none;
  transition:color .35s var(--acg-ease), padding-right .35s var(--acg-ease);
}

.acg-footer__col a:hover{
  color:#fff;
  padding-right:5px;
}

.acg-footer__addresses{
  padding:28px clamp(18px,4vw,56px);
  border-top:1px solid rgba(255,255,255,.16);
  border-bottom:1px solid rgba(255,255,255,.16);
  background:rgba(17,19,21,.08);
}

.acg-footer__addresses h4{
  margin:0 0 14px;
  color:#fff;
  text-align:center;
  font-weight:900;
  font-size:1.2rem;
}

.acg-footer__phones{
  display:flex;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:22px;
}

.acg-footer__phones a{
  color:#fff;
  background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.16);
  padding:9px 14px;
  text-decoration:none;
  font-weight:900;
}

.acg-footer__addr-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}

.acg-footer__addr-grid article{
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.12);
  padding:18px;
}

.acg-footer__addr-grid h5{
  margin:0 0 8px;
  color:#fff;
  font-size:1rem;
}

.acg-footer__addr-grid p{
  margin:0;
  color:#dfe9f4;
  line-height:1.9;
  font-size:.92rem;
}

.acg-footer__addr-grid small{
  display:block;
  margin-top:9px;
  color:#fff;
  opacity:.86;
}

.acg-footer__bottom{
  padding:18px clamp(18px,4vw,56px);
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  background:#0d3f7f;
  color:#fff;
  font-size:.92rem;
}

@media(max-width:1080px){
  .acg-nav{
    position:fixed;
    top:calc(var(--acg-header-h) + var(--acg-topbar-h));
    right:18px;
    left:18px;
    display:none;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    padding:12px;
    background:#fff;
    border:1px solid var(--acg-line);
    box-shadow:var(--acg-shadow-clean-hover);
  }

  .acg-nav.is-open{
    display:flex;
  }

  .acg-nav a{
    height:auto;
    padding:14px 12px;
    border-bottom:1px solid var(--acg-line);
  }

  .acg-nav a:last-child{
    border-bottom:0;
  }

  .acg-nav a::after{
    display:none;
  }

  .acg-menu-toggle{
    display:block;
  }

  .acg-header-btn--ghost{
    display:none;
  }

  .acg-footer__main{
    grid-template-columns:1fr 1fr;
  }

  .acg-footer__addr-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:760px){
  .acg-topbar{
    display:none;
  }

  .acg-header{
    height:68px;
  }

  .acg-nav{
    top:68px;
  }

  .acg-logo__img{
    width:48px;
    height:48px;
  }

  .acg-logo__text small{
    display:none;
  }

  .acg-header-btn--primary{
    display:none;
  }

  .acg-footer__social-wrap,
  .acg-footer__bottom{
    flex-direction:column;
    text-align:center;
  }

  .acg-footer__main{
    grid-template-columns:1fr;
  }

  .acg-footer__phones{
    flex-direction:column;
    align-items:stretch;
    text-align:center;
  }
}

/* =========================================================
   ACG / OpenWinch Header + Footer — Independent PHP Version
   ========================================================= */

html,body{overflow-x:hidden}

body.oc-body{
  --oc-navy:#302f2d;
  --oc-topbar:#13519c;
  --oc-blue:#13519c;
  --oc-blue-2:#0d3f7f;
  --oc-gray-50:#f5f7fa;
  --oc-gray-500:#7b8491;
  --oc-white:#ffffff;
  --oc-border:#e5e7eb;
  --oc-text:#171717;
  --oc-muted:#64748b;
  --oc-soft-blue:rgba(19,81,156,.09);
  --oc-blue-border:rgba(19,81,156,.28);
  --oc-shadow:0 18px 50px rgba(17,19,21,.08);
  --oc-shadow-hover:0 26px 70px rgba(17,19,21,.14);
  --oc-ease:cubic-bezier(.22,1,.36,1);

  margin:0;
  background:#fff;
  color:var(--oc-text);
  font-family:Shabnam,Tahoma,Arial,sans-serif;
}

.skip-link{
  position:absolute;
  right:-999px;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden;
}

.skip-link:focus{
  right:16px;
  top:16px;
  width:auto;
  height:auto;
  z-index:999999;
  background:#fff;
  color:#111;
  padding:10px 14px;
}

/* Header base */
.oc-wrap{
  width:100%;
  max-width:none;
  padding-inline:clamp(14px,3vw,36px);
  margin:0 auto;
}

.oc-topbar-1{
  background:var(--oc-topbar);
  color:#fff;
  font-size:13.5px;
  border-bottom:1px solid rgba(255,255,255,.16);
}

.oc-topbar-1 .oc-wrap{
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}

.oc-topbar-right{
  font-weight:700;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.oc-topbar-left{
  display:flex;
  align-items:center;
  gap:18px;
  flex-wrap:wrap;
}

.oc-topbar a{
  color:#fff;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  gap:8px;
  opacity:.94;
  transition:opacity .35s var(--oc-ease), transform .35s var(--oc-ease);
}

.oc-topbar a:hover{
  opacity:1;
  transform:translateY(-1px);
}

.oc-topbar-2{
  display:none;
  background:#fff;
  color:var(--oc-navy);
  border-bottom:1px solid var(--oc-border);
}

.oc-topbar-2 .oc-wrap{
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.oc-tb2-right{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
}

.oc-tb2-link{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:var(--oc-navy);
  text-decoration:none;
  font-weight:800;
  font-size:13px;
  transition:color .3s var(--oc-ease);
}

.oc-tb2-link:hover{
  color:var(--oc-blue);
}

.oc-back{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:40px;
  padding:0 14px;
  background:var(--oc-blue);
  color:#fff;
  border:1px solid var(--oc-blue);
  text-decoration:none;
  font-weight:900;
  font-size:13px;
  transition:transform .35s var(--oc-ease), background .35s var(--oc-ease), box-shadow .35s var(--oc-ease);
}

.oc-back:hover{
  background:var(--oc-navy);
  border-color:var(--oc-navy);
  transform:translateY(-2px);
  box-shadow:0 12px 26px rgba(48,47,45,.18);
}

.oc-header{
  position:sticky;
  top:0;
  z-index:99990;
  background:rgba(255,255,255,.95);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--oc-border);
  box-shadow:0 4px 18px rgba(0,0,0,.055);
}

.oc-header-row{
  min-height:84px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}

.oc-header-right{
  display:flex;
  align-items:center;
  min-width:max-content;
}

.oc-logo{
  display:flex;
  align-items:center;
  gap:12px;
  color:var(--oc-navy);
  text-decoration:none;
}

.oc-logo img{
  width:58px;
  height:58px;
  object-fit:cover;
  background:#fff;
  border:1px solid var(--oc-blue-border);
  box-shadow:0 12px 28px rgba(19,81,156,.11);
}

.oc-logo-text{
  display:flex;
  flex-direction:column;
  line-height:1.35;
}

.oc-logo-text strong{
  font-size:15px;
  color:var(--oc-navy);
  font-weight:900;
}

.oc-logo-text small{
  color:var(--oc-blue);
  font-size:12px;
  font-weight:900;
}

.oc-nav{
  flex:1;
  display:flex;
  justify-content:center;
}

.oc-menu{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  align-items:center;
  gap:22px;
}

.oc-menu>li>a{
  position:relative;
  display:inline-flex;
  align-items:center;
  min-height:84px;
  color:var(--oc-navy);
  text-decoration:none;
  font-weight:900;
  font-size:15px;
  transition:color .35s var(--oc-ease);
}

.oc-menu>li>a::after{
  content:"";
  position:absolute;
  right:0;
  bottom:23px;
  width:0;
  height:2px;
  background:var(--oc-blue);
  transition:width .42s var(--oc-ease);
}

.oc-menu>li>a:hover,
.oc-menu>li.current-menu-item>a{
  color:var(--oc-blue);
}

.oc-menu>li>a:hover::after,
.oc-menu>li.current-menu-item>a::after{
  width:100%;
}

.oc-header-left{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:max-content;
}

.oc-ctrl{
  width:40px;
  height:40px;
  border:1px solid rgba(48,47,45,.14);
  background:#fff;
  color:var(--oc-navy);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  text-decoration:none;
  transition:border-color .3s var(--oc-ease), color .3s var(--oc-ease), transform .3s var(--oc-ease), box-shadow .3s var(--oc-ease);
}

.oc-ctrl:hover{
  border-color:var(--oc-blue);
  color:var(--oc-blue);
  transform:translateY(-2px);
  box-shadow:0 12px 24px rgba(19,81,156,.12);
}

.only-mobile{
  display:none;
}

.oc-searchbar[hidden]{display:none}

.oc-searchbar{
  background:#fff;
  border-top:1px solid var(--oc-border);
  padding:10px clamp(14px,3vw,36px);
}

.oc-searchbar form{
  margin:0 auto;
  max-width:900px;
}

#ocSearchInput{
  width:100%;
  min-height:48px;
  padding:0 16px;
  border:1px solid var(--oc-border);
  font-family:inherit;
  outline:none;
  color:var(--oc-navy);
  box-shadow:0 12px 28px rgba(17,19,21,.06);
}

#ocSearchInput:focus{
  border-color:var(--oc-blue);
  box-shadow:0 0 0 4px rgba(19,81,156,.12);
}

/* Mobile flyout */
.oc-overlay[hidden],
.oc-flyout[hidden]{display:none}

.oc-overlay{
  position:fixed;
  inset:0;
  z-index:100000;
  background:rgba(0,0,0,.48);
}

.oc-flyout{
  position:fixed;
  top:0;
  right:0;
  width:min(86vw,390px);
  height:100vh;
  z-index:100001;
  background:var(--oc-navy);
  color:#fff;
  box-shadow:-20px 0 50px rgba(0,0,0,.28);
}

.oc-flyout-head{
  min-height:72px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px 16px;
  border-bottom:1px solid rgba(255,255,255,.12);
}

.oc-flyout-logo img{
  width:50px;
  height:50px;
  object-fit:cover;
}

.oc-flyout-close{
  width:38px;
  height:38px;
  border:1px solid rgba(255,255,255,.2);
  background:transparent;
  color:#fff;
  font-size:26px;
  cursor:pointer;
}

.oc-flyout-nav{
  padding:10px 0;
  overflow:auto;
}

.oc-flyout-nav a{
  display:block;
  padding:14px 20px;
  color:#fff;
  text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.08);
  transition:background .3s var(--oc-ease), color .3s var(--oc-ease);
}

.oc-flyout-nav a:hover{
  background:rgba(255,255,255,.07);
  color:#fff;
}

/* Footer exact mapped model */
#artistun-footer.afo{
  direction:rtl;
  font-family:Shabnam,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  background:#302f2d;
  color:#dfe5ea;
  font-size:clamp(14px,1.2vw,15px);
  line-height:1.85;
}

#artistun-footer a{
  color:#dfe5ea;
  text-decoration:none;
  transition:color .25s var(--oc-ease), background-size .25s var(--oc-ease), transform .25s var(--oc-ease);
}

#artistun-footer a:hover{
  color:#fff;
}

.afo-util{
  background:var(--oc-blue);
}

.afo-util .afo-util-list{
  width:100%;
  margin:0;
  padding:14px clamp(14px,3vw,36px);
  display:flex;
  gap:12px;
  align-items:center;
  justify-content:flex-end;
  list-style:none;
}

.afo-ico{
  width:40px;
  height:40px;
  border:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.12);
  color:#fff !important;
  transition:transform .25s var(--oc-ease), background-color .25s var(--oc-ease), box-shadow .25s var(--oc-ease);
}

.afo-ico:hover{
  background:rgba(255,255,255,.22);
  transform:translateY(-2px);
  box-shadow:0 12px 24px rgba(0,0,0,.14);
}

.afo-main{
  width:100%;
  padding:32px clamp(14px,3vw,36px) 10px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:28px;
}

.afo-col{
  min-width:0;
  text-align:right;
}

.afo-head{
  width:100%;
  text-align:right;
  cursor:default;
  font-family:Shabnam,sans-serif;
  font-weight:900;
  font-size:clamp(16px,1.6vw,18px);
  color:#fff;
  background:transparent;
  border:0;
  padding:6px 0 18px;
  position:relative;
  outline:none;
}

.afo-head::after{
  content:"";
  position:absolute;
  right:0;
  bottom:4px;
  height:2px;
  width:88%;
  background:var(--oc-blue);
}

.afo-panel{
  margin:10px 0 0;
  padding:0;
  list-style:none;
  display:block !important;
}

.afo-panel li{
  margin:10px 0;
}

.afo-item{
  display:inline-block;
  padding:2px 0;
  position:relative;
  background:linear-gradient(var(--oc-blue),var(--oc-blue)) right bottom/0 2px no-repeat;
}

.afo-item:hover{
  background-size:100% 2px;
}

.afo-addresses{
  width:100%;
  margin:10px 0 0;
  padding:16px clamp(14px,3vw,36px) 28px;
  text-align:center;
  border-top:1px solid rgba(255,255,255,.16);
  border-bottom:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.03);
}

.afo-addresses h4{
  margin:10px 0 10px;
  font-weight:900;
  color:#fff;
  font-size:clamp(16px,1.5vw,18px);
}

.afo-phones{
  display:flex;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:18px;
}

.afo-phones a{
  color:#fff;
  font-weight:900;
  font-size:clamp(15px,1.8vw,18px);
  padding:8px 14px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.12);
}

.afo-phones a:hover{
  color:#fff;
  background:rgba(19,81,156,.35);
}

.afo-addrs-grid{
  display:grid;
  gap:16px;
  justify-items:center;
  grid-template-columns:repeat(3,minmax(0,1fr));
  padding-top:8px;
}

.addr-card{
  width:100%;
  max-width:96%;
  padding:18px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 12px 28px rgba(0,0,0,.08);
}

.addr-card h5{
  margin:0 0 8px;
  font-weight:900;
  color:#fff;
}

.addr-card p{
  margin:4px 0;
  font-size:clamp(13px,1.05vw,14px);
  line-height:1.75;
}

.addr-card .muted{
  color:#bbc4cc;
}

.afo-sub{
  background:#252422;
  border-top:1px solid rgba(255,255,255,.12);
  margin-top:0;
  position:relative;
}

.afo-sub-wrap{
  width:100%;
  padding:16px clamp(14px,3vw,36px);
  display:grid;
  gap:8px;
  justify-items:center;
  text-align:center;
}

.afo-sub small strong{
  color:#fff;
}

#afo-backtotop.afo-top{
  position:fixed;
  left:16px;
  bottom:20px;
  border:1px solid rgba(255,255,255,.25);
  background:var(--oc-blue);
  color:#fff;
  padding:8px 12px;
  cursor:pointer;
  transition:opacity .25s var(--oc-ease), transform .25s var(--oc-ease), background .25s var(--oc-ease);
  z-index:99999;
}

#afo-backtotop.is-hidden{
  opacity:0;
  transform:translateY(8px);
  pointer-events:none;
}

#afo-backtotop:hover{
  background:var(--oc-blue-2);
}

.acg-sticky-whatsapp{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:99998;
  width:58px;
  height:58px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#25D366;
  color:#fff;
  font-size:28px;
  box-shadow:0 18px 42px rgba(37,211,102,.34);
  transition:transform .35s var(--oc-ease), box-shadow .35s var(--oc-ease);
}

.acg-sticky-whatsapp:hover{
  transform:translateY(-4px) scale(1.03);
  box-shadow:0 24px 54px rgba(37,211,102,.42);
}

@media(max-width:1199.98px){
  .afo-main{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:991.98px){
  .oc-nav{display:none}
  .only-mobile{display:inline-flex}
  .oc-back--desktop,
  .oc-shop--desktop{display:none}
  .oc-topbar-2{display:block}
  .oc-header-row{min-height:74px}
  .afo-main{grid-template-columns:repeat(2,minmax(0,1fr))}
  .afo-addrs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:767.98px){
  .oc-topbar-1 .oc-wrap{
    justify-content:center;
    text-align:center;
  }

  .oc-topbar-left{display:none}

  .oc-logo img{
    width:48px;
    height:48px;
  }

  .oc-logo-text small{
    display:none;
  }

  .oc-logo-text strong{
    font-size:13px;
  }

  .oc-header-row{
    min-height:66px;
  }

  .afo-main{grid-template-columns:1fr}
  .afo-panel{display:block !important}
  .afo-addrs-grid{grid-template-columns:1fr;gap:14px}
  .afo-util .afo-util-list{justify-content:center}
}

@media(prefers-reduced-motion:reduce){
  *{transition:none!important;animation:none!important}
}

@media print{
  #artistun-footer{background:#fff;color:#000}
  .afo-util,.afo-sub,#afo-backtotop,.acg-sticky-whatsapp{display:none!important}
}

/* =========================================================
   ACG OpenWinch Header/Footer Final — Based on OverheadCrane UI
   ========================================================= */
html,body{overflow-x:hidden}
body{
  margin:0;
  background:#fff;
  color:#111;
  font-family:Shabnam,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  direction:rtl;
}
body:not(.oc-body){--oc-navy:#01202c;--oc-topbar:#004e9e;--oc-yellow:#f7b500;--oc-blue:#008dd2;--oc-border:#e5e7eb;--oc-white:#fff;--oc-text:#111;--oc-muted:#6b7280;--oc-yellow-soft:rgba(247,181,0,.12);--oc-yellow-border:rgba(247,181,0,.55)}
.skip-link{position:absolute;right:-9999px;top:auto}
.oc-wrap{max-width:none;width:100%;padding:0 12px;box-sizing:border-box}

.oc-topbar-1{
  background:var(--oc-topbar);
  color:#fff;
  font-size:13.5px;
  border-bottom:1px solid rgba(255,255,255,.18);
}
.oc-topbar-1 .oc-wrap{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:7px 12px;
  gap:12px;
}
.oc-topbar-right{flex:1}
.oc-topbar-left{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.oc-topbar a{color:#fff;text-decoration:none;display:inline-flex;align-items:center;gap:8px;opacity:.95}
.oc-topbar a:hover{opacity:1}
.oc-topbar i{font-size:14px}

.oc-topbar-2{
  display:none;
  background:#fff;
  color:var(--oc-navy);
  border-bottom:1px solid var(--oc-border);
}
.oc-topbar-2 .oc-wrap{
  padding:6px 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.oc-tb2-right{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.oc-tb2-link{
  color:var(--oc-navy);
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:14px;
}
.oc-tb2-link:hover{color:var(--oc-yellow)}
.oc-back{
  display:inline-flex;
  align-items:center;
  gap:8px;
  text-decoration:none;
  background:var(--oc-yellow);
  color:#1a1a1a;
  border:1px solid rgba(0,0,0,.06);
  border-radius:10px;
  padding:8px 12px;
  font-weight:900;
  font-size:13.5px;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.oc-back:hover{background:#ffcc33;box-shadow:0 6px 14px rgba(247,181,0,.25)}
.oc-back--tb2{background:var(--oc-navy);color:#fff;padding:6px 10px;font-size:13px}
.oc-back--tb2:hover{background:#0b2b3a;box-shadow:0 10px 22px rgba(1,32,44,.14)}

.oc-header{
  position:sticky;
  top:0;
  z-index:99999;
  background:#fff;
  color:#111;
  border-bottom:1px solid var(--oc-border);
  box-shadow:0 2px 10px rgba(0,0,0,.06);
}
.oc-header .oc-wrap{padding:16px 12px}
.oc-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.oc-header-right{display:flex;align-items:center}
.oc-logo{display:inline-flex;align-items:center;text-decoration:none}
.oc-logo img{
  display:block;
  height:56px;
  width:auto;
  max-width:240px;
  object-fit:contain;
  image-rendering:-webkit-optimize-contrast;
}

.oc-nav{flex:1;display:flex;justify-content:center}
.oc-menu{list-style:none;margin:0;padding:0;display:flex;gap:16px;align-items:center}
.oc-menu>li{position:relative}
.oc-menu>li>a{
  color:#111;
  text-decoration:none;
  position:relative;
  padding:10px 6px;
  line-height:1.2;
  font-weight:800;
}
.oc-menu>li>a::after{
  content:"";
  position:absolute;
  left:6px;
  right:6px;
  bottom:-6px;
  height:2.5px;
  width:0;
  background:var(--oc-yellow);
  transition:width .22s ease;
}
.oc-menu>li>a:hover,
.oc-menu>li.is-active>a{color:var(--oc-yellow)}
.oc-menu>li>a:hover::after,
.oc-menu>li.is-active>a::after{width:calc(100% - 12px)}

.oc-header-left{display:flex;align-items:center;gap:8px}
.oc-ctrl{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:36px;
  height:36px;
  border:1px solid rgba(0,0,0,.12);
  border-radius:10px;
  background:#fff;
  cursor:pointer;
  color:#111;
  transition:border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .14s ease;
}
.oc-ctrl:hover{
  border-color:var(--oc-yellow);
  color:var(--oc-yellow);
  box-shadow:0 10px 20px rgba(1,32,44,.10);
}
.only-mobile{display:none}

.oc-overlay[hidden],.oc-flyout[hidden]{display:none}
.oc-overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.45);
  z-index:10020;
}
.oc-flyout{
  position:fixed;
  top:0;
  left:0;
  height:100vh;
  width:86vw;
  max-width:420px;
  background:var(--oc-navy);
  color:#fff;
  z-index:10030;
  display:flex;
  flex-direction:column;
}
.oc-flyout-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:10px 12px;
  border-bottom:1px solid rgba(255,255,255,.12);
}
.oc-flyout-logo img{display:block;height:38px;width:auto;max-width:170px;object-fit:contain}
.oc-flyout-close{
  border:1px solid rgba(255,255,255,.25);
  background:transparent;
  color:#fff;
  width:36px;
  height:36px;
  border-radius:10px;
  font-size:22px;
  cursor:pointer;
}
.oc-flyout-nav{padding:6px 0;overflow:auto}
.oc-flyout-nav>a{
  display:block;
  color:#fff;
  text-decoration:none;
  padding:13px 16px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.oc-flyout-nav>a:hover{background:rgba(255,255,255,.06);color:var(--oc-yellow)}

#artistun-footer.afo{
  direction:rtl;
  font-family:Shabnam,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  background:#01202c;
  color:#cfd8dc;
  font-size:clamp(14px,1.2vw,15px);
  line-height:1.85;
}
#artistun-footer a{color:#cfd8dc;text-decoration:none;transition:color .2s ease,background-size .2s ease}
#artistun-footer a:hover{color:#fff}

.afo-util{background:#f7b500}
.afo-util-list{
  width:100%;
  margin:0;
  padding:14px 16px;
  display:flex;
  gap:12px;
  align-items:center;
  justify-content:flex-end;
  list-style:none;
  box-sizing:border-box;
}
.afo-ico{
  width:40px;
  height:40px;
  border-radius:50%;
  display:inline-grid;
  place-items:center;
  background:rgba(0,0,0,.15);
  transition:transform .18s ease,background-color .2s ease;
}
.afo-ico:hover{background:rgba(0,0,0,.25);transform:translateY(-2px)}
.afo-ico i{font-size:18px;color:#fff}

.afo-main{
  width:100%;
  padding:28px 16px 6px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:24px;
  box-sizing:border-box;
}
.afo-col{text-align:right;min-width:0}
.afo-head{
  width:100%;
  text-align:right;
  font-weight:800;
  font-size:clamp(16px,1.6vw,18px);
  color:#e6eef2;
  margin:0;
  padding:6px 0 18px;
  position:relative;
}
.afo-head::after{
  content:"";
  position:absolute;
  right:0;
  bottom:4px;
  height:2px;
  width:88%;
  background:#f7b500;
}
.afo-panel{margin:10px 0 0;padding:0;list-style:none}
.afo-panel li{margin:10px 0}
.afo-item{
  display:inline-block;
  padding:2px 0;
  background:linear-gradient(#f7b500,#f7b500) right bottom/0 2px no-repeat;
}
.afo-item:hover{background-size:100% 2px}

.afo-addresses{
  width:100%;
  margin:10px 0 0;
  padding:10px 16px 24px;
  text-align:center;
  border-top:1px solid rgba(255,255,255,.18);
  border-bottom:1px solid rgba(255,255,255,.18);
  box-sizing:border-box;
}
.afo-addresses h4{margin:10px 0 8px;font-weight:800;color:#29a7c9;font-size:clamp(15px,1.3vw,16px)}
.afo-phones{display:grid;gap:6px}
.afo-phones a{color:#fff!important;font-weight:900;font-size:clamp(16px,2vw,19px)}
.afo-phones a:hover{text-decoration:underline;text-underline-offset:3px}
.afo-addrs-grid{
  display:grid;
  gap:16px;
  justify-items:center;
  grid-template-columns:repeat(3,minmax(0,1fr));
  padding-top:8px;
}
.addr-card{max-width:96%}
.addr-card h5{margin:6px 0;font-weight:800;color:#fff}
.addr-card p{margin:4px 0;font-size:clamp(13px,1.05vw,14px);line-height:1.6}
.addr-card .muted{color:#a0a0a0}

.afo-sub{
  background:#06212b;
  border-top:1px solid rgba(255,255,255,.14);
  margin-top:12px;
}
.afo-sub-wrap{
  width:100%;
  padding:14px 16px;
  display:grid;
  gap:8px;
  justify-items:center;
  text-align:center;
  box-sizing:border-box;
}
.afo-sub small strong{color:#fff}
#afo-backtotop{
  position:fixed;
  right:16px;
  bottom:20px;
  border:1px solid rgba(255,255,255,.25);
  background:#008dd2;
  color:#fff;
  border-radius:10px;
  padding:8px 12px;
  cursor:pointer;
  z-index:20;
}

@media(max-width:1199.98px){
  .afo-main{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:991.98px){
  .oc-nav{display:none}
  .only-mobile{display:inline-flex}
  .oc-back--desktop{display:none}
  .oc-topbar-2{display:block}
  .oc-header .oc-wrap{padding:14px 12px}
  .afo-main{grid-template-columns:repeat(2,minmax(0,1fr))}
  .afo-addrs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:768px){
  .oc-topbar-1 .oc-wrap{flex-direction:column;gap:6px;padding:10px 12px}
  .oc-topbar-left{display:none}
  .oc-logo img{height:46px;max-width:210px}
  .oc-header .oc-wrap{padding:12px}
  .afo-main{grid-template-columns:1fr}
  .afo-addrs-grid{grid-template-columns:1fr;gap:14px}
}
@media(prefers-reduced-motion:reduce){
  *{transition:none!important;animation:none!important}
}

/* ===== ACG Header/Footer Safe Final ===== */
html,body{overflow-x:hidden}
body.oc-body{
  --oc-navy:#01202c;
  --oc-topbar:#004e9e;
  --oc-yellow:#f7b500;
  --oc-blue:#008dd2;
  --oc-border:#e5e7eb;
  --oc-white:#fff;
  --oc-text:#111;
  margin:0;
  background:#fff;
  color:#111;
  font-family:Shabnam,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  direction:rtl;
}
.skip-link{position:absolute;right:-9999px}
.oc-wrap{max-width:none;width:100%;padding:0 12px;box-sizing:border-box}

.oc-topbar-1{background:var(--oc-topbar);color:#fff;font-size:13.5px;border-bottom:1px solid rgba(255,255,255,.18)}
.oc-topbar-1 .oc-wrap{display:flex;align-items:center;justify-content:space-between;padding:7px 12px;gap:12px}
.oc-topbar-right{flex:1}
.oc-topbar-left{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.oc-topbar a{color:#fff;text-decoration:none;display:inline-flex;align-items:center;gap:8px;opacity:.95}
.oc-topbar a:hover{opacity:1}
.oc-topbar i{font-size:14px}

.oc-topbar-2{display:none;background:#fff;color:var(--oc-navy);border-bottom:1px solid var(--oc-border)}
.oc-topbar-2 .oc-wrap{padding:6px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.oc-tb2-right{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.oc-tb2-link{color:var(--oc-navy);text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:14px}
.oc-tb2-link:hover{color:var(--oc-yellow)}

.oc-header{position:sticky;top:0;z-index:99999;background:#fff;color:#111;border-bottom:1px solid var(--oc-border);box-shadow:0 2px 10px rgba(0,0,0,.06)}
.oc-header .oc-wrap{padding:16px 12px}
.oc-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.oc-header-right{display:flex;align-items:center}
.oc-logo{display:inline-flex;align-items:center;text-decoration:none}
.oc-logo img{display:block;height:56px;width:auto;max-width:240px;object-fit:contain}

.oc-nav{flex:1;display:flex;justify-content:center}
.oc-menu{list-style:none;margin:0;padding:0;display:flex;gap:16px;align-items:center}
.oc-menu>li>a{color:#111;text-decoration:none;position:relative;padding:10px 6px;line-height:1.2;font-weight:800}
.oc-menu>li>a::after{content:"";position:absolute;left:6px;right:6px;bottom:-6px;height:2.5px;width:0;background:var(--oc-yellow);transition:width .22s ease}
.oc-menu>li>a:hover,.oc-menu>li.is-active>a{color:var(--oc-yellow)}
.oc-menu>li>a:hover::after,.oc-menu>li.is-active>a::after{width:calc(100% - 12px)}

.oc-header-left{display:flex;align-items:center;gap:8px}
.oc-back{display:inline-flex;align-items:center;gap:8px;text-decoration:none;background:var(--oc-yellow);color:#1a1a1a;border:1px solid rgba(0,0,0,.06);border-radius:10px;padding:8px 12px;font-weight:900;font-size:13.5px;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.oc-back:hover{background:#ffcc33;box-shadow:0 6px 14px rgba(247,181,0,.25)}
.oc-back--tb2{background:var(--oc-navy);color:#fff;padding:6px 10px;font-size:13px}
.oc-back--tb2:hover{background:#0b2b3a;box-shadow:0 10px 22px rgba(1,32,44,.14)}
.oc-ctrl{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid rgba(0,0,0,.12);border-radius:10px;background:#fff;cursor:pointer;color:#111;transition:border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .14s ease}
.oc-ctrl:hover{border-color:var(--oc-yellow);color:var(--oc-yellow);box-shadow:0 10px 20px rgba(1,32,44,.10)}
.only-mobile{display:none}

.oc-overlay[hidden],.oc-flyout[hidden]{display:none}
.oc-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:10020}
.oc-flyout{position:fixed;top:0;left:0;height:100vh;width:86vw;max-width:420px;background:var(--oc-navy);color:#fff;z-index:10030;display:flex;flex-direction:column}
.oc-flyout-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.12)}
.oc-flyout-logo img{display:block;height:38px;width:auto;max-width:170px;object-fit:contain}
.oc-flyout-close{border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;width:36px;height:36px;border-radius:10px;font-size:22px;cursor:pointer}
.oc-flyout-nav{padding:6px 0;overflow:auto}
.oc-flyout-nav>a{display:block;color:#fff;text-decoration:none;padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.08)}
.oc-flyout-nav>a:hover{background:rgba(255,255,255,.06);color:var(--oc-yellow)}

#artistun-footer.afo{direction:rtl;font-family:Shabnam,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#01202c;color:#cfd8dc;font-size:clamp(14px,1.2vw,15px);line-height:1.85}
#artistun-footer a{color:#cfd8dc;text-decoration:none;transition:color .2s ease,background-size .2s ease}
#artistun-footer a:hover{color:#fff}
.afo-util{background:#f7b500}
.afo-util-list{width:100%;margin:0;padding:14px 16px;display:flex;gap:12px;align-items:center;justify-content:flex-end;list-style:none;box-sizing:border-box}
.afo-ico{width:40px;height:40px;border-radius:50%;display:inline-grid;place-items:center;background:rgba(0,0,0,.15);transition:transform .18s ease,background-color .2s ease}
.afo-ico:hover{background:rgba(0,0,0,.25);transform:translateY(-2px)}
.afo-ico i{font-size:18px;color:#fff}

.afo-main{width:100%;padding:28px 16px 6px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;box-sizing:border-box}
.afo-col{text-align:right;min-width:0}
.afo-head{width:100%;text-align:right;font-weight:800;font-size:clamp(16px,1.6vw,18px);color:#e6eef2;margin:0;padding:6px 0 18px;position:relative}
.afo-head::after{content:"";position:absolute;right:0;bottom:4px;height:2px;width:88%;background:#f7b500}
.afo-panel{margin:10px 0 0;padding:0;list-style:none}
.afo-panel li{margin:10px 0}
.afo-item{display:inline-block;padding:2px 0;background:linear-gradient(#f7b500,#f7b500) right bottom/0 2px no-repeat}
.afo-item:hover{background-size:100% 2px}

.afo-addresses{width:100%;margin:10px 0 0;padding:10px 16px 24px;text-align:center;border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);box-sizing:border-box}
.afo-addresses h4{margin:10px 0 8px;font-weight:800;color:#29a7c9;font-size:clamp(15px,1.3vw,16px)}
.afo-phones{display:grid;gap:6px}
.afo-phones a{color:#fff!important;font-weight:900;font-size:clamp(16px,2vw,19px)}
.afo-phones a:hover{text-decoration:underline;text-underline-offset:3px}
.afo-addrs-grid{display:grid;gap:16px;justify-items:center;grid-template-columns:repeat(3,minmax(0,1fr));padding-top:8px}
.addr-card{max-width:96%}
.addr-card h5{margin:6px 0;font-weight:800;color:#fff}
.addr-card p{margin:4px 0;font-size:clamp(13px,1.05vw,14px);line-height:1.6}
.addr-card .muted{color:#a0a0a0}
.afo-sub{background:#06212b;border-top:1px solid rgba(255,255,255,.14);margin-top:12px}
.afo-sub-wrap{width:100%;padding:14px 16px;display:grid;gap:8px;justify-items:center;text-align:center;box-sizing:border-box}
.afo-sub small strong{color:#fff}
#afo-backtotop{position:fixed;right:16px;bottom:20px;border:1px solid rgba(255,255,255,.25);background:#008dd2;color:#fff;border-radius:10px;padding:8px 12px;cursor:pointer;z-index:20}

@media(max-width:1199.98px){.afo-main{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:991.98px){
  .oc-nav{display:none}
  .only-mobile{display:inline-flex}
  .oc-back--desktop{display:none}
  .oc-topbar-2{display:block}
  .oc-header .oc-wrap{padding:14px 12px}
  .afo-main{grid-template-columns:repeat(2,minmax(0,1fr))}
  .afo-addrs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:768px){
  .oc-topbar-1 .oc-wrap{flex-direction:column;gap:6px;padding:10px 12px}
  .oc-topbar-left{display:none}
  .oc-logo img{height:46px;max-width:210px}
  .oc-header .oc-wrap{padding:12px}
  .afo-main{grid-template-columns:1fr}
  .afo-addrs-grid{grid-template-columns:1fr;gap:14px}
}

/* =========================================================
   ACG CLEAN HEADER / FOOTER OVERRIDE
   Safe visual patch only
========================================================= */

:root{
  --acg-blue:#004c8c;
  --acg-blue-2:#008dd2;
  --acg-dark:#01202c;
  --acg-accent:#00c2a8;
  --acg-white:#ffffff;
  --acg-soft:#f6f9fc;
  --acg-gray:#eef2f6;
  --acg-text:#17212b;
  --acg-muted:#64748b;
}

/* ===== Header ===== */
body.oc-body{
  background:#fff;
  color:var(--acg-text);
}

.oc-topbar-1{
  background:var(--acg-blue) !important;
  color:#fff !important;
  border:0 !important;
}

.oc-topbar-1 .oc-wrap{
  padding:8px 28px !important;
}

.oc-topbar a{
  color:#fff !important;
}

.oc-topbar a:hover{
  color:#dff8ff !important;
}

.oc-topbar-2{
  background:#fff !important;
  border-bottom:1px solid rgba(0,76,140,.10) !important;
}

.oc-header{
  background:#fff !important;
  border-bottom:1px solid rgba(0,76,140,.10) !important;
  box-shadow:0 12px 34px rgba(1,32,44,.075) !important;
}

.oc-header .oc-wrap{
  padding:14px 28px !important;
}

.oc-logo img{
  height:54px !important;
  max-width:230px !important;
}

.oc-menu > li > a{
  color:var(--acg-dark) !important;
  font-weight:800 !important;
}

.oc-menu > li > a:hover,
.oc-menu > li.is-active > a{
  color:var(--acg-blue-2) !important;
}

.oc-menu > li > a::after{
  background:var(--acg-blue-2) !important;
  height:3px !important;
  border-radius:999px !important;
}

.oc-back{
  background:var(--acg-blue) !important;
  color:#fff !important;
  border:0 !important;
  box-shadow:0 10px 24px rgba(0,76,140,.18) !important;
}

.oc-back:hover{
  background:var(--acg-blue-2) !important;
  color:#fff !important;
  box-shadow:0 14px 30px rgba(0,141,210,.22) !important;
}

.oc-ctrl{
  border:1px solid rgba(0,76,140,.14) !important;
  color:var(--acg-blue) !important;
  background:#fff !important;
  box-shadow:none !important;
}

.oc-ctrl:hover{
  border-color:var(--acg-blue-2) !important;
  color:var(--acg-blue-2) !important;
  box-shadow:0 10px 24px rgba(0,76,140,.10) !important;
}

/* ===== Mobile menu ===== */
.oc-flyout{
  background:var(--acg-dark) !important;
}

.oc-flyout-nav > a{
  border-bottom:1px solid rgba(255,255,255,.08) !important;
}

.oc-flyout-nav > a:hover{
  color:#fff !important;
  background:rgba(0,141,210,.18) !important;
}

/* ===== Footer ===== */
#artistun-footer.afo{
  background:var(--acg-dark) !important;
  color:#d7e2ea !important;
}

#artistun-footer .afo-util{
  background:var(--acg-blue) !important;
}

#artistun-footer .afo-util-list{
  padding:12px 28px !important;
}

#artistun-footer .afo-ico{
  background:rgba(255,255,255,.12) !important;
  border:0 !important;
  box-shadow:none !important;
}

#artistun-footer .afo-ico:hover{
  background:var(--acg-blue-2) !important;
  transform:translateY(-2px) !important;
}

#artistun-footer .afo-main{
  padding:34px 28px 18px !important;
  gap:32px !important;
}

#artistun-footer .afo-head{
  color:#fff !important;
  background:transparent !important;
  border:0 !important;
  padding:0 0 14px !important;
  margin:0 !important;
  box-shadow:none !important;
}

#artistun-footer .afo-head::after{
  width:54px !important;
  height:3px !important;
  background:var(--acg-blue-2) !important;
  border-radius:999px !important;
}

#artistun-footer .afo-panel,
#artistun-footer .afo-panel li{
  border:0 !important;
  box-shadow:none !important;
}

#artistun-footer .afo-item{
  color:#d7e2ea !important;
  background:linear-gradient(var(--acg-blue-2),var(--acg-blue-2)) right bottom/0 2px no-repeat !important;
}

#artistun-footer .afo-item:hover{
  color:#fff !important;
  background-size:100% 2px !important;
}

/* حذف کادرهای اضافه اطراف متن‌ها */
#artistun-footer .afo-addresses{
  border-top:1px solid rgba(255,255,255,.10) !important;
  border-bottom:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  padding:22px 28px 28px !important;
}

#artistun-footer .addr-card{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  max-width:100% !important;
}

#artistun-footer .addr-card h5{
  color:#fff !important;
}

#artistun-footer .addr-card p{
  color:#cbd5df !important;
}

#artistun-footer .addr-card .muted{
  color:#93a4b5 !important;
}

#artistun-footer .afo-addresses h4{
  color:var(--acg-blue-2) !important;
}

#artistun-footer .afo-phones a{
  color:#fff !important;
}

/* Subfooter */
#artistun-footer .afo-sub{
  background:#071d28 !important;
  border-top:1px solid rgba(255,255,255,.10) !important;
  margin:0 !important;
}

#artistun-footer .afo-sub-wrap{
  color:#cbd5df !important;
}

/* حذف کامل دکمه بازگشت به بالا */
#afo-backtotop,
#afo-backtotop.afo-top{
  display:none !important;
}

/* حذف هر کادر ناخواسته عمومی در فوتر */
#artistun-footer button,
#artistun-footer section,
#artistun-footer ul,
#artistun-footer li{
  box-shadow:none !important;
}

/* Responsive */
@media(max-width:991px){
  .oc-header .oc-wrap{
    padding:12px 18px !important;
  }

  .oc-logo img{
    height:46px !important;
  }

  #artistun-footer .afo-main{
    padding:28px 20px 12px !important;
  }

  #artistun-footer .afo-addresses{
    padding:20px !important;
  }
}

@media(max-width:768px){
  .oc-topbar-1 .oc-wrap{
    padding:9px 16px !important;
  }

  .oc-header .oc-wrap{
    padding:11px 16px !important;
  }

  #artistun-footer .afo-util-list{
    justify-content:center !important;
    padding:12px 16px !important;
  }
}


/* =========================================================
   ACG MINIMAL FINAL PATCH
   فقط اصلاح ظاهری بدون تغییر ساختار
========================================================= */

:root{
  --acg-primary:#004c8c;
  --acg-blue:#008dd2;
  --acg-accent:#00c2a8;
  --acg-dark:#01202c;
  --acg-black:#111827;
  --acg-white:#ffffff;
  --acg-soft:#f7f9fb;
  --acg-line:#e7edf3;
  --acg-muted:#64748b;
}

/* Base */
html,body{
  overflow-x:hidden;
}

body.oc-body{
  background:var(--acg-white) !important;
  color:var(--acg-black) !important;
}

/* Header */
.oc-topbar-1{
  background:var(--acg-primary) !important;
  border:0 !important;
}

.oc-topbar-1 .oc-wrap{
  padding:7px 32px !important;
}

.oc-header{
  background:#fff !important;
  border-bottom:1px solid var(--acg-line) !important;
  box-shadow:0 8px 26px rgba(1,32,44,.055) !important;
}

.oc-header .oc-wrap{
  padding:12px 32px !important;
}

/* لوگو بدون کادر */
.oc-logo,
.custom-logo-link,
.acg-logo{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  border-radius:0 !important;
}

.oc-logo img,
.custom-logo{
  height:52px !important;
  max-width:230px !important;
  object-fit:contain !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

/* Menu */
.oc-menu{
  gap:20px !important;
}

.oc-menu > li > a{
  color:var(--acg-dark) !important;
  font-weight:800 !important;
  font-size:15px !important;
  padding:10px 4px !important;
}

.oc-menu > li > a:hover{
  color:var(--acg-blue) !important;
}

.oc-menu > li > a::after{
  background:var(--acg-accent) !important;
  height:2px !important;
  border-radius:20px !important;
  bottom:-4px !important;
}

/* Header buttons */
.oc-back{
  background:var(--acg-primary) !important;
  color:#fff !important;
  border:0 !important;
  border-radius:9px !important;
  box-shadow:none !important;
}

.oc-back:hover{
  background:var(--acg-blue) !important;
  color:#fff !important;
  box-shadow:0 10px 22px rgba(0,141,210,.18) !important;
}

.oc-ctrl{
  background:#fff !important;
  color:var(--acg-primary) !important;
  border:1px solid var(--acg-line) !important;
  box-shadow:none !important;
}

.oc-ctrl:hover{
  color:var(--acg-blue) !important;
  border-color:rgba(0,141,210,.35) !important;
  box-shadow:0 10px 22px rgba(1,32,44,.07) !important;
}

/* Search */
.oc-searchbar{
  background:#fff !important;
  border-top:1px solid var(--acg-line) !important;
}

#ocSearchInput{
  border:1px solid var(--acg-line) !important;
  box-shadow:none !important;
}

#ocSearchInput:focus{
  border-color:var(--acg-blue) !important;
  box-shadow:0 0 0 4px rgba(0,141,210,.10) !important;
}

/* Footer minimal ACG */
#artistun-footer.afo{
  background:var(--acg-dark) !important;
  color:#d8e4ec !important;
  border:0 !important;
}

#artistun-footer .afo-util{
  background:var(--acg-primary) !important;
}

#artistun-footer .afo-ico{
  background:rgba(255,255,255,.10) !important;
  border:0 !important;
  box-shadow:none !important;
}

#artistun-footer .afo-ico:hover{
  background:var(--acg-blue) !important;
}

#artistun-footer .afo-head{
  color:#fff !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

#artistun-footer .afo-head::after{
  background:var(--acg-accent) !important;
  width:46px !important;
  height:2px !important;
}

#artistun-footer .afo-item{
  color:#d8e4ec !important;
  background:linear-gradient(var(--acg-accent),var(--acg-accent)) right bottom/0 2px no-repeat !important;
}

#artistun-footer .afo-item:hover{
  color:#fff !important;
  background-size:100% 2px !important;
}

/* حذف کادرهای اضافه */
#artistun-footer .addr-card,
#artistun-footer .afo-col,
#artistun-footer .afo-panel,
#artistun-footer .afo-panel li{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

#artistun-footer .afo-addresses{
  background:transparent !important;
  border-top:1px solid rgba(255,255,255,.10) !important;
  border-bottom:0 !important;
  box-shadow:none !important;
}

#artistun-footer .afo-addresses h4{
  color:var(--acg-accent) !important;
}

#artistun-footer .addr-card h5,
#artistun-footer .afo-phones a{
  color:#fff !important;
}

#artistun-footer .addr-card p{
  color:#c8d6df !important;
}

#artistun-footer .addr-card .muted{
  color:#92a6b4 !important;
}

#artistun-footer .afo-sub{
  background:#071d28 !important;
  border-top:1px solid rgba(255,255,255,.10) !important;
}

/* حذف دکمه برگشت بالا */
#afo-backtotop,
.afo-top{
  display:none !important;
}

/* Mobile */
@media(max-width:992px){
  .oc-header .oc-wrap{
    padding:10px 18px !important;
  }

  .oc-logo img,
  .custom-logo{
    height:44px !important;
  }
}


/* ===== FINAL HEADER THIN + STICKY + REQUEST CTA ===== */

.oc-header{
  position:sticky !important;
  top:0 !important;
  z-index:99999 !important;
  background:#fff !important;
}

.oc-header .oc-wrap{
  padding:7px 28px !important;
  min-height:62px !important;
}

.oc-logo img,
.custom-logo{
  height:42px !important;
  max-width:210px !important;
}

.oc-menu > li > a{
  padding:8px 4px !important;
  font-size:14.5px !important;
}

.oc-header-left{
  gap:8px !important;
}

.oc-request-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:8px 16px;
  border-radius:9px;
  background:var(--acg-accent,#00c2a8);
  color:#fff !important;
  text-decoration:none;
  font-size:13.5px;
  font-weight:900;
  border:0;
  box-shadow:0 10px 22px rgba(0,194,168,.16);
  transition:background .2s ease, transform .2s ease, box-shadow .2s ease;
}

.oc-request-btn:hover{
  background:var(--acg-blue,#008dd2);
  color:#fff !important;
  transform:translateY(-1px);
  box-shadow:0 14px 28px rgba(0,141,210,.18);
}

@media(max-width:992px){
  .oc-header .oc-wrap{
    padding:8px 16px !important;
    min-height:58px !important;
  }

  .oc-logo img,
  .custom-logo{
    height:38px !important;
  }

  .oc-request-btn{
    display:none !important;
  }
}


/* ===== ACG FINAL COLORS + STANDARD STICKY HEADER ===== */
:root{
  --acg-blue:#005aaa;
  --acg-blue-dark:#003f78;
  --acg-gray:#4b5563;
  --acg-gray-dark:#374151;
  --acg-gray-soft:#f3f4f6;
  --acg-white:#ffffff;
  --acg-border:#d1d5db;
}

/* body base */
body{
  background:var(--acg-white);
  color:#111827;
}

/* topbar */
.oc-topbar-1{
  background:var(--acg-blue) !important;
  color:#fff !important;
  border-bottom:1px solid rgba(255,255,255,.16) !important;
}

/* sticky header */
.oc-header{
  position:sticky !important;
  position:-webkit-sticky !important;
  top:0 !important;
  z-index:999999 !important;
  background:rgba(255,255,255,.98) !important;
  backdrop-filter:saturate(160%) blur(10px);
  border-bottom:1px solid var(--acg-border) !important;
  box-shadow:0 8px 26px rgba(17,24,39,.08) !important;
}

/* standard header height */
.oc-header .oc-wrap{
  min-height:68px !important;
  padding:10px 28px !important;
  display:flex !important;
  align-items:center !important;
}

/* logo */
.oc-logo,
.acg-logo{
  box-shadow:none !important;
  border:none !important;
  background:transparent !important;
}

.oc-logo img,
.custom-logo,
.acg-logo img{
  height:46px !important;
  max-width:220px !important;
  object-fit:contain !important;
}

/* menu */
.oc-menu > li > a{
  color:#111827 !important;
  font-size:14.5px !important;
  font-weight:800 !important;
  padding:10px 6px !important;
}

.oc-menu > li > a:hover,
.oc-menu > li.current-menu-item > a{
  color:var(--acg-blue) !important;
}

.oc-menu > li > a::after{
  background:var(--acg-blue) !important;
}

/* header controls */
.oc-ctrl{
  background:#fff !important;
  color:var(--acg-gray-dark) !important;
  border:1px solid var(--acg-border) !important;
  box-shadow:none !important;
}

.oc-ctrl:hover{
  color:var(--acg-blue) !important;
  border-color:var(--acg-blue) !important;
  box-shadow:0 10px 22px rgba(0,90,170,.12) !important;
}

/* request button */
.oc-request-btn{
  background:var(--acg-blue) !important;
  color:#fff !important;
  border:1px solid var(--acg-blue) !important;
  border-radius:9px !important;
  min-height:38px !important;
  padding:9px 18px !important;
  font-size:13.5px !important;
  font-weight:900 !important;
  box-shadow:0 10px 22px rgba(0,90,170,.18) !important;
}

.oc-request-btn:hover{
  background:var(--acg-blue-dark) !important;
  border-color:var(--acg-blue-dark) !important;
  transform:translateY(-1px);
}

/* back button */
.oc-back{
  background:var(--acg-gray-soft) !important;
  color:var(--acg-gray-dark) !important;
  border:1px solid var(--acg-border) !important;
  box-shadow:none !important;
}

.oc-back:hover{
  background:var(--acg-blue) !important;
  color:#fff !important;
  border-color:var(--acg-blue) !important;
  box-shadow:0 10px 22px rgba(0,90,170,.14) !important;
}

/* mobile */
@media(max-width:992px){
  .oc-header .oc-wrap{
    min-height:62px !important;
    padding:9px 16px !important;
  }

  .oc-logo img,
  .custom-logo,
  .acg-logo img{
    height:40px !important;
  }

  .oc-request-btn{
    display:none !important;
  }
}


/* ===== HARD STICKY HEADER FIX ===== */
html,
body{
  overflow-x:hidden !important;
}

body,
.page,
.site,
.wrapper,
.acg-page,
.oc-content{
  overflow:visible !important;
  transform:none !important;
  contain:initial !important;
}

.oc-topbar-1{
  position:relative !important;
  z-index:999998 !important;
}

.oc-header{
  position:sticky !important;
  position:-webkit-sticky !important;
  top:0 !important;
  right:0 !important;
  left:0 !important;
  width:100% !important;
  z-index:999999 !important;
  background:#fff !important;
}

/* وقتی JS کلاس fixed بده */
.oc-header.is-fixed{
  position:fixed !important;
  top:0 !important;
  right:0 !important;
  left:0 !important;
  width:100% !important;
  z-index:999999 !important;
  animation:acgHeaderDrop .18s ease both;
}

body.has-fixed-header{
  padding-top:var(--acg-header-offset, 68px) !important;
}

@keyframes acgHeaderDrop{
  from{transform:translateY(-8px);opacity:.96}
  to{transform:translateY(0);opacity:1}
}


/* FAQ Final Visibility Fix */
.oc-faq__a[hidden],
.acg-faq__a[hidden],
.faq-answer[hidden]{
  display:none !important;
  height:0 !important;
  overflow:hidden !important;
}

.oc-faq__a:not([hidden]),
.acg-faq__a:not([hidden]),
.faq-answer:not([hidden]){
  display:block !important;
  height:auto !important;
  overflow:visible !important;
}

.oc-faq__btn,
.acg-faq__btn,
.faq-question,
.faq-btn{
  cursor:pointer;
}

/* FAQ OpenWinch Fix */
.acg-faq-question{
  cursor:pointer;
}

.acg-faq-answer[hidden]{
  display:none !important;
}

.acg-faq-answer:not([hidden]){
  display:block !important;
}

/* ==============================
   ZalWeb Mobile Header Brand Patch
   Bigger logo + ACG slogan on responsive only
============================== */

.zw-mobile-brand-patched{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  min-width:0;
}

.zw-mobile-brand-patched picture,
.zw-mobile-brand-patched img{
  flex:0 0 auto;
}

.zw-mobile-acg-slogan{
  display:none;
}

@media (max-width: 768px){
  header .zw-mobile-brand-patched img{
    width:auto !important;
    max-width:none !important;
    height:54px !important;
    max-height:54px !important;
    object-fit:contain !important;
  }

  header .zw-mobile-acg-slogan{
    display:inline-flex !important;
    align-items:center;
    max-width:150px;
    font-family:Shabnam,Tahoma,Arial,sans-serif;
    font-size:11px;
    font-weight:800;
    line-height:1.45;
    color:var(--acg-blue, var(--zw-primary, #004c8c));
    white-space:normal;
    text-align:right;
    letter-spacing:-.2px;
  }
}

@media (max-width: 420px){
  header .zw-mobile-brand-patched img{
    height:48px !important;
    max-height:48px !important;
  }

  header .zw-mobile-acg-slogan{
    max-width:128px;
    font-size:10px;
  }
}

/* === ZALWEB FINAL MOBILE BRAND PATCH START === */
.zw-mobile-logo-wrap,
.zw-mobile-brand-line,
.zw-mobile-acg-slogan-final{
  box-sizing:border-box;
}

.zw-mobile-acg-slogan-final{
  display:none;
}

@media (max-width:768px){
  header .zw-mobile-brand-line{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:10px !important;
    direction:ltr !important;
    max-width:72vw !important;
    min-width:0 !important;
  }

  header .zw-mobile-logo-wrap{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto !important;
    line-height:0 !important;
  }

  header .zw-mobile-logo-wrap img{
    display:block !important;
    width:auto !important;
    height:58px !important;
    max-height:58px !important;
    max-width:138px !important;
    object-fit:contain !important;
  }

  header .zw-mobile-logo-wrap picture{
    display:inline-flex !important;
    align-items:center !important;
    line-height:0 !important;
  }

  header .zw-mobile-acg-slogan-final{
    display:inline-block !important;
    flex:0 1 auto !important;
    max-width:145px !important;
    font-family:Shabnam,Tahoma,Arial,sans-serif !important;
    font-size:11px !important;
    font-weight:800 !important;
    line-height:1.35 !important;
    color:#004c8c !important;
    text-align:left !important;
    white-space:normal !important;
    letter-spacing:.1px !important;
  }
}

@media (max-width:420px){
  header .zw-mobile-logo-wrap img{
    height:52px !important;
    max-height:52px !important;
    max-width:124px !important;
  }

  header .zw-mobile-acg-slogan-final{
    max-width:118px !important;
    font-size:10px !important;
    line-height:1.3 !important;
  }
}
/* === ZALWEB FINAL MOBILE BRAND PATCH END === */