:root{--yellow:#ffd21c;--yellow-soft:#ffea75;--black:#090909;--black-2:#121212;--black-3:#1b1b1b;--muted:#9c9c9c;--text:#f6f6f6;--line:rgba(255,255,255,.08);--radius:24px;--shadow:0 22px 70px rgba(0,0,0,.38)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% 0%,rgba(255,210,28,.09),transparent 28%),var(--black);color:var(--text);font-family:"Vazirmatn",Tahoma,sans-serif;line-height:1.8}a{text-decoration:none;color:inherit}button{font:inherit}img{max-width:100%;display:block}.container{width:min(1160px,calc(100% - 36px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(9,9,9,.84);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{min-height:74px;display:grid;grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr);grid-template-areas:"contact menu brand";align-items:center;gap:28px;direction:ltr;white-space:nowrap}.brand{grid-area:brand;justify-self:end;font-size:24px;font-weight:900;letter-spacing:-.8px;direction:rtl;white-space:nowrap}.brand span{color:var(--yellow)}.nav-links{grid-area:menu;display:flex;gap:26px;margin:0;color:#cfcfcf;font-size:14px;direction:rtl;align-items:center;justify-content:center;white-space:nowrap}.nav-links a{transition:.2s}.nav-links a:hover{color:var(--yellow)}.nav-call{grid-area:contact;justify-self:start;min-width:92px;min-height:44px;padding:8px 12px;border-radius:999px;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--yellow);color:#111;box-shadow:0 0 0 7px rgba(255,210,28,.08);font-weight:900;direction:ltr;white-space:nowrap}.nav-call svg{width:21px;height:21px;flex:0 0 auto}.nav-call svg,.floating-call svg{width:21px;height:21px}.hero{min-height:calc(100vh - 74px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;padding-top:40px;padding-bottom:70px}.eyebrow,.section-kicker{color:var(--yellow);font-weight:800;font-size:13px;letter-spacing:.4px}.hero h1{font-size:clamp(46px,6vw,84px);line-height:1.08;margin:14px 0 8px;letter-spacing:-3px}.hero-subtitle{font-size:clamp(21px,2.4vw,34px);font-weight:800;margin:0 0 14px;color:#fff}.hero-text{color:#a9a9a9;max-width:630px;font-size:16px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{min-height:50px;padding:11px 20px;border-radius:15px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:14px}.btn-yellow{background:var(--yellow);color:#101010}.btn-dark{border:1px solid var(--line);background:#151515;color:#fff}.hero-art{min-height:430px;position:relative;display:grid;place-items:center;overflow:visible}.glow{position:absolute;z-index:0;width:360px;height:360px;background:radial-gradient(circle,rgba(255,210,28,.22),transparent 66%);filter:blur(8px)}.hero-battery-image{position:relative;z-index:1;width:min(620px,100%);height:auto;object-fit:contain;filter:drop-shadow(0 28px 40px rgba(0,0,0,.55))}.search-section,.products-section,.location-section{padding:72px 0}.section-heading{margin-bottom:26px}.section-heading h2{font-size:34px;margin:5px 0}.section-heading p{color:#969696;margin:0}.search-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;align-items:start}.brand-selector{display:none}.brand-selector:not([hidden]){display:grid}.brand-selector.is-revealed{animation:revealBrand .35s ease-out}.search-card{cursor:pointer;text-align:right;border:1px solid rgba(255,210,28,.18);background:linear-gradient(145deg,#171717,#101010);color:#fff;border-radius:22px;padding:23px;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;transition:transform .2s,border-color .2s,box-shadow .2s}.search-card:hover{transform:translateY(-4px);border-color:rgba(255,210,28,.6);box-shadow:0 20px 50px rgba(0,0,0,.25)}.search-card strong{display:block;font-size:20px}.search-card small{display:none}.search-icon{width:48px;height:48px;display:grid;place-items:center;background:var(--yellow);color:#111;border-radius:15px;font-weight:900;font-size:19px}.arrow{font-size:24px;color:var(--yellow)}.inline-heading{display:flex;align-items:end;justify-content:space-between}.clear-filter{border:1px solid var(--line);color:#ddd;background:#101010;border-radius:12px;padding:8px 14px;cursor:pointer}.active-filter{display:inline-flex;padding:8px 13px;border-radius:999px;background:rgba(255,210,28,.11);border:1px solid rgba(255,210,28,.22);color:var(--yellow);margin-bottom:18px;font-size:13px}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{background:#111;border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:rgba(255,210,28,.2)}.product-image-wrap{background:#f5f5f5;aspect-ratio:1.12/1;display:grid;place-items:center;overflow:hidden}.product-image-wrap img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.product-content{padding:18px}.tag-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:9px}.tag-row span{font-size:11px;padding:4px 8px;background:#191919;border-radius:999px;color:#c4c4c4}.product-card h3{font-size:18px;margin:0 0 6px;line-height:1.45}.product-card p{font-size:12px;color:#8e8e8e;min-height:48px;margin:0 0 12px}.price{display:flex;align-items:baseline;gap:4px;margin:7px 0 15px}.price strong{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.display-price{font-size:22px!important;color:var(--yellow)!important;font-weight:900!important;font-variant-numeric:tabular-nums}.price strong{font-size:22px;color:var(--yellow);font-variant-numeric:tabular-nums}.price span{font-size:11px;color:#858585}.price-label{margin-right:2px}.product-call{display:flex;justify-content:center;align-items:center;min-height:44px;border-radius:12px;background:#1b1b1b;border:1px solid var(--line);font-weight:700;font-size:13px}.price-note{color:#777;font-size:11px;margin-top:18px}.location-card{background:linear-gradient(145deg,#161616,#0d0d0d);border:1px solid var(--line);border-radius:28px;padding:30px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px}.location-icon{width:58px;height:58px;border-radius:18px;background:var(--yellow);color:#111;display:grid;place-items:center;font-size:28px}.location-card h2{margin:5px 0 4px;font-size:28px}.location-card p{margin:0;color:#999}.phones{display:flex;gap:15px;flex-wrap:wrap;margin-top:12px}.phones a{color:#fff;font-weight:800;direction:ltr}.footer{border-top:1px solid var(--line);padding:30px 0 45px}.footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:center}.footer strong{display:block}.footer span{display:block;color:#777;font-size:12px;margin-top:3px}.footer-phone{display:flex;gap:16px;direction:ltr}.modal{display:none;position:fixed;inset:0;z-index:100}.modal.is-open{display:grid;place-items:center}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.75);backdrop-filter:blur(10px)}.modal-box{position:relative;width:min(560px,calc(100% - 28px));background:#121212;border:1px solid rgba(255,210,28,.2);border-radius:24px;padding:28px;box-shadow:0 30px 100px rgba(0,0,0,.65)}.modal-close{position:absolute;top:12px;left:15px;width:38px;height:38px;border:0;border-radius:50%;background:#1e1e1e;color:#fff;font-size:24px;cursor:pointer}.modal-box h2{margin:5px 0 22px;font-size:28px;line-height:1.45}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.choice-grid button,.brand-list button{border:1px solid var(--line);background:#181818;color:#fff;border-radius:14px;padding:15px;cursor:pointer;font-size:17px;font-weight:800}.choice-grid button:hover,.brand-list button:hover{border-color:rgba(255,210,28,.65);color:var(--yellow)}.brand-list{display:grid;gap:10px}.brand-list button{text-align:right}.brand-list strong,.brand-list span{display:block}.brand-list span{color:#b8b8b8;font-size:14px;margin-top:4px}.floating-call{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);color:#111;z-index:60;box-shadow:0 12px 35px rgba(0,0,0,.45),0 0 0 7px rgba(255,210,28,.08)}
@media(max-width:900px){.hero{grid-template-columns:1fr;text-align:center}.hero-copy{display:flex;flex-direction:column;align-items:center}.hero-art{min-height:340px}.products-grid{grid-template-columns:repeat(2,1fr)}.location-card{grid-template-columns:auto 1fr}.location-call{grid-column:1/-1}.nav{grid-template-columns:minmax(110px,1fr) minmax(0,1fr) minmax(110px,1fr);grid-template-areas:"contact menu brand";gap:10px}.nav-links{display:none}.nav-call{grid-area:contact;justify-self:start}.brand{grid-area:brand;justify-self:end}}
@media(max-width:620px){.nav{grid-template-columns:minmax(92px,1fr) minmax(0,1fr) minmax(92px,1fr);grid-template-areas:"contact menu brand";gap:8px;min-height:66px}.brand{grid-area:brand;justify-self:end;font-size:20px}.nav-call{grid-area:contact;justify-self:start;min-width:auto;padding:9px 11px}.nav-call span{display:inline}.container{width:min(100% - 24px,1160px)}.hero{padding-top:30px}.hero h1{letter-spacing:-2px}.hero-actions{width:100%}.hero-actions .btn{flex:1}.search-buttons{grid-template-columns:1fr}.products-grid{grid-template-columns:1fr}.section-heading h2{font-size:28px}.choice-grid{grid-template-columns:repeat(2,1fr)}.location-card{grid-template-columns:1fr;text-align:center}.location-icon{margin-inline:auto}.location-call{width:100%}.phones{justify-content:center}.footer-inner{flex-direction:column;text-align:center}.footer-phone{flex-direction:column;gap:5px}}

@keyframes revealBrand{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}

.modal[hidden], .brand-selector[hidden]{display:none!important}

/* Updates – amperage-only catalog, real local battery photos and back-to-top. */
html { scroll-padding-top: 102px; }
body.modal-open { overflow: hidden; }
.search-section, .products-section, .amp-group { scroll-margin-top: 100px; }
.search-buttons { grid-template-columns: minmax(0, 1fr); max-width: 760px; }
.search-card { width: 100%; }
.search-icon {
  width: auto;
  min-width: 58px;
  height: auto;
  padding: 0;
  display: inline-block;
  background: none;
  border-radius: 0;
  color: var(--yellow);
  font-size: 29px;
  letter-spacing: -.8px;
  font-weight: 900;
  line-height: 1;
  direction: ltr;
  text-align: center;
}
.search-explainer { color: #999; font-size: 14px; margin: 4px 0 0; }
.product-order-note { margin-top: 2px; }
.products-section .section-heading { margin-bottom: 30px; }
.amp-group { margin: 0 0 44px; }
.amp-group-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 0 0 13px;
  margin-bottom: 18px;
  border-bottom: 1px solid rgba(255, 210, 28, .24);
}
.amp-group-heading h3 { margin: 0; display: inline-flex; align-items: baseline; gap: 9px; direction: ltr; }
.amp-number { font-size: clamp(30px, 4vw, 44px); font-weight: 900; font-variant-numeric: tabular-nums; line-height: 1.2; }
.amp-unit { color: var(--yellow); font-weight: 900; font-size: clamp(22px, 3vw, 28px); }
.amp-group-caption { color: #929292; font-size: 12px; }
.amp-group.is-selected .amp-group-heading { border-color: var(--yellow); }
.amp-inquiry {
  display: flex;
  align-items: center;
  gap: 19px;
  background: linear-gradient(135deg,#171717,#101010);
  border: 1px solid var(--line);
  padding: 23px 26px;
  border-radius: 18px;
}
.amp-inquiry-icon { font-size: 22px; color: var(--yellow); background: #222; border-radius: 14px; width: 54px; height: 54px; display: grid; place-items: center; flex: 0 0 auto; }
.amp-inquiry-text { flex: 1; min-width: 0; }
.amp-inquiry-text strong { font-size: 19px; }
.amp-inquiry-text p { margin: 2px 0 0; color: #999; font-size: 13px; }
.amp-inquiry-btn { border: 1px solid rgba(255,210,28,.5); border-radius: 12px; color: var(--yellow); padding: 10px 16px; font-size: 13px; font-weight: 800; white-space: nowrap; }
.amp-inquiry-btn:hover { background: var(--yellow); color: #161616; }
.product-image-wrap { background: radial-gradient(circle at 50% 37%, #303030 0, #1d1d1d 50%, #141414 100%); padding: 20px; aspect-ratio: 1.16/1; }
.product-image-wrap img { object-fit: contain; mix-blend-mode: normal; filter: drop-shadow(0 12px 14px rgba(0,0,0,.42)); }
.product-photo-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; gap: 1px; color: #ddd; }
.product-photo-placeholder svg { width: min(200px, 90%); height: auto; }
.product-photo-placeholder span { font-size: 12px; letter-spacing: 2px; font-weight: 900; }
.products-grid { align-items: stretch; }
.product-card { display: flex; flex-direction: column; }
.product-content { display: flex; flex: 1; flex-direction: column; }
.product-card .product-call { margin-top: auto; }
.price-inquiry-text { color: #f9ce20!important; font-size: 17px!important; font-weight: 700; }
.price-note { margin-top: 5px; line-height: 1.9; }
.choice-grid button { display: flex; align-items: baseline; justify-content: center; gap: 7px; direction: ltr; }
.choice-grid button strong { font-size: 20px; font-variant-numeric: tabular-nums; }
.choice-grid button small { color: var(--yellow); font-size: 12px; font-weight: 900; }
.choice-grid button[aria-pressed="true"] { border-color: rgba(255,210,28,.85); background: rgba(255,210,28,.08); }
.back-to-top {
  position: fixed;
  right: 26px;
  bottom: 98px;
  z-index: 65;
  width: 50px;
  height: 50px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,210,28,.5);
  border-radius: 15px;
  background: #191919;
  color: var(--yellow);
  cursor: pointer;
  box-shadow: 0 8px 30px rgba(0,0,0,.45);
  transition: transform .2s, background .2s;
}
.back-to-top:hover { background: #242424; transform: translateY(-3px); }
.back-to-top svg { width: 23px; height: 23px; }
.back-to-top[hidden] { display: none !important; }
.studio-signature { text-align: center; display: flex; flex-direction: column; line-height: 1.55; }
.studio-signature a { color: #aaa; font-size: 11px; transition: color .2s; }
.studio-signature a:hover { color: var(--yellow); }
.studio-signature small { color: #8c8c8c; font-size: 10px; direction: ltr; }
@media (max-width: 620px) {
  .search-icon { min-width: 43px; font-size: 26px; }
  .search-card { padding: 20px 16px; gap: 12px; }
  .search-card strong { font-size: 17px; }
  .amp-group { margin-bottom: 37px; }
  .amp-inquiry { flex-wrap: wrap; gap: 12px; padding: 19px 16px; }
  .amp-inquiry-text { flex: 1 1 calc(100% - 65px); }
  .amp-inquiry-btn { width: 100%; text-align: center; }
  .amp-group-caption { font-size: 11px; }
  .back-to-top { right: 24px; bottom: 92px; width: 48px; height: 48px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .back-to-top { transition: none; } }
.amp-extra-catalog { margin: 2px 0 32px; }
.amp-extra-catalog .amp-group-heading h3 { font-size: 27px; }
.extra-catalog-copy { color: #999; font-size: 13px; margin: -6px 0 16px; }
.amp-extra-catalog .products-grid { grid-template-columns: repeat(3,1fr); }
@media(max-width:900px){.amp-extra-catalog .products-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.amp-extra-catalog .products-grid{grid-template-columns:1fr}}

/* Version 3: full pictured amperage catalog */
.amp-quick-nav{display:flex;flex-wrap:wrap;align-items:center;gap:9px;padding:16px 18px;margin:0 0 34px;border:1px solid var(--line);background:#151515;border-radius:20px}
.amp-quick-nav>span{color:#aaa;font-size:13px;margin-inline-end:6px;font-weight:700}
.amp-quick-nav button{direction:ltr;display:inline-flex;align-items:baseline;gap:4px;justify-content:center;min-width:67px;padding:9px 12px;color:#f5f5f5;font:800 15px "Vazirmatn",Tahoma,sans-serif;background:#222;border:1px solid #383838;border-radius:12px;cursor:pointer;transition:border-color .2s,background .2s,color .2s}
.amp-quick-nav button small{color:var(--yellow);font-size:10px}
.amp-quick-nav button:hover,.amp-quick-nav button[aria-pressed="true"]{border-color:var(--yellow);background:#2b2818}
.product-image-wrap{position:relative}
.image-amp-label{position:absolute;top:12px;left:12px;direction:ltr;color:#101010;background:var(--yellow);padding:4px 10px;border-radius:9px;font:900 15px "Vazirmatn",Tahoma,sans-serif;box-shadow:0 4px 12px #0005}
.image-amp-label small{font-size:10px}
.product-card h4{font-size:17px;line-height:1.6;margin:0 0 14px;font-weight:800;min-height:3.2em}
.product-card .price{min-height:39px;align-items:center;flex-wrap:wrap}
.product-card .tag-row span{font-size:12px}
.amp-group-heading .amp-group-caption{max-width:65%;text-align:left}
@media(max-width:620px){.amp-quick-nav{gap:7px;padding:12px;margin-bottom:26px}.amp-quick-nav>span{width:100%}.amp-quick-nav button{min-width:calc((100% - 21px)/4);padding:9px 4px}.amp-group-heading .amp-group-caption{max-width:58%;font-size:11px}.image-amp-label{top:10px;left:10px}}


/* Catalog heading: full-width, balanced title rather than a narrow flex column. */
.products-section .catalog-heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  min-width: 0;
  margin: 0 0 30px;
  text-align: center;
}
.catalog-heading-accent {
  display: block;
  width: 52px;
  height: 4px;
  border-radius: 999px;
  background: var(--yellow);
  margin-bottom: 2px;
}
.products-section .catalog-heading h2 {
  display: block;
  width: 100%;
  min-width: 0;
  margin: 0;
  font-size: clamp(21px, 3.2vw, 36px);
  line-height: 1.55;
  font-weight: 900;
  letter-spacing: 0;
  text-align: center;
  text-wrap: balance;
  overflow-wrap: normal;
}
.products-section .catalog-heading .product-order-note {
  display: block;
  width: 100%;
  max-width: 730px;
  margin: 0;
  color: #a5a5a5;
  font-size: 14px;
  line-height: 1.9;
  text-align: center;
  text-wrap: pretty;
}
@media (max-width: 620px) {
  .products-section .catalog-heading { gap: 8px; margin-bottom: 22px; }
  .products-section .catalog-heading h2 { font-size: clamp(19px, 5.7vw, 25px); line-height: 1.6; }
  .products-section .catalog-heading .product-order-note { font-size: 12px; line-height: 1.85; }
}


/* V5 – photo typography, right-side amperage, and location pin. */
.product-image-wrap { position: relative; }
.product-image-wrap .image-amp-label {
  position: absolute;
  top: 15px;
  right: 16px;
  left: auto;
  z-index: 2;
  display: inline-flex;
  flex-direction: row;
  align-items: baseline;
  gap: 6px;
  direction: ltr;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  white-space: nowrap;
  font-family: "Vazirmatn", Tahoma, sans-serif;
  font-weight: 900;
  line-height: 1.2;
  text-shadow: 0 2px 8px rgba(0,0,0,.78);
}
.product-image-wrap .image-amp-number {
  color: #fff;
  font-size: clamp(26px, 2.7vw, 36px);
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}
.product-image-wrap .image-amp-unit {
  color: var(--yellow);
  font-size: clamp(18px, 1.9vw, 25px);
  font-weight: 900;
}
.location-icon svg { width: 28px; height: 28px; }
.footer-business { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
.footer-location { display: inline-flex; align-items: center; gap: 7px; color: #b9b9b9; font-size: 12px; transition: color .2s ease; }
.footer-location:hover { color: var(--yellow); }
.footer-location svg { width: 15px; height: 15px; color: var(--yellow); flex: 0 0 auto; }
.footer .footer-location span { display: inline; color: inherit; font-size: 12px; margin: 0; }
@media (max-width: 620px) {
  .product-image-wrap .image-amp-label { top: 12px; right: 13px; left: auto; gap: 5px; }
  .product-image-wrap .image-amp-number { font-size: 32px; }
  .product-image-wrap .image-amp-unit { font-size: 22px; }
  .footer-business { align-items: center; }
}

/* V6: repeated amp-group title and extra brand/amp chips deliberately removed.
   Product names remain visible; SEO metadata and JSON-LD are nonvisual. */
.amp-group { margin-block: 0 42px; }
.amp-group .products-grid { padding-top: 0; }
.product-card .product-content { padding-top: 20px; }
.product-card .product-content > h3 { font-size: 17px; line-height: 1.75; margin: 0 0 16px; font-weight: 800; min-height: 3.2em; }
@media (max-width: 620px) {
  .amp-group { margin-block: 0 32px; }
  .product-card .product-content { padding-top: 17px; }
  .product-card .product-content > h3 { min-height: auto; margin-bottom: 20px; }
}
/* Keep the decorative hero glow inside narrow phone viewports. */
@media (max-width: 620px) {
  .hero-art .glow { width: min(360px, 100%); height: auto; aspect-ratio: 1; }
}