.hm-theme-detail { --ht-red:#d71920; --ht-dark:#181719; --ht-muted:#66646a; --ht-paper:#f5f1ec; color:var(--ht-dark); background:#fff; }
.hm-theme-detail * { box-sizing:border-box; }
.hm-theme-product-hero { padding:3rem 0 7.5rem; background:linear-gradient(145deg,#faf8f5 0%,#f2ece6 100%); overflow:hidden; }
.hm-theme-product-back { display:inline-flex; align-items:center; gap:.8rem; margin-bottom:3rem; color:#69666a; font-size:1.35rem; font-weight:750; text-decoration:none; }.hm-theme-product-back:hover { color:var(--ht-red); }
.hm-theme-product-hero-grid { display:grid; grid-template-columns:minmax(0,.82fr) minmax(440px,1.18fr); gap:clamp(4rem,7vw,9rem); align-items:center; }.hm-theme-product-hero-grid.no-image { grid-template-columns:minmax(0,1fr) minmax(340px,.65fr); }
.hm-theme-product-labels { display:flex; flex-wrap:wrap; gap:.8rem; margin-bottom:1.8rem; }.hm-theme-product-labels span { padding:.7rem 1rem; border:1px solid #ded6ce; border-radius:100px; color:#615e60; background:rgba(255,255,255,.65); font-size:1.05rem; font-weight:850; letter-spacing:.09em; text-transform:uppercase; }.hm-theme-product-labels .is-free { border-color:transparent; color:#fff; background:var(--ht-red); }
.hm-theme-product-copy h1 { margin:0; font-size:clamp(4.3rem,5.9vw,7.4rem); line-height:.98; letter-spacing:-.055em; }.hm-theme-product-copy>p { max-width:670px; margin:2.2rem 0 0; color:#565359; font-size:clamp(1.7rem,1.9vw,2rem); line-height:1.65; }
.hm-theme-product-meta { display:flex; flex-wrap:wrap; gap:1rem 2rem; margin:2.7rem 0; color:#535056; font-size:1.25rem; font-weight:700; }.hm-theme-product-meta span { display:flex; align-items:center; gap:.7rem; }.hm-theme-product-meta b { color:var(--ht-red); }
.hm-theme-product-jump { display:inline-flex; align-items:center; gap:1.2rem; min-height:5.2rem; padding:1.35rem 2.2rem; border-radius:.8rem; color:#fff; background:var(--ht-red); font-size:1.45rem; font-weight:850; text-decoration:none; box-shadow:0 12px 25px rgba(180,18,26,.18); transition:transform .2s ease,box-shadow .2s ease; }.hm-theme-product-jump:hover { color:#fff; transform:translateY(-2px); box-shadow:0 16px 30px rgba(180,18,26,.24); }
.hm-theme-product-visual { overflow:hidden; margin:0; border:8px solid #fff; border-radius:1.5rem; background:#fff; box-shadow:0 28px 60px rgba(48,36,28,.18); transform:rotate(1deg); }.hm-theme-product-browserbar { display:flex; align-items:center; gap:.65rem; height:4.3rem; padding:0 1.5rem; background:#efedeb; }.hm-theme-product-browserbar i { width:.8rem; height:.8rem; border-radius:50%; background:#c7c3bf; }.hm-theme-product-browserbar i:first-child { background:var(--ht-red); }.hm-theme-product-browserbar span { margin-left:.8rem; color:#929092; font-size:1rem; }.hm-theme-product-visual img { display:block; width:100%; aspect-ratio:16/10; object-fit:cover; }
.hm-theme-product-placeholder { display:flex; min-height:380px; align-items:center; justify-content:center; flex-direction:column; border:8px solid #fff; border-radius:1.5rem; color:var(--ht-red); background:linear-gradient(145deg,#fff,#f5e3e1); box-shadow:0 28px 60px rgba(48,36,28,.15); transform:rotate(1deg); }.hm-theme-product-placeholder span { font-size:7rem; font-weight:900; line-height:1; }.hm-theme-product-placeholder strong { margin-top:2rem; color:var(--ht-dark); font-size:2.4rem; }.hm-theme-product-placeholder small { margin-top:.5rem; color:#777; letter-spacing:.15em; text-transform:uppercase; }
.hm-theme-product-body { padding:9rem 0; }.hm-theme-product-layout { display:grid; grid-template-columns:minmax(0,1fr) 310px; gap:clamp(4rem,7vw,8rem); align-items:start; }.hm-theme-product-content { min-width:0; max-width:840px; margin:0; color:#333136; font-size:1.7rem; line-height:1.82; }.hm-theme-product-content>* { grid-column:auto!important; }.hm-theme-product-content>p:first-child { color:#4d4a50; font-size:2rem; line-height:1.7; }
.hm-theme-product-content h2,.hm-theme-product-content h3 { color:var(--ht-dark); scroll-margin-top:3rem; letter-spacing:-.035em; }.hm-theme-product-content h2 { position:relative; margin-top:2.5em; padding-top:1.8rem; font-size:3.5rem; }.hm-theme-product-content h2::before { position:absolute; top:0; left:0; width:5rem; height:4px; border-radius:4px; background:var(--ht-red); content:""; }.hm-theme-product-content h3 { margin-top:2em; font-size:2.4rem; }
.hm-theme-product-content a { color:var(--ht-red); text-underline-offset:3px; }.hm-theme-product-content figure img { border-radius:1.2rem; box-shadow:0 12px 35px rgba(32,27,23,.08); }.hm-theme-product-content figcaption { color:#777; font-size:1.2rem; }.hm-theme-product-content blockquote { padding:2.5rem 3rem; border:0; border-left:5px solid var(--ht-red); border-radius:0 1.2rem 1.2rem 0; color:#403d42; background:var(--ht-paper); }
.hm-theme-product-content .kg-callout-card { padding:2.5rem; border:1px solid #e5ded7; border-radius:1.3rem; box-shadow:0 12px 32px rgba(38,30,24,.06); }.hm-theme-product-content .kg-button-card .kg-btn { min-height:5.2rem; padding:1.4rem 2.4rem; border-radius:.8rem; color:#fff; background:var(--ht-red); font-weight:800; box-shadow:0 10px 22px rgba(180,18,26,.18); }.hm-theme-product-content .kg-gallery-card img { border-radius:.8rem; }.hm-theme-product-content .kg-bookmark-card { overflow:hidden; border:1px solid #e1dad3; border-radius:1.2rem; box-shadow:0 12px 32px rgba(38,30,24,.06); }
.hm-theme-product-content table { overflow:hidden; border:1px solid #dfd8d1; border-radius:1rem; }.hm-theme-product-content th { color:#fff; background:var(--ht-dark); }.hm-theme-product-content th,.hm-theme-product-content td { padding:1.3rem 1.5rem; border-color:#e5dfd9; }
.hm-theme-product-rail { position:sticky; top:2.8rem; display:flex; flex-direction:column; gap:2rem; }.hm-theme-product-toc,.hm-theme-product-help { padding:2.8rem; border-radius:1.3rem; }.hm-theme-product-toc { border:1px solid #e2dbd4; background:var(--ht-paper); }.hm-theme-product-toc[hidden] { display:none; }.hm-theme-product-toc>span,.hm-theme-product-help>span { color:var(--ht-red); font-size:1rem; font-weight:900; letter-spacing:.11em; text-transform:uppercase; }.hm-theme-product-toc h2,.hm-theme-product-help h2 { margin:.6rem 0 1.7rem; font-size:2rem; line-height:1.2; letter-spacing:-.03em; }.hm-theme-product-toc ol { display:flex; flex-direction:column; gap:.3rem; margin:0; padding:0; list-style:none; }.hm-theme-product-toc li.is-h3 { padding-left:1.3rem; }.hm-theme-product-toc a { display:block; padding:.65rem 0; color:#666267; font-size:1.25rem; font-weight:700; line-height:1.45; text-decoration:none; }.hm-theme-product-toc a:hover { color:var(--ht-red); }
.hm-theme-product-help { color:#fff; background:linear-gradient(135deg,#ae1119,var(--ht-red)); box-shadow:0 16px 35px rgba(155,13,20,.16); }.hm-theme-product-help>span { color:#ffd9d7; }.hm-theme-product-help h2 { color:#fff; }.hm-theme-product-help p { color:rgba(255,255,255,.85); font-size:1.3rem; line-height:1.6; }.hm-theme-product-help a { display:flex; justify-content:space-between; margin-top:1.8rem; padding-top:1.6rem; border-top:1px solid rgba(255,255,255,.22); color:#fff; font-size:1.3rem; font-weight:850; text-decoration:none; }
.hm-theme-product-footer { padding:0 0 8rem; }.hm-theme-product-footer-box { display:flex; justify-content:space-between; align-items:center; gap:4rem; padding:4.5rem 5rem; border-radius:1.5rem; background:var(--ht-dark); color:#fff; }.hm-theme-product-footer-box>div>span { color:#ff8d8c; font-size:1.05rem; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }.hm-theme-product-footer h2 { margin:.6rem 0 0; color:#fff; font-size:3rem; letter-spacing:-.04em; }.hm-theme-product-footer p { margin:.8rem 0 0; color:#c8c6c9; font-size:1.35rem; }.hm-theme-product-footer-box>a { flex:0 0 auto; padding:1.4rem 2rem; border-radius:.7rem; color:var(--ht-dark); background:#fff; font-size:1.35rem; font-weight:850; text-decoration:none; }
@media (max-width:900px) { .hm-theme-product-hero-grid,.hm-theme-product-hero-grid.no-image { grid-template-columns:1fr; }.hm-theme-product-visual,.hm-theme-product-placeholder { width:min(720px,100%); }.hm-theme-product-layout { grid-template-columns:1fr; }.hm-theme-product-content { max-width:none; }.hm-theme-product-rail { position:static; }.hm-theme-product-toc { order:-1; }.hm-theme-product-footer-box { align-items:flex-start; flex-direction:column; } }
@media (max-width:600px) { .hm-theme-detail .gh-inner { width:100%; padding-right:2rem; padding-left:2rem; }.hm-theme-product-hero { padding:2rem 0 5rem; }.hm-theme-product-hero-grid { gap:3.5rem; }.hm-theme-product-copy h1 { font-size:4.2rem; }.hm-theme-product-meta { align-items:flex-start; flex-direction:column; }.hm-theme-product-visual { border-width:5px; transform:none; }.hm-theme-product-body { padding:6rem 0; }.hm-theme-product-content { overflow-wrap:anywhere; }.hm-theme-product-content h2 { font-size:3rem; }.hm-theme-product-content .kg-width-wide,.hm-theme-product-content .kg-width-full { max-width:100%!important; margin-right:0!important; margin-left:0!important; }.hm-theme-product-footer-box { padding:3.5rem 2.5rem; }.hm-theme-product-footer h2 { font-size:2.7rem; } }
@media (prefers-reduced-motion:reduce) { .hm-theme-product-jump { transition:none; } }