/* Olaytech product detail fused redesign
   Scope: product-managed.html only. This file is loaded after existing CSS. */
:root{
  --olay-navy:#061731;
  --olay-deep:#073655;
  --olay-teal:#087f93;
  --olay-teal2:#0d91a6;
  --olay-line:#d5e9f3;
  --olay-soft:#f4f9fd;
  --olay-muted:#52647c;
  --olay-white:#fff;
  --olay-shadow:0 22px 60px rgba(7,54,85,.09);
}
body.olay-product-detail-page{
  margin:0!important;
  background:linear-gradient(180deg,#f5fbff 0%,#ffffff 58%,#f3f9fd 100%)!important;
  color:var(--olay-navy)!important;
  overflow-x:hidden!important;
}
body.olay-product-detail-page main,
body.olay-product-detail-page .managed-detail-shell{
  background:transparent!important;
  padding:0!important;
}
body.olay-product-detail-page .container{
  max-width:1240px;
  margin-left:auto;
  margin-right:auto;
  box-sizing:border-box;
}
/* breadcrumb */
.fused-breadcrumb{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:22px 28px 16px!important;
  font-size:14px!important;
  color:#688197!important;
}
.fused-breadcrumb a{
  color:#436d83!important;
  text-decoration:none!important;
  font-weight:700!important;
}
.fused-breadcrumb a:hover{color:var(--olay-teal)!important;}
.fused-breadcrumb strong{color:var(--olay-teal)!important;font-weight:800!important;}
/* unified hero card */
.fused-product-shell{
  display:grid!important;
  grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr)!important;
  gap:36px!important;
  align-items:stretch!important;
  padding:26px!important;
  border:1px solid var(--olay-line)!important;
  border-radius:28px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(247,252,255,.95))!important;
  box-shadow:var(--olay-shadow)!important;
  position:relative!important;
  overflow:hidden!important;
}
.fused-product-shell:before{
  content:"";
  position:absolute;
  inset:-160px auto auto -120px;
  width:340px;height:340px;
  background:radial-gradient(circle,rgba(13,145,166,.13),rgba(13,145,166,0) 68%);
  pointer-events:none;
}
.fused-product-media,
.fused-product-summary{
  position:relative!important;
  z-index:1!important;
}
.fused-product-media{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:16px!important;
}
.fused-main-image{
  height:clamp(360px,36vw,520px)!important;
  border:1px solid var(--olay-line)!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,#eef7fc,#ffffff)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85)!important;
}
.fused-main-image img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
  padding:22px!important;
  box-sizing:border-box!important;
}
.fused-zoom{
  position:absolute!important;
  right:14px!important;
  top:14px!important;
  z-index:3!important;
  width:44px!important;
  height:44px!important;
  border:1px solid rgba(7,54,85,.12)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.86)!important;
  backdrop-filter:blur(10px)!important;
  color:var(--olay-deep)!important;
  font-size:24px!important;
  line-height:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  cursor:pointer!important;
  box-shadow:0 12px 26px rgba(7,54,85,.1)!important;
}
.fused-thumbs-wrap{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) 34px!important;
  align-items:center!important;
  gap:10px!important;
}
.fused-thumb-arrow{
  width:34px!important;height:54px!important;
  border:0!important;background:transparent!important;
  color:var(--olay-deep)!important;
  font-size:34px!important;cursor:pointer!important;
}
.fused-thumbs{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
}
.fused-thumbs button{
  height:94px!important;
  padding:6px!important;
  border:1px solid var(--olay-line)!important;
  border-radius:12px!important;
  background:#f8fcff!important;
  cursor:pointer!important;
  overflow:hidden!important;
  transition:.18s ease!important;
}
.fused-thumbs button.active,
.fused-thumbs button:hover{
  border-color:#0a4364!important;
  box-shadow:0 10px 22px rgba(7,54,85,.11)!important;
}
.fused-thumbs img{
  width:100%!important;height:100%!important;object-fit:contain!important;display:block!important;
  border-radius:8px!important;
}
.fused-product-summary{
  padding:10px 4px 0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-width:0!important;
}
.fused-kicker{
  margin:0 0 12px!important;
  color:var(--olay-teal)!important;
  font-size:15px!important;
  font-weight:950!important;
  letter-spacing:.32em!important;
  text-transform:uppercase!important;
}
.fused-product-summary h1{
  margin:0!important;
  font-family:Georgia,'Times New Roman',serif!important;
  color:var(--olay-navy)!important;
  font-size:clamp(42px,4.6vw,72px)!important;
  line-height:1.04!important;
  letter-spacing:-.045em!important;
  max-width:640px!important;
}
.fused-subtitle{
  margin:18px 0 0!important;
  color:#41556d!important;
  font-size:18px!important;
  line-height:1.55!important;
  font-weight:650!important;
}
.fused-pills{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:12px!important;
  margin:22px 0 24px!important;
}
.fused-pill{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:38px!important;
  padding:8px 14px!important;
  border:1px solid var(--olay-line)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.78)!important;
  color:#35536d!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:850!important;
  box-shadow:0 8px 16px rgba(7,54,85,.04)!important;
}
.fused-pill span{color:var(--olay-teal)!important;font-weight:950!important;}
.fused-summary-text{
  color:#51637a!important;
  font-size:16.5px!important;
  line-height:1.78!important;
  max-width:620px!important;
  margin:0 0 24px!important;
}
.fused-cta-row{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:16px!important;
  align-items:center!important;
  margin:0 0 30px!important;
}
.fused-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  min-height:54px!important;
  min-width:210px!important;
  padding:14px 24px!important;
  border-radius:18px!important;
  text-decoration:none!important;
  font-size:16px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.01em!important;
  transition:.2s ease!important;
}
.fused-btn-primary{
  color:#fff!important;
  background:linear-gradient(135deg,var(--olay-teal),#06667d)!important;
  box-shadow:0 14px 28px rgba(8,127,147,.22)!important;
  border:1px solid rgba(255,255,255,.18)!important;
}
.fused-btn-outline{
  color:var(--olay-navy)!important;
  background:#fff!important;
  border:1px solid #0e3d5e!important;
}
.fused-btn:hover{transform:translateY(-2px)!important;}
.fused-service-row{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  border-top:1px solid #e4f1f7!important;
  padding-top:24px!important;
}
.fused-benefit{
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
  min-width:0!important;
}
.fused-benefit>span{
  flex:0 0 34px!important;
  width:34px!important;height:34px!important;
  border-radius:999px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  background:#eaf7fb!important;
  color:var(--olay-teal)!important;
  border:1px solid var(--olay-line)!important;
  font-weight:950!important;
}
.fused-benefit strong{
  display:block!important;
  color:var(--olay-navy)!important;
  font-size:12.5px!important;
  line-height:1.25!important;
  font-weight:950!important;
}
.fused-benefit p{
  margin:2px 0 0!important;
  color:#63758a!important;
  font-size:11px!important;
  line-height:1.28!important;
}
/* shared sections */
.fused-overview-section,
.fused-photo-section,
.fused-support-strip{
  margin-top:22px!important;
  padding:26px!important;
  border:1px solid var(--olay-line)!important;
  border-radius:26px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:var(--olay-shadow)!important;
}
.fused-section-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:24px!important;
  margin-bottom:22px!important;
}
.fused-section-head h2{
  margin:0 0 8px!important;
  font-family:Georgia,'Times New Roman',serif!important;
  color:var(--olay-navy)!important;
  font-size:clamp(28px,3vw,38px)!important;
  line-height:1.1!important;
  letter-spacing:-.03em!important;
}
.fused-section-head p{
  margin:0!important;
  color:#53657c!important;
  font-size:15.5px!important;
  line-height:1.65!important;
  max-width:860px!important;
}
.fused-overview-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
}
.fused-overview-card{
  display:flex!important;
  align-items:center!important;
  gap:16px!important;
  min-height:126px!important;
  padding:18px!important;
  border:1px solid var(--olay-line)!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#f7fcff,#ffffff)!important;
}
.fused-overview-icon{
  flex:0 0 58px!important;
  width:58px!important;height:58px!important;
  border-radius:999px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  background:#e8f6fb!important;
  color:var(--olay-teal)!important;
  border:1px solid var(--olay-line)!important;
  font-size:24px!important;
  font-weight:950!important;
}
.fused-overview-card h3{
  margin:0 0 6px!important;
  color:var(--olay-navy)!important;
  font-size:17px!important;
  line-height:1.25!important;
  font-weight:950!important;
}
.fused-overview-card p{
  margin:0!important;
  color:#53657c!important;
  font-size:14px!important;
  line-height:1.55!important;
}
/* detail photos */
.fused-photo-head a{
  color:var(--olay-teal)!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  font-weight:900!important;
}
.fused-photo-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
}
.fused-detail-photo{
  display:block!important;
  width:100%!important;
  aspect-ratio:1.32/1!important;
  border:0!important;
  border-radius:16px!important;
  background:#f3f9fd!important;
  overflow:hidden!important;
  cursor:zoom-in!important;
  padding:0!important;
  box-shadow:0 12px 24px rgba(7,54,85,.06)!important;
}
.fused-detail-photo img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  transition:transform .24s ease!important;
}
.fused-detail-photo:hover img{transform:scale(1.035)!important;}
/* support strip */
.fused-support-strip{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  margin-bottom:34px!important;
  background:linear-gradient(135deg,#ffffff,#f3fbff)!important;
}
.fused-support-strip .fused-benefit{
  padding:12px 10px!important;
  border-right:1px solid #e3f0f6!important;
}
.fused-support-strip .fused-benefit:last-child{border-right:0!important;}
.fused-support-strip .fused-benefit strong{font-size:14px!important;}
.fused-support-strip .fused-benefit p{font-size:12.5px!important;line-height:1.55!important;}
/* styled footer safeguard */
body.olay-product-detail-page .site-footer{
  background:linear-gradient(135deg,#06203d,#03162b)!important;
  color:#d7e8f2!important;
  padding:52px 0 24px!important;
  margin-top:16px!important;
}
body.olay-product-detail-page .site-footer a{color:#d7e8f2!important;text-decoration:none!important;display:block!important;margin:8px 0!important;}
body.olay-product-detail-page .site-footer h4{color:#fff!important;margin:0 0 14px!important;font-weight:950!important;}
body.olay-product-detail-page .site-footer p{color:#bdd3df!important;line-height:1.7!important;margin:0 0 12px!important;}
body.olay-product-detail-page .footer-grid{display:grid!important;grid-template-columns:1.4fr 1fr 1fr 1.25fr!important;gap:42px!important;}
body.olay-product-detail-page .footer-logo img{max-width:132px!important;height:auto!important;display:block!important;margin-bottom:14px!important;}
body.olay-product-detail-page .footer-bottom{border-top:1px solid rgba(255,255,255,.14)!important;margin-top:34px!important;padding-top:18px!important;display:flex!important;justify-content:space-between!important;color:#a8bfca!important;font-size:13px!important;}
body.olay-product-detail-page .site-footer .btn.light{display:inline-flex!important;width:auto!important;background:#fff!important;color:#06203d!important;border-radius:14px!important;padding:11px 18px!important;font-weight:900!important;}
/* lightbox */
.fused-lightbox{
  position:fixed!important;
  inset:0!important;
  z-index:99999!important;
  background:rgba(2,13,28,.88)!important;
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  padding:30px!important;
}
.fused-lightbox[aria-hidden="false"]{display:flex!important;}
.fused-lightbox img{
  max-width:min(95vw,1380px)!important;
  max-height:90vh!important;
  object-fit:contain!important;
  background:#fff!important;
  border-radius:20px!important;
  box-shadow:0 30px 90px rgba(0,0,0,.38)!important;
}
.fused-lightbox-close{
  position:absolute!important;
  top:22px!important;
  right:24px!important;
  width:48px!important;height:48px!important;
  border:1px solid rgba(255,255,255,.28)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.12)!important;
  color:#fff!important;
  font-size:34px!important;
  line-height:1!important;
  cursor:pointer!important;
}
body.fused-lightbox-open{overflow:hidden!important;}
/* remove old detail sections if cached styles try to show */
body.olay-product-detail-page .managed-detail-v2,
body.olay-product-detail-page .managed-detail-extra,
body.olay-product-detail-page .managed-large-gallery-section{display:none!important;}
/* responsive */
@media(max-width:1180px){
  .fused-product-shell{grid-template-columns:1fr!important;gap:24px!important;width:min(920px,calc(100vw - 36px))!important;}
  .fused-main-image{height:clamp(360px,60vw,560px)!important;}
  .fused-product-summary{padding:0!important;}
  .fused-service-row{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  .fused-overview-section,.fused-photo-section,.fused-support-strip{width:min(920px,calc(100vw - 36px))!important;}
}
@media(max-width:900px){
  .fused-breadcrumb{padding-left:18px!important;padding-right:18px!important;overflow-x:auto!important;white-space:nowrap!important;}
  .fused-overview-grid,.fused-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .fused-support-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .fused-support-strip .fused-benefit{border-right:0!important;}
  body.olay-product-detail-page .footer-grid{grid-template-columns:1fr 1fr!important;}
}
@media(max-width:680px){
  .fused-product-shell,.fused-overview-section,.fused-photo-section,.fused-support-strip{width:calc(100vw - 26px)!important;padding:16px!important;border-radius:22px!important;}
  .fused-main-image{height:330px!important;border-radius:18px!important;}
  .fused-main-image img{padding:12px!important;}
  .fused-thumbs-wrap{grid-template-columns:1fr!important;}
  .fused-thumb-arrow{display:none!important;}
  .fused-thumbs{grid-template-columns:repeat(4,80px)!important;overflow-x:auto!important;}
  .fused-thumbs button{height:74px!important;}
  .fused-product-summary h1{font-size:38px!important;}
  .fused-service-row,.fused-overview-grid,.fused-photo-grid,.fused-support-strip{grid-template-columns:1fr!important;}
  .fused-section-head{display:block!important;}
  .fused-photo-head a{display:inline-block!important;margin-top:12px!important;}
  .fused-btn{width:100%!important;min-width:0!important;}
  body.olay-product-detail-page .footer-grid{grid-template-columns:1fr!important;gap:28px!important;}
  body.olay-product-detail-page .footer-bottom{display:block!important;}
}

/* === Specification section optimization: remove blank left area === */
.fused-spec-section{
  margin-top:22px!important;
  padding:0!important;
  border:1px solid var(--olay-line)!important;
  border-radius:26px!important;
  background:#fff!important;
  box-shadow:var(--olay-shadow)!important;
  display:grid!important;
  grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important;
  gap:0!important;
  overflow:hidden!important;
}
.fused-spec-intro{
  padding:34px!important;
  background:linear-gradient(135deg,#f7fcff 0%,#ffffff 54%,#eef8fc 100%)!important;
  border-right:1px solid #e2f0f7!important;
  position:relative!important;
  min-width:0!important;
}
.fused-spec-intro:before{
  content:"";
  position:absolute;
  width:220px;
  height:220px;
  right:-70px;
  bottom:-90px;
  background:radial-gradient(circle,rgba(8,127,147,.12),rgba(8,127,147,0) 68%);
  pointer-events:none;
}
.fused-mini-kicker{
  margin:0 0 12px!important;
  color:var(--olay-teal)!important;
  font-size:13px!important;
  line-height:1.3!important;
  letter-spacing:.28em!important;
  text-transform:uppercase!important;
  font-weight:950!important;
}
.fused-spec-intro h2{
  margin:0 0 14px!important;
  font-family:Georgia,'Times New Roman',serif!important;
  color:var(--olay-navy)!important;
  font-size:clamp(30px,3vw,42px)!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
  max-width:520px!important;
}
.fused-spec-intro p{
  margin:0!important;
  color:#53657c!important;
  font-size:16px!important;
  line-height:1.75!important;
  max-width:600px!important;
}
.fused-spec-list{
  margin:22px 0 0!important;
  padding:0!important;
  list-style:none!important;
  display:grid!important;
  gap:12px!important;
}
.fused-spec-list li{
  position:relative!important;
  padding-left:30px!important;
  color:#40556d!important;
  font-size:15px!important;
  line-height:1.55!important;
  font-weight:700!important;
}
.fused-spec-list li:before{
  content:"✓";
  position:absolute;
  left:0;
  top:0;
  width:20px;
  height:20px;
  border-radius:999px;
  background:#e8f7fb;
  border:1px solid var(--olay-line);
  color:var(--olay-teal);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  font-weight:950;
}
.fused-spec-cta{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:12px!important;
  margin-top:26px!important;
}
.fused-spec-cta a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:46px!important;
  padding:12px 18px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,var(--olay-teal),#06667d)!important;
  color:#fff!important;
  text-decoration:none!important;
  font-weight:950!important;
  font-size:14px!important;
  box-shadow:0 12px 24px rgba(8,127,147,.18)!important;
}
.fused-spec-cta a.secondary{
  background:#fff!important;
  color:var(--olay-navy)!important;
  border:1px solid #bbd9e8!important;
  box-shadow:none!important;
}
.fused-spec-table-card{
  padding:30px!important;
  background:#fff!important;
  min-width:0!important;
}
.fused-spec-table-card h3{
  margin:0 0 18px!important;
  color:var(--olay-navy)!important;
  font-size:26px!important;
  line-height:1.2!important;
  font-weight:950!important;
  letter-spacing:-.02em!important;
}
.fused-spec-table{
  width:100%!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  border:1px solid #d9ebf4!important;
  border-radius:20px!important;
  overflow:hidden!important;
  table-layout:fixed!important;
  background:#fff!important;
}
.fused-spec-table th,
.fused-spec-table td{
  border:0!important;
  border-bottom:1px solid #e8f3f8!important;
  padding:16px 18px!important;
  text-align:left!important;
  vertical-align:top!important;
  font-size:15px!important;
  line-height:1.55!important;
  word-break:break-word!important;
}
.fused-spec-table tr:last-child th,
.fused-spec-table tr:last-child td{border-bottom:0!important;}
.fused-spec-table th{
  width:34%!important;
  color:#36536d!important;
  background:#f3faff!important;
  font-weight:950!important;
}
.fused-spec-table td{
  color:#061731!important;
  font-weight:750!important;
  background:#fff!important;
}

@media(max-width:980px){
  .fused-spec-section{grid-template-columns:1fr!important;}
  .fused-spec-intro{border-right:0!important;border-bottom:1px solid #e2f0f7!important;}
}
@media(max-width:680px){
  .fused-spec-section{width:calc(100vw - 26px)!important;border-radius:22px!important;}
  .fused-spec-intro,.fused-spec-table-card{padding:18px!important;}
  .fused-spec-table th,.fused-spec-table td{display:block!important;width:100%!important;box-sizing:border-box!important;padding:12px 14px!important;}
  .fused-spec-table th{border-bottom:0!important;padding-bottom:4px!important;}
  .fused-spec-table td{padding-top:4px!important;}
}

/* ==========================================================
   FINAL TRUE NAVIGATION LOCK - O'Lay
   Purpose: remove active-state size changes and page-to-page jump.
   Safe scope: header/topbar/navigation only.
   ========================================================== */
:root{
  --olay-final-header-h:82px;
  --olay-final-nav-item-h:46px;
  --olay-final-navy:#061a38;
  --olay-final-teal:#087b91;
  --olay-final-line:#d7eaf4;
}

/* Make every page use the same top vertical structure. Some old pages had a topbar and some did not. */
.topbar,
.v7-topbar,
.initi-topbar,
.olay-topbar{
  display:none!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  overflow:hidden!important;
}

/* Header shell: fixed height on all pages */
.site-header,
.initi-header,
#site-header,
.olay-site-header{
  position:sticky!important;
  top:0!important;
  z-index:1000!important;
  height:var(--olay-final-header-h)!important;
  min-height:var(--olay-final-header-h)!important;
  max-height:var(--olay-final-header-h)!important;
  padding:0!important;
  margin:0!important;
  background:rgba(255,255,255,.97)!important;
  border-bottom:1px solid var(--olay-final-line)!important;
  box-shadow:0 10px 30px rgba(6,26,56,.05)!important;
  backdrop-filter:blur(14px)!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}

.site-header .header-inner,
.initi-header .header-inner,
#site-header .header-inner,
.site-header > .container,
.initi-header > .container{
  height:var(--olay-final-header-h)!important;
  min-height:var(--olay-final-header-h)!important;
  max-height:var(--olay-final-header-h)!important;
  padding-top:0!important;
  padding-bottom:0!important;
  margin-top:0!important;
  margin-bottom:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:24px!important;
  box-sizing:border-box!important;
}

/* Logo: reserve the same space on every page */
.site-header .logo,
.initi-header .logo,
.site-header .logo-image,
.initi-header .logo-image{
  flex:0 0 136px!important;
  width:136px!important;
  min-width:136px!important;
  max-width:136px!important;
  height:58px!important;
  min-height:58px!important;
  max-height:58px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  overflow:visible!important;
  text-decoration:none!important;
}
.site-header .logo img,
.initi-header .logo img,
.site-header .logo-image img,
.initi-header .logo-image img{
  width:auto!important;
  max-width:132px!important;
  height:auto!important;
  max-height:54px!important;
  display:block!important;
  object-fit:contain!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  filter:none!important;
}

/* Main navigation layout */
.site-header .main-nav,
.initi-header .main-nav,
#site-header .main-nav{
  flex:1 1 auto!important;
  height:var(--olay-final-header-h)!important;
  min-height:var(--olay-final-header-h)!important;
  max-height:var(--olay-final-header-h)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  overflow:visible!important;
  box-sizing:border-box!important;
  line-height:1!important;
}
.site-header .nav-dropdown,
.initi-header .nav-dropdown,
#site-header .nav-dropdown{
  position:relative!important;
  height:var(--olay-final-header-h)!important;
  min-height:var(--olay-final-header-h)!important;
  max-height:var(--olay-final-header-h)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}

/* Each top-level menu item: same height, same font, active state must not change size */
.site-header .main-nav > a,
.site-header .nav-dropdown > a,
.initi-header .main-nav > a,
.initi-header .nav-dropdown > a,
#site-header .main-nav > a,
#site-header .nav-dropdown > a{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:var(--olay-final-nav-item-h)!important;
  min-height:var(--olay-final-nav-item-h)!important;
  max-height:var(--olay-final-nav-item-h)!important;
  padding:0 14px!important;
  margin:0!important;
  border:1px solid transparent!important;
  border-radius:999px!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--olay-final-navy)!important;
  font-family:Inter,Manrope,Arial,sans-serif!important;
  font-size:16px!important;
  font-weight:800!important;
  letter-spacing:0!important;
  line-height:1!important;
  text-decoration:none!important;
  text-transform:none!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
  transform:none!important;
  vertical-align:middle!important;
}

/* Active and hover: color only, no bubble, no underline, no height change */
.site-header .main-nav > a:hover,
.site-header .nav-dropdown:hover > a,
.site-header .main-nav > a.active,
.site-header .nav-dropdown > a.active,
.initi-header .main-nav > a:hover,
.initi-header .nav-dropdown:hover > a,
.initi-header .main-nav > a.active,
.initi-header .nav-dropdown > a.active,
#site-header .main-nav > a:hover,
#site-header .nav-dropdown:hover > a,
#site-header .main-nav > a.active,
#site-header .nav-dropdown > a.active{
  height:var(--olay-final-nav-item-h)!important;
  min-height:var(--olay-final-nav-item-h)!important;
  max-height:var(--olay-final-nav-item-h)!important;
  padding:0 14px!important;
  color:var(--olay-final-teal)!important;
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
  font-size:16px!important;
  font-weight:800!important;
  line-height:1!important;
  transform:none!important;
}

/* Remove all old underline pseudo-elements from simple links */
.site-header .main-nav > a::after,
.initi-header .main-nav > a::after,
#site-header .main-nav > a::after{
  content:none!important;
  display:none!important;
  width:0!important;
  height:0!important;
  background:transparent!important;
  border:0!important;
}

/* Dropdown arrow: standardized. This also overwrites old active underline rules. */
.site-header .nav-dropdown > a::after,
.initi-header .nav-dropdown > a::after,
#site-header .nav-dropdown > a::after,
.site-header .nav-dropdown > a.active::after,
.initi-header .nav-dropdown > a.active::after,
#site-header .nav-dropdown > a.active::after{
  content:""!important;
  display:inline-block!important;
  position:static!important;
  flex:0 0 auto!important;
  width:8px!important;
  height:8px!important;
  margin-left:10px!important;
  margin-right:0!important;
  background:transparent!important;
  border:0!important;
  border-right:2px solid currentColor!important;
  border-bottom:2px solid currentColor!important;
  border-radius:0!important;
  transform:rotate(45deg) translateY(-2px)!important;
  opacity:.75!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  box-shadow:none!important;
}

/* CTA fixed size */
.site-header .header-cta,
.initi-header .header-cta,
#site-header .header-cta{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:46px!important;
  min-height:46px!important;
  max-height:46px!important;
  min-width:132px!important;
  padding:0 22px!important;
  margin:0!important;
  border:0!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#087b91,#0aa0b5)!important;
  color:#fff!important;
  font-family:Inter,Manrope,Arial,sans-serif!important;
  font-size:16px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
  transform:none!important;
}

