/* r4 components: product page, ads, related grid, category menu */
.ph1 .pi{display:flex;flex-wrap:nowrap;gap:16px;align-items:center;width:100%;margin-top:4px}
.ph1 .plogo{flex:none;width:96px;height:96px;background:#fff;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.ph1 .plogo img{max-width:88px;max-height:88px;object-fit:contain}
.ph1 .pt{flex:1 1 auto;min-width:0}
.ph1 .pt h1{margin:0 0 4px;font-size:clamp(24px,3.6vw,36px);overflow-wrap:anywhere}
.ph1 .pcat{margin:0;font-size:15px;color:var(--mut)}
.ph1 .pcat a{font-weight:600}
.ph1 .pvisit{flex:none;margin:0 0 0 auto}
.ph1 .pvisit a,.pnav a.visit{display:flex;align-items:center;min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--fg);text-decoration:none;font-weight:600;font-size:15px;white-space:nowrap}
.ph1 .pvisit a:hover{background:#f1edfd;color:var(--lnk)}
@media(max-width:700px){.ph1 .pi{flex-wrap:wrap}.ph1 .plogo{width:72px;height:72px}.ph1 .plogo img{max-width:64px;max-height:64px}.ph1 .pt{flex:1 1 calc(100% - 100px)}.ph1 .pvisit{flex:1 1 100%;margin:0}.ph1 .pvisit a{white-space:normal;justify-content:center;text-align:center}}
.pnav{margin-top:14px}
.lay.one{display:block;padding:28px 20px 40px}
.psec{scroll-margin-top:84px;overflow-wrap:break-word}
.psec h3{font-size:19px;margin:1.3em 0 .45em}
.psec h4{font-size:17px;margin:1.2em 0 .4em}
.psec p{margin:0 0 1em}
.psec ul,.psec ol{padding-left:1.4em;margin:0 0 1.1em}
.psec li{margin:.3em 0}
.rv>h3:first-child{margin-top:0}
.tw{overflow-x:auto;margin:1.2em 0}
.price{font-size:18px;font-weight:600;margin:0}
.psec ul.shots{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:14px}
.shots li{margin:0}
.shots a{display:block;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff;aspect-ratio:16/10}
.shots img{width:100%;height:100%;object-fit:contain;border:0;border-radius:0}
.psec ul.flist{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.flist li{margin:0;border:1px solid var(--line);border-radius:8px;padding:6px 12px;background:#faf9ff;font-size:15px}
.tech li a{overflow-wrap:anywhere}
.auth{display:flex;gap:16px;align-items:flex-start}
.auth img{flex:none;width:72px;height:72px;border-radius:50%;object-fit:cover}
.auth h3{margin:0}.auth .role{margin:0;color:var(--mut);font-size:14px}.auth p{margin:6px 0 0}
.adwrap{margin:22px auto;text-align:center;max-width:100%;clear:both;min-height:0}
.adwrap .adlbl{display:none;font:11px/1 system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#5d6470;margin-bottom:6px}
.adwrap:has(ins[data-ad-status=filled]) .adlbl{display:block}
.adwrap ins.adsbygoogle{display:block;width:100%}
.adwrap ins[data-ad-status=unfilled]{display:none!important}
.adwrap:has(ins[data-ad-status=unfilled]){display:none}
.rgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}
.rgrid a{aspect-ratio:1/1;min-height:0;justify-content:center;padding:10px;gap:10px;border-radius:8px}
.rgrid .rl{width:72px;height:72px;border-radius:8px;flex:none}
.rgrid .rl img{max-width:64px;max-height:64px}
.rgrid .rl.nl{background:#f1edfd;color:var(--ac2);font-weight:800;font-size:26px}
.rgrid span.nm{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;font-weight:600;line-height:1.3;max-width:100%}
.pcatbar{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px 24px;margin:0 0 18px}
.pcatbar h2{font-size:15px;text-transform:uppercase;letter-spacing:.05em;color:#374151;margin:0 0 12px}
.chiprow{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.chiprow a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--fg);text-decoration:none;font-weight:600;font-size:15px}
.chiprow a:hover{background:#f1edfd;color:var(--lnk)}
.chiprow a.all{background:var(--navy);color:#fff;border-color:var(--navy)}
.chiprow a.all:hover{background:#2d2360}
.chiprow i{font-style:normal;margin-left:8px;opacity:.8;font-size:13px}
@media(max-width:640px){.lay.one{padding:0 0 30px}.pcatbar{border-radius:0;border-left:0;border-right:0;padding:18px}.rgrid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}.rgrid .rl{width:56px;height:56px}.rgrid .rl img{max-width:48px;max-height:48px}.note{padding:16px 18px 0}.ph1 .w{padding:0 16px}}
.psec ul.tech{padding:0;margin:0}