/* Apple Mogilev redesign — premium dark/light service theme */
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap");

:root {
  --am-black: #050505;
  --am-charcoal: #0d0d0d;
  --am-panel: #141414;
  --am-muted: #b0b0b0;
  --am-border: rgba(255, 255, 255, 0.12);
  --am-white: #ffffff;
  --am-surface: #f5f5f7;
  --am-card: #ffffff;
  --am-text: #111111;
  --am-text-soft: #4a4a4f;
  --am-green: #52d97b;
  --am-green-dark: #2fbf5a;
  --am-green-soft: rgba(82, 217, 123, 0.14);
  --am-radius: 18px;
  --am-radius-sm: 12px;
  --am-radius-pill: 999px;
  --am-shadow: 0 18px 50px rgba(0, 0, 0, 0.08);
  --am-shadow-hover: 0 22px 60px rgba(0, 0, 0, 0.14);
  --am-container: 1180px;
  --am-header-h: 78px;
  --am-font: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --am-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: var(--am-font) !important;
  color: var(--am-text);
  background: var(--am-surface);
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

img {
  max-width: 100%;
  height: auto;
  border: 0;
  vertical-align: middle;
}

a {
  color: inherit;
  text-decoration: none;
  transition: color 0.2s var(--am-ease), background 0.2s var(--am-ease),
    border-color 0.2s var(--am-ease), transform 0.2s var(--am-ease),
    box-shadow 0.2s var(--am-ease);
}

a:hover {
  color: var(--am-green);
}

button,
input,
textarea,
select {
  font-family: inherit;
}

#wrapper,
#panel,
.center {
  width: 100% !important;
  max-width: none !important;
}

.am-container {
  width: min(100% - 32px, var(--am-container));
  margin: 0 auto;
}

.am-container.center,
#header .center,
#footer .center,
#main .center,
.content .center,
.description .center,
.advantages-cover .center,
.discount .center,
.reviews .center,
.catalog-panel .center {
  width: min(100% - 32px, var(--am-container)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
  padding: 0 !important;
}

/* Hide legacy chrome pieces replaced by redesign */
#header .header-box,
#header .menu,
#header .nav-wrap,
#header .header-panel,
.btn-top,
.instagram,
.vk,
.you {
  display: none !important;
}

/* ========== HEADER ========== */
#header.am-header,
.am-header,
#header {
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
  background: #050505 !important;
  background-color: #050505 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #fff !important;
  height: auto !important;
  min-height: var(--am-header-h) !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.04);
}

.am-header__inner {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 24px;
  min-height: var(--am-header-h);
}

.am-logo {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--am-white) !important;
  text-decoration: none !important;
}

.am-logo__mark {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: linear-gradient(145deg, #1a1a1a, #0a0a0a);
  border: 1px solid rgba(82, 217, 123, 0.35);
  display: grid;
  place-items: center;
  flex-shrink: 0;
}

.am-logo__mark svg {
  width: 20px;
  height: 20px;
  fill: var(--am-green);
}

.am-logo__text {
  display: flex;
  flex-direction: column;
  line-height: 1.15;
}

.am-logo__name {
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -0.02em;
}

.am-logo__tag {
  font-size: 11px;
  color: var(--am-muted);
  font-weight: 500;
}

.am-ico-line {
  display: inline-grid;
  place-items: center;
  width: 16px;
  height: 16px;
  color: var(--am-green);
}

.am-ico-line svg {
  width: 16px;
  height: 16px;
  stroke: currentColor;
  fill: none;
}

.am-meta-line {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
}

.am-hours {
  color: rgba(255, 255, 255, 0.7) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  padding-left: 24px;
}

.am-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.am-nav > li {
  position: relative;
}

.am-nav > li > a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 14px;
  color: rgba(255, 255, 255, 0.92) !important;
  font-size: 14px;
  font-weight: 600;
  border-radius: 10px;
}

.am-nav > li > a:hover,
.am-nav > li.is-open > a {
  color: var(--am-white) !important;
  background: rgba(255, 255, 255, 0.06);
}

.am-nav__caret {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid currentColor;
  opacity: 0.7;
}

.am-dropdown {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  min-width: 220px;
  background: #121212;
  border: 1px solid var(--am-border);
  border-radius: 14px;
  padding: 8px;
  list-style: none;
  margin: 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: 0.2s var(--am-ease);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45);
  z-index: 20;
}

.am-nav > li:hover > .am-dropdown,
.am-nav > li.is-open > .am-dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.am-dropdown a {
  display: block;
  padding: 10px 12px;
  border-radius: 10px;
  color: rgba(255, 255, 255, 0.8) !important;
  font-size: 13px;
  font-weight: 500;
}

.am-dropdown a:hover {
  background: var(--am-green-soft);
  color: var(--am-green) !important;
}

.am-header__actions {
  display: flex;
  align-items: center;
  gap: 18px;
}

.am-header__meta {
  display: flex;
  flex-direction: column;
  gap: 2px;
  text-align: left;
}

.am-header__meta a,
.am-header__meta span {
  color: rgba(255, 255, 255, 0.92) !important;
  font-size: 12px;
  font-weight: 600;
}

.am-header__meta .am-phone {
  color: var(--am-white) !important;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.am-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 46px;
  padding: 0 22px;
  border-radius: var(--am-radius-pill);
  font-size: 14px;
  font-weight: 700;
  border: 1.5px solid transparent;
  cursor: pointer;
  text-decoration: none !important;
  white-space: nowrap;
  transition: background 0.22s var(--am-ease), color 0.22s var(--am-ease), border-color 0.22s var(--am-ease), box-shadow 0.22s var(--am-ease), transform 0.22s var(--am-ease);
}

.am-btn--primary {
  background: var(--am-green);
  color: #04110a !important;
  box-shadow: 0 10px 30px rgba(82, 217, 123, 0.28);
}

.am-btn--primary:hover {
  background: #6aef92;
  color: #04110a !important;
  box-shadow: 0 14px 36px rgba(82, 217, 123, 0.45);
  transform: translateY(-2px);
}

.am-btn--primary:active {
  background: var(--am-green-dark);
  transform: translateY(0);
  box-shadow: 0 6px 18px rgba(82, 217, 123, 0.3);
}

.am-btn--ghost {
  background: transparent;
  color: var(--am-white) !important;
  border-color: rgba(255, 255, 255, 0.28);
}

.am-btn--ghost:hover {
  background: rgba(82, 217, 123, 0.14);
  border-color: var(--am-green);
  color: #fff !important;
  box-shadow: 0 0 0 1px rgba(82, 217, 123, 0.35);
  transform: translateY(-1px);
}

.am-btn--outline-green {
  background: transparent;
  color: var(--am-white) !important;
  border-color: var(--am-green);
}

.am-btn--outline-green:hover {
  background: var(--am-green);
  color: #04110a !important;
  box-shadow: 0 12px 32px rgba(82, 217, 123, 0.4);
  transform: translateY(-1px);
}

.am-burger {
  display: none;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  border: 1px solid var(--am-border);
  background: transparent;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
  cursor: pointer;
  padding: 0;
  transition: background 0.2s var(--am-ease), border-color 0.2s var(--am-ease), transform 0.2s var(--am-ease);
}

.am-burger:hover {
  background: rgba(82, 217, 123, 0.12);
  border-color: rgba(82, 217, 123, 0.55);
}

.am-burger:active {
  transform: scale(0.96);
}

.am-burger span {
  width: 18px;
  height: 2px;
  background: #fff;
  border-radius: 2px;
  transition: 0.2s ease;
}

body.am-menu-open .am-burger span:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}
body.am-menu-open .am-burger span:nth-child(2) {
  opacity: 0;
}
body.am-menu-open .am-burger span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

.am-mobile-nav {
  display: none;
  border-top: 1px solid var(--am-border);
  background: #050505;
  padding: 16px 16px 24px;
  max-height: min(78vh, 720px);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

body.am-menu-open .am-mobile-nav {
  display: block;
}

.am-mobile-nav__contact {
  display: grid;
  gap: 4px;
  padding: 4px 4px 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  margin-bottom: 14px;
}

.am-mobile-nav__phone {
  display: inline-flex !important;
  align-items: center;
  padding: 0 !important;
  border: 0 !important;
  color: #fff !important;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: -0.03em;
  text-decoration: none !important;
}

.am-mobile-nav__phone:hover {
  color: var(--am-green) !important;
}

.am-mobile-nav__hours {
  color: rgba(255, 255, 255, 0.62);
  font-size: 13px;
  font-weight: 600;
}

.am-mobile-nav__addr {
  display: inline-flex !important;
  padding: 0 !important;
  border: 0 !important;
  color: rgba(255, 255, 255, 0.78) !important;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none !important;
}

.am-mobile-nav__addr:hover {
  color: var(--am-green) !important;
}

.am-mobile-nav__messengers {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  margin-bottom: 14px;
}

.am-msg {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 78px;
  padding: 10px 4px !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.04);
  color: #fff !important;
  text-decoration: none !important;
  font-size: 11px;
  font-weight: 700;
  transition: transform 0.2s var(--am-ease), background 0.2s var(--am-ease),
    border-color 0.2s var(--am-ease), box-shadow 0.2s var(--am-ease);
}

.am-msg svg {
  width: 36px;
  height: 36px;
  display: block;
  flex-shrink: 0;
  border-radius: 10px;
}

.am-msg span {
  line-height: 1.1;
  text-align: center;
}

.am-msg:hover {
  transform: translateY(-2px);
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.18) !important;
  color: #fff !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.28);
}

.am-msg--telegram:hover {
  border-color: rgba(38, 165, 228, 0.55) !important;
  box-shadow: 0 10px 24px rgba(38, 165, 228, 0.2);
}

.am-msg--viber:hover {
  border-color: rgba(115, 96, 242, 0.55) !important;
  box-shadow: 0 10px 24px rgba(115, 96, 242, 0.2);
}

.am-msg--whatsapp:hover {
  border-color: rgba(37, 211, 102, 0.55) !important;
  box-shadow: 0 10px 24px rgba(37, 211, 102, 0.2);
}

.am-msg--instagram:hover {
  border-color: rgba(221, 42, 123, 0.55) !important;
  box-shadow: 0 10px 24px rgba(221, 42, 123, 0.2);
}

.am-mobile-nav__links {
  display: grid;
}

.am-mobile-nav__links > a,
.am-mobile-nav details summary {
  display: block;
  padding: 13px 8px;
  color: rgba(255, 255, 255, 0.92) !important;
  font-weight: 700;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  text-decoration: none !important;
  transition: color 0.2s var(--am-ease), background 0.2s var(--am-ease), padding-left 0.2s var(--am-ease);
}

.am-mobile-nav__links > a:hover,
.am-mobile-nav details summary:hover {
  color: var(--am-green) !important;
  background: rgba(82, 217, 123, 0.06);
  padding-left: 12px;
}

.am-mobile-nav details summary {
  list-style: none;
  cursor: pointer;
  position: relative;
}

.am-mobile-nav details summary::-webkit-details-marker {
  display: none;
}

.am-mobile-nav details summary::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  width: 7px;
  height: 7px;
  border-right: 2px solid rgba(255, 255, 255, 0.55);
  border-bottom: 2px solid rgba(255, 255, 255, 0.55);
  transform: translateY(-60%) rotate(45deg);
  transition: transform 0.2s var(--am-ease);
}

.am-mobile-nav details[open] summary::after {
  transform: translateY(-20%) rotate(225deg);
}

.am-mobile-nav details a {
  display: block;
  padding: 10px 8px 10px 18px;
  color: rgba(255, 255, 255, 0.78) !important;
  font-weight: 600;
  font-size: 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
  text-decoration: none !important;
  transition: color 0.2s var(--am-ease), background 0.2s var(--am-ease), padding-left 0.2s var(--am-ease);
}

.am-mobile-nav details a:hover {
  color: var(--am-green) !important;
  background: rgba(82, 217, 123, 0.06);
  padding-left: 22px;
}

