/* VitaGen 25 — four focal points, isolated from legacy photo rules.
   Compact circular images in a dedicated header, never overlapping copy. */
.focus-section .focus-grid-enhanced {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:stretch;
  gap:clamp(18px,2.4vw,28px);
}
.focus-section .focus-grid-enhanced .focus-tile {
  position:relative;
  min-width:0;
  display:flex;
  height:100%;
  overflow:hidden;
  isolation:isolate;
  border-radius:24px;
  box-shadow:0 18px 48px rgba(5,44,51,.06);
  transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s cubic-bezier(.22,1,.36,1);
}
.focus-section .focus-grid-enhanced .focus-tile:hover {
  transform:translateY(-5px);
  box-shadow:0 28px 65px rgba(5,44,51,.11);
}
.focus-section .focus-grid-enhanced .focus-tile > .focus-click {
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  min-height:440px!important;
  box-sizing:border-box;
  padding:clamp(24px,2.6vw,36px)!important;
  gap:0!important;
  text-align:left!important;
  isolation:auto;
}
.focus-section .focus-grid-enhanced .focus-card-header {
  display:flex!important;
  flex:0 0 auto!important;
  width:100%!important;
  min-width:0!important;
  height:104px!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:22px!important;
  margin:0 0 20px!important;
  padding:0!important;
  position:relative!important;
  text-align:left!important;
}
.focus-section .focus-grid-enhanced .focus-card-line{
  display:block;
  align-self:center;
  flex:1 1 auto;
  width:auto;
  max-width:156px;
  height:1px;
  margin-top:-6px;
  background:linear-gradient(90deg,rgba(166,140,99,.60),rgba(166,140,99,.06));
}
.focus-section .focus-grid-enhanced .focus-photo-small{
  display:block!important;
  position:relative!important;
  z-index:1;
  inset:auto!important;
  flex:0 0 104px!important;
  box-sizing:border-box;
  width:104px!important;
  height:104px!important;
  padding:0!important;
  margin:0!important;
  border-radius:50%!important;
  overflow:hidden!important;
  background-color:#dfece9;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  border:3px solid rgba(255,255,255,.85);
  box-shadow:0 10px 22px rgba(12,55,60,.10),0 0 0 1px rgba(31,82,82,.10);
  transition:transform .8s cubic-bezier(.22,1,.36,1);
}
.focus-section .focus-grid-enhanced .focus-tile:hover .focus-photo-small{transform:scale(1.045)}
.focus-section .focus-grid-enhanced .focus-photo-shape{background-image:url('images/shape-sensor.webp');background-position:49% 52%}
.focus-section .focus-grid-enhanced .focus-photo-nutrition{background-image:url('images/lifestyle-sensor.webp');background-position:52% 48%}
.focus-section .focus-grid-enhanced .focus-photo-performance{background-image:url('images/orientation.webp');background-position:50% 50%}
.focus-section .focus-grid-enhanced .focus-photo-supplements{background-image:url('images/hero-lifestyle.webp');background-position:46% 48%}
.focus-section .focus-grid-enhanced .focus-tile--supplements .focus-photo-small{
  border-color:rgba(206,231,227,.75);
  box-shadow:0 10px 28px rgba(1,21,26,.24),0 0 0 1px rgba(238,246,243,.18);
}
.focus-section .focus-grid-enhanced .focus-tile .focus-card-copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0;
  position:relative;
  z-index:2;
  text-align:left!important;
  margin:0!important;
  padding:0!important;
}
.focus-section .focus-grid-enhanced .focus-tile .focus-card-copy h3{
  width:100%!important;
  max-width:100%!important;
  margin:0 0 18px!important;
  font-family:var(--display,'Urbanist',sans-serif)!important;
  font-size:clamp(26px,2.05vw,32px)!important;
  font-weight:400!important;
  letter-spacing:-.008em!important;
  line-height:1.24!important;
  text-align:left!important;
  text-wrap:pretty;
}
.focus-section .focus-grid-enhanced .focus-tile .focus-desc{
  width:100%!important;
  max-width:100%!important;
  margin:0 0 24px!important;
  font-size:14px!important;
  line-height:1.72!important;
  color:#647a7e;
  text-align:left!important;
}
.focus-section .focus-grid-enhanced .focus-tile--supplements .focus-desc{color:rgba(234,247,245,.75)!important}
.focus-section .focus-grid-enhanced .focus-tile .focus-tile-foot {
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  width:100%!important;
  max-width:100%!important;
  margin:auto 0 0!important;
  padding:18px 0 0!important;
  text-align:left!important;
  border-top:1px solid rgba(19,71,76,.13);
}
.focus-section .focus-grid-enhanced .focus-tile--supplements .focus-tile-foot{border-top-color:rgba(240,252,250,.17)}
.focus-section .focus-grid-enhanced .focus-tile .focus-products {
  color:#a5805e;
  letter-spacing:.025em;
  text-align:left!important;
}
.focus-section .focus-grid-enhanced .focus-tile--supplements .focus-products{color:rgba(236,245,241,.71)}
.focus-section .focus-grid-enhanced .focus-tile .focus-tile-action{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:left!important;
}
@media(max-width:980px){
  .focus-section .focus-grid-enhanced .focus-tile > .focus-click{min-height:460px!important;padding:26px!important}
  .focus-section .focus-grid-enhanced .focus-card-header{height:90px!important;margin-bottom:18px!important}
  .focus-section .focus-grid-enhanced .focus-photo-small{width:90px!important;height:90px!important;flex-basis:90px!important}
  .focus-section .focus-grid-enhanced .focus-tile .focus-card-copy h3{font-size:clamp(23px,2.9vw,29px)!important}
}
@media(max-width:760px){
  .focus-section .focus-grid-enhanced{grid-template-columns:1fr;gap:16px}
  .focus-section .focus-grid-enhanced .focus-tile > .focus-click{min-height:0!important;padding:24px!important}
  .focus-section .focus-grid-enhanced .focus-card-header{height:80px!important;margin-bottom:14px!important}
  .focus-section .focus-grid-enhanced .focus-photo-small{width:80px!important;height:80px!important;flex-basis:80px!important}
  .focus-section .focus-grid-enhanced .focus-tile .focus-card-copy h3{font-size:clamp(25px,6vw,30px)!important;margin-bottom:14px!important}
  .focus-section .focus-grid-enhanced .focus-tile .focus-desc{font-size:13.8px!important}
}
@media(max-width:360px){
  .focus-section .focus-grid-enhanced .focus-tile > .focus-click{padding:20px!important}
  .focus-section .focus-grid-enhanced .focus-card-header{height:70px!important}
  .focus-section .focus-grid-enhanced .focus-photo-small{width:70px!important;height:70px!important;flex-basis:70px!important}
  .focus-section .focus-grid-enhanced .focus-tile .focus-card-copy h3{font-size:24px!important}
}
@media(prefers-reduced-motion:reduce){
  .focus-section .focus-grid-enhanced .focus-tile,
  .focus-section .focus-grid-enhanced .focus-photo-small{transition:none!important;transform:none!important}
}