.mainline-detail-page { background:#f3f0e6; }
.desktop-nav a[aria-current="page"]:not(.nav-flagship) { color:#ecd39c; }
.desktop-nav a[aria-current="page"]:not(.nav-flagship)::after { transform:scaleX(1); }
.mobile-nav a[aria-current="page"] { color:#8a6a31; font-weight:700; }

.mlpd-hero { position:relative; overflow:hidden; background:radial-gradient(circle at 74% 28%,rgba(210,165,78,.18),transparent 28%),#082f25; color:#fff; }
.mlpd-hero::before { position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px); background-size:54px 54px; content:""; -webkit-mask-image:linear-gradient(to right,transparent 15%,#000 68%); mask-image:linear-gradient(to right,transparent 15%,#000 68%); }
.mlpd-hero-grid { position:relative; display:grid; min-height:610px; grid-template-columns:minmax(0,1.1fr) minmax(350px,.72fr); align-items:center; gap:86px; padding-block:45px 62px; }
.mlpd-hero-copy { position:relative; z-index:2; }
.mlpd-hero .page-breadcrumb { margin-bottom:52px; }
.mlpd-hero h1 { display:flex; align-items:baseline; flex-wrap:wrap; gap:16px; margin:0; font:500 clamp(54px,6.4vw,86px)/1 var(--font-serif); letter-spacing:.02em; }
.mlpd-hero h1 small { color:#e2bd75; font:400 .38em/1 var(--font-serif); letter-spacing:.07em; }
.mlpd-type { margin:23px 0 0; color:#e4c485; font-size:17px; line-height:1.7; }
.mlpd-lead { max-width:650px; margin:20px 0 0; color:rgba(255,255,255,.68); font-size:14px; line-height:2; }
.mlpd-hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:22px; margin-top:32px; }
.mlpd-back { color:rgba(255,255,255,.68); font-size:12px; border-bottom:1px solid rgba(255,255,255,.24); padding-bottom:4px; }
.mlpd-back:hover { color:#fff; border-color:#fff; }
.mlpd-packshot { position:relative; display:grid; height:520px; margin:0; place-items:center; overflow:hidden; border:1px solid rgba(255,255,255,.16); border-radius:7px; background:radial-gradient(ellipse at 50% 40%,rgba(225,238,230,.2),transparent 48%),rgba(255,255,255,.06); box-shadow:0 30px 70px rgba(0,0,0,.23); }
.mlpd-packshot::after { position:absolute; right:-12%; bottom:-15%; left:-12%; height:34%; border-radius:50%; background:radial-gradient(ellipse,rgba(212,165,77,.23),transparent 70%); content:""; filter:blur(16px); }
.mlpd-packshot img { position:relative; z-index:1; width:100%; height:100%; object-fit:contain; filter:drop-shadow(0 22px 22px rgba(0,0,0,.3)); }
.mlpd-packshot-index { position:absolute; z-index:2; top:18px; left:20px; color:rgba(255,255,255,.62); font:12px/1 var(--font-serif); letter-spacing:.08em; }
.mlpd-packshot figcaption { position:absolute; z-index:2; right:18px; bottom:15px; left:18px; padding-top:10px; border-top:1px solid rgba(255,255,255,.2); color:rgba(255,255,255,.68); font-size:10px; }

.mlpd-facts { border-bottom:1px solid #d2d9d2; background:#fff; }
.mlpd-facts dl { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin:0; }
.mlpd-facts dl > div { min-width:0; min-height:132px; padding:29px 25px; border-right:1px solid #dfe4de; }
.mlpd-facts dl > div:first-child { padding-left:0; }
.mlpd-facts dl > div:last-child { border-right:0; }
.mlpd-facts dt { margin-bottom:17px; color:#89948d; font-size:10px; }
.mlpd-facts dd { margin:0; color:#173d2d; font-size:14px; font-weight:650; line-height:1.6; overflow-wrap:anywhere; }

.mlpd-content-section { padding:82px 0 74px; }
.mlpd-content-grid { display:grid; grid-template-columns:minmax(0,780px) 310px; align-items:start; gap:78px; }
.mlpd-copy { min-width:0; }
.mlpd-section-head { margin-bottom:38px; }
.mlpd-section-head h2 { margin:0; font:500 clamp(32px,4vw,46px)/1.25 var(--font-serif); }
.mlpd-section-head > p:last-child { max-width:690px; margin:17px 0 0; color:#6e7b72; font-size:12px; line-height:1.9; }
.mlpd-copy-block { position:relative; display:grid; grid-template-columns:54px minmax(0,1fr); gap:25px; padding:32px 0; border-top:1px solid #ced7cf; }
.mlpd-copy-number { padding-top:4px; color:#a17c3b; font:13px/1 var(--font-serif); }
.mlpd-copy-block h3,.mlpd-table-block h3 { margin:0 0 17px; font:500 24px/1.4 var(--font-serif); }
.mlpd-copy-block p { margin:0 0 13px; color:#526259; font-size:14px; line-height:2; }
.mlpd-copy-block p:last-child { margin-bottom:0; }
.mlpd-copy-block ol { margin:0; padding:0; list-style:none; counter-reset:mlpd-item; }
.mlpd-copy-block li { position:relative; min-height:46px; padding:10px 0 10px 39px; border-bottom:1px solid #dee3dc; color:#4d5e54; font-size:13px; line-height:1.85; counter-increment:mlpd-item; }
.mlpd-copy-block li::before { position:absolute; top:13px; left:0; width:25px; color:#aa8542; content:counter(mlpd-item,decimal-leading-zero); font:11px/1.5 var(--font-serif); }
.mlpd-copy-block li:last-child { border-bottom:0; }

.mlpd-table-block { margin-top:26px; padding:30px; border:1px solid #d2dad2; background:#faf9f4; }
.mlpd-table-scroll { overflow-x:auto; outline:none; }
.mlpd-table-scroll:focus-visible { outline:2px solid #9d742d; outline-offset:3px; }
.mlpd-table-block table { width:100%; min-width:520px; border-collapse:collapse; color:#415249; font-size:12px; }
.mlpd-table-block th,.mlpd-table-block td { padding:13px 14px; border:1px solid #d5ddd5; text-align:left; line-height:1.55; }
.mlpd-table-block thead th { background:#163f2f; color:#fff; font-weight:650; }
.mlpd-table-block tbody th { background:#ebefe8; color:#214233; font-weight:650; }
.mlpd-table-note { margin:14px 0 0; color:#8a6840; font-size:11px; line-height:1.8; }

.mlpd-source-panel { position:sticky; top:24px; padding:30px; border:1px solid #d2dad2; background:#fff; box-shadow:0 20px 55px rgba(15,54,37,.07); }
.mlpd-source-panel h2 { margin:0; font:500 29px/1.4 var(--font-serif); }
.mlpd-source-panel > p:not(.section-kicker):not(.mlpd-source-tip) { margin:15px 0 0; color:#53655a; font-size:12px; line-height:1.8; }
.mlpd-source-panel dl { margin:25px 0 28px; }
.mlpd-source-panel dl > div { display:grid; grid-template-columns:80px 1fr; gap:10px; padding:12px 0; border-bottom:1px solid #e5e9e4; font-size:11px; line-height:1.65; }
.mlpd-source-panel dt { color:#8b958e; }
.mlpd-source-panel dd { margin:0; color:#33483c; }
.mlpd-source-panel .button { width:100%; }
.mlpd-source-tip { margin:20px 0 0; padding:16px; background:#f3f0e7; color:#72664f; font-size:10px; line-height:1.8; }

.mlpd-review-section { padding:0 0 78px; }
.mlpd-review-panel { display:grid; grid-template-columns:280px 1fr; gap:65px; padding:37px 40px; border:1px solid #ddcfae; background:#f5ead2; }
.mlpd-review-panel h2 { margin:0; font:500 27px/1.45 var(--font-serif); }
.mlpd-review-panel ul { margin:0; padding:0; list-style:none; }
.mlpd-review-panel li { position:relative; padding:10px 0 10px 25px; border-bottom:1px solid rgba(132,100,45,.2); color:#65583f; font-size:12px; line-height:1.85; }
.mlpd-review-panel li:last-child { border-bottom:0; }
.mlpd-review-panel li::before { position:absolute; top:18px; left:3px; width:6px; height:6px; border-radius:50%; background:#b98a3e; content:""; }

.mlpd-brochure-section { scroll-margin-top:20px; padding:76px 0 84px; border-top:1px solid #cbd4cc; background:#e8e5dc; }
.mlpd-brochure-head { display:flex; align-items:flex-end; justify-content:space-between; gap:40px; margin-bottom:30px; }
.mlpd-brochure-head > p { max-width:360px; margin:0; text-align:right; }
.mlpd-brochure-list { display:grid; gap:30px; }
.mlpd-brochure-card { margin:0; overflow:hidden; border:1px solid #cbd3cc; background:#fff; box-shadow:0 18px 45px rgba(19,47,35,.07); }
.mlpd-brochure-card > a { position:relative; display:block; overflow:hidden; background:#f5f5f2; }
.mlpd-brochure-card img { display:block; width:100%; height:auto; }
.mlpd-brochure-card > a > span { position:absolute; right:14px; bottom:14px; padding:9px 12px; border:1px solid rgba(255,255,255,.45); border-radius:3px; background:rgba(8,47,37,.88); color:#fff; font-size:10px; opacity:0; transform:translateY(6px); transition:opacity .2s,transform .2s; }
.mlpd-brochure-card > a:hover > span,.mlpd-brochure-card > a:focus-visible > span { opacity:1; transform:none; }
.mlpd-brochure-card figcaption { display:grid; padding:19px 22px 21px; }
.mlpd-brochure-card figcaption strong { color:#163f2f; font:500 20px/1.4 var(--font-serif); }
.mlpd-brochure-card figcaption small { margin-top:5px; color:#79847d; font-size:10px; line-height:1.7; }
.mlpd-legal-note { margin:25px 0 0; padding:18px 20px; border-left:3px solid #ba8b3f; background:rgba(255,255,255,.65); color:#6a624f; font-size:11px; line-height:1.85; }

.mlpd-product-nav { border-top:1px solid #d7ddd7; background:#fff; }
.mlpd-product-nav .site-shell { display:grid; min-height:145px; grid-template-columns:1fr auto 1fr; align-items:center; gap:35px; }
.mlpd-product-nav a:not(.mlpd-nav-all) { display:grid; gap:8px; }
.mlpd-product-nav a span { color:#929b95; font-size:10px; }
.mlpd-product-nav a strong { color:#1c4131; font:500 18px/1.5 var(--font-serif); }
.mlpd-product-nav a:hover strong { color:#a27731; }
.mlpd-nav-next { text-align:right; }
.mlpd-nav-all { padding:10px 15px; border:1px solid #cad3cb; color:#496055; font-size:11px; }

@media (max-width:1024px) {
  .mlpd-hero-grid { grid-template-columns:1fr 330px; gap:42px; }
  .mlpd-packshot { height:450px; }
  .mlpd-content-grid { grid-template-columns:minmax(0,1fr) 280px; gap:40px; }
  .mlpd-facts dl { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .mlpd-facts dl > div:nth-child(2) { border-right:0; }
  .mlpd-facts dl > div:nth-child(-n+2) { border-bottom:1px solid #dfe4de; }
  .mlpd-facts dl > div:first-child,.mlpd-facts dl > div:nth-child(3) { padding-left:0; }
}

@media (max-width:760px) {
  .mlpd-hero-grid { grid-template-columns:1fr; gap:30px; padding-block:28px 38px; }
  .mlpd-hero .page-breadcrumb { margin-bottom:35px; }
  .mlpd-hero h1 { font-size:50px; }
  .mlpd-lead { font-size:13px; }
  .mlpd-packshot { width:100%; max-width:430px; height:480px; justify-self:center; }
  .mlpd-content-section { padding:55px 0; }
  .mlpd-content-grid { grid-template-columns:1fr; gap:40px; }
  .mlpd-source-panel { position:static; order:-1; }
  .mlpd-review-section { padding-bottom:55px; }
  .mlpd-review-panel { grid-template-columns:1fr; gap:18px; padding:27px 24px; }
  .mlpd-brochure-section { padding:55px 0 60px; }
  .mlpd-brochure-head { display:block; }
  .mlpd-brochure-head > p { max-width:none; margin-top:14px; text-align:left; }
  .mlpd-product-nav .site-shell { min-height:130px; grid-template-columns:1fr 1fr; gap:20px; }
  .mlpd-nav-all { display:none; }
}

@media (max-width:520px) {
  .mlpd-facts dl { grid-template-columns:1fr; }
  .mlpd-facts dl > div { min-height:auto; padding:21px 0; border-right:0; border-bottom:1px solid #dfe4de; }
  .mlpd-facts dl > div:nth-child(-n+2) { border-bottom:1px solid #dfe4de; }
  .mlpd-facts dl > div:last-child { border-bottom:0; }
  .mlpd-copy-block { grid-template-columns:35px minmax(0,1fr); gap:10px; padding:26px 0; }
  .mlpd-copy-block h3,.mlpd-table-block h3 { font-size:21px; }
  .mlpd-copy-block p,.mlpd-copy-block li { font-size:12px; }
  .mlpd-table-block { padding:22px 18px; }
  .mlpd-brochure-card figcaption { padding:15px 16px 17px; }
  .mlpd-brochure-card > a > span { opacity:1; transform:none; }
  .mlpd-product-nav a strong { font-size:15px; }
}

@media (prefers-reduced-motion:reduce) {
  .mainline-detail-page *,.mainline-detail-page *::before,.mainline-detail-page *::after { scroll-behavior:auto!important; transition:none!important; }
}
