/* ============================================================
   Cummins landing — компоненты
   Кнопки, карточки моделей, доп. карточки, список брендов,
   карточки преимуществ, поля формы, чекбоксы согласия,
   модальное окно.
   Все селекторы начинаются с .isolationstyle-cummins.
   ============================================================ */

/* ── BUTTONS ────────────────────────────────────────────── */
.isolationstyle-cummins .btn-y{background:var(--y);color:#0A0A0A;padding:10px 22px;border-radius:7px;border:none;font-family:var(--ff);font-size:13px;font-weight:800;letter-spacing:0.2px;transition:background .2s,transform .1s;display:inline-flex;align-items:center;gap:7px;}
.isolationstyle-cummins .btn-y:hover{background:var(--y2);transform:translateY(-1px);}
.isolationstyle-cummins .btn-g{background:rgba(255,255,255,0.07);color:#fff;padding:10px 22px;border-radius:7px;border:1px solid var(--brd);font-family:var(--ff);font-size:13px;font-weight:400;display:inline-flex;align-items:center;gap:7px;transition:background .2s;}
.isolationstyle-cummins .btn-g:hover{background:rgba(255,255,255,0.11);}
.isolationstyle-cummins .arr{width:14px;height:14px;transition:transform .2s;flex-shrink:0;}
.isolationstyle-cummins .btn-y:hover .arr{transform:translateX(3px);}

.isolationstyle-cummins .btn-order{
  background:var(--y);color:#0A0A0A;
  padding:16px 36px;border-radius:8px;border:none;
  font-family:var(--ff);font-size:16px;font-weight:800;
  letter-spacing:1px;text-transform:uppercase;
  cursor:pointer;
  display:inline-flex;align-items:center;gap:10px;
  position:relative;overflow:hidden;
  transition:background .2s,transform .15s,box-shadow .2s;
  box-shadow:0 4px 20px rgba(245,200,0,0.3);
}
.isolationstyle-cummins .btn-order::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,0.18) 50%,transparent 60%);
  transform:translateX(-100%);
  transition:transform .5s ease;
}
.isolationstyle-cummins .btn-order:hover{background:var(--y2);transform:translateY(-2px);box-shadow:0 8px 28px rgba(245,200,0,0.45);}
.isolationstyle-cummins .btn-order:hover::after{transform:translateX(100%);}
.isolationstyle-cummins .btn-order:active{transform:translateY(0);}

.isolationstyle-cummins .btn-full{width:100%;justify-content:center;margin-top:12px;padding:14px 28px;font-size:14px;font-weight:800;}