.am-mobile-nav__cta {
  width: 100%;
  margin-top: 16px;
}

/* ========== HERO ========== */
body.am-home {
  background: #050505;
}

.am-hero {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(ellipse 70% 55% at 78% 42%, rgba(82, 217, 123, 0.1), transparent 58%),
    #050505;
  color: #fff;
  padding: 40px 0 64px;
}

.am-hero--side {
  padding: 36px 0 56px;
  background:
    radial-gradient(ellipse 55% 60% at 82% 48%, rgba(110, 18, 45, 0.22), transparent 62%),
    radial-gradient(ellipse 50% 45% at 78% 40%, rgba(82, 217, 123, 0.08), transparent 58%),
    #050505;
}

.am-hero--side .am-hero__grid {
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: 24px 40px;
  align-items: center;
}

.am-hero--side .am-hero__visual {
  min-height: 0;
  justify-items: end;
}

.am-hero--side .am-hero__visual picture {
  display: block;
  position: relative;
  z-index: 1;
  width: min(100%, 520px);
}

.am-hero--side .am-hero__photo {
  width: 100%;
  max-width: 520px;
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 24px 48px rgba(0, 0, 0, 0.45));
  animation: am-float 7s ease-in-out infinite;
}

.am-hero--side .am-hero__glow {
  inset: 12% 8%;
  background: radial-gradient(circle, rgba(128, 24, 52, 0.28), transparent 70%);
}

.am-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 32px;
  align-items: center;
}

.am-eyebrow {
  display: inline-block;
  color: rgba(255, 255, 255, 0.72);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 18px;
}

.am-hero h1 {
  margin: 0 0 14px;
  font-size: clamp(34px, 4.6vw, 54px);
  line-height: 1.05;
  font-weight: 800;
  letter-spacing: -0.035em;
  color: #fff !important;
}

.am-hero__lead {
  margin: 0 0 28px;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.88);
  font-weight: 500;
}

.am-hero__features {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin: 0 0 34px;
  padding: 0;
  list-style: none;
  max-width: 560px;
}

.am-hero__features li {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  padding: 0 16px;
  position: relative;
  min-height: auto;
  background: none;
  border: 0;
  border-radius: 0;
}

.am-hero__features li:first-child {
  padding-left: 0;
}

.am-hero__features li:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 8px;
  bottom: 8px;
  width: 1px;
  background: rgba(255, 255, 255, 0.1);
}

.am-icon-box {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  border: 1.5px solid var(--am-green);
  display: grid;
  place-items: center;
  color: var(--am-green);
  box-shadow: 0 0 18px rgba(82, 217, 123, 0.18);
  flex-shrink: 0;
}

.am-icon-box svg {
  width: 22px;
  height: 22px;
  stroke: currentColor;
  fill: none;
}

.am-hero__features li > span:last-child {
  font-size: 13px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.9);
  line-height: 1.25;
}

.am-hero__cta {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.am-btn__arrow {
  margin-left: 4px;
}

.am-hero__visual {
  position: relative;
  min-height: 460px;
  display: grid;
  place-items: center;
}

.am-hero__glow {
  position: absolute;
  inset: 8% 5%;
  background: radial-gradient(circle, rgba(82, 217, 123, 0.16), transparent 68%);
  filter: blur(18px);
  pointer-events: none;
}

.am-hero__photo {
  position: relative;
  z-index: 1;
  width: min(100%, 540px);
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 28px 50px rgba(0, 0, 0, 0.55));
  animation: am-float 7s ease-in-out infinite;
}

@keyframes am-float {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
}

/* ========== SERVICES ========== */
.am-section {
  padding: 72px 0;
}

.am-section--light {
  background: var(--am-surface);
}

.am-section--dark {
  background: var(--am-black);
  color: #fff;
}

.am-section__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 32px;
}

.am-section__head h2 {
  margin: 0 0 8px;
  font-size: clamp(28px, 3.4vw, 40px);
  font-weight: 800;
  letter-spacing: -0.03em;
  color: var(--am-text);
}

.am-section--dark .am-section__head h2 {
  color: #fff;
}

.am-section__head p {
  margin: 0;
  color: var(--am-text-soft);
  font-size: 16px;
}

.am-section__link {
  color: var(--am-green) !important;
  font-weight: 700;
  font-size: 14px;
  white-space: nowrap;
}

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

.am-service-card {
  background: var(--am-card);
  border-radius: 22px;
  padding: 22px;
  box-shadow: var(--am-shadow);
  display: flex;
  flex-direction: column;
  min-height: 280px;
  border: 1px solid rgba(0, 0, 0, 0.03);
  text-decoration: none !important;
  color: inherit !important;
  overflow: hidden;
  position: relative;
}

.am-service-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--am-shadow-hover);
  color: inherit !important;
}

.am-service-card__img {
  height: 140px;
  display: grid;
  place-items: center;
  margin-bottom: 16px;
  background:
    radial-gradient(circle at 50% 80%, rgba(82, 217, 123, 0.12), transparent 60%),
    linear-gradient(180deg, #fafafa, #f0f0f2);
  border-radius: 16px;
}

.am-service-card__img img {
  max-height: 120px;
  width: auto;
  object-fit: contain;
  transition: transform 0.35s var(--am-ease);
}

.am-service-card:hover .am-service-card__img img {
  transform: scale(1.05) translateY(-4px);
}

.am-service-card h3 {
  margin: 0 0 8px;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: -0.02em;
}

.am-service-card p {
  margin: 0 0 18px;
  color: var(--am-text-soft);
  font-size: 14px;
  flex: 1;
}

.am-service-card__go {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: var(--am-green);
  color: #04110a;
  display: grid;
  place-items: center;
  margin-top: auto;
}

.am-service-card__go svg {
  width: 18px;
  height: 18px;
  stroke: currentColor;
  fill: none;
}

.am-services-wrap {
  padding-bottom: 40px;
}

/* ========== TRUST BAR ========== */
.am-trust {
  background: #f5f5f7;
  color: #fff;
  padding: 0 0 56px;
}

.am-trust__bar {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  background: #000;
  border-radius: 28px;
  padding: 28px 32px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.18);
}

.am-trust__item {
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  color: #fff;
}

.am-trust__ico {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  color: #fff;
}

.am-trust__ico svg {
  width: 24px;
  height: 24px;
  stroke: currentColor;
  fill: none;
}

/* ========== MODELS / PROBLEMS / LEGACY HOMEPAGE BLOCKS ========== */
#main {
  background: transparent !important;
}

.am-block-title,
h1.device-title,
h2.device-title,
.device-title {
  text-align: center !important;
  margin: 0 0 10px !important;
}

.device-title-text,
.am-block-title {
  display: inline-block;
  font-size: clamp(26px, 3vw, 36px) !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em;
  color: var(--am-text) !important;
  background: none !important;
  padding: 0 !important;
}

.center1 {
  text-align: center !important;
  color: var(--am-text-soft) !important;
  font-size: 16px !important;
  margin: 0 0 28px !important;
}

.superitem {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 16px !important;
  width: 100% !important;
  float: none !important;
}

.superitem .item,
.superitem .item.pf4 {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  background: #fff !important;
  border-radius: 18px !important;
  box-shadow: var(--am-shadow) !important;
  overflow: hidden;
  transition: transform 0.25s var(--am-ease), box-shadow 0.25s var(--am-ease);
}

.superitem .item:hover {
  transform: translateY(-4px);
  box-shadow: var(--am-shadow-hover) !important;
}

.superitem .item a {
  display: block;
  padding: 18px 14px 16px;
  text-align: center;
  color: var(--am-text) !important;
}

.superitem .item img {
  max-height: 110px;
  width: auto;
  height: auto;
  object-fit: contain;
  margin: 0 auto 12px;
  display: block;
}

.superitem .item p {
  margin: 0 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--am-text) !important;
  animation: none !important;
}

.content-box.white-color,
.problems-section {
  background: #0d0d0d !important;
  color: #fff !important;
  padding: 56px 0 !important;
  margin: 0 !important;
}

.content-box .device-title-text,
.problems-section .device-title-text {
  color: #fff !important;
}

.content-box .center1,
.problems-section .center1 {
  color: rgba(255, 255, 255, 0.65) !important;
}

.problems ul.row,
#problems ul.row {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 12px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

.problems-item,
.problems .col-md-4,
.problems .col-lg-3,
.problems .col-sm-6 {
  width: auto !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.problems-item .au,
.problems a.au {
  display: flex !important;
  align-items: center;
  gap: 12px;
  min-height: 72px;
  padding: 14px 16px !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 14px !important;
  color: #fff !important;
}

.problems-item .au:hover {
  border-color: var(--am-green) !important;
  background: var(--am-green-soft) !important;
}

.problems-text,
.aus {
  color: #fff !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  border: none !important;
}

.problems-icon {
  color: var(--am-green) !important;
  font-size: 22px !important;
}

.advantages-cover {
  margin: 0 !important;
  padding: 56px 0 !important;
  background: var(--am-surface) !important;
}

.advantages {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 16px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

.advantages li,
.advantages li.nm {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 22px !important;
  background: #fff !important;
  border-radius: 18px !important;
  box-shadow: var(--am-shadow) !important;
  text-align: left !important;
}

.advantages .visual {
  margin-bottom: 12px;
}

.advantages .visual img {
  width: 42px;
  height: 42px;
  object-fit: contain;
}

.advantages span,
.advantages em {
  display: block;
  font-style: normal;
  font-weight: 800;
  font-size: 18px;
  color: var(--am-text);
  margin-bottom: 6px;
}

.advantages p {
  margin: 0;
  color: var(--am-text-soft);
  font-size: 14px;
}

.discount {
  background:
    radial-gradient(ellipse at 80% 20%, rgba(82, 217, 123, 0.18), transparent 50%),
    linear-gradient(135deg, #0a0a0a, #161616) !important;
  color: #fff !important;
  padding: 64px 0 !important;
  text-align: center;
}

.discount h3 {
  margin: 0 0 12px !important;
  font-size: clamp(26px, 3vw, 36px) !important;
  font-weight: 800 !important;
  color: #fff !important;
}

.discount h3 span {
  color: var(--am-green) !important;
}

.discount p {
  color: rgba(255, 255, 255, 0.72) !important;
  margin-bottom: 24px !important;
}

.discount .button,
.repair-status > .button,
.reviews-box .button,
.status-form .button,
input.button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 28px !important;
  border-radius: var(--am-radius-pill) !important;
  background: var(--am-green) !important;
  color: #04110a !important;
  border: none !important;
  font-weight: 800 !important;
  font-size: 14px !important;
  cursor: pointer;
  box-shadow: 0 10px 28px rgba(82, 217, 123, 0.25);
}

.repair-status {
  position: relative;
  display: inline-block;
}

.status-form {
  position: absolute !important;
  left: 50% !important;
  top: calc(100% + 14px) !important;
  transform: translateX(-50%);
  width: min(360px, calc(100vw - 32px));
  background: #fff !important;
  color: var(--am-text);
  border-radius: 18px !important;
  padding: 24px !important;
  box-shadow: var(--am-shadow-hover) !important;
  z-index: 30;
  text-align: left;
}

.status-form .row {
  margin-bottom: 12px;
}

.status-form label {
  display: block;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 6px;
  color: var(--am-text-soft);
}

.status-form .input {
  width: 100% !important;
  min-height: 44px;
  border: 1px solid #e5e5ea !important;
  border-radius: 12px !important;
  padding: 0 14px !important;
  background: #fafafa !important;
}

/* Legacy reviews hide */
.reviews,
.reviews-gallery,
.reviews-list,
.reviews .switcher,
.reviews-box {
  display: none !important;
}

/* ========== GALLERY ========== */
.am-gallery {
  padding: 64px 0;
  background: var(--am-surface);
}

.am-gallery__head {
  margin-bottom: 28px;
}

.am-gallery__head h2 {
  margin: 0 0 8px;
  font-size: clamp(26px, 3vw, 36px);
  font-weight: 800;
  letter-spacing: -0.03em;
  color: #111 !important;
}

.am-gallery__head p {
  margin: 0;
  color: var(--am-text-soft) !important;
  font-size: 16px;
}

.am-gallery__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}

.am-gallery__item {
  position: relative;
  display: block;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  border-radius: 20px;
  background: #111;
  box-shadow: var(--am-shadow);
  text-decoration: none !important;
}

.am-gallery__item::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 45%, rgba(0, 0, 0, 0.45) 100%);
  opacity: 0;
  transition: opacity 0.25s var(--am-ease);
  pointer-events: none;
}