/* Dropdown panels still work */
.site-header .dropdown-panel,
.initi-header .dropdown-panel,
#site-header .dropdown-panel{
  position:absolute!important;
  top:calc(100% - 6px)!important;
  left:50%!important;
  transform:translateX(-50%) translateY(10px)!important;
  min-width:230px!important;
  width:max-content!important;
  max-width:340px!important;
  display:grid!important;
  gap:4px!important;
  padding:12px!important;
  margin:0!important;
  background:#fff!important;
  border:1px solid var(--olay-final-line)!important;
  border-radius:18px!important;
  box-shadow:0 22px 60px rgba(8,38,64,.14)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  z-index:9999!important;
  overflow:visible!important;
}
.site-header .nav-dropdown:hover .dropdown-panel,
.site-header .nav-dropdown:focus-within .dropdown-panel,
.initi-header .nav-dropdown:hover .dropdown-panel,
.initi-header .nav-dropdown:focus-within .dropdown-panel,
#site-header .nav-dropdown:hover .dropdown-panel,
#site-header .nav-dropdown:focus-within .dropdown-panel{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateX(-50%) translateY(0)!important;
}
.site-header .dropdown-panel a,
.initi-header .dropdown-panel a,
#site-header .dropdown-panel a{
  display:flex!important;
  align-items:center!important;
  min-height:38px!important;
  padding:0 13px!important;
  border-radius:12px!important;
  color:#20324b!important;
  background:transparent!important;
  border:0!important;
  font-family:Inter,Manrope,Arial,sans-serif!important;
  font-size:14px!important;
  font-weight:650!important;
  line-height:1.2!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}
