.detail-wrap{width:min(1360px,calc(100% - 108px));margin-inline:auto}
.detail-header{height:82px;position:sticky;top:0;z-index:100;background:var(--cream);border-bottom:1px solid var(--line);box-shadow:0 7px 25px #17392e12}
.detail-nav{height:100%;display:flex;align-items:center;gap:30px}
.detail-links{display:flex;align-items:center;gap:28px;margin-left:auto}
.detail-links a{font-size:12px;font-weight:700;min-height:44px;display:inline-flex;align-items:center}
.detail-links a:hover,.detail-languages a:hover{color:var(--green)}
.detail-languages{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:12px;font-weight:700;color:#8b968c}
.detail-languages a{min-height:44px;display:inline-flex;align-items:center}
.detail-languages a[aria-current=page]{color:var(--green)}
.detail-mobile-menu{display:none}
.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding-block:22px;font-size:11px;color:#68776d}
.breadcrumb a{color:#286344;text-decoration:underline;text-underline-offset:3px}
.breadcrumb [aria-current=page]{font-weight:700;color:var(--text)}
.product-page{overflow-x:clip}
.detail-hero{background:var(--green);color:#fff}
.detail-hero-grid{display:grid;grid-template-columns:1fr 1fr;min-height:650px}
.detail-hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:65px clamp(30px,5vw,100px) 65px 0}
.section-label{color:#a18a54;font-size:11px;font-weight:750;letter-spacing:.16em;text-transform:uppercase}
.detail-hero .section-label{color:#fff0c9}
.detail-hero h1{font:400 clamp(50px,5.4vw,83px)/1.05 var(--serif);letter-spacing:-.045em;margin-top:31px;overflow-wrap:anywhere}
.detail-translation{color:#f4dfa8;font-size:14px;line-height:1.5;margin-top:15px}
.detail-lede{color:#f0f8ef;font-size:15px;line-height:1.85;max-width:540px;margin-top:30px}
.detail-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid #ffffff80;margin:38px 0 0;width:100%}
.detail-highlights>div{padding:20px 17px 0 0;min-width:0}
.detail-highlights dt{color:#d8e6d8;font-size:10px;line-height:1.5}
.detail-highlights dd{font-size:12px;font-weight:750;line-height:1.55;margin:8px 0 0;overflow-wrap:anywhere}
.detail-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:15px 27px;margin-top:38px}
.detail-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:50px;padding:15px 20px;background:#fff8e9;color:#0E752C;font-size:12px;font-weight:750;transition:background .25s,transform .25s}
.detail-primary:hover{background:#e8d4a5;transform:translateY(-2px)}
.detail-text-link{font-size:12px;font-weight:700;border-bottom:1px solid #f6e8bf;padding-block:12px}
.detail-photo{position:relative;min-height:650px;overflow:hidden;background:#d6d2c4}
.detail-photo::after{content:"";position:absolute;inset:18px;border:1px solid #fff9;pointer-events:none}
.detail-photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;filter:saturate(.92) contrast(1.04)}
.detail-photo>span{position:absolute;left:35px;bottom:35px;background:#0b5e2abf;border-left:2px solid var(--gold);padding:13px 17px;color:#fff;font-size:10px;font-weight:750;letter-spacing:.16em;backdrop-filter:blur(8px)}
.detail-content{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:clamp(35px,7vw,105px);padding-block:115px 125px}
.detail-specifications h2,.detail-inquiry h2,.compare-section h2,.related-section h2{font:400 clamp(38px,4vw,58px)/1.12 var(--serif);letter-spacing:-.04em;margin-top:19px}
.detail-specifications table{width:100%;border-collapse:collapse;margin-top:38px}
.detail-specifications th,.detail-specifications td{border-top:1px solid #d8d6ca;padding:17px 0;text-align:left;font-size:13px;line-height:1.6}
.detail-specifications th{width:42%;font-weight:500;color:#64746a}
.detail-specifications td{font-weight:700;color:var(--text)}
.detail-note{font-size:12px;line-height:1.75;color:#627267;margin-top:23px;max-width:680px}
.detail-inquiry{align-self:start;background:#eae5d6;border-top:3px solid var(--gold);padding:36px 32px 39px}
.detail-inquiry h2{font-size:36px}
.detail-inquiry p{font-size:13px;line-height:1.8;color:#52695b;margin:22px 0 28px}
.detail-inquiry .detail-primary{background:var(--green);color:white;width:100%}
.detail-inquiry .detail-primary:hover{background:#075522}
.detail-contact{display:inline-block;color:#286344;font-size:13px;font-weight:700;margin-top:22px;text-decoration:underline;text-underline-offset:4px}
.compare-section{padding:100px 0 115px;background:#eae7dd}
.compare-section h2{max-width:780px}
.compare-hint{font-size:12px;color:#5c7060;margin-top:16px}
.compare-scroll{overflow-x:auto;overscroll-behavior-inline:contain;margin-top:34px;scrollbar-color:#9d956d #eae7dd}
.compare-scroll table{border-collapse:collapse;min-width:680px;width:100%;background:#f9f7f0}
.compare-scroll th,.compare-scroll td{border:1px solid #dad7ca;padding:17px 15px;vertical-align:top;text-align:left;font-size:12px;line-height:1.55;min-width:150px}
.compare-scroll thead th{background:#0E752C;color:white;font-weight:700}
.compare-scroll thead a{text-decoration:underline;text-underline-offset:3px}
.compare-scroll thead a[aria-current=page]{color:#f9dfa4}
.compare-scroll tbody th{color:#45614f;font-weight:700;background:#f0eee5;min-width:130px}
.compare-scroll tbody td{color:#233d2c;font-weight:650}
.unlisted{color:#69756b;font-weight:400}
.related-section{padding-block:105px 125px}
.related-head{display:flex;align-items:end;justify-content:space-between;gap:20px}
.related-head>a{font-size:12px;font-weight:750;color:var(--green);text-decoration:underline;text-underline-offset:5px;white-space:nowrap}
.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:37px}
.related-card{display:flex;flex-direction:column;min-width:0;background:#efebe0;border:1px solid #dfdacd;padding-bottom:22px;transition:transform .25s,box-shadow .25s}
.related-card:hover{transform:translateY(-4px);box-shadow:0 12px 22px #17392e20}
.related-card img{width:100%;height:220px;object-fit:cover}
.related-card span{color:#9c814b;font-size:10px;font-weight:750;letter-spacing:.12em;padding:21px 22px 0}
.related-card strong{font:400 27px/1.15 var(--serif);padding:9px 22px 0}
.related-card small{color:#637368;font-size:11px;padding:8px 22px 0}
@media(max-width:1100px){.detail-wrap{width:calc(100% - 64px)}.detail-links{gap:16px}.detail-hero-grid{min-height:570px}.detail-photo{min-height:570px}.detail-hero-copy{padding-right:34px}.detail-content{gap:45px}}
@media(max-width:850px){.detail-links{display:none}.detail-languages{margin-left:auto}.detail-mobile-menu{display:block;position:relative}.detail-mobile-menu summary{list-style:none;width:44px;height:44px;display:grid;place-items:center;font-size:22px;color:var(--green);cursor:pointer}.detail-mobile-menu summary::-webkit-details-marker{display:none}.detail-mobile-menu nav{position:absolute;right:0;top:48px;display:flex;flex-direction:column;min-width:230px;background:var(--cream);box-shadow:0 13px 28px #17392e30;padding:11px 18px}.detail-mobile-menu nav a{min-height:45px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px;font-weight:700}.detail-mobile-menu nav a:last-child{border:0}.detail-hero-grid{grid-template-columns:1fr}.detail-hero-copy{padding:70px 0}.detail-photo{height:440px;min-height:0}.detail-content{grid-template-columns:1fr;gap:48px}.detail-inquiry{max-width:580px}.related-card img{height:170px}}
@media(max-width:600px){.detail-wrap{width:calc(100% - 34px)}.detail-header{height:68px}.detail-nav{gap:8px}.detail-nav .brand img{width:36px;height:36px}.detail-nav .brand-copy strong{font-size:15px}.detail-nav .brand-copy small{font-size:8px}.detail-languages{gap:5px;font-size:11px}.detail-hero-copy{padding:58px 0 55px}.detail-hero h1{font-size:clamp(43px,11vw,58px)}.detail-hero .detail-lede{font-size:14px}.detail-highlights{margin-top:28px}.detail-highlights>div{padding-right:9px}.detail-highlights dd{font-size:11px}.detail-photo{height:300px}.detail-photo::after{inset:10px}.detail-photo>span{left:20px;bottom:20px}.detail-hero-actions{align-items:stretch;flex-direction:column}.detail-primary{width:100%}.detail-text-link{align-self:flex-start}.detail-content{padding-block:75px 85px}.detail-inquiry{padding:27px 22px}.compare-section{padding-block:72px 85px}.compare-scroll{margin-right:-17px}.related-section{padding-block:75px 85px}.related-head{display:block}.related-head>a{display:inline-block;margin-top:18px}.related-grid{grid-template-columns:1fr;gap:15px}.related-card{display:grid;grid-template-columns:120px 1fr;grid-template-rows:1fr auto auto;min-height:120px;padding:0 10px 0 0}.related-card img{grid-row:1/4;width:120px;height:120px}.related-card span{padding:17px 10px 0}.related-card strong{font-size:21px;padding:3px 10px 0}.related-card small{padding:3px 10px 13px}}
@media(max-width:360px){.detail-nav .brand-copy small{display:none}.detail-nav .brand-copy strong{font-size:12px}.detail-languages{gap:3px}.detail-highlights{grid-template-columns:1fr 1fr}.detail-highlights>div{padding-top:14px}.detail-hero h1{font-size:42px}}
@media(prefers-reduced-motion:reduce){.detail-primary,.related-card{transition:none}.detail-primary:hover,.related-card:hover{transform:none}}

/* Product-page text uses the same readable variants as the homepage. */
.detail-languages, .detail-specifications th, .compare-hint,
.unlisted, .related-card small { color: var(--muted); }
.detail-languages a { min-width: 28px; justify-content: center; }
.section-label, .related-card span { color: var(--gold-text); }
.detail-translation, .compare-scroll thead a[aria-current=page] {
  color: var(--gold-on-green);
}
.detail-hero :where(a, button):focus-visible { --focus-ring: var(--gold-on-green); }