.am-gallery__item:hover::after {
  opacity: 1;
}

.am-gallery__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.45s var(--am-ease);
}

.am-gallery__item:hover img {
  transform: scale(1.05);
}

.am-gallery__zoom {
  position: absolute;
  z-index: 1;
  right: 14px;
  bottom: 14px;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: var(--am-green);
  color: #04110a;
  display: grid;
  place-items: center;
  font-size: 22px;
  font-weight: 800;
  line-height: 1;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(4, 17, 10, 0.2);
  opacity: 0;
  transform: translateY(6px) scale(0.92);
  transition: opacity 0.25s var(--am-ease), transform 0.25s var(--am-ease), background 0.2s var(--am-ease), box-shadow 0.2s var(--am-ease);
}

.am-gallery__item:hover .am-gallery__zoom {
  opacity: 1;
  transform: none;
}

.am-gallery__item:hover .am-gallery__zoom:hover,
.am-gallery__item:focus-visible .am-gallery__zoom {
  background: #6aef92;
  box-shadow: 0 10px 28px rgba(82, 217, 123, 0.55), 0 0 0 2px #04110a;
}

/* ========== REVIEWS ========== */
.am-reviews {
  padding: 64px 0 72px;
  background: var(--am-surface);
  color: #111;
}

.am-reviews__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 22px;
}

.am-reviews__head h2 {
  margin: 0 0 8px;
  font-size: clamp(26px, 3vw, 36px);
  font-weight: 800;
  letter-spacing: -0.03em;
  color: #111 !important;
}

.am-reviews__head p {
  margin: 0;
  color: var(--am-text-soft) !important;
  font-size: 16px;
}

.am-reviews__head-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}

.am-reviews__badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 46px;
  padding: 0 16px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: var(--am-shadow);
  font-size: 13px;
  font-weight: 700;
  color: #4a4a4f;
}

.am-reviews__stars {
  color: #f5a524;
  letter-spacing: 1px;
  font-size: 14px;
}

.am-reviews__badge strong {
  color: #111;
  font-size: 15px;
}

.am-reviews__carousel {
  position: relative;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) 48px;
  gap: 12px;
  align-items: center;
}

.am-reviews__scroller {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - 32px) / 3);
  gap: 16px;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  padding: 6px 2px 14px;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.am-reviews__scroller::-webkit-scrollbar {
  display: none;
}

.am-reviews__card {
  position: relative;
  display: block;
  scroll-snap-align: start;
  border-radius: 22px;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.04);
  box-shadow: var(--am-shadow);
  text-decoration: none !important;
  color: inherit !important;
  transition: transform 0.25s var(--am-ease), box-shadow 0.25s var(--am-ease),
    border-color 0.25s var(--am-ease);
}

.am-reviews__card img {
  width: 100%;
  height: 420px;
  object-fit: cover;
  object-position: top center;
  display: block;
  background: #ececef;
  transition: transform 0.35s var(--am-ease);
}

.am-reviews__card::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 88px;
  background: linear-gradient(180deg, transparent, rgba(5, 5, 5, 0.45));
  pointer-events: none;
}

.am-reviews__zoom {
  position: absolute;
  right: 12px;
  bottom: 12px;
  z-index: 2;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: rgba(255, 255, 255, 0.92);
  color: #111;
  font-size: 16px;
  font-weight: 700;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18);
  transition: transform 0.2s var(--am-ease), background 0.2s var(--am-ease);
}

.am-reviews__card:hover {
  transform: translateY(-4px);
  box-shadow: var(--am-shadow-hover);
  border-color: rgba(82, 217, 123, 0.35);
  color: inherit !important;
}

.am-reviews__card:hover img {
  transform: scale(1.03);
}

.am-reviews__card:hover .am-reviews__zoom {
  background: var(--am-green);
  transform: scale(1.06);
}

.am-reviews__nav {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1.5px solid rgba(0, 0, 0, 0.1);
  background: #fff;
  color: #111;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
  box-shadow: var(--am-shadow);
  transition: background 0.22s var(--am-ease), color 0.22s var(--am-ease),
    border-color 0.22s var(--am-ease), box-shadow 0.22s var(--am-ease),
    transform 0.22s var(--am-ease), opacity 0.22s var(--am-ease);
}

.am-reviews__nav:hover:not(:disabled) {
  background: var(--am-green);
  border-color: var(--am-green);
  color: #04110a;
  box-shadow: 0 10px 28px rgba(82, 217, 123, 0.4);
  transform: scale(1.06);
}

.am-reviews__nav:active:not(:disabled) {
  transform: scale(0.98);
}

.am-reviews__nav:disabled {
  opacity: 0.35;
  cursor: default;
}

.am-reviews__footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 14px 18px;
  margin-top: 8px;
}

.am-reviews__dots {
  display: flex;
  gap: 8px;
  align-items: center;
}

.am-reviews__dots button {
  width: 9px;
  height: 9px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: #cfcfd4;
  cursor: pointer;
  transition: width 0.2s var(--am-ease), background 0.2s var(--am-ease);
}

.am-reviews__dots button.is-active {
  width: 24px;
  background: var(--am-green);
}

.am-reviews__dots button:hover {
  background: #9a9aa2;
}

.am-reviews__counter {
  font-size: 13px;
  font-weight: 800;
  color: #111;
  min-width: 48px;
}

.am-reviews__hint {
  margin: 0;
  width: 100%;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  color: #8a8a90 !important;
}

/* ========== LIGHTBOX ========== */
.am-lightbox {
  position: fixed;
  inset: 0;
  z-index: 3000;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.88);
  padding: 24px;
}

.am-lightbox[hidden] {
  display: none !important;
}

.am-lightbox.is-open {
  display: flex !important;
}

.am-lightbox__img {
  max-width: min(960px, 92vw);
  max-height: 86vh;
  border-radius: 16px;
  object-fit: contain;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.45);
}

.am-lightbox__close {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 46px;
  height: 46px;
  border: 1.5px solid rgba(255, 255, 255, 0.25);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
  font-size: 28px;
  cursor: pointer;
  transition: background 0.22s var(--am-ease), color 0.22s var(--am-ease), border-color 0.22s var(--am-ease), box-shadow 0.22s var(--am-ease), transform 0.22s var(--am-ease);
}

.am-lightbox__nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1.5px solid rgba(255, 255, 255, 0.25);
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
  font-size: 28px;
  cursor: pointer;
  transition: background 0.22s var(--am-ease), color 0.22s var(--am-ease), border-color 0.22s var(--am-ease), box-shadow 0.22s var(--am-ease), transform 0.22s var(--am-ease);
}

.am-lightbox__nav--prev {
  left: 16px;
}

.am-lightbox__nav--next {
  right: 16px;
}

.am-lightbox__nav:hover,
.am-lightbox__close:hover {
  background: var(--am-green);
  color: #04110a;
  border-color: var(--am-green);
  box-shadow: 0 10px 28px rgba(82, 217, 123, 0.45);
}

.am-lightbox__nav:hover {
  transform: translateY(-50%) scale(1.08);
}

.am-lightbox__close:hover {
  transform: scale(1.08);
}

body.am-lightbox-open {
  overflow: hidden;
}

@media (max-width: 900px) {
  .am-gallery__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .am-reviews__head {
    flex-direction: column;
    align-items: flex-start;
  }

  .am-reviews__scroller {
    grid-auto-columns: calc((100% - 16px) / 2);
  }

  .am-reviews__card img {
    height: 360px;
  }
}

@media (max-width: 720px) {
  .am-reviews__carousel {
    grid-template-columns: 1fr;
  }

  .am-reviews__nav {
    display: none;
  }

  .am-reviews__scroller {
    grid-auto-columns: min(86%, 340px);
    padding-left: 2px;
    padding-right: 24px;
  }

  .am-reviews__card img {
    height: 420px;
  }

  .am-reviews__head-actions {
    width: 100%;
  }

  .am-reviews__head-actions .am-btn {
    width: 100%;
  }
}

@media (max-width: 560px) {
  .am-gallery__grid {
    grid-template-columns: 1fr;
  }

  .am-gallery__zoom {
    opacity: 1;
    transform: none;
  }
}

/* ========== INTERNAL PAGES ========== */
.description,
.content,
.section-convex,
.page,
.uk-container,
.catalog-panel {
  font-family: var(--am-font) !important;
}

.am-content-split {
  padding: 56px 0;
  background: var(--am-surface);
}

.am-content-split--dark {
  background:
    radial-gradient(ellipse at 20% 0%, rgba(82, 217, 123, 0.12), transparent 45%),
    #050505;
  color: #fff;
}

.am-content-split__grid {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 36px;
  align-items: center;
}

.am-content-split__media img {
  width: 100%;
  max-width: 420px;
  display: block;
  margin: 0 auto;
  filter: drop-shadow(0 24px 40px rgba(0, 0, 0, 0.35));
}

.am-content-split__text h3 {
  margin: 0 0 14px;
  font-size: clamp(24px, 2.8vw, 32px);
  font-weight: 800;
  letter-spacing: -0.03em;
  color: inherit !important;
}

.am-content-split--dark .am-content-split__text h3 {
  color: #fff !important;
}

.am-content-split__text p {
  margin: 0 0 12px;
  color: var(--am-text-soft) !important;
  line-height: 1.6;
}

.am-content-split--dark .am-content-split__text p {
  color: rgba(255, 255, 255, 0.72) !important;
}

@media (max-width: 900px) {
  .am-content-split__grid {
    grid-template-columns: 1fr;
  }

  .am-content-split__media {
    order: -1;
  }
}

.description {
  background:
    radial-gradient(ellipse at 90% 10%, rgba(82, 217, 123, 0.12), transparent 45%),
    linear-gradient(160deg, #050505, #141414) !important;
  color: #fff !important;
  padding: 48px 0 40px !important;
  margin: 0 !important;
}

.description .title h1,
.description h1 {
  color: #fff !important;
  font-size: clamp(28px, 3.5vw, 42px) !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em;
  margin-bottom: 12px !important;
}

.description .slogan {
  display: block;
  color: var(--am-green) !important;
  font-weight: 700;
  margin-bottom: 16px;
}

.description p,
.description .title p {
  color: rgba(255, 255, 255, 0.72) !important;
}

.description .visual img {
  filter: drop-shadow(0 24px 40px rgba(0, 0, 0, 0.45));
}

.content {
  padding: 40px 0 64px !important;
  background: var(--am-surface) !important;
}

.content h1,
.content .device-title-text,
.section-convex .device-title-text {
  color: var(--am-text) !important;
  font-weight: 800 !important;
}

.content-text,
.content-block,
.vc_col-sm-12,
.servb,
.serv,
.servb1 {
  background: #fff;
  border-radius: 18px;
  padding: 22px !important;
  box-shadow: var(--am-shadow);
  margin-bottom: 16px !important;
}

.content-text-header,
.content-text h3 {
  font-weight: 800 !important;
  letter-spacing: -0.02em;
  margin-bottom: 10px !important;
}

.question-answer {
  list-style: none;
  margin: 24px 0 0;
  padding: 0;
  display: grid;
  gap: 12px;
}

.question-answer > li {
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: var(--am-shadow);
}

.question-answer .cover .box {
  padding: 18px 20px;
  font-weight: 700;
  background: #0d0d0d;
  color: #fff;
}

.question-answer .answer {
  padding: 18px 20px;
  color: var(--am-text-soft);
  background: #fff !important;
}

.tabset-wrap,
.contacts-list {
  background: #fff;
  border-radius: 18px;
  box-shadow: var(--am-shadow);
  padding: 24px;
  margin-top: 24px;
}

.contacts-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 14px;
}

