/* kAPPeL.ru V4.6 — app subdomains only; after V4.5. */
.k4-app-body .k4-page h1,
.k4-app-body .k42-hero-grid h1 {font-weight:600!important;}
.k4-app-body .k4-stat-row dd,
.k4-app-body .k42-hero-grid .k4-stat-row dd {font-weight:600!important;}
/* Header and content share the same 1280px line; never change 326px sidebar. */
.k4-app-body .k4-global-header {max-width:1280px;width:min(1280px,calc(100% - 48px));margin:0 auto;box-sizing:border-box;}
.k4-app-body .k4-global-header .wrap {width:100%!important;max-width:1280px!important;}
.k4-app-body .k4-header-inner {max-width:1280px!important;width:100%;}
.k4-app-body .k4-layout {grid-template-columns:minmax(0,1fr) 326px;}
/* Three lines of summary use the full primary column up to sidebar split. */
.k4-app-body .k42-hero-grid .k44-short-description,
.k4-app-body .k44-short-description {max-width:none!important;width:100%;min-width:0;box-sizing:border-box;}
.k4-app-body .k44-short-description p {max-width:none!important;width:100%;}
/* 4 fully visible images plus a 28px peek of the fifth on desktop. */
@media (min-width:1101px) {
  .k4-app-body .k4-gallery-track {gap:14px;scroll-padding-inline:1px;}
  .k4-app-body .k4-shot {
    flex:0 0 calc((100% - 4 * 14px - 28px) / 4);
    width:calc((100% - 4 * 14px - 28px) / 4);
    height:auto;aspect-ratio:158 / 291;min-width:0;
  }
}
@media (min-width:768px) and (max-width:1100px) {
  .k4-app-body .k4-shot {flex:0 0 calc((100% - 3 * 12px - 25px)/3);width:calc((100% - 3 * 12px - 25px)/3);height:auto;aspect-ratio:158/291;}
}
/* Accessible public review form: native radio stars, live selection paint. */
.k4-app-body .k46-review-form {display:block;border:1px solid #e4eaf3;background:#f7f9fc;border-radius:18px;padding:22px;margin:24px 0 0;}
.k4-app-body .k46-review-form h3 {font-size:21px!important;margin:0 0 6px;}
.k4-app-body .k46-review-form p {font-size:15px;line-height:1.5;margin:0 0 15px;color:#65738a;}
.k4-app-body .k46-review-form form {display:grid;grid-template-columns:1fr;gap:14px;}
.k4-app-body .k46-review-form .k46-label {display:grid;gap:7px;font-size:16px;font-weight:600;color:#263246;}
.k4-app-body .k46-review-form input[type=text],
.k4-app-body .k46-review-form textarea {box-sizing:border-box;display:block;width:100%;border:1px solid #cbd5e3;border-radius:11px;padding:12px 14px;font-size:16px;line-height:1.5;background:#fff;color:#1b283a;}
.k4-app-body .k46-review-form textarea {resize:vertical;min-height:130px;}
.k4-app-body .k46-stars {display:flex;align-items:center;gap:6px;margin:2px 0 0;}
.k4-app-body .k46-stars label {position:relative;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:34px;line-height:1;color:#bdc7d5;}
.k4-app-body .k46-stars label.k46-is-selected {color:#ffac20;}
.k4-app-body .k46-stars input {position:absolute;opacity:0;width:1px;height:1px;}
.k4-app-body .k46-stars label:has(input:focus-visible) {outline:3px solid #70aeff;border-radius:5px;outline-offset:4px;}
.k4-app-body .k46-stars label:hover {color:#ffac20;}
.k4-app-body .k46-review-form .k46-hp {position:absolute;left:-9999px;opacity:0;pointer-events:none;}
.k4-app-body .k46-review-form .k46-submit {justify-self:start;padding:12px 23px;min-height:48px;}
.k4-app-body .k46-review-form .k46-note {font-size:13px;color:#69778a;}
@media (max-width:767px) {
  .k4-app-body .k4-global-header {width:calc(100% - 32px);}
  .k4-app-body .k4-layout {display:block;}
  .k4-app-body .k4-shot {flex:0 0 55%;width:55%;height:auto;aspect-ratio:158 / 291;}
  .k4-app-body .k46-review-form {padding:16px;}
  .k4-app-body .k46-review-form h3 {font-size:19px!important;}
  .k4-app-body .k46-review-form .k46-stars label {font-size:33px;}
}
@media (max-width:420px) {
  .k4-app-body .k4-global-header {width:calc(100% - 28px);}
}
@media (min-width:768px) {
  /* Requested: short description spans to the right edge of the 1280px header. */
  .k4-app-body .k42-hero-grid {
    grid-template-areas:"app advert" "summary summary";
  }
  .k4-app-body .k42-hero-grid .k44-short-description {
    grid-area:summary;grid-column:1/-1;
  }
}
.k4-app-body .k46-rating-fieldset {border:0;padding:0;margin:0;min-width:0;}
.k4-app-body .k46-rating-fieldset legend {font-size:16px;font-weight:600;color:#263246;padding:0;margin-bottom:8px;}
