@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');
:root{--navy:#071d36;--navy2:#0b2b4e;--cyan:#36c5d8;--ice:#eef9fb;--ink:#10243a;--muted:#607184;--line:#dce8ee;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Montserrat,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65}a{text-decoration:none;color:inherit}.top{background:var(--navy);color:#d9e8f2;font-size:12px;padding:8px 5vw;display:flex;justify-content:space-between}.nav{height:78px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);z-index:20}.brand{font-weight:800;font-size:21px;color:var(--navy);letter-spacing:.3px}.brand i{font-style:normal;color:var(--cyan)}.navlinks{display:flex;gap:26px;font-size:13px;font-weight:600}.navlinks a:hover{color:#149eb3}.hero{min-height:600px;display:grid;grid-template-columns:1.05fr .95fr;background:linear-gradient(120deg,#f8fdfe 0,#eef9fb 55%,#dff4f7 100%);overflow:hidden}.hero-copy{padding:90px 6vw;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2.4px;color:#1599ad;text-transform:uppercase}.hero h1{font-size:clamp(40px,5vw,72px);line-height:1.03;margin:16px 0 22px;color:var(--navy);letter-spacing:-2.4px}.hero p{max-width:690px;color:var(--muted);font-size:17px}.hero-media{min-height:520px;position:relative}.hero-media img{width:100%;height:100%;object-fit:cover}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#eef9fb 0,transparent 28%)}.cta{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}.btn{padding:13px 20px;border-radius:999px;background:var(--navy);color:#fff;font-size:12px;font-weight:700;letter-spacing:.5px}.btn.alt{background:#fff;color:var(--navy);border:1px solid var(--line)}.quick{background:var(--navy);color:#fff;padding:24px 5vw;display:flex;gap:24px;overflow:auto;white-space:nowrap}.quick a{font-size:12px;font-weight:700;color:#cfe1eb}.quick a:hover{color:#68d8e7}.section{padding:88px 6vw}.section.soft{background:#f7fbfc}.section.dark{background:var(--navy);color:#fff}.section-head{max-width:820px;margin-bottom:38px}.section h2{font-size:clamp(30px,3.5vw,48px);line-height:1.12;margin:9px 0 15px;color:var(--navy);letter-spacing:-1.2px}.dark h2{color:#fff}.lead{color:var(--muted);font-size:16px}.dark .lead{color:#bcd0dd}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1px solid var(--line);border-radius:22px;padding:26px;background:#fff;box-shadow:0 12px 35px rgba(7,29,54,.05);transition:.25s}.card:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(7,29,54,.09)}.card b{display:block;font-size:18px;color:var(--navy);margin:7px 0}.card p{font-size:13px;color:var(--muted);margin:0}.metric{font-size:34px;font-weight:800;color:#139db2;letter-spacing:-1px}.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;max-width:900px}.fact{padding:16px 18px;border-radius:14px;border:1px solid var(--line);display:flex;justify-content:space-between;gap:18px;background:#fff}.fact span{font-size:12px;color:var(--muted)}.fact b{font-size:13px;color:var(--navy)}.split{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}.note{border-left:3px solid var(--cyan);padding:18px 22px;background:#eef9fb;border-radius:0 16px 16px 0;color:#476174;font-size:13px}.article-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.article{padding:24px;border:1px solid var(--line);border-radius:18px;background:#fff}.article small{color:#1599ad;font-weight:700}.article h3{margin:7px 0 8px;color:var(--navy);font-size:18px}.article p{font-size:13px;color:var(--muted);margin:0}.footer{background:#041426;color:#c9d9e3;padding:55px 6vw 28px}.footer strong{font-size:22px;color:#fff}.footer .row{display:flex;justify-content:space-between;gap:30px;align-items:end}.legal{font-size:10px;opacity:.7;max-width:900px;margin-top:30px}.guide-hero{padding:100px 6vw;background:radial-gradient(circle at 80% 20%,#164d70 0,transparent 30%),linear-gradient(130deg,#06192f,#0a2a4b);color:#fff}.guide-hero h1{font-size:clamp(42px,5vw,70px);line-height:1.03;max-width:800px;margin:15px 0}.guide-hero p{max-width:700px;color:#c2d6e2}.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.guide-card{min-height:360px;border-radius:28px;overflow:hidden;position:relative;background:#071d36;color:#fff}.guide-card img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;opacity:.48}.guide-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,20,38,.95),rgba(4,20,38,.05))}.guide-card .content{position:absolute;z-index:2;bottom:0;padding:32px}.guide-card h3{font-size:30px;margin:5px 0}.guide-card p{max-width:500px;color:#d8e6ed;font-size:13px}.source{font-size:11px;color:#6b7e8f}.source a{color:#178fa1;text-decoration:underline}@media(max-width:820px){.navlinks{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:65px 6vw}.hero-media{min-height:390px;order:-1}.grid,.guide-grid,.article-list,.split{grid-template-columns:1fr}.facts{grid-template-columns:1fr}.section{padding:64px 6vw}.footer .row{display:block}.top{font-size:10px}.hero h1{letter-spacing:-1.5px}}

/* V31 — Hermes main navigation shared across guide pages */
.site-top{padding:0!important}.site-wrap{max-width:1240px;margin:auto;padding:0 28px;width:100%}.site-top .site-wrap{height:34px;display:flex;align-items:center;justify-content:flex-end;gap:22px}.site-nav{height:auto!important;padding:0!important}.site-nav .site-wrap{height:88px;display:flex;align-items:center;justify-content:space-between}.site-brand{display:flex;align-items:center;height:82px;min-width:230px}.site-brand img{width:220px;max-height:78px;object-fit:contain;object-position:left center}.site-nav .navlinks{align-items:center;gap:20px;font-size:11px;font-weight:700;color:#17384e}.site-nav .navlinks>a,.guide-trigger{position:relative;white-space:nowrap}.site-nav .navlinks>a:hover,.guide-trigger:hover{color:#09aeb1}.guide-drop{position:relative;display:flex;align-items:center;height:88px}.guide-trigger{display:flex;align-items:center;gap:5px}.guide-trigger span{color:#09aeb1;font-size:13px;transition:transform .2s}.guide-drop:hover .guide-trigger span,.guide-drop:focus-within .guide-trigger span{transform:rotate(180deg)}.guide-drop-menu{position:absolute;top:78px;left:50%;transform:translate(-50%,8px);width:245px;padding:8px;background:#fff;border:1px solid #e0eaee;border-radius:14px;box-shadow:0 18px 45px rgba(7,31,53,.14);opacity:0;visibility:hidden;pointer-events:none;transition:.2s;z-index:100}.guide-drop-menu:before{content:"";position:absolute;left:0;right:0;top:-15px;height:15px}.guide-drop:hover .guide-drop-menu,.guide-drop:focus-within .guide-drop-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}.guide-drop-menu a{display:block;padding:12px 13px;border-radius:9px}.guide-drop-menu a:hover{background:#f1fafb}.guide-drop-menu b{display:block;color:#0a2943;font-size:11px}.guide-drop-menu small{display:block;margin-top:3px;color:#788a96;font-size:9px;font-weight:500}.guide-drop-menu a:hover b{color:#09aeb1}
@media(max-width:1000px){.site-nav .site-wrap{height:78px}.site-brand{min-width:180px;height:72px}.site-brand img{width:185px;max-height:68px}.site-nav .navlinks{gap:12px;font-size:10px}}
@media(max-width:820px){.site-nav .navlinks{display:flex;overflow-x:auto;gap:18px;padding:0 4px;scrollbar-width:none}.site-brand{min-width:150px}.site-brand img{width:150px}.site-nav .site-wrap{gap:18px}.guide-drop{height:78px}.guide-drop-menu{display:none}.site-top .site-wrap{justify-content:center;font-size:10px}}

/* V33 premium collagen guide */
.whatsapp-float{position:fixed;right:24px;bottom:24px;width:58px;height:58px;border-radius:50%;background:#20b56b;color:#fff;display:grid;place-items:center;z-index:300;box-shadow:0 14px 34px rgba(10,55,38,.28);transition:.22s}.whatsapp-float:hover{transform:translateY(-3px) scale(1.04)}.whatsapp-float svg{width:30px;height:30px;fill:currentColor}.collagen-hero-v33{min-height:680px;display:grid;grid-template-columns:1fr 1fr;align-items:center;background:radial-gradient(circle at 80% 25%,rgba(54,197,216,.22),transparent 32%),linear-gradient(135deg,#fafdfe,#e9f7f9);overflow:hidden}.collagen-hero-v33 .copy{padding:86px 7vw}.collagen-hero-v33 h1{font-size:clamp(48px,6vw,82px);line-height:.98;letter-spacing:-3px;margin:12px 0 22px;color:var(--navy)}.collagen-hero-v33 .sub{font-size:18px;color:#526b7c;max-width:650px}.collagen-hero-v33 .visual{height:680px;position:relative}.collagen-hero-v33 .visual img{width:100%;height:100%;object-fit:cover}.collagen-hero-v33 .visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#edf8fa 0,transparent 25%)}.pillrow{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px}.pill{padding:9px 13px;border:1px solid #cfe6ea;border-radius:999px;background:rgba(255,255,255,.75);font-size:11px;font-weight:700;color:#17405c}.anatomy-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.anatomy{min-height:235px;border-radius:24px;padding:26px;background:linear-gradient(145deg,#fff,#f4fbfc);border:1px solid #d9e9ed;position:relative;overflow:hidden}.anatomy .num{font-size:46px;font-weight:800;color:#d9f1f4;line-height:1}.anatomy h3{font-size:19px;color:var(--navy);margin:24px 0 8px}.anatomy p{font-size:12px;color:#647787;margin:0}.feature-band{display:grid;grid-template-columns:1fr 1fr;min-height:480px;background:#071d36;color:#fff}.feature-band .image img{width:100%;height:100%;object-fit:cover}.feature-band .copy{padding:70px 7vw;display:flex;flex-direction:column;justify-content:center}.feature-band h2{color:#fff;font-size:clamp(34px,4vw,54px);line-height:1.06;margin:10px 0 18px}.feature-band p{color:#bfd0db}.evidence{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.evidence .ev{padding:25px;border-radius:20px;background:#fff;border:1px solid #dce8ee}.ev .level{font-size:10px;font-weight:800;color:#159db2;letter-spacing:.12em}.ev h3{font-size:18px;color:#092b49;margin:8px 0}.ev p{font-size:12px;color:#607184}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid #dce8ee;border-radius:22px;overflow:hidden}.timeline div{padding:24px;border-right:1px solid #dce8ee}.timeline div:last-child{border-right:0}.timeline b{display:block;color:#0a2c4b;margin-bottom:7px}.timeline span{font-size:12px;color:#607184}.faq details{border-bottom:1px solid #dce8ee;padding:19px 0}.faq summary{font-weight:700;color:#0a2c4b;cursor:pointer}.faq p{font-size:13px;color:#607184;max-width:900px}.disclaimer{font-size:11px;color:#637887;background:#f2f8f9;border:1px solid #dce8ee;border-radius:16px;padding:18px}.sourcebox{margin-top:28px;font-size:11px;color:#6b7e8f}.sourcebox a{color:#128fa4;text-decoration:underline}@media(max-width:900px){.collagen-hero-v33,.feature-band{grid-template-columns:1fr}.collagen-hero-v33 .visual{height:430px;order:-1}.anatomy-grid,.evidence,.timeline{grid-template-columns:1fr 1fr}.timeline div{border-bottom:1px solid #dce8ee}}@media(max-width:560px){.anatomy-grid,.evidence,.timeline{grid-template-columns:1fr}.collagen-hero-v33 h1{letter-spacing:-1.5px}.whatsapp-float{right:16px;bottom:16px;width:54px;height:54px}}

/* V34 collagen hero scale correction */
.collagen-hero-v33{min-height:640px;grid-template-columns:minmax(0,1.05fr) minmax(440px,.95fr);background:radial-gradient(circle at 76% 24%,rgba(54,197,216,.18),transparent 31%),linear-gradient(135deg,#fafdfe 0%,#eef9fb 58%,#e4f5f7 100%)}
.collagen-hero-v33 .copy{padding:72px 6vw;max-width:820px}
.collagen-hero-v33 .visual{height:640px;display:flex;align-items:center;justify-content:center;padding:46px 5vw 46px 2vw;background:transparent}
.collagen-hero-v33 .visual img{width:100%;height:100%;max-width:720px;max-height:540px;object-fit:contain;object-position:center;filter:drop-shadow(0 28px 38px rgba(7,29,54,.16))}
.collagen-hero-v33 .visual:after{display:none}
.feature-band{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:stretch}
.feature-band .image{display:flex;align-items:center;justify-content:center;background:#fff;padding:38px}
.feature-band .image img{width:100%;height:100%;max-height:430px;object-fit:contain;object-position:center}
@media(max-width:900px){.collagen-hero-v33{grid-template-columns:1fr}.collagen-hero-v33 .visual{height:420px;order:-1;padding:30px 6vw}.collagen-hero-v33 .visual img{max-height:360px}.feature-band{grid-template-columns:1fr}.feature-band .image{min-height:360px}.feature-band .image img{max-height:330px}}
/* V35 supplied Collagen editorial visuals */
.premium-visual-band .image{padding:0;background:#f7fbfc;overflow:hidden;min-height:520px}
.premium-visual-band .image img{width:100%;height:100%;max-height:none;object-fit:cover;object-position:center}
.editorial-visual{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:0;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:#071d36;margin:0 0 28px;box-shadow:0 20px 55px rgba(7,29,54,.10)}
.editorial-visual>img{width:100%;height:100%;min-height:420px;object-fit:cover;display:block}
.editorial-caption{padding:44px 38px;display:flex;flex-direction:column;justify-content:center;color:#fff}
.editorial-caption h3{font-size:clamp(26px,3vw,40px);line-height:1.08;margin:10px 0 15px;color:#fff;letter-spacing:-.8px}
.editorial-caption p{font-size:13px;color:#bfd0dd;margin:0}
@media(max-width:900px){.premium-visual-band .image{min-height:0}.premium-visual-band .image img{height:auto;object-fit:contain}.editorial-visual{grid-template-columns:1fr}.editorial-visual>img{min-height:0;height:auto}.editorial-caption{padding:32px 26px}}

/* V38 — Hermes Farma logo visibility and footer consistency */
.site-brand img{width:150px!important;height:64px!important;max-height:64px!important;object-fit:contain!important;object-position:left center!important}
.footer .footer-logo-wrap{display:inline-flex;align-items:center;justify-content:center;background:#fff;border-radius:18px;padding:14px 18px;box-shadow:0 10px 28px rgba(0,0,0,.16);min-width:190px}
.footer .footer-logo-wrap img{width:155px;height:auto;max-height:92px;object-fit:contain;display:block}
.footer .footer-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.footer .footer-meta span{color:#d7e4ec;font-size:13px}.footer .footer-meta small{color:#8fa7b7;font-size:10px}
@media(max-width:820px){.site-brand img{width:125px!important;height:58px!important}.footer .row{display:flex!important;flex-direction:column;align-items:flex-start!important;gap:20px}.footer .footer-meta{align-items:flex-start}.footer .footer-logo-wrap img{width:140px}}
/* V40 — Collagen editorial image scaling fix */
.premium-visual-band{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:0;align-items:stretch}
.premium-visual-band .image{min-height:0;padding:28px;background:#f7fbfc;display:flex;align-items:center;justify-content:center}
.premium-visual-band .image img{display:block;width:100%;height:auto;max-height:560px;object-fit:contain;object-position:center;border-radius:20px}
.premium-visual-band .copy{padding:54px 5vw}
.editorial-visual{grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);align-items:stretch}
.editorial-visual>img{display:block;width:100%;height:auto;min-height:0;max-height:620px;object-fit:contain;object-position:center;background:#fff}
.editorial-caption{min-width:0}
@media (min-width:1400px){
  .premium-visual-band .image img{max-width:900px;max-height:520px}
  .editorial-visual>img{max-height:560px}
}
@media(max-width:900px){
  .premium-visual-band{grid-template-columns:1fr}
  .premium-visual-band .image{padding:18px}
  .premium-visual-band .image img{max-height:none;width:100%;height:auto}
  .editorial-visual{grid-template-columns:1fr}
  .editorial-visual>img{max-height:none;width:100%;height:auto}
}

/* V43 — responsive composition lock: guide pages now scale like the main index */
@media (min-width:901px){
  /* Keep editorial compositions on the same centered canvas as index.html. */
  .collagen-hero-v33,
  .feature-band,
  .editorial-visual,
  .hero .hero-grid,
  .feature,
  body.testup-page .hero-grid{
    width:min(1180px,92vw);
    margin-left:auto;
    margin-right:auto;
  }
  .collagen-hero-v33{min-height:clamp(500px,42vw,640px);grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}
  .collagen-hero-v33 .copy{padding:clamp(44px,5vw,72px) clamp(30px,4vw,60px)}
  .collagen-hero-v33 .visual{height:clamp(500px,42vw,640px);padding:clamp(24px,3vw,46px)}
  .collagen-hero-v33 .visual img{max-width:100%;max-height:100%}
  .premium-visual-band{min-height:0}
  .premium-visual-band .image{padding:clamp(14px,2vw,28px)}
  .premium-visual-band .image img{max-width:100%;max-height:520px}
  .editorial-visual{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)}
  .editorial-visual>img{max-width:100%;max-height:560px}

  /* Testup full-width feature rows were the main source of oversized imagery. */
  .hero-grid{min-height:clamp(500px,40vw,610px)}
  .hero-copy{padding:clamp(48px,5vw,78px) clamp(26px,3vw,44px)}
  .hero-media{height:clamp(500px,40vw,610px)}
  .feature{min-height:0}
  .feature-media,.feature-copy{height:auto;min-height:clamp(360px,34vw,520px)}
  .feature-media{max-height:520px}
  .feature-media img{max-width:100%;max-height:520px}
  .feature-copy{padding:clamp(38px,4vw,64px) clamp(30px,4vw,68px)}
}

/* Fluid text/spacing prevents extreme zoom-out from breaking hierarchy. */
.collagen-hero-v33 h1{font-size:clamp(42px,4.2vw,68px)}
.feature-band h2,.feature-copy h2{font-size:clamp(30px,3vw,44px)}
.section{padding-left:max(6vw,calc((100vw - 1180px)/2));padding-right:max(6vw,calc((100vw - 1180px)/2))}

@media(max-width:900px){
  .collagen-hero-v33,.feature-band,.editorial-visual,.hero-grid,.feature{width:100%;max-width:none;margin-left:0;margin-right:0}
  .collagen-hero-v33 .visual,.hero-media{height:auto;min-height:0;aspect-ratio:16/9}
  .collagen-hero-v33 .visual img,.hero-media img{width:100%;height:100%;object-fit:contain}
  .feature-media,.feature-copy{min-height:0;height:auto}
  .feature-media{aspect-ratio:16/9}
  .feature-media img{width:100%;height:100%;object-fit:contain}
}

/* V44 — stable desktop canvas, matching the main index behaviour */
@media (min-width:901px){
  .collagen-hero-v33,
  .feature-band,
  .editorial-visual{
    width:min(1180px,92%);
    max-width:1180px;
    margin-left:auto;
    margin-right:auto;
  }
  .collagen-hero-v33{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:0}
  .collagen-hero-v33 .copy{padding:56px 48px;min-width:0}
  .collagen-hero-v33 .visual{height:auto;min-height:0;aspect-ratio:1.12/1;padding:34px}
  .collagen-hero-v33 .visual img{width:100%;height:100%;object-fit:contain}
  .premium-visual-band{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:0}
  .premium-visual-band .image{min-width:0;padding:22px}
  .premium-visual-band .image img{width:100%;height:auto;max-height:none;object-fit:contain}
  .premium-visual-band .copy{min-width:0;padding:48px 42px}
  .feature-band:not(.premium-visual-band){grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:0}
  .feature-band:not(.premium-visual-band) .copy{min-width:0;padding:48px 42px}
  .feature-band:not(.premium-visual-band) .image{min-width:0;padding:26px}
  .feature-band:not(.premium-visual-band) .image img{width:100%;height:auto;max-height:430px;object-fit:contain}
  .editorial-visual{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
  .editorial-visual>img{width:100%;height:auto;min-height:0;max-height:none;object-fit:contain;background:#fff}
  .editorial-caption{min-width:0;padding:38px 34px}
  .feature-band h2{font-size:36px;overflow-wrap:normal;word-break:normal}
  .feature-band p{font-size:13px;line-height:1.7}
  .section{padding-left:max(32px,calc((100% - 1180px)/2));padding-right:max(32px,calc((100% - 1180px)/2))}
}

/* V49 — Collagen footer responsive logo / text lock */
@media (min-width:821px){
  body.collagen-page .footer{padding:42px clamp(28px,5vw,88px) 24px!important}
  body.collagen-page .footer .row{width:min(1180px,100%)!important;margin:0 auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:28px!important}
  body.collagen-page .footer .footer-logo-wrap{flex:0 0 auto!important;width:clamp(150px,11vw,190px)!important;min-width:0!important;padding:10px 14px!important;border-radius:14px!important}
  body.collagen-page .footer .footer-logo-wrap img{width:100%!important;max-width:160px!important;height:auto!important;max-height:none!important}
  body.collagen-page .footer .footer-meta{flex:0 1 auto!important;min-width:220px!important;align-items:flex-end!important;text-align:right!important}
  body.collagen-page .footer .footer-meta span{font-size:clamp(12px,.9vw,14px)!important;white-space:nowrap!important}
  body.collagen-page .footer .footer-meta small{font-size:clamp(10px,.72vw,11px)!important;white-space:nowrap!important}
  body.collagen-page .footer .legal{width:min(1180px,100%)!important;margin:22px auto 0!important;font-size:clamp(10px,.72vw,11px)!important;line-height:1.5!important}
}
@media (max-width:820px){
  body.collagen-page .footer{padding:34px 6vw 22px!important}
  body.collagen-page .footer .row{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:14px!important}
  body.collagen-page .footer .footer-logo-wrap{width:150px!important;min-width:0!important;padding:10px 12px!important}
  body.collagen-page .footer .footer-logo-wrap img{width:126px!important;height:auto!important;max-height:none!important}
  body.collagen-page .footer .footer-meta{align-items:center!important;text-align:center!important}
  body.collagen-page .footer .footer-meta span{font-size:12px!important}
  body.collagen-page .footer .footer-meta small{font-size:10px!important}
  body.collagen-page .footer .legal{margin:18px auto 0!important;text-align:center!important;font-size:10px!important;line-height:1.5!important}
}

/* V50 — Collagen guide: centered section navigation + larger balanced hero visual */
body.collagen-page .quick{
  justify-content:center;
  align-items:center;
  gap:30px;
  padding:20px max(28px,calc((100vw - 1180px)/2));
  width:100%;
}
body.collagen-page .quick a{flex:0 0 auto;text-align:center}

@media (min-width:901px){
  body.collagen-page .collagen-hero-v33{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    align-items:stretch;
  }
  body.collagen-page .collagen-hero-v33 .copy{
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:50px 44px;
  }
  body.collagen-page .collagen-hero-v33 .visual{
    aspect-ratio:auto;
    min-height:560px;
    height:auto;
    padding:22px 24px;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  body.collagen-page .collagen-hero-v33 .visual img{
    width:100%;
    height:100%;
    max-width:none;
    max-height:516px;
    object-fit:contain;
    object-position:center center;
    display:block;
  }
}
@media (max-width:900px){
  body.collagen-page .quick{justify-content:flex-start;overflow-x:auto;padding:16px 6vw;gap:22px}
  body.collagen-page .collagen-hero-v33 .visual{padding:20px 6vw;aspect-ratio:auto;min-height:0}
  body.collagen-page .collagen-hero-v33 .visual img{width:100%;height:auto;max-height:none;object-fit:contain}
}

/* V51 — mobile/tablet QA pass. Desktop >=1025 remains V50. */
@media (max-width:1024px){
  html,body{max-width:100%;overflow-x:hidden}
  .site-wrap,.wrap{width:min(92%,920px);max-width:92%;margin-inline:auto}
  .collagen-hero-v33{width:100%;grid-template-columns:1fr 1fr;min-height:0}
  .collagen-hero-v33 .copy{padding:44px 5vw}
  .collagen-hero-v33 .visual{padding:24px;min-width:0;aspect-ratio:auto;height:auto}
  .collagen-hero-v33 .visual img{width:100%;height:auto;max-width:100%;object-fit:contain}
  .quick{justify-content:center;gap:18px;padding-inline:4vw}
  .section{padding:64px 5vw}
  .split{gap:28px}
  .feature-band,.editorial-visual{max-width:100%;overflow:hidden}
  .premium-visual-band .image img,.editorial-visual>img{width:100%;height:auto;max-width:100%;object-fit:contain}
  .footer .row{width:100%}
}
@media (max-width:820px){
  .collagen-hero-v33{grid-template-columns:1fr}
  .collagen-hero-v33 .copy{padding:42px 7vw 24px}
  .collagen-hero-v33 .visual{padding:12px 7vw 34px}
  .collagen-hero-v33 h1{font-size:clamp(38px,8vw,54px)}
  .quick{justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .quick::-webkit-scrollbar{display:none}
  .split{grid-template-columns:1fr}
  .anatomy-grid{grid-template-columns:1fr 1fr}
  .feature-band{grid-template-columns:1fr!important}
  .feature-band .image,.feature-band .copy{width:100%;min-width:0}
  .feature-band .image{padding:0!important}
  .feature-band .image img{width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important}
  .editorial-visual{grid-template-columns:1fr!important}
  .footer .row{align-items:center!important;text-align:center}
  .footer .footer-meta{align-items:center!important}
}
@media (max-width:560px){
  .site-wrap,.wrap{width:92%;max-width:92%}
  .collagen-hero-v33 .copy{padding:34px 4vw 18px}
  .collagen-hero-v33 .visual{padding:8px 4vw 28px}
  .collagen-hero-v33 h1{font-size:38px;line-height:1.02}
  .collagen-hero-v33 .sub{font-size:14px;line-height:1.65}
  .pillrow{gap:7px}.pill{font-size:10px;padding:8px 10px}
  .section{padding:52px 4vw}
  .anatomy-grid{grid-template-columns:1fr}
  .section h2{font-size:30px}
  .footer{padding-inline:4vw}
  .footer .footer-logo-wrap img{width:120px!important;height:auto!important}
}

/* V53 — Match product-guide header logo to homepage desktop brand scale */
@media (min-width:1001px){
  .site-nav .site-wrap{height:88px!important}
  .site-brand{height:82px!important;min-width:230px!important}
  .site-brand img{width:220px!important;height:auto!important;max-height:78px!important;object-fit:contain!important;object-position:left center!important}
}

/* V61 — Product guide centered hero + corrected product card backgrounds */
body.product-guide-page .guide-hero, .guide-hero{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:360px;padding:72px 6vw;}
.guide-hero h1,.guide-hero p{margin-left:auto;margin-right:auto;}
.guide-hero .eyebrow{display:block;text-align:center;}
.guide-card img{object-position:center center!important;transform:none!important;}
.guide-card:first-child img{object-fit:cover!important;object-position:center 52%!important;opacity:.56!important;}
.guide-card:nth-child(2) img{object-fit:cover!important;object-position:center 52%!important;opacity:.56!important;}
.guide-card:after{background:linear-gradient(0deg,rgba(4,20,38,.96) 0%,rgba(4,20,38,.56) 42%,rgba(4,20,38,.10) 100%)!important;}
@media(max-width:820px){.guide-hero{min-height:320px;padding:56px 7vw}.guide-card{min-height:340px}.guide-card .content{padding:26px}.guide-card h3{font-size:26px}}