.transformer-page--oil .tp-section .page-shell { min-height:0; padding-top:0; }
.transformer-page--oil .tp-hero--oil::before { background:linear-gradient(90deg,rgba(3,10,16,.96) 0%,rgba(3,10,16,.76) 44%,rgba(3,10,16,.16) 100%),var(--tp-image) center/cover no-repeat; }
.transformer-page--oil .tp-hero h1 span { color:#d8f3ff; }
.transformer-page--oil .tp-hero__copy>p { max-width:760px; }
.oil-hero-panel span { display:block; color:var(--blue); font-size:10px; font-weight:800; letter-spacing:.14em; }
.oil-metrics { background:rgba(4,14,22,.74); }
.oil-metrics .tp-metrics strong { font-size:clamp(20px,2vw,29px); }
.oil-directions { padding:58px 0 70px; }
.oil-heading { margin-bottom:30px; }
.oil-product-list { display:grid; gap:22px; }
.oil-product { display:grid; grid-template-columns:minmax(340px,.78fr) minmax(0,1.22fr); min-height:530px; overflow:hidden; border:1px solid rgba(70,190,255,.28); border-radius:22px; background:linear-gradient(145deg,rgba(13,34,49,.94),rgba(4,13,21,.98)); box-shadow:0 24px 70px rgba(0,0,0,.26); }
.oil-product--reverse { grid-template-columns:minmax(0,1.22fr) minmax(340px,.78fr); }
.oil-product--reverse .oil-product__media { grid-column:2; }
.oil-product--reverse .oil-product__content { grid-column:1; grid-row:1; }
.oil-product__media { position:relative; min-height:100%; margin:0; overflow:hidden; background:#0a1822; }
.oil-product__media::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 55%,rgba(2,9,14,.46)); pointer-events:none; }
.oil-product__media img { display:block; width:100%; height:100%; object-fit:cover; object-position:center 68%; filter:saturate(.78) contrast(1.02); }
.oil-product__media--delivery img { object-position:center 56%; }
.oil-product__content { display:flex; flex-direction:column; align-items:flex-start; padding:clamp(26px,3vw,42px); }
.oil-product__index { color:var(--blue); font-size:10px; font-weight:800; letter-spacing:.15em; }
.oil-product h2 { max-width:900px; margin:10px 0 14px; font-size:clamp(30px,3.2vw,46px); line-height:1.02; letter-spacing:-.045em; }
.oil-product__lead { margin:0; color:#d4dee6; font-size:17px; line-height:1.5; }
.oil-product__facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); width:100%; margin:24px 0 20px; overflow:hidden; border:1px solid var(--line); border-radius:14px; background:rgba(3,13,21,.58); }
.oil-product__facts div { min-height:76px; padding:14px 16px; border-right:1px solid var(--line); }
.oil-product__facts div:last-child { border-right:0; }
.oil-product__facts b { display:block; color:#fff; font-size:clamp(16px,1.45vw,21px); line-height:1.15; }
.oil-product__facts span { display:block; margin-top:7px; color:#8094a5; font-size:9px; letter-spacing:.1em; text-transform:uppercase; }
.oil-product__content>p:not(.oil-product__lead) { margin:0; color:#9eafbd; font-size:14px; line-height:1.58; }
.oil-product ul { margin:16px 0 24px; padding:0; list-style:none; color:#aebbc6; font-size:14px; line-height:1.5; }
.oil-product li { position:relative; padding:5px 0 5px 19px; }
.oil-product li::before { content:"—"; position:absolute; left:0; color:var(--cyan); }
.oil-product .btn { margin-top:auto; }
.oil-selection { padding:56px 0 62px; }
.oil-selection .tp-feature { min-height:230px; }
.oil-request { padding:46px 0 26px; }

@media(min-width:1101px){
  #tmn { height:clamp(650px,calc(100svh - 118px),760px); min-height:0; }
  #tmn .oil-product__media img { object-position:center bottom; }
}

@media(min-width:901px){
  .transformer-page--oil .tp-hero--oil .tp-hero__inner { grid-template-columns:minmax(0,1.15fr) minmax(300px,.58fr); min-height:calc(100svh - 277px); }
  .transformer-page--oil .tp-hero--oil .tp-hero__copy { align-self:center; }
  .transformer-page--oil .tp-hero--oil .tp-partner { align-self:end; padding:20px; }
}

@media(max-width:1100px){
  .oil-product,.oil-product--reverse { grid-template-columns:minmax(290px,.7fr) minmax(0,1.3fr); }
  .oil-product__content { padding:28px; }
  .oil-product__facts { grid-template-columns:1fr; }
  .oil-product__facts div { min-height:0; border-right:0; border-bottom:1px solid var(--line); }
  .oil-product__facts div:last-child { border-bottom:0; }
}

@media(max-width:900px){
  .transformer-page--oil .tp-hero--oil::before { background:linear-gradient(180deg,rgba(3,10,16,.48),rgba(3,10,16,.92) 70%),var(--tp-image) 67% center/cover no-repeat; }
  .transformer-page--oil .tp-hero--oil .tp-hero__inner { min-height:0; padding-top:0; }
  .oil-product,.oil-product--reverse { grid-template-columns:1fr; min-height:0; }
  .oil-product--reverse .oil-product__media,.oil-product--reverse .oil-product__content { grid-column:auto; grid-row:auto; }
  .oil-product__media { min-height:400px; }
  .oil-product__media img { object-position:center 64%; }
  .oil-product__media--delivery img { object-position:center 50%; }
  .oil-product__facts { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .oil-product__facts div { min-height:76px; border-right:1px solid var(--line); border-bottom:0; }
  .oil-product__facts div:last-child { border-right:0; }
}

@media(max-width:600px){
  .transformer-page--oil .tp-hero h1 { font-size:clamp(38px,12vw,48px); }
  .transformer-page--oil .tp-hero__copy>p { font-size:14px; line-height:1.5; }
  .oil-directions { padding:42px 0 50px; }
  .oil-product__media { min-height:310px; }
  .oil-product__content { padding:22px 18px 24px; }
  .oil-product h2 { font-size:30px; }
  .oil-product__lead { font-size:15px; }
  .oil-product__facts { grid-template-columns:1fr; }
  .oil-product__facts div { min-height:0; border-right:0; border-bottom:1px solid var(--line); }
  .oil-product__facts div:last-child { border-bottom:0; }
  .oil-product .btn { width:100%; }
  .oil-selection { padding:44px 0 48px; }
}