.contacts-list li {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 12px 0;
  border-bottom: 1px solid #f0f0f2;
}

.contacts-list li:last-child {
  border: 0;
}

.breadcrumb {
  display: none !important;
}

.am-breadcrumbs {
  width: min(100% - 32px, var(--am-container));
  margin: 18px auto 8px;
  padding: 0;
}

.am-breadcrumbs__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0;
  list-style: none;
  margin: 0;
  padding: 10px 16px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 14px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);
}

.am-breadcrumbs__item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  color: var(--am-text-soft);
}

.am-breadcrumbs__link {
  color: var(--am-text-soft) !important;
  text-decoration: none !important;
}

.am-breadcrumbs__link:hover {
  color: var(--am-green) !important;
}

.am-breadcrumbs__current {
  color: #111 !important;
  font-weight: 700;
}

.am-breadcrumbs__sep {
  color: #c5c5c8;
  margin: 0 4px 0 2px;
  font-weight: 500;
}

.page .am-breadcrumbs,
.uk-container .am-breadcrumbs,
.container .am-breadcrumbs,
.section-convex .am-breadcrumbs {
  width: 100%;
  margin: 12px 0 16px;
}

/* Advantages redesign */
.advantages-cover,
ul.advantages {
  display: none !important;
}

.am-advantages {
  padding: 56px 0;
  background: var(--am-surface);
}

.am-advantages__head {
  text-align: center;
  margin-bottom: 28px;
}

.am-advantages__head h2 {
  margin: 0 0 10px;
  font-size: clamp(26px, 3vw, 36px);
  font-weight: 800;
  letter-spacing: -0.03em;
  color: #111 !important;
}

.am-advantages__head p {
  margin: 0;
  color: var(--am-text-soft) !important;
  font-size: 16px;
}

.am-advantages__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.am-advantages__card {
  background: #fff;
  border-radius: 20px;
  padding: 22px;
  box-shadow: var(--am-shadow);
  border: 1px solid rgba(0, 0, 0, 0.03);
  transition: transform 0.25s var(--am-ease), box-shadow 0.25s var(--am-ease);
}

.am-advantages__card:hover {
  transform: translateY(-3px);
  box-shadow: var(--am-shadow-hover);
}

.am-advantages__card .am-icon-box {
  margin-bottom: 14px;
}

.am-advantages__card h3 {
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 800;
  color: #111 !important;
  letter-spacing: -0.02em;
}

.am-advantages__card p {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
  color: var(--am-text-soft) !important;
}

@media (max-width: 900px) {
  .am-advantages__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 560px) {
  .am-advantages__grid {
    grid-template-columns: 1fr;
  }
}

/* ========== REPAIR MODEL PAGES ========== */
.section-convex {
  background: var(--am-surface) !important;
  padding: 0 0 48px !important;
  margin: 0 !important;
}

.section-convex .container,
.section-convex > .container {
  max-width: var(--am-container) !important;
  margin: 0 auto !important;
  padding: 0 16px !important;
}

/* UIKit clearfix pseudo-elements break CSS Grid layouts */
.uk-grid::before,
.uk-grid::after,
.uk-grid-small::before,
.uk-grid-small::after,
.problems-catalog .uk-grid::before,
.problems-catalog .uk-grid::after,
.model-problems-item .uk-grid::before,
.model-problems-item .uk-grid::after {
  display: none !important;
  content: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* Keep problem catalog visible on mobile (legacy uk-visible-large hid it) */
.section-convex .uk-visible-large,
.uk-container.uk-visible-large,
.page-title-help.uk-visible-large {
  display: block !important;
}

.page-title-help,
.page-title-help.uk-visible-large {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  margin: 0 0 18px !important;
  padding: 8px 14px !important;
  border-radius: 999px;
  background: rgba(82, 217, 123, 0.12) !important;
  color: #0a3d1c !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  border: 0 !important;
}

.section-convex .container,
.container {
  max-width: min(100%, var(--am-container)) !important;
  width: 100% !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

.problems-catalog {
  background: #fff !important;
  border-radius: 24px !important;
  padding: 28px 20px !important;
  box-shadow: var(--am-shadow) !important;
  border: 1px solid rgba(0, 0, 0, 0.04);
  margin-bottom: 28px !important;
}

.problems-catalog .uk-grid {
  display: grid !important;
  grid-template-columns: 1fr minmax(180px, 280px) 1fr;
  grid-template-areas: "left phone right";
  gap: 16px 20px !important;
  align-items: start;
  margin: 0 !important;
}

.problems-catalog-column {
  width: auto !important;
  max-width: none !important;
  float: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.problems-catalog-column:first-child {
  grid-area: left;
}

.problems-catalog-image {
  grid-area: phone;
  display: flex !important;
  justify-content: center;
  align-items: center;
}

.problems-catalog-column:last-child {
  grid-area: right;
}

.problems-catalog-left,
.problems-catalog-right {
  display: grid !important;
  gap: 10px;
}

.problems-catalog-item {
  margin: 0 !important;
}

.problems-catalog-item a {
  display: flex !important;
  align-items: center;
  gap: 12px;
  min-height: 52px;
  padding: 12px 14px !important;
  border-radius: 14px !important;
  border: 1px solid #ececf0 !important;
  background: #fafafa !important;
  color: #111 !important;
  text-decoration: none !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 1.3;
  transition: 0.2s var(--am-ease);
}

.problems-catalog-right .problems-catalog-item a {
  flex-direction: row-reverse;
  text-align: right;
}

.problems-catalog-item a:hover {
  border-color: var(--am-green) !important;
  background: var(--am-green-soft) !important;
  color: #04110a !important;
  transform: translateY(-1px);
}

.problems-catalog-item-img {
  width: 28px !important;
  height: 28px !important;
  flex-shrink: 0;
  object-fit: contain;
}

.problems-catalog-image img {
  max-width: 100%;
  max-height: 320px;
  width: auto !important;
  height: auto !important;
  object-fit: contain;
  filter: drop-shadow(0 20px 36px rgba(0, 0, 0, 0.18));
}

.model-problems {
  display: grid;
  gap: 14px;
}

.model-problems-item {
  background: #fff !important;
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
  border-radius: 20px !important;
  padding: 20px 22px !important;
  box-shadow: var(--am-shadow);
  scroll-margin-top: 96px;
}

.model-problems-item .uk-grid,
.model-problems-item .uk-grid-small {
  display: grid !important;
  grid-template-columns: 56px 1fr;
  gap: 16px !important;
  margin: 0 !important;
  align-items: start;
}

.model-problems-item [class*="uk-width"] {
  width: auto !important;
  float: none !important;
  padding: 0 !important;
}

.model-problem-icon {
  width: 52px;
  height: 52px;
  border-radius: 16px;
  background: var(--am-green-soft);
  display: grid;
  place-items: center;
}

.model-problem-icon img {
  width: 28px !important;
  height: 28px !important;
}

.model-problem-title,
.uk-h3.model-problem-title {
  margin: 0 0 8px !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em;
  color: #111 !important;
}

.model-problems-item p {
  margin: 0 0 16px !important;
  color: var(--am-text-soft) !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
}

.model-problems-item .repair-status > a.button,
.model-problems-item .repair-status > .button {
  min-height: 44px !important;
  padding: 0 22px !important;
  font-size: 13px !important;
}

/* Hide legacy inline popovers — form opens in am-modal */
.model-problems-item .status-form,
.repair-status .status-form {
  display: none !important;
}

.uk-panel.uk-panel-box,
.uk-panel-box {
  margin-top: 18px !important;
  padding: 18px 20px !important;
  border-radius: 16px !important;
  background: #0d0d0d !important;
  color: rgba(255, 255, 255, 0.82) !important;
  border: 0 !important;
  box-shadow: none !important;
}

.uk-panel-box strong {
  color: var(--am-green) !important;
}

/* Problem/article repair pages */
.page-header {
  margin: 8px 0 22px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.page-header h1 {
  margin: 0 !important;
  font-size: clamp(28px, 3.4vw, 40px) !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em;
  color: #111 !important;
}

.content-row {
  display: grid !important;
  gap: 16px;
  margin-bottom: 16px !important;
}

.content-row.vam {
  grid-template-columns: 80px 1fr;
  align-items: center;
}

.content-row:not(.vam) {
  grid-template-columns: 1fr 1fr;
}

.content-block,
.vc_col-sm-12,
.vc_col-sm-9,
.vc_col-sm-6,
.vc_col-sm-3 {
  width: auto !important;
  float: none !important;
  padding: 0 !important;
}

.am-repair-cta {
  margin: 28px 0 8px;
  padding: 28px;
  border-radius: 22px;
  background:
    radial-gradient(ellipse at 10% 0%, rgba(82, 217, 123, 0.18), transparent 50%),
    #050505;
  color: #fff;
}

.am-repair-cta__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}

.am-repair-cta h2 {
  margin: 0 0 6px;
  font-size: clamp(22px, 2.6vw, 28px);
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #fff !important;
}

.am-repair-cta p {
  margin: 0;
  color: rgba(255, 255, 255, 0.7) !important;
  font-size: 15px;
}

@media (max-width: 900px) {
  .problems-catalog .uk-grid {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "phone"
      "left"
      "right" !important;
  }

  .problems-catalog-image {
    order: unset;
  }

  .problems-catalog-image img {
    max-height: 220px;
  }

  .problems-catalog-right .problems-catalog-item a {
    flex-direction: row;
    text-align: left;
  }

  .content-row:not(.vam) {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 560px) {
  .model-problems-item .uk-grid,
  .model-problems-item .uk-grid-small {
    grid-template-columns: 1fr;
  }

  .content-row.vam {
    grid-template-columns: 1fr;
  }

  .am-repair-cta__inner {
    flex-direction: column;
    align-items: flex-start;
  }
}

.catalog-panel,
.work-time {
  background: #000 !important;
  color: #fff !important;
  text-align: center;
  padding: 18px !important;
  margin: 0 !important;
}

.work-time span {
  color: var(--am-green) !important;
}

/* Model price tables / UK kit soft overrides */
.uk-container-center {
  max-width: var(--am-container) !important;
  margin: 0 auto !important;
  padding: 0 16px 40px !important;
}

.page.page,
.page {
  max-width: var(--am-container);
  margin: 0 auto;
  padding: 0 16px;
}

/* ========== FOOTER ========== */
.am-footer,
#footer {
  background:
    radial-gradient(ellipse at 12% 0%, rgba(82, 217, 123, 0.1), transparent 42%),
    #050505 !important;
  color: rgba(255, 255, 255, 0.72) !important;
  padding: 0 0 28px !important;
  margin: 0 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

#footer .am-container {
  padding-top: 28px;
}

#footer .copy,
#footer .info-col,
#footer .f-contacts,
#footer .f-info,
#footer .am-footer__col,
#footer .am-footer__brand {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

#footer .center,
#footer .am-footer__grid {
  display: grid !important;
  grid-template-columns: 1.35fr 1fr 1fr 1.2fr;
  gap: 32px;
  align-items: start;
}

.am-footer__cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 22px 24px;
  margin-bottom: 36px;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.am-footer__cta-text {
  display: grid;
  gap: 4px;
}

.am-footer__cta-text strong {
  color: #fff;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -0.02em;
}

.am-footer__cta-text span {
  color: rgba(255, 255, 255, 0.62);
  font-size: 14px;
}

.am-footer__cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  flex-shrink: 0;
}

.am-footer__cta .am-btn--ghost {
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.35) !important;
}

