.page-hero{background:#EBDDC8}
.page-hero .inner{padding-block:56px 48px; text-align:center; max-width:760px}
.page-hero h1{font-size:clamp(2rem,4.2vw,2.8rem); line-height:1.3; margin-block:10px 14px}
.page-hero .lead{font-size:1.05rem; color:#4a4337; margin-inline:auto; max-width:620px}
.crumbs{font-size:.82rem; color:#6b604c; display:flex; gap:8px; margin-bottom:18px; justify-content:center}
.crumbs a{color:#6b604c; text-decoration:none} .crumbs a:hover{color:var(--gold)}
.jump{display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin-top:24px}
.jump a{background:rgba(255,255,255,.6); border:1px solid rgba(178,141,74,.45); color:var(--olive); border-radius:999px; padding:8px 18px; font-weight:700; font-size:.9rem; text-decoration:none; white-space:nowrap; transition:background .2s, color .2s}
.jump a:hover{background:var(--gold); color:#fff; border-color:var(--gold)}
.ip-wrap{display:flex; flex-direction:column; gap:28px}
.ip{display:grid; grid-template-columns:240px minmax(0,1fr); gap:36px; background:var(--card-bg); border:1px solid var(--border); border-radius:4px; padding:32px; scroll-margin-top:90px}
@media (max-width:760px){ .ip{grid-template-columns:1fr; gap:22px; padding:22px} }
.ip-side{display:flex; flex-direction:column; gap:4px; align-items:flex-start}
.ip-thumb{width:140px; aspect-ratio:4/5; border-radius:90px 90px 4px 4px; overflow:hidden; background:#F1E9DC; margin-bottom:14px; box-shadow:0 0 0 6px rgba(255,255,255,.7), 0 0 0 7px rgba(178,141,74,.35)}
.ip-thumb img{width:100%; height:100%; object-fit:cover; mix-blend-mode:multiply}
.ip-side h2{font-size:1.3rem}
.ip-size{color:#6b604c; font-size:.9rem}
.ip-scent{font-weight:700; color:var(--plum); font-size:.9rem}
.ip-link{margin-top:10px; color:var(--gold); font-weight:700; text-decoration:none; font-size:.9rem}
.ip-link:hover{text-decoration:underline; text-underline-offset:4px}
.ip-main h3{font-size:1.05rem; color:var(--olive)}
.inci-list{direction:ltr; text-align:left; unicode-bidi:isolate; font-size:.9rem; line-height:1.95; background:var(--off); border-radius:4px; padding:16px 18px; margin-top:10px}
.inci-facts{display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:16px}
@media (max-width:560px){ .inci-facts{grid-template-columns:1fr} }
.inci-fact{display:grid; grid-template-columns:44px minmax(0,1fr); gap:12px; align-items:center; background:var(--off); border-radius:4px; padding:12px 14px}
.inci-fact .fi{width:44px; height:44px; color:var(--olive); display:flex; align-items:center; justify-content:center}
.inci-fact .fi svg{width:34px; height:34px}
.inci-fact b{display:block; font-size:.95rem}
.inci-fact span{font-size:.86rem; opacity:.8}
.note-box{max-width:860px; margin:36px auto 0; background:var(--sand); border-radius:4px; padding:16px 20px; font-size:.9rem; line-height:1.8; display:flex; gap:10px}
.note-box .ic{width:20px; height:20px; color:var(--olive); flex:none; margin-top:3px}