/* angagement.ru / local/ang_card; v20261015-5. Card mobile breakpoint only. */
@media screen and (max-width: 767px) {
  .ang-card-v24 .ang-macc-trigger {
    --ang-macc-ready: 1;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 18px;
    align-items: center;
    gap: 3px 12px;
    width: 100%;
    min-width: 0;
    min-height: 56px;
    margin: 12px 0;
    padding: 15px 16px;
    border: 1px solid #dedfd9;
    border-radius: var(--ang-ui-panel-radius, 14px);
    background: #fff;
    color: var(--ang-ui-ink, #152b3a);
    font: inherit;
    line-height: 1.45;
    text-align: left;
    cursor: pointer;
    appearance: none;
  }
  .ang-card-v24 .ang-macc-trigger .ang-macc-label {
    grid-column: 1;
    font-size: 16px;
    font-weight: 600;
  }
  .ang-card-v24 .ang-macc-trigger .ang-macc-value {
    grid-column: 1;
    min-width: 0;
    font-size: 13px;
    font-weight: 400;
    overflow-wrap: anywhere;
  }
  .ang-card-v24 .ang-macc-trigger::after {
    content: '';
    grid-column: 2;
    grid-row: 1 / span 2;
    justify-self: center;
    width: 8px;
    height: 8px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
  }
  .ang-card-v24 .ang-macc-trigger[aria-expanded="true"]::after {
    transform: rotate(225deg);
  }
  .ang-card-v24 .ang-macc-trigger:focus-visible {
    outline: 2px solid #152b3a;
    outline-offset: 3px;
  }
  #main #content .ang-card-v24 .product-chars [data-ang-macc-part][data-ang-macc-state="closed"],
  #main #content .ang-card-v24 .product-chars [data-ang-macc-duplicate-title],
  #main #content .ang-card-v24 .ang-warranty > [data-ang-macc-part][data-ang-macc-state="closed"],
  #main #content .ang-card-v24 .ang-warranty-title[data-ang-macc-heading] > :not(.ang-macc-trigger) {
    display: none !important;
  }
  .ang-card-v24 .ang-warranty-title[data-ang-macc-heading] {
    margin: 0;
  }
  .ang-card-v24 .ang-warranty-title > .ang-macc-trigger {
    margin: 0;
    border: 0;
    padding: 0;
    background: transparent;
  }
}

