.ph-hero{background:linear-gradient(135deg,#081a35 0%,#12325a 100%);color:#fff;padding:54px 0}.ph-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center}.ph-kicker{display:inline-flex;padding:7px 12px;border-radius:999px;background:#f5e9c9;color:#876421;font-size:12px;font-weight:900;letter-spacing:.05em}.ph-hero h1{font-size:clamp(42px,6vw,72px);line-height:.98;letter-spacing:-.055em;margin:16px 0}.ph-hero p{font-size:18px;line-height:1.75;color:#dce7f5;max-width:760px}.ph-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.ph-visual img{width:100%;border-radius:22px;box-shadow:0 30px 70px rgba(0,0,0,.28);border:1px solid rgba(217,187,115,.35)}
.ph-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:18px}.ph-toolbar h2,.ph-section-head h2{font-size:36px;margin:0;color:#081a35;letter-spacing:-.035em}.ph-search{display:flex;gap:8px}.ph-search input{width:min(360px,60vw);padding:12px 14px;border:1px solid #d8e0eb;border-radius:12px;font:inherit;background:#fff}.ph-cats{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}.ph-cats a{text-decoration:none;border:1px solid #dfe5ed;background:#fff;padding:8px 12px;border-radius:999px;font-size:13px;font-weight:800;color:#31405a}.ph-cats a.active{background:#0b1f3e;color:#fff;border-color:#0b1f3e}.ph-cats small{opacity:.65;margin-left:3px}.ph-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ph-card{display:flex;gap:16px;background:#fff;border:1px solid #e0e6ee;border-radius:22px;padding:18px;box-shadow:0 14px 34px rgba(8,26,53,.06)}.ph-card-icon{width:76px;height:76px;flex:0 0 76px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#0b1f3e,#153760);color:#e5c56f;border:1px solid rgba(217,187,115,.4)}.ph-card-icon span{font-size:34px;font-weight:900}.ph-card-body{display:flex;flex-direction:column;min-width:0}.ph-cat{color:#9a742b;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.ph-card h3{margin:3px 0 7px;font-size:22px;color:#081a35;line-height:1.1}.ph-card p{margin:0;color:#5a6779;font-size:14px}.ph-chips{display:flex;flex-wrap:wrap;gap:5px;margin:11px 0}.ph-chips span{font-size:10px;font-weight:800;padding:5px 7px;border-radius:999px;background:#f2f5f9;color:#4b5a70}.ph-chips.large span{font-size:12px;padding:7px 10px}.ph-card-actions{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:12px}.ph-text-link{font-size:13px;font-weight:850;color:#8a6626;text-decoration:none}.ph-catalog-section{background:#edf2f8}.ph-catalog-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.ph-catalog-grid a{background:#fff;border:1px solid #dfe6ef;border-radius:18px;padding:10px;box-shadow:0 12px 26px rgba(8,26,53,.06)}.ph-catalog-grid img{width:100%;height:auto;border-radius:12px}
.ph-breadcrumb{display:flex;gap:8px;align-items:center;font-size:13px;color:#67758a;margin:0 0 16px}.ph-breadcrumb a{color:#8a6626;font-weight:800;text-decoration:none}.ph-detail{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start}.ph-product-hero{display:grid;grid-template-columns:110px 1fr;gap:22px;align-items:center;background:#fff;border:1px solid #e0e6ee;border-radius:24px;padding:26px;box-shadow:0 14px 36px rgba(8,26,53,.07)}.ph-product-mark{width:110px;height:110px;display:grid;place-items:center;border-radius:26px;background:linear-gradient(145deg,#0b1f3e,#153760);border:1px solid rgba(217,187,115,.4);color:#e3c16b}.ph-product-mark span{font-size:54px;font-weight:900}.ph-product-hero h1{font-size:clamp(38px,5vw,60px);line-height:1;letter-spacing:-.05em;margin:10px 0 12px;color:#081a35}.ph-product-hero p{margin:0;color:#536176;font-size:18px;line-height:1.65}.ph-verified{display:inline-flex;margin-top:13px;padding:7px 10px;background:#eef8f0;border-radius:999px;color:#2e6840;font-size:12px;font-weight:850}.ph-knowledge-block{position:relative;margin-top:18px;background:#fff;border:1px solid #e0e6ee;border-radius:22px;padding:24px;box-shadow:0 10px 28px rgba(8,26,53,.04)}.ph-knowledge-block h2{margin:0 0 10px;color:#081a35;font-size:26px}.ph-knowledge-block p{color:#526176;line-height:1.75;margin:0}.ph-step{position:absolute;right:20px;top:18px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#f5e9c9;color:#886622;font-weight:900}.ph-knowledge-block.caution{background:#fffaf0;border-color:#ecd9aa}.ph-media-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ph-media-card{padding:16px;border:1px solid #e2e7ed;border-radius:16px;background:#fbfcfe}.ph-media-card h3{font-size:17px;margin:4px 0 7px}.ph-media-card p{font-size:13px}.ph-media-card a{display:inline-block;margin-top:8px;color:#8a6626;font-weight:850;font-size:13px}.ph-media-type{font-size:10px;font-weight:900;color:#8b6a2e;letter-spacing:.05em}.ph-related-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ph-related{display:flex;flex-direction:column;text-decoration:none;padding:16px;border:1px solid #e2e7ed;border-radius:16px;background:#fbfcfe}.ph-related small{color:#9a742b;font-weight:850}.ph-related strong{color:#081a35;margin:4px 0}.ph-related span{font-size:13px;color:#607086}.ph-source,.ph-health-note{margin-top:18px;padding:16px 18px;border-radius:16px;background:#fff;border:1px solid #e0e6ee;color:#536176}.ph-health-note{background:#fff7ea;border-color:#edd7a4;color:#75581e}.ph-detail-side .ph-sticky{position:sticky;top:92px}.ph-detail-side h3{font-size:24px;margin:10px 0}.ph-detail-side hr{border:0;border-top:1px solid #e8edf3;margin:18px 0}.ph-detail-side .btn{width:100%;margin-top:9px}.ph-side-link{display:block;margin-top:11px;color:#8a6626;font-weight:850;text-decoration:none}
@media(max-width:980px){.ph-grid{grid-template-columns:1fr 1fr}.ph-detail{grid-template-columns:1fr}.ph-detail-side .ph-sticky{position:static}.ph-hero-grid{grid-template-columns:1fr}.ph-visual{max-width:700px}.ph-media-grid,.ph-related-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.ph-grid,.ph-catalog-grid,.ph-media-grid,.ph-related-grid{grid-template-columns:1fr}.ph-card{flex-direction:column}.ph-toolbar{align-items:stretch;flex-direction:column}.ph-search input{width:100%}.ph-product-hero{grid-template-columns:1fr}.ph-product-mark{width:82px;height:82px}.ph-product-mark span{font-size:40px}}