.am-footer__cta .am-btn--ghost:hover {
  background: rgba(82, 217, 123, 0.14) !important;
  border-color: var(--am-green) !important;
  color: #fff !important;
}

.am-footer__logo {
  display: inline-flex !important;
  align-items: center;
  gap: 10px;
  text-decoration: none !important;
  margin-bottom: 14px !important;
}

.am-footer__logo-mark {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(82, 217, 123, 0.28);
  display: grid;
  place-items: center;
}

.am-footer__logo-mark svg {
  width: 18px;
  height: 18px;
  fill: var(--am-green);
}

.am-footer__logo-text {
  display: grid;
  gap: 1px;
}

.am-footer__logo-name,
#footer .f-logo {
  color: #fff !important;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.1;
}

.am-footer__logo-tag {
  color: rgba(255, 255, 255, 0.5);
  font-size: 12px;
  font-weight: 600;
}

.am-footer__lead {
  margin: 0 0 16px !important;
  max-width: 300px;
  color: rgba(255, 255, 255, 0.64) !important;
  font-size: 14px;
  line-height: 1.55;
}

.am-footer__social {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.am-footer__social a {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.04);
  color: rgba(255, 255, 255, 0.82) !important;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none !important;
  transition: 0.2s var(--am-ease);
}

.am-footer__social a:hover {
  border-color: var(--am-green) !important;
  color: var(--am-green) !important;
  background: rgba(82, 217, 123, 0.1);
}

#footer h6 {
  display: block;
  color: #fff !important;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin: 0 0 16px !important;
}

#footer .f-info-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

#footer .f-info-list li {
  margin-bottom: 10px;
}

#footer .f-info-list a,
#footer .f-address a,
#footer a {
  color: rgba(255, 255, 255, 0.68) !important;
  text-decoration: none !important;
  font-size: 14px;
  font-weight: 560;
  transition: color 0.2s var(--am-ease);
}

#footer .f-info-list a:hover,
#footer a:hover {
  color: var(--am-green) !important;
}

.am-footer__contacts {
  display: grid;
  gap: 10px;
}

#footer .f-phone,
.am-footer__phone {
  display: block;
  color: #fff !important;
  font-size: clamp(18px, 2vw, 22px);
  font-weight: 800;
  letter-spacing: -0.02em;
  margin: 0 !important;
}

.am-footer__hours {
  display: inline-flex !important;
  width: fit-content;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(82, 217, 123, 0.12);
  color: var(--am-green) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

.am-footer__address,
.am-footer__mail {
  display: block;
  line-height: 1.5;
}

.am-footer__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 36px !important;
  padding-top: 20px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.am-footer__legal {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.45);
}

.am-footer__meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
}

#footer .made-with-love,
#footer .am-footer__meta,
#footer .am-footer__legal {
  opacity: 1 !important;
}

#footer .made-with-love {
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.78) !important;
}

#footer .made-with-love a,
#footer .am-footer__meta a,
#footer .f-info a,
.am-footer a[href*="ultraweb"] {
  color: #7dffab !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  opacity: 1 !important;
}

#footer .made-with-love a:hover,
#footer .am-footer__meta a:hover,
.am-footer a[href*="ultraweb"]:hover {
  color: #fff !important;
  text-decoration: underline !important;
}

#footer .made-with-love img {
  width: 14px;
  height: 14px;
  display: inline-block;
  vertical-align: middle;
  filter: none !important;
  opacity: 1 !important;
}

/* Contrast safety on dark surfaces */
.am-page-hero a:not(.am-btn),
.am-reviews a:not(.am-btn),
.am-acc-cta a:not(.am-btn),
.am-acc-aside-card a:not(.am-btn),
.description a:not(.am-btn) {
  text-decoration-thickness: 1px;
}

.am-page-hero .am-btn--ghost,
.am-acc-cta .am-btn--ghost {
  color: #fff !important;
}

/* ========== MODAL ========== */
.am-modal {
  position: fixed;
  inset: 0;
  z-index: 2000;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.am-modal.is-open {
  display: flex;
}

.am-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.65);
  backdrop-filter: blur(6px);
}

.am-modal__dialog {
  position: relative;
  width: min(420px, 100%);
  background: #fff;
  border-radius: 22px;
  padding: 28px;
  box-shadow: var(--am-shadow-hover);
  z-index: 1;
  animation: am-pop 0.28s var(--am-ease);
}

@keyframes am-pop {
  from {
    opacity: 0;
    transform: translateY(12px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

.am-modal__dialog h3 {
  margin: 0 0 8px;
  font-size: 24px;
  font-weight: 800;
}

.am-modal__dialog p {
  margin: 0 0 18px;
  color: var(--am-text-soft);
  font-size: 14px;
}

.am-modal__close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 50%;
  background: #f2f2f4;
  cursor: pointer;
  font-size: 20px;
  line-height: 1;
}

.am-form-row {
  margin-bottom: 12px;
}

.am-form-row label {
  display: block;
  font-size: 12px;
  font-weight: 700;
  color: var(--am-text-soft);
  margin-bottom: 6px;
}

.am-form-row input,
.am-form-row textarea {
  width: 100%;
  min-height: 46px;
  border: 1px solid #e5e5ea;
  border-radius: 12px;
  padding: 10px 14px;
  background: #fafafa;
}

.am-form-row textarea {
  min-height: 90px;
  resize: vertical;
}

body.am-modal-open {
  overflow: hidden;
}

/* ========== PAGE HERO INTERNAL ========== */
.am-page-hero {
  background:
    radial-gradient(ellipse at 80% 0%, rgba(82, 217, 123, 0.15), transparent 50%),
    linear-gradient(160deg, #050505, #151515);
  color: #fff;
  padding: 48px 0 40px;
}

.am-page-hero h1 {
  margin: 0 0 10px;
  font-size: clamp(28px, 3.4vw, 42px);
  font-weight: 800;
  letter-spacing: -0.03em;
  color: #fff;
}

.am-page-hero p {
  margin: 0;
  color: rgba(255, 255, 255, 0.7);
  max-width: 640px;
}

/* Reveal motion */
.am-reveal {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity 0.6s var(--am-ease), transform 0.6s var(--am-ease);
}

.am-reveal.is-visible {
  opacity: 1;
  transform: none;
}

/* ========== RESPONSIVE ========== */
@media (max-width: 1100px) {
  .am-header__meta {
    display: none;
  }

  .am-nav {
    display: none;
  }

  .am-burger {
    display: inline-flex;
  }

  .am-header__inner {
    grid-template-columns: 1fr auto auto;
  }

  .am-hero__grid {
    grid-template-columns: 1fr;
  }

  .am-hero--side .am-hero__grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .am-hero--side .am-hero__visual {
    order: -1;
    justify-items: center;
    min-height: 0;
  }

  .am-hero--side .am-hero__visual picture,
  .am-hero--side .am-hero__photo {
    width: min(78vw, 360px);
    max-width: 360px;
  }

  .am-hero__visual {
    order: -1;
    min-height: 300px;
  }

  .am-hero__features {
    grid-template-columns: repeat(2, 1fr);
    gap: 18px 12px;
  }

  .am-hero__features li {
    padding: 0 8px 0 0;
  }

  .am-hero__features li:not(:last-child)::after {
    display: none;
  }

  .am-services {
    grid-template-columns: repeat(2, 1fr);
  }

  .am-trust__bar {
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
    border-radius: 22px;
    padding: 22px;
  }

  .superitem {
    grid-template-columns: repeat(3, 1fr) !important;
  }

  .problems ul.row,
  #problems ul.row {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  #footer .center,
  #footer .am-footer__grid {
    grid-template-columns: 1fr 1fr !important;
  }

  .am-footer__brand {
    grid-column: 1 / -1;
  }

  .am-footer__cta {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 720px) {
  :root {
    --am-header-h: 66px;
  }

  .am-hero {
    padding: 36px 0 48px;
  }

  .am-hero__features {
    grid-template-columns: 1fr 1fr;
  }

  .am-hero__visual {
    min-height: 280px;
  }

  .am-services,
  .advantages,
  .am-trust__bar,
  .superitem {
    grid-template-columns: 1fr 1fr !important;
  }

  .problems ul.row,
  #problems ul.row {
    grid-template-columns: 1fr !important;
  }

  .am-section__head {
    flex-direction: column;
    align-items: flex-start;
  }

  #footer .center,
  #footer .am-footer__grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 24px 18px;
  }

  .am-footer__brand {
    grid-column: 1 / -1;
  }

  .am-footer__bottom {
    flex-direction: column;
    align-items: flex-start;
  }

  .am-footer__cta-actions {
    width: 100%;
  }

  .am-footer__cta-actions .am-btn {
    flex: 1 1 auto;
  }

  .am-btn--header {
    display: none;
  }

  .am-hero__script {
    font-size: 16px;
    bottom: 18%;
  }

  .am-acc-cta__actions,
  .am-reviews__head {
    width: 100%;
  }

  .description .center.am-container,
  .description .center {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  .uk-container-center .uk-grid,
  .problems-catalog .uk-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .problems-catalog-image {
    order: -1;
    text-align: center;
  }

  .problems-catalog-image img {
    max-width: 220px;
    margin: 0 auto;
  }
}

@media (max-width: 560px) {
  #footer .center,
  #footer .am-footer__grid {
    grid-template-columns: 1fr !important;
  }

  .am-footer__cta {
    padding: 18px;
  }

  .am-footer__cta-actions .am-btn {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .am-services,
  .advantages,
  .superitem {
    grid-template-columns: 1fr !important;
  }
}

/* Sales / catalog cards */
.subdivision-items,
.catalogCategory {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 16px !important;
  list-style: none !important;
  margin: 24px 0 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

.catalog-item,
.subdivision-items > li {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  background: #fff !important;
  border-radius: 18px !important;
  box-shadow: var(--am-shadow) !important;
  overflow: hidden;
  padding: 18px !important;
  text-align: center;
}

.catalog-item .name,
.catalog-item .name a {
  font-weight: 800 !important;
  font-size: 16px !important;
  color: var(--am-text) !important;
  margin-bottom: 12px;
}

.catalog-item img {
  max-height: 160px;
  margin: 0 auto 14px;
}

.content-box {
  padding: 40px 0 !important;
}

.description .center {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 24px;
  align-items: center;
}

@media (max-width: 900px) {
  .description .center,
  .description .center.am-container {
    grid-template-columns: 1fr !important;
  }

  .subdivision-items,
  .catalogCategory {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 560px) {
  .subdivision-items,
  .catalogCategory {
    grid-template-columns: 1fr !important;
  }
}

/* Reduce legacy style collisions */
#header:after,
#wrapper:after,
.clearfix:after {
  content: none !important;
}

/* Force-hide legacy white header chrome */
#header .header-box,
#header .menu,
#header .nav-wrap,
#header .header-panel,
#header .city,
#header .phone,
#header #nav,
#header .logo {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* Contrast fixes — light sections */
.am-section--light,
.am-section--light h2,
.am-section--light h3,
.am-service-card h3,
.device-title-text,
.content h1,
.content h2,
.content h3 {
  color: #111 !important;
}

.am-section--light p,
.am-service-card p,
.center1,
.am-section__head p {
  color: #4a4a4f !important;
}

.am-service-card {
  background: #fff !important;
  color: #111 !important;
}

.am-btn--ghost {
  border-color: rgba(255, 255, 255, 0.55) !important;
  color: #fff !important;
}

.am-mobile-nav {
  background: #050505 !important;
  border-top-color: rgba(255, 255, 255, 0.12) !important;
}

.am-mobile-nav__links > a,
.am-mobile-nav details summary,
.am-mobile-nav details a {
  color: #fff !important;
}

/* Dark text on light CTA ghost variants inside light pages */
.am-page-hero .am-btn--ghost,
.description .am-btn--ghost {
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.55) !important;
}

.content .am-btn--ghost {
  color: #111 !important;
  border-color: #cfcfd4 !important;
}

.content .am-btn--ghost:hover {
  background: rgba(82, 217, 123, 0.12) !important;
  border-color: var(--am-green) !important;
  color: #04110a !important;
  box-shadow: 0 0 0 1px rgba(82, 217, 123, 0.25);
}

.promo,
.promo-holder,
.switcher {
  /* keep homepage reviews switcher; hide old promo if present outside main redesign */
}

body.am-home .promo {
  display: none !important;
}

/* ========== ACCESSORIES PAGE ========== */
.am-acc-hero .am-acc-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 22px;
}

.am-acc-intro {
  padding: 48px 0 24px;
  background: var(--am-surface);
}

.am-acc-intro__grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 28px;
  align-items: start;
}

.am-acc-intro h2 {
  margin: 0 0 14px;
  font-size: clamp(24px, 2.8vw, 34px);
  font-weight: 800;
  letter-spacing: -0.03em;
  color: #111 !important;
}

.am-acc-intro p {
  margin: 0 0 12px;
  color: var(--am-text-soft) !important;
  line-height: 1.65;
  font-size: 16px;
}

.am-acc-points {
  list-style: none;
  margin: 0;
  padding: 22px;
  background: #fff;
  border-radius: 22px;
  box-shadow: var(--am-shadow);
  border: 1px solid rgba(0, 0, 0, 0.04);
  display: grid;
  gap: 14px;
}

.am-acc-points li {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  font-weight: 650;
  color: #111;
  line-height: 1.4;
}

.am-acc-points__ico {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(82, 217, 123, 0.16);
  color: #0a7a3a;
  display: grid;
  place-items: center;
  font-size: 14px;
  font-weight: 800;
}

.am-acc-catalog,
.am-acc-faq {
  padding: 40px 0 56px;
  background: #fff;
}

.am-acc-head {
  margin-bottom: 24px;
  max-width: 720px;
}

.am-acc-head h2 {
  margin: 0 0 8px;
  font-size: clamp(24px, 2.8vw, 34px);
  font-weight: 800;
  letter-spacing: -0.03em;
  color: #111 !important;
}

.am-acc-head p {
  margin: 0;
  color: var(--am-text-soft) !important;
  font-size: 16px;
}

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

.am-acc-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 22px;
  border-radius: 22px;
  background: var(--am-surface);
  border: 1px solid rgba(0, 0, 0, 0.04);
  text-decoration: none !important;
  color: inherit;
  box-shadow: var(--am-shadow);
  transition: transform 0.25s var(--am-ease), box-shadow 0.25s var(--am-ease), border-color 0.25s var(--am-ease);
}