/* ── MODEL CARDS ────────────────────────────────────────── */
.isolationstyle-cummins .mc{background:var(--surf);border:1px solid var(--brd);border-radius:16px;overflow:hidden;transition:border-color .3s,transform .3s;position:relative;}
.isolationstyle-cummins .mc:hover{border-color:rgba(245,200,0,0.4);transform:translateY(-4px);}
.isolationstyle-cummins .mc-top{padding:32px 32px 0;position:relative;}
.isolationstyle-cummins .mc-art{font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:8px;}
.isolationstyle-cummins .mc-name{font-size:clamp(40px,4vw,56px);font-weight:300;letter-spacing:-2.5px;line-height:1;margin-bottom:4px;}
.isolationstyle-cummins .mc-name b{font-weight:800;}
.isolationstyle-cummins .mc-for{font-size:13px;color:var(--y);font-weight:400;margin-bottom:20px;}
.isolationstyle-cummins .mc-avail{position:absolute;top:24px;right:24px;background:rgba(0,180,80,0.12);border:1px solid rgba(0,180,80,0.3);color:#4ade80;font-size:10px;font-weight:700;letter-spacing:2px;padding:5px 12px;border-radius:100px;text-transform:uppercase;}
.isolationstyle-cummins .mc-specs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;background:var(--brd);border-top:1px solid var(--brd);}
.isolationstyle-cummins .ms{background:var(--surf);padding:18px 22px;}
.isolationstyle-cummins .ms .mv{font-size:20px;font-weight:300;letter-spacing:-0.3px;}
.isolationstyle-cummins .ms .mk{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-top:2px;font-weight:400;}
.isolationstyle-cummins .mc-foot{padding:24px 32px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.isolationstyle-cummins .mc-price .mp-l{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;}
.isolationstyle-cummins .mc-price .mp-v{font-size:22px;font-weight:300;letter-spacing:-0.8px;}

/* ── BRAND LIST (совместимость) ─────────────────────────── */
.isolationstyle-cummins .brand-list{display:flex;flex-direction:column;margin:28px 0 32px;border:1px solid var(--brd);border-radius:12px;overflow:hidden;}
.isolationstyle-cummins .brand-row{display:flex;align-items:center;gap:14px;padding:15px 22px;border-bottom:1px solid var(--brd);font-size:14px;font-weight:400;transition:background .2s;}
.isolationstyle-cummins .brand-row:last-child{border-bottom:none;}
.isolationstyle-cummins .brand-row:hover{background:rgba(255,255,255,0.03);}
.isolationstyle-cummins .br-dot{width:7px;height:7px;border-radius:50%;background:var(--y);flex-shrink:0;}
.isolationstyle-cummins .br-eng{margin-left:auto;font-size:11px;color:var(--muted);background:rgba(255,255,255,0.05);padding:3px 10px;border-radius:100px;white-space:nowrap;}

/* ── WHY CARDS ──────────────────────────────────────────── */
.isolationstyle-cummins .wc{background:var(--surf);border:1px solid var(--brd);border-radius:14px;padding:28px;transition:border-color .3s;}
.isolationstyle-cummins .wc:hover{border-color:rgba(245,200,0,0.32);}
.isolationstyle-cummins .wc-icon{width:38px;height:38px;border-radius:8px;background:rgba(245,200,0,0.1);display:flex;align-items:center;justify-content:center;margin-bottom:18px;}
.isolationstyle-cummins .wc h4{font-size:15px;font-weight:600;margin-bottom:7px;}
.isolationstyle-cummins .wc p{font-size:13px;color:var(--muted);line-height:1.7;font-weight:300;}

/* ── FORM FIELDS ────────────────────────────────────────── */
.isolationstyle-cummins .form-card{background:var(--surf);border:1px solid var(--brd);border-radius:16px;padding:40px;position:relative;overflow:hidden;}
.isolationstyle-cummins .form-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--y),var(--y2),transparent);}
.isolationstyle-cummins .form-card h3{font-size:24px;font-weight:300;letter-spacing:-0.8px;margin-bottom:4px;}
.isolationstyle-cummins .form-card h3 strong{font-weight:800;}
.isolationstyle-cummins .fc-sub{font-size:13px;color:var(--muted);margin-bottom:22px;font-weight:300;}
.isolationstyle-cummins .ff{margin-bottom:12px;}
.isolationstyle-cummins .ff label{display:block;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin-bottom:6px;}
.isolationstyle-cummins .ff input,
.isolationstyle-cummins .ff select,
.isolationstyle-cummins .ff textarea{width:100%;background:rgba(255,255,255,0.04);border:1px solid var(--brd);border-radius:8px;color:#fff;padding:12px 15px;font-size:14px;font-family:var(--ff);font-weight:300;outline:none;transition:border-color .2s;-webkit-appearance:none;}
.isolationstyle-cummins .ff input::placeholder,
.isolationstyle-cummins .ff textarea::placeholder{color:rgba(255,255,255,0.2);}
.isolationstyle-cummins .ff input:focus,
.isolationstyle-cummins .ff select:focus,
.isolationstyle-cummins .ff textarea:focus{border-color:var(--y);}
.isolationstyle-cummins .ff select option{background:#1c1c1c;}
.isolationstyle-cummins .ff textarea{height:72px;resize:none;}
.isolationstyle-cummins .form-note{font-size:11px;color:rgba(255,255,255,0.25);text-align:center;margin-top:8px;line-height:1.5;font-weight:300;}

/* ── CHECKBOX согласия ──────────────────────────────────── */
.isolationstyle-cummins .consent{display:flex;align-items:flex-start;gap:10px;margin-top:14px;margin-bottom:4px;cursor:pointer;}
.isolationstyle-cummins .consent input[type=checkbox]{
  appearance:none;-webkit-appearance:none;
  width:18px;height:18px;border:1px solid var(--brd);
  border-radius:4px;background:rgba(255,255,255,0.04);
  flex-shrink:0;margin-top:1px;cursor:pointer;
  transition:background .2s,border-color .2s;
  display:flex;align-items:center;justify-content:center;
  position:relative;
}
.isolationstyle-cummins .consent input[type=checkbox]:checked{background:var(--y);border-color:var(--y);}
.isolationstyle-cummins .consent input[type=checkbox]:checked::after{content:'';position:absolute;left:5px;top:2px;width:6px;height:10px;border:2px solid #0A0A0A;border-top:none;border-left:none;transform:rotate(45deg);}
.isolationstyle-cummins .consent-text{font-size:11px;color:var(--muted);line-height:1.6;font-weight:300;}
.isolationstyle-cummins .consent-text a{color:var(--y);text-decoration:underline;text-decoration-color:rgba(245,200,0,0.4);}

/* ── PERKS (список галочек) ─────────────────────────────── */
.isolationstyle-cummins .perks{list-style:none;margin-top:32px;display:flex;flex-direction:column;gap:12px;}
.isolationstyle-cummins .perk{display:flex;align-items:flex-start;gap:12px;font-size:14px;font-weight:300;color:rgba(255,255,255,0.68);line-height:1.5;}
.isolationstyle-cummins .perk-ico{width:22px;height:22px;flex-shrink:0;margin-top:1px;background:rgba(245,200,0,0.12);border-radius:50%;display:flex;align-items:center;justify-content:center;}

/* ── MODAL ──────────────────────────────────────────────── */
/* Разметки модалки на странице сейчас нет — см. ИНТЕГРАЦИЯ-В-БИТРИКС.md */
.isolationstyle-cummins .modal-ov{display:none;position:fixed;inset:0;z-index:300;background:rgba(0,0,0,0.82);backdrop-filter:blur(16px);align-items:center;justify-content:center;padding:20px;}
.isolationstyle-cummins .modal-ov.open{display:flex;}
.isolationstyle-cummins .modal-box{background:var(--dark2);border:1px solid var(--brd);border-radius:18px;max-width:480px;width:100%;overflow:hidden;position:relative;}
.isolationstyle-cummins .modal-box::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--y),var(--y2),transparent);}
.isolationstyle-cummins .modal-in{padding:40px;}
.isolationstyle-cummins .m-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:8px;background:rgba(255,255,255,0.06);border:none;color:var(--muted);display:flex;align-items:center;justify-content:center;font-size:15px;cursor:pointer;}
.isolationstyle-cummins .m-close:hover{color:#fff;background:rgba(255,255,255,0.1);}
.isolationstyle-cummins .m-h{font-size:24px;font-weight:300;letter-spacing:-0.7px;margin-bottom:4px;}
.isolationstyle-cummins .m-h strong{font-weight:800;}
.isolationstyle-cummins .m-sub{font-size:13px;color:var(--muted);margin-bottom:20px;font-weight:300;}
.isolationstyle-cummins .ok-state{display:none;text-align:center;padding:32px 0;}
.isolationstyle-cummins .ok-ico{font-size:48px;margin-bottom:16px;}
.isolationstyle-cummins .ok-state h4{font-size:22px;font-weight:600;margin-bottom:8px;}
.isolationstyle-cummins .ok-state p{font-size:14px;color:var(--muted);line-height:1.6;font-weight:300;}

/* ── EXTRA CARDS ────────────────────────────────────────── */
.isolationstyle-cummins .extra-cards{
  margin-top:32px;
  width:100%;
  display:block;
}
.isolationstyle-cummins .extra-cards-title{
  font-size:13px;font-weight:600;color:var(--muted);
  text-transform:uppercase;letter-spacing:2px;
  margin-bottom:16px;
  padding-left:4px;
}
.isolationstyle-cummins .extra-grid{
  display:grid;grid-template-columns:1fr;gap:16px;
  width:100%;
}
.isolationstyle-cummins .ec{
  background:rgba(255,255,255,0.03);
  border:1px solid var(--brd);
  border-radius:12px;
  padding:22px 24px;
  transition:border-color .3s,transform .2s;
  position:relative;overflow:hidden;
}
.isolationstyle-cummins .ec:hover{border-color:rgba(245,200,0,0.35);transform:translateY(-2px);}
.isolationstyle-cummins .ec-name{
  font-size:14px;font-weight:600;color:#fff;
  line-height:1.35;margin-bottom:16px;
  padding-right:8px;
}
.isolationstyle-cummins .ec-specs{
  display:flex;gap:0;
  border:1px solid var(--brd);border-radius:8px;
  overflow:hidden;margin-bottom:16px;
}
.isolationstyle-cummins .ec-spec{
  flex:1;padding:12px 14px;
  border-right:1px solid var(--brd);
  background:rgba(255,255,255,0.02);
}
.isolationstyle-cummins .ec-spec:last-child{border-right:none;}
.isolationstyle-cummins .ec-spec .ev{
  font-size:14px;font-weight:600;color:#fff;
  line-height:1;
}
.isolationstyle-cummins .ec-spec .ek{
  font-size:9px;color:var(--muted);
  text-transform:uppercase;letter-spacing:1px;
  margin-top:3px;font-weight:400;
}
.isolationstyle-cummins .ec-footer{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  flex-wrap:wrap;
}
.isolationstyle-cummins .ec-price-label{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;}
.isolationstyle-cummins .ec-price{font-size:19px;font-weight:300;letter-spacing:-0.5px;color:#fff;margin-top:2px;}
.isolationstyle-cummins .ec-btn{
  background:rgba(245,200,0,0.08);
  border:1px solid rgba(245,200,0,0.25);
  color:var(--y);
  padding:8px 16px;border-radius:6px;
  font-family:var(--ff);font-size:11px;font-weight:700;
  letter-spacing:1px;text-transform:uppercase;
  cursor:pointer;
  transition:background .2s,border-color .2s;
  white-space:nowrap;
}
.isolationstyle-cummins .ec-btn:hover{background:rgba(245,200,0,0.18);border-color:rgba(245,200,0,0.5);}

/* Бейдж «В наличии» внутри маленьких карточек */
.isolationstyle-cummins .ec .mc-avail{
  position:absolute;
  top:16px;
  right:16px;
  font-size:9px;
  padding:4px 10px;
}
.isolationstyle-cummins .ec .ec-name{
  padding-right:90px; /* место под бейдж */
}