.site-header .dropdown-panel a:hover,
.initi-header .dropdown-panel a:hover,
#site-header .dropdown-panel a:hover{
  background:#eef9fd!important;
  color:var(--olay-final-teal)!important;
}

/* Desktop spacing safety */
@media(max-width:1200px){
  .site-header .header-inner,
  .initi-header .header-inner,
  #site-header .header-inner{gap:16px!important;}
  .site-header .main-nav,
  .initi-header .main-nav,
  #site-header .main-nav{gap:4px!important;}
  .site-header .main-nav > a,
  .site-header .nav-dropdown > a,
  .initi-header .main-nav > a,
  .initi-header .nav-dropdown > a,
  #site-header .main-nav > a,
  #site-header .nav-dropdown > a{font-size:14px!important;padding:0 10px!important;}
  .site-header .main-nav > a:hover,
  .site-header .nav-dropdown:hover > a,
  .site-header .main-nav > a.active,
  .site-header .nav-dropdown > a.active{font-size:14px!important;padding:0 10px!important;}
  .site-header .header-cta,
  .initi-header .header-cta,
  #site-header .header-cta{min-width:112px!important;padding:0 16px!important;font-size:14px!important;}
}

/* Mobile menu */
.nav-toggle,
.site-header .nav-toggle,
.initi-header .nav-toggle,
#site-header .nav-toggle{
  display:none!important;
  width:44px!important;
  height:44px!important;
  border-radius:12px!important;
  border:1px solid var(--olay-final-line)!important;
  background:#fff!important;
  color:var(--olay-final-navy)!important;
  font-size:22px!important;
  padding:0!important;
  margin:0!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
}
@media(max-width:900px){
  :root{--olay-final-header-h:72px;--olay-final-nav-item-h:42px;}
  .nav-toggle,
  .site-header .nav-toggle,
  .initi-header .nav-toggle,
  #site-header .nav-toggle{display:inline-flex!important;}
  .site-header .main-nav,
  .initi-header .main-nav,
  #site-header .main-nav{
    position:absolute!important;
    top:calc(100% + 8px)!important;
    left:16px!important;
    right:16px!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    display:none!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:4px!important;
    padding:14px!important;
    border:1px solid var(--olay-final-line)!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 24px 70px rgba(8,38,64,.18)!important;
  }
  .site-header.nav-open .main-nav,
  .site-header .main-nav.open,
  .initi-header.nav-open .main-nav,
  .initi-header .main-nav.open,
  #site-header.nav-open .main-nav,
  #site-header .main-nav.open{display:flex!important;}
  .site-header .nav-dropdown,
  .initi-header .nav-dropdown,
  #site-header .nav-dropdown{height:auto!important;min-height:0!important;max-height:none!important;display:block!important;}
  .site-header .main-nav > a,
  .site-header .nav-dropdown > a,
  .initi-header .main-nav > a,
  .initi-header .nav-dropdown > a,
  #site-header .main-nav > a,
  #site-header .nav-dropdown > a{width:100%!important;justify-content:flex-start!important;padding:0 12px!important;}
  .site-header .dropdown-panel,
  .initi-header .dropdown-panel,
  #site-header .dropdown-panel{
    position:static!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    display:none!important;
    margin:4px 0 8px!important;
    box-shadow:none!important;
    background:#f6fbfe!important;
  }
  .site-header .nav-dropdown:hover .dropdown-panel,
  .site-header .nav-dropdown:focus-within .dropdown-panel,
  .initi-header .nav-dropdown:hover .dropdown-panel,
  .initi-header .nav-dropdown:focus-within .dropdown-panel,
  #site-header .nav-dropdown:hover .dropdown-panel,
  #site-header .nav-dropdown:focus-within .dropdown-panel{display:grid!important;transform:none!important;}
  .site-header .header-cta,
  .initi-header .header-cta,
  #site-header .header-cta{display:none!important;}
}