/* Вътрешни страници: същата композиция с bounded responsive/focus поправки. */
.grema-tuning--mobile.tune-family-info .top_design {
  height: auto;
  background: #fff;
}
.grema-tuning--mobile.tune-family-info {
  --tune-header-height: 88px;
}
.grema-tuning.tune-family-info .tune-rich .container {
  width: 100%;
  max-width: 100%;
}
.grema-tuning.tune-family-info .tune-rich .row {
  margin-inline: 0;
}
.grema-tuning.tune-family-info .tune-rich img {
  max-width: 100%;
  height: auto;
}
.grema-tuning.tune-family-info .tune-rich iframe {
  max-width: 100%;
}
.grema-tuning.tune-family-info .tune-rich iframe[width="550"][height="308"] {
  aspect-ratio: 550 / 308;
  height: auto;
}
.grema-tuning.tune-family-info .tune-gallery-item {
  max-width: 100%;
}
.grema-tuning.tune-family-info .tune-gallery-item .page-img {
  max-width: calc(100% - 10px);
}
.grema-tuning .prod-img--400-square {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: contain;
  object-position: center;
  background: #fff;
}
.grema-tuning .tune-product-media {
  display: block;
  width: 100%;
  overflow: hidden;
  aspect-ratio: 1;
}
.grema-tuning .tune-purchase-action {
  min-width: 100px;
}
.grema-tuning .tune-quick-order {
  min-width: 180px;
}
/* Native action/form buttons — един и същ действителен brand blue. */
.grema-tuning :is(.tune-content, .jconfirm) .btn:not(.btn-link) {
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
  min-height: 44px;
  padding: 10px 16px;
  color: #fff;
  background: var(--tune-blue);
  border-color: var(--tune-blue);
  border-radius: var(--tune-radius);
  transition: box-shadow var(--tune-fast), opacity var(--tune-fast);
}
.grema-tuning :is(.tune-content, .jconfirm) .btn:not(.btn-link) > span,
.grema-tuning :is(.tune-content, .jconfirm) .btn:not(.btn-link) a {
  color: inherit;
}
.grema-tuning :is(.tune-content, .jconfirm) .btn:not(.btn-link):hover {
  background: var(--tune-blue-hover);
  border-color: var(--tune-blue-hover);
}
.grema-tuning :is(.tune-content, .jconfirm) .btn:not(.btn-link):active {
  box-shadow: inset 0 0 0 2px var(--tune-navy);
}
.grema-tuning :is(.tune-content, .jconfirm) .btn:not(.btn-link):disabled,
.grema-tuning :is(.tune-content, .jconfirm) .btn.disabled {
  color: var(--tune-navy);
  background: var(--tune-border);
  border-color: var(--tune-border);
  opacity: 0.7;
}
.grema-tuning .tune-content .form-control {
  min-height: 44px;
  border-radius: var(--tune-radius);
}
.grema-tuning .tune-content .paginator a {
  display: inline-flex;
  min-width: 44px;
  min-height: 44px;
  align-items: center;
  justify-content: center;
}
/* Phone: native text/forms могат да се пренасят, без fixed-width page overflow. */
@media (max-width: 767px) {
  .grema-tuning.tune-family-info .tune-rich {
    overflow-wrap: anywhere;
  }
}
/* Самостоятелен документ за печат — запазен ред, fluid screen geometry. */
.grema-tuning.tune-print .tune-print-masthead > tbody > tr {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.grema-tuning.tune-print .tune-print-masthead td {
  display: block;
  width: auto;
  min-width: 0;
  overflow-wrap: anywhere;
}
.grema-tuning.tune-print .tune-print-masthead td:first-child {
  flex: 1 1 200px;
  max-width: 300px;
}
.grema-tuning.tune-print .tune-print-masthead img {
  max-width: 100%;
  height: auto;
}
.grema-tuning.tune-print .tune-print-product {
  display: flex;
  width: 100%;
}
.grema-tuning.tune-print .tune-print-body-table {
  table-layout: fixed;
  width: 90%;
  max-width: 100%;
}
.grema-tuning.tune-print .tune-product-thumbs {
  width: 100%;
  max-width: 390px;
}
.grema-tuning.tune-print .gray_16 {
  overflow-wrap: anywhere;
}
.grema-tuning.tune-print .tune-print-product > td {
  display: block;
  float: none;
  min-width: 0;
  width: 60%;
}
.grema-tuning.tune-print .tune-print-product > td:first-child {
  width: 40%;
}
.grema-tuning.tune-print .prod-img {
  max-width: 100%;
  height: auto;
  object-position: center;
}
.grema-tuning.tune-print .prod-img--500-square {
  width: 100%;
  max-width: 500px;
  aspect-ratio: 1;
  object-fit: contain;
}
.grema-tuning.tune-print .prod-img--145-square {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
}
.grema-tuning.tune-print .tune-print-brand-image {
  max-width: 120px;
}
.grema-tuning.tune-print .tune-print-small-image {
  max-width: 100px;
}
@media (max-width: 767px) {
  .grema-tuning.tune-print .tune-print-product {
    flex-direction: column;
  }
  .grema-tuning.tune-print .tune-print-product > td,
  .grema-tuning.tune-print .tune-print-product > td:first-child {
    width: 100%;
  }
}
/* Dialog actions — actual brand palette над native plugin specificity. */
.grema-tuning.tune-family-info .jconfirm .jconfirm-box .jconfirm-buttons button {
  min-height: 44px;
  color: #fff;
  background-color: var(--tune-blue);
  border-color: var(--tune-blue);
  border-radius: var(--tune-radius);
}
.grema-tuning.tune-family-info .jconfirm .jconfirm-box .jconfirm-buttons button:hover {
  background-color: var(--tune-blue-hover);
  border-color: var(--tune-blue-hover);
}
.grema-tuning.tune-family-info .jconfirm .jconfirm-box .jconfirm-buttons button:active {
  box-shadow: inset 0 0 0 2px var(--tune-navy);
}
.grema-tuning.tune-family-info .jconfirm .jconfirm-box .jconfirm-buttons button:disabled {
  color: var(--tune-navy);
  background-color: var(--tune-border);
  border-color: var(--tune-border);
}
@media (prefers-reduced-motion: reduce) {
  .grema-tuning :is(.tune-content, .jconfirm) .btn {
    transition-duration: 0.01ms;
  }
}
@media (max-width: 360px) {
  .grema-tuning.tune-family-info #quick_order {
    width: calc(100vw - 60px) !important;
    max-width: 100%;
    padding: 12px !important;
  }
  .grema-tuning.tune-family-info #quick_order table {
    max-width: 100%;
  }
  .grema-tuning.tune-family-info #quick_order .form-control {
    max-width: 100%;
    width: 100% !important;
  }
  .grema-tuning.tune-family-info #quick_order #security_code2 {
    width: 145px !important;
    max-width: 100%;
  }
}
