/* VANTRIX v7: targeted, non-destructive fixes; homepage untouched. */

/* 01 Full photograph visible: cover was cutting off the lower workspace image. */
.devices-page .workspace-photo {
  aspect-ratio:16 / 9;
  background:radial-gradient(ellipse at 50% 50%,#254257 0%,#0b1c2c 64%,#06111e 100%);
  position:relative;
  overflow:hidden;
}
.devices-page .workspace-photo > img {
  object-fit:contain !important;
  object-position:center center !important;
  width:100%;height:100%;
}
/* Keep framing/readability without hiding the bottom of the photography. */
.devices-page .workspace-photo .workspace-shade {
  background:linear-gradient(to bottom,transparent 60%,rgba(0,11,24,.58) 100%);
}
.devices-page .workspace-photo-title {left:clamp(20px,5vw,68px);bottom:clamp(18px,3vw,34px);text-shadow:0 3px 16px #03111b;}

/* 02 Comparison columns: explicit, shared grid so values sit directly under selected headers. */
@media (min-width:801px){
  .devices-page .device-comparison .comparison-controls {
    grid-template-columns:26.3% 36.85% 36.85% !important;
    align-items:start;
    gap:0;
    padding-bottom:8px !important;
  }
  .devices-page .device-comparison .comparison-controls > span{align-self:center;}
  .devices-page .device-comparison .comparison-controls > label{padding:0 24px 0 0 !important;}
  .devices-page .device-comparison .device-comparison-table{width:100%;display:block;}
  .devices-page .device-comparison .device-comparison-table thead{display:none;}
  .devices-page .device-comparison .device-comparison-table tbody{display:block;width:100%;}
  .devices-page .device-comparison .device-comparison-table tbody tr {
    width:100%;display:grid;
    grid-template-columns:26.3% minmax(0,36.85%) minmax(0,36.85%);
    align-items:start;
    min-height:0;
    border-bottom:1px solid #1c405729;
  }
  .devices-page .device-comparison .device-comparison-table tbody th,
  .devices-page .device-comparison .device-comparison-table tbody td {
    display:block;width:auto !important;
    box-sizing:border-box;
    padding:17px 24px 17px 0 !important;
    margin:0;
    border:0;
    line-height:1.55;
    min-width:0;
  }
  .devices-page .device-comparison .device-comparison-table tbody th {font-weight:600;}
}
/* Reduce excess distance between control subtitles and first comparison row. */
.devices-page .device-comparison .device-section-top {margin-bottom:27px;}

/* 03 Brand marks are FLOATING LOGOS, not unexplained rectangular buttons.
   PREVIEW ONLY: Brand ownership/partnership approvals still need Raj's decision. */
.devices-page .device-ecosystem .device-width::after{display:none !important;}
.devices-page .device-ecosystem .device-manufacturers {
 display:flex !important;
 flex-wrap:wrap;
 align-items:center;
 justify-content:space-around;
 gap:22px 34px;
 margin:34px 0 27px;
}
.devices-page .device-ecosystem .device-manufacturers span {
 display:flex !important;
 flex:0 1 clamp(130px,14vw,185px);
 align-items:center;
 justify-content:center !important;
 position:relative;
 width:clamp(130px,14vw,185px);
 height:76px;
 min-height:76px !important;
 padding:8px 14px !important;
 border:none !important;
 border-radius:0 !important;
 box-shadow:none !important;
 color:transparent !important;
 font-size:0 !important;
 background:none !important;
 transform:translateY(0);
 animation:vantrixBrandFloat 7.5s ease-in-out infinite !important;
 transition:opacity .25s ease,filter .25s ease !important;
}
.devices-page .device-ecosystem .device-manufacturers span::before {
 content:""; display:block; height:60px; width:100%;
 background-repeat:no-repeat;
 background-position:center;
 background-size:contain;
}
.devices-page .device-ecosystem .device-manufacturers span:nth-child(1)::before{background-image:url('/assets/brand-preview/dell.svg');}
.devices-page .device-ecosystem .device-manufacturers span:nth-child(2)::before{background-image:url('/assets/brand-preview/hp.svg');}
.devices-page .device-ecosystem .device-manufacturers span:nth-child(3)::before{background-image:url('/assets/brand-preview/lenovo.svg');}
.devices-page .device-ecosystem .device-manufacturers span:nth-child(4)::before{background-image:url('/assets/brand-preview/microsoft.svg');}
.devices-page .device-ecosystem .device-manufacturers span:nth-child(5)::before{background-image:url('/assets/brand-preview/apple.svg');}
.devices-page .device-ecosystem .device-manufacturers span:nth-child(6)::before{background-image:url('/assets/brand-preview/samsung.svg');}
.devices-page .device-ecosystem .device-manufacturers span:nth-child(2n){animation-delay:-1.5s !important;}
.devices-page .device-ecosystem .device-manufacturers span:nth-child(3n){animation-delay:-3.7s !important;}
.devices-page .device-ecosystem .device-manufacturers span:hover{filter:drop-shadow(0 5px 16px #46b4e455);}
.devices-page .device-ecosystem .device-manufacturers span i{display:none !important;}
@keyframes vantrixBrandFloat{0%,100%{transform:translateY(1px)}50%{transform:translateY(-11px)}}
.devices-page .device-ecosystem .device-width > p:last-child {margin-top:7px !important;}

/* Keep collection photo natural, remove hard crop, preserve both hero and photo context. */
.devices-page .device-final-photo {
  height:clamp(410px,47vw,620px) !important;
  background:linear-gradient(125deg,#030c17,#112a3e 45%,#030c17);
}
.devices-page .device-final-photo > img {
  object-fit:contain !important;
  object-position:center center !important;
}
.devices-page .device-final-photo > div{background:linear-gradient(to top,#030c17 0%,transparent 38%);}

@media (max-width:800px){
 .devices-page .workspace-photo{aspect-ratio:4/3;}
 .devices-page .workspace-photo > img{object-fit:contain !important;}
 .devices-page .device-final-photo{height:330px !important;}
 .devices-page .device-comparison .device-section-top{margin-bottom:30px;}
 .devices-page .device-ecosystem .device-manufacturers{gap:12px 18px;justify-content:space-around;}
 .devices-page .device-ecosystem .device-manufacturers span{flex:0 1 42%;width:42%;height:67px;min-height:67px !important;}
 .devices-page .device-ecosystem .device-manufacturers span::before{height:54px;}
}
@media (max-width:420px){
 .devices-page .workspace-photo{aspect-ratio:4/3;}
 .devices-page .device-final-photo{height:275px !important;}
 .devices-page .workspace-photo-title{font-size:20px;bottom:13px;left:13px;}
 .devices-page .workspace-photo-title small{font-size:11px;margin-top:5px;}
 .devices-page .device-ecosystem .device-manufacturers span{min-height:56px !important;height:56px;}
 .devices-page .device-ecosystem .device-manufacturers span::before{height:45px;}
}
@media (prefers-reduced-motion:reduce){
 .devices-page .device-ecosystem .device-manufacturers span{animation:none !important;}
}