/* All layout overrides intentionally share the existing mobile breakpoint. */
@media screen and (max-width: 767px) {
  .ang-card-v24 { --ang-mobile-layout-ready: 1; }
  #main #content #pagetitle[data-ang-mobile-long-title="v3"] { display: none !important; }
  #main #content .ang-mobile-model-title {
    display: block; margin: 0; color: #152b3a; font-size: var(--ang-ui-title-size, 26px); line-height: var(--ang-ui-title-line, 1.15); font-weight: var(--ang-ui-title-weight, 600);
  }
  #main #content .ang-card-v24[data-ang-mobile-layout] .product-chars > .ang-warranty {
    width: 100%; box-sizing: border-box; margin: 12px 0 !important; padding: 15px 16px !important;
    border: 1px solid #dedfd9; border-radius: var(--ang-ui-panel-radius, 14px); background: #fff;
  }
  #main #content .ang-card-v24[data-ang-mobile-layout] .product-chars > .ang-warranty .ang-warranty-grid {
    margin-top: 16px; grid-template-columns: minmax(0, 1fr);
  }
  #main #content .ang-card-v24[data-ang-mobile-layout] .product-action {
    padding: var(--ang-ui-panel-padding, 14px) !important; border-radius: var(--ang-ui-panel-radius, 18px) !important;
  }
  #main #content .ang-card-v24[data-ang-mobile-layout] .product-action .prices_block {
    padding: 0 !important; margin: 0 0 10px !important;
  }
  #main #content .ang-card-v24[data-ang-mobile-layout] .product-action .prices.ang-price-promo-active {
    min-height: 0 !important; padding: var(--ang-ui-panel-inner-padding, 12px) !important; border-radius: var(--ang-ui-panel-radius, 14px) !important;
  }
  #main #content .ang-card-v24[data-ang-mobile-layout] .product-action .prices .price:not(.discount) {
    font-size: var(--ang-ui-price-size, 32px) !important; line-height: var(--ang-ui-price-line, 1.12) !important; margin: 0 !important;
  }
  #main #content .ang-card-v24[data-ang-mobile-layout] .product-action .prices .price.discount {
    font-size: var(--ang-ui-old-price-size, 14px) !important; line-height: var(--ang-ui-old-price-line, 1.2) !important; margin: 0 !important;
  }
  #main #content .ang-card-v24[data-ang-mobile-layout] .product-action .prices .prices-wrapper {
    align-items: baseline !important; flex-wrap: wrap; gap: 4px 10px !important;
  }
  #main #content .ang-card-v24[data-ang-mobile-layout] .product-action .prices .ang-price-promo-title {
    margin: 0 0 5px !important; font-size: var(--ang-ui-caption-size, 10px) !important; line-height: var(--ang-ui-caption-line, 1.3) !important;
  }
  #main #content .ang-card-v24[data-ang-mobile-layout] .product-action .prices .ang-price-promo-date {
    margin: 5px 0 0 !important; font-size: var(--ang-ui-caption-size, 11px) !important; line-height: var(--ang-ui-caption-line, 1.3) !important;
  }
  #main #content .ang-card-v24[data-ang-mobile-layout] .product-action .prices .sale_block {
    margin: 6px 0 0 !important; padding: 0 !important; line-height: 1.2 !important;
  }
  #main #content .ang-card-v24[data-ang-mobile-layout] .product-action .counter_wrapp {
    margin: 0 !important; padding-top: 0 !important;
  }
  #main #content .ang-card-v24[data-ang-mobile-layout] .product-action .ang-card-zone[data-ang-zone="right"] {
    margin-top: 10px !important; gap: 10px !important;
  }
  #main #content .ang-card-v24[data-ang-mobile-layout] .ang-feedback.ang-feedback-columns {
    display: block !important; overflow: visible !important; padding: 0 !important;
    grid-template-columns: none !important; scroll-snap-type: none !important;
  }
  #main #content .ang-card-v24[data-ang-mobile-layout] .ang-feedback-columns .ang-feedback-heading {
    display: grid !important; grid-template-columns: minmax(0, 1fr) auto; align-items: center;
    gap: 5px 12px; padding: 0 0 14px !important; background: transparent !important;
    border: 0 !important; box-shadow: none !important; min-width: 0;
  }
  #main #content .ang-card-v24[data-ang-mobile-layout] .ang-feedback-heading h2 {
    grid-column: 1; grid-row: 1; margin: 0 !important; font-size: var(--ang-ui-section-size, 22px) !important;
  }
  #main #content .ang-card-v24[data-ang-mobile-layout] .ang-feedback-heading > p {
    grid-column: 1 / -1; grid-row: 2; margin: 0 !important; font-size: 12px !important;
  }
  #main #content .ang-card-v24[data-ang-mobile-layout] .ang-feedback-heading .ang-review-score {
    grid-column: 2; grid-row: 1; font-size: 22px !important; line-height: 1 !important; margin: 0 !important;
  }
  #main #content .ang-card-v24[data-ang-mobile-layout] .ang-feedback-heading .ang-review-score small {
    font-size: var(--ang-ui-caption-size, 11px) !important;
  }
  #main #content .ang-card-v24[data-ang-mobile-layout] .ang-feedback-heading > .ang-card-stars {
    grid-column: 2; grid-row: 3; font-size: 13px !important; margin: 0 !important;
  }
  #main #content .ang-card-v24[data-ang-mobile-layout] .ang-feedback-heading > small {
    grid-column: 1; grid-row: 3; font-size: var(--ang-ui-caption-size, 11px) !important; margin: 0 !important;
  }
  #main #content .ang-card-v24[data-ang-mobile-layout] .ang-feedback-columns .ang-reviews-list {
    display: flex !important; gap: 12px !important; overflow-x: auto !important;
    scroll-snap-type: x mandatory; scroll-padding-inline: 1px;
    padding: 1px 1px 12px !important; -webkit-overflow-scrolling: touch;
  }
  #main #content .ang-card-v24[data-ang-mobile-layout] .ang-feedback-columns .ang-reviews-list > .ang-card-review,
  #main #content .ang-card-v24[data-ang-mobile-layout] .ang-feedback-columns .ang-reviews-list > .ang-card-review:nth-child(n+3) {
    display: flex !important; flex-direction: column; flex: 0 0 calc(100% - 28px);
    min-width: 0; box-sizing: border-box; padding: 16px !important; margin: 0 !important;
    border: 1px solid #dedfd9; border-radius: 16px; background: #fff; scroll-snap-align: start;
  }
  #main #content .ang-card-v24[data-ang-mobile-layout] .ang-card-review header { gap: 10px; }
  #main #content .ang-card-v24[data-ang-mobile-layout] .ang-card-review .ang-review-meta { margin: 10px 0 !important; }
  #main #content .ang-card-v24[data-ang-mobile-layout] .ang-card-review blockquote {
    font-size: 14px !important; line-height: 1.55 !important; overflow-wrap: anywhere;
  }
  #main #content .ang-card-v24[data-ang-mobile-layout] .ang-card-review > a {
    margin-top: auto !important; padding-top: 12px; font-size: 12px !important;
  }
}

/* iPhone/guest fallback: these native controls exist even before the card module mounts. */
@media screen and (max-width: 767px) {
  body.detail_page #main #content .product-info-wrapper .product-action .counter_wrapp.fixed {
    position: static !important; inset: auto !important; width: 100% !important;
    transform: none !important; z-index: auto !important; box-shadow: none !important;
  }
  body.detail_page #main #content .product-chars .char-side.ang-characteristics-ready > .properties,
  body.detail_page #main #content .product-chars .char-side.ang-characteristics-ready > .more-char-link {
    display: none !important;
  }
  body.detail_page .product-info-wrapper .ang-photo-views .ang-photo-view:disabled {
    display: none !important;
  }
  body.detail_page .bottom-icons-panel {
    height: calc(62px + env(safe-area-inset-bottom, 0px)) !important;
    padding-bottom: env(safe-area-inset-bottom, 0px) !important;
    box-sizing: border-box !important;
  }
  body.detail_page .bottom-icons-panel__content { height: 62px !important; }
  body.detail_page .b24-widget-button-wrapper.b24-widget-button-position-bottom-right {
    bottom: calc(78px + env(safe-area-inset-bottom, 0px)) !important;
  }
  body.detail_page #main { padding-bottom: calc(78px + env(safe-area-inset-bottom, 0px)) !important; }
}

/* Keep the whole product photo visible on phones; desktop keeps its existing scale. */
@media screen and (max-width: 767px) {
  #main #content .ang-card-v24 .detail-gallery-big__item img.detail-gallery-big__picture {
    transform: none !important;
  }
}