.pf-catalogue{--pf-navy:#07264a;--pf-blue:#075dff;color:var(--pf-navy)}
.pf-catalogue .wrap{width:min(1200px,calc(100% - 40px));margin-inline:auto}
.pf-catalogue .hero{padding:48px 0 36px;background:radial-gradient(at 85% 10%,#10478b 0,transparent 55%),linear-gradient(120deg,#061a35,#08284e);color:#fff;border-bottom:1px solid #dce6f3}
.pf-catalogue .hero>.wrap{padding-block:0!important}
.pf-catalogue .hero h1{color:#fff}.pf-catalogue .hero .lead,.pf-catalogue .hero .crumbs,.pf-catalogue .hero .crumbs a{color:#d7e6fa}
.pf-catalogue h1{font-size:clamp(28px,3.8vw,48px);line-height:1.17;letter-spacing:-.035em;max-width:1000px;margin:22px 0 16px;overflow-wrap:anywhere}
.pf-catalogue .lead{font-size:17px;line-height:1.75;max-width:800px;color:#53677f}
.pf-catalogue .crumbs{font-size:13px;display:flex;gap:9px;flex-wrap:wrap;line-height:1.6}
.pf-catalogue .main{padding:30px 0 64px}.pf-catalogue .panel{background:#fff;border:1px solid #dce6f3;border-radius:22px;padding:28px;margin-bottom:24px;box-shadow:0 10px 28px #08254b06;min-width:0}
.pf-catalogue h2{font-size:23px;line-height:1.35;letter-spacing:-.02em}.pf-catalogue h3{font-size:17px}.pf-catalogue p{line-height:1.8}.pf-catalogue .layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:24px;align-items:start}
.pf-catalogue .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.pf-catalogue .pf-catalog-card{display:flex;align-items:center;gap:16px;background:linear-gradient(120deg,#fff 60%,#f2f7ff);border:1px solid #dce6f3;border-radius:17px;padding:20px;min-height:110px;text-decoration:none;color:var(--pf-navy);box-shadow:0 5px 16px #08254b04;transition:border-color .15s,box-shadow .15s;overflow-wrap:anywhere}
.pf-catalogue .pf-catalog-card:hover{border-color:#6d9cff;box-shadow:0 8px 22px #075dff12}.pf-catalogue a:focus-visible,.pf-catalogue input:focus-visible{outline:3px solid #075dff;outline-offset:4px}
.pf-catalogue .pf-catalog-card img{width:74px;height:74px;object-fit:contain;flex-shrink:0}.pf-catalogue .pf-catalog-card span{flex:1;min-width:0}.pf-catalogue .pf-catalog-card strong{display:block;font-size:17px;line-height:1.4}.pf-catalogue .pf-catalog-card small{display:block;font-size:13px;color:#60738b;margin-top:8px;line-height:1.55}.pf-catalogue .pf-catalog-card svg{color:var(--pf-blue);flex-shrink:0}
.pf-catalogue .pf-filter{display:block;font-size:13px;font-weight:600;margin:20px 0 8px}.pf-catalogue input{display:block;box-sizing:border-box;width:100%;max-width:520px;padding:14px 16px;border:1px solid #cfdbeb;border-radius:12px;font:inherit;font-size:15px;margin-top:8px;background:#fbfdff;color:var(--pf-navy)}
.pf-catalogue [data-count]{font-size:13px;color:#60738b}.pf-catalogue [hidden]{display:none!important}.pf-catalogue .pf-product{display:flex;align-items:center;gap:30px}.pf-catalogue .pf-product img{width:160px;height:180px;object-fit:contain}.pf-catalogue .pf-product a{font-weight:650}.pf-catalogue .pf-context{font-size:14px;color:#60738b}.pf-catalogue .summary{background:#f1f6ff;border-left:4px solid var(--pf-blue);padding:22px;border-radius:0 12px 12px 0;font-size:18px}.pf-catalogue .notice{font-size:14px;border-radius:12px;background:#fff8e9;padding:18px}.pf-catalogue .locked{border:1px solid #dce6f3;border-radius:22px;overflow:hidden;margin-bottom:24px;background:white}.pf-catalogue .lock-head{padding:24px;background:var(--pf-navy);color:white}.pf-catalogue .lock-head strong{font-size:12px;font-weight:500;color:#bed3f1}.pf-catalogue .lock-head h2{color:white;margin:10px 0 0}.pf-catalogue .lock-body{padding:24px}.pf-catalogue .cta{display:block;text-align:center;border-radius:12px;background:var(--pf-blue);color:#fff;font-weight:650;padding:14px;margin-top:12px;text-decoration:none}.pf-catalogue .cta.alt{background:#edf4ff;color:var(--pf-blue)}.pf-catalogue .pf-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.pf-catalogue .pf-back{display:inline-block;padding:16px 0;font-weight:650}
@media(max-width:950px){.pf-catalogue .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pf-catalogue .layout{grid-template-columns:1fr}}
@media(max-width:600px){.pf-catalogue .wrap{width:calc(100% - 28px)}.pf-catalogue .hero{padding:24px 0}.pf-catalogue .panel{padding:20px;border-radius:18px}.pf-catalogue .grid,.pf-catalogue .pf-guide-grid{grid-template-columns:1fr}.pf-catalogue .pf-product{gap:18px;flex-direction:column;align-items:flex-start}.pf-catalogue .pf-product img{align-self:center}.pf-catalogue .pf-catalog-card{min-height:88px;padding:16px}.pf-catalogue .lead{font-size:15px}.pf-catalogue .crumbs{font-size:12px}.pf-catalogue .summary{font-size:16px;padding:18px}}
@media(prefers-reduced-motion:reduce){.pf-catalogue *{transition:none!important}}
.pf-catalogue .pf-page-nav{display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center;padding:18px 22px;border:1px solid #dce6f3;border-radius:16px;background:#fff;margin-bottom:24px;font-size:14px}
.pf-catalogue .pf-page-nav a{color:#075dff;text-decoration:none;font-weight:600;padding:6px 0}
.pf-catalogue [id]{scroll-margin-top:120px}
.pf-catalogue .pf-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#dce6f3;border:1px solid #dce6f3;border-radius:14px;overflow:hidden;margin:22px 0}
.pf-catalogue .pf-facts div{padding:16px 20px;background:#f8fbff;min-width:0}.pf-catalogue .pf-facts dt{font-size:12px;color:#53677f;margin-bottom:6px}.pf-catalogue .pf-facts dd{margin:0;font-weight:650;overflow-wrap:anywhere}
.pf-catalogue .pf-faq details{border-top:1px solid #dce6f3;padding:18px 0}.pf-catalogue .pf-faq summary{cursor:pointer;font-weight:650;line-height:1.6;overflow-wrap:anywhere}.pf-catalogue .pf-faq summary:focus-visible{outline:3px solid #075dff;outline-offset:4px}.pf-catalogue .pf-faq details p{color:#53677f;margin-bottom:0}.pf-catalogue .pf-source{border-left:4px solid #075dff}.pf-catalogue .pf-source a{font-weight:650}.pf-catalogue .pf-explainer p,.pf-catalogue .pf-source p{overflow-wrap:anywhere}
@media(max-width:600px){.pf-catalogue .pf-facts{grid-template-columns:1fr}.pf-catalogue .pf-page-nav{gap:8px 16px;padding:14px}.pf-catalogue .pf-page-nav strong{width:100%}}

/* Shared, compact catalogue card anatomy. Only the data changes by category. */
.pf-catalogue .pf-catalog-list>.grid{gap:16px}
.pf-catalogue .pf-catalog-card{position:relative;min-height:112px;padding:22px;background:#fff;border-radius:18px;border-color:#d7e3f2;box-shadow:0 4px 16px #07264a05;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.pf-catalogue .pf-catalog-card::before{content:"";position:absolute;inset:22px auto 22px 0;width:3px;border-radius:0 3px 3px 0;background:#075dff;opacity:.22;transition:opacity .18s}
.pf-catalogue .pf-catalog-card:hover{transform:translateY(-2px);border-color:#8bb4ff;box-shadow:0 12px 26px #07264a0e}
.pf-catalogue .pf-catalog-card:hover::before,.pf-catalogue .pf-catalog-card:focus-visible::before{opacity:1}
.pf-catalogue .pf-catalog-card .pf-card-copy{flex:1;min-width:0}
.pf-catalogue .pf-catalog-card strong{font-size:18px;line-height:1.45;letter-spacing:-.018em;font-weight:750}
.pf-catalogue .pf-catalog-card .pf-card-count{display:table;margin-top:10px;padding:4px 9px;background:#edf4ff;color:#17518e;border-radius:7px;font-size:12px;line-height:1.5;font-weight:650}
.pf-catalogue .pf-catalog-card>svg{width:18px;height:18px;opacity:.7}
.pf-catalogue .pf-catalog-card img{width:64px;height:80px;object-fit:contain}
.pf-catalogue .pf-catalog-card--code{min-height:80px;padding:22px 24px}
.pf-catalogue .pf-catalog-card--code strong{font-size:23px;line-height:1.35;font-weight:800;letter-spacing:-.02em}
.pf-catalogue--model #kodlar .grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.pf-catalogue .pf-code-meaning{border-top:3px solid #075dff}
.pf-catalogue .pf-code-meaning .summary{font-size:20px;line-height:1.75;overflow-wrap:anywhere}
.pf-catalogue .pf-solutions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:#07264a;border-color:#163b68;box-shadow:0 14px 32px #07264a12}
.pf-catalogue .pf-solutions .lock-head{padding:30px;background:transparent;align-self:center}
.pf-catalogue .pf-solutions .lock-head h2{font-size:26px;margin:0;color:#fff}
.pf-catalogue .pf-solutions .lock-head p{color:#cfdef1;font-size:15px;line-height:1.8;margin:14px 0 0}
.pf-catalogue .pf-solutions .lock-body{padding:30px;background:#f4f8ff;color:#344f70}
.pf-catalogue .pf-solutions .lock-body p{margin:0;font-size:14px;line-height:1.8}
.pf-catalogue .pf-app-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px;align-items:center}
.pf-catalogue .pf-app-actions .cta{margin:0;flex:1;min-width:170px;padding:14px 16px;font-size:14px;line-height:1.5}
@media(max-width:950px){.pf-catalogue--model #kodlar .grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pf-catalogue .pf-solutions{grid-template-columns:1fr}.pf-catalogue .pf-solutions .lock-head,.pf-catalogue .pf-solutions .lock-body{padding:24px}}
@media(max-width:600px){.pf-catalogue--model #kodlar .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pf-catalogue .pf-catalog-list>.grid{gap:12px}.pf-catalogue .pf-catalog-card{padding:18px;min-height:96px}.pf-catalogue .pf-catalog-card--code{min-height:76px;padding:18px 16px;gap:8px}.pf-catalogue .pf-catalog-card--code strong{font-size:19px}.pf-catalogue .pf-catalog-card--code>svg{width:16px;height:16px}.pf-catalogue .pf-code-meaning .summary{font-size:17px}.pf-catalogue .pf-solutions .lock-head h2{font-size:22px}.pf-catalogue .pf-solutions .lock-head,.pf-catalogue .pf-solutions .lock-body{padding:22px}.pf-catalogue .pf-app-actions{align-items:stretch}.pf-catalogue .pf-app-actions .cta{min-width:0;flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.pf-catalogue .pf-catalog-card:hover{transform:none}}

/* Responsive catalogue foundation: keep intrinsic text and navigation in bounds. */
body:has(.pf-catalogue) #pfn-header .pfn-bar{box-sizing:border-box}
.pf-catalogue :is(.wrap,.panel,.pf-category-editorial,.pf-category-editorial article,.pf-category-samples,.pf-category-samples a,.pf-category-samples span,.pf-category-reading,.pf-category-reading>*,.pf-category-visual,.pf-category-hero>*){min-width:0;box-sizing:border-box}
.pf-catalogue :is(h1,h2,h3,strong,dt,dd,.crumbs,.pf-card-copy){overflow-wrap:anywhere}
.pf-catalogue .pf-category-samples b{white-space:normal;overflow-wrap:anywhere;text-align:right;max-width:60%;flex-shrink:1}
.pf-catalogue .pf-catalog-card>svg{flex-shrink:0}
.pf-catalogue .pf-catalog-card:focus-visible,.pf-catalogue summary:focus-visible{outline:3px solid #075dff;outline-offset:4px}
.pf-catalogue .pf-category-visual{margin:0;border:1px solid #ffffff30;border-radius:24px;background:linear-gradient(145deg,#ffffff18,#ffffff08);overflow:hidden;display:grid;grid-template-columns:1fr;align-items:center;position:relative}
.pf-catalogue .pf-category-product{height:238px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#badcff36,transparent 68%)}
.pf-catalogue .pf-category-product img{width:230px;height:230px;max-width:100%;object-fit:contain;filter:drop-shadow(0 14px 16px #00112744)}
.pf-catalogue .pf-category-visual figcaption{display:grid;gap:7px;padding:18px 24px;border-top:1px solid #ffffff20;background:#031d3a30}
.pf-catalogue .pf-category-visual figcaption span{font-size:10px;font-weight:800;letter-spacing:1.8px;color:#99c9ff}
.pf-catalogue .pf-category-visual figcaption strong{font-size:19px;color:#fff;line-height:1.4}
.pf-catalogue .pf-category-visual figcaption small{font-size:12px;color:#cee2fa}
.pf-catalogue .pf-category-reading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:36px;border:1px solid #dbe5f1;border-radius:22px;padding:32px;margin:28px 0;background:linear-gradient(130deg,#f0f6ff,#fff 65%)}
.pf-catalogue .pf-category-eyebrow{font-size:11px;letter-spacing:1.5px;font-weight:800;color:#0861db}
.pf-catalogue .pf-category-reading h2{font-size:28px!important;line-height:1.25!important;color:#082b52;margin:14px 0!important;letter-spacing:-.6px}
.pf-catalogue .pf-category-reading p,.pf-catalogue .pf-category-reading dd{font-size:15px;line-height:1.85;color:#4a6079;margin:0}
.pf-catalogue .pf-category-reading dl{display:grid;gap:17px;margin:0}.pf-catalogue .pf-category-reading dl>div{padding:0 0 17px;border-bottom:1px solid #dce6f3}.pf-catalogue .pf-category-reading dl>div:last-child{padding-bottom:0;border:0}
.pf-catalogue .pf-category-reading dt{font-size:16px;line-height:1.5;font-weight:800;color:#0a315e;margin-bottom:6px}.pf-catalogue .pf-category-reading a{color:#075dff;font-weight:700}
@media(max-width:760px){
 .pf-catalogue .pf-category-hero,.pf-catalogue .pf-category-editorial,.pf-catalogue .pf-category-reading{grid-template-columns:minmax(0,1fr)}
 .pf-catalogue .pf-category-visual{grid-template-columns:100px minmax(0,1fr);border-radius:16px}
 .pf-catalogue .pf-category-product{height:112px}.pf-catalogue .pf-category-product img{width:100px;height:100px}
 .pf-catalogue .pf-category-visual figcaption{padding:15px 12px;border:0;border-left:1px solid #ffffff20;background:transparent;gap:5px}
 .pf-catalogue .pf-category-visual figcaption strong{font-size:16px}.pf-catalogue .pf-category-visual figcaption span{font-size:9px;letter-spacing:.7px}
 .pf-catalogue .pf-category-reading{padding:22px;gap:22px}.pf-catalogue .pf-category-reading h2{font-size:24px!important}
 .pf-catalogue .pf-category-editorial article{max-width:100%}
}
@media(max-width:380px){
 body:has(.pf-catalogue) #pfn-header .pfn-bar{padding-inline:14px;gap:12px}
 body:has(.pf-catalogue) #pfn-header .pfn-logo{min-width:0;max-width:calc(100% - 56px);flex:0 1 180px}
 body:has(.pf-catalogue) #pfn-header .pfn-logo>span{max-width:100%;width:180px}
 body:has(.pf-catalogue) #pfn-header .pfn-toggle{flex:0 0 44px;width:44px;min-width:44px;min-height:44px;padding:10px;justify-content:center}
 body:has(.pf-catalogue) #pfn-header .pfn-toggle span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .pf-catalogue--model #kodlar .grid{grid-template-columns:minmax(0,1fr)}
}

/* Keep the shared catalogue component authoritative over historic site skins. */
/* Brand → model → code: the same corporate visual grammar at every depth. */
#pf-main-content .pf-detail-hero{padding:28px 0 38px;background:radial-gradient(ellipse at 85% 35%,#164f94 0,transparent 54%),linear-gradient(125deg,#061a35,#092c55)}
#pf-main-content .pf-detail-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);align-items:center;gap:46px;margin-top:26px}
#pf-main-content .pf-detail-copy,#pf-main-content .pf-detail-visual,#pf-main-content .pf-detail-stats>div{min-width:0}
#pf-main-content .pf-detail-eyebrow{font-size:11px;letter-spacing:1.6px;font-weight:800;color:#99c9ff;margin:0}
#pf-main-content .pf-detail-hero h1{font-size:clamp(28px,3.1vw,43px);line-height:1.18;margin:14px 0 16px;max-width:800px}
#pf-main-content .pf-detail-hero .lead{font-size:16px;line-height:1.8;color:#d7e6fa;margin:0;overflow-wrap:anywhere}
#pf-main-content .pf-detail-stats{display:flex;flex-wrap:wrap;gap:20px 34px;margin:24px 0;padding:20px 0;border-top:1px solid #ffffff26;border-bottom:1px solid #ffffff26}
#pf-main-content .pf-detail-stats>div{max-width:100%;flex:0 1 auto}
#pf-main-content .pf-detail-stats dt{font-size:12px;color:#b2cae7;margin-bottom:5px}
#pf-main-content .pf-detail-stats dd{margin:0;font-size:19px;font-weight:750;color:white;line-height:1.45}
#pf-main-content .pf-detail-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px}
#pf-main-content .pf-detail-actions a{color:#d2e6ff;text-decoration:none;font-size:14px;font-weight:700;line-height:1.5;padding-block:12px}
#pf-main-content .pf-detail-actions .pf-detail-primary{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff;color:#073464;border:1px solid #fff;border-radius:12px;padding:13px 18px}
#pf-main-content .pf-detail-actions a:focus-visible{outline-color:#9fcaff}
#pf-main-content .pf-detail-visual{margin:0;border:1px solid #ffffff38;border-radius:24px;background:#ffffff0b;overflow:hidden}
#pf-main-content .pf-detail-image{min-height:232px;padding:20px;display:flex;align-items:center;justify-content:center;gap:20px;background:radial-gradient(ellipse at center,#c2defc29,transparent 70%)}
#pf-main-content .pf-detail-image img{display:block;width:220px;height:220px;max-width:100%;object-fit:contain;background:#fff;border-radius:18px;padding:16px;box-sizing:border-box}
#pf-main-content .pf-detail-monogram{display:grid;place-items:center;width:140px;height:140px;background:#ffffff14;border:1px solid #ffffff30;border-radius:20px;font-size:40px;font-weight:800;color:white}
#pf-main-content .pf-detail-code{display:flex;flex:1;min-width:0;flex-direction:column;gap:10px;color:white}
#pf-main-content .pf-detail-code small{font-size:10px;letter-spacing:1px;color:#b5d5ff}
#pf-main-content .pf-detail-code strong{font-size:clamp(26px,3.2vw,46px);line-height:1.1;overflow-wrap:anywhere}
#pf-main-content.pf-catalogue--code .pf-detail-image img{width:130px;height:166px;padding:12px;flex:0 1 130px}
#pf-main-content .pf-detail-visual figcaption{display:grid;gap:7px;padding:18px 22px;background:#041c374d;border-top:1px solid #ffffff20}
#pf-main-content .pf-detail-visual figcaption strong{color:#fff;font-size:17px;line-height:1.45}
#pf-main-content .pf-detail-visual figcaption span{color:#bdd3ee;font-size:12px;line-height:1.6}
#pf-main-content:is(.pf-catalogue--brand,.pf-catalogue--model,.pf-catalogue--code) .pf-catalog-list{padding:28px;background:linear-gradient(150deg,#fff 60%,#f5f8fe)}
#pf-main-content:is(.pf-catalogue--brand,.pf-catalogue--model,.pf-catalogue--code) .pf-catalog-list>h2{margin-top:0;font-size:25px;color:#07264a}
#pf-main-content .pf-code-meaning{padding:30px;border-top:3px solid #075dff;background:linear-gradient(125deg,#fff 55%,#f3f8ff)}
#pf-main-content .pf-code-meaning h2{font-size:clamp(22px,2.4vw,30px);margin:0 0 12px}
#pf-main-content .pf-code-meaning .summary{border:1px solid #cddff8;border-left:4px solid #075dff;border-radius:12px;background:#edf5ff;color:#133963}
#pf-main-content .pf-guide-grid article{padding:20px;background:#f4f8ff;border:1px solid #dce6f3;border-radius:14px;min-width:0}
#pf-main-content .pf-guide-grid h3{margin-top:0;color:#123b69}
#pf-main-content .pf-page-nav a{min-height:44px;display:inline-flex;align-items:center;box-sizing:border-box}
@media(max-width:950px){#pf-main-content .pf-detail-layout{gap:28px;grid-template-columns:minmax(0,1.3fr) minmax(240px,1fr)}#pf-main-content .pf-detail-image{gap:12px;padding:16px}#pf-main-content.pf-catalogue--code .pf-detail-image img{width:100px;height:150px;flex-basis:100px}}
@media(max-width:760px){#pf-main-content .pf-detail-layout{grid-template-columns:minmax(0,1fr);gap:22px;margin-top:22px}#pf-main-content .pf-detail-hero{padding:24px 0}#pf-main-content .pf-detail-visual{display:grid;grid-template-columns:140px minmax(0,1fr);border-radius:18px}#pf-main-content .pf-detail-image{padding:12px;min-height:128px}#pf-main-content .pf-detail-image img{width:112px;height:112px;padding:10px;border-radius:12px}#pf-main-content .pf-detail-visual figcaption{padding:16px;border-top:0;border-left:1px solid #ffffff20;align-content:center}#pf-main-content .pf-detail-visual figcaption strong{font-size:15px}#pf-main-content .pf-detail-monogram{width:96px;height:96px;font-size:30px}#pf-main-content.pf-catalogue--code .pf-detail-visual{grid-template-columns:minmax(0,1fr)}#pf-main-content.pf-catalogue--code .pf-detail-image{justify-content:flex-start;min-height:0;padding:16px;gap:22px}#pf-main-content.pf-catalogue--code .pf-detail-image img{width:90px;height:104px;flex-basis:90px}#pf-main-content.pf-catalogue--code .pf-detail-visual figcaption{border-left:0;border-top:1px solid #ffffff20}#pf-main-content .pf-detail-code strong{font-size:30px}#pf-main-content .pf-detail-stats{margin:20px 0;padding:16px 0}#pf-main-content .pf-detail-stats dd{font-size:17px}}
@media(max-width:600px){#pf-main-content:is(.pf-catalogue--brand,.pf-catalogue--model,.pf-catalogue--code) .pf-catalog-list,#pf-main-content .pf-code-meaning{padding:20px}#pf-main-content .pf-detail-actions{align-items:stretch;gap:4px}#pf-main-content .pf-detail-actions a{width:100%;box-sizing:border-box}#pf-main-content .pf-detail-hero .lead{font-size:15px}#pf-main-content .pf-guide-grid{gap:12px}#pf-main-content .pf-guide-grid article{padding:16px}}

#pf-main-content.pf-catalogue .pf-catalog-card{min-height:112px;padding:22px;border-radius:18px;border:1px solid #d7e3f2;background:#fff;box-shadow:0 4px 16px #07264a05}
#pf-main-content.pf-catalogue .pf-catalog-card strong{color:#07264a;font-size:18px;line-height:1.45;font-weight:750}
#pf-main-content.pf-catalogue .pf-catalog-card .pf-card-count{font-size:12px;line-height:1.5;color:#17518e}
#pf-main-content.pf-catalogue .pf-catalog-card--code{min-height:80px;padding:22px 24px}
#pf-main-content.pf-catalogue .pf-catalog-card--code strong{font-size:23px;font-weight:800;line-height:1.35}
#pf-main-content.pf-catalogue .pf-solutions{position:static;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:#07264a;border:1px solid #163b68;border-radius:22px;box-shadow:0 14px 32px #07264a12}
#pf-main-content.pf-catalogue .pf-solutions .lock-head{background:transparent;padding:30px;color:#fff}
#pf-main-content.pf-catalogue .pf-solutions .lock-head h2{font-size:26px;line-height:1.35;color:#fff;margin:0}
#pf-main-content.pf-catalogue .pf-solutions .lock-head p{color:#cfdef1;font-size:15px;line-height:1.8;margin:14px 0 0}
#pf-main-content.pf-catalogue .pf-solutions .lock-body{padding:30px;background:#f4f8ff;color:#344f70}
#pf-main-content.pf-catalogue .pf-solutions .lock-body p{font-size:14px;line-height:1.8;margin:0}
@media(max-width:950px){#pf-main-content.pf-catalogue .pf-solutions{grid-template-columns:1fr}#pf-main-content.pf-catalogue .pf-solutions .lock-head,#pf-main-content.pf-catalogue .pf-solutions .lock-body{padding:24px}}
@media(max-width:600px){#pf-main-content.pf-catalogue .pf-catalog-card{padding:18px;min-height:96px}#pf-main-content.pf-catalogue .pf-catalog-card--code{min-height:76px;padding:18px 16px}#pf-main-content.pf-catalogue .pf-catalog-card--code strong{font-size:19px}#pf-main-content.pf-catalogue .pf-solutions .lock-head h2{font-size:22px}#pf-main-content.pf-catalogue .pf-solutions .lock-head,#pf-main-content.pf-catalogue .pf-solutions .lock-body{padding:22px}}

/* Shared brand/model cards: two readable columns on phones; desktop unchanged. */
@media (max-width:600px) {
  body[data-pf-experience] #pf-main-content.pf-catalogue .pf-catalog-list>.grid:has(> :is(.pf-catalog-card--brand,.pf-catalog-card--model)) {
    /* The historical experience skin declares its single column !important. */
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px;
    align-items:stretch;
  }
  body #pf-main-content.pf-catalogue .pf-catalog-list :is(.pf-catalog-card--brand,.pf-catalog-card--model) {
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    gap:14px;
    min-width:0;
    min-height:228px;
    padding:20px 10px 16px;
    border-radius:18px;
    border-color:#d6e3f4;
    background:linear-gradient(180deg,#f4f8ff 0%,#fff 68%);
    box-shadow:0 5px 16px #07264a08;
    text-align:center;
    box-sizing:border-box;
  }
  body #pf-main-content.pf-catalogue .pf-catalog-list :is(.pf-catalog-card--brand,.pf-catalog-card--model)::before {
    inset:0 22px auto;
    width:auto;
    height:3px;
    border-radius:0 0 4px 4px;
    background:linear-gradient(90deg,#6aabff,#075dff);
    opacity:.75;
  }
  body #pf-main-content.pf-catalogue .pf-catalog-list :is(.pf-catalog-card--brand,.pf-catalog-card--model) img {
    width:100%!important;
    max-width:100%;
    height:100px!important;
    object-fit:contain;
    margin:0;
    padding:12px 8px;
    border:1px solid #e7eef8;
    border-radius:12px;
    background:#fff;
    box-sizing:border-box;
    flex:0 0 auto;
  }
  body #pf-main-content.pf-catalogue .pf-catalog-list .pf-catalog-card--model img {height:116px!important}
  body #pf-main-content.pf-catalogue .pf-catalog-list :is(.pf-catalog-card--brand,.pf-catalog-card--model) .pf-card-copy {
    display:flex;
    flex-direction:column;
    align-items:center;
    width:100%;
    gap:8px;
  }
  body #pf-main-content.pf-catalogue .pf-catalog-list :is(.pf-catalog-card--brand,.pf-catalog-card--model) strong {
    font-size:clamp(13px,3.85vw,15px);
    font-weight:800;
    line-height:1.45;
    white-space:normal;
    overflow-wrap:anywhere;
    word-break:normal;
    max-width:100%;
  }
  body #pf-main-content.pf-catalogue .pf-catalog-list :is(.pf-catalog-card--brand,.pf-catalog-card--model) .pf-card-count {
    display:block;
    max-width:100%;
    box-sizing:border-box;
    margin: auto 0 0;
    padding:5px 8px;
    border:1px solid #dbe8fd;
    border-radius:8px;
    background:#edf4ff;
    color:#174b87;
    font-size:11px!important;
    line-height:1.5;
    white-space:normal;
  }
  body #pf-main-content.pf-catalogue .pf-catalog-list :is(.pf-catalog-card--brand,.pf-catalog-card--model)>svg {
    position:absolute;
    top:6px;
    right:6px;
    width:12px;
    height:12px;
    opacity:.65;
  }
  body #pf-main-content.pf-catalogue .pf-catalog-list :is(.pf-catalog-card--brand,.pf-catalog-card--model):not(:has(img)) .pf-card-copy {
    justify-content:center;
    gap:16px;
  }
  body #pf-main-content.pf-catalogue .pf-catalog-list :is(.pf-catalog-card--brand,.pf-catalog-card--model):not(:has(img)) .pf-card-count {
    margin:0;
  }
}

/* Scoped service discovery components. Existing public header/footer remain authoritative. */
.pf-service-page{max-width:1240px;margin:0 auto;padding:34px 24px 64px;color:#0b2748;min-width:0}
.pf-service-page *,.pf-service-callout *{box-sizing:border-box}
.pf-service-breadcrumb{display:flex;gap:9px;flex-wrap:wrap;font-size:13px;color:#64778e;margin:0 0 26px}
.pf-service-breadcrumb a{color:#476789;text-decoration:none}
.pf-service-intro{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:32px;align-items:center;margin-bottom:28px}
.pf-service-eyebrow{font-size:11px!important;font-weight:800;letter-spacing:.13em;color:#1260d6;display:block;margin-bottom:12px}
.pf-service-intro h1{font-size:clamp(27px,3.2vw,42px);line-height:1.17;letter-spacing:-.025em;margin:0 0 16px;color:#09264a}
.pf-service-intro p{font-size:16px;line-height:1.7;color:#52677d;margin:0;max-width:730px}
.pf-service-intro-note{border-left:3px solid #1263df;background:linear-gradient(120deg,#e9f2ff,#f5f9ff);padding:22px;border-radius:0 18px 18px 0}
.pf-service-intro-note strong{display:block;font-size:16px;margin-bottom:9px}.pf-service-intro-note p{font-size:14px}
.pf-service-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:14px;align-items:end;background:#fff;border:1px solid #dce6f2;border-radius:18px;padding:20px;box-shadow:0 8px 28px #173d6b08;margin:22px 0 26px;position:relative;z-index:3}
.pf-service-form label{display:flex;flex-direction:column;gap:8px;min-width:0;font-size:12px;font-weight:750;letter-spacing:.02em;color:#304d70;margin:0}
.pf-service-form select,.pf-service-combobox input{font:inherit;font-size:15px;font-weight:500;width:100%;height:48px;border:1px solid #cbd9e9;border-radius:10px;background:#f9fbff;color:#112f53;padding:0 14px;min-width:0}
.pf-service-form select[hidden]{display:none!important}.pf-service-combobox{display:block;position:relative;width:100%}
.pf-service-combobox input:focus,.pf-service-form select:focus{outline:3px solid #1365ea30;border-color:#1263df}
.pf-service-options{position:absolute;top:calc(100% + 7px);left:0;right:0;z-index:15;display:block;max-height:260px;overflow-y:auto;border:1px solid #cfdef0;border-radius:10px;background:#fff;box-shadow:0 15px 45px #112f5325;padding:5px;color:#183a62}
.pf-service-options[hidden]{display:none}.pf-service-options [role=option],.pf-service-no-match{display:block;padding:11px 12px;border-radius:7px;font-size:14px;cursor:pointer;font-weight:500}
.pf-service-options [aria-selected=true],.pf-service-options [role=option]:hover{background:#eaf2ff;color:#075bd3}
.pf-service-button{height:48px;border:0;border-radius:10px;background:#0860e5;color:#fff;font:inherit;font-size:14px;font-weight:750;padding:0 25px;display:flex;justify-content:center;align-items:center;gap:18px;cursor:pointer;white-space:nowrap}
.pf-service-button:hover{background:#064fc0}.pf-service-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.pf-service-context{display:flex;gap:8px 18px;flex-wrap:wrap;align-items:center;background:#edf4ff;border:1px solid #dbe9ff;border-radius:12px;padding:15px 20px;margin:0 0 24px;font-size:13px}
.pf-service-context>span{color:#617690}.pf-service-context a{font-weight:750;color:#084fba;text-decoration:none}.pf-service-context p{width:100%;margin:0;color:#4d6682;font-size:13px;line-height:1.6}
.pf-service-layout{display:grid;grid-template-columns:minmax(0,1fr) 272px;gap:24px;align-items:start}.pf-service-results{min-width:0}
.pf-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.pf-service-card{padding:22px;background:#fff;border:1px solid #dce6f1;border-radius:17px;display:flex;flex-direction:column;box-shadow:0 5px 20px #193f7005;transition:transform .18s,border-color .18s,box-shadow .18s;min-width:0}
.pf-service-card:hover{transform:translateY(-3px);border-color:#a8c5ee;box-shadow:0 14px 28px #15477c0d}
.pf-service-card-top{display:flex;gap:8px;flex-wrap:wrap;justify-content:space-between;font-size:11px;line-height:1.5;color:#607891}.pf-service-card-top span:first-child{color:#075bce;font-weight:750}
.pf-service-card h2{font-size:19px;line-height:1.35;margin:17px 0 11px;overflow-wrap:anywhere;letter-spacing:-.015em}.pf-service-card h2 a{color:#102e51;text-decoration:none}
.pf-service-card>p{font-size:13px;line-height:1.7;color:#617389;margin:0 0 20px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pf-service-card-link{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #eaf0f7;padding-top:16px;margin-top:auto;font-size:13px;font-weight:750;color:#0657cc;text-decoration:none;min-height:40px}
.pf-service-guide{padding:23px;border:1px solid #dfe8f3;border-radius:17px;background:linear-gradient(155deg,#f2f7ff,#fff)}.pf-service-guide h2{font-size:19px;margin:0 0 24px}.pf-service-guide ol{padding-left:19px;margin:0}.pf-service-guide li{padding-left:5px;margin-bottom:21px;color:#0d5ecf;font-size:13px}.pf-service-guide strong{color:#233f60;font-size:13px}.pf-service-guide li p{color:#637790;line-height:1.65;margin:6px 0 0;font-size:13px}
.pf-service-note{font-size:12px!important;line-height:1.65!important;color:#667b93!important;margin:12px 0 0}
.pf-service-empty{grid-column:1/-1;background:#f3f7fc;border:1px dashed #c8d8ec;border-radius:18px;padding:32px}.pf-service-empty h2{font-size:22px;line-height:1.35}.pf-service-empty p{font-size:15px;line-height:1.7}.pf-service-empty a{color:#085aca;font-weight:700}
.pf-service-pagination{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.pf-service-pagination a{display:grid;place-items:center;min-width:40px;min-height:40px;padding:8px 12px;background:#fff;border:1px solid #d7e3f3;border-radius:9px;font-size:13px;text-decoration:none;color:#355472}.pf-service-pagination [aria-current=page]{background:#0961dd;color:#fff;border-color:#0961dd}
.pf-service-faq{margin-top:42px;border-top:1px solid #dce6f2;padding-top:28px}.pf-service-faq h2{font-size:23px;line-height:1.3}.pf-service-faq details{border-bottom:1px solid #e2eaf5;padding:16px 0}.pf-service-faq summary{font-size:15px;font-weight:650;cursor:pointer}.pf-service-faq p{font-size:14px;line-height:1.8;color:#5c718b;margin-bottom:3px}
.pf-service-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:26px 0}.pf-service-category{display:block;background:#fff;border:1px solid #dbe7f5;border-radius:16px;padding:24px;text-decoration:none;color:#163657}.pf-service-category>span{font-size:10px;letter-spacing:.1em;color:#687e98}.pf-service-category h2{font-size:21px;margin:14px 0 12px}.pf-service-category p{font-size:13px;line-height:1.65;color:#617790;min-height:42px}.pf-service-category strong{font-size:13px;color:#0860d6}.pf-service-category:hover{border-color:#8cb5eb;background:#f8fbff}
.pf-service-index{max-width:1192px;margin:28px auto;padding:20px;border:1px solid #dce7f4;border-radius:14px;background:#f8fbff;color:#173b64}.pf-service-index summary{font-size:15px;font-weight:750;cursor:pointer}.pf-service-index p{font-size:13px;line-height:1.7}.pf-service-index>div{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-top:16px}.pf-service-index a{font-size:13px;color:#2f5885;text-decoration:none;padding:8px 6px;overflow-wrap:anywhere}
.pf-service-callout{margin:30px 0;padding:26px;border:1px solid #c8dcf6;border-radius:20px;background:linear-gradient(120deg,#eff6ff,#fff);color:#133659;clear:both}.pf-service-callout h2{font-size:24px;line-height:1.25;margin:0 0 12px}.pf-service-callout p{font-size:15px;line-height:1.7;margin:0}.pf-service-callout .pf-service-form{grid-template-columns:minmax(0,1fr) auto;margin:20px 0 12px;padding:16px;max-width:660px}.pf-service-callout .pf-service-form input[type=hidden]{display:none}
.pf-service-legacy-wrap{max-width:1240px;margin:0 auto;padding:0 24px}.pf-service-back{max-width:1240px;margin:20px auto 0;padding:0 24px}.pf-service-back a{display:inline-flex;font-size:14px;line-height:1.5;text-decoration:none;color:#095ccf;padding:10px 14px;background:#edf4ff;border:1px solid #d3e4fa;border-radius:10px}
@media(max-width:1000px){.pf-service-layout{grid-template-columns:minmax(0,1fr)}.pf-service-guide ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.pf-service-guide li{margin-bottom:10px}.pf-service-intro{grid-template-columns:minmax(0,1fr) 240px}.pf-service-index>div{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:640px){.pf-service-page{padding:24px 16px 42px}.pf-service-intro{grid-template-columns:1fr;gap:18px}.pf-service-intro-note{padding:17px}.pf-service-intro h1{font-size:29px}.pf-service-intro p{font-size:14px}.pf-service-form{grid-template-columns:1fr;padding:16px;gap:14px}.pf-service-grid{grid-template-columns:1fr}.pf-service-card{padding:19px}.pf-service-guide ol{display:block}.pf-service-categories{grid-template-columns:1fr}.pf-service-index>div{grid-template-columns:repeat(3,minmax(0,1fr))}.pf-service-callout{padding:19px;border-radius:16px}.pf-service-callout h2{font-size:22px}.pf-service-callout .pf-service-form{grid-template-columns:1fr;padding:12px}.pf-service-faq h2{font-size:21px}.pf-service-back{padding:0 16px}}
@media(prefers-reduced-motion:reduce){.pf-service-card{transition:none}.pf-service-card:hover{transform:none}}

/* Shared preview design system. Header, footer and source imagery stay intact. */
[data-pf-experience] #pf-solution-guide .sg-overview{align-items:stretch}
[data-pf-experience] #pf-solution-guide .sg-overview>a{align-content:start;grid-template-rows:auto auto 1fr;gap:10px}
[data-pf-experience] #pf-solution-guide .sg-overview .sg-overview-meaning{font-size:14px;line-height:1.75;color:#244969;font-weight:500;white-space:normal;overflow:visible;overflow-wrap:anywhere}
[data-pf-experience] #pf-solution-guide .sg-overview small{color:#4c6b92;font-size:10px}
[data-pf-experience] #pf-solution-guide .sg-overview span:not(.sg-overview-meaning){font-size:12px;line-height:1.7;color:#45668b}
[data-pf-experience] #pf-solution-guide .sg-sidebar nav>a{font-size:13px;min-height:42px;align-items:center}
[data-pf-experience] #pf-solution-guide .sg-steps p{font-size:15px;line-height:1.85;color:#345474}
[data-pf-experience] #pf-main-content .pf-card-copy{flex:1;min-width:0}
[data-pf-experience] #pf-main-content .pf-card-count{max-width:100%;width:fit-content;white-space:normal;line-height:1.6}
@media(max-width:600px){
 [data-pf-experience] #pf-main-content .pf-catalog-list .grid:has(.pf-catalog-card--brand),[data-pf-experience] #pf-main-content .pf-catalog-list .grid:has(.pf-catalog-card--model),[data-pf-experience] #pf-main-content .pf-catalog-list .grid:has(.pf-catalog-card--type){grid-template-columns:minmax(0,1fr)!important}
 [data-pf-experience] #pf-main-content .pf-catalog-list :is(.pf-catalog-card--brand,.pf-catalog-card--model,.pf-catalog-card--type){flex-wrap:nowrap!important;min-height:100px;gap:16px;padding:18px}
 [data-pf-experience] #pf-main-content .pf-catalog-list :is(.pf-catalog-card--brand,.pf-catalog-card--model,.pf-catalog-card--type) strong{font-size:17px}
 [data-pf-experience] #pf-main-content .pf-card-count{font-size:12px;margin-top:8px}
 [data-pf-experience] #pf-main-content .pf-catalog-list .pf-catalog-card--code strong{overflow-wrap:anywhere}
 [data-pf-experience] #pf-solution-guide .sg-overview .sg-overview-meaning{font-size:14px}
 [data-pf-experience] #pf-solution-guide .sg-sidebar nav>a{font-size:12px;min-height:40px}
 [data-pf-experience] #pf-solution-guide .sg-steps p{font-size:14px}
}
[data-pf-experience] #pf-main-content .pf-detail-image{background:linear-gradient(135deg,#fff,#e9f2ff)!important}
[data-pf-experience] #pf-main-content .pf-detail-image img{mix-blend-mode:normal!important;filter:none!important}
[data-pf-experience] #pf-main-content .pf-detail-actions a{padding:12px 17px;min-height:44px;display:inline-flex;align-items:center}
[data-pf-experience] #pf-main-content .pf-detail-image :is(small,span){color:#42678d!important}
[data-pf-experience] #pf-main-content .pf-public-solutions :is(.lock-head,.lock-body){background:#0c3058!important;border-color:#ffffff22!important}
[data-pf-experience] #pf-main-content .pf-public-solutions .lock-body p{color:#d2e3f7!important}
[data-pf-experience] #pf-main-content .pf-public-solutions .pfp-guide-meta span{color:#dceaff!important;background:#ffffff0a!important;border-color:#ffffff30!important}
[data-pf-experience]{--pfp-ink:#092a50;--pfp-blue:#0865f5;--pfp-line:#dce7f4;--pfp-soft:#f3f7fc;--pfp-muted:#536c89}
[data-pf-experience] :is(.pf-catalogue,#pf-fault-hub,#pf-solution-guide){color:var(--pfp-ink);background:#f5f8fc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
[data-pf-experience] :is(a,button,input,summary):focus-visible{outline:3px solid #3d8aff;outline-offset:4px}
[data-pf-experience] .pf-preview-path{max-width:1240px;padding:8px 16px;margin:10px auto;border:0;background:transparent;font-size:11px}.pf-preview-path p{display:none}
.pfp-kicker{display:block;font-size:10px;font-weight:800;letter-spacing:.14em;color:#0865f5;margin-bottom:12px}
.pfp-journey{max-width:1240px;margin:auto;padding:14px 20px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11px;line-height:1.5}.pfp-journey>a,.pfp-journey>span{display:inline-flex;gap:9px;align-items:center;min-height:34px;padding:5px 10px;background:#fff;border:1px solid var(--pfp-line);border-radius:8px;color:#4e6785;text-decoration:none;max-width:100%;overflow-wrap:anywhere}.pfp-journey small{font-size:9px;color:#7790ab}.pfp-journey>[aria-current]{color:#075bdc;border-color:#abcaff;background:#e9f2ff;font-weight:750}.pfp-journey>a:hover{border-color:#0865f5;color:#0865f5}
[data-pf-experience] :is(.pf-catalogue .hero,#pf-fault-hub .pf-hub-hero,#pf-solution-guide .sg-hero){background:radial-gradient(ellipse at 90% 10%,#174e8e 0,transparent 55%),linear-gradient(115deg,#061c37,#0c305b);color:#fff;border:0;position:relative}
[data-pf-experience] :is(.pf-catalogue .hero h1,#pf-fault-hub h1,#pf-solution-guide h1){font-size:clamp(30px,3.4vw,48px);font-weight:800;line-height:1.16;letter-spacing:-.045em;max-width:850px}
[data-pf-experience] .pf-catalogue .hero :is(p,.lead){color:#c4d7ed;line-height:1.85;font-size:15px}
[data-pf-experience] .pf-catalogue .hero :is(.crumbs a,.crumbs){color:#bcd6f5;font-size:11px}
[data-pf-experience] .pf-catalogue .hero :is(.pf-detail-eyebrow,.pf-category-eyebrow){color:#9bc7ff}
[data-pf-experience] .pf-catalogue .hero .pf-detail-stats{background:#ffffff0b;border-color:#ffffff24;color:#fff}
[data-pf-experience] .pf-catalogue .hero .pf-detail-stats :is(dt,dd){color:#d1e4fc}
[data-pf-experience] .pf-catalogue .hero .pf-detail-image{background:linear-gradient(135deg,#fff,#e7f0fc);border:1px solid #ffffff70;border-radius:24px;box-shadow:0 25px 70px #03142740;padding:24px;color:#0b315b}
[data-pf-experience] .pf-catalogue .hero .pf-detail-image img{object-fit:contain;mix-blend-mode:multiply;max-height:180px}
[data-pf-experience] .pf-catalogue .hero .pf-detail-image :is(p,span,strong){color:#173d67}
[data-pf-experience] .pf-catalogue .hero .pf-detail-actions a{background:#fff;color:#073f83;border:1px solid #ffffff36;border-radius:10px;font-weight:750}
[data-pf-experience] .pf-catalogue .hero .pf-detail-actions a+ a{background:#ffffff0c;color:#cfdef0}
[data-pf-experience] .pf-catalogue :is(.wrap,.pf-category-hero){max-width:1240px}
[data-pf-experience] .pf-catalogue .main{padding-top:28px}
[data-pf-experience] .pf-catalogue .panel{border:1px solid var(--pfp-line);border-radius:22px;box-shadow:0 8px 35px #133f6b04;padding:28px}
[data-pf-experience] .pf-catalogue .panel h2{font-size:25px;line-height:1.3;letter-spacing:-.03em;color:#082b52;margin-bottom:14px}
[data-pf-experience] .pf-catalog-list{position:relative;background:linear-gradient(180deg,#fff,#fcfdff)}
.pfp-list-intro{font-size:14px!important;line-height:1.75;color:var(--pfp-muted);margin:0 0 22px!important}
[data-pf-experience] .pf-filter{display:block;max-width:620px;font-size:11px!important;font-weight:700;color:#59718e}
[data-pf-experience] .pf-filter input{width:100%;font:inherit;font-size:14px;border:1px solid #ccdcf0;border-radius:12px;background:#f7faff;padding:15px 17px;min-height:50px;margin-top:7px;color:#183f69}
[data-pf-experience] .pf-catalog-list [data-count]{font-size:11px;color:#68829e;margin:12px 0 20px}
[data-pf-experience] .pf-catalog-list .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
[data-pf-experience] .pf-catalog-list .card{position:relative;min-height:110px;padding:22px;border:1px solid #dce6f3;border-radius:16px;box-shadow:0 4px 20px #0c356005;background:#fff;display:flex;align-items:center;gap:16px;transition:transform .18s,border-color .18s,box-shadow .18s;text-decoration:none}
[data-pf-experience] .pf-catalog-list .card:before{content:'';position:absolute;inset:16px auto 16px 0;width:3px;background:#b9d4ff;border-radius:0 3px 3px 0}
[data-pf-experience] .pf-catalog-list .card:hover{transform:translateY(-3px);border-color:#79aef8;box-shadow:0 12px 28px #14427e12}
[data-pf-experience] .pf-catalog-list .card img{width:70px;height:70px;object-fit:contain;background:#f7faff;border-radius:12px;padding:8px}
[data-pf-experience] .pf-catalog-list .card strong{font-size:18px;font-weight:800;letter-spacing:-.025em;line-height:1.35;color:#0c315b}
[data-pf-experience] .pf-catalog-list .card small{font-size:11px;color:#5f7b9a;margin-top:9px;display:block}
[data-pf-experience] .pf-catalog-list .card>svg{margin-left:auto;color:#0865f5;flex-shrink:0;width:18px}
[data-pf-experience] .pf-catalog-list .pf-catalog-card--code{min-height:82px;padding:20px;background:linear-gradient(120deg,#fff,#f8fbff)}
[data-pf-experience] .pf-catalog-list .pf-catalog-card--code strong{font-size:24px;letter-spacing:-.035em}
.pfp-editorial{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:32px;margin:24px 0;background:#eaf2fc;border:1px solid #d4e3f7;border-radius:22px}.pfp-editorial h2{font-size:25px;line-height:1.3;letter-spacing:-.03em;margin:0 0 14px}.pfp-editorial p{font-size:13px;line-height:1.85;color:#4c6787;margin:0}.pfp-editorial-facts{display:grid;gap:12px}.pfp-editorial-facts article{padding:14px 17px;border-left:2px solid #80adf3;background:#ffffff80;border-radius:0 10px 10px 0}.pfp-editorial-facts b{font-size:13px;color:#163e6e}.pfp-editorial-facts p{font-size:12px;margin-top:3px}
.pfp-hub-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:64px;align-items:center}.pfp-discovery{border:1px solid #ffffff28;border-radius:24px;background:linear-gradient(150deg,#ffffff0e,#ffffff04);padding:30px;box-shadow:0 22px 60px #04182b25}.pfp-discovery .pfp-kicker{color:#9cc7ff}.pfp-discovery h2{font-size:27px!important;line-height:1.3;color:#fff!important;letter-spacing:-.035em;margin:0 0 25px}.pfp-discovery em{color:#9ac7ff;font-style:normal}.pfp-discovery ol{list-style:none;margin:0;padding:0;display:grid;gap:18px}.pfp-discovery li{display:flex;gap:15px;align-items:flex-start}.pfp-discovery li>b{display:grid;place-items:center;width:35px;height:35px;border:1px solid #ffffff25;border-radius:10px;font-size:11px;color:#a3caff;flex-shrink:0}.pfp-discovery strong{font-size:14px;color:#fff}.pfp-discovery p{font-size:12px!important;line-height:1.7!important;margin:3px 0 0!important;color:#b3cdeb!important}.pfp-discovery>a{display:flex;justify-content:space-between;color:#c2dcff;font-size:12px;font-weight:700;border-top:1px solid #ffffff25;margin-top:25px;padding-top:18px}
[data-pf-experience] #pf-fault-hub .pf-hub-hero{padding:38px 0 48px}
[data-pf-experience] #pf-fault-hub .pf-hub-search{max-width:none}
[data-pf-experience] #pf-fault-hub .pf-hub-search>div{padding:6px;border-radius:14px;box-shadow:0 12px 35px #031a3540}
[data-pf-experience] #pf-fault-hub .pf-app-card{border-color:#d6e4f4;border-radius:22px;box-shadow:0 9px 35px #0a3c6807;transition:transform .18s,box-shadow .18s}
[data-pf-experience] #pf-fault-hub .pf-app-card:hover{transform:translateY(-4px);box-shadow:0 18px 35px #113d7618}
[data-pf-experience] #pf-fault-hub .pf-hub-panel{border-radius:22px;border-color:#dce7f4}
[data-pf-experience] .pf-code-meaning{border-top:4px solid #0865f5}
[data-pf-experience] .pf-code-detail .pf-public-solutions{background:linear-gradient(135deg,#0b2c54,#124a84);border:0;border-radius:22px;overflow:hidden;box-shadow:0 15px 35px #143d6810}
[data-pf-experience] .pf-code-detail .pf-public-solutions :is(.lock-head,.lock-body){background:transparent;border-color:#ffffff22;padding:25px;color:#d1e2f5}
[data-pf-experience] .pf-code-detail .pf-public-solutions :is(h2,strong){color:#fff}
[data-pf-experience] .pf-code-detail .pf-public-solutions p{color:#c4d9f2;font-size:14px;line-height:1.85}
[data-pf-experience] .pf-code-detail .pf-public-solutions .cta{background:#fff;color:#075bdc;border-radius:10px;display:flex;justify-content:center;min-height:48px;align-items:center}
.pfp-guide-meta{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:15px}.pfp-guide-meta span{font-size:9px;font-weight:700;border:1px solid #ffffff30;background:#ffffff0a;padding:6px 8px;border-radius:6px}
[data-pf-experience] #pf-solution-guide .sg-panel{padding:32px;border-radius:22px;box-shadow:0 8px 30px #13365a04}
[data-pf-experience] #pf-solution-guide .sg-steps{gap:15px}
[data-pf-experience] #pf-solution-guide .sg-steps li{border-radius:16px;padding:23px;background:linear-gradient(120deg,#f8fbff,#fff);border-color:#d8e5f5}
[data-pf-experience] #pf-solution-guide .sg-step-number{background:#075eeb;color:#fff;border-radius:10px;width:36px;height:36px;display:grid;place-items:center;flex-shrink:0;box-shadow:0 5px 15px #0865f51a}
[data-pf-experience] #pf-solution-guide .sg-source-paragraph{background:#f6f9fe;border-left:3px solid #a5c7fb;padding:20px 23px;border-radius:0 14px 14px 0}
[data-pf-experience] #pf-solution-guide .sg-sidebar nav>a[aria-current]{background:#e9f2ff;color:#0865f5;font-weight:800}
.pfp-reading-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 18px}.pfp-reading-tools>span{font-size:9px;font-weight:800;letter-spacing:.12em;color:#6883a2}.pfp-reading-tools>div{display:flex;gap:8px}.pfp-reading-tools button,.pfp-faq-toggle{font:inherit;font-size:11px;font-weight:700;border:1px solid #cbdcf1;border-radius:9px;background:white;color:#315779;padding:9px 13px;cursor:pointer}.pfp-reading-tools button[aria-pressed=true]{color:#075bdc;background:#e7f0ff;border-color:#7cabef}.pfp-control-intro{font-size:13px!important;color:#627a97!important}.pfp-faq-toggle{float:right;margin:0 0 15px 15px}.pfp-reading-progress{position:sticky;top:0;height:3px;z-index:30;background:transparent;pointer-events:none}.pfp-reading-progress span{display:block;height:100%;width:0;background:#247aff}.pfp-reading-large #pf-solution-guide .sg-layout article :is(p,.sg-steps p){font-size:18px!important;line-height:2!important}
@media(max-width:1050px){.pfp-hub-layout{gap:28px;grid-template-columns:1.3fr 1fr}.pfp-discovery{padding:23px}.pfp-discovery h2{font-size:23px!important}[data-pf-experience] .pf-catalog-list .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.pfp-hub-layout{grid-template-columns:1fr}.pfp-discovery{display:none}.pfp-editorial{grid-template-columns:1fr;gap:23px;padding:25px}.pfp-editorial-facts{grid-template-columns:repeat(3,1fr);gap:8px}.pfp-editorial-facts article{padding:12px}.pfp-journey{padding:10px 16px;gap:6px}.pfp-journey>a,.pfp-journey>span{font-size:10px;min-height:30px;padding:4px 7px}.pfp-journey small{font-size:8px}}
@media(max-width:600px){[data-pf-experience] .pf-preview-path{margin:7px 16px;padding:6px 0}[data-pf-experience] .pf-preview-path span{font-size:8px}[data-pf-experience] .pf-catalogue .panel{padding:21px 17px;border-radius:17px}[data-pf-experience] .pf-catalogue .panel h2{font-size:22px}[data-pf-experience] .pf-catalog-list .grid{gap:10px}[data-pf-experience] .pf-catalog-list .card{padding:16px;min-height:105px;flex-wrap:wrap;gap:10px}[data-pf-experience] .pf-catalog-list .card img{width:52px;height:52px}[data-pf-experience] .pf-catalog-list .card strong{font-size:15px}[data-pf-experience] .pf-catalog-list .card small{font-size:10px}[data-pf-experience] .pf-catalog-list .card>svg{display:none}[data-pf-experience] .pf-catalog-list .pf-catalog-card--code{min-height:65px;flex-wrap:nowrap}[data-pf-experience] .pf-catalog-list .pf-catalog-card--code strong{font-size:22px}.pfp-editorial{padding:22px 18px;border-radius:17px}.pfp-editorial h2{font-size:23px}.pfp-editorial-facts{grid-template-columns:1fr}.pfp-editorial-facts article{padding:10px 14px}[data-pf-experience] #pf-solution-guide .sg-panel{padding:24px 19px;border-radius:17px}[data-pf-experience] #pf-solution-guide .sg-steps li{padding:17px 14px;gap:12px}[data-pf-experience] #pf-solution-guide .sg-step-number{width:28px;height:28px;font-size:10px}[data-pf-experience] #pf-solution-guide .sg-source-paragraph{padding:16px}[data-pf-experience] #pf-fault-hub .pf-hub-hero{padding:28px 0 32px}.pfp-faq-toggle{float:none;margin:0 0 18px}.pfp-reading-large #pf-solution-guide .sg-layout article :is(p,.sg-steps p){font-size:17px!important}}
@media(prefers-reduced-motion:reduce){[data-pf-experience] *{scroll-behavior:auto!important;transition:none!important}}
/* Approved focused reading layout; no empty sidebar column. */
[data-pf-experience] #pf-solution-guide .sg-layout--focused{grid-template-columns:minmax(0,1fr);max-width:1040px;margin-inline:auto}
[data-pf-experience] #pf-solution-guide .sg-steps{list-style:none}
[data-pf-experience] #pf-main-content .pf-detail-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:390px;padding:0;border:0;background:transparent}
[data-pf-experience] #pf-main-content .pf-detail-stats>div{display:flex;flex-direction:column;min-width:0;padding:14px 18px;border:1px solid #ffffff30;border-radius:13px;background:#ffffff0d}
[data-pf-experience] #pf-main-content .pf-detail-stats dt{color:#d1e4fc;font-size:12px;line-height:1.5;margin:0 0 4px}
[data-pf-experience] #pf-main-content .pf-detail-stats dd{display:block;margin:0;color:#fff;font-size:24px;font-weight:750;line-height:1.25;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
@media(max-width:480px){[data-pf-experience] #pf-main-content .pf-detail-stats{gap:9px}[data-pf-experience] #pf-main-content .pf-detail-stats>div{padding:12px}[data-pf-experience] #pf-main-content .pf-detail-stats dd{font-size:21px}}
@media print{#pfn-header,#pf-corporate-footer,.pf-preview-path,.pfp-journey,.sg-sidebar,.sg-app,.sg-related,.sg-overview,.sg-hero-actions,.pfp-reading-tools,.pfp-faq-toggle{display:none!important}#pf-solution-guide .sg-layout{display:block}#pf-solution-guide .sg-panel{break-inside:avoid;box-shadow:none;border-color:#ccc}#pf-solution-guide .sg-hero{background:white!important;color:#111!important}#pf-solution-guide .sg-hero :is(p,h1,em){color:#111!important}}

/* PeraFix detail edition, 19 October 2026.
   A presentation-only layer for existing brand, model, code, comparison and
   solution DOM. No records, search states, source text or links are replaced. */
body[data-pf-detail-edition] {
  --pfd-ink: #092448;
  --pfd-blue: #075bea;
  --pfd-muted: #526780;
  --pfd-line: #d6e3f3;
  --pfd-soft: #f3f7fd;
  --pfd-shadow: 0 4px 7px #123b6703, 0 14px 36px #123b6708;
}

/* Shared navigation dimensions match the approved homepage. Open/closed
   navigation behavior and the original cropped logo asset are unchanged. */
body[data-pf-detail-edition] #pfn-header {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.5;
}
body[data-pf-detail-edition] #pfn-header > .pfn-bar {
  box-sizing: border-box;
  min-height: 80px !important;
  padding: 12px 32px !important;
}
body[data-pf-detail-edition] #pfn-header .pfn-logo,
body[data-pf-detail-edition] #pfn-header .pfn-logo > span {
  width: 224px !important;
  height: 56px !important;
  max-width: 100% !important;
}
body[data-pf-detail-edition] #pfn-header .pfn-library {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none;
  background: transparent;
}
body[data-pf-detail-edition] #pfn-header .pfn-library > summary { line-height: 1.5; }

/* A light editorial canvas is shared across all five detail types. */
body[data-pf-detail-edition] :is(#pf-main-content, #pf-solution-guide) {
  color: var(--pfd-ink);
  background: #f6f9fd;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
}
body[data-pf-detail-edition] :is(#pf-main-content, #pf-solution-guide),
body[data-pf-detail-edition] :is(#pf-main-content, #pf-solution-guide) * { box-sizing: border-box; }
body[data-pf-detail-edition] #pf-main-content .wrap,
body[data-pf-detail-edition] #pf-solution-guide .sg-wrap {
  width: min(1200px, calc(100% - 40px));
  max-width: 1200px;
  margin-inline: auto;
  padding-inline: 0;
}
body[data-pf-detail-edition] :is(#pf-main-content, #pf-solution-guide) :is(h1, h2, h3, dt, dd, p, strong, a, summary) {
  overflow-wrap: anywhere;
}
body[data-pf-detail-edition] :is(#pf-main-content, #pf-solution-guide) :is(section[id], article[id]) { scroll-margin-top: 108px; }
body[data-pf-detail-edition] :is(#pf-main-content, #pf-solution-guide) :is(a, button, input, select, textarea, summary):focus-visible {
  outline: 3px solid #397ee9;
  outline-offset: 4px;
}
body[data-pf-detail-edition] :is(#pf-main-content, #pf-solution-guide) h2 {
  color: var(--pfd-ink);
  font-size: clamp(23px, 2.2vw, 29px);
  line-height: 1.3;
  font-weight: 780;
  letter-spacing: -.035em;
  text-wrap: balance;
}

/* Hero: brand, exact model and fault code retain their authored hierarchy. */
body[data-pf-detail-edition] #pf-main-content .hero,
body[data-pf-detail-edition] #pf-solution-guide .sg-hero {
  background: radial-gradient(ellipse at 100% 0, #d6e6ff 0, transparent 63%), linear-gradient(120deg, #fff, #f1f7ff) !important;
  color: var(--pfd-ink);
  border-bottom: 1px solid #dce7f5;
}
body[data-pf-detail-edition] #pf-main-content .hero { padding: 37px 0 41px; }
body[data-pf-detail-edition] #pf-main-content .pf-detail-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(280px, .9fr);
  gap: 52px;
  margin-top: 0;
  align-items: center;
}
body[data-pf-detail-edition] #pf-main-content .hero h1,
body[data-pf-detail-edition] #pf-solution-guide h1 {
  color: #082a53 !important;
  font-size: clamp(30px, 3.4vw, 48px);
  line-height: 1.16;
  letter-spacing: -.045em;
  font-weight: 800;
  text-wrap: balance;
  max-width: 820px;
  margin: 13px 0 19px;
}
body[data-pf-detail-edition] #pf-main-content .hero .lead,
body[data-pf-detail-edition] #pf-solution-guide .sg-lead {
  color: #48617e !important;
  font-size: 16px;
  line-height: 1.85;
  max-width: 760px;
  margin: 0;
}
body[data-pf-detail-edition] #pf-main-content .hero .pf-detail-eyebrow,
body[data-pf-detail-edition] #pf-solution-guide .sg-hero .sg-eyebrow {
  color: #075bcb !important;
  font-size: 11px;
  letter-spacing: .11em;
  line-height: 1.7;
  font-weight: 750;
}
body[data-pf-detail-edition] #pf-main-content .hero :is(.crumbs, .crumbs a),
body[data-pf-detail-edition] #pf-solution-guide :is(.sg-crumbs, .sg-crumbs a) { color: #3b5e86; }
body[data-pf-detail-edition] #pf-main-content .pf-detail-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  max-width: 540px;
  margin: 24px 0;
  padding: 0;
  background: transparent !important;
  border: 0;
}
body[data-pf-detail-edition] #pf-main-content .pf-detail-stats > div {
  max-width: none;
  min-width: 0;
  padding: 14px 18px;
  background: #ffffffb8;
  border: 1px solid #cfdef0;
  border-radius: 13px;
}
body[data-pf-detail-edition] #pf-main-content .pf-detail-stats dt {
  color: #526780 !important;
  font-size: 12px;
  line-height: 1.55;
  margin: 0 0 6px;
}
body[data-pf-detail-edition] #pf-main-content .pf-detail-stats dd {
  color: #123c69 !important;
  font-size: 18px;
  line-height: 1.45;
  margin: 0;
  font-weight: 750;
  font-variant-numeric: tabular-nums;
}
body[data-pf-detail-edition][data-pf-detail-kind="brand"] #pf-main-content .pf-detail-stats dd { font-size: 28px; }
body[data-pf-detail-edition] #pf-main-content .pf-detail-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}
body[data-pf-detail-edition] #pf-main-content .pf-detail-actions a,
body[data-pf-detail-edition] #pf-solution-guide .sg-button {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 46px;
  padding: 12px 17px;
  border: 1px solid #cbdcf0;
  border-radius: 11px;
  color: #17446f;
  background: #fff;
  font-size: 13px;
  line-height: 1.6;
  font-weight: 750;
  box-shadow: none;
  text-decoration: none;
}
body[data-pf-detail-edition] #pf-main-content .pf-detail-actions .pf-detail-primary,
body[data-pf-detail-edition] #pf-solution-guide .sg-button {
  color: #fff;
  background: var(--pfd-blue);
  border-color: var(--pfd-blue);
  box-shadow: 0 7px 18px #075bea1c;
}
body[data-pf-detail-edition] #pf-main-content .pf-detail-actions a + a { color: #17446f; background: #ffffffc9; }
body[data-pf-detail-edition] #pf-main-content .pf-detail-actions a:hover,
body[data-pf-detail-edition] #pf-solution-guide .sg-button:hover { border-color: #6c9fe5; box-shadow: 0 8px 20px #153f6d16; }

/* Original artwork is contained without changing its aspect ratio. */
body[data-pf-detail-edition] #pf-main-content .pf-detail-visual,
body[data-pf-detail-edition] #pf-solution-guide .sg-device {
  min-width: 0;
  margin: 0;
  border: 1px solid #c7dcf3;
  border-radius: 23px;
  background: #fff;
  box-shadow: 0 20px 45px -25px #204d894d, 0 0 0 5px #ffffff94;
}
body[data-pf-detail-edition] #pf-main-content .pf-detail-image {
  min-width: 0;
  min-height: 214px;
  padding: 22px;
  gap: 22px;
  border: 0;
  border-radius: 0;
  background: radial-gradient(ellipse at 70% 0, #e0edff, transparent 70%), #fff !important;
  box-shadow: none;
}
body[data-pf-detail-edition] #pf-main-content .pf-detail-image img {
  width: 198px;
  height: 194px;
  max-width: 100%;
  max-height: none;
  object-fit: contain;
  padding: 9px;
  background: transparent;
  border-radius: 12px;
  mix-blend-mode: normal;
  filter: none;
}
body[data-pf-detail-edition][data-pf-detail-kind="brand"] #pf-main-content .pf-detail-image img { width: 240px; height: 164px; }
body[data-pf-detail-edition] #pf-main-content.pf-catalogue--code .pf-detail-image img { width: 124px; height: 161px; flex: 0 1 124px; padding: 8px; }
body[data-pf-detail-edition] #pf-main-content .pf-detail-code { color: #123c69; }
body[data-pf-detail-edition] #pf-main-content .pf-detail-code small { color: #42678d !important; font-size: 10px; line-height: 1.6; }
body[data-pf-detail-edition] #pf-main-content .pf-detail-code strong { color: #0b56ba; font-size: clamp(28px, 3vw, 43px); line-height: 1.2; letter-spacing: -.035em; }
body[data-pf-detail-edition] #pf-main-content .pf-detail-monogram {
  color: #0c56b6 !important;
  background: #eaf3ff;
  border: 1px solid #c6dcf7;
}
body[data-pf-detail-edition] #pf-main-content .pf-detail-visual figcaption {
  padding: 17px 21px;
  background: #f8fbff;
  border-top: 1px solid #d6e4f4;
}
body[data-pf-detail-edition] #pf-main-content .pf-detail-visual figcaption strong { color: #12365f; font-size: 17px; line-height: 1.45; }
body[data-pf-detail-edition] #pf-main-content .pf-detail-visual figcaption span { color: #526780; font-size: 12px; line-height: 1.7; }

/* Reusable white panels and model/code cards. Search filtering and the source
   [hidden] state remain under the existing catalogue behavior. */
body[data-pf-detail-edition] #pf-main-content .main { padding: 31px 0 60px; }
body[data-pf-detail-edition] #pf-main-content .panel,
body[data-pf-detail-edition] #pf-solution-guide .sg-panel {
  min-width: 0;
  padding: 28px;
  border: 1px solid var(--pfd-line);
  border-radius: 21px;
  background: #fff;
  box-shadow: var(--pfd-shadow);
}
body[data-pf-detail-edition] #pf-main-content .panel > h2 { margin: 0 0 16px; }
body[data-pf-detail-edition] #pf-main-content .panel > p { font-size: 15px; line-height: 1.85; color: #4d647e; }
body[data-pf-detail-edition] #pf-main-content .pf-catalog-list { background: linear-gradient(150deg, #fff 60%, #f7faff); }
body[data-pf-detail-edition] #pf-main-content .pf-catalog-list > .grid { gap: 15px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
body[data-pf-detail-edition] #pf-main-content.pf-catalogue--model #kodlar .grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
body[data-pf-detail-edition] #pf-main-content .pf-catalog-card {
  min-width: 0;
  min-height: 106px;
  padding: 21px;
  gap: 16px;
  flex-wrap: nowrap;
  border: 1px solid var(--pfd-line);
  border-radius: 17px;
  background: #fff;
  box-shadow: 0 5px 17px #123b6706;
  transition: border-color .18s, box-shadow .18s, transform .18s;
}
body[data-pf-detail-edition] #pf-main-content .pf-catalog-card::before { inset: 22px auto 22px 0; background: #075bea; opacity: .32; }
body[data-pf-detail-edition] #pf-main-content .pf-catalog-card:hover { border-color: #8eb8ec; box-shadow: 0 11px 26px #123d6c12; transform: translateY(-2px); }
body[data-pf-detail-edition] #pf-main-content .pf-catalog-card:hover::before { opacity: 1; }
body[data-pf-detail-edition] #pf-main-content .pf-catalog-card img {
  flex: 0 0 66px;
  width: 66px;
  height: 76px;
  padding: 4px;
  object-fit: contain;
  background: #f6faff;
  border-radius: 10px;
}
body[data-pf-detail-edition] #pf-main-content .pf-card-copy { min-width: 0; }
body[data-pf-detail-edition] #pf-main-content .pf-catalog-card strong { color: #12365f; font-size: 18px; line-height: 1.45; letter-spacing: -.025em; font-weight: 750; }
body[data-pf-detail-edition] #pf-main-content .pf-catalog-card .pf-card-count { width: fit-content; max-width: 100%; margin-top: 9px; background: #edf4ff; color: #285c92; border: 1px solid #dbe8f9; border-radius: 7px; padding: 4px 8px; font-size: 12px; line-height: 1.5; white-space: normal; }
body[data-pf-detail-edition] #pf-main-content .pf-catalog-card--code { min-height: 82px; padding: 20px 21px; background: linear-gradient(140deg, #fff 55%, #f4f8ff); }
body[data-pf-detail-edition] #pf-main-content .pf-catalog-card--code strong { font-size: 23px; color: #0b448d; font-weight: 800; line-height: 1.35; }
body[data-pf-detail-edition] #pf-main-content .pf-filter { font-size: 13px !important; line-height: 1.65; font-weight: 650; color: #526780; margin-top: 20px; }
body[data-pf-detail-edition] #pf-main-content .pf-filter input { min-height: 48px; max-width: 620px; padding: 13px 16px; font-size: 16px; background: #f8fbff; border: 1px solid #c8dbef; border-radius: 11px; }
body[data-pf-detail-edition] #pf-main-content .pf-catalog-list [data-count] { color: #526780; font-size: 12px; line-height: 1.6; margin: 12px 0 20px; }
body[data-pf-detail-edition] #pf-main-content .pfp-list-intro { color: #526780; font-size: 14px !important; }

/* Technical meaning and genuine published solutions stay fully readable. */
body[data-pf-detail-edition] #pf-main-content .pf-code-meaning,
body[data-pf-detail-edition] #pf-solution-guide :is(#anlam, #kontrol).sg-panel {
  position: relative;
  padding: 29px;
  border: 1px solid #cbdff5;
  border-radius: 21px;
  background: linear-gradient(155deg, #fff 60%, #f7faff);
  box-shadow: var(--pfd-shadow);
}
body[data-pf-detail-edition] #pf-main-content .pf-code-meaning { border-top: 3px solid #1768e6; }
body[data-pf-detail-edition] #pf-main-content .pf-code-meaning h2,
body[data-pf-detail-edition] #pf-solution-guide :is(#anlam, #kontrol) > h2 { color: #092c53; font-size: clamp(23px, 2.3vw, 30px); line-height: 1.3; margin-bottom: 18px; }
body[data-pf-detail-edition] #pf-main-content .pf-code-meaning .summary,
body[data-pf-detail-edition] #pf-solution-guide #anlam > p.sg-meaning {
  padding: 21px 23px;
  background: linear-gradient(120deg, #edf5ff, #f8fbff);
  border: 1px solid #d4e4f8;
  border-left: 4px solid #1768e6;
  border-radius: 5px 13px 13px 5px;
  color: #163c65;
  font-size: 18px;
  line-height: 1.85;
  font-weight: 550;
  white-space: pre-line;
}
body[data-pf-detail-edition] #pf-main-content .pf-context { color: #496784; font-size: 13px; }
body[data-pf-detail-edition] #pf-main-content .notice { color: #6d572f; background: #fffaed; border: 1px solid #eee0bf; border-radius: 11px; font-size: 13px; line-height: 1.8; padding: 16px 18px; }
body[data-pf-detail-edition] #pf-main-content .pf-page-nav { padding: 12px 19px; gap: 6px 24px; border: 1px solid var(--pfd-line); border-radius: 14px; background: #fff; font-size: 13px; box-shadow: 0 5px 15px #123b6704; }
body[data-pf-detail-edition] #pf-main-content .pf-page-nav a { min-height: 44px; color: #115ebf; font-size: 13px; line-height: 1.5; }
body[data-pf-detail-edition] #pf-main-content .pf-facts { background: #dbe6f4; border-color: #dbe6f4; border-radius: 13px; }
body[data-pf-detail-edition] #pf-main-content .pf-facts > div { padding: 16px 19px; background: #f8fbff; }
body[data-pf-detail-edition] #pf-main-content .pf-facts dt { color: #526780; font-size: 12px; line-height: 1.6; }
body[data-pf-detail-edition] #pf-main-content .pf-facts dd { color: #163d69; font-size: 15px; line-height: 1.65; }
body[data-pf-detail-edition] #pf-main-content .pf-guide-grid { gap: 15px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
body[data-pf-detail-edition] #pf-main-content .pf-guide-grid article { background: #f7faff; border-color: #dbe6f4; border-radius: 14px; padding: 21px; }
body[data-pf-detail-edition] #pf-main-content .pf-guide-grid h3 { color: #163d69; font-size: 18px; line-height: 1.4; letter-spacing: -.025em; }
body[data-pf-detail-edition] #pf-main-content .pf-guide-grid p { color: #526780; font-size: 14px; line-height: 1.85; }
body[data-pf-detail-edition] #pf-main-content .pfp-editorial { background: linear-gradient(140deg, #f2f7ff, #edf4ff); border: 1px solid var(--pfd-line); border-radius: 21px; padding: 28px; gap: 30px; }
body[data-pf-detail-edition] #pf-main-content .pfp-editorial h2 { margin-top: 0; }
body[data-pf-detail-edition] #pf-main-content .pfp-editorial-facts article { background: #ffffffbd; border-left: 3px solid #84aff0; padding: 14px 17px; }
body[data-pf-detail-edition] #pf-main-content .pfp-editorial-facts b { font-size: 14px; }
body[data-pf-detail-edition] #pf-main-content .pfp-editorial-facts p { font-size: 13px; line-height: 1.8; }

/* Native disclosure behavior is retained; visible answers match their schema. */
body[data-pf-detail-edition] #pf-main-content .pf-faq details,
body[data-pf-detail-edition] #pf-solution-guide .sg-faq details {
  padding: 0;
  margin: 11px 0 0;
  border: 1px solid #d6e3f3;
  border-radius: 13px;
  background: #fff;
}
body[data-pf-detail-edition] #pf-main-content .pf-faq summary,
body[data-pf-detail-edition] #pf-solution-guide .sg-faq summary { padding: 17px 20px; color: #173c64; font-size: 15px; font-weight: 700; line-height: 1.65; cursor: pointer; }
body[data-pf-detail-edition] #pf-main-content .pf-faq summary::marker { color: #075bea; }
body[data-pf-detail-edition] #pf-main-content .pf-faq details p,
body[data-pf-detail-edition] #pf-solution-guide .sg-faq details p { margin: 0; padding: 0 20px 18px; font-size: 14px; color: #526780; line-height: 1.85; }
body[data-pf-detail-edition] #pf-main-content .pf-faq details[open],
body[data-pf-detail-edition] #pf-solution-guide .sg-faq details[open] { background: #fafdff; border-color: #a8c9f1; }
body[data-pf-detail-edition] #pf-solution-guide .sg-faq details[open] summary { background: transparent; }

/* Solution promotion intentionally remains a navy accent within the light UI. */
body[data-pf-detail-edition] #pf-main-content .pf-public-solutions,
body[data-pf-detail-edition] #pf-main-content .pf-solutions {
  border: 1px solid #244c7b;
  border-radius: 21px;
  background: linear-gradient(145deg, #092c59, #06447c);
  box-shadow: 0 14px 28px #123b6712;
}
body[data-pf-detail-edition] #pf-main-content .pf-public-solutions :is(.lock-head, .lock-body) { background: transparent !important; border-color: #ffffff28 !important; padding: 27px; }
body[data-pf-detail-edition] #pf-main-content .pf-public-solutions :is(h2, strong) { color: #fff; }
body[data-pf-detail-edition] #pf-main-content .pf-public-solutions :is(p, .lock-body p) { color: #d0e1f5 !important; font-size: 14px; line-height: 1.85; }
body[data-pf-detail-edition] #pf-main-content .pf-public-solutions .cta { color: #0756b9; background: #fff; border: 1px solid #fff; border-radius: 11px; min-height: 48px; }
body[data-pf-detail-edition] #pf-main-content .locked .lock-head h2 { color: #fff; }
body[data-pf-detail-edition] #pf-main-content .pf-app-actions .cta { min-width: 0; line-height: 1.6; }

/* Comparison table preserves table semantics and its mobile row labels. */
body[data-pf-detail-edition] #pf-main-content .pf-compare-stats { gap: 12px; }
body[data-pf-detail-edition] #pf-main-content .pf-compare-stats > div { background: #f3f8ff; border-color: #d3e2f5; border-radius: 13px; padding: 17px 19px; }
body[data-pf-detail-edition] #pf-main-content .pf-compare-stats dt { font-size: 12px; line-height: 1.65; color: #526780; }
body[data-pf-detail-edition] #pf-main-content .pf-compare-stats dd { font-size: 27px; line-height: 1.35; color: #0c56b6; font-variant-numeric: tabular-nums; }
body[data-pf-detail-edition] #pf-main-content .pf-compare-table { font-size: 14px; line-height: 1.8; }
body[data-pf-detail-edition] #pf-main-content .pf-compare-table :is(th, td) { padding: 17px 14px; border-color: #dfe8f4; }
body[data-pf-detail-edition] #pf-main-content .pf-compare-table thead th { color: #244d76; background: #eef5ff; font-size: 12px; line-height: 1.6; }
body[data-pf-detail-edition] #pf-main-content .pf-compare-table caption { color: #526780; font-size: 13px; line-height: 1.8; }
body[data-pf-detail-edition] #pf-main-content .pf-compare-table td a { color: #0b5bc1; }
body[data-pf-detail-edition] #pf-main-content .pf-compare-meaning { border: 1px solid #dae6f5; border-left: 3px solid #84aff0; border-radius: 4px 12px 12px 4px; padding: 16px 19px; background: #f8fbff; }
body[data-pf-detail-edition] #pf-main-content .pf-compare-meaning p { color: #294c70; font-size: 15px; }
body[data-pf-detail-edition] #pf-main-content .pf-compare-meaning small { color: #526780; font-size: 12px; line-height: 1.7; }

/* Focused, source-preserving solution page. */
body[data-pf-detail-edition] #pf-solution-guide .sg-hero-grid { grid-template-columns: minmax(0, 1.5fr) minmax(280px, .9fr); gap: 52px; padding: 39px 0 42px; }
body[data-pf-detail-edition] #pf-solution-guide h1 em { color: #075bc7; }
body[data-pf-detail-edition] #pf-solution-guide .sg-hero-actions { gap: 18px; margin-top: 25px; }
body[data-pf-detail-edition] #pf-solution-guide .sg-text-link { color: #17446f; font-size: 13px; line-height: 1.7; padding-block: 12px; }
body[data-pf-detail-edition] #pf-solution-guide .sg-hero-meta { border-color: #cfdef0; color: #496784; font-size: 12px; gap: 8px 18px; }
body[data-pf-detail-edition] #pf-solution-guide .sg-hero-meta span + span::before { color: #86a8ce; margin-right: 18px; }
body[data-pf-detail-edition] #pf-solution-guide .sg-device-top { padding: 17px 21px; border-color: #d6e4f4; }
body[data-pf-detail-edition] #pf-solution-guide .sg-device-top > span { color: #12365f; font-size: 17px; line-height: 1.6; }
body[data-pf-detail-edition] #pf-solution-guide .sg-device-top small { color: #526780; line-height: 1.6; }
body[data-pf-detail-edition] #pf-solution-guide .sg-device-art { background: radial-gradient(ellipse at 70% 0, #e0edff, transparent 70%), #fff; gap: 22px; padding: 21px; }
body[data-pf-detail-edition] #pf-solution-guide .sg-device-art img { width: 130px; height: 150px; max-width: 100%; object-fit: contain; padding: 8px; background: transparent; }
body[data-pf-detail-edition] #pf-solution-guide .sg-device-art small { color: #42678d; font-size: 10px; line-height: 1.6; }
body[data-pf-detail-edition] #pf-solution-guide .sg-device-art strong { color: #0b56ba; font-size: clamp(28px, 3vw, 43px); line-height: 1.2; letter-spacing: -.035em; }
body[data-pf-detail-edition] #pf-solution-guide .sg-device-bottom { border-color: #d6e4f4; background: #f8fbff; padding: 16px 21px; }
body[data-pf-detail-edition] #pf-solution-guide .sg-device-bottom strong { color: #12365f; font-size: 16px; }
body[data-pf-detail-edition] #pf-solution-guide .sg-device-bottom p { color: #526780; font-size: 12px; line-height: 1.7; }
body[data-pf-detail-edition] #pf-solution-guide .sg-layout--focused { max-width: 1040px; grid-template-columns: minmax(0, 1fr); padding-top: 30px; padding-bottom: 58px; }
body[data-pf-detail-edition] #pf-solution-guide :is(.sg-layout > article, .sg-hero-grid > div, .sg-device-art > div, .sg-related > a) { min-width: 0; }
body[data-pf-detail-edition] #pf-solution-guide #kontrol .sg-steps { gap: 13px; }
body[data-pf-detail-edition] #pf-solution-guide #kontrol .sg-steps li { background: linear-gradient(110deg, #f5f9ff, #fff 70%); border: 1px solid #d9e6f5; border-left: 3px solid #91b6ee; border-radius: 5px 13px 13px 5px; padding: 20px 22px; }
body[data-pf-detail-edition] #pf-solution-guide #kontrol .sg-steps p { color: #2b4c6e; font-size: 15px; line-height: 1.9; }
body[data-pf-detail-edition] #pf-solution-guide #kontrol > p.sg-source-paragraph { padding: 20px 22px; color: #2b4c6e; font-size: 15px; line-height: 1.9; background: #f7faff; border-color: #dae6f5; border-left-color: #91b6ee; }
body[data-pf-detail-edition] #pf-solution-guide .sg-facts { border-color: #dbe6f4; border-radius: 13px; }
body[data-pf-detail-edition] #pf-solution-guide .sg-facts > div { border-color: #dbe6f4; font-size: 14px; }
body[data-pf-detail-edition] #pf-solution-guide .sg-facts dt { background: #f2f7ff; color: #526780; }
body[data-pf-detail-edition] #pf-solution-guide .sg-facts dd { color: #163d69; }
body[data-pf-detail-edition] #pf-solution-guide .sg-related { gap: 15px; }
body[data-pf-detail-edition] #pf-solution-guide .sg-related > a { border-color: var(--pfd-line); border-radius: 17px; box-shadow: var(--pfd-shadow); background: linear-gradient(150deg, #fff 65%, #f7faff); padding: 23px; }
body[data-pf-detail-edition] #pf-solution-guide .sg-related small { color: #526780; font-size: 10px; line-height: 1.6; }
body[data-pf-detail-edition] #pf-solution-guide .sg-related strong { font-size: 18px; line-height: 1.45; }
body[data-pf-detail-edition] #pf-solution-guide .sg-related span { color: #0756b9; font-size: 13px; }
body[data-pf-detail-edition] #pf-solution-guide .sg-app { background: linear-gradient(145deg, #092c59, #06447c); border: 1px solid #29639e; border-radius: 21px; padding: 30px; }
body[data-pf-detail-edition] #pf-solution-guide .sg-app h2 { color: #fff; }
body[data-pf-detail-edition] #pf-solution-guide .sg-stores a { min-height: 46px; display: flex; align-items: center; justify-content: center; line-height: 1.6; border: 1px solid #fff; }

@media (max-width: 1150px) {
  body[data-pf-detail-edition] #pfn-header > .pfn-bar { padding-inline: 22px !important; }
}
@media (max-width: 1000px) {
  body[data-pf-detail-edition] #pf-main-content .pf-detail-layout,
  body[data-pf-detail-edition] #pf-solution-guide .sg-hero-grid { gap: 28px; grid-template-columns: minmax(0, 1.3fr) minmax(240px, .9fr); }
  body[data-pf-detail-edition] #pf-main-content .pf-catalog-list > .grid,
  body[data-pf-detail-edition] #pf-main-content.pf-catalogue--model #kodlar .grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body[data-pf-detail-edition] #pf-main-content .pf-detail-image { padding: 17px; gap: 14px; }
  body[data-pf-detail-edition] #pf-main-content.pf-catalogue--code .pf-detail-image img { width: 100px; height: 150px; flex-basis: 100px; }
  body[data-pf-detail-edition] #pf-solution-guide .sg-device-art { gap: 14px; padding: 17px; }
  body[data-pf-detail-edition] #pf-solution-guide .sg-device-art img { width: 104px; height: 133px; }
}
@media (max-width: 760px) {
  body[data-pf-detail-edition] #pf-main-content .hero { padding: 29px 0 31px; }
  body[data-pf-detail-edition] #pf-main-content .pf-detail-layout,
  body[data-pf-detail-edition] #pf-solution-guide .sg-hero-grid { grid-template-columns: minmax(0, 1fr); gap: 27px; }
  body[data-pf-detail-edition] #pf-main-content .hero h1,
  body[data-pf-detail-edition] #pf-solution-guide h1 { font-size: clamp(29px, 6.7vw, 40px); line-height: 1.18; }
  body[data-pf-detail-edition] #pf-main-content .hero .lead,
  body[data-pf-detail-edition] #pf-solution-guide .sg-lead { font-size: 15px; }
  body[data-pf-detail-edition] #pf-main-content .pf-detail-visual { display: grid; grid-template-columns: 135px minmax(0, 1fr); border-radius: 18px; }
  body[data-pf-detail-edition] #pf-main-content .pf-detail-image { min-height: 136px; padding: 12px; }
  body[data-pf-detail-edition] #pf-main-content .pf-detail-image img,
  body[data-pf-detail-edition][data-pf-detail-kind="brand"] #pf-main-content .pf-detail-image img { width: 110px; height: 112px; padding: 4px; }
  body[data-pf-detail-edition] #pf-main-content .pf-detail-visual figcaption { padding: 16px; border-top: 0; border-left: 1px solid #d6e4f4; background: #f8fbff; }
  body[data-pf-detail-edition] #pf-main-content .pf-detail-visual figcaption strong { font-size: 15px; }
  body[data-pf-detail-edition] #pf-main-content.pf-catalogue--code .pf-detail-visual { grid-template-columns: minmax(0, 1fr); }
  body[data-pf-detail-edition] #pf-main-content.pf-catalogue--code .pf-detail-image { min-height: 134px; padding: 16px; gap: 22px; }
  body[data-pf-detail-edition] #pf-main-content.pf-catalogue--code .pf-detail-image img { width: 90px; height: 104px; flex-basis: 90px; }
  body[data-pf-detail-edition] #pf-main-content.pf-catalogue--code .pf-detail-visual figcaption { border-left: 0; border-top: 1px solid #d6e4f4; }
  body[data-pf-detail-edition] #pf-main-content .pf-detail-code strong { font-size: 32px; }
  body[data-pf-detail-edition] #pf-main-content .pf-detail-stats { max-width: none; margin: 21px 0; }
  body[data-pf-detail-edition] #pf-main-content .pf-guide-grid { grid-template-columns: minmax(0, 1fr); }
  body[data-pf-detail-edition] #pf-main-content .pfp-editorial { grid-template-columns: minmax(0, 1fr); padding: 24px; gap: 23px; }
  body[data-pf-detail-edition] #pf-main-content .pfp-editorial-facts { grid-template-columns: minmax(0, 1fr); }
  body[data-pf-detail-edition] #pf-solution-guide .sg-hero-grid { padding: 29px 0 31px; }
  body[data-pf-detail-edition] #pf-solution-guide .sg-device { max-width: 460px; width: 100%; }
  body[data-pf-detail-edition] #pf-solution-guide .sg-layout--focused { padding-top: 26px; }
}
@media (max-width: 640px) {
  body[data-pf-detail-edition] #pf-main-content .pf-compare-stats > div { padding: 13px 16px; }
  body[data-pf-detail-edition] #pf-main-content .pf-compare-table tr { margin: 12px 0; padding: 14px 16px; background: #f8fbff; border-color: #d6e3f3; border-radius: 13px; }
  body[data-pf-detail-edition] #pf-main-content .pf-compare-table :is(th[scope="row"], td) { padding: 9px 0; }
  body[data-pf-detail-edition] #pf-main-content .pf-compare-table td::before { color: #526780; font-size: 12px; line-height: 1.6; }
}
@media (max-width: 600px) {
  body[data-pf-detail-edition] #pf-main-content .wrap,
  body[data-pf-detail-edition] #pf-solution-guide .sg-wrap { width: calc(100% - 32px); padding-inline: 0; }
  body[data-pf-detail-edition] #pf-main-content .main { padding: 23px 0 40px; }
  body[data-pf-detail-edition] #pf-main-content .panel,
  body[data-pf-detail-edition] #pf-main-content:is(.pf-catalogue--brand, .pf-catalogue--model, .pf-catalogue--code) .pf-catalog-list,
  body[data-pf-detail-edition] #pf-solution-guide .sg-panel,
  body[data-pf-detail-edition] #pf-solution-guide :is(#anlam, #kontrol).sg-panel { padding: 22px 18px; border-radius: 17px; }
  body[data-pf-detail-edition] #pf-main-content .panel > p { font-size: 14px; }
  body[data-pf-detail-edition] #pf-main-content .panel h2,
  body[data-pf-detail-edition] #pf-solution-guide .sg-panel h2 { font-size: 23px; }
  body[data-pf-detail-edition] #pf-main-content .pf-catalog-list > .grid { grid-template-columns: minmax(0, 1fr); gap: 11px; }
  body[data-pf-detail-edition] #pf-main-content .pf-catalog-card { min-height: 96px; padding: 17px; gap: 15px; }
  body[data-pf-detail-edition] #pf-main-content .pf-catalog-card strong { font-size: 17px; }
  body[data-pf-detail-edition] #pf-main-content .pf-catalog-card img { width: 59px; height: 70px; flex-basis: 59px; }
  body[data-pf-detail-edition] #pf-main-content .pf-catalog-card--code { min-height: 76px; padding: 17px 15px; gap: 10px; }
  body[data-pf-detail-edition] #pf-main-content .pf-catalog-card--code strong { font-size: 21px; }
  body[data-pf-detail-edition] #pf-main-content .pf-detail-actions { gap: 9px; align-items: stretch; }
  body[data-pf-detail-edition] #pf-main-content .pf-detail-actions a { width: 100%; }
  body[data-pf-detail-edition] #pf-main-content .pf-code-meaning .summary,
  body[data-pf-detail-edition] #pf-solution-guide #anlam > p.sg-meaning { padding: 17px 16px; font-size: 16px; line-height: 1.85; border-left-width: 3px; }
  body[data-pf-detail-edition] #pf-main-content .notice { padding: 15px; font-size: 13px; }
  body[data-pf-detail-edition] #pf-main-content .pf-page-nav { padding: 11px 15px; gap: 5px 19px; }
  body[data-pf-detail-edition] #pf-main-content .pf-guide-grid article { padding: 18px; }
  body[data-pf-detail-edition] #pf-main-content .pfp-editorial { padding: 23px 19px; border-radius: 17px; }
  body[data-pf-detail-edition] #pf-main-content .pf-public-solutions :is(.lock-head, .lock-body) { padding: 23px 20px; }
  body[data-pf-detail-edition] #pf-main-content .pf-public-solutions h2 { font-size: 23px; }
  body[data-pf-detail-edition] #pf-main-content .pf-faq summary,
  body[data-pf-detail-edition] #pf-solution-guide .sg-faq summary { padding: 16px; font-size: 14px; }
  body[data-pf-detail-edition] #pf-main-content .pf-faq details p,
  body[data-pf-detail-edition] #pf-solution-guide .sg-faq details p { padding: 0 16px 17px; font-size: 14px; }
  body[data-pf-detail-edition] #pf-solution-guide .sg-device { display: grid; grid-template-columns: minmax(0, 1fr); border-radius: 18px; }
  body[data-pf-detail-edition] #pf-solution-guide .sg-device-top,
  body[data-pf-detail-edition] #pf-solution-guide .sg-device-art,
  body[data-pf-detail-edition] #pf-solution-guide .sg-device-bottom { grid-column: auto; grid-row: auto; }
  body[data-pf-detail-edition] #pf-solution-guide .sg-device-top { padding: 12px 17px; border-bottom: 1px solid #d6e4f4; }
  body[data-pf-detail-edition] #pf-solution-guide .sg-device-top small { display: block; }
  body[data-pf-detail-edition] #pf-solution-guide .sg-device-art { padding: 15px 18px; gap: 24px; }
  body[data-pf-detail-edition] #pf-solution-guide .sg-device-art > div { display: block; }
  body[data-pf-detail-edition] #pf-solution-guide .sg-device-art img { width: 86px; height: 98px; padding: 4px; }
  body[data-pf-detail-edition] #pf-solution-guide .sg-device-art strong { font-size: 32px; }
  body[data-pf-detail-edition] #pf-solution-guide .sg-device-bottom { border-top: 1px solid #d6e4f4; padding: 12px 17px; }
  body[data-pf-detail-edition] #pf-solution-guide .sg-device-bottom strong { font-size: 15px; }
  body[data-pf-detail-edition] #pf-solution-guide .sg-device-bottom p { font-size: 11px; }
  body[data-pf-detail-edition] #pf-solution-guide .sg-hero-meta { margin-top: 20px; padding-top: 17px; font-size: 11px; gap: 7px 12px; }
  body[data-pf-detail-edition] #pf-solution-guide .sg-hero-meta span + span::before { margin-right: 12px; }
  body[data-pf-detail-edition] #pf-solution-guide .sg-hero-actions { gap: 7px 18px; }
  body[data-pf-detail-edition] #pf-solution-guide .sg-layout--focused { padding-top: 23px; padding-bottom: 39px; }
  body[data-pf-detail-edition] #pf-solution-guide #kontrol .sg-steps li,
  body[data-pf-detail-edition] #pf-solution-guide #kontrol > p.sg-source-paragraph { padding: 17px 15px; }
  body[data-pf-detail-edition] #pf-solution-guide #kontrol .sg-steps p,
  body[data-pf-detail-edition] #pf-solution-guide #kontrol > p.sg-source-paragraph { font-size: 14px; }
  body[data-pf-detail-edition] #pf-solution-guide .sg-facts > div { font-size: 13px; }
  body[data-pf-detail-edition] #pf-solution-guide .sg-related > a { padding: 21px; }
  body[data-pf-detail-edition] #pf-solution-guide .sg-related strong { font-size: 17px; }
  body[data-pf-detail-edition] #pf-solution-guide .sg-app { padding: 25px 21px; }
}
@media (max-width: 480px) {
  body[data-pf-detail-edition] #pfn-header > .pfn-bar { min-height: 70px !important; padding: 11px 14px !important; }
  body[data-pf-detail-edition] #pfn-header .pfn-logo,
  body[data-pf-detail-edition] #pfn-header .pfn-logo > span { width: clamp(140px, 45vw, 176px) !important; height: auto !important; aspect-ratio: 4 / 1; }
  body[data-pf-detail-edition] #pf-main-content .pf-detail-stats { gap: 9px; }
  body[data-pf-detail-edition] #pf-main-content .pf-detail-stats > div { padding: 13px; }
  body[data-pf-detail-edition] #pf-main-content .pf-detail-stats dd { font-size: 16px; }
  body[data-pf-detail-edition][data-pf-detail-kind="brand"] #pf-main-content .pf-detail-stats dd { font-size: 25px; }
}
@media (max-width: 380px) {
  body[data-pf-detail-edition] #pf-main-content.pf-catalogue--model #kodlar .grid { grid-template-columns: minmax(0, 1fr); }
  body[data-pf-detail-edition] #pf-main-content .pf-detail-visual { grid-template-columns: 103px minmax(0, 1fr); }
  body[data-pf-detail-edition] #pf-main-content .pf-detail-image img,
  body[data-pf-detail-edition][data-pf-detail-kind="brand"] #pf-main-content .pf-detail-image img { width: 79px; height: 99px; }
  body[data-pf-detail-edition] #pf-main-content .pf-detail-visual figcaption { padding: 14px; }
  body[data-pf-detail-edition] #pf-main-content .pf-detail-monogram { width: 78px; height: 91px; font-size: 28px; }
}
@media (prefers-reduced-motion: reduce) {
  body[data-pf-detail-edition] #pf-main-content .pf-catalog-card { transition: none; }
  body[data-pf-detail-edition] #pf-main-content .pf-catalog-card:hover { transform: none; }
}
/* A source record may use a full LED/alarm sentence instead of a short code.
   Keep every word, but give that label the full panel width, not a code-sized
   side column. The server marks only genuinely long source labels. */
body[data-pf-detail-edition][data-pf-detail-long-label] #pf-main-content .pf-detail-image,
body[data-pf-detail-edition][data-pf-detail-long-label] #pf-solution-guide .sg-device-art {
  flex-direction: column;
  align-items: stretch;
  gap: 17px;
}
body[data-pf-detail-edition][data-pf-detail-long-label] #pf-main-content .pf-detail-image > :is(img, .pf-detail-monogram),
body[data-pf-detail-edition][data-pf-detail-long-label] #pf-solution-guide .sg-device-art > img {
  align-self: center;
  flex-basis: auto;
}
body[data-pf-detail-edition][data-pf-detail-long-label] #pf-main-content .pf-detail-code strong,
body[data-pf-detail-edition][data-pf-detail-long-label] #pf-solution-guide .sg-device-art strong {
  font-size: clamp(20px, 1.8vw, 26px);
  line-height: 1.5;
  letter-spacing: -.02em;
}