.am-acc-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--am-shadow-hover);
  border-color: rgba(82, 217, 123, 0.45);
}

.am-acc-card__icon {
  width: 56px;
  height: 56px;
  border-radius: 16px;
  background: #0d0d0d;
  color: var(--am-green);
  display: grid;
  place-items: center;
}

.am-acc-card__icon svg {
  width: 30px;
  height: 30px;
}

.am-acc-card h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #111 !important;
}

.am-acc-card p {
  margin: 0;
  color: var(--am-text-soft) !important;
  font-size: 14px;
  line-height: 1.45;
}

.am-acc-section {
  padding: 56px 0;
  background: var(--am-surface);
}

.am-acc-section--alt {
  background: #fff;
}

.am-acc-section__inner {
  display: grid;
  grid-template-columns: 1.35fr 0.85fr;
  gap: 28px;
  align-items: stretch;
}

.am-acc-section__text h2 {
  margin: 0 0 12px;
  font-size: clamp(24px, 2.6vw, 32px);
  font-weight: 800;
  letter-spacing: -0.03em;
  color: #111 !important;
}

.am-acc-section__text p {
  margin: 0 0 14px;
  color: var(--am-text-soft) !important;
  line-height: 1.65;
  font-size: 16px;
}

.am-acc-section__text ul {
  margin: 0 0 22px;
  padding: 0 0 0 18px;
  color: #222;
  line-height: 1.7;
}

.am-acc-section__text li {
  margin-bottom: 4px;
}

.am-acc-section__text a:not(.am-btn) {
  color: #0a7a3a !important;
  font-weight: 650;
  text-decoration: underline;
}

.am-acc-aside-card {
  height: 100%;
  min-height: 180px;
  padding: 24px;
  border-radius: 22px;
  background:
    radial-gradient(ellipse at 20% 0%, rgba(82, 217, 123, 0.18), transparent 55%),
    #0a0a0a;
  color: #fff;
  box-shadow: var(--am-shadow);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.am-acc-aside-card strong {
  display: block;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 800;
  color: var(--am-green);
}

.am-acc-aside-card p {
  margin: 0;
  color: rgba(255, 255, 255, 0.78);
  line-height: 1.55;
}

.am-acc-cta {
  padding: 24px 0 72px;
  background: #fff;
}

.am-acc-cta__box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 28px 32px;
  border-radius: 24px;
  background:
    radial-gradient(ellipse at 85% 20%, rgba(82, 217, 123, 0.16), transparent 45%),
    #050505;
  color: #fff;
}

.am-acc-cta__box h2 {
  margin: 0 0 8px;
  font-size: clamp(22px, 2.4vw, 30px);
  font-weight: 800;
  letter-spacing: -0.03em;
  color: #fff !important;
}

.am-acc-cta__box p {
  margin: 0;
  color: rgba(255, 255, 255, 0.72) !important;
  max-width: 560px;
}

.am-acc-cta__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  flex-shrink: 0;
}

.am-acc-cta .am-btn--ghost {
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.45) !important;
}

.am-acc-cta .am-btn--ghost:hover {
  background: rgba(82, 217, 123, 0.16) !important;
  border-color: var(--am-green) !important;
  color: #fff !important;
}

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

  .am-acc-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 560px) {
  .am-acc-grid {
    grid-template-columns: 1fr;
  }

  .am-acc-cta__box {
    padding: 22px;
  }
}

/* ========== ABOUT PAGE ========== */
.am-about-page {
  background: var(--am-surface);
}

.am-about-hero .am-about-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 22px;
}

.am-about-intro {
  padding: 48px 0 24px;
}

.am-about-intro__grid {
  display: grid;
  grid-template-columns: 1.35fr 0.9fr;
  gap: 24px;
  align-items: start;
}

.am-about-intro__text h2,
.am-about-office h2,
.am-about-timing__box h2 {
  margin: 0 0 12px;
  font-size: clamp(24px, 2.8vw, 34px);
  font-weight: 800;
  letter-spacing: -0.03em;
  color: #111 !important;
}

.am-about-intro__text p,
.am-about-office p {
  margin: 0 0 12px;
  color: var(--am-text-soft) !important;
  font-size: 16px;
  line-height: 1.65;
}

.am-about-points {
  list-style: none;
  margin: 0;
  padding: 22px;
  background: #fff;
  border-radius: 22px;
  box-shadow: var(--am-shadow);
  border: 1px solid rgba(0, 0, 0, 0.04);
  display: grid;
  gap: 14px;
}

.am-about-points li {
  display: flex;
  gap: 12px;
  align-items: center;
  font-weight: 700;
  color: #111;
}

.am-about-points li span {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(82, 217, 123, 0.16);
  color: #0a7a3a;
  display: grid;
  place-items: center;
  font-size: 14px;
  font-weight: 800;
  flex-shrink: 0;
}

.am-about-office {
  padding: 24px 0 40px;
}

.am-about-office__grid {
  display: grid;
  grid-template-columns: 1fr 1.15fr;
  gap: 24px;
  align-items: start;
}

.am-about-office__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
}

.am-about-office__meta a {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 0 14px;
  border-radius: 999px;
  background: #0d0d0d;
  color: #fff !important;
  text-decoration: none !important;
  font-weight: 700;
  font-size: 13px;
}

.am-about-office__meta a:hover {
  background: var(--am-green);
  color: #04110a !important;
}

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

.am-about-office__cards article {
  background: #fff;
  border-radius: 20px;
  padding: 18px;
  box-shadow: var(--am-shadow);
  border: 1px solid rgba(0, 0, 0, 0.04);
}

.am-about-office__cards h3 {
  margin: 0 0 8px;
  font-size: 16px;
  font-weight: 800;
  color: #111 !important;
}

.am-about-office__cards p {
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
}

.am-about-gallery {
  background: #fff;
}

.am-about-gallery .am-gallery__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
}

.am-about-gallery__grid {
  grid-template-columns: repeat(3, 1fr) !important;
}

.am-gallery__caption {
  position: absolute;
  left: 12px;
  bottom: 12px;
  z-index: 2;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(5, 5, 5, 0.72);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.01em;
  backdrop-filter: blur(6px);
  pointer-events: none;
}

.am-about-timing {
  padding: 24px 0 64px;
  background: var(--am-surface);
}

.am-about-timing__box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 28px 30px;
  border-radius: 24px;
  background:
    radial-gradient(ellipse at 90% 0%, rgba(82, 217, 123, 0.16), transparent 45%),
    #050505;
  color: #fff;
}

.am-about-timing__box h2 {
  color: #fff !important;
}

.am-about-timing__box p {
  margin: 0 0 14px;
  color: rgba(255, 255, 255, 0.7) !important;
}

.am-about-timing__box ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px;
}

.am-about-timing__box li {
  color: rgba(255, 255, 255, 0.88);
  font-size: 15px;
}

.am-about-timing__box strong {
  color: var(--am-green);
  font-weight: 800;
}

.am-about-timing__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  flex-shrink: 0;
}

.am-about-timing .am-btn--ghost {
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.4) !important;
}

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

  .am-about-office__cards {
    grid-template-columns: 1fr;
  }

  .am-about-gallery__grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .am-about-gallery .am-gallery__head {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 560px) {
  .am-about-gallery__grid {
    grid-template-columns: 1fr !important;
  }

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

/* ========== IPHONE REPAIR CATALOG ========== */
.am-iphone-page {
  background: var(--am-surface);
}

.am-iphone-hero .am-iphone-hero__grid {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 28px;
  align-items: center;
}

.am-iphone-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 22px;
}

.am-iphone-hero__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  list-style: none;
  margin: 20px 0 0;
  padding: 0;
}

.am-iphone-hero__chips li {
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.88);
  font-size: 12px;
  font-weight: 700;
}

.am-iphone-hero__visual {
  display: grid;
  place-items: center;
}

.am-iphone-hero__visual img {
  max-width: min(100%, 380px);
  filter: drop-shadow(0 28px 50px rgba(82, 217, 123, 0.18));
  transition: transform 0.4s var(--am-ease);
}

.am-iphone-hero__visual:hover img {
  transform: translateY(-6px) scale(1.02);
}

.am-iphone-intro {
  padding: 48px 0 20px;
}

.am-iphone-intro__grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 24px;
  align-items: start;
}

.am-iphone-intro h2 {
  margin: 0 0 12px;
  font-size: clamp(24px, 2.8vw, 34px);
  font-weight: 800;
  letter-spacing: -0.03em;
  color: #111 !important;
}

.am-iphone-intro p {
  margin: 0 0 12px;
  color: var(--am-text-soft) !important;
  font-size: 16px;
  line-height: 1.65;
}

.am-iphone-stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.am-iphone-stats article {
  background: #fff;
  border-radius: 18px;
  padding: 18px 16px;
  box-shadow: var(--am-shadow);
  border: 1px solid rgba(0, 0, 0, 0.04);
  transition: transform 0.22s var(--am-ease), box-shadow 0.22s var(--am-ease);
}

.am-iphone-stats article:hover {
  transform: translateY(-3px);
  box-shadow: var(--am-shadow-hover);
}

.am-iphone-stats strong {
  display: block;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: -0.03em;
  color: #111;
  margin-bottom: 4px;
}

.am-iphone-stats span {
  color: var(--am-text-soft);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
}

