/* PeraFix app design layer 2026-11-03: navy lit scene, glass controls,
   white header, brand-gradient primary buttons and fault-code cards as in
   the Usta Destek app. Loaded after pf-design-20261029.css. */
:root{
  --pfa-navy-1:#0B2A5B;--pfa-navy-2:#104FB3;--pfa-ink:#062449;--pfa-blue:#075BEA;
  --pfa-text:#182E49;--pfa-muted:#536780;--pfa-line:#DCE5EF;--pfa-surface:#F6F8FC;
  --pfa-glass:rgba(255,255,255,.12);--pfa-glass-line:rgba(255,255,255,.24);
  --pfa-scene:radial-gradient(1200px 520px at 88% -12%,rgba(80,150,255,.42),transparent 60%),linear-gradient(135deg,#0B2A5B,#104FB3);
  --pfa-cta:linear-gradient(135deg,#3B8BFF,#075BEA 55%,#0A47C2);
  --pfa-cta-shadow:0 10px 24px -12px rgba(7,91,234,.9),inset 0 1px 0 rgba(255,255,255,.35);
}

/* ---------- Header: stays white (logo reads best there); only the download button takes the brand gradient ---------- */
html:is(*,#pfa-a) body:is(*,#pfa-b) #pfn-header .pfn-download{background:var(--pfa-cta)!important;color:#fff!important;border:0!important;box-shadow:var(--pfa-cta-shadow)!important}

/* ---------- Page hero: navy lit scene ---------- */
html:is(*,#pfa-a) body:is(*,#pfa-b) :is(main>section.hero,section.pf-detail-hero,.pfh-hero,.article-hero,section.hp-hero,.sg-hero){
  background:var(--pfa-scene)!important;color:#fff!important;isolation:isolate;border:0!important}
/* Headline and copy on the scene (cards inside keep their own dark text) */
html:is(*,#pfa-a) body:is(*,#pfa-b) :is(main>section.hero,section.pf-detail-hero,.pfh-hero,.article-hero,section.hp-hero,.sg-hero) h1{color:#fff!important;-webkit-text-fill-color:#fff!important;background:none!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) :is(main>section.hero,section.pf-detail-hero,.pfh-hero,.article-hero,section.hp-hero,.sg-hero) h1 :is(span,em,strong,mark){color:#9CC4FF!important;-webkit-text-fill-color:#9CC4FF!important;background:none!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) :is(main>section.hero,section.pf-detail-hero,.pfh-hero,.article-hero,section.hp-hero,.sg-hero) :is(p,li,dd,dt,small,time,label,figcaption):not(:is(.pf-detail-visual,.pfa-card,[class*="card"],[class*="pass"],[class*="panel"],[class*="steps"],figure,aside,form,dl,.hp-visual,.hp-answer-guide,[class*="sg-device"]) *):not([class*="card"]){color:rgba(255,255,255,.84)!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) :is(main>section.hero,section.pf-detail-hero,.pfh-hero,.article-hero,section.hp-hero,.sg-hero) :is(.pf-detail-eyebrow,.pf-category-eyebrow,.pfh-eyebrow,.pfh-kicker,.eyebrow,.kicker,.pf-hero-eyebrow,[class*="eyebrow"],[class*="kicker"],.about-label):not(:is([class*="card"],[class*="pass"],[class*="panel"],figure,aside,form,.hp-visual,.hp-answer-guide,[class*="sg-device"]) *){color:#BFD6FF!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) :is(main>section.hero,section.pf-detail-hero,.pfh-hero,.article-hero,section.hp-hero,.sg-hero) :is(nav[aria-label="İçerik yolu"],.crumb,.crumbs,.breadcrumb,.breadcrumbs,.pf-hub-crumb) :is(a,span,li){color:#BFD6FF!important}
/* Shortcut pills and record boxes on the scene become glass */
html:is(*,#pfa-a) body:is(*,#pfa-b) :is(main>section.hero,section.pf-detail-hero,.pfh-hero,.article-hero,section.hp-hero,.sg-hero) :is(nav.chips,nav.pf-category-links,nav[aria-label="Örnek marka ve kod rehberleri"]) a{background:var(--pfa-glass)!important;border:1px solid var(--pfa-glass-line)!important;color:#fff!important;box-shadow:none!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) :is(main>section.hero,section.pf-detail-hero,.pfh-hero,.article-hero,section.hp-hero,.sg-hero) :is(nav.chips,nav.pf-category-links,nav[aria-label="Örnek marka ve kod rehberleri"]) a:is(:hover,:focus-visible,[aria-current="page"],[aria-current="true"],[aria-pressed="true"]){background:rgba(255,255,255,.22)!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) :is(main>section.hero,section.pf-detail-hero,.pfh-hero,.article-hero,section.hp-hero,.sg-hero) :is(nav.chips,nav.pf-category-links) a:first-child:is(.is-active,[aria-current="page"],[aria-current="true"],[aria-pressed="true"]),
html:is(*,#pfa-a) body:is(*,#pfa-b) :is(main>section.hero,section.pf-detail-hero,.pfh-hero,.article-hero,section.hp-hero,.sg-hero) nav.pf-category-links a:first-child{background:var(--pfa-cta)!important;border-color:transparent!important;box-shadow:var(--pfa-cta-shadow)!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) :is(main>section.hero,section.pf-detail-hero,.pfh-hero,.article-hero,section.hp-hero,.sg-hero) .pfh-records{background:var(--pfa-glass)!important;border:1px solid var(--pfa-glass-line)!important;box-shadow:none!important;backdrop-filter:blur(10px);color:#fff!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) :is(main>section.hero,section.pf-detail-hero,.pfh-hero,.article-hero,section.hp-hero,.sg-hero) .pfh-records *{color:#fff!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) :is(main>section.hero,section.pf-detail-hero,.pfh-hero,.article-hero,section.hp-hero,.sg-hero) .pfh-records :is(p,small,span){color:rgba(255,255,255,.82)!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) :is(main>section.hero,section.pf-detail-hero,.pfh-hero,.article-hero,section.hp-hero,.sg-hero) .pf-updated{color:rgba(255,255,255,.72)!important;opacity:1!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) :is(main>section.hero,section.pf-detail-hero,.pfh-hero,.article-hero,section.hp-hero,.sg-hero) :is(p,.lead)>a:not([class]){color:#fff!important;text-decoration:underline;text-underline-offset:3px}
/* Cards on the scene stay white with dark text */
html:is(*,#pfa-a) body:is(*,#pfa-b) :is(main>section.hero,section.pf-detail-hero,.pfh-hero,.article-hero,section.hp-hero,.sg-hero) :is(.pf-detail-visual,figure,[class*="hero-panel"]){color:var(--pfa-text)}
/* Directory type cards on the scene: glass, active one gradient */
html:is(*,#pfa-a) body:is(*,#pfa-b) .pfh-hero nav.directory-type-cards>a{background:var(--pfa-glass)!important;border:1px solid var(--pfa-glass-line)!important;box-shadow:none!important;color:#fff!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .pfh-hero nav.directory-type-cards>a *{color:inherit!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .pfh-hero nav.directory-type-cards>a small{color:rgba(255,255,255,.78)!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .pfh-hero nav.directory-type-cards>a:is([aria-current="page"],[aria-current="true"],[aria-pressed="true"],.is-active,.active){background:var(--pfa-cta)!important;border-color:transparent!important;box-shadow:var(--pfa-cta-shadow)!important}
/* Search labels sitting directly on the scene */
html:is(*,#pfa-a) body:is(*,#pfa-b) :is(.pf-hub-search,.hp-search)>label{color:rgba(255,255,255,.84)!important}
/* Solution guide hero: meta chips glass, back link light */
html:is(*,#pfa-a) body:is(*,#pfa-b) .sg-hero .sg-hero-meta>span{background:var(--pfa-glass)!important;border:1px solid var(--pfa-glass-line)!important;color:#fff!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .sg-hero .sg-text-link{color:#fff!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) :is(.pfh-hero,.pf-hub-hero) aside.pfp-discovery .pfp-kicker{color:#BFD6FF!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) :is(main>section.hero,.pfh-hero,section.hp-hero) .pfh-copy>:is(.text-primary,span.uppercase){color:#BFD6FF!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) :is(.pfh-hero,main>section.hero) :is(.membership-highlights,.about-pillars)>span{color:rgba(255,255,255,.8)!important}
/* Dark cards on the scene get a glass edge so they stay visible */
html:is(*,#pfa-a) body:is(*,#pfa-b) :is(.pfh-hero .membership-pass,section.hp-hero .hp-visual){border:1px solid var(--pfa-glass-line)!important;box-shadow:0 30px 60px -30px rgba(2,12,30,.8)!important}
/* Stat boxes become glass */
html:is(*,#pfa-a) body:is(*,#pfa-b) section.pf-detail-hero .pf-detail-stats>div{background:var(--pfa-glass)!important;border:1px solid var(--pfa-glass-line)!important;box-shadow:none!important;backdrop-filter:blur(10px)}
html:is(*,#pfa-a) body:is(*,#pfa-b) section.pf-detail-hero .pf-detail-stats dt{color:#BFD6FF!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) section.pf-detail-hero .pf-detail-stats dd{color:#fff!important}
/* Hero actions: gradient primary + glass secondary */
html:is(*,#pfa-a) body:is(*,#pfa-b) section.pf-detail-hero .pf-detail-actions>a:not(.pf-detail-primary){background:var(--pfa-glass)!important;border:1px solid var(--pfa-glass-line)!important;color:#fff!important;box-shadow:none!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) section.pf-detail-hero .pf-detail-visual{border:0!important;box-shadow:0 30px 60px -30px rgba(2,12,30,.75)!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) section.pf-detail-hero .pf-detail-code{background:var(--pfa-ink)!important;color:#fff!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) section.pf-detail-hero .pf-detail-code :is(small,strong){color:#fff!important}

/* Links inside dark content blocks */
html:is(*,#pfa-a) body:is(*,#pfa-b) .about-contact p>a:not([class]){color:#9CC4FF!important}

/* ---------- Primary buttons: brand gradient ---------- */
html:is(*,#pfa-a) body:is(*,#pfa-b) :is(.pf-detail-primary,.pf-locked-cta,.locked a.cta,.pf-button--primary,.pf-download-card a.pf-download-button,.pfh-cta-primary,.pf-service-form button[type=submit],.pf-search-submit){background:var(--pfa-cta)!important;color:#fff!important;border:0!important;box-shadow:var(--pfa-cta-shadow)!important}

/* ---------- Content panels ---------- */
html:is(*,#pfa-a) body:is(*,#pfa-b) main .panel{border-radius:18px}

/* ---------- Fault-code cards: the app's ReferenceFaultCard ---------- */
:root{--pfa-err-w:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7.6v5.2'/%3E%3Cpath d='M12 16.4h.01'/%3E%3C/svg%3E");--pfa-err-b:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23075BEA' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7.6v5.2'/%3E%3Cpath d='M12 16.4h.01'/%3E%3C/svg%3E")}
/* Closed card: quiet white row, brand-gradient round emblem, navy code, pale chevron; hover = opened stage */
html:is(*,#pfa-a) body:is(*,#pfa-b) a:is(.pf-catalog-card--code,.pf-catalog-card--legacy){position:relative!important;display:flex!important;align-items:center!important;gap:11px!important;min-height:52px;padding:9px 10px!important;background:#fff!important;border:1px solid var(--pfa-line)!important;border-radius:16px!important;box-shadow:0 6px 16px -12px rgba(11,42,91,.35)!important;overflow:hidden;color:#0B2A5B!important;text-decoration:none!important;transition:background .2s ease,box-shadow .2s ease,border-color .2s ease}
html:is(*,#pfa-a) body:is(*,#pfa-b) a:is(.pf-catalog-card--code,.pf-catalog-card--legacy)::before{content:""!important;display:block!important;position:relative!important;inset:auto!important;flex:none!important;width:30px!important;height:30px!important;margin:0!important;border-radius:50%!important;opacity:1!important;transform:none!important;background:var(--pfa-err-w) center/16px 16px no-repeat,linear-gradient(135deg,#3B8BFF,#075BEA 55%,#0A47C2)!important;box-shadow:0 0 0 1.5px #fff,0 2px 6px rgba(7,91,234,.22)!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) a:is(.pf-catalog-card--code,.pf-catalog-card--legacy) .pf-card-copy{display:flex!important;flex-direction:column!important;min-width:0;flex:1 1 auto}
html:is(*,#pfa-a) body:is(*,#pfa-b) a:is(.pf-catalog-card--code,.pf-catalog-card--legacy) strong{display:block!important;min-width:0!important;padding:0!important;border-radius:0!important;background:none!important;text-align:left!important;color:#0B2A5B!important;font-size:15px!important;font-weight:800!important;letter-spacing:0!important;line-height:1.2!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) a:is(.pf-catalog-card--code,.pf-catalog-card--legacy) small{margin-top:2px;font-size:12px!important;color:var(--pfa-muted)!important;letter-spacing:0!important;text-transform:none!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) a:is(.pf-catalog-card--code,.pf-catalog-card--legacy)>svg{display:block!important;visibility:visible!important;opacity:1!important;flex:none;width:26px!important;height:26px!important;margin-left:auto;padding:5px;border-radius:50%;background:#EAF1FF;color:var(--pfa-blue)!important;transform:none!important;transition:background .2s ease,color .2s ease}
html:is(*,#pfa-a) body:is(*,#pfa-b) a:is(.pf-catalog-card--code,.pf-catalog-card--legacy):is(:hover,:focus-visible){background:radial-gradient(circle at 25px 50%,rgba(111,176,255,.38),rgba(111,176,255,0) 120px),radial-gradient(circle at 25px 50%,transparent 27.5px,rgba(255,255,255,.24) 28px,transparent 29px),radial-gradient(circle at 25px 50%,transparent 43.5px,rgba(255,255,255,.14) 44px,transparent 45px),radial-gradient(circle at 25px 50%,transparent 61.5px,rgba(255,255,255,.07) 62px,transparent 63px),linear-gradient(135deg,#0B2A5B,#104FB3)!important;border-color:transparent!important;box-shadow:0 6px 14px rgba(11,42,91,.2)!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) a:is(.pf-catalog-card--code,.pf-catalog-card--legacy):is(:hover,:focus-visible)::before{background:var(--pfa-err-b) center/17px 17px no-repeat,#fff!important;box-shadow:0 0 0 3px rgba(255,255,255,.4),0 4px 10px rgba(0,0,0,.22)!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) a:is(.pf-catalog-card--code,.pf-catalog-card--legacy):is(:hover,:focus-visible) strong{color:#fff!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) a:is(.pf-catalog-card--code,.pf-catalog-card--legacy):is(:hover,:focus-visible) small{color:rgba(255,255,255,.78)!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) a:is(.pf-catalog-card--code,.pf-catalog-card--legacy):is(:hover,:focus-visible)>svg{background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.32);color:#fff!important}

/* Opened card on the code page: lit navy heading with white emblem, then the description card */
html:is(*,#pfa-a) body:is(*,#pfa-b) .pf-code-meaning{position:relative;padding:3px 3px 6px!important;overflow:hidden;border:1px solid var(--pfa-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 12px 28px -20px rgba(11,42,91,.4)!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .pf-code-meaning>h2{position:relative;margin:0!important;padding:14px 16px 14px 62px!important;border-radius:15px!important;background:radial-gradient(circle at 31px 50%,rgba(111,176,255,.38),rgba(111,176,255,0) 120px),radial-gradient(circle at 31px 50%,transparent 27.5px,rgba(255,255,255,.24) 28px,transparent 29px),radial-gradient(circle at 31px 50%,transparent 43.5px,rgba(255,255,255,.14) 44px,transparent 45px),radial-gradient(circle at 31px 50%,transparent 61.5px,rgba(255,255,255,.07) 62px,transparent 63px),linear-gradient(135deg,#0B2A5B,#104FB3)!important;box-shadow:0 6px 14px rgba(11,42,91,.2)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;line-height:1.25!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .pf-code-meaning>h2::before{content:"";position:absolute;left:13px;top:50%;width:36px;height:36px;margin-top:-18px;border-radius:50%;background:var(--pfa-err-b) center/19px 19px no-repeat,#fff;box-shadow:0 0 0 3px rgba(255,255,255,.4),0 4px 10px rgba(0,0,0,.22)}
html:is(*,#pfa-a) body:is(*,#pfa-b) .pf-code-meaning>:not(h2){margin-left:12px!important;margin-right:12px!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .pf-code-meaning>.pf-context{margin-top:12px!important;color:var(--pfa-muted)!important;font-weight:600}
html:is(*,#pfa-a) body:is(*,#pfa-b) .pf-code-meaning>.summary{margin-top:10px!important;padding:0 13px 12px!important;border:1px solid var(--pfa-line);border-radius:14px;background:#fff!important;box-shadow:0 5px 12px -4px rgba(11,42,91,.06);overflow:hidden;color:#2E4463!important;line-height:1.6}
html:is(*,#pfa-a) body:is(*,#pfa-b) .pf-code-meaning>.summary::before{content:"Nasazlığın açıqlaması";display:block;margin:0 -13px 11px;padding:9px 10px 9px 48px;min-height:46px;box-sizing:border-box;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%233B8BFF'/%3E%3Cstop offset='.55' stop-color='%23075BEA'/%3E%3Cstop offset='1' stop-color='%230A47C2'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='16' cy='16' r='15' fill='white'/%3E%3Ccircle cx='16' cy='16' r='13' fill='url%28%23g%29'/%3E%3Cg transform='translate%288.5 8.5%29 scale%28.625%29' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5.2'/%3E%3Cpath d='M12 7.8h.01'/%3E%3C/g%3E%3C/svg%3E") 10px center/30px 30px no-repeat,linear-gradient(90deg,#F3F8FF,#E2ECFB);border-bottom:1px solid #D3E2F6;color:#09254C;font-size:14px;font-weight:800;letter-spacing:-.2px;line-height:28px}
html:is(*,#pfa-a) body:is(*,#pfa-b) .pf-code-meaning>.summary strong{color:#09254C!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .pf-code-meaning>p:last-child{margin-bottom:10px!important;color:var(--pfa-muted)!important;font-size:.92em}

/* Solution teaser = the app's solution card: navy stage band, pale brand panel */
html:is(*,#pfa-a) body:is(*,#pfa-b) aside.locked.pf-solutions{overflow:hidden;padding:0!important;border:1px solid #C9DCF6!important;border-radius:16px!important;background:linear-gradient(135deg,#F5F9FF,#EAF2FF)!important;box-shadow:0 12px 26px -18px rgba(11,42,91,.35)!important;color:#2E4463!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) aside.locked.pf-solutions .lock-head{position:relative;margin:0!important;padding:14px 18px 14px 64px!important;background:radial-gradient(circle at 96% 10%,transparent 19.5px,rgba(255,255,255,.22) 20px,transparent 21px),radial-gradient(circle at 96% 10%,transparent 33.5px,rgba(255,255,255,.13) 34px,transparent 35px),linear-gradient(90deg,#0B2A5B,#1356C2)!important;border-bottom:1px solid #0E3F8E!important;color:#fff!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) aside.locked.pf-solutions .lock-head::before{content:"";position:absolute;left:14px;top:50%;width:34px;height:34px;margin-top:-17px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34'%3E%3Ccircle cx='17' cy='17' r='16.5' fill='white' fill-opacity='.35'/%3E%3Ccircle cx='17' cy='17' r='13.5' fill='white'/%3E%3Cg transform='translate%289.8 9.8%29 scale%28.6%29' fill='none' stroke='%23075BEA' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z'/%3E%3C/g%3E%3C/svg%3E") center/34px 34px no-repeat;filter:drop-shadow(0 3px 6px rgba(0,0,0,.22))}
html:is(*,#pfa-a) body:is(*,#pfa-b) aside.locked.pf-solutions .lock-head strong{color:#BFD6FF!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) aside.locked.pf-solutions .lock-head h2{color:#fff!important;-webkit-text-fill-color:#fff!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) aside.locked.pf-solutions .lock-body{padding:16px 18px 18px!important;background:transparent!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) aside.locked.pf-solutions .lock-body p{color:#2E4463!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) aside.locked.pf-solutions .pfp-guide-meta span{background:#fff!important;border:1px solid #C9DCF6!important;color:#0B2A5B!important}

:root{--pfa-i-device:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23075BEA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='2.5' width='14' height='19' rx='2.6'/%3E%3Cpath d='M9 7h6M9 10.5h6'/%3E%3Ccircle cx='12' cy='16' r='1.8'/%3E%3C/svg%3E");--pfa-iw-device:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='2.5' width='14' height='19' rx='2.6'/%3E%3Cpath d='M9 7h6M9 10.5h6'/%3E%3Ccircle cx='12' cy='16' r='1.8'/%3E%3C/svg%3E");--pfa-i-pin:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23075BEA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-6.5-5.6-6.5-11a6.5 6.5 0 0 1 13 0c0 5.4-6.5 11-6.5 11z'/%3E%3Cpath d='m9.6 10.2 1.7 1.7 3.1-3.3'/%3E%3C/svg%3E");--pfa-iw-pin:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-6.5-5.6-6.5-11a6.5 6.5 0 0 1 13 0c0 5.4-6.5 11-6.5 11z'/%3E%3Cpath d='m9.6 10.2 1.7 1.7 3.1-3.3'/%3E%3C/svg%3E");--pfa-i-tag:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23075BEA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.6 13.4 13.4 20.6a2 2 0 0 1-2.8 0L3 13V3h10l7.6 7.6a2 2 0 0 1 0 2.8z'/%3E%3Ccircle cx='7.6' cy='7.6' r='1.6'/%3E%3C/svg%3E");--pfa-iw-tag:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.6 13.4 13.4 20.6a2 2 0 0 1-2.8 0L3 13V3h10l7.6 7.6a2 2 0 0 1 0 2.8z'/%3E%3Ccircle cx='7.6' cy='7.6' r='1.6'/%3E%3C/svg%3E");--pfa-i-book:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23075BEA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 5.5A2 2 0 0 1 4.5 3.5H10a2 2 0 0 1 2 2v15a1.5 1.5 0 0 0-1.5-1.5h-8z'/%3E%3Cpath d='M21.5 5.5a2 2 0 0 0-2-2H14a2 2 0 0 0-2 2v15a1.5 1.5 0 0 1 1.5-1.5h8z'/%3E%3C/svg%3E");--pfa-iw-book:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 5.5A2 2 0 0 1 4.5 3.5H10a2 2 0 0 1 2 2v15a1.5 1.5 0 0 0-1.5-1.5h-8z'/%3E%3Cpath d='M21.5 5.5a2 2 0 0 0-2-2H14a2 2 0 0 0-2 2v15a1.5 1.5 0 0 1 1.5-1.5h8z'/%3E%3C/svg%3E");--pfa-i-doc:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23075BEA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2.5H6.5a2 2 0 0 0-2 2v15a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2.5V8h5.5M8.5 13h7M8.5 17h5'/%3E%3C/svg%3E");--pfa-iw-doc:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2.5H6.5a2 2 0 0 0-2 2v15a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2.5V8h5.5M8.5 13h7M8.5 17h5'/%3E%3C/svg%3E");--pfa-i-case:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23075BEA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7' width='18' height='13' rx='2.5'/%3E%3Cpath d='M8.5 7V5.5a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2V7M3 12.5h18'/%3E%3C/svg%3E");--pfa-iw-case:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7' width='18' height='13' rx='2.5'/%3E%3Cpath d='M8.5 7V5.5a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2V7M3 12.5h18'/%3E%3C/svg%3E");}
/* ---------- Home hero quick actions: the app's action cards (white tile, pale icon well, accent bar) ---------- */
html:is(*,#pfa-a) body:is(*,#pfa-b) section.hp-hero .hp-quick{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) section.hp-hero .hp-quick>a{position:relative;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:0!important;min-height:0!important;padding:15px 8px 12px!important;border-radius:18px!important;text-align:center!important;overflow:hidden;text-decoration:none!important;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(255,255,255,.88) 58%,#E7F0FF)!important;border:1px solid rgba(255,255,255,.95)!important;box-shadow:0 18px 34px -18px rgba(2,12,30,.85),0 0 0 1px rgba(7,91,234,.16),inset 0 1px 0 #fff!important;backdrop-filter:none!important;color:#143654!important;transition:transform .22s ease,box-shadow .22s ease}
html:is(*,#pfa-a) body:is(*,#pfa-b) section.hp-hero .hp-quick>a::after{content:"";position:absolute;left:0;right:0;top:0;height:48%;background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(255,255,255,0));pointer-events:none}
html:is(*,#pfa-a) body:is(*,#pfa-b) section.hp-hero .hp-quick>a::before{content:"";position:relative;z-index:1;flex:none;width:46px;height:46px;margin:0 0 9px;border-radius:15px;border:1px solid #fff;background:var(--pfa-qi) center/23px 23px no-repeat,linear-gradient(135deg,#F9FCFF,#DBE9FB);box-shadow:0 8px 16px -8px rgba(7,91,234,.55),inset 0 1px 0 #fff;transition:background .22s ease,box-shadow .22s ease}
html:is(*,#pfa-a) body:is(*,#pfa-b) section.hp-hero .hp-quick>a:nth-child(1){--pfa-qi:var(--pfa-i-device);--pfa-qiw:var(--pfa-iw-device)}
html:is(*,#pfa-a) body:is(*,#pfa-b) section.hp-hero .hp-quick>a:nth-child(2){--pfa-qi:var(--pfa-i-pin);--pfa-qiw:var(--pfa-iw-pin)}
html:is(*,#pfa-a) body:is(*,#pfa-b) section.hp-hero .hp-quick>a:nth-child(3){--pfa-qi:var(--pfa-i-tag);--pfa-qiw:var(--pfa-iw-tag)}
html:is(*,#pfa-a) body:is(*,#pfa-b) section.hp-hero .hp-quick .hp-quick-label{position:relative;z-index:1;display:block;font-size:14px!important;font-weight:800!important;line-height:1.25!important;letter-spacing:-.2px!important;text-transform:none!important;white-space:normal!important;color:#143654!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) section.hp-hero .hp-quick .hp-quick-label::after{content:"";display:block;width:26px;height:3px;margin:9px auto 0;border-radius:3px;background:rgba(7,91,234,.38);transition:width .22s ease,background .22s ease}
html:is(*,#pfa-a) body:is(*,#pfa-b) section.hp-hero .hp-quick>a>span:last-child{position:absolute;z-index:1;top:8px;right:8px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#EAF1FF;color:#075BEA!important;font-size:12px;line-height:1;transition:background .22s ease,color .22s ease}
html:is(*,#pfa-a) body:is(*,#pfa-b) section.hp-hero .hp-quick>a:is(:hover,:focus-visible){transform:translateY(-3px);box-shadow:0 24px 40px -18px rgba(2,12,30,.9),0 0 0 2px rgba(111,176,255,.75),inset 0 1px 0 #fff!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) section.hp-hero .hp-quick>a:is(:hover,:focus-visible)::before{background:var(--pfa-qiw) center/23px 23px no-repeat,linear-gradient(135deg,#3B8BFF,#075BEA 55%,#0A47C2);box-shadow:0 10px 18px -8px rgba(7,91,234,.8),inset 0 1px 0 rgba(255,255,255,.35)}
html:is(*,#pfa-a) body:is(*,#pfa-b) section.hp-hero .hp-quick>a:is(:hover,:focus-visible) .hp-quick-label::after{width:44px;background:linear-gradient(135deg,#3B8BFF,#075BEA 55%,#0A47C2)}
html:is(*,#pfa-a) body:is(*,#pfa-b) section.hp-hero .hp-quick>a:is(:hover,:focus-visible)>span:last-child{background:linear-gradient(135deg,#3B8BFF,#075BEA 55%,#0A47C2);color:#fff!important}
@media (max-width:600px){
  html:is(*,#pfa-a) body:is(*,#pfa-b) section.hp-hero .hp-quick{gap:8px!important}
  html:is(*,#pfa-a) body:is(*,#pfa-b) section.hp-hero .hp-quick>a{padding:13px 5px 10px!important;border-radius:16px!important}
  html:is(*,#pfa-a) body:is(*,#pfa-b) section.hp-hero .hp-quick>a::before{width:40px;height:40px;border-radius:13px;background-size:21px 21px,auto;margin-bottom:7px}
  html:is(*,#pfa-a) body:is(*,#pfa-b) section.hp-hero .hp-quick .hp-quick-label{font-size:12.5px!important}
  html:is(*,#pfa-a) body:is(*,#pfa-b) section.hp-hero .hp-quick>a>span:last-child{top:6px;right:6px;width:19px;height:19px;font-size:10.5px}
}

/* ---------- Home category cards: the app's TechnicalSolutionCard (studio tile, one-line title, count pills, round arrow) ---------- */
html:is(*,#pfa-a) body:is(*,#pfa-b) .hp-categories .pf-app-cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;align-items:stretch!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .hp-categories .pf-app-card:nth-child(1){grid-column:1/-1!important}
@media (min-width:601px){
  html:is(*,#pfa-a) body:is(*,#pfa-b) .hp-categories .pf-app-card{--pfa-tile:96px;padding:16px!important;column-gap:16px!important}
  html:is(*,#pfa-a) body:is(*,#pfa-b) .hp-categories .pf-app-card .pf-app-copy h3,html:is(*,#pfa-a) body:is(*,#pfa-b) .hp-categories .pf-app-card .pf-app-copy>p{font-size:22px!important}
  html:is(*,#pfa-a) body:is(*,#pfa-b) .hp-categories .pf-app-card .pf-app-bottom>span:first-child{font-size:13px!important}
  html:is(*,#pfa-a) body:is(*,#pfa-b) .hp-categories .pf-app-card .pf-app-arrow{width:42px!important;height:42px!important}
}
html:is(*,#pfa-a) body:is(*,#pfa-b) .hp-categories .pf-app-card{grid-column:auto!important;grid-row:auto!important;position:relative!important;display:grid!important;grid-template-columns:var(--pfa-tile,80px) minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;column-gap:13px!important;row-gap:6px!important;align-items:center!important;width:auto!important;height:auto!important;min-height:0!important;margin:0!important;padding:13px!important;border-radius:18px!important;border:1px solid #E1EAF6!important;background:#fff!important;box-shadow:0 14px 30px -14px rgba(11,42,91,.16),0 1px 3px rgba(11,31,58,.05)!important;overflow:hidden!important;isolation:isolate;color:#092448!important;text-decoration:none!important;transform:none;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
html:is(*,#pfa-a) body:is(*,#pfa-b) .hp-categories .pf-app-card::after{content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:-1!important;width:auto!important;height:auto!important;opacity:1!important;clip-path:none!important;transform:none!important;border-radius:inherit!important;pointer-events:none;background:linear-gradient(90deg,rgba(111,176,255,0) 15%,rgba(111,176,255,.75) 55%,rgba(111,176,255,0) 95%) top/100% 1.4px no-repeat,radial-gradient(circle at calc(100% - 31px) 50%,transparent 29.5px,rgba(28,111,232,.18) 30px,transparent 31px),radial-gradient(circle at calc(100% - 31px) 50%,transparent 45.5px,rgba(28,111,232,.10) 46px,transparent 47px),radial-gradient(circle at calc(100% - 31px) 50%,transparent 61.5px,rgba(28,111,232,.05) 62px,transparent 63px),radial-gradient(circle at calc(100% - 31px) 50%,rgba(111,176,255,.2),rgba(111,176,255,0) 120px),linear-gradient(90deg,rgba(230,240,255,0) 45%,rgba(230,240,255,.7))!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .hp-categories .pf-app-card::before{content:""!important;display:block!important;position:relative!important;inset:auto!important;grid-column:1;grid-row:1/3;align-self:center;width:var(--pfa-tile,80px)!important;height:var(--pfa-tile,80px)!important;opacity:1!important;clip-path:none!important;-webkit-mask:none!important;mask:none!important;filter:none!important;transform:none!important;z-index:0!important;border-radius:17px!important;border:1.2px solid transparent!important;box-shadow:0 7px 16px -5px rgba(7,91,234,.16)!important;background:var(--pfa-dev) center 46%/78% 78% no-repeat padding-box,radial-gradient(ellipse 25% 3.5% at 50% 86%,rgba(9,36,72,.18),rgba(9,36,72,0)) padding-box,linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0) 45%) padding-box,radial-gradient(rgba(28,111,232,.09) .7px,transparent 1px) 0 0/7px 7px padding-box,radial-gradient(120% 105% at 50% 15%,#fff,#F2F7FF 55%,#DDEAFD) padding-box,linear-gradient(135deg,#fff,#B4CFF5) border-box!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .hp-categories .pf-app-card[data-category="6"]{--pfa-dev:url(/az/assets/pfv-whole-kombi.webp)}
html:is(*,#pfa-a) body:is(*,#pfa-b) .hp-categories .pf-app-card[data-category="7"]{--pfa-dev:url(/az/assets/pfv-whole-klima.webp)}
html:is(*,#pfa-a) body:is(*,#pfa-b) .hp-categories .pf-app-card[data-category="18"]{--pfa-dev:url(/az/assets/pfv-whole-beyaz-esya.webp)}
html:is(*,#pfa-a) body:is(*,#pfa-b) .hp-categories .pf-app-card[data-category="9"]{--pfa-dev:url(/az/assets/pfv-whole-isi-pompasi.webp)}
html:is(*,#pfa-a) body:is(*,#pfa-b) .hp-categories .pf-app-card[data-category="10"]{--pfa-dev:url(/az/assets/pfv-whole-sofben.webp)}
html:is(*,#pfa-a) body:is(*,#pfa-b) .hp-categories .pf-app-card>.pf-app-main,html:is(*,#pfa-a) body:is(*,#pfa-b) .hp-categories .pf-app-card>.pf-app-bottom{display:contents!important;zoom:1!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .hp-categories .pf-app-card .pf-app-main>img{display:none!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .hp-categories .pf-app-card .pf-app-copy{grid-column:2;grid-row:1;align-self:end;position:relative!important;inset:auto!important;z-index:1;display:flex!important;flex-wrap:wrap!important;align-items:baseline!important;min-width:0;margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;text-align:left!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .hp-categories .pf-app-card .pf-app-copy::before{content:"";flex:none;align-self:flex-start;width:4px;height:20px;margin:1px 8px 0 0;border-radius:3px;background:linear-gradient(180deg,#3B8BFF,#075BEA);box-shadow:0 0 6px rgba(7,91,234,.4)}
html:is(*,#pfa-a) body:is(*,#pfa-b) .hp-categories .pf-app-card .pf-app-copy h3{margin:0!important;color:#092448!important;font-size:19px!important;font-weight:900!important;letter-spacing:-.6px!important;line-height:1.1!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .hp-categories .pf-app-card .pf-app-copy>p{margin:0 0 0 .28em!important;color:#075BEA!important;font-size:19px!important;font-weight:800!important;letter-spacing:-.4px!important;line-height:1.1!important;white-space:nowrap!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .hp-categories .pf-app-card .pf-app-metrics{flex:1 0 100%!important;display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin:8px 0 0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .hp-categories .pf-app-card .pf-app-metrics>div{flex:0 0 auto!important;width:auto!important;display:inline-flex!important;flex-direction:row!important;align-items:baseline!important;gap:4px!important;margin:0!important;padding:4px 8px!important;min-width:0!important;border-radius:999px!important;border:1px solid #D5E4F8!important;background:linear-gradient(180deg,#fff,#EAF2FF)!important;box-shadow:0 2px 6px rgba(9,36,72,.06)!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .hp-categories .pf-app-card .pf-app-metrics strong{font-size:14px!important;font-weight:900!important;line-height:1.1!important;color:#075BEA!important;font-variant-numeric:tabular-nums}
html:is(*,#pfa-a) body:is(*,#pfa-b) .hp-categories .pf-app-card .pf-app-metrics span{font-size:11px!important;font-weight:700!important;line-height:1.1!important;color:#526780!important;text-transform:none!important;letter-spacing:0!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .hp-categories .pf-app-card .pf-app-bottom>span:first-child{grid-column:2;grid-row:2;align-self:start;position:relative;z-index:1;display:block!important;margin:0!important;padding:0!important;font-size:12px!important;font-weight:600!important;line-height:1.3!important;color:#526780!important;background:none!important;border:0!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .hp-categories .pf-app-card .pf-app-arrow{grid-column:3;grid-row:1/3;align-self:center;justify-self:end;position:relative!important;inset:auto!important;z-index:1;display:grid!important;place-items:center!important;width:36px!important;height:36px!important;margin:0!important;border-radius:50%!important;border:0!important;background:linear-gradient(135deg,#4594EF,#0B59C3)!important;color:#fff!important;box-shadow:0 0 0 2.5px rgba(255,255,255,.7),0 4px 10px -2px rgba(7,91,234,.3)!important;transform:none!important;scale:none!important;rotate:none!important;translate:none!important;zoom:1!important;transition:transform .22s ease,box-shadow .22s ease}
html:is(*,#pfa-a) body:is(*,#pfa-b) .hp-categories .pf-app-card .pf-app-arrow svg{width:17px!important;height:17px!important;color:#fff!important;stroke:currentColor}
html:is(*,#pfa-a) body:is(*,#pfa-b) .hp-categories .pf-app-card:is(:hover,:focus-visible){transform:translateY(-2px);border-color:#B4CFF5!important;box-shadow:0 18px 34px -14px rgba(11,42,91,.28),0 1px 3px rgba(11,31,58,.05)!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .hp-categories .pf-app-card:is(:hover,:focus-visible) .pf-app-arrow{transform:translateX(2px)!important;box-shadow:0 0 0 2.5px rgba(255,255,255,.9),0 8px 16px -4px rgba(7,91,234,.5)!important}
@media (max-width:600px){
  html:is(*,#pfa-a) body:is(*,#pfa-b) .hp-categories .pf-app-cards{grid-template-columns:1fr!important;gap:12px!important}
  html:is(*,#pfa-a) body:is(*,#pfa-b) .hp-categories .pf-app-card{--pfa-tile:76px;padding:12px!important;column-gap:12px!important}
}
@media (max-width:440px){
  html:is(*,#pfa-a) body:is(*,#pfa-b) .hp-categories .pf-app-card{column-gap:10px!important}
  html:is(*,#pfa-a) body:is(*,#pfa-b) .hp-categories .pf-app-card .pf-app-metrics{gap:3px 12px!important;flex-wrap:wrap!important;margin-top:6px!important}
  html:is(*,#pfa-a) body:is(*,#pfa-b) .hp-categories .pf-app-card .pf-app-metrics>div{padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important}
  html:is(*,#pfa-a) body:is(*,#pfa-b) .hp-categories .pf-app-card .pf-app-metrics strong{font-size:13.5px!important}
  html:is(*,#pfa-a) body:is(*,#pfa-b) .hp-categories .pf-app-card .pf-app-metrics span{font-size:10.5px!important}
}
@media (max-width:330px){
  html:is(*,#pfa-a) body:is(*,#pfa-b) .hp-categories .pf-app-card{--pfa-tile:64px;grid-template-columns:var(--pfa-tile) minmax(0,1fr) 36px!important}
}

/* ---------- Principles strip under the hero: app action cards with icon wells ---------- */
html:is(*,#pfa-a) body:is(*,#pfa-b) nav.hp-principles>a{position:relative!important;display:block!important;padding:18px 18px 20px 72px!important;border-radius:16px!important;border:.8px solid #B9D6FB!important;background:linear-gradient(135deg,#fff,rgba(255,255,255,.9) 58%,#EEF5FF)!important;box-shadow:0 3px 10px rgba(18,118,244,.10)!important;text-decoration:none!important;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
html:is(*,#pfa-a) body:is(*,#pfa-b) nav.hp-principles>a::before{content:"";position:absolute;left:18px;top:18px;width:40px;height:40px;border-radius:13px;border:1px solid #fff;background:var(--pfa-ni) center/21px 21px no-repeat,linear-gradient(135deg,#F9FCFF,#DBE9FB);box-shadow:0 6px 14px -7px rgba(7,91,234,.5),inset 0 1px 0 #fff;transition:background .22s ease}
html:is(*,#pfa-a) body:is(*,#pfa-b) nav.hp-principles>a::after{content:"";position:absolute;left:72px;bottom:11px;width:26px;height:3px;border-radius:3px;background:rgba(7,91,234,.38);transition:width .22s ease,background .22s ease}
html:is(*,#pfa-a) body:is(*,#pfa-b) nav.hp-principles>a:nth-child(1){--pfa-ni:var(--pfa-i-book);--pfa-niw:var(--pfa-iw-book)}
html:is(*,#pfa-a) body:is(*,#pfa-b) nav.hp-principles>a:nth-child(2){--pfa-ni:var(--pfa-i-doc);--pfa-niw:var(--pfa-iw-doc)}
html:is(*,#pfa-a) body:is(*,#pfa-b) nav.hp-principles>a:nth-child(3){--pfa-ni:var(--pfa-i-case);--pfa-niw:var(--pfa-iw-case)}
html:is(*,#pfa-a) body:is(*,#pfa-b) nav.hp-principles>a:is(:hover,:focus-visible){transform:translateY(-2px);border-color:#80B8FF!important;box-shadow:0 14px 28px -14px rgba(18,118,244,.4)!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) nav.hp-principles>a:is(:hover,:focus-visible)::before{background:var(--pfa-niw) center/21px 21px no-repeat,linear-gradient(135deg,#3B8BFF,#075BEA 55%,#0A47C2)}
html:is(*,#pfa-a) body:is(*,#pfa-b) nav.hp-principles>a:is(:hover,:focus-visible)::after{width:44px;background:linear-gradient(135deg,#3B8BFF,#075BEA 55%,#0A47C2)}

/* ---------- Guide and example cards: app card shell, label chips ---------- */
html:is(*,#pfa-a) body:is(*,#pfa-b) :is(.hp-intent-card,.hp-query-card){border-radius:16px!important;border:.8px solid #B9D6FB!important;background:linear-gradient(180deg,#fff,#F7FAFF)!important;box-shadow:0 3px 10px rgba(18,118,244,.10)!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
html:is(*,#pfa-a) body:is(*,#pfa-b) a.hp-query-card:is(:hover,:focus-visible){transform:translateY(-2px);border-color:#80B8FF!important;box-shadow:0 14px 28px -14px rgba(18,118,244,.4)!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) :is(.hp-intent-label,.hp-query-type){display:inline-block!important;padding:4px 10px!important;border-radius:999px!important;background:#EEF5FF!important;border:1px solid #D6E6FB!important;color:#075BEA!important}

/* ---------- FAQ: the app's accordion card; the opened heading turns into the navy stage ---------- */
html:is(*,#pfa-a) body:is(*,#pfa-b) .hp-faq details{overflow:hidden;border-radius:14px!important;border:.8px solid #B9D6FB!important;background:#fff!important;box-shadow:0 3px 10px rgba(18,118,244,.08)!important;transition:box-shadow .22s ease}
html:is(*,#pfa-a) body:is(*,#pfa-b) .hp-faq details>summary{position:relative!important;list-style:none!important;cursor:pointer;padding:15px 56px 15px 18px!important;color:#0B2A5B!important;font-weight:800!important;transition:background .22s ease,color .22s ease}
html:is(*,#pfa-a) body:is(*,#pfa-b) .hp-faq details>summary::-webkit-details-marker{display:none}
html:is(*,#pfa-a) body:is(*,#pfa-b) .hp-faq details>summary::before{display:none!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .hp-faq details>summary::after{content:""!important;position:absolute!important;right:14px!important;left:auto!important;top:50%!important;width:28px!important;height:28px!important;margin-top:-14px!important;border-radius:50%!important;border:0!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23075BEA' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/16px 16px no-repeat,#EAF1FF!important;color:transparent!important;font-size:0!important;transform:none!important;transition:transform .22s ease,background .22s ease}
html:is(*,#pfa-a) body:is(*,#pfa-b) .hp-faq details[open]{box-shadow:0 14px 28px -16px rgba(11,42,91,.4)!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .hp-faq details[open]>summary{color:#fff!important;background:radial-gradient(circle at 30px 50%,rgba(111,176,255,.32),rgba(111,176,255,0) 140px),linear-gradient(135deg,#0B2A5B,#104FB3)!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .hp-faq details[open]>summary::after{transform:rotate(180deg)!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/16px 16px no-repeat,rgba(255,255,255,.14)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.32)}
html:is(*,#pfa-a) body:is(*,#pfa-b) .hp-faq details>p{margin:0!important;padding:14px 18px 16px!important;color:#2E4463!important}

/* ---------- Category hero buttons: centred, equal grid on phones ---------- */
@media (max-width:760px){
  html:is(*,#pfa-a) body:is(*,#pfa-b) :is(.pfh-hero,main>section.hero) nav.pf-category-links{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;justify-content:stretch!important}
  html:is(*,#pfa-a) body:is(*,#pfa-b) :is(.pfh-hero,main>section.hero) nav.pf-category-links>a{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;width:auto!important;min-height:50px;margin:0!important;padding:10px 12px!important;border-radius:14px!important;font-size:14px!important;line-height:1.25!important;white-space:normal!important}
}
:root{--pfd-info:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5.2'/%3E%3Cpath d='M12 7.8h.01'/%3E%3C/svg%3E");--pfd-info-b:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23075BEA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5.2'/%3E%3Cpath d='M12 7.8h.01'/%3E%3C/svg%3E");--pfd-wrench:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z'/%3E%3C/svg%3E");--pfd-wrench-b:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23075BEA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z'/%3E%3C/svg%3E");--pfd-tag:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.6 13.4 13.4 20.6a2 2 0 0 1-2.8 0L3 13V3h10l7.6 7.6a2 2 0 0 1 0 2.8z'/%3E%3Ccircle cx='7.6' cy='7.6' r='1.6'/%3E%3C/svg%3E");--pfd-tag-b:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23075BEA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.6 13.4 13.4 20.6a2 2 0 0 1-2.8 0L3 13V3h10l7.6 7.6a2 2 0 0 1 0 2.8z'/%3E%3Ccircle cx='7.6' cy='7.6' r='1.6'/%3E%3C/svg%3E");--pfd-pin:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-6.5-5.6-6.5-11a6.5 6.5 0 0 1 13 0c0 5.4-6.5 11-6.5 11z'/%3E%3Ccircle cx='12' cy='10' r='2.3'/%3E%3C/svg%3E");--pfd-pin-b:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23075BEA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-6.5-5.6-6.5-11a6.5 6.5 0 0 1 13 0c0 5.4-6.5 11-6.5 11z'/%3E%3Ccircle cx='12' cy='10' r='2.3'/%3E%3C/svg%3E");--pfd-phone:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8.1 9.8a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E");--pfd-phone-b:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23075BEA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8.1 9.8a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E");--pfd-clock:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");--pfd-clock-b:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23075BEA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");--pfd-map:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 6 6-3 6 3 6-3v15l-6 3-6-3-6 3z'/%3E%3Cpath d='M9 3v15M15 6v15'/%3E%3C/svg%3E");--pfd-map-b:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23075BEA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 6 6-3 6 3 6-3v15l-6 3-6-3-6 3z'/%3E%3Cpath d='M9 3v15M15 6v15'/%3E%3C/svg%3E");--pfd-shop:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9.5 4.6 4h14.8L21 9.5'/%3E%3Cpath d='M3 9.5a3 3 0 0 0 6 0 3 3 0 0 0 6 0 3 3 0 0 0 6 0'/%3E%3Cpath d='M5 12v8h14v-8M10 20v-5h4v5'/%3E%3C/svg%3E");--pfd-shop-b:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23075BEA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9.5 4.6 4h14.8L21 9.5'/%3E%3Cpath d='M3 9.5a3 3 0 0 0 6 0 3 3 0 0 0 6 0 3 3 0 0 0 6 0'/%3E%3Cpath d='M5 12v8h14v-8M10 20v-5h4v5'/%3E%3C/svg%3E");--pfd-gear:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19.4 15a1.7 1.7 0 0 0 .3 1.8l.1.1a2 2 0 1 1-2.8 2.8l-.1-.1a1.7 1.7 0 0 0-1.8-.3 1.7 1.7 0 0 0-1 1.5V21a2 2 0 0 1-4 0v-.1a1.7 1.7 0 0 0-1.1-1.5 1.7 1.7 0 0 0-1.8.3l-.1.1a2 2 0 1 1-2.8-2.8l.1-.1a1.7 1.7 0 0 0 .3-1.8 1.7 1.7 0 0 0-1.5-1H3a2 2 0 0 1 0-4h.1a1.7 1.7 0 0 0 1.5-1.1 1.7 1.7 0 0 0-.3-1.8l-.1-.1a2 2 0 1 1 2.8-2.8l.1.1a1.7 1.7 0 0 0 1.8.3H9a1.7 1.7 0 0 0 1-1.5V3a2 2 0 0 1 4 0v.1a1.7 1.7 0 0 0 1 1.5 1.7 1.7 0 0 0 1.8-.3l.1-.1a2 2 0 1 1 2.8 2.8l-.1.1a1.7 1.7 0 0 0-.3 1.8V9a1.7 1.7 0 0 0 1.5 1H21a2 2 0 0 1 0 4h-.1a1.7 1.7 0 0 0-1.5 1z'/%3E%3C/svg%3E");--pfd-gear-b:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23075BEA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19.4 15a1.7 1.7 0 0 0 .3 1.8l.1.1a2 2 0 1 1-2.8 2.8l-.1-.1a1.7 1.7 0 0 0-1.8-.3 1.7 1.7 0 0 0-1 1.5V21a2 2 0 0 1-4 0v-.1a1.7 1.7 0 0 0-1.1-1.5 1.7 1.7 0 0 0-1.8.3l-.1.1a2 2 0 1 1-2.8-2.8l.1-.1a1.7 1.7 0 0 0 .3-1.8 1.7 1.7 0 0 0-1.5-1H3a2 2 0 0 1 0-4h.1a1.7 1.7 0 0 0 1.5-1.1 1.7 1.7 0 0 0-.3-1.8l-.1-.1a2 2 0 1 1 2.8-2.8l.1.1a1.7 1.7 0 0 0 1.8.3H9a1.7 1.7 0 0 0 1-1.5V3a2 2 0 0 1 4 0v.1a1.7 1.7 0 0 0 1 1.5 1.7 1.7 0 0 0 1.8-.3l.1-.1a2 2 0 1 1 2.8 2.8l-.1.1a1.7 1.7 0 0 0-.3 1.8V9a1.7 1.7 0 0 0 1.5 1H21a2 2 0 0 1 0 4h-.1a1.7 1.7 0 0 0-1.5 1z'/%3E%3C/svg%3E");--pfd-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");--pfd-arrow-b:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23075BEA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");}

/* ---------- Firm directory cards: the app's PublicDirectoryCard (lit navy cover, tile on its edge, navy action pill) ---------- */
html:is(*,#pfa-a) body:is(*,#pfa-b) .directory-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(290px,1fr))!important;gap:16px!important;align-items:stretch!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .directory-card{position:relative!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;text-align:left!important;gap:0!important;padding:0!important;margin:0!important;min-height:0!important;border-radius:20px!important;border:1px solid #E0E9F4!important;background:linear-gradient(180deg,#fff,#F8FBFF)!important;box-shadow:0 12px 26px -16px rgba(11,42,91,.24)!important;overflow:hidden!important;transition:transform .22s ease,box-shadow .22s ease}
html:is(*,#pfa-a) body:is(*,#pfa-b) .directory-card::before{content:""!important;display:block!important;flex:none;align-self:stretch!important;width:auto!important;height:60px;background:radial-gradient(circle at 82% 0%,rgba(111,176,255,.38),rgba(111,176,255,0) 140px),radial-gradient(circle at 92% 0%,transparent 21.5px,rgba(255,255,255,.14) 22px,transparent 23px),radial-gradient(circle at 92% 0%,transparent 37.5px,rgba(255,255,255,.09) 38px,transparent 39px),radial-gradient(circle at 92% 0%,transparent 55.5px,rgba(255,255,255,.05) 56px,transparent 57px),linear-gradient(135deg,#0B2A5B,#104FB3)!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .directory-card::after{content:""!important;position:absolute!important;left:16px;top:20px;width:80px;height:80px;border-radius:22px;border:1.5px solid #fff;background:var(--pfd-shop-b) center/38px 38px no-repeat,radial-gradient(120% 110% at 50% 10%,#fff,#F2F7FF 55%,#DDEAFD);box-shadow:0 12px 22px -12px rgba(11,42,91,.55)}
html:is(*,#pfa-a) body:is(*,#pfa-b) .directory-card .directory-card-identity{align-self:stretch!important;text-align:left!important;padding:50px 16px 0!important;margin:0!important;background:none!important;border:0!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .directory-card .directory-card-identity h2{margin:0!important;font-size:18px!important;font-weight:800!important;letter-spacing:-.25px!important;line-height:1.25!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .directory-card .directory-card-identity h2 a{color:#092448!important;text-decoration:none!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .directory-card .directory-card-identity h2 a::after{content:"";position:absolute;inset:0;z-index:1}
html:is(*,#pfa-a) body:is(*,#pfa-b) .directory-card .directory-card-location{justify-content:flex-start!important;display:flex!important;align-items:center;gap:4px;margin:6px 0 0!important;font-size:12.5px!important;color:#526780!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .directory-card .directory-card-location::before{content:"";width:14px;height:14px;flex:none;background:var(--pfd-pin-b) center/14px 14px no-repeat}
html:is(*,#pfa-a) body:is(*,#pfa-b) .directory-card .directory-card-tags{display:none!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .directory-card .directory-card-summary{margin:9px 16px 0!important;padding:0!important;font-size:12.5px!important;line-height:1.45!important;color:#526780!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html:is(*,#pfa-a) body:is(*,#pfa-b) .directory-card .directory-card-link{position:relative;z-index:2;width:auto!important;min-width:0!important;max-width:none!important;box-sizing:border-box!important;align-self:stretch!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px;margin:auto 16px 16px!important;padding:8px 7px 8px 13px!important;border-radius:13px!important;border:0!important;background:linear-gradient(90deg,#0B2A5B,#104FB3)!important;color:#fff!important;font-size:13px!important;font-weight:800!important;text-decoration:none!important;box-shadow:none!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .directory-card .directory-card-summary+.directory-card-link,html:is(*,#pfa-a) body:is(*,#pfa-b) .directory-card .directory-card-identity+.directory-card-link{margin-top:14px!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .directory-card .directory-card-link span{display:grid!important;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.34);font-size:0!important;color:transparent!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .directory-card .directory-card-link span::before{content:"";width:14px;height:14px;background:var(--pfd-arrow) center/14px 14px no-repeat}
html:is(*,#pfa-a) body:is(*,#pfa-b) .directory-card:is(:hover,:focus-within){transform:translateY(-3px);box-shadow:0 20px 36px -18px rgba(11,42,91,.38)!important}

/* ---------- Directory type: the app's segmented selector (icon + name; the selected one lit navy) ---------- */
html:is(*,#pfa-a) body:is(*,#pfa-b) .pfh-hero nav.directory-type-cards{display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px!important;padding:4px!important;border-radius:18px!important;background:rgba(255,255,255,.96)!important;border:1px solid rgba(255,255,255,.7)!important;box-shadow:0 18px 34px -20px rgba(2,12,30,.85)!important;align-self:end}
html:is(*,#pfa-a) body:is(*,#pfa-b) .pfh-hero nav.directory-type-cards>a{display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;min-height:48px;padding:8px 12px!important;border-radius:14px!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#092448!important;text-decoration:none!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .pfh-hero nav.directory-type-cards>a::before{content:"";flex:none;width:30px;height:30px;border-radius:50%;background:var(--pfd-seg) center/16px 16px no-repeat,#EDF5FF}
html:is(*,#pfa-a) body:is(*,#pfa-b) .pfh-hero nav.directory-type-cards>a#directory-type-service{--pfd-seg:var(--pfd-wrench-b);--pfd-seg-w:var(--pfd-wrench)}
html:is(*,#pfa-a) body:is(*,#pfa-b) .pfh-hero nav.directory-type-cards>a#directory-type-parts{--pfd-seg:var(--pfd-gear-b);--pfd-seg-w:var(--pfd-gear)}
html:is(*,#pfa-a) body:is(*,#pfa-b) .pfh-hero nav.directory-type-cards>a *{color:inherit!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .pfh-hero nav.directory-type-cards>a strong{font-size:14px!important;font-weight:800!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .pfh-hero nav.directory-type-cards>a small{display:none!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .pfh-hero nav.directory-type-cards>a:is([aria-current="page"],[aria-pressed="true"]){background:radial-gradient(circle at 20% 0%,rgba(111,176,255,.4),rgba(111,176,255,0) 90px),linear-gradient(135deg,#0B2A5B,#104FB3)!important;color:#fff!important;box-shadow:0 8px 16px -8px rgba(11,42,91,.7)!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .pfh-hero nav.directory-type-cards>a:is([aria-current="page"],[aria-pressed="true"])::before{background:var(--pfd-seg-w) center/16px 16px no-repeat,rgba(255,255,255,.16)}
html:is(*,#pfa-a) body:is(*,#pfa-b) .pfh-hero nav.directory-type-cards>a:not([aria-current="page"]):hover{background:#EDF5FF!important}

/* ---------- Firm profile sections: the app's DirectorySectionCard (lit pale band with round emblem, title and count) ---------- */
html:is(*,#pfa-a) body:is(*,#pfa-b) :is(.pfp-panel,.pfp-card){padding:0!important;border-radius:20px!important;border:1px solid #E0E9F4!important;background:linear-gradient(180deg,#fff,#F8FBFF)!important;box-shadow:0 12px 26px -16px rgba(11,42,91,.24)!important;overflow:hidden!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) :is(.pfp-panel,.pfp-card)>:not(.pfp-panel-head):not(h2):not(.pfp-overview-text){margin-left:16px!important;margin-right:16px!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) :is(.pfp-panel,.pfp-card)>:last-child{margin-bottom:16px!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .pfp-panel-head{display:flex!important;align-items:center!important;gap:11px!important;margin:0!important;padding:11px 12px!important;background:radial-gradient(circle at calc(100% - 18px) 10%,transparent 21.5px,rgba(156,199,255,.5) 22px,transparent 23px),radial-gradient(circle at calc(100% - 18px) 10%,transparent 37.5px,rgba(156,199,255,.32) 38px,transparent 39px),radial-gradient(circle at calc(100% - 18px) 10%,transparent 55.5px,rgba(156,199,255,.18) 56px,transparent 57px),linear-gradient(90deg,#F1F6FF,#E0EBFB)!important;border:0!important;border-bottom:1px solid #D3E2F6!important;border-radius:0!important;justify-content:flex-start!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .pfp-panel-head::before{content:"";flex:none;width:36px;height:36px;border-radius:50%;background:var(--pfd-ico) center/18px 18px no-repeat,linear-gradient(135deg,#4594EF,#0B59C3);box-shadow:0 0 0 2px #fff,0 4px 10px -2px rgba(7,91,234,.3)}
html:is(*,#pfa-a) body:is(*,#pfa-b) .pfp-panel-head>div{display:block!important;margin:0!important;min-width:0}
html:is(*,#pfa-a) body:is(*,#pfa-b) .pfp-panel-head h2{margin:0!important;font-size:15px!important;font-weight:800!important;letter-spacing:-.1px!important;line-height:1.3!important;color:#092448!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .pfp-panel-head>span{flex:none;margin-left:auto!important;min-width:26px;height:26px;padding:0 9px!important;display:inline-flex!important;align-items:center;justify-content:center;border-radius:13px!important;background:linear-gradient(135deg,#4594EF,#0B59C3)!important;color:#fff!important;font-size:12px!important;font-weight:800!important;border:0!important;white-space:nowrap}
html:is(*,#pfa-a) body:is(*,#pfa-b) :is(.pfp-panel,.pfp-card)>h2{display:flex!important;align-items:center!important;gap:11px!important;margin:0!important;padding:11px 12px!important;background:radial-gradient(circle at calc(100% - 18px) 10%,transparent 21.5px,rgba(156,199,255,.5) 22px,transparent 23px),radial-gradient(circle at calc(100% - 18px) 10%,transparent 37.5px,rgba(156,199,255,.32) 38px,transparent 39px),radial-gradient(circle at calc(100% - 18px) 10%,transparent 55.5px,rgba(156,199,255,.18) 56px,transparent 57px),linear-gradient(90deg,#F1F6FF,#E0EBFB)!important;border:0!important;border-bottom:1px solid #D3E2F6!important;border-radius:0!important;margin:0!important;font-size:15px!important;font-weight:800!important;letter-spacing:-.1px!important;line-height:1.3!important;color:#092448!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) :is(.pfp-panel,.pfp-card)>h2::before{content:"";flex:none;width:36px;height:36px;border-radius:50%;background:var(--pfd-ico) center/18px 18px no-repeat,linear-gradient(135deg,#4594EF,#0B59C3);box-shadow:0 0 0 2px #fff,0 4px 10px -2px rgba(7,91,234,.3)}
html:is(*,#pfa-a) body:is(*,#pfa-b) :is(.pfp-panel,.pfp-card)>h2>svg{display:none!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .pfp-overview-text{margin:0!important;padding:0!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .pfp-overview-text>h2{display:flex!important;align-items:center!important;gap:11px!important;margin:0!important;padding:11px 12px!important;background:radial-gradient(circle at calc(100% - 18px) 10%,transparent 21.5px,rgba(156,199,255,.5) 22px,transparent 23px),radial-gradient(circle at calc(100% - 18px) 10%,transparent 37.5px,rgba(156,199,255,.32) 38px,transparent 39px),radial-gradient(circle at calc(100% - 18px) 10%,transparent 55.5px,rgba(156,199,255,.18) 56px,transparent 57px),linear-gradient(90deg,#F1F6FF,#E0EBFB)!important;border:0!important;border-bottom:1px solid #D3E2F6!important;border-radius:0!important;margin:0!important;font-size:15px!important;font-weight:800!important;letter-spacing:-.1px!important;line-height:1.3!important;color:#092448!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .pfp-overview-text>h2::before{content:"";flex:none;width:36px;height:36px;border-radius:50%;background:var(--pfd-ico) center/18px 18px no-repeat,linear-gradient(135deg,#4594EF,#0B59C3);box-shadow:0 0 0 2px #fff,0 4px 10px -2px rgba(7,91,234,.3)}
html:is(*,#pfa-a) body:is(*,#pfa-b) .pfp-overview-text>p{margin:14px 16px 16px!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) :is(.pfp-panel,.pfp-card) .pfp-eyebrow{display:none!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) :is(.pfp-panel,.pfp-card)>:is(ul,div,dl,p):not(.pfp-panel-head):not(.pfp-overview-text):first-of-type{margin-top:14px!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .pfp-overview{--pfd-ico:var(--pfd-info)}
html:is(*,#pfa-a) body:is(*,#pfa-b) #firma-hizmetler{--pfd-ico:var(--pfd-wrench)}
html:is(*,#pfa-a) body:is(*,#pfa-b) #firma-markalar{--pfd-ico:var(--pfd-tag)}
html:is(*,#pfa-a) body:is(*,#pfa-b) #firma-bolgeler{--pfd-ico:var(--pfd-pin)}
html:is(*,#pfa-a) body:is(*,#pfa-b) #firma-iletisim{--pfd-ico:var(--pfd-phone)}
html:is(*,#pfa-a) body:is(*,#pfa-b) #firma-saatler{--pfd-ico:var(--pfd-clock)}
html:is(*,#pfa-a) body:is(*,#pfa-b) .pfp-panel--guides{--pfd-ico:var(--pfd-map)}
html:is(*,#pfa-a) body:is(*,#pfa-b) :is(.pfp-panel,.pfp-card){--pfd-ico:var(--pfd-info)}
html:is(*,#pfa-a) body:is(*,#pfa-b) .pfp-contact .pf-company-contact-link{display:flex!important;align-items:center!important;gap:12px!important;margin:10px 16px 0!important;padding:10px 12px 11px 14px!important;border-radius:14px!important;border:1px solid #E0E9F4!important;background:#F4F8FF!important;box-shadow:none!important;color:#092448!important;text-decoration:none!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .pfp-contact .pf-company-contact-link>svg{order:2;flex:none;width:30px!important;height:30px!important;padding:7px;border-radius:50%;background:linear-gradient(135deg,#4594EF,#0B59C3);color:#fff!important;stroke:#fff;box-shadow:0 0 0 2px #fff,0 4px 10px -2px rgba(7,91,234,.3)}
html:is(*,#pfa-a) body:is(*,#pfa-b) .pfp-contact .pf-company-contact-link--wa>svg{background:linear-gradient(135deg,#2BD46B,#14A851)!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .pfp-contact .pf-company-contact-link>span{order:1;flex:1;min-width:0;display:flex!important;flex-direction:column!important;gap:3px}
html:is(*,#pfa-a) body:is(*,#pfa-b) .pfp-contact .pf-company-contact-link small{font-size:10px!important;letter-spacing:1.1px!important;font-weight:800!important;text-transform:uppercase!important;color:#075BEA!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .pfp-contact .pf-company-contact-link strong{font-size:14px!important;font-weight:800!important;color:#092448!important;overflow-wrap:anywhere}
html:is(*,#pfa-a) body:is(*,#pfa-b) .pfp-contact .pf-company-contact-link:hover{border-color:#B4CFF5!important;background:#EDF5FF!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .pfp-contact .pf-company-share{margin:12px 16px 16px!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .pfp-panel--guides .pfp-guide{background:#F4F8FF!important;border:1px solid #E0E9F4!important;color:#092448!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .pfp-panel--guides .pfp-guide strong{color:#092448!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .pfp-panel--guides .pfp-guide small{color:#526780!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .pfp-panel--guides .pfp-guide:hover{border-color:#B4CFF5!important;background:#EDF5FF!important}

/* ---------- Firm profile hero tags: glass chips on the navy scene ---------- */
html:is(*,#pfa-a) body:is(*,#pfa-b) .pfp-hero .pfp-badge{background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.28)!important;color:#fff!important;border-radius:999px!important;backdrop-filter:blur(8px)}
html:is(*,#pfa-a) body:is(*,#pfa-b) .pfp-hero .pfp-badge *{color:#fff!important}

/* ---------- Firma Rehberi and İlanlar: the app's compact navy page header ---------- */
html:is(*,#pfa-a) body:is(*,#pfa-b) :is(section.directory-hero,section.trade-hero:not(.membership-hero)){padding-top:30px!important;padding-bottom:30px!important;min-height:0!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) :is(section.directory-hero,section.trade-hero:not(.membership-hero)) h1{font-size:clamp(28px,3vw,38px)!important;line-height:1.12!important;margin-bottom:10px!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) :is(section.directory-hero,section.trade-hero:not(.membership-hero)) :is(p,.lead){font-size:15px!important;line-height:1.55!important}
@media (max-width:760px){
  html:is(*,#pfa-a) body:is(*,#pfa-b) :is(section.directory-hero,section.trade-hero:not(.membership-hero)){padding-top:22px!important;padding-bottom:22px!important}
  html:is(*,#pfa-a) body:is(*,#pfa-b) :is(section.directory-hero,section.trade-hero:not(.membership-hero)) h1{font-size:26px!important}
  html:is(*,#pfa-a) body:is(*,#pfa-b) :is(section.directory-hero,section.trade-hero:not(.membership-hero)) :is(p,.lead){font-size:14px!important}
}

/* ---------- Home section 'see all' links: the app's tinted capsule with a brand arrow orb ---------- */
html:is(*,#pfa-a) body:is(*,#pfa-b) #pf-home .hp-section-tail>a{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:5px 5px 5px 14px!important;border-radius:999px!important;background:#EDF5FF!important;border:1px solid #D6E6FB!important;color:#075BEA!important;font-size:13px!important;font-weight:800!important;text-decoration:none!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) #pf-home .hp-section-tail>a>span{display:grid!important;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--pfd-arrow) center/15px 15px no-repeat,linear-gradient(135deg,#4594EF,#0B59C3);font-size:0!important;color:transparent!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) #pf-home .hp-section-tail>a:hover{background:#E1EEFF!important}

/* ---------- City directory pages: compact navy header, app fields, service cards and firm cards ---------- */
html:is(*,#pfa-a) body:is(*,#pfa-b) main.pf-service-page .pf-service-breadcrumb{font-size:12.5px!important;color:#526780!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) main.pf-service-page .pf-service-breadcrumb a{color:#075BEA!important;font-weight:700}
html:is(*,#pfa-a) body:is(*,#pfa-b) main.pf-service-page .pf-service-intro{display:grid!important;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)!important;gap:22px!important;align-items:center!important;margin-top:12px!important;padding:26px 28px!important;border-radius:22px!important;border:0!important;background:radial-gradient(900px 380px at 90% -20%,rgba(80,150,255,.42),transparent 60%),radial-gradient(circle at 96% 8%,transparent 59.5px,rgba(255,255,255,.12) 60px,transparent 61px),radial-gradient(circle at 96% 8%,transparent 99.5px,rgba(255,255,255,.07) 100px,transparent 101px),linear-gradient(135deg,#0B2A5B,#104FB3)!important;color:#fff!important;box-shadow:0 22px 44px -26px rgba(6,36,73,.75)!important;overflow:hidden}
html:is(*,#pfa-a) body:is(*,#pfa-b) main.pf-service-page .pf-service-intro h1{margin:8px 0 8px!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:clamp(26px,3vw,36px)!important;line-height:1.12!important;letter-spacing:-.02em}
html:is(*,#pfa-a) body:is(*,#pfa-b) main.pf-service-page .pf-service-intro>div:first-child>p{margin:0!important;color:rgba(255,255,255,.84)!important;font-size:15px!important;line-height:1.55!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) main.pf-service-page .pf-service-intro .pf-service-eyebrow{color:#BFD6FF!important;letter-spacing:.14em!important;font-weight:800!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) main.pf-service-page .pf-service-note{border-radius:20px!important;border:1px solid #E0E9F4!important;background:linear-gradient(180deg,#fff,#F8FBFF)!important;box-shadow:0 12px 26px -16px rgba(11,42,91,.24)!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) main.pf-service-page .pf-service-note .pf-service-eyebrow{color:#075BEA!important;letter-spacing:.12em!important;font-weight:800!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) main.pf-service-page .pf-service-intro-note{margin:0!important;padding:16px 18px!important;border-radius:16px!important;border:1px solid rgba(255,255,255,.24)!important;border-left:1px solid rgba(255,255,255,.24)!important;background:rgba(255,255,255,.1)!important;backdrop-filter:blur(10px);color:#fff!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) main.pf-service-page .pf-service-intro-note strong{color:#fff!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) main.pf-service-page .pf-service-intro-note p{margin:6px 0 0!important;color:rgba(255,255,255,.82)!important;font-size:13.5px!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) main.pf-service-page form.pf-service-form{margin-top:16px!important;padding:16px!important;border-radius:20px!important;border:1px solid #E0E9F4!important;background:linear-gradient(180deg,#fff,#F8FBFF)!important;box-shadow:0 12px 26px -16px rgba(11,42,91,.24)!important;align-items:end!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) main.pf-service-page form.pf-service-form>label{font-size:10.5px!important;letter-spacing:1.1px!important;text-transform:uppercase!important;font-weight:800!important;color:#075BEA!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) main.pf-service-page form.pf-service-form :is(input,select){border-radius:14px!important;border:1px solid #E0E9F4!important;background-color:#F4F8FF!important;color:#092448!important;font-size:15px!important;font-weight:600!important;text-transform:none!important;letter-spacing:0!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) main.pf-service-page form.pf-service-form :is(input,select):focus{border-color:#7FB0FF!important;box-shadow:0 0 0 3px #EAF2FF!important;outline:0}
html:is(*,#pfa-a) body:is(*,#pfa-b) main.pf-service-page .pf-service-button{border:0!important;border-radius:14px!important;background:linear-gradient(135deg,#3B8BFF,#075BEA 55%,#0A47C2)!important;color:#fff!important;font-weight:800!important;box-shadow:0 10px 24px -12px rgba(7,91,234,.9),inset 0 1px 0 rgba(255,255,255,.35)!important}

html:is(*,#pfa-a) body:is(*,#pfa-b) main.pf-service-page .pf-service-categories{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important;gap:14px!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) main.pf-service-page a.pf-service-category{position:relative;min-height:0!important;height:auto!important;align-content:start!important;display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;grid-template-rows:auto auto auto!important;column-gap:14px!important;row-gap:2px!important;align-items:center;padding:16px!important;border-radius:20px!important;border:1px solid #E0E9F4!important;background:linear-gradient(180deg,#fff,#F8FBFF)!important;box-shadow:0 12px 26px -16px rgba(11,42,91,.24)!important;color:#092448!important;text-decoration:none!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
html:is(*,#pfa-a) body:is(*,#pfa-b) main.pf-service-page a.pf-service-category::before{content:"";grid-column:1;grid-row:1/4;align-self:center;width:48px;height:48px;border-radius:15px;background:var(--pfs-ico) center/24px 24px no-repeat,color-mix(in srgb,var(--pfs-c) 12%,#fff);border:1px solid color-mix(in srgb,var(--pfs-c) 28%,#fff);box-shadow:0 8px 16px -10px var(--pfs-c)}
html:is(*,#pfa-a) body:is(*,#pfa-b) main.pf-service-page a.pf-service-category>span{grid-column:2;font-size:10px!important;letter-spacing:1.1px!important;font-weight:800!important;color:var(--pfs-c)!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) main.pf-service-page a.pf-service-category>h2{grid-column:2;margin:0!important;font-size:17px!important;font-weight:800!important;letter-spacing:-.2px!important;line-height:1.25!important;color:#092448!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) main.pf-service-page a.pf-service-category>p{grid-column:2;margin:0!important;padding:0!important;min-height:0!important;height:auto!important;line-height:1.4!important;font-size:12.5px!important;color:#526780!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) main.pf-service-page a.pf-service-category>strong{grid-column:1/-1;justify-self:start;margin-top:12px!important;display:inline-flex!important;align-items:center;gap:6px;padding:6px 6px 6px 12px!important;border-radius:999px!important;background:#EDF5FF!important;border:1px solid #D6E6FB!important;color:#075BEA!important;font-size:12.5px!important;font-weight:800!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) main.pf-service-page a.pf-service-category:is(:hover,:focus-visible){transform:translateY(-2px);border-color:#B4CFF5!important;box-shadow:0 18px 34px -16px rgba(11,42,91,.3)!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) main.pf-service-page a.pf-service-category[href$="/kombi-servisleri"]{--pfs-c:#F26B1D;--pfs-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F26B1D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22c4 0 7-2.8 7-7 0-3.8-2.6-6.2-4.2-8.4-.4 2.2-1.6 3.6-3 4.4.4-3.4-1.2-6.6-3.8-9C8 6 5 9.2 5 15c0 4.2 3 7 7 7z'/%3E%3C/svg%3E")}
html:is(*,#pfa-a) body:is(*,#pfa-b) main.pf-service-page a.pf-service-category[href$="/klima-servisleri"]{--pfs-c:#1C8BE8;--pfs-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231C8BE8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2v20M4.9 5.6l14.2 12.8M19.1 5.6 4.9 18.4M9 3.5l3 2.5 3-2.5M9 20.5l3-2.5 3 2.5'/%3E%3C/svg%3E")}
html:is(*,#pfa-a) body:is(*,#pfa-b) main.pf-service-page a.pf-service-category[href$="/beyaz-esya-servisleri"]{--pfs-c:#7A5AF8;--pfs-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237A5AF8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='2.5' width='14' height='19' rx='2.5'/%3E%3Cpath d='M5 9.5h14M8.5 5.5v1.5M8.5 12.5v3'/%3E%3C/svg%3E")}
html:is(*,#pfa-a) body:is(*,#pfa-b) main.pf-service-page a.pf-service-category[href$="/isi-pompasi-servisleri"]{--pfs-c:#14A37F;--pfs-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2314A37F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='4' width='19' height='14' rx='2.5'/%3E%3Ccircle cx='9' cy='11' r='4'/%3E%3Cpath d='M9 7v8M5 11h8M16 8h3M16 11h3M16 14h3M5 20.5h14'/%3E%3C/svg%3E")}
html:is(*,#pfa-a) body:is(*,#pfa-b) main.pf-service-page a.pf-service-category[href$="/sofben-servisleri"]{--pfs-c:#E5484D;--pfs-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E5484D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.5s6 6.4 6 11a6 6 0 0 1-12 0c0-4.6 6-11 6-11z'/%3E%3C/svg%3E")}
html:is(*,#pfa-a) body:is(*,#pfa-b) main.pf-service-page a.pf-service-category{--pfs-c:#075BEA;--pfs-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23075BEA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9.5 4.6 4h14.8L21 9.5'/%3E%3Cpath d='M3 9.5a3 3 0 0 0 6 0 3 3 0 0 0 6 0 3 3 0 0 0 6 0'/%3E%3Cpath d='M5 12v8h14v-8M10 20v-5h4v5'/%3E%3C/svg%3E")}

html:is(*,#pfa-a) body:is(*,#pfa-b) main.pf-service-page details.pf-service-index{overflow:hidden;padding:0!important;border-radius:20px!important;border:1px solid #E0E9F4!important;background:linear-gradient(180deg,#fff,#F8FBFF)!important;box-shadow:0 12px 26px -16px rgba(11,42,91,.24)!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) main.pf-service-page details.pf-service-index>summary{position:relative;list-style:none;cursor:pointer;padding:15px 56px 15px 18px!important;font-weight:800!important;color:#092448!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) main.pf-service-page details.pf-service-index>summary::-webkit-details-marker{display:none}
html:is(*,#pfa-a) body:is(*,#pfa-b) main.pf-service-page details.pf-service-index>summary::after{content:""!important;position:absolute;right:14px;top:50%;width:28px;height:28px;margin-top:-14px;border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23075BEA' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/16px 16px no-repeat,#EAF1FF;transition:transform .22s ease}
html:is(*,#pfa-a) body:is(*,#pfa-b) main.pf-service-page details.pf-service-index[open]>summary{color:#fff!important;background:radial-gradient(circle at 30px 50%,rgba(111,176,255,.32),rgba(111,176,255,0) 140px),linear-gradient(135deg,#0B2A5B,#104FB3)!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) main.pf-service-page details.pf-service-index[open]>summary::after{transform:rotate(180deg);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/16px 16px no-repeat,rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.32)}
html:is(*,#pfa-a) body:is(*,#pfa-b) main.pf-service-page details.pf-service-index>p{margin:14px 18px 8px!important;color:#526780!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) main.pf-service-page details.pf-service-index>div{display:flex!important;flex-wrap:wrap!important;gap:8px!important;padding:6px 18px 18px!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) main.pf-service-page details.pf-service-index>div>a{padding:7px 12px!important;border-radius:20px!important;border:1px solid #E0E9F4!important;background:#F4F8FF!important;color:#092448!important;font-size:12.5px!important;font-weight:700!important;text-decoration:none!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) main.pf-service-page details.pf-service-index>div>a:hover{border-color:#B4CFF5!important;background:#EDF5FF!important}

html:is(*,#pfa-a) body:is(*,#pfa-b) main.pf-service-page .pf-service-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(290px,1fr))!important;gap:16px!important;align-items:stretch!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) main.pf-service-page article.pf-service-card{position:relative!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;text-align:left!important;gap:0!important;padding:0!important;margin:0!important;overflow:hidden!important;border-radius:20px!important;border:1px solid #E0E9F4!important;background:linear-gradient(180deg,#fff,#F8FBFF)!important;box-shadow:0 12px 26px -16px rgba(11,42,91,.24)!important;transition:transform .22s ease,box-shadow .22s ease}
html:is(*,#pfa-a) body:is(*,#pfa-b) main.pf-service-page article.pf-service-card::before{content:""!important;display:block!important;order:0;flex:none;align-self:stretch;height:60px;background:radial-gradient(circle at 82% 0%,rgba(111,176,255,.38),rgba(111,176,255,0) 140px),radial-gradient(circle at 92% 0%,transparent 21.5px,rgba(255,255,255,.14) 22px,transparent 23px),radial-gradient(circle at 92% 0%,transparent 37.5px,rgba(255,255,255,.09) 38px,transparent 39px),radial-gradient(circle at 92% 0%,transparent 55.5px,rgba(255,255,255,.05) 56px,transparent 57px),linear-gradient(135deg,#0B2A5B,#104FB3)!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) main.pf-service-page article.pf-service-card::after{content:""!important;position:absolute!important;left:16px;top:20px;width:80px;height:80px;border-radius:22px;border:1.5px solid #fff;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23075BEA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9.5 4.6 4h14.8L21 9.5'/%3E%3Cpath d='M3 9.5a3 3 0 0 0 6 0 3 3 0 0 0 6 0 3 3 0 0 0 6 0'/%3E%3Cpath d='M5 12v8h14v-8M10 20v-5h4v5'/%3E%3C/svg%3E") center/38px 38px no-repeat,radial-gradient(120% 110% at 50% 10%,#fff,#F2F7FF 55%,#DDEAFD);box-shadow:0 12px 22px -12px rgba(11,42,91,.55)}
html:is(*,#pfa-a) body:is(*,#pfa-b) main.pf-service-page article.pf-service-card>h2{order:1;margin:50px 16px 0!important;font-size:18px!important;font-weight:800!important;letter-spacing:-.25px!important;line-height:1.25!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) main.pf-service-page article.pf-service-card>h2 a{color:#092448!important;text-decoration:none!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) main.pf-service-page article.pf-service-card>h2 a::after{content:"";position:absolute;inset:0;z-index:1}
html:is(*,#pfa-a) body:is(*,#pfa-b) main.pf-service-page .pf-service-card-top{order:2;display:flex!important;align-items:center;gap:4px;margin:6px 16px 0!important;padding:0!important;background:none!important;border:0!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) main.pf-service-page .pf-service-card-top>span:first-child{display:none!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) main.pf-service-page .pf-service-card-top>span:last-child{display:flex!important;align-items:center;gap:4px;font-size:12.5px!important;color:#526780!important;font-weight:500;text-transform:none!important;letter-spacing:0!important;background:none!important;border:0!important;padding:0!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) main.pf-service-page .pf-service-card-top>span:last-child::before{content:"";width:14px;height:14px;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23075BEA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-6.5-5.6-6.5-11a6.5 6.5 0 0 1 13 0c0 5.4-6.5 11-6.5 11z'/%3E%3Ccircle cx='12' cy='10' r='2.3'/%3E%3C/svg%3E") center/14px 14px no-repeat}
html:is(*,#pfa-a) body:is(*,#pfa-b) main.pf-service-page article.pf-service-card>p{order:3;margin:9px 16px 0!important;font-size:12.5px!important;line-height:1.45!important;color:#526780!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html:is(*,#pfa-a) body:is(*,#pfa-b) main.pf-service-page a.pf-service-card-link{order:4;position:relative;z-index:2;width:auto!important;box-sizing:border-box;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px;margin:14px 16px 16px!important;padding:8px 7px 8px 13px!important;border-radius:13px!important;border:0!important;background:linear-gradient(90deg,#0B2A5B,#104FB3)!important;color:#fff!important;font-size:13px!important;font-weight:800!important;text-decoration:none!important;box-shadow:none!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) main.pf-service-page a.pf-service-card-link span{display:grid!important;place-items:center;width:24px;height:24px;border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/14px 14px no-repeat,rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.34);font-size:0!important;color:transparent!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) main.pf-service-page article.pf-service-card:is(:hover,:focus-within){transform:translateY(-3px);box-shadow:0 20px 36px -18px rgba(11,42,91,.38)!important}

@media (max-width:760px){
  html:is(*,#pfa-a) body:is(*,#pfa-b) main.pf-service-page .pf-service-intro{grid-template-columns:1fr!important;padding:22px 18px!important;gap:16px!important}
  html:is(*,#pfa-a) body:is(*,#pfa-b) main.pf-service-page .pf-service-intro h1{font-size:26px!important}
}

/* ---------- Visual layer 2026-11-04: app artwork on heroes, mascot on the footer call ---------- */
html:is(*,#pfa-a) body:is(*,#pfa-b) .pf-category-hero figure.pf-category-visual{position:relative!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;min-height:340px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;isolation:isolate}
html:is(*,#pfa-a) body:is(*,#pfa-b) .pf-category-hero figure.pf-category-visual::before{content:"";position:absolute;inset:-6% -4% 8%;z-index:-1;background:var(--pfv-art) center/contain no-repeat,radial-gradient(closest-side,rgba(111,176,255,.38),rgba(111,176,255,0));filter:drop-shadow(0 24px 40px rgba(2,12,30,.55));animation:pfv-float 7s ease-in-out infinite}
html:is(*,#pfa-a) body:is(*,#pfa-b) .pf-category-hero figure.pf-category-visual .pf-category-product{display:none!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .pf-category-hero figure.pf-category-visual figcaption{align-self:center;margin:0!important;padding:10px 16px!important;border-radius:16px!important;border:1px solid rgba(255,255,255,.26)!important;background:rgba(255,255,255,.12)!important;backdrop-filter:blur(10px);text-align:center!important;box-shadow:0 14px 30px -18px rgba(2,12,30,.8)!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .pf-category-hero figure.pf-category-visual figcaption *{color:#fff!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .pf-category-hero figure.pf-category-visual figcaption span{color:#BFD6FF!important;font-size:11px!important;letter-spacing:.14em!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .pf-category-hero figure.pf-category-visual figcaption small{color:rgba(255,255,255,.78)!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .pf-category-hero figure.pf-category-visual:has(img[src*="boiler"]){--pfv-art:url(/az/assets/pfv-eng-kombi.webp)}
html:is(*,#pfa-a) body:is(*,#pfa-b) .pf-category-hero figure.pf-category-visual:has(img[src*="/ac."]){--pfv-art:url(/az/assets/pfv-eng-klima.webp)}
html:is(*,#pfa-a) body:is(*,#pfa-b) .pf-category-hero figure.pf-category-visual:has(img[src*="appliance"]){--pfv-art:url(/az/assets/pfv-eng-beyaz-esya.webp)}
html:is(*,#pfa-a) body:is(*,#pfa-b) .pf-category-hero figure.pf-category-visual:has(img[src*="heat-pump"]){--pfv-art:url(/az/assets/pfv-eng-isi-pompasi.webp)}
html:is(*,#pfa-a) body:is(*,#pfa-b) .pf-category-hero figure.pf-category-visual:has(img[src*="water-heater"]){--pfv-art:url(/az/assets/pfv-eng-sofben.webp)}
@media (max-width:760px){html:is(*,#pfa-a) body:is(*,#pfa-b) .pf-category-hero figure.pf-category-visual{min-height:220px!important;margin-top:8px!important}}

html:is(*,#pfa-a) body:is(*,#pfa-b) section.pf-detail-hero figure.pf-detail-visual{position:relative!important;overflow:visible!important;isolation:isolate;border-radius:22px!important;box-shadow:0 0 0 1px rgba(255,255,255,.55),0 0 70px -12px rgba(111,176,255,.6),0 34px 60px -30px rgba(2,12,30,.8)!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) section.pf-detail-hero figure.pf-detail-visual::before{content:"";position:absolute;left:50%;top:44%;width:150%;aspect-ratio:1;transform:translate(-50%,-50%);z-index:-1;border-radius:50%;background:radial-gradient(circle,transparent 46%,rgba(255,255,255,.14) 46.3%,transparent 46.8%),radial-gradient(circle,transparent 60%,rgba(255,255,255,.09) 60.3%,transparent 60.8%),radial-gradient(circle,transparent 74%,rgba(255,255,255,.05) 74.3%,transparent 74.8%),radial-gradient(closest-side,rgba(111,176,255,.38),rgba(111,176,255,0));pointer-events:none}
html:is(*,#pfa-a) body:is(*,#pfa-b) section.pf-detail-hero figure.pf-detail-visual .pf-detail-image{border-radius:21px 21px 0 0!important;overflow:hidden;background:radial-gradient(rgba(28,111,232,.09) .8px,transparent 1.1px) 0 0/9px 9px,radial-gradient(120% 100% at 50% 8%,#fff,#F2F7FF 55%,#DDEAFD)!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) section.pf-detail-hero figure.pf-detail-visual .pf-detail-image img{filter:drop-shadow(0 18px 18px rgba(9,36,72,.18));transition:transform .5s ease}
html:is(*,#pfa-a) body:is(*,#pfa-b) section.pf-detail-hero figure.pf-detail-visual:hover .pf-detail-image img{transform:translateY(-4px) scale(1.02)}
html:is(*,#pfa-a) body:is(*,#pfa-b) section.pf-detail-hero figure.pf-detail-visual .pf-detail-code{padding:12px 18px!important;border-radius:16px!important;border:2px solid rgba(255,255,255,.75)!important;background:radial-gradient(circle at 30% 0%,rgba(111,176,255,.45),rgba(111,176,255,0) 70%),linear-gradient(135deg,#0B2A5B,#104FB3)!important;box-shadow:0 12px 26px -10px rgba(7,91,234,.7)!important}

@media (min-width:900px){
  html:is(*,#pfa-a) body:is([data-pf-detail-kind="comparison"],#pfa-b) main>section.hero>.wrap{position:relative;padding-right:300px!important}
  html:is(*,#pfa-a) body:is([data-pf-detail-kind="comparison"],#pfa-b) main>section.hero>.wrap::after{content:"";position:absolute;right:0;top:50%;width:260px;height:260px;transform:translateY(-50%);background:url(/az/assets/pfv-banner-teknik.webp) center/contain no-repeat,radial-gradient(closest-side,rgba(111,176,255,.38),rgba(111,176,255,0));filter:drop-shadow(0 22px 36px rgba(2,12,30,.55));animation:pfv-float 7s ease-in-out infinite}
}

html:is(*,#pfa-a) body:is(*,#pfa-b) .article-hero figure.pf-hero-device{position:relative!important;min-height:260px;border:0!important;background:transparent!important;box-shadow:none!important;isolation:isolate;display:flex!important;flex-direction:column!important;justify-content:flex-end!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .article-hero figure.pf-hero-device::before{content:"";position:absolute;inset:-4% -6% 16%;z-index:-1;border:0!important;border-radius:0!important;background:var(--pfv-art,url(/az/assets/pfv-banner-teknik.webp)) center/contain no-repeat,radial-gradient(closest-side,rgba(111,176,255,.38),rgba(111,176,255,0));filter:drop-shadow(0 22px 36px rgba(2,12,30,.55));animation:pfv-float 7s ease-in-out infinite}
html:is(*,#pfa-a) body:is(*,#pfa-b) .article-hero figure.pf-hero-device img{display:none!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .article-hero figure.pf-hero-device figcaption{align-self:center;padding:8px 14px!important;border-radius:14px!important;border:1px solid rgba(255,255,255,.26)!important;background:rgba(255,255,255,.12)!important;color:#fff!important;backdrop-filter:blur(8px);text-align:center}
html:is(*,#pfa-a) body:is(*,#pfa-b) .article-hero figure.pf-hero-device:has(img[src*="boiler"]){--pfv-art:url(/az/assets/pfv-eng-kombi.webp)}
html:is(*,#pfa-a) body:is(*,#pfa-b) .article-hero figure.pf-hero-device:has(img[src*="/ac."]){--pfv-art:url(/az/assets/pfv-eng-klima.webp)}
html:is(*,#pfa-a) body:is(*,#pfa-b) .article-hero figure.pf-hero-device:has(img[src*="appliance"]){--pfv-art:url(/az/assets/pfv-eng-beyaz-esya.webp)}
html:is(*,#pfa-a) body:is(*,#pfa-b) .article-hero figure.pf-hero-device:has(img[src*="heat-pump"]){--pfv-art:url(/az/assets/pfv-eng-isi-pompasi.webp)}
html:is(*,#pfa-a) body:is(*,#pfa-b) .article-hero figure.pf-hero-device:has(img[src*="water-heater"]){--pfv-art:url(/az/assets/pfv-eng-sofben.webp)}
@media (max-width:760px){html:is(*,#pfa-a) body:is(*,#pfa-b) .article-hero figure.pf-hero-device{width:auto!important;height:auto!important;min-height:170px!important;aspect-ratio:auto!important;margin:14px 0 0!important;padding:0!important;border-radius:0!important;grid-column:1/-1!important;grid-row:auto!important;justify-self:stretch!important;align-self:auto!important;transform:none!important}html:is(*,#pfa-a) body:is(*,#pfa-b) .article-hero figure.pf-hero-device::before{inset:0 0 34px}}

@media (min-width:900px){
  html:is(*,#pfa-a) body:is(*,#pfa-b) section.trade-hero:not(.membership-hero){position:relative;padding-right:330px!important}
  html:is(*,#pfa-a) body:is(*,#pfa-b) section.trade-hero:not(.membership-hero)::after{content:"";position:absolute;right:max(24px,calc((100% - 1200px)/2));top:50%;width:250px;height:250px;transform:translateY(-50%);z-index:0;pointer-events:none;background:url(/az/assets/pfv-banner-ilan.webp) center/contain no-repeat,radial-gradient(closest-side,rgba(111,176,255,.38),rgba(111,176,255,0));filter:drop-shadow(0 22px 36px rgba(2,12,30,.55));animation:pfv-float 7s ease-in-out infinite}
}
@media (min-width:900px){
  html:is(*,#pfa-a) body:is(*,#pfa-b) section.about-hero{position:relative;}
  html:is(*,#pfa-a) body:is(*,#pfa-b) section.about-hero::after{content:"";position:absolute;right:max(24px,calc((100% - 1200px)/2));top:50%;width:300px;height:300px;transform:translateY(-50%);z-index:0;pointer-events:none;background:url(/az/assets/pfv-maskot.webp) center/contain no-repeat,radial-gradient(closest-side,rgba(111,176,255,.38),rgba(111,176,255,0));filter:drop-shadow(0 22px 36px rgba(2,12,30,.55));animation:pfv-float 7s ease-in-out infinite}
}
@media (min-width:900px){html:is(*,#pfa-a) body:is(*,#pfa-b) section.about-hero .about-inner{max-width:calc(100% - 300px)!important}}
@media (min-width:900px){
  html:is(*,#pfa-a) body:is(*,#pfa-b) section.directory-hero .directory-hero-layout{position:relative}
  html:is(*,#pfa-a) body:is(*,#pfa-b) section.directory-hero nav.directory-type-cards{position:relative;margin-top:150px!important}
  html:is(*,#pfa-a) body:is(*,#pfa-b) section.directory-hero nav.directory-type-cards::before{content:"";position:absolute;left:50%;bottom:calc(100% - 6px);width:190px;height:190px;transform:translateX(-50%);background:url(/az/assets/pfv-banner-firma.webp) center/contain no-repeat,radial-gradient(closest-side,rgba(111,176,255,.38),rgba(111,176,255,0));filter:drop-shadow(0 18px 30px rgba(2,12,30,.55));animation:pfv-float 7s ease-in-out infinite;pointer-events:none}
}

html:is(*,#pfa-a) body:is(*,#pfa-b) #pf-site-footer .pff-cta{position:relative!important;overflow:visible!important}
@media (min-width:900px){
  html:is(*,#pfa-a) body:is(*,#pfa-b) #pf-site-footer .pff-cta{padding-right:190px!important}
  html:is(*,#pfa-a) body:is(*,#pfa-b) #pf-site-footer .pff-cta::after{content:"";position:absolute;right:18px;bottom:0;width:150px;height:225px;background:url(/az/assets/pfv-maskot.webp) center bottom/contain no-repeat;filter:drop-shadow(0 18px 26px rgba(2,12,30,.6));pointer-events:none;transform-origin:50% 100%;animation:pfv-wave 6s ease-in-out infinite}
}
@media (max-width:899px){
  html:is(*,#pfa-a) body:is(*,#pfa-b) #pf-site-footer .pff-cta{padding-top:96px!important}
  html:is(*,#pfa-a) body:is(*,#pfa-b) #pf-site-footer .pff-cta::after{content:"";position:absolute;right:16px;top:-34px;width:84px;height:126px;background:url(/az/assets/pfv-maskot.webp) center/contain no-repeat;filter:drop-shadow(0 12px 18px rgba(2,12,30,.6));pointer-events:none}
}

html:is(*,#pfa-a) body:is(*,#pfa-b) #pf-site-footer .pff-store :is(strong,small,span){color:#fff!important}

@keyframes pfv-float{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes pfv-wave{0%,100%{rotate:0deg}50%{rotate:-2deg}}
@media (prefers-reduced-motion:reduce){html:is(*,#pfa-a) body:is(*,#pfa-b) :is(*,*::before,*::after){animation:none!important}}

/* ---------- 2026-11-04 hotfix: no sideways scroll from hero decoration ---------- */
html:is(*,#pfa-a) body:is(*,#pfa-b) section.pf-detail-hero{overflow-x:clip!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) section.pf-detail-hero figure.pf-detail-visual::before{width:126%!important}
html:is(*,#pfa-a),html:is(*,#pfa-a) body:is(*,#pfa-b){overflow-x:clip}
/* ---------- Home premium 2026-11-04: visual quick cards, guide card, code-library band, link buttons ---------- */
html:is(*,#pfa-a) body:is(*,#pfa-b){--pfx-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");--pfx-arrow-b:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23075BEA' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E")}
html:is(*,#pfa-a) body:is(*,#pfa-b) section.hp-hero .hp-quick{gap:12px!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) section.hp-hero .hp-quick>a{justify-content:flex-start!important;padding:7px 7px 13px!important;border-radius:20px!important;overflow:hidden;background:linear-gradient(180deg,#fff,#F2F7FF)!important;border:1px solid rgba(255,255,255,.95)!important;box-shadow:0 20px 36px -22px rgba(2,12,30,.95),0 0 0 1px rgba(111,176,255,.18),inset 0 1px 0 #fff!important;transition:transform .25s ease,box-shadow .25s ease}
html:is(*,#pfa-a) body:is(*,#pfa-b) section.hp-hero .hp-quick>a::after{content:none!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) section.hp-hero .hp-quick>a::before,html:is(*,#pfa-a) body:is(*,#pfa-b) section.hp-hero .hp-quick>a:is(:hover,:focus-visible)::before{align-self:stretch!important;width:auto!important;height:92px!important;margin:0 0 11px!important;border:0!important;border-radius:15px!important;background:var(--pfq-art),radial-gradient(closest-side,rgba(111,176,255,.38),rgba(111,176,255,0)) center/80% 120% no-repeat,radial-gradient(rgba(28,111,232,.10) .8px,transparent 1.1px) 0 0/9px 9px,linear-gradient(180deg,#EAF2FF,#D9E7FC)!important;box-shadow:inset 0 0 0 1px rgba(7,91,234,.08),inset 0 -14px 22px -16px rgba(9,36,72,.35)!important;transition:background-size .35s ease}
html:is(*,#pfa-a) body:is(*,#pfa-b) section.hp-hero .hp-quick>a:nth-child(1){--pfq-art:url(/az/assets/pfv-whole-klima.webp) 16% 62%/auto 34% no-repeat,url(/az/assets/pfv-whole-beyaz-esya.webp) 86% 86%/auto 62% no-repeat,url(/az/assets/pfv-whole-kombi.webp) 50% 88%/auto 74% no-repeat}
html:is(*,#pfa-a) body:is(*,#pfa-b) section.hp-hero .hp-quick>a:nth-child(2){--pfq-art:url(/az/assets/pfv-banner-firma.webp) center 70%/auto 104% no-repeat}
html:is(*,#pfa-a) body:is(*,#pfa-b) section.hp-hero .hp-quick>a:nth-child(3){--pfq-art:url(/az/assets/pfv-banner-ilan.webp) center 70%/auto 104% no-repeat}
html:is(*,#pfa-a) body:is(*,#pfa-b) section.hp-hero .hp-quick .hp-quick-label{color:#0B2A5B!important;font-size:14.5px!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) section.hp-hero .hp-quick>a>span:last-child{top:14px!important;right:14px!important;width:28px!important;height:28px!important;font-size:0!important;background:var(--pfx-arrow-b) center/15px 15px no-repeat,#fff!important;box-shadow:0 8px 16px -8px rgba(7,91,234,.6),0 0 0 1px rgba(7,91,234,.12)!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) section.hp-hero .hp-quick>a:first-child>span:last-child{rotate:90deg}
html:is(*,#pfa-a) body:is(*,#pfa-b) section.hp-hero .hp-quick>a:is(:hover,:focus-visible)>span:last-child{background:var(--pfx-arrow) center/15px 15px no-repeat,linear-gradient(135deg,#4594EF,#0B59C3)!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) section.hp-hero .hp-quick>a:is(:hover,:focus-visible){transform:translateY(-4px)}
@media (max-width:600px){html:is(*,#pfa-a) body:is(*,#pfa-b) section.hp-hero .hp-quick{gap:8px!important}html:is(*,#pfa-a) body:is(*,#pfa-b) section.hp-hero .hp-quick>a{padding:5px 5px 11px!important;border-radius:16px!important}html:is(*,#pfa-a) body:is(*,#pfa-b) section.hp-hero .hp-quick>a::before,html:is(*,#pfa-a) body:is(*,#pfa-b) section.hp-hero .hp-quick>a:is(:hover,:focus-visible)::before{height:66px!important;margin-bottom:9px!important;border-radius:12px!important}html:is(*,#pfa-a) body:is(*,#pfa-b) section.hp-hero .hp-quick .hp-quick-label{font-size:12.5px!important}html:is(*,#pfa-a) body:is(*,#pfa-b) section.hp-hero .hp-quick>a>span:last-child{top:9px!important;right:9px!important;width:22px!important;height:22px!important;background-size:12px 12px,auto!important}}

html:is(*,#pfa-a) body:is(*,#pfa-b) section.hp-hero section.hp-answer-guide{position:relative!important;overflow:hidden!important;isolation:isolate;border-radius:22px!important;border:1px solid rgba(255,255,255,.95)!important;background:radial-gradient(90% 70% at 100% 0%,#E6F0FF,rgba(230,240,255,0) 60%),linear-gradient(180deg,#fff,#F5F9FF)!important;box-shadow:0 28px 54px -30px rgba(2,12,30,.95),0 0 0 1px rgba(111,176,255,.18)!important;counter-reset:pfx-step}
html:is(*,#pfa-a) body:is(*,#pfa-b) section.hp-hero section.hp-answer-guide .hp-answer-eyebrow{display:inline-flex!important;align-items:center;gap:8px;padding:6px 12px 6px 10px!important;border:1px solid #D6E4FB!important;border-left:1px solid #D6E4FB!important;border-radius:999px!important;background:#EEF4FF!important;color:#075BEA!important;font-size:11px!important;letter-spacing:.12em!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) section.hp-hero section.hp-answer-guide .hp-answer-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#4594EF,#0B59C3);box-shadow:0 0 0 3px rgba(7,91,234,.14)}
html:is(*,#pfa-a) body:is(*,#pfa-b) section.hp-hero section.hp-answer-guide h2{color:#0B2A5B!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) section.hp-hero section.hp-answer-guide .hp-answer-links{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin-top:16px!important;padding-top:0!important;border-top:0!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) section.hp-hero section.hp-answer-guide .hp-answer-links>a{counter-increment:pfx-step;position:relative;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:space-between;gap:12px!important;min-height:84px;padding:12px 12px 13px!important;border-radius:15px!important;border:1px solid #D6E4FB!important;background:linear-gradient(180deg,#fff,#F3F8FF)!important;color:#0B2A5B!important;font-size:13.5px!important;font-weight:800!important;line-height:1.3!important;text-decoration:none!important;box-shadow:0 8px 18px -14px rgba(9,36,72,.55)!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
html:is(*,#pfa-a) body:is(*,#pfa-b) section.hp-hero section.hp-answer-guide .hp-answer-links>a::before{content:counter(pfx-step,decimal-leading-zero);display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:linear-gradient(135deg,#4594EF,#0B59C3);color:#fff;font-size:12px;font-weight:800;letter-spacing:.02em;box-shadow:0 8px 14px -8px rgba(7,91,234,.9),inset 0 1px 0 rgba(255,255,255,.35)}
html:is(*,#pfa-a) body:is(*,#pfa-b) section.hp-hero section.hp-answer-guide .hp-answer-links>a>span{position:absolute;top:12px;right:12px;width:26px;height:26px;border-radius:50%;font-size:0!important;background:var(--pfx-arrow-b) center/14px 14px no-repeat,#EAF2FF;transition:background .2s ease}
html:is(*,#pfa-a) body:is(*,#pfa-b) section.hp-hero section.hp-answer-guide .hp-answer-links>a:is(:hover,:focus-visible){transform:translateY(-3px);border-color:#9CC7FF!important;box-shadow:0 16px 26px -16px rgba(7,91,234,.7)!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) section.hp-hero section.hp-answer-guide .hp-answer-links>a:is(:hover,:focus-visible)>span{background:var(--pfx-arrow) center/14px 14px no-repeat,linear-gradient(135deg,#4594EF,#0B59C3)}
@media (min-width:900px){html:is(*,#pfa-a) body:is(*,#pfa-b) section.hp-hero section.hp-answer-guide::after{content:"";position:absolute;z-index:-1;top:16px;right:16px;width:104px;height:104px;background:url(/az/assets/pfv-banner-teknik.webp) center/contain no-repeat,radial-gradient(closest-side,rgba(111,176,255,.35),rgba(111,176,255,0));filter:drop-shadow(0 14px 18px rgba(9,36,72,.25))}html:is(*,#pfa-a) body:is(*,#pfa-b) section.hp-hero section.hp-answer-guide h2,html:is(*,#pfa-a) body:is(*,#pfa-b) section.hp-hero section.hp-answer-guide .hp-answer-eyebrow{margin-right:108px!important}}
@media (max-width:600px){html:is(*,#pfa-a) body:is(*,#pfa-b) section.hp-hero section.hp-answer-guide .hp-answer-links{gap:8px!important}html:is(*,#pfa-a) body:is(*,#pfa-b) section.hp-hero section.hp-answer-guide .hp-answer-links>a{min-height:96px;padding:10px 9px 11px!important;font-size:12.5px!important}html:is(*,#pfa-a) body:is(*,#pfa-b) section.hp-hero section.hp-answer-guide .hp-answer-links>a::before{width:26px;height:26px;border-radius:9px;font-size:11px}html:is(*,#pfa-a) body:is(*,#pfa-b) section.hp-hero section.hp-answer-guide .hp-answer-links>a>span{top:10px;right:9px;width:22px;height:22px;background-size:12px 12px,auto}}

html:is(*,#pfa-a) body:is(*,#pfa-b) #pf-home .hp-section-tail{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:20px!important;margin-top:26px!important;min-height:136px;padding:28px 30px 28px 108px!important;border-radius:24px!important;overflow:hidden!important;isolation:isolate;border:1px solid rgba(111,176,255,.32)!important;background:radial-gradient(55% 140% at 72% 50%,rgba(69,148,239,.42),rgba(69,148,239,0) 70%),radial-gradient(rgba(255,255,255,.07) .8px,transparent 1.2px) 0 0/12px 12px,linear-gradient(135deg,#071D3D,#0B2A5B 45%,#0E4AA8)!important;box-shadow:0 34px 64px -36px rgba(4,20,48,.95),inset 0 1px 0 rgba(255,255,255,.12)!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) #pf-home .hp-section-tail::before{content:"";position:absolute;left:30px;top:50%;width:58px;height:58px;transform:translateY(-50%);border-radius:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m16 6 4 14'/%3E%3Cpath d='M12 6v14'/%3E%3Cpath d='M8 8v12'/%3E%3Cpath d='M4 4v16'/%3E%3C/svg%3E") center/28px 28px no-repeat,linear-gradient(135deg,#4594EF,#0B59C3);box-shadow:0 16px 28px -12px rgba(7,91,234,.95),inset 0 1px 0 rgba(255,255,255,.35)}
html:is(*,#pfa-a) body:is(*,#pfa-b) #pf-home .hp-section-tail>span{position:relative;z-index:1;max-width:440px;color:#fff!important;font-size:18px!important;font-weight:800!important;line-height:1.4!important;letter-spacing:-.2px!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) #pf-home .hp-section-tail>span::before{content:"KOMBİ · KONDİSİONER · MƏİŞƏT TEXNİKASI · İSTİLİK NASOSU · SU QIZDIRICISI";display:block;margin:0 0 7px;color:#9CC7FF;font-size:10.5px;font-weight:800;letter-spacing:.14em;line-height:1.4}
html:is(*,#pfa-a) body:is(*,#pfa-b) #pf-home .hp-section-tail>a{position:relative;z-index:1;gap:12px!important;min-height:56px;padding:8px 8px 8px 22px!important;border:0!important;background:#fff!important;color:#0B2A5B!important;font-size:15px!important;font-weight:800!important;white-space:nowrap;box-shadow:0 18px 34px -16px rgba(0,0,0,.7),0 0 0 6px rgba(255,255,255,.08)!important;transition:transform .2s ease,box-shadow .2s ease}
html:is(*,#pfa-a) body:is(*,#pfa-b) #pf-home .hp-section-tail>a>span{width:40px!important;height:40px!important;font-size:0!important;background:var(--pfx-arrow) center/18px 18px no-repeat,linear-gradient(135deg,#4594EF,#0B59C3)!important;box-shadow:0 8px 16px -8px rgba(7,91,234,.9)}
html:is(*,#pfa-a) body:is(*,#pfa-b) #pf-home .hp-section-tail>a:is(:hover,:focus-visible){transform:translateY(-2px);background:#fff!important;box-shadow:0 22px 40px -16px rgba(0,0,0,.75),0 0 0 7px rgba(111,176,255,.22)!important}
@media (min-width:1180px){html:is(*,#pfa-a) body:is(*,#pfa-b) #pf-home .hp-section-tail{padding-right:30px!important}html:is(*,#pfa-a) body:is(*,#pfa-b) #pf-home .hp-section-tail::after{content:"";position:absolute;z-index:0;right:330px;bottom:0;width:290px;height:104px;background:url(/az/assets/pfv-whole-klima.webp) 0% 100%/auto 62% no-repeat,url(/az/assets/pfv-whole-beyaz-esya.webp) 24% 100%/auto 84% no-repeat,url(/az/assets/pfv-whole-kombi.webp) 50% 100%/auto 100% no-repeat,url(/az/assets/pfv-whole-isi-pompasi.webp) 76% 100%/auto 70% no-repeat,url(/az/assets/pfv-whole-sofben.webp) 100% 100%/auto 80% no-repeat;filter:drop-shadow(0 16px 18px rgba(2,12,30,.6));pointer-events:none}}
@media (max-width:760px){html:is(*,#pfa-a) body:is(*,#pfa-b) #pf-home .hp-section-tail{grid-template-columns:1fr!important;gap:16px!important;padding:96px 18px 18px!important;border-radius:20px!important}html:is(*,#pfa-a) body:is(*,#pfa-b) #pf-home .hp-section-tail::before{top:20px;left:18px;width:52px;height:52px;transform:none;border-radius:16px;background-size:25px 25px,auto}html:is(*,#pfa-a) body:is(*,#pfa-b) #pf-home .hp-section-tail::after{content:"";position:absolute;right:16px;top:16px;width:170px;height:60px;background:url(/az/assets/pfv-whole-klima.webp) 0% 100%/auto 62% no-repeat,url(/az/assets/pfv-whole-beyaz-esya.webp) 24% 100%/auto 84% no-repeat,url(/az/assets/pfv-whole-kombi.webp) 50% 100%/auto 100% no-repeat,url(/az/assets/pfv-whole-isi-pompasi.webp) 76% 100%/auto 70% no-repeat,url(/az/assets/pfv-whole-sofben.webp) 100% 100%/auto 80% no-repeat;filter:drop-shadow(0 10px 12px rgba(2,12,30,.6))}html:is(*,#pfa-a) body:is(*,#pfa-b) #pf-home .hp-section-tail>span{font-size:16px!important}html:is(*,#pfa-a) body:is(*,#pfa-b) #pf-home .hp-section-tail>span::before{font-size:9.5px;letter-spacing:.08em}html:is(*,#pfa-a) body:is(*,#pfa-b) #pf-home .hp-section-tail>a{justify-content:space-between!important;width:100%;box-sizing:border-box;white-space:normal}}

html:is(*,#pfa-a) body:is(*,#pfa-b) #pf-home :is(.hp-query-card .hp-query-end,.hp-intent-card>a:last-child,.hp-feature .hp-feature-end){display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-top:auto!important;min-height:44px;padding:6px 6px 6px 16px!important;border:1px solid #D6E4FB!important;border-radius:999px!important;background:#EEF4FF!important;color:#0B4FC4!important;font-size:13.5px!important;font-weight:800!important;text-decoration:none!important;transition:background .2s ease,color .2s ease,border-color .2s ease}
html:is(*,#pfa-a) body:is(*,#pfa-b) #pf-home :is(.hp-query-card .hp-query-end,.hp-intent-card>a:last-child,.hp-feature .hp-feature-end)>span{flex:none;display:block!important;width:32px!important;height:32px!important;border:0!important;border-radius:50%!important;font-size:0!important;background:var(--pfx-arrow) center/15px 15px no-repeat,linear-gradient(135deg,#4594EF,#0B59C3)!important;box-shadow:0 8px 14px -8px rgba(7,91,234,.9)!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) #pf-home :is(.hp-query-card,.hp-feature:not(.hp-directory)):is(:hover,:focus-visible) :is(.hp-query-end,.hp-feature-end),html:is(*,#pfa-a) body:is(*,#pfa-b) #pf-home .hp-intent-card>a:last-child:is(:hover,:focus-visible){background:linear-gradient(135deg,#0B2A5B,#104FB3)!important;border-color:transparent!important;color:#fff!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) #pf-home .hp-feature.hp-directory .hp-feature-end{background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.24)!important;color:#fff!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) #pf-home .hp-feature.hp-directory:is(:hover,:focus-visible) .hp-feature-end{background:#fff!important;color:#0B2A5B!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) #pf-home .hp-feature.hp-catalogue .hp-catalogue-art,html:is(*,#pfa-a) body:is(*,#pfa-b) #pf-home .hp-feature.hp-listings .hp-listing-art{background:var(--pfx-feat) center/contain no-repeat,radial-gradient(closest-side,rgba(111,176,255,.28),rgba(111,176,255,0))!important;border:0!important;box-shadow:none!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) #pf-home .hp-feature.hp-catalogue .hp-catalogue-art>*,html:is(*,#pfa-a) body:is(*,#pfa-b) #pf-home .hp-feature.hp-listings .hp-listing-art>*{visibility:hidden!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) #pf-home .hp-feature.hp-catalogue{--pfx-feat:url(/az/assets/pfv-banner-parca.webp)}
html:is(*,#pfa-a) body:is(*,#pfa-b) #pf-home .hp-feature.hp-listings{--pfx-feat:url(/az/assets/pfv-banner-ilan.webp)}
html:is(*,#pfa-a) body:is(*,#pfa-b) #pf-home .hp-query-card .hp-query-type{display:inline-flex!important;align-self:flex-start!important;width:auto!important;max-width:100%}
html:is(*,#pfa-a) body:is(*,#pfa-b) #pf-home .hp-guide-footnote>a,html:is(*,#pfa-a) body:is(*,#pfa-b) #pf-home .hp-work-actions>a:not(.hp-button){display:inline-flex!important;align-items:center;gap:6px;min-height:40px;padding:0 16px!important;border-radius:999px!important;border:1px solid #D6E4FB!important;background:#fff!important;color:#0B4FC4!important;font-weight:800!important;text-decoration:none!important;white-space:nowrap}
html:is(*,#pfa-a) body:is(*,#pfa-b) #pf-home .hp-work-actions>a:not(.hp-button){border-color:rgba(255,255,255,.28)!important;background:rgba(255,255,255,.08)!important;color:#fff!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) #pf-home .hp-work-actions>a.hp-button{border-radius:999px!important;min-height:46px;padding:0 22px!important;background:linear-gradient(135deg,#4594EF,#0B59C3)!important;box-shadow:0 14px 26px -12px rgba(7,91,234,.9),inset 0 1px 0 rgba(255,255,255,.3)!important}

/* ---------- Corporate system 2026-11-04: buttons, cards, section headers, consent, audit fixes ---------- */
html:is(*,#pfa-a) body:is(*,#pfa-b) :is(a.pf-detail-primary,.lock-body a.cta,a.sg-button,p>a.trade-button,.trade-actions>a.trade-button,button.pf-service-button,button#directory-submit,a.pfa-primary,#pf-home a.hp-button,nav.pf-category-links>a:first-child,#hp-search button,#login button#submit,#cookie-box button[data-accept],.pf-consent-actions>button:last-child,#pfn-header .pfn-download){background:linear-gradient(135deg,#1E6FDB,#0B59C3)!important;color:#fff!important;border:0!important;border-radius:12px!important;font-weight:800!important;text-decoration:none!important;box-shadow:0 12px 24px -14px rgba(11,89,195,.75),inset 0 1px 0 rgba(255,255,255,.22)!important;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}
html:is(*,#pfa-a) body:is(*,#pfa-b) :is(a.pf-detail-primary,.lock-body a.cta,a.sg-button,p>a.trade-button,.trade-actions>a.trade-button,button.pf-service-button,button#directory-submit,a.pfa-primary,#pf-home a.hp-button,nav.pf-category-links>a:first-child,#hp-search button,#login button#submit,#cookie-box button[data-accept],.pf-consent-actions>button:last-child,#pfn-header .pfn-download):is(:hover,:focus-visible){background:linear-gradient(135deg,#0B59C3,#0B2A5B)!important;transform:translateY(-1px);box-shadow:0 16px 28px -14px rgba(11,42,91,.8),inset 0 1px 0 rgba(255,255,255,.18)!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) :is(a.pf-detail-primary,.lock-body a.cta,a.sg-button,p>a.trade-button,.trade-actions>a.trade-button,button.pf-service-button,button#directory-submit,a.pfa-primary,#pf-home a.hp-button,nav.pf-category-links>a:first-child,#hp-search button,#login button#submit,#cookie-box button[data-accept],.pf-consent-actions>button:last-child,#pfn-header .pfn-download) *{color:inherit!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) :is(div.pf-detail-actions>a:not(.pf-detail-primary),nav.pf-category-links>a:not(:first-child),nav.chips>a,.sg-hero-actions>a.sg-text-link){background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.28)!important;border-radius:12px!important;color:#fff!important;font-weight:750!important;text-decoration:none!important;backdrop-filter:blur(6px);transition:background .2s ease,border-color .2s ease}
html:is(*,#pfa-a) body:is(*,#pfa-b) :is(div.pf-detail-actions>a:not(.pf-detail-primary),nav.pf-category-links>a:not(:first-child),nav.chips>a,.sg-hero-actions>a.sg-text-link):is(:hover,:focus-visible){background:rgba(255,255,255,.18)!important;border-color:rgba(255,255,255,.45)!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .sg-hero-actions>a.sg-text-link{display:inline-flex!important;align-items:center;min-height:48px;padding:0 18px!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) :is(div.pfa-links>a,div.search-links>a.pf-btn,.license-plan>a.trade-button,nav#pagination>a,nav.pf-service-pagination>a,.pf-share-actions>.pf-share-action:not(.pf-share-whatsapp),.pfs-actions>button,#cookie-box button[data-reject],.pf-consent-actions>button:first-child){background:#fff!important;border:1px solid #D6E4FB!important;border-radius:12px!important;color:#0B2A5B!important;font-weight:750!important;text-decoration:none!important;box-shadow:0 6px 14px -12px rgba(9,36,72,.5)!important;transition:border-color .2s ease,background .2s ease}
html:is(*,#pfa-a) body:is(*,#pfa-b) :is(div.pfa-links>a,div.search-links>a.pf-btn,.license-plan>a.trade-button,nav#pagination>a,nav.pf-service-pagination>a,.pf-share-actions>.pf-share-action:not(.pf-share-whatsapp),.pfs-actions>button,#cookie-box button[data-reject],.pf-consent-actions>button:first-child):is(:hover,:focus-visible){background:#F4F8FF!important;border-color:#9CC7FF!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) :is(nav#pagination,nav.pf-service-pagination)>:is([aria-current="page"],.active,.current){background:linear-gradient(135deg,#1E6FDB,#0B59C3)!important;border-color:transparent!important;color:#fff!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) :is(a.pfp-btn--wa,a.pf-share-whatsapp){background:#0F7A3F!important;border-color:#0F7A3F!important;color:#fff!important;border-radius:12px!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) :is(a.pfp-btn--wa,a.pf-share-whatsapp) *{color:#fff!important;fill:currentColor}

html:is(*,#pfa-a) body:is(*,#pfa-b) :is(a.pf-catalog-card,article.guide-card){border-radius:16px!important;border:1px solid #E0E9F4!important;background:linear-gradient(180deg,#fff,#FAFCFF)!important;box-shadow:0 12px 28px -22px rgba(9,36,72,.55)!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
html:is(*,#pfa-a) body:is(*,#pfa-b) :is(a.pf-catalog-card,article.guide-card):is(:hover,:focus-within){transform:translateY(-2px);border-color:#B9D6FB!important;box-shadow:0 18px 34px -22px rgba(7,91,234,.55)!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) :is(.about-card,.pfa-card,section.seller-card,.trade-card){border-radius:20px!important;border:1px solid #E0E9F4!important;box-shadow:0 18px 40px -30px rgba(9,36,72,.6)!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) #kod-karsilastirmalari .grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important;gap:10px!important;content-visibility:auto;contain-intrinsic-size:auto 1600px}
html:is(*,#pfa-a) body:is(*,#pfa-b) a.pf-catalog-card--legacy{min-height:0!important;padding:12px 14px!important;align-items:center!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) a.pf-catalog-card--legacy strong{color:#0B2A5B!important;font-size:16px!important;font-weight:800!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) a.pf-catalog-card--legacy .pf-card-count{color:#526780!important;font-size:12px!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) article.guide-card{padding:24px!important;display:flex!important;flex-direction:column!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) article.guide-card>span:first-child{align-self:flex-start;display:inline-flex!important;padding:5px 11px!important;border-radius:999px!important;background:#EEF4FF!important;border:1px solid #D6E4FB!important;color:#075BEA!important;font-size:11.5px!important;font-weight:800!important;letter-spacing:.06em!important;text-transform:uppercase}
html:is(*,#pfa-a) body:is(*,#pfa-b) article.guide-card h3 a{color:#0B2A5B!important;text-decoration:none!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) article.guide-card>a:last-child{margin-top:auto!important;align-self:flex-start;display:inline-flex!important;align-items:center;gap:8px;min-height:40px;padding:0 16px!important;border-radius:999px!important;background:#EEF4FF!important;border:1px solid #D6E4FB!important;color:#0B4FC4!important;font-weight:800!important;text-decoration:none!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) article.guide-card:hover>a:last-child{background:linear-gradient(135deg,#0B2A5B,#104FB3)!important;color:#fff!important;border-color:transparent!important}

html:is(*,#pfa-a) body:is(*,#pfa-b) section.panel>h2:first-child{display:flex!important;align-items:center;gap:10px;color:#0B2A5B!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) section.panel>h2:first-child::before{content:"";flex:none;width:4px;height:22px;border-radius:4px;background:linear-gradient(180deg,#4594EF,#0B59C3)}
html:is(*,#pfa-a) body:is(*,#pfa-b) section.pf-detail-hero figure.pf-detail-visual>:last-child{border-radius:0 0 21px 21px!important}

html:is(*,#pfa-a) body:is(*,#pfa-b) :is(#cookie-box,aside#pf-commerce-consent){background:#fff!important;border:1px solid #E0E9F4!important;border-radius:18px!important;color:#0B2A5B!important;box-shadow:0 26px 50px -26px rgba(9,36,72,.55)!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) :is(#cookie-box,aside#pf-commerce-consent) strong{color:#0B2A5B!important;font-weight:800!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) :is(#cookie-box,aside#pf-commerce-consent) p{color:#526780!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) :is(#cookie-box,aside#pf-commerce-consent) a{color:#075BEA!important;font-weight:700}
html:is(*,#pfa-a) body:is(*,#pfa-b) :is(#cookie-box,aside#pf-commerce-consent) button{min-height:42px;padding:0 18px!important;cursor:pointer}
@media (max-width:760px){html:is(*,#pfa-a) body:is(*,#pfa-b) :is(#cookie-box,aside#pf-commerce-consent){left:10px!important;right:10px!important;bottom:10px!important;width:auto!important;max-width:none!important;padding:12px 14px!important}html:is(*,#pfa-a) body:is(*,#pfa-b) :is(#cookie-box,aside#pf-commerce-consent) p{font-size:12.5px!important;line-height:1.45!important;margin:4px 0 8px!important}html:is(*,#pfa-a) body:is(*,#pfa-b) :is(#cookie-box,aside#pf-commerce-consent) :is(div:has(>button),.pf-consent-actions){display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}}

html:is(*,#pfa-a) body:is(*,#pfa-b) #pf-site-footer nav:is(.pff-cols,.pff-legal){background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:0!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .sg-hero-meta{gap:8px!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .sg-hero-meta>span{padding:5px 12px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.26)!important;background:rgba(255,255,255,.1)!important;font-weight:700!important;letter-spacing:.02em}
html:is(*,#pfa-a) body:is(*,#pfa-b) .sg-hero-meta>span::before{content:none!important}
html:is(*,#pfa-a) body:is(*,#pfa-b).directory-body:has(.pfp-callbar) #pf-whatsapp-support{display:none!important}
@media (max-width:760px){html:is(*,#pfa-a) body:is(*,#pfa-b).directory-body:has(.pfp-callbar) main{padding-bottom:88px!important}}
@supports (animation-timeline:scroll()){html:is(*,#pfa-a) body:is(*,#pfa-b) div.pfp-callbar{animation:pfx-callbar linear both;animation-timeline:scroll(root);animation-range:120px 420px}}
@keyframes pfx-callbar{from{opacity:0;transform:translateY(130%)}to{opacity:1;transform:none}}
@media (max-width:760px){html:is(*,#pfa-a) body:is(*,#pfa-b) #pf-site-footer nav.pff-legal>a{display:inline-flex!important;align-items:center;min-height:44px}html:is(*,#pfa-a) body:is(*,#pfa-b) :is(.directory-card-identity h2>a,nav.trade-breadcrumb a,nav.pfa-crumb a,.pf-breadcrumb a,tr>th>a){display:inline-block;padding-block:10px;margin-block:-10px}}
html:is(*,#pfa-a) body:is(*,#pfa-b) .pf-service-category>span{color:#526780!important;font-size:12px!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) :is(nav.trade-breadcrumb>span,dl.trade-facts dt,nav.pfa-crumb>span,#pf-docs-guide-20260915>p,#login>p){color:#526780!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) :is(a.about-skip,a.pf-parts-skip){position:absolute!important;left:-9999px!important;top:auto}
html:is(*,#pfa-a) body:is(*,#pfa-b) :is(a.about-skip,a.pf-parts-skip):focus{left:16px!important;top:12px!important;z-index:1000;padding:10px 16px;border-radius:10px;background:#0B2A5B;color:#fff!important;text-decoration:none}
html:is(*,#pfa-a) body:is(*,#pfa-b) section.pf-bsl{width:min(100% - 32px,1200px)!important;box-sizing:border-box;margin:32px auto 0!important;padding:24px!important;border-radius:20px!important;background:#fff!important;border:1px solid #E0E9F4!important;box-shadow:0 18px 40px -30px rgba(9,36,72,.6)!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) section.pf-bsl h2{display:flex;align-items:center;gap:10px;color:#0B2A5B!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) section.pf-bsl h2::before{content:"";width:4px;height:22px;border-radius:4px;background:linear-gradient(180deg,#4594EF,#0B59C3)}
html:is(*,#pfa-a) body:is(*,#pfa-b) section.pf-bsl p{color:#526780!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) section.pf-bsl a{display:inline-flex!important;align-items:center;min-height:40px;padding:0 14px!important;border-radius:999px!important;background:#EEF4FF!important;border:1px solid #D6E4FB!important;color:#0B4FC4!important;font-weight:700!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) section.pf-bsl a.all{background:linear-gradient(135deg,#1E6FDB,#0B59C3)!important;border-color:transparent!important;color:#fff!important}

/* ---------- 404 page 2026-11-04 ---------- */
html:is(*,#pfa-a) body:is(*,#pfa-b) main#pf-main-content.pf-container[style*="min-height:50vh"]{position:relative;box-sizing:border-box;width:min(100% - 32px,1200px);margin:40px auto!important;padding:56px 380px 56px 48px!important;border-radius:28px;overflow:hidden;isolation:isolate;color:#fff;background:radial-gradient(60% 120% at 85% 40%,rgba(69,148,239,.42),rgba(69,148,239,0) 70%),radial-gradient(rgba(255,255,255,.07) .8px,transparent 1.2px) 0 0/12px 12px,linear-gradient(135deg,#071D3D,#0B2A5B 45%,#0E4AA8);box-shadow:0 34px 64px -36px rgba(4,20,48,.95)}
html:is(*,#pfa-a) body:is(*,#pfa-b) main#pf-main-content.pf-container[style*="min-height:50vh"]::after{content:"";position:absolute;right:56px;bottom:0;width:250px;height:330px;background:url(/az/assets/pfv-maskot.webp) center bottom/contain no-repeat,radial-gradient(closest-side,rgba(111,176,255,.35),rgba(111,176,255,0));filter:drop-shadow(0 22px 30px rgba(2,12,30,.6));pointer-events:none}
html:is(*,#pfa-a) body:is(*,#pfa-b) main#pf-main-content.pf-container[style*="min-height:50vh"]>p:first-child{display:inline-flex;margin:0 0 14px;padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.26);background:rgba(255,255,255,.1);color:#BFD6FF!important;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
html:is(*,#pfa-a) body:is(*,#pfa-b) main#pf-main-content.pf-container[style*="min-height:50vh"] h1{margin:0 0 12px;color:#fff!important;font-size:clamp(30px,4vw,46px);line-height:1.12;letter-spacing:-.02em}
html:is(*,#pfa-a) body:is(*,#pfa-b) main#pf-main-content.pf-container[style*="min-height:50vh"]>p{color:rgba(255,255,255,.84)!important;max-width:560px}
html:is(*,#pfa-a) body:is(*,#pfa-b) main#pf-main-content.pf-container[style*="min-height:50vh"] form.pfx-404-search{max-width:560px;margin:22px 0 18px}
html:is(*,#pfa-a) body:is(*,#pfa-b) main#pf-main-content.pf-container[style*="min-height:50vh"] form.pfx-404-search label{display:block;margin:0 0 8px;color:#BFD6FF;font-size:12px;font-weight:800;letter-spacing:.04em}
html:is(*,#pfa-a) body:is(*,#pfa-b) main#pf-main-content.pf-container[style*="min-height:50vh"] form.pfx-404-search>div{display:flex;gap:8px;padding:6px;border-radius:16px;background:#fff;box-shadow:0 18px 34px -18px rgba(0,0,0,.7)}
html:is(*,#pfa-a) body:is(*,#pfa-b) main#pf-main-content.pf-container[style*="min-height:50vh"] form.pfx-404-search input{flex:1;min-width:0;min-height:48px;padding:0 12px;border:0;outline:0;background:transparent;color:#0B2A5B;font:inherit;font-size:16px}
html:is(*,#pfa-a) body:is(*,#pfa-b) main#pf-main-content.pf-container[style*="min-height:50vh"] form.pfx-404-search button{min-height:48px;padding:0 24px;border:0;border-radius:12px;background:linear-gradient(135deg,#1E6FDB,#0B59C3);color:#fff;font:inherit;font-weight:800;cursor:pointer}
html:is(*,#pfa-a) body:is(*,#pfa-b) main#pf-main-content.pf-container[style*="min-height:50vh"] .pf-btn{display:inline-flex;align-items:center;min-height:48px;padding:0 20px!important;border-radius:12px!important;font-weight:800!important;text-decoration:none!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) main#pf-main-content.pf-container[style*="min-height:50vh"] .pf-btn.pf-btn-primary{background:linear-gradient(135deg,#1E6FDB,#0B59C3)!important;border:0!important;color:#fff!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) main#pf-main-content.pf-container[style*="min-height:50vh"] .pf-btn:not(.pf-btn-primary){background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.28)!important;color:#fff!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) main#pf-main-content.pf-container[style*="min-height:50vh"]>p:last-child{display:flex;flex-wrap:wrap;gap:10px}
@media (max-width:899px){html:is(*,#pfa-a) body:is(*,#pfa-b) main#pf-main-content.pf-container[style*="min-height:50vh"]{padding:120px 20px 28px!important;border-radius:22px}html:is(*,#pfa-a) body:is(*,#pfa-b) main#pf-main-content.pf-container[style*="min-height:50vh"]::after{right:16px;top:14px;bottom:auto;width:80px;height:104px}}

/* ---------- Speed 2026-11-04: artwork as early <img>, small footer mascot ---------- */
html:is(*,#pfa-a) body:is(*,#pfa-b) .pf-category-hero figure.pf-category-visual:has(img[src*="/visual-20261104/eng-"])::before{background:radial-gradient(closest-side,rgba(111,176,255,.38),rgba(111,176,255,0))!important;inset:6% 4% 24%!important;filter:none!important;animation:none!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .pf-category-hero figure.pf-category-visual:has(img[src*="/visual-20261104/eng-"]) .pf-category-product{display:block!important;position:relative;z-index:0;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:auto!important;margin:0 0 -34px!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;overflow:visible!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .pf-category-hero figure.pf-category-visual .pf-category-product img[src*="/visual-20261104/eng-"]{display:block!important;width:100%!important;height:auto!important;max-height:320px;object-fit:contain;margin:0 auto;filter:drop-shadow(0 24px 40px rgba(2,12,30,.55));animation:pfv-float 7s ease-in-out infinite}
html:is(*,#pfa-a) body:is(*,#pfa-b) .pf-category-hero figure.pf-category-visual:has(img[src*="/visual-20261104/eng-"]) figcaption{position:relative;z-index:1}
@media (max-width:760px){html:is(*,#pfa-a) body:is(*,#pfa-b) .pf-category-hero figure.pf-category-visual .pf-category-product img[src*="/visual-20261104/eng-"]{max-height:210px}}
html:is(*,#pfa-a) body:is(*,#pfa-b) .article-hero figure.pf-hero-device:has(img[src*="/visual-20261104/eng-"])::before{background:radial-gradient(closest-side,rgba(111,176,255,.38),rgba(111,176,255,0))!important;filter:none!important;animation:none!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .article-hero figure.pf-hero-device img[src*="/visual-20261104/eng-"]{display:block!important;width:100%!important;height:auto!important;max-height:240px;object-fit:contain;margin:0 auto 10px;filter:drop-shadow(0 22px 36px rgba(2,12,30,.55));animation:pfv-float 7s ease-in-out infinite}
@media (max-width:760px){html:is(*,#pfa-a) body:is(*,#pfa-b) .article-hero figure.pf-hero-device img[src*="/visual-20261104/eng-"]{max-height:150px}}
html:is(*,#pfa-a) body:is(*,#pfa-b) #pf-site-footer .pff-cta::after{background-image:url(/az/assets/pfv-maskot-300.webp)!important}

/* ---------- 2026-11-04 fix: hub artwork full width on phones ---------- */
html:is(*,#pfa-a) body:is(*,#pfa-b) .pf-category-hero figure.pf-category-visual:has(img[src*="/visual-20261104/eng-"]) .pf-category-product{max-width:none!important;align-self:stretch!important}

/* ---------- AZ supplement: AZ-only templates and fixes ---------- */
/* Darker gradient start keeps white button text at 4.5:1 or above */
:root{--pfa-cta:linear-gradient(135deg,#2B6FE6,#075BEA 55%,#0A47C2)}

/* Home and information heroes: same navy lit scene */
html:is(*,#pfa-a) body:is(*,#pfa-b) :is(section.az-home-hero,.az-info-hero){background:var(--pfa-scene)!important;color:#fff!important;isolation:isolate;border:0!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) :is(.az-home-copy,.az-info-hero-inner) h1{color:#fff!important;-webkit-text-fill-color:#fff!important;background:none!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) :is(.az-home-copy,.az-info-hero-inner) h1 :is(span,em,strong,mark){color:#9CC4FF!important;-webkit-text-fill-color:#9CC4FF!important;background:none!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) :is(.az-home-copy,.az-info-hero-inner)>:is(p,small,label),
html:is(*,#pfa-a) body:is(*,#pfa-b) .az-home-copy .az-search>label,
html:is(*,#pfa-a) body:is(*,#pfa-b) .az-info-hero .az-info-tags{color:rgba(255,255,255,.84)!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) :is(.az-home-copy,.az-info-hero-inner)>.az-kicker{color:#BFD6FF!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) :is(.az-quick-links,.az-info-actions)>a:not(.button){background:var(--pfa-glass)!important;border:1px solid var(--pfa-glass-line)!important;color:#fff!important;box-shadow:none!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) :is(.az-quick-links,.az-info-actions)>a:not(.button) *{color:#fff!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) :is(.az-home-copy,.az-info-hero) a.button{background:var(--pfa-cta)!important;color:#fff!important;border:0!important;box-shadow:var(--pfa-cta-shadow)!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) section.az-home-hero .az-device-showcase{border:1px solid var(--pfa-glass-line)!important;box-shadow:0 30px 60px -30px rgba(2,12,30,.8)!important}

/* Category hero: AZ renders the shortcut row as div, not nav */
html:is(*,#pfa-a) body:is(*,#pfa-b) .pfh-hero div.pf-category-links>a{background:var(--pfa-glass)!important;border:1px solid var(--pfa-glass-line)!important;color:#fff!important;box-shadow:none!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .pfh-hero div.pf-category-links>a:first-child{background:var(--pfa-cta)!important;border-color:transparent!important;box-shadow:var(--pfa-cta-shadow)!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .pfh-hero .az-list-total{color:#fff!important}

/* Code page: screen-code plate gets padding and radius; one stripe on the meaning card */
html:is(*,#pfa-a) body:is(*,#pfa-b) section.pf-detail-hero .pf-detail-code{padding:14px 18px!important;border-radius:14px!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .pf-code-meaning .summary{border-left:0!important;box-shadow:none!important}
/* Cards on the AZ home scene keep dark text; information hero kicker */
html:is(*,#pfa-a) body:is(*,#pfa-b) section.az-home-hero .az-answer{color:var(--pfa-text)!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) section.az-home-hero .az-answer :is(h2,h3){color:var(--pfa-ink)!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) .az-info-hero .az-kicker{color:#BFD6FF!important}
html:is(*,#pfa-a) body:is(*,#pfa-b) section.az-home-hero{padding:40px 36px!important;border-radius:28px!important}
@media (max-width:760px){html:is(*,#pfa-a) body:is(*,#pfa-b) section.az-home-hero{padding:28px 18px!important;border-radius:22px!important}}
html:is(*,#pfa-a) body:is(*,#pfa-b) .az-info-hero p:not(.az-kicker){color:rgba(255,255,255,.84)!important}