/* Mobile-first industry landing: mobile phone and accessories */
.page-mobile-phone-accessories {
  --mobile-blue: #3156e8;
  --mobile-cyan: #16b7d9;
  --mobile-violet: #8b45f5;
  --mobile-pink: #e64aaf;
  --mobile-ink: #15172d;
  --mobile-muted: #62677d;
  --mobile-line: rgba(49, 86, 232, .13);
  --mobile-soft: #f5f7ff;
  --mobile-shadow: 0 18px 45px rgba(41, 57, 124, .08);
  --content-accent: var(--mobile-blue);
  --content-accent-2: var(--mobile-violet);
}

.page-mobile-phone-accessories main {
  background: #fff;
}

.page-mobile-phone-accessories .mobile-store-hero {
  padding: 36px 0 54px;
  background:
    radial-gradient(circle at 8% 18%, rgba(22, 183, 217, .14), transparent 30%),
    radial-gradient(circle at 92% 28%, rgba(139, 69, 245, .13), transparent 30%),
    linear-gradient(180deg, #f7f9ff 0%, #fff 84%);
}

.page-mobile-phone-accessories .mobile-store-hero::before {
  background-image:
    linear-gradient(rgba(49, 86, 232, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(49, 86, 232, .035) 1px, transparent 1px);
  background-size: 32px 32px;
}

.page-mobile-phone-accessories .content-hero__grid {
  grid-template-columns: minmax(0, 1fr);
  gap: 34px;
}

.page-mobile-phone-accessories .content-hero__copy {
  text-align: right;
}

.page-mobile-phone-accessories .content-hero__copy h1 {
  max-width: 760px;
  margin: 14px 0 18px;
  font-size: 28px !important;
  line-height: 1.65;
  letter-spacing: -.45px;
}

.page-mobile-phone-accessories .content-hero__copy h1 em {
  display: inline;
  color: var(--mobile-blue);
  background: linear-gradient(90deg, var(--mobile-blue), var(--mobile-violet), var(--mobile-pink));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.page-mobile-phone-accessories .content-hero__lead,
.page-mobile-phone-accessories .article-body p {
  font-size: 16px;
  line-height: 2.15;
}

.page-mobile-phone-accessories .content-hero__points {
  grid-template-columns: minmax(0, 1fr);
  width: 100%;
  margin: 22px 0;
  gap: 10px;
}

.page-mobile-phone-accessories .content-hero__points span {
  align-items: flex-start;
  font-size: 14px;
  line-height: 1.9;
}

.page-mobile-phone-accessories .content-hero__points svg {
  flex: 0 0 20px;
  margin-top: 4px;
}

.page-mobile-phone-accessories .content-hero__actions,
.page-mobile-phone-accessories .content-hero__meta,
.page-mobile-phone-accessories .content-breadcrumb {
  justify-content: flex-start;
}

.page-mobile-phone-accessories .content-hero__actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}

.page-mobile-phone-accessories .content-hero__actions .btn {
  width: 100%;
}

.page-mobile-phone-accessories .content-hero__meta {
  gap: 10px 16px;
  font-size: 12px;
  line-height: 1.8;
}

.mobile-store-hero__panel {
  width: 100%;
  max-width: 670px;
  margin-inline: auto;
}

.mobile-store-hero__visual {
  position: relative;
  min-height: 260px;
  display: grid;
  place-items: center;
  margin: 0 0 -28px;
  padding: 12px 8px 42px;
  overflow: hidden;
  border: 1px solid rgba(95, 116, 255, .24);
  border-radius: 28px;
  background:
    radial-gradient(circle at 48% 45%, rgba(56, 113, 255, .32), transparent 34%),
    radial-gradient(circle at 16% 18%, rgba(226, 67, 197, .22), transparent 30%),
    linear-gradient(145deg, #12152e 0%, #202552 56%, #13152d 100%);
  box-shadow: 0 24px 60px rgba(25, 30, 75, .22);
}

.mobile-store-hero__visual::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: radial-gradient(rgba(255, 255, 255, .12) 1px, transparent 1px);
  background-size: 24px 24px;
  -webkit-mask-image: linear-gradient(to bottom, #000, transparent 78%);
  mask-image: linear-gradient(to bottom, #000, transparent 78%);
}

.mobile-store-hero__visual img {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 16px 28px rgba(0, 0, 0, .26));
}

.mobile-store-hero__visual figcaption {
  position: absolute;
  z-index: 2;
  right: 12px;
  bottom: 36px;
  left: 12px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 7px;
}

.mobile-store-hero__visual figcaption span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 7px 9px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 999px;
  color: rgba(255, 255, 255, .92);
  background: rgba(12, 16, 43, .62);
  backdrop-filter: blur(8px);
  font-size: 11px;
  font-weight: 700;
}

.mobile-store-hero__visual figcaption svg {
  width: 14px;
  height: 14px;
  color: #73e6ff;
}

.page-mobile-phone-accessories .mobile-store-hero__form {
  position: relative;
  z-index: 3;
  margin: 0 10px;
  padding: 20px 16px;
  border: 1px solid rgba(49, 86, 232, .11);
  border-radius: 24px;
  background: rgba(255, 255, 255, .98);
  box-shadow: 0 24px 60px rgba(36, 45, 105, .17);
  scroll-margin-top: calc(var(--site-header-height) + 18px);
}

.page-mobile-phone-accessories .mobile-store-hero__form .form-card__head h2,
.page-mobile-phone-accessories .content-conversion .form-card__head h2 {
  margin: 0 0 5px;
  font-size: 18px !important;
}

.page-mobile-phone-accessories .content-trust__grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.page-mobile-phone-accessories .content-trust__grid span {
  justify-content: flex-start;
  min-height: 58px;
  font-size: 12px;
  line-height: 1.75;
}

.page-mobile-phone-accessories .content-trust__grid span:last-child {
  grid-column: 1 / -1;
  justify-content: center;
}

.page-mobile-phone-accessories .mobile-store-main {
  padding: 62px 0 72px;
  background:
    linear-gradient(180deg, #fff 0%, #fbfcff 45%, #fff 100%);
}

.page-mobile-phone-accessories .content-layout {
  gap: 30px;
}

.page-mobile-phone-accessories .article-intro {
  border-color: rgba(49, 86, 232, .15);
  background: linear-gradient(145deg, #fff, #f4f7ff);
}

.page-mobile-phone-accessories .article-intro p {
  font-size: 16px;
}

.page-mobile-phone-accessories .article-body section.mobile-section {
  margin-top: 22px;
  padding: 22px 16px;
  overflow: hidden;
  border: 1px solid var(--mobile-line);
  border-radius: 26px;
  background: #fff;
  box-shadow: var(--mobile-shadow);
  scroll-margin-top: calc(var(--site-header-height) + 22px);
}

.page-mobile-phone-accessories .mobile-section .content-heading {
  margin-bottom: 24px;
}

.page-mobile-phone-accessories .mobile-section h2 {
  margin-top: 11px;
  font-size: 20px !important;
  line-height: 1.8;
  letter-spacing: -.2px;
}

.page-mobile-phone-accessories .mobile-section h3 {
  margin: 0 0 7px;
  font-size: 17px;
  line-height: 1.85;
}

.page-mobile-phone-accessories .content-heading p {
  font-size: 16px;
  line-height: 2.1;
}

.page-mobile-phone-accessories .content-heading__kicker {
  color: var(--mobile-blue);
  border-color: rgba(49, 86, 232, .16);
  background: #edf2ff;
}

.page-mobile-phone-accessories .article-body section.mobile-section--compatibility {
  background:
    radial-gradient(circle at 0 0, rgba(22, 183, 217, .09), transparent 32%),
    #fff;
}

.compatibility-lab {
  padding: 17px;
  border: 1px solid rgba(49, 86, 232, .14);
  border-radius: 22px;
  background: linear-gradient(145deg, #f5f7ff, #fff);
}

.compatibility-lab__head,
.aside-compatibility-card__head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}

.compatibility-lab__head > span,
.aside-compatibility-card__head > span {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  color: #fff;
  background: linear-gradient(135deg, var(--mobile-blue), var(--mobile-violet));
  box-shadow: 0 10px 22px rgba(49, 86, 232, .2);
}

.compatibility-lab__head strong,
.compatibility-lab__head small,
.aside-compatibility-card__head strong,
.aside-compatibility-card__head small {
  display: block;
}

.compatibility-lab__head strong,
.aside-compatibility-card__head strong {
  color: var(--mobile-ink);
  font-size: 15px;
  line-height: 1.8;
}

.compatibility-lab__head small,
.aside-compatibility-card__head small {
  color: #777c91;
  font-size: 12px;
  line-height: 1.8;
}

.compatibility-path {
  display: grid;
  gap: 12px;
}

.compatibility-path article {
  min-width: 0;
  padding: 15px;
  border: 1px solid rgba(49, 86, 232, .11);
  border-radius: 18px;
  background: #fff;
}

.compatibility-path article > small {
  display: block;
  margin-bottom: 3px;
  color: var(--mobile-blue);
  font-size: 11px;
  font-weight: 700;
}

.compatibility-path article > b {
  display: block;
  margin-bottom: 11px;
  color: var(--mobile-ink);
  font-size: 14px;
}

.compatibility-path article > div {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.compatibility-path article > div span {
  padding: 7px 10px;
  border: 1px solid #e4e7f3;
  border-radius: 10px;
  color: #666b80;
  background: #fafbff;
  font-size: 12px;
}

.compatibility-path article > div .is-selected {
  border-color: rgba(49, 86, 232, .24);
  color: #fff;
  background: linear-gradient(135deg, var(--mobile-blue), var(--mobile-violet));
}

.compatibility-path .compatibility-result {
  color: #fff;
  border: 0;
  background: linear-gradient(135deg, #192554, #3156e8 62%, #7047e8);
  box-shadow: 0 16px 34px rgba(49, 86, 232, .2);
}

.compatibility-path .compatibility-result > small,
.compatibility-path .compatibility-result > b,
.compatibility-path .compatibility-result p {
  color: #fff;
}

.compatibility-path .compatibility-result > b {
  display: flex;
  align-items: center;
  gap: 7px;
}

.compatibility-path .compatibility-result p {
  margin: 0;
  font-size: 14px;
}

.mobile-insight-strip {
  display: grid;
  gap: 10px;
  margin-top: 16px;
}

.mobile-insight-strip > span {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 2px 10px;
  align-items: center;
  padding: 13px;
  border: 1px solid var(--mobile-line);
  border-radius: 16px;
  background: #fff;
}

.mobile-insight-strip svg {
  grid-row: 1 / 3;
  width: 34px;
  height: 34px;
  padding: 8px;
  border-radius: 11px;
  color: var(--mobile-blue);
  background: #edf2ff;
}

.mobile-insight-strip b {
  color: var(--mobile-ink);
  font-size: 13px;
}

.mobile-insight-strip small {
  color: #73788d;
  font-size: 12px;
  line-height: 1.8;
}

.mobile-catalog-figure {
  margin: 0 0 17px;
  overflow: hidden;
  border: 1px solid var(--mobile-line);
  border-radius: 22px;
  background: #eef5ff;
}

.mobile-catalog-figure img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.mobile-catalog-figure figcaption {
  padding: 13px 15px;
  color: #6b7085;
  background: #fff;
  font-size: 12px;
  line-height: 1.9;
}

.catalog-map,
.operations-grid,
.wixu-value-grid,
.seo-roadmap,
.channel-panels,
.product-page-board__checks {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
}

.catalog-map article,
.operations-grid article,
.wixu-value-grid article,
.seo-roadmap article,
.product-page-board__checks article,
.channel-panel {
  min-width: 0;
  padding: 17px;
  border: 1px solid var(--mobile-line);
  border-radius: 19px;
  background: #fff;
}

.catalog-map article > span,
.operations-grid article > span,
.wixu-value-grid article > span {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  margin-bottom: 12px;
  border-radius: 13px;
  color: #fff;
  background: linear-gradient(135deg, var(--mobile-blue), var(--mobile-violet));
}

.catalog-map p,
.operations-grid p,
.wixu-value-grid p,
.seo-roadmap p,
.product-page-board__checks p,
.channel-panel p {
  margin: 0;
  font-size: 14px !important;
  line-height: 2;
}

.product-page-board {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
}

.product-page-board__phone {
  display: grid;
  align-content: start;
  gap: 13px;
  min-height: 360px;
  padding: 22px;
  border: 1px solid rgba(94, 111, 216, .22);
  border-radius: 25px;
  background: linear-gradient(160deg, #171b3a, #252e69);
  box-shadow: inset 0 1px rgba(255, 255, 255, .12), 0 18px 34px rgba(25, 32, 86, .18);
}

.phone-speaker {
  width: 54px;
  height: 5px;
  margin-inline: auto;
  border-radius: 99px;
  background: rgba(255, 255, 255, .25);
}

.phone-photo {
  min-height: 170px;
  display: grid;
  place-items: center;
  border-radius: 20px;
  color: #fff;
  background:
    radial-gradient(circle at 25% 15%, rgba(82, 234, 255, .62), transparent 27%),
    linear-gradient(135deg, #365fee, #9a46ed 70%, #ec4aa7);
}

.phone-photo svg {
  width: 72px;
  height: 72px;
  opacity: .92;
}

.phone-lines {
  display: grid;
  gap: 8px;
}

.phone-lines i {
  height: 8px;
  border-radius: 99px;
  background: rgba(255, 255, 255, .16);
}

.phone-lines i:nth-child(2) { width: 72%; }
.phone-lines i:nth-child(3) { width: 48%; }

.phone-variants {
  display: flex;
  gap: 9px;
}

.phone-variants i {
  width: 27px;
  height: 27px;
  border: 3px solid rgba(255, 255, 255, .65);
  border-radius: 50%;
  background: #161922;
}

.phone-variants i:nth-child(2) { background: #416cda; }
.phone-variants i:nth-child(3) { background: #a06aef; }
.phone-variants i:nth-child(4) { background: #73d1bd; }

.phone-button {
  height: 43px;
  margin-top: auto;
  border-radius: 13px;
  background: linear-gradient(90deg, #2e9ded, #6348e9, #d644ae);
}

.product-page-board__checks article b {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 5px;
  color: var(--mobile-ink);
  font-size: 14px;
  line-height: 1.9;
}

.product-page-board__checks article b svg {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  color: var(--mobile-blue);
}

.page-mobile-phone-accessories .article-body section.mobile-section--operations {
  color: #fff;
  border-color: rgba(255, 255, 255, .08);
  background:
    radial-gradient(circle at 0 0, rgba(52, 201, 239, .18), transparent 30%),
    linear-gradient(145deg, #151a38, #222a5d 60%, #2c2465);
}

.page-mobile-phone-accessories .mobile-section--operations h2,
.page-mobile-phone-accessories .mobile-section--operations .content-heading p {
  color: #fff;
}

.page-mobile-phone-accessories .mobile-section--operations .content-heading p {
  opacity: .76;
}

.page-mobile-phone-accessories .mobile-section--operations .content-heading__kicker {
  color: #9eefff;
  border-color: rgba(255, 255, 255, .14);
  background: rgba(255, 255, 255, .08);
}

.inventory-console {
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 22px;
  background: rgba(255, 255, 255, .08);
  box-shadow: inset 0 1px rgba(255, 255, 255, .08);
}

.inventory-console__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.inventory-console__head > div {
  display: flex;
  align-items: center;
  gap: 8px;
}

.inventory-console__head strong { font-size: 14px; }
.inventory-console__head small { color: rgba(255, 255, 255, .62); font-size: 11px; }

.status-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #5ce2b2;
  box-shadow: 0 0 0 5px rgba(92, 226, 178, .12);
}

.inventory-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 12px;
  align-items: center;
  padding: 13px 16px;
  border-bottom: 1px solid rgba(255, 255, 255, .08);
  color: rgba(255, 255, 255, .82);
  font-size: 12px;
  line-height: 1.8;
}

.inventory-row > :first-child {
  grid-column: 1 / -1;
  color: #fff;
  font-weight: 800;
}

.inventory-row:last-child { border-bottom: 0; }
.inventory-row--head { display: none; }

.state {
  width: max-content;
  padding: 5px 9px;
  border-radius: 999px;
  font-size: 11px;
}

.state--available { color: #68e6b8; background: rgba(40, 205, 147, .12); }
.state--low { color: #ffd278; background: rgba(255, 183, 57, .12); }
.state--off { color: #ff9cae; background: rgba(245, 89, 117, .12); }

.operations-grid {
  margin-top: 15px;
}

.operations-grid article {
  color: #fff;
  border-color: rgba(255, 255, 255, .1);
  background: rgba(255, 255, 255, .07);
}

.operations-grid article > span {
  background: rgba(255, 255, 255, .12);
}

.operations-grid h3,
.operations-grid p {
  color: #fff !important;
}

.operations-grid p { opacity: .7; }

.sales-route {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
  margin-bottom: 16px;
}

.sales-route article {
  position: relative;
  min-width: 0;
  padding: 17px;
  border: 1px solid var(--mobile-line);
  border-radius: 19px;
  background: linear-gradient(145deg, #fff, #f8faff);
}

.sales-route article > b {
  position: absolute;
  top: 12px;
  left: 14px;
  color: #e9edfb;
  font-family: 'IRANSansBlack', 'IRANSans', sans-serif;
  font-size: 34px;
  line-height: 1;
}

.sales-route article > span {
  width: 39px;
  height: 39px;
  display: grid;
  place-items: center;
  margin-bottom: 10px;
  border-radius: 12px;
  color: #fff;
  background: linear-gradient(135deg, var(--mobile-blue), var(--mobile-violet));
}

.sales-route p {
  margin: 0;
  font-size: 14px !important;
}

.channel-panels {
  margin-top: 16px;
}

.channel-panel {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}

.channel-panel > span {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 13px;
  color: var(--mobile-blue);
  background: #edf2ff;
}

.channel-panel--torob {
  border-color: rgba(190, 48, 46, .17);
  background: linear-gradient(145deg, #fff, #fff6f5);
}

.channel-panel--torob > span {
  color: #bd302e;
  background: #ffebe9;
}

.channel-panel a { overflow-wrap: anywhere; }

.page-mobile-phone-accessories .article-body section.mobile-section--seo {
  background:
    radial-gradient(circle at 100% 0, rgba(139, 69, 245, .08), transparent 34%),
    #fff;
}

.seo-roadmap article {
  position: relative;
  overflow: hidden;
}

.seo-roadmap article > b {
  display: block;
  margin-bottom: 12px;
  color: var(--mobile-blue);
  font-family: 'IRANSansBlack', 'IRANSans', sans-serif;
  font-size: 24px;
}

.seo-roadmap article::after {
  content: '';
  position: absolute;
  width: 72px;
  height: 72px;
  left: -30px;
  bottom: -34px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(49, 86, 232, .12), rgba(139, 69, 245, .1));
}

.seo-note {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 12px;
  margin-top: 16px;
  padding: 18px;
  border-radius: 20px;
  color: #fff;
  background: linear-gradient(135deg, #3156e8, #7549e9 68%, #d246ae);
  box-shadow: 0 16px 34px rgba(64, 63, 181, .18);
}

.seo-note > span {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: rgba(255, 255, 255, .14);
}

.seo-note h3,
.seo-note p {
  color: #fff !important;
}

.seo-note p { margin-bottom: 0; opacity: .84; }

.wixu-value-grid article:nth-child(2) > span { background: linear-gradient(135deg, #16aebf, #3156e8); }
.wixu-value-grid article:nth-child(3) > span { background: linear-gradient(135deg, #d344ad, #8b45f5); }
.wixu-value-grid article:nth-child(4) > span { background: linear-gradient(135deg, #1db989, #16aebf); }

.cost-answer {
  margin-top: 16px;
  padding: 19px;
  border: 1px solid rgba(49, 86, 232, .15);
  border-radius: 21px;
  background: linear-gradient(145deg, #f1f5ff, #fff5fb);
}

.cost-answer > div {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 11px;
  align-items: center;
  margin-bottom: 8px;
}

.cost-answer > div > span {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 13px;
  color: #fff;
  background: linear-gradient(135deg, var(--mobile-blue), var(--mobile-violet));
}

.cost-answer h3 { margin: 0 !important; }
.cost-answer p { font-size: 14px !important; }
.cost-answer .btn { width: 100%; }

.page-mobile-phone-accessories .mobile-section--related {
  padding-bottom: 22px;
}

.page-mobile-phone-accessories .related-links {
  grid-template-columns: minmax(0, 1fr);
}

.page-mobile-phone-accessories .related-links a {
  min-height: 70px;
}

.page-mobile-phone-accessories .related-links span {
  font-size: 14px;
}

.mobile-store-aside {
  gap: 14px;
}

.mobile-store-aside .toc-card,
.aside-compatibility-card,
.mobile-store-aside__cta {
  padding: 19px;
  border: 1px solid var(--mobile-line);
  border-radius: 22px;
  background: #fff;
  box-shadow: var(--mobile-shadow);
}

.mobile-store-aside .toc-card nav { gap: 3px; }
.mobile-store-aside .toc-card a { font-size: 12px; }

.aside-device {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 12px;
  border: 1px solid #e8ebf5;
  border-radius: 14px;
  background: #f8faff;
}

.aside-device span,
.aside-device b { font-size: 12px; }
.aside-device span { color: #74798e; }
.aside-device b { color: var(--mobile-blue); }

.aside-match {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 9px;
  align-items: center;
  margin-top: 9px;
  padding: 12px;
  border-radius: 14px;
  background: #ecfbf6;
}

.aside-match > span {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 11px;
  color: #fff;
  background: #18ad7e;
}

.aside-match b,
.aside-match small { display: block; }
.aside-match b { color: #137c5d; font-size: 12px; }
.aside-match small { color: #5e897b; font-size: 10px; line-height: 1.7; }

.aside-compatibility-card > p {
  margin: 12px 0 0;
  color: #686d82;
  font-size: 12px;
  line-height: 2;
}

.page-mobile-phone-accessories .mobile-store-aside__cta {
  color: #fff;
  border: 0;
  background: linear-gradient(145deg, #172455, #3156e8 54%, #8b45f5);
}

.page-mobile-phone-accessories .mobile-store-aside__cta h2,
.page-mobile-phone-accessories .mobile-store-aside__cta p {
  color: #fff;
}

.page-mobile-phone-accessories .mobile-store-aside__cta p { opacity: .76; }

.page-mobile-phone-accessories .mobile-store-conversion {
  background:
    radial-gradient(circle at 10% 16%, rgba(28, 196, 225, .23), transparent 28%),
    radial-gradient(circle at 88% 82%, rgba(221, 67, 179, .21), transparent 30%),
    linear-gradient(135deg, #111735, #283067 55%, #472c81);
}

.page-mobile-phone-accessories .content-conversion {
  padding: 24px 16px;
  border-radius: 26px;
}

.page-mobile-phone-accessories .content-conversion__copy h2 {
  color: #fff;
  font-size: 24px !important;
  line-height: 1.75;
}

.page-mobile-phone-accessories .content-conversion__copy p {
  font-size: 15px;
  line-height: 2.1;
}

.page-mobile-phone-accessories .content-conversion .form-card {
  padding: 20px 16px;
}

.page-mobile-phone-accessories .content-author {
  margin-top: 28px;
  font-size: 12px;
  line-height: 2;
}

.page-mobile-phone-accessories .content-author__identity > span {
  color: var(--mobile-blue);
  background: #edf2ff;
}

@media (min-width: 540px) {
  .page-mobile-phone-accessories .content-hero__points,
  .catalog-map,
  .operations-grid,
  .wixu-value-grid,
  .seo-roadmap,
  .product-page-board__checks,
  .mobile-insight-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .page-mobile-phone-accessories .content-hero__actions {
    display: flex;
  }

  .page-mobile-phone-accessories .content-hero__actions .btn {
    width: auto;
  }

  .compatibility-path {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .compatibility-result {
    grid-column: 1 / -1;
  }

  .sales-route {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .cost-answer .btn { width: auto; }
}

@media (min-width: 761px) {
  .page-mobile-phone-accessories .mobile-store-hero {
    padding: 54px 0 70px;
  }

  .page-mobile-phone-accessories .content-hero__copy h1 {
    font-size: 36px !important;
    line-height: 1.55;
  }

  .page-mobile-phone-accessories .content-hero__lead {
    font-size: 17px;
  }

  .page-mobile-phone-accessories .content-trust__grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .page-mobile-phone-accessories .content-trust__grid span,
  .page-mobile-phone-accessories .content-trust__grid span:last-child {
    grid-column: auto;
    justify-content: center;
  }

  .inventory-row,
  .inventory-row--head {
    display: grid;
    grid-template-columns: minmax(120px, 1.35fr) repeat(3, minmax(90px, 1fr));
    gap: 12px;
  }

  .inventory-row > :first-child {
    grid-column: auto;
    color: inherit;
    font-weight: inherit;
  }

  .inventory-row--head {
    color: #fff;
    background: rgba(255, 255, 255, .05);
  }

  .page-mobile-phone-accessories .article-body section.mobile-section {
    padding: 28px;
    border-radius: 30px;
  }

  .page-mobile-phone-accessories .mobile-section h2 {
    font-size: 25px !important;
    line-height: 1.65;
  }

  .mobile-catalog-figure figcaption { font-size: 13px; }

  .product-page-board {
    grid-template-columns: minmax(230px, .72fr) minmax(0, 1.28fr);
    align-items: stretch;
  }

  .sales-route {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .channel-panels { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .channel-panel--torob { grid-column: 1 / -1; }

  .page-mobile-phone-accessories .related-links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .page-mobile-phone-accessories .content-conversion {
    padding: 36px;
  }

  .page-mobile-phone-accessories .content-conversion .form-card {
    padding: 24px;
  }
}

@media (min-width: 1051px) {
  .page-mobile-phone-accessories .content-hero__grid {
    grid-template-columns: minmax(0, 1.03fr) minmax(430px, .97fr);
    gap: 46px;
  }

  .page-mobile-phone-accessories .content-hero__copy h1 {
    font-size: 44px !important;
    line-height: 1.48;
  }

  .page-mobile-phone-accessories .content-hero__points {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mobile-store-hero__visual {
    min-height: 350px;
    padding-bottom: 52px;
  }

  .page-mobile-phone-accessories .mobile-store-main {
    padding-top: 80px;
  }

  .page-mobile-phone-accessories .content-layout {
    grid-template-columns: minmax(0, 1fr) 292px;
    gap: 30px;
  }

  .page-mobile-phone-accessories .mobile-section h2 {
    font-size: 27px !important;
  }

  .catalog-map,
  .wixu-value-grid,
  .seo-roadmap {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .operations-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .page-mobile-phone-accessories .related-links {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 380px) {
  .page-mobile-phone-accessories .mobile-store-hero__form,
  .page-mobile-phone-accessories .content-conversion .form-card {
    padding-inline: 13px;
  }

  .page-mobile-phone-accessories .article-body section.mobile-section {
    padding-inline: 14px;
  }

  .channel-panel,
  .seo-note {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-mobile-phone-accessories * {
    scroll-behavior: auto !important;
  }
}