.am-iphone-models {
  padding-top: 12px;
}

.am-models-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}

.am-model-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 20px 14px 16px;
  background: #fff;
  border-radius: 18px;
  box-shadow: var(--am-shadow);
  border: 1px solid rgba(0, 0, 0, 0.04);
  text-decoration: none !important;
  color: #111 !important;
  transition: transform 0.25s var(--am-ease), box-shadow 0.25s var(--am-ease),
    border-color 0.25s var(--am-ease);
}

.am-model-card img {
  max-height: 112px;
  max-width: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  transition: transform 0.35s var(--am-ease);
}

.am-model-card span {
  text-align: center;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.3;
  color: #111;
}

.am-model-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--am-shadow-hover);
  border-color: rgba(82, 217, 123, 0.35);
  color: #111 !important;
}

.am-model-card:hover img {
  transform: scale(1.06) translateY(-3px);
}

.am-model-card:hover span {
  color: #0a7a3a;
}

.am-iphone-services {
  padding: 28px 0 40px;
}

.am-iphone-services__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}

.am-iphone-services__grid article {
  background: #fff;
  border-radius: 18px;
  padding: 20px 18px;
  box-shadow: var(--am-shadow);
  border: 1px solid rgba(0, 0, 0, 0.04);
  transition: transform 0.22s var(--am-ease), box-shadow 0.22s var(--am-ease),
    border-color 0.22s var(--am-ease);
}

.am-iphone-services__grid article:hover {
  transform: translateY(-3px);
  box-shadow: var(--am-shadow-hover);
  border-color: rgba(82, 217, 123, 0.3);
}

.am-iphone-services__grid h3 {
  margin: 0 0 8px;
  font-size: 17px;
  font-weight: 800;
  color: #111 !important;
}

.am-iphone-services__grid p {
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
  color: var(--am-text-soft) !important;
}

.am-iphone-display__cta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px !important;
}

.am-iphone-cta {
  padding: 24px 0 64px;
  background: var(--am-surface);
}

.am-iphone-cta__box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 28px 30px;
  border-radius: 24px;
  background:
    radial-gradient(ellipse at 90% 0%, rgba(82, 217, 123, 0.16), transparent 45%),
    #050505;
  color: #fff;
}

.am-iphone-cta__box h2 {
  margin: 0 0 8px;
  font-size: clamp(22px, 2.5vw, 30px);
  font-weight: 800;
  color: #fff !important;
}

.am-iphone-cta__box p {
  margin: 0;
  color: rgba(255, 255, 255, 0.72) !important;
}

.am-iphone-cta__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  flex-shrink: 0;
}

.am-iphone-cta .am-btn--ghost,
.am-iphone-display .am-btn--ghost {
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.4) !important;
}

.am-iphone-cta .am-btn--ghost:hover,
.am-iphone-display .am-btn--ghost:hover {
  background: rgba(82, 217, 123, 0.14) !important;
  border-color: var(--am-green) !important;
  color: #fff !important;
}

@media (max-width: 980px) {
  .am-iphone-hero .am-iphone-hero__grid,
  .am-iphone-intro__grid,
  .am-iphone-cta__box {
    grid-template-columns: 1fr;
    flex-direction: column;
    align-items: flex-start;
  }

  .am-models-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .am-iphone-services__grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 640px) {
  .am-models-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .am-iphone-services__grid,
  .am-iphone-stats {
    grid-template-columns: 1fr;
  }

  .am-iphone-hero__actions .am-btn,
  .am-iphone-cta__actions,
  .am-iphone-cta__actions .am-btn,
  .am-iphone-display__cta .am-btn {
    width: 100%;
  }

  .am-mobile-nav__messengers {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* ========== CONTACT PAGE ========== */
.am-contact-page {
  background: var(--am-surface);
}

.am-contact-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 22px;
}

.am-contact-cards {
  padding: 36px 0 8px;
}

.am-contact-cards__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}

.am-contact-card {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 22px 20px;
  background: #fff;
  border-radius: 22px;
  box-shadow: var(--am-shadow);
  border: 1px solid rgba(0, 0, 0, 0.04);
  text-decoration: none !important;
  color: #111 !important;
  min-height: 168px;
  transition: transform 0.25s var(--am-ease), box-shadow 0.25s var(--am-ease),
    border-color 0.25s var(--am-ease);
}

.am-contact-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--am-shadow-hover);
  border-color: rgba(82, 217, 123, 0.35);
  color: #111 !important;
}

.am-contact-card__ico {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: rgba(82, 217, 123, 0.14);
  color: #0a7a3a;
  margin-bottom: 8px;
}

.am-contact-card__ico svg {
  width: 20px;
  height: 20px;
  stroke: currentColor;
  fill: none;
}

.am-contact-card__label {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #8a8a90;
}

.am-contact-card__value {
  font-size: 17px;
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.25;
  word-break: break-word;
  color: #111;
}

.am-contact-card:hover .am-contact-card__value {
  color: #0a7a3a;
}

.am-contact-card__hint {
  margin-top: auto;
  font-size: 13px;
  font-weight: 600;
  color: var(--am-text-soft);
}

.am-contact-msg {
  padding: 20px 0 12px;
}

.am-contact-msg__box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 26px 28px;
  border-radius: 24px;
  background: #fff;
  box-shadow: var(--am-shadow);
  border: 1px solid rgba(0, 0, 0, 0.04);
}

.am-contact-msg__box h2 {
  margin: 0 0 6px;
  font-size: clamp(22px, 2.4vw, 28px);
  font-weight: 800;
  letter-spacing: -0.03em;
  color: #111 !important;
}

.am-contact-msg__box p {
  margin: 0;
  color: var(--am-text-soft) !important;
  font-size: 15px;
}

.am-contact-msg__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(88px, 1fr));
  gap: 10px;
  flex-shrink: 0;
  min-width: min(100%, 420px);
}

.am-contact-msg .am-msg {
  background: #f5f5f7;
  border-color: rgba(0, 0, 0, 0.06) !important;
  color: #111 !important;
}

.am-contact-msg .am-msg:hover {
  background: #fff;
  color: #111 !important;
}

.am-contact-map {
  padding: 28px 0 20px;
}

.am-contact-map__layout {
  display: grid;
  grid-template-columns: 0.95fr 1.25fr;
  gap: 20px;
  align-items: stretch;
}

.am-contact-map__info {
  background: #fff;
  border-radius: 24px;
  padding: 28px 26px;
  box-shadow: var(--am-shadow);
  border: 1px solid rgba(0, 0, 0, 0.04);
}

.am-contact-map__info h2 {
  margin: 0 0 10px;
  font-size: clamp(24px, 2.6vw, 32px);
  font-weight: 800;
  letter-spacing: -0.03em;
  color: #111 !important;
}

.am-contact-map__info > p {
  margin: 0 0 18px;
  color: var(--am-text-soft) !important;
  font-size: 15px;
  line-height: 1.6;
}

.am-contact-address {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 14px 16px;
  border-radius: 16px;
  background: #f5f5f7;
  margin-bottom: 18px;
}

.am-contact-address__ico {
  width: 36px;
  height: 36px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  background: #0d0d0d;
  color: var(--am-green);
  flex-shrink: 0;
}

.am-contact-address__ico svg {
  width: 18px;
  height: 18px;
  stroke: currentColor;
  fill: none;
}

.am-contact-address strong {
  display: block;
  font-size: 15px;
  font-weight: 800;
  color: #111;
  margin-bottom: 2px;
}

.am-contact-address span {
  font-size: 13px;
  font-weight: 600;
  color: var(--am-text-soft);
}

.am-contact-steps {
  list-style: none;
  margin: 0 0 22px;
  padding: 0;
  display: grid;
  gap: 12px;
  counter-reset: am-step;
}

.am-contact-steps li {
  display: grid;
  grid-template-columns: 34px 1fr;
  gap: 12px;
  align-items: start;
  counter-increment: am-step;
}

.am-contact-steps li::before {
  content: counter(am-step);
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgba(82, 217, 123, 0.16);
  color: #0a7a3a;
  font-weight: 800;
  font-size: 14px;
  display: grid;
  place-items: center;
}

.am-contact-steps strong {
  display: block;
  font-size: 15px;
  font-weight: 800;
  color: #111;
  margin-bottom: 2px;
}

.am-contact-steps span {
  font-size: 13px;
  color: var(--am-text-soft);
  font-weight: 600;
  line-height: 1.4;
}

.am-contact-map__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.am-btn--dark-ghost {
  color: #111 !important;
  border-color: #d0d0d5 !important;
  background: transparent;
}

.am-btn--dark-ghost:hover {
  background: rgba(82, 217, 123, 0.12) !important;
  border-color: var(--am-green) !important;
  color: #04110a !important;
  box-shadow: 0 0 0 1px rgba(82, 217, 123, 0.25);
  transform: translateY(-1px);
}

.am-contact-map__frame {
  border-radius: 24px;
  overflow: hidden;
  box-shadow: var(--am-shadow);
  border: 1px solid rgba(0, 0, 0, 0.04);
  background: #e8e8ec;
  min-height: 420px;
}

.am-contact-map__canvas,
#YMapsID.am-contact-map__canvas {
  width: 100% !important;
  height: 100% !important;
  min-height: 420px;
}

.am-contact-cta {
  padding: 20px 0 64px;
}

.am-contact-cta__box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 28px 30px;
  border-radius: 24px;
  background:
    radial-gradient(ellipse at 90% 0%, rgba(82, 217, 123, 0.16), transparent 45%),
    #050505;
  color: #fff;
}

.am-contact-cta__box h2 {
  margin: 0 0 8px;
  font-size: clamp(22px, 2.5vw, 30px);
  font-weight: 800;
  color: #fff !important;
}

.am-contact-cta__box p {
  margin: 0;
  color: rgba(255, 255, 255, 0.72) !important;
}

.am-contact-cta__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  flex-shrink: 0;
}

.am-contact-cta .am-btn--ghost {
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.4) !important;
}

.am-contact-cta .am-btn--ghost:hover {
  background: rgba(82, 217, 123, 0.14) !important;
  border-color: var(--am-green) !important;
  color: #fff !important;
}

@media (max-width: 980px) {
  .am-contact-cards__grid {
    grid-template-columns: 1fr 1fr;
  }

  .am-contact-msg__box,
  .am-contact-map__layout,
  .am-contact-cta__box {
    grid-template-columns: 1fr;
    flex-direction: column;
    align-items: flex-start;
  }

  .am-contact-msg__grid {
    width: 100%;
    min-width: 0;
  }

  .am-contact-map__frame,
  .am-contact-map__canvas,
  #YMapsID.am-contact-map__canvas {
    min-height: 340px;
  }
}

