body.ak-site.akhp-single, body.ak-site .akhp--single-auto { background: #000000 !important; color: #ffffff; } body.akhp-single .external-div, body.akhp-single .box-text, body.akhp-single .box-image-page, body.akhp-single #sidebar, body.akhp-single .sidebar, body.akhp-single aside.widget-area, body.akhp-single .navigation, body.akhp-single .my-5, body.akhp-single .related-post, body.akhp-single .box-info, body.akhp-single .box-content, body.akhp-single #secondary, body.akhp-single .widget-area, body.akhp-single #footer-widget, body.akhp-single .footer-widgets, body.akhp-single #footer .widget { display: none !important; } body.akhp-single #tp_content, body.akhp-single #content { width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; background: #000000; } body.akhp-single .container { max-width: 100%; padding: 0; } .akhp--single-auto { --akhp-bg: #000000; --akhp-text: #ffffff; --akhp-muted: rgba(255, 255, 255, 0.52); --akhp-accent: #ff0d19; --akhp-border: rgba(255, 255, 255, 0.12); --akhp-panel: var(--akhp-surface, #141414); --akhp-max: 1100px; --akhp-pad: 20px; background: var(--akhp-bg); color: var(--akhp-text); padding: 24px var(--akhp-pad) 64px; font-family: "Rajdhani", sans-serif; max-width: 100%; min-width: 0; overflow-x: clip; } .akhp-auto-head { max-width: var(--akhp-max); margin: 0 auto 24px; display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; background: #000000 !important; } .akhp-auto-head__left { min-width: 0; flex: 1 1 auto; } .akhp-auto-head__title { margin: 0 0 10px; font-size: clamp(1.5rem, 4.5vw, 2rem); font-weight: 700; line-height: 1.15; color: #ffffff; overflow-wrap: anywhere; word-break: break-word; } .akhp-auto-head__badge { display: inline-block; padding: 4px 10px; background: var(--akhp-accent); border: 0; border-radius: 4px; color: #ffffff; font-size: 0.7rem; font-weight: 700; letter-spacing: 0.08em; } .akhp-auto-head__price { margin: 0; flex-shrink: 0; font-size: clamp(1.5rem, 4vw, 2.25rem); font-weight: 700; color: #ffffff; line-height: 1; } .akhp-auto-hero { max-width: var(--akhp-max); margin: 0 auto 32px; display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; min-width: 0; } .akhp-auto-hero > * { min-width: 0; max-width: 100%; } .akhp-auto-gallery { width: 100%; max-width: 100%; min-width: 0; } .akhp-auto-gallery__main { border-radius: 12px; overflow: hidden; background: var(--akhp-surface, #141414); aspect-ratio: 3 / 2; } .akhp-auto-gallery__hero { width: 100%; height: 100%; object-fit: cover; display: block; } .akhp-auto-gallery__thumbs-wrap { display: flex; align-items: center; gap: 10px; margin-top: 12px; width: 100%; max-width: 100%; min-width: 0; overflow: hidden; } .akhp-auto-gallery__thumbs { display: flex; gap: 10px; overflow-x: auto; overflow-y: hidden; scroll-behavior: smooth; flex: 1 1 auto; width: 100%; max-width: 100%; min-width: 0; padding-bottom: 4px; scrollbar-width: none; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; scroll-snap-type: x proximity; touch-action: pan-x; } .akhp-auto-gallery__thumbs::-webkit-scrollbar { display: none; } .akhp-auto-gallery__thumb { flex: 0 0 84px; width: 84px; height: 56px; padding: 0; border: 2px solid transparent; border-radius: 8px; overflow: hidden; background: var(--akhp-surface, #141414); cursor: pointer; transition: border-color 0.2s ease; scroll-snap-align: start; } .akhp-auto-gallery__thumb.is-active { border-color: #ffffff; } .akhp-auto-gallery__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; } .akhp-auto-specs { background: var(--akhp-panel); border: 1px solid var(--akhp-border); border-radius: 12px; padding: 8px 0; } .akhp-auto-specs__list { list-style: none; margin: 0; padding: 0; } .akhp-auto-specs__row { display: grid; grid-template-columns: 24px minmax(0, 1fr) minmax(0, auto); align-items: center; gap: 10px 12px; padding: 12px 16px; border-bottom: 1px solid var(--akhp-border); } .akhp-auto-specs__row:last-child { border-bottom: 0; } .akhp-auto-specs__icon .akhp-field-icon { display: block; } .akhp-auto-specs__icon { color: var(--akhp-spec-muted, rgba(255, 255, 255, 0.52)); display: flex; align-items: center; justify-content: center; opacity: 1; } .akhp-auto-specs__label:not(.is-search-match) { font-size: 0.86rem; font-weight: 500; color: var(--akhp-spec-muted, rgba(255, 255, 255, 0.52)) !important; } .akhp-auto-specs__value:not(.is-search-match) { font-size: 0.86rem; font-weight: 500; color: var(--akhp-spec-muted, rgba(255, 255, 255, 0.52)) !important; text-align: right; min-width: 0; overflow-wrap: anywhere; word-break: break-word; } .akhp-auto-specs__row:not(.is-search-match) .akhp-auto-specs__icon, .akhp-auto-specs__row:not(.is-search-match) .akhp-field-icon { color: var(--akhp-spec-muted, rgba(255, 255, 255, 0.52)) !important; opacity: 1; } .akhp-auto-specs__row.is-search-match .akhp-auto-specs__label, .akhp-auto-specs__label.is-search-match { color: #ffffff !important; font-size: 0.98rem; font-weight: 800; letter-spacing: 0.01em; } .akhp-auto-specs__row.is-search-match .akhp-auto-specs__value, .akhp-auto-specs__value.is-search-match { color: #ffffff !important; font-size: 0.98rem; font-weight: 800; letter-spacing: 0.01em; } .akhp-auto-specs__row.is-search-match .akhp-auto-specs__icon { color: #ffffff; opacity: 1; } .akhp-auto-specs__row.is-search-match .akhp-field-icon, .akhp-auto-specs__row.is-search-match .akhp-field-icon.is-accent { color: #ffffff !important; opacity: 1; transform: scale(1.12); transform-origin: center; } .akhp-auto-head__badge.is-search-match { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.45); } .akhp-auto-head__price.is-search-match { color: #ffffff; font-weight: 800; } .akhp-auto-characteristics { max-width: var(--akhp-max); margin: 0 auto 32px; background: var(--akhp-panel); border: 1px solid var(--akhp-border); border-radius: 12px; padding: 22px 24px; } .akhp-auto-characteristics__title { margin: 0 0 20px; font-size: 1.25rem; font-weight: 700; color: #ffffff; } .akhp-auto-characteristics__grid { display: grid; grid-template-columns: 1fr; gap: 8px 32px; } .akhp-auto-characteristics__col { list-style: none; margin: 0; padding: 0; } .akhp-auto-characteristics__row { display: grid; grid-template-columns: 24px minmax(0, 1fr) minmax(0, auto); align-items: center; gap: 10px 12px; padding: 12px 0; border-bottom: 1px solid var(--akhp-border); } .akhp-auto-characteristics__icon .akhp-field-icon { display: block; } .akhp-auto-characteristics__icon { color: var(--akhp-muted); display: flex; align-items: center; justify-content: center; } .akhp-auto-characteristics__col .akhp-auto-characteristics__row:last-child { border-bottom: 0; } .akhp-auto-characteristics__label { font-size: 0.92rem; color: var(--akhp-muted); } .akhp-auto-characteristics__value { font-size: 0.98rem; font-weight: 700; color: #ffffff; text-align: right; min-width: 0; overflow-wrap: anywhere; word-break: break-word; } .akhp-auto-characteristics__grid--single { grid-template-columns: 1fr; } .akhp-auto-characteristics__promo { display: inline-block; padding: 4px 12px; border-radius: 999px; background: #e87722; color: #fff; font-size: 0.82rem; font-weight: 700; text-transform: lowercase; line-height: 1.2; } .akhp-field-icon.is-accent { color: #ffffff; } .akhp-auto-bottom { max-width: var(--akhp-max); margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; } .akhp-auto-bottom > * { min-width: 0; } .akhp-auto-desc { min-width: 0; max-width: 100%; overflow-wrap: break-word; word-break: break-word; } .akhp-auto-desc__title { margin: 0 0 14px; font-size: 1.25rem; font-weight: 700; color: #ffffff; } .akhp-auto-desc__body { font-size: 1rem; line-height: 1.65; color: var(--akhp-muted); max-width: 100%; overflow-wrap: break-word; word-break: break-word; } .akhp-auto-desc__body :where(p, li, span, a, strong, em) { overflow-wrap: break-word; word-break: break-word; max-width: 100%; } .akhp-auto-desc__body :is(table, pre, iframe, video, embed) { max-width: 100%; } .akhp-auto-desc__body table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; } .akhp-auto-desc__body pre { overflow-x: auto; white-space: pre-wrap; word-break: break-word; } .akhp-auto-desc__body p { margin: 0 0 1em; } .akhp-auto-desc__body p:last-child { margin-bottom: 0; } .akhp-auto-optionals { margin-top: 28px; } .akhp-auto-optionals__title { margin: 0 0 14px; font-size: 1.25rem; font-weight: 700; color: #ffffff; } .akhp-auto-optionals__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr; gap: 8px; } .akhp-auto-optionals__item { display: flex; align-items: flex-start; gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--akhp-border); font-size: 0.95rem; font-weight: 500; line-height: 1.35; color: #ffffff; } .akhp-auto-optionals__item:last-child { border-bottom: 0; padding-bottom: 0; } .akhp-auto-optionals__check { flex-shrink: 0; margin-top: 2px; color: #6fbf8a; display: inline-flex; } .akhp-auto-optionals__text { min-width: 0; } .akhp-auto-contact { background: var(--akhp-panel); border: 1px solid var(--akhp-border); border-radius: 12px; padding: 20px; display: flex; flex-direction: column; gap: 20px; box-sizing: border-box; min-width: 0; max-width: 100%; overflow: hidden; } .akhp-auto-contact__inner { display: flex; align-items: flex-start; gap: 16px; min-width: 0; } .akhp-auto-contact__text { min-width: 0; flex: 1; } .akhp-auto-contact__icon { flex-shrink: 0; width: 52px; height: 52px; border-radius: 50%; background: var(--akhp-accent); color: #ffffff; display: flex; align-items: center; justify-content: center; } .akhp-auto-contact__title { margin: 0 0 8px; font-size: 1.15rem; font-weight: 700; color: #ffffff; } .akhp-auto-contact__sub { margin: 0; font-size: 0.95rem; line-height: 1.5; color: var(--akhp-muted); } .akhp-auto-contact__btn { display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: 100%; max-width: 100%; min-width: 0; padding: 14px 20px; border: 0; border-radius: 8px; background: var(--akhp-accent); color: #ffffff; font-family: inherit; font-size: 1.05rem; font-weight: 700; text-decoration: none; text-align: center; transition: transform 0.22s ease, box-shadow 0.22s ease; } .akhp-auto-contact__btn:hover { transform: translateY(-1px); box-shadow: 0 8px 24px rgba(var(--akhp-red-rgb, 255, 13, 25), 0.35); color: #ffffff; } @media (min-width: 768px) { .akhp--single-auto { padding-top: 32px; } .akhp-auto-hero { grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr); align-items: start; gap: 24px; } .akhp-auto-gallery__thumb { flex: 0 0 108px; width: 108px; height: 72px; } .akhp-auto-contact { position: relative; z-index: 1; } .akhp-auto-characteristics__grid { grid-template-columns: 1fr 1fr; } .akhp-auto-specs__row, .akhp-auto-characteristics__row { grid-template-columns: 32px minmax(0, 1fr) minmax(0, auto); } .akhp-auto-characteristics__value { font-size: 1.14rem; } .akhp-auto-optionals__list { grid-template-columns: 1fr 1fr; column-gap: 32px; } } @media (min-width: 900px) { .akhp-auto-bottom { grid-template-columns: minmax(0, 1.4fr) minmax(260px, 1fr); gap: 32px; align-items: start; } } @media (min-width: 1024px) { .akhp--single-auto { --akhp-max: 1140px; } }