body { background: #fff; }

.service-detail{
  background:#fff;
  color:var(--color-dark, #071621);
  font-family:'Nunito',sans-serif;
  padding:40px 0 80px;
  --checkmark-url: url("../media/Checkmark.svg"); 
}

.service-detail__container{
  width:1637px;
  max-width:calc(100% - 60px);
  margin:0 auto;
  box-sizing:border-box;
}

.service-detail__head{
  display:flex;
  align-items:center;
  gap:16px;
  margin-bottom:50px;
}

.service-detail__title{
  margin:0;
  font-size:28px;
  font-weight:700;
  line-height:1.25;
  color:var(--color-dark, #071621);
}

.chip{
  display:inline-flex;align-items:center;justify-content:center;
  height:45px;background:var(--detail,#97D48B);color:#000;
  font-size:20px;font-weight:700;border-radius:20px;line-height:27px;
  white-space:nowrap;box-sizing:border-box;
}
.chip--fixed{ width:183px; }
.chip--auto { padding:0 14px; }

.service-detail__layout{
  display:grid;
  grid-template-columns:560px minmax(0,1fr);
  gap:32px 48px;
  align-items:start;
}

.service-detail__media{ width:100%;height:360px;overflow:hidden; }
.service-detail__media img{ width:100%;height:100%;object-fit:cover;display:block;border-radius:0; }

.service-detail__info{ min-width:0; }

.service-detail__text{
  font-size:20px;line-height:1.7;text-align:justify;text-justify:inter-word;
  -webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;word-wrap:break-word;
}
.service-detail__text p{ margin:0 0 12px; }

.service-detail__text h2,
.service-detail__text h3,
.service-detail__text h4{ margin:20px 0 10px;line-height:1.3;color:var(--color-dark,#071621); }
.service-detail__text h2{ font-size:24px;font-weight:800; }
.service-detail__text h3{ font-size:22px;font-weight:700; }
.service-detail__text h4{ font-size:20px;font-weight:700; }

.service-detail__text ul,
.service-detail__text ol{ margin:0 0 14px 1.2em;padding:0; }
.service-detail__text ul{ list-style:disc; }
.service-detail__text ol{ list-style:decimal; }
.service-detail__text li{ margin:6px 0;line-height:1.6; }

.service-detail__text a{ color:var(--color-blue,#357FA7);text-decoration:underline; }
.service-detail__text a:hover{ text-decoration:none; }

.service-detail__text img{ max-width:100%;height:auto;display:block;margin:16px 0;border-radius:0; }

.service-detail__text table{
  width:100%;border-collapse:collapse;margin:16px 0;font-size:18px;line-height:1.5;
}
.service-detail__text th,.service-detail__text td{ border:1px solid rgba(7,22,33,.12);padding:10px 12px;text-align:left; }
.service-detail__text th{ background:rgba(7,22,33,.04);font-weight:700; }

.service-detail__text b,.service-detail__text strong{ font-weight:800; }
.service-detail__text i,.service-detail__text em{ font-style:italic; }
.service-detail__text blockquote{
  margin:16px 0;padding:12px 16px;border-left:4px solid rgba(7,22,33,.25);background:rgba(7,22,33,.03);
}

.service-detail__features{ margin-top:8px; }
.service-detail__features ul{ list-style:none;padding:0;margin:0; }
.service-detail__features li{
  position:relative;padding-left:40px;margin:12px 0;font-size:20px;line-height:1.6;text-align:left;word-break:break-word;
}
.service-detail__features li::before{
  content:"";position:absolute;left:0;top:.2em;width:28px;height:28px;
  background-image:var(--checkmark-url);background-position:center;background-repeat:no-repeat;background-size:contain;opacity:.95;
}

.service-detail__bottom{
  display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:28px;
  grid-column:1 / -1;
}
.service-detail__left{ display:flex;flex-direction:column;gap:28px; }
.service-detail__price{ font-size:20px;line-height:1.2;margin-bottom:28px; }
.service-detail__price b{ font-weight:800; }

.cta-btn{ display:inline-block;position:relative;width:305px;height:52px;text-decoration:none;overflow:hidden;transition:transform .15s ease;line-height:0; }
.cta-btn img{ width:100%;height:100%;display:block; }
.cta-btn__label{ position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff;user-select:none;pointer-events:none; }
.cta-btn:hover{ transform:scale(1.03); }
.cta-btn:focus-visible{ outline:2px solid #357FA7;outline-offset:3px; }

.service-detail__back{ margin-top:24px; }
.service-detail__back a{ color:var(--color-blue,#357FA7);text-decoration:none;font-weight:600; }
.service-detail__back a:hover{ text-decoration:underline; }

@media (max-width: 1024px){
  .service-detail__container{ max-width:calc(100% - 40px); }
  .service-detail__layout{ grid-template-columns:420px 1fr; gap:24px 32px; }
  .service-detail__media{ height:300px; }
  .service-detail__text{ font-size:18px; }
  .service-detail__features li{ font-size:18px; }
}

@media (max-width: 770px){
  .service-detail{ padding:24px 0 48px; }
  .service-detail__container{ width:100%; max-width:100%; padding:0 14px; }
  .service-detail__head{ gap:8px; margin-bottom:16px; }
  .service-detail__title{ font-size:22px; }

  .chip{ height:28px; font-size:13px; line-height:1; border-radius:14px; padding:0 10px; }
  .chip--fixed{ width:auto; } /* фикс-ширину убираем */

  .service-detail__layout{ grid-template-columns:1fr; gap:14px; }
  .service-detail__media{ height:auto; aspect-ratio:16/9; }
  .service-detail__text{ font-size:16px; line-height:1.65; text-align:left; }

  .service-detail__features li{
    padding-left:32px; margin:10px 0; font-size:16px; line-height:1.55;
  }
  .service-detail__features li::before{
    width:20px; height:20px; top:.25em;
  }

  .service-detail__bottom{
    flex-direction:column; align-items:stretch; gap:14px; margin-top:18px;
  }
  .service-detail__price{ margin:0; font-size:18px; }
  .cta-btn{ width:100%; height:52px; }
  .cta-btn__label{ font-size:18px; }

  .service-detail__back{ margin-top:14px; }
}

@media (max-width: 380px){
  .service-detail__container{ padding:0 10px; }
  .service-detail__title{ font-size:20px; }
  .cta-btn__label{ font-size:16px; }
  .service-detail__features li{ font-size:15px; padding-left:30px; }
  .service-detail__features li::before{ width:18px; height:18px; }
}