/* Olaytech Application Catalog Patch
   This file is scoped to application pages and does not change the homepage or contact form logic. */
.application-catalog-body { background:#fff; color:#071225; }
.application-catalog-body .site-header .logo-image,
.application-catalog-body .initi-header .logo.logo-image { width:140px !important; min-width:140px !important; max-width:140px !important; flex:0 0 140px !important; overflow:hidden; display:flex; align-items:center; }
.application-catalog-body .site-header .logo-image img,
.application-catalog-body .initi-header .logo.logo-image img,
.application-catalog-body img[src*="olay-logo"] { width:126px !important; max-width:126px !important; max-height:48px !important; object-fit:contain !important; display:block; }
.application-catalog-body .main-nav a.active { color:#0b3a5b; }
.app-hero { padding: 82px 0 56px; background: linear-gradient(135deg,#f8fbfd 0%,#eef7fb 100%); border-bottom:1px solid rgba(8,31,53,.08); }
.app-sub-hero { padding-top:70px; }
.app-hero-grid { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr); gap:34px; align-items:center; }
.app-hero h1 { font-size:clamp(44px,6.5vw,92px); line-height:.96; letter-spacing:-.06em; margin:16px 0 20px; color:#081225; max-width:1050px; }
.app-hero p { max-width:850px; color:#5d6b7e; font-size:18px; line-height:1.7; }
.app-logic-panel { background:#fff; border:1px solid rgba(8,31,53,.10); border-radius:30px; padding:28px; box-shadow:0 24px 70px rgba(8,31,53,.10); }
.app-logic-panel strong { display:block; font-size:24px; color:#0b3a5b; margin-bottom:12px; }
.app-logic-panel ul { margin:0; padding-left:18px; color:#5d6b7e; line-height:1.9; }
.app-logic-panel p { font-size:16px; line-height:1.7; margin:0 0 18px; }
.app-section-soft { background:#f6fafc; }
.section-heading.compact { max-width:760px; margin-bottom:32px; }
.section-heading.compact h2 { font-size:clamp(34px,4vw,58px); line-height:1; letter-spacing:-.04em; margin:8px 0 12px; }
.section-heading.compact p { color:#5d6b7e; }
.app-entry-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.app-entry-card, .app-product-card, .app-related-card, .app-cross-card { background:#fff; border:1px solid rgba(8,31,53,.10); border-radius:28px; overflow:hidden; box-shadow:0 18px 50px rgba(8,31,53,.08); transition:transform .2s ease, box-shadow .2s ease; }
.app-entry-card:hover, .app-product-card:hover, .app-cross-card:hover { transform:translateY(-5px); box-shadow:0 28px 72px rgba(8,31,53,.12); }
.app-entry-image { height:230px; background:#f8fafc; display:block; border-bottom:1px solid rgba(8,31,53,.08); }
.app-entry-image img { width:100%; height:100%; object-fit:contain; padding:20px; display:block; }
.app-entry-body { padding:24px; }
.app-count { color:#20708d; font-weight:950; letter-spacing:.12em; font-size:13px; }
.app-entry-body h3 { font-size:25px; line-height:1.12; margin:10px 0; }
.app-entry-body h3 a { color:#081225; }
.app-entry-body p { color:#5d6b7e; min-height:78px; }
.app-link { color:#0b3a5b; font-weight:950; }
.app-product-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
.app-product-card { display:flex; flex-direction:column; }
.app-product-media { height:310px; display:block; background:#fff; border-bottom:1px solid rgba(8,31,53,.08); }
.app-product-media img { width:100%; height:100%; object-fit:contain; padding:20px; display:block; }
.app-product-body { padding:22px; display:flex; flex-direction:column; gap:12px; flex:1; }
.app-product-meta { display:flex; justify-content:space-between; gap:10px; color:#20708d; font-size:12px; font-weight:950; text-transform:uppercase; letter-spacing:.08em; }
.app-product-body h3 { font-size:24px; line-height:1.12; margin:0; }
.app-product-body h3 a { color:#081225; }
.app-product-body p { color:#5d6b7e; margin:0; flex:1; }
.app-product-actions { display:flex; align-items:center; justify-content:space-between; gap:14px; border-top:1px solid rgba(8,31,53,.08); padding-top:16px; }
.app-product-actions a:first-child { color:#0b3a5b; font-weight:950; }
.app-product-actions a:last-child { color:#fff; background:#0b3a5b; border-radius:999px; padding:9px 14px; font-weight:950; }
.app-cross-grid, .app-related-layout { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.app-cross-card, .app-related-card { padding:28px; }
.app-cross-card h3, .app-related-card h3 { font-size:26px; line-height:1.1; margin-bottom:12px; }
.app-cross-card p, .app-related-card p { color:#5d6b7e; }
.app-cross-card a, .app-related-card a:not(.btn) { color:#0b3a5b; font-weight:950; }
.app-related-card.dark { background:#0b3a5b; color:#fff; }
.app-related-card.dark p { color:rgba(255,255,255,.78); }
.app-link-list { display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }
.app-link-list a, .app-chip-group span { border:1px solid rgba(8,31,53,.12); background:#f6fafc; border-radius:999px; padding:9px 13px; color:#0b3a5b; font-weight:900; font-size:14px; }
.app-chip-group { display:flex; flex-wrap:wrap; gap:10px; }
.app-chip-group span { background:#eaf4f8; }
@media (max-width: 1120px) {
  .app-hero-grid, .app-entry-grid, .app-product-grid, .app-cross-grid, .app-related-layout { grid-template-columns:1fr 1fr; }
  .app-logic-panel { order:2; }
}
@media (max-width: 760px) {
  .app-hero-grid, .app-entry-grid, .app-product-grid, .app-cross-grid, .app-related-layout { grid-template-columns:1fr; }
  .app-hero { padding:54px 0 40px; }
  .app-hero h1 { font-size:42px; }
  .app-product-media { height:260px; }
  .app-entry-image { height:210px; }
}