:root{--equip-dark:#10191e;--equip-text:#202428;--equip-yellow:#ffb900;--equip-line:#dfe3e5;--equip-gray:#f5f6f6}.adapt-equipment{overflow:hidden;color:var(--equip-text);font-family:Arial,sans-serif}.adapt-equipment__container{width:min(1400px,95%);margin:0 auto}.adapt-equipment__hero{background:#f5f5f5;padding:24px 0 72px}.adapt-equipment__hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 510px;gap:74px;align-items:center}.adapt-equipment .breadcrumbs{margin:0}.adapt-equipment__hero h1{margin:44px 0 20px;font-size:42px;line-height:1.1;font-weight:900;text-transform:none}.adapt-equipment__lead,.adapt-equipment__sublead{max-width:575px;margin:0;font-size:17px;line-height:1.55}.adapt-equipment__sublead{margin-top:14px}.adapt-equipment__cta-row{display:flex;align-items:center;gap:26px;margin-top:28px}.adapt-equipment__button,.adapt-equipment__banner a{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 30px;background:var(--equip-yellow);color:#151a1e!important;font-size:14px;font-weight:800;text-decoration:none;text-transform:uppercase}.adapt-equipment__cta-row span{font-size:14px;color:#778188}.adapt-equipment__hero-images{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:12px;min-height:290px}.adapt-equipment__hero-images figure{margin:0;overflow:hidden;background:#e8ebec}.adapt-equipment__hero-images img,.adapt-equipment__card-image img{display:block;width:100%;height:100%;object-fit:cover}.adapt-equipment__hero-main{min-height:290px}.adapt-equipment__hero-small{display:grid;grid-template-rows:1fr 1fr;gap:12px}.adapt-equipment__list{padding:80px 0 72px}.adapt-equipment__card{display:grid;grid-template-columns:minmax(360px,500px) minmax(0,1fr);gap:64px;align-items:center;padding:0 72px;margin:0 auto 58px;max-width:1220px}.adapt-equipment__card--panel{padding-top:54px;padding-bottom:54px;background:#fff;box-shadow:0 0 0 1px #eef0f1}.adapt-equipment__card-image{aspect-ratio:1.5/1;min-height:270px;background:#e9ecee;overflow:hidden}.adapt-equipment__category{margin:0 0 12px;color:#8d969c;font-size:12px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.adapt-equipment__card h2,.adapt-equipment__banner h2{margin:0;color:#10191e;font-size:25px;line-height:1.15;font-weight:900;text-transform:uppercase}.adapt-equipment__description{margin:15px 0 16px;font-size:15px;line-height:1.52}.adapt-equipment__specs{margin:0}.adapt-equipment__specs div{display:grid;grid-template-columns:155px 1fr;gap:22px;padding:10px 0;border-bottom:1px solid var(--equip-line);font-size:14px;line-height:1.35}.adapt-equipment__specs dt{font-weight:700}.adapt-equipment__specs dd{margin:0;color:#555f65}.adapt-equipment__uses{margin-top:16px;font-size:13px}.adapt-equipment__uses strong{display:block;margin-bottom:8px}.adapt-equipment__uses>div{display:flex;flex-wrap:wrap;gap:7px}.adapt-equipment__uses a{padding:6px 9px;border:1px solid #dbe0e3;border-radius:2px;color:#4d585f;text-decoration:none;font-size:12px;line-height:1.2}.adapt-equipment__uses a:hover{border-color:var(--equip-yellow);color:#111}.adapt-equipment__banner{display:flex;justify-content:space-between;align-items:center;gap:36px;max-width:1220px;margin:10px auto 0;padding:28px 38px;background:#0f181d;color:#fff}.adapt-equipment__banner h2{color:#fff;font-size:24px}.adapt-equipment__banner p{max-width:620px;margin:8px 0 0;color:#dce1e3;font-size:15px;line-height:1.45}.adapt-equipment__banner a{min-width:205px;min-height:48px;font-size:13px}.adapt-equipment__card-image:empty:before,.adapt-equipment__hero-images figure:empty:before{content:'Изображение';display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#7d878d;font-size:13px}
@media(max-width:1100px){.adapt-equipment__container{width:min(1180px,92%)}.adapt-equipment__hero-grid{grid-template-columns:minmax(0,1fr) 420px;gap:42px}.adapt-equipment__card{padding:0 28px;gap:40px}.adapt-equipment__hero-images{grid-template-columns:minmax(0,1fr) 125px}.adapt-equipment__hero-main{min-height:260px}}
@media(max-width:780px){.adapt-equipment__container{width:calc(100% - 32px)}.adapt-equipment__hero{padding:20px 0 42px}.adapt-equipment__hero-grid{display:flex;flex-direction:column;gap:28px;align-items:stretch}.adapt-equipment__hero h1{margin:31px 0 16px;font-size:31px}.adapt-equipment__lead,.adapt-equipment__sublead{font-size:16px}.adapt-equipment__cta-row{align-items:flex-start;flex-direction:column;gap:14px;margin-top:23px}.adapt-equipment__hero-images{grid-template-columns:minmax(0,1fr) 32%;min-height:225px}.adapt-equipment__hero-main{min-height:225px}.adapt-equipment__list{padding:48px 0}.adapt-equipment__card,.adapt-equipment__card--panel{display:flex;flex-direction:column;gap:24px;align-items:stretch;margin-bottom:38px;padding:0}.adapt-equipment__card--panel{padding:25px 18px}.adapt-equipment__card-image{min-height:0;aspect-ratio:1.42}.adapt-equipment__card h2{font-size:22px}.adapt-equipment__description{font-size:15px}.adapt-equipment__specs div{grid-template-columns:42% 1fr;gap:14px;font-size:13px}.adapt-equipment__banner{flex-direction:column;align-items:stretch;gap:22px;margin-top:2px;padding:28px 22px}.adapt-equipment__banner h2{font-size:22px}.adapt-equipment__banner a{width:100%}}
@media(max-width:390px){.adapt-equipment__hero-images{min-height:190px}.adapt-equipment__hero-main{min-height:190px}.adapt-equipment__hero h1{font-size:28px}.adapt-equipment__button{width:100%}.adapt-equipment__cta-row span{font-size:13px}}

/* Full-bleed equipment photography: WordPress image defaults cannot leave letterboxing. */
.adapt-equipment__hero-images figure,
.adapt-equipment__card-image{position:relative;overflow:hidden}
.adapt-equipment__hero-images figure>img,
.adapt-equipment__card-image>img{position:absolute!important;inset:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center center!important}

/* Shared desktop/tablet grid: match the header from the logo edge to the callback button edge. */
@media (min-width:781px) and (max-width:1100px){
  .adapt-equipment__container{width:min(1400px,95%)}
}

/* The equipment page uses the exact same desktop grid as the product template:
   95% of the viewport, limited to 1400px, centred from the logo to the callback button. */
@media (min-width:781px){
  .adapt-equipment__hero-grid,
  .adapt-equipment__list > .adapt-equipment__container{
    width:95%;
    max-width:1400px;
    margin-inline:auto;
  }
  .adapt-equipment__card,
  .adapt-equipment__banner{box-sizing:border-box;width:100%;max-width:none}
  .adapt-equipment__card{padding-left:0;padding-right:0}
}

.adapt-equipment__card-media{min-width:0}
@media (min-width:781px){
  .adapt-equipment__card > .adapt-equipment__uses{grid-column:1;grid-row:2;margin-top:14px}
}
@media (max-width:780px){
  .adapt-equipment__card,.adapt-equipment__card--panel{
    gap:20px;
    margin-bottom:26px;
    padding:18px;
    border:1px solid #e1e5e7;
    background:#fff;
    box-shadow:0 6px 18px rgba(16,25,30,.05);
  }
  .adapt-equipment__card > .adapt-equipment__uses{width:100%;margin-top:0;padding-top:4px;border-top:1px solid var(--equip-line)}
}



/* Mobile CTA: padding is included in the available width, so the action never crosses the viewport edge. */
@media (max-width:780px){
  .adapt-equipment__banner,
  .adapt-equipment__banner a{
    box-sizing:border-box;
    max-width:100%;
  }
  .adapt-equipment__banner{width:100%;min-width:0}
  .adapt-equipment__banner a{width:100%;min-width:0}
}

/* Desktop equipment cards: align content with the photo and separate each item as a clean B2B panel. */
@media (min-width:781px){
  .adapt-equipment__card,
  .adapt-equipment__card--panel{
    position:relative;
    align-items:start;
    margin-bottom:38px;
    padding:0;
    border:1px solid #e1e5e7;
    background:#fff;
    box-shadow:0 6px 18px rgba(16,25,30,.05);
  }
  .adapt-equipment__card::before{
    content:'';
    position:absolute;
    z-index:1;
    top:-1px;
    left:-1px;
    width:72px;
    height:4px;
    background:var(--equip-yellow);
  }
  .adapt-equipment__card-image{
    min-height:0;
    aspect-ratio:1.8 / 1;
  }
  .adapt-equipment__card-content{
    padding-top:0;
  }
}

/* Roomier desktop cards: both columns start together, while the related-service links stay next to the photograph. */
@media (min-width:781px){
  .adapt-equipment__card,
  .adapt-equipment__card--panel{
    min-height:460px;
    padding:32px;
  }
  .adapt-equipment__card-media{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:10px;
  }
  .adapt-equipment__card-image{aspect-ratio:1.6 / 1}
  .adapt-equipment__card-media .adapt-equipment__uses--desktop{display:block;margin-top:0}
  .adapt-equipment__card > .adapt-equipment__uses--mobile{display:none}
}
@media (max-width:780px){
  .adapt-equipment__card-media .adapt-equipment__uses--desktop{display:none}
  .adapt-equipment__card > .adapt-equipment__uses--mobile{display:block}
}

/* On desktop the production photos start on the same horizontal line as the H1. */
@media (min-width:781px){
  .adapt-equipment__hero-images{transform:translateY(50px)}
}

/* Desktop specification labels have a wider dedicated column for long parameter names. */
@media (min-width:781px){
  .adapt-equipment__specs div{grid-template-columns:260px minmax(0,1fr)}
}