@media (max-width: 560px) {
  .am-contact-cards__grid,
  .am-contact-msg__grid {
    grid-template-columns: 1fr;
  }

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

/* ========== HOVER POLISH ========== */
.am-logo:hover {
  color: #fff !important;
  opacity: 0.92;
}

.am-meta-line:hover {
  color: var(--am-green) !important;
}

.am-section__link:hover {
  color: #2fbf5a !important;
  transform: translateX(2px);
}

.am-service-card__go {
  transition: transform 0.22s var(--am-ease), background 0.22s var(--am-ease);
}

.am-service-card:hover .am-service-card__go {
  transform: translateX(3px);
  background: #6aef92;
}

.am-footer__social a {
  transition: background 0.2s var(--am-ease), color 0.2s var(--am-ease), transform 0.2s var(--am-ease);
}

.am-footer__social a:hover {
  transform: translateY(-2px);
}

.am-about-office__cards article {
  transition: transform 0.22s var(--am-ease), box-shadow 0.22s var(--am-ease);
}

.am-about-office__cards article:hover {
  transform: translateY(-3px);
  box-shadow: var(--am-shadow-hover);
}

.am-acc-card,
.am-gallery__item,
.am-reviews__card {
  transition: transform 0.25s var(--am-ease), box-shadow 0.25s var(--am-ease);
}

.superitem .item a:hover {
  color: #111 !important;
}

.superitem .item:hover p {
  color: #0a7a3a !important;
}

.am-btn:focus-visible,
.am-msg:focus-visible,
.am-model-card:focus-visible,
.am-service-card:focus-visible {
  outline: 2px solid var(--am-green);
  outline-offset: 3px;
}

/* ========== BLOG / ARTICLE ========== */
.am-article-page,
.am-blog-page {
  background: var(--am-surface);
}

.am-article__hero {
  background:
    radial-gradient(ellipse at 80% 0%, rgba(82, 217, 123, 0.14), transparent 48%),
    linear-gradient(160deg, #050505, #141414);
  color: #fff;
  padding: 40px 0 48px;
}

.am-article__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
  font-size: 13px;
  font-weight: 650;
  color: rgba(255, 255, 255, 0.62);
}

.am-article__meta a {
  color: var(--am-green) !important;
  text-decoration: none !important;
}

.am-article__meta a:hover {
  color: #fff !important;
}

.am-article__hero h1 {
  margin: 0 0 12px;
  max-width: 860px;
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 800;
  letter-spacing: -0.035em;
  line-height: 1.15;
  color: #fff !important;
}

.am-article__lead {
  margin: 0;
  max-width: 640px;
  color: rgba(255, 255, 255, 0.72) !important;
  font-size: 16px;
  line-height: 1.55;
}

.am-article__layout {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(240px, 0.8fr);
  gap: 24px;
  padding: 28px 0 8px;
  align-items: start;
}

.am-article__body {
  background: #fff !important;
  border-radius: 24px !important;
  padding: 28px 30px !important;
  box-shadow: var(--am-shadow) !important;
  border: 1px solid rgba(0, 0, 0, 0.04);
  margin: 0 !important;
  color: #1d1d1f;
  font-size: 17px;
  line-height: 1.7;
}

.am-article__body > *:first-child {
  margin-top: 0 !important;
}

.am-article__body > *:last-child {
  margin-bottom: 0 !important;
}

.am-article__body h2,
.am-article__body h3,
.am-article__body .device-title-text {
  margin: 28px 0 12px !important;
  font-size: clamp(22px, 2.4vw, 28px) !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em;
  color: #111 !important;
  line-height: 1.25;
}

.am-article__body p {
  margin: 0 0 16px !important;
  color: #333 !important;
}

.am-article__body ul,
.am-article__body ol {
  margin: 0 0 18px !important;
  padding: 0 0 0 1.15em !important;
  display: grid;
  gap: 10px;
}

.am-article__body li {
  color: #333;
  padding-left: 4px;
}

.am-article__body li:empty {
  display: none !important;
}

.am-article__body a {
  color: #0a7a3a !important;
  font-weight: 650;
}

.am-article__body img {
  max-width: 100%;
  height: auto;
  border-radius: 16px;
  margin: 12px 0;
  display: block;
}

.am-article__aside {
  display: grid;
  gap: 14px;
  position: sticky;
  top: calc(var(--am-header-h, 80px) + 16px);
}

.am-article__card {
  background: #0a0a0a;
  color: #fff;
  border-radius: 22px;
  padding: 22px;
  box-shadow: var(--am-shadow);
  display: grid;
  gap: 12px;
}

.am-article__card--soft {
  background: #fff;
  color: #111;
  border: 1px solid rgba(0, 0, 0, 0.05);
}

.am-article__card strong {
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--am-green);
}

.am-article__card--soft strong {
  color: #111;
}

.am-article__card p {
  margin: 0;
  color: rgba(255, 255, 255, 0.72);
  font-size: 14px;
  line-height: 1.5;
}

.am-article__card--soft p {
  color: var(--am-text-soft);
}

.am-article__card .am-btn {
  width: 100%;
}

.am-article__card .am-btn--ghost {
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.35) !important;
}

.am-article__card--soft ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
}

.am-article__card--soft a {
  color: #222 !important;
  text-decoration: none !important;
  font-weight: 650;
  font-size: 14px;
}

.am-article__card--soft a:hover {
  color: #0a7a3a !important;
}

.am-article__cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin: 8px 0 48px;
  padding: 26px 28px;
  border-radius: 24px;
  background:
    radial-gradient(ellipse at 90% 0%, rgba(82, 217, 123, 0.16), transparent 45%),
    #050505;
  color: #fff;
}

.am-article__cta h2 {
  margin: 0 0 8px;
  font-size: clamp(22px, 2.4vw, 28px);
  font-weight: 800;
  letter-spacing: -0.03em;
  color: #fff !important;
}

.am-article__cta p {
  margin: 0;
  color: rgba(255, 255, 255, 0.7) !important;
  max-width: 560px;
}

.am-article__cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  flex-shrink: 0;
}

.am-article__cta .am-btn--ghost {
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.4) !important;
}

.am-blog {
  padding: 28px 0 56px;
}

.am-blog__grid,
#blog.am-blog__grid {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

.am-blog__card {
  margin: 0 !important;
}

.am-blog__link {
  display: grid;
  gap: 10px;
  height: 100%;
  padding: 24px;
  border-radius: 22px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.04);
  box-shadow: var(--am-shadow);
  text-decoration: none !important;
  color: inherit;
  transition: transform 0.25s var(--am-ease), box-shadow 0.25s var(--am-ease), border-color 0.25s var(--am-ease);
}

.am-blog__link:hover {
  transform: translateY(-3px);
  box-shadow: var(--am-shadow-hover);
  border-color: rgba(82, 217, 123, 0.4);
}

.am-blog__link time {
  font-size: 12px;
  font-weight: 700;
  color: #0a7a3a;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.am-blog__link h2,
.am-blog__link h3 {
  margin: 0 !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em;
  color: #111 !important;
  line-height: 1.25;
}

.am-blog__link p {
  margin: 0;
  color: var(--am-text-soft) !important;
  font-size: 15px;
  line-height: 1.55;
}

.am-blog__more {
  margin-top: auto;
  color: #0a7a3a;
  font-weight: 750;
  font-size: 14px;
}

.am-blog__empty {
  color: var(--am-text-soft);
}

.pagination {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 22px !important;
}

.pagination a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  min-height: 40px;
  padding: 0 12px;
  border-radius: 12px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.06);
  color: #111 !important;
  text-decoration: none !important;
  font-weight: 700;
  font-size: 14px;
}

.pagination a.selected,
.pagination a:hover {
  background: var(--am-green);
  border-color: var(--am-green);
  color: #04110a !important;
}

@media (max-width: 900px) {
  .am-article__layout {
    grid-template-columns: 1fr;
  }

  .am-article__aside {
    position: static;
    grid-template-columns: 1fr 1fr;
  }

  .am-article__cta {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 720px) {
  .am-blog__grid,
  #blog.am-blog__grid {
    grid-template-columns: 1fr !important;
  }

  .am-article__aside {
    grid-template-columns: 1fr;
  }

  .am-article__body {
    padding: 22px 18px !important;
    font-size: 16px;
  }

  .am-article__cta-actions,
  .am-article__cta-actions .am-btn {
    width: 100%;
  }
}

/* ========== MODEL REPAIR PAGES (15/16/17/18/DUO) ========== */
.am-mp-page {
  background: var(--am-surface, #f5f5f7);
}

.am-mp-page .breadcrumb {
  margin: 0;
  padding: 14px 0 0;
  max-width: var(--am-max, 1120px);
  margin-inline: auto;
  padding-inline: 20px;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
  font-size: 13px;
  color: #6e6e73;
}

.am-mp-page .breadcrumb a {
  color: #6e6e73 !important;
  text-decoration: none !important;
}

.am-mp-page .breadcrumb a:hover {
  color: #111 !important;
}

.am-mp-page .breadcrumb .active {
  color: #111;
  font-weight: 650;
}

.am-mp-hero {
  background:
    radial-gradient(ellipse at 85% 15%, rgba(128, 0, 48, 0.22), transparent 42%),
    radial-gradient(ellipse at 10% 80%, rgba(82, 217, 123, 0.1), transparent 45%),
    linear-gradient(165deg, #050505 0%, #121212 55%, #0c0c0c 100%);
  color: #fff;
  padding: 28px 0 48px;
  overflow: hidden;
}

.am-mp-hero__visual picture {
  display: block;
  position: relative;
  z-index: 1;
}

.am-mp-hero__grid {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 28px 40px;
  align-items: center;
}

.am-mp-eyebrow {
  margin: 0 0 10px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.55);
}

.am-mp-hero h1 {
  margin: 0 0 14px;
  font-size: clamp(28px, 4.2vw, 44px);
  font-weight: 800;
  letter-spacing: -0.035em;
  line-height: 1.12;
  color: #fff !important;
}

.am-mp-lead {
  margin: 0 0 22px;
  max-width: 34em;
  font-size: 17px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.72);
}

.am-mp-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 18px;
}

.am-mp-hero__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.am-mp-hero__chips li {
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  font-size: 13px;
  font-weight: 650;
  color: rgba(255, 255, 255, 0.85);
}

.am-mp-hero__visual {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 320px;
}

.am-mp-hero__glow {
  position: absolute;
  inset: 18% 20%;
  background: radial-gradient(circle, rgba(128, 0, 48, 0.55), transparent 70%);
  filter: blur(28px);
  pointer-events: none;
}

.am-mp-hero__visual img {
  position: relative;
  width: min(100%, 420px);
  height: auto;
  max-height: 460px;
  object-fit: contain;
  filter: drop-shadow(0 28px 50px rgba(0, 0, 0, 0.45));
  transition: transform 0.45s ease;
}

.am-mp-hero__visual:hover img {
  transform: translateY(-6px) scale(1.02);
}

.am-mp-nav {
  padding: 40px 0 8px;
}

.am-mp-chips {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.am-mp-chip {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 12px 14px;
  text-align: center;
  text-decoration: none !important;
  color: #111 !important;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.25;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 14px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.am-mp-chip:hover {
  transform: translateY(-2px);
  border-color: rgba(82, 217, 123, 0.55);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
  color: #0a0a0a !important;
}

.am-mp-list {
  padding-top: 20px;
}

.am-mp-problems {
  display: grid;
  gap: 12px;
}

.am-mp-problem {
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: 16px 18px;
  padding: 20px 22px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 18px;
  scroll-margin-top: 96px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.am-mp-problem:hover {
  border-color: rgba(82, 217, 123, 0.4);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.06);
}

.am-mp-problem__icon {
  width: 56px;
  height: 56px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: #f2f2f4;
}

.am-mp-problem__icon img {
  width: 32px;
  height: 32px;
  object-fit: contain;
}

.am-mp-problem h3 {
  margin: 0 0 6px;
  font-size: 19px;
  font-weight: 750;
  letter-spacing: -0.02em;
  color: #111;
}

.am-mp-problem p {
  margin: 0 0 14px;
  max-width: 62em;
  font-size: 15px;
  line-height: 1.55;
  color: #4b4b50;
}

.am-btn--sm {
  padding: 10px 16px;
  font-size: 14px;
}

.am-mp-related {
  padding-bottom: 20px;
}

.am-models-grid--compact {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width: 980px) {
  .am-mp-hero__grid {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .am-mp-lead {
    margin-inline: auto;
  }

  .am-mp-hero__actions {
    justify-content: center;
  }

  .am-mp-hero__chips {
    justify-content: center;
  }

  .am-mp-hero__visual {
    order: -1;
    min-height: 240px;
  }

  .am-mp-hero__visual img {
    width: min(72vw, 300px);
  }

  .am-mp-chips {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .am-models-grid--compact {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .am-mp-problem {
    grid-template-columns: 1fr;
  }

  .am-mp-hero__actions .am-btn,
  .am-mp-problem .am-btn {
    width: 100%;
  }

  .am-mp-chips {
    grid-template-columns: 1fr;
  }
}