/* BAŞ GRUP V13.8.5 / Architectural title bars */
.page-hero{
  isolation:isolate;position:relative;overflow:hidden;
  min-height:clamp(390px,42vw,570px);
  padding:clamp(178px,16vw,240px) 0 clamp(76px,8vw,125px);
  background-color:#081427;
  background-image:linear-gradient(90deg,rgba(3,13,32,.91) 0%,rgba(5,18,43,.76) 43%,rgba(8,21,46,.35) 100%),var(--bg-hero-image,linear-gradient(135deg,#142849,#091327));
  background-position:center, var(--hero-position,center 48%);
  background-size:cover,cover;
  background-repeat:no-repeat;
  border-bottom:1px solid rgba(118,160,228,.36);
}
.page-hero::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
 background:linear-gradient(115deg,transparent 0 62%,rgba(131,186,255,.10) 62.1%,transparent 62.35%),
 radial-gradient(ellipse 70% 60% at 94% 0%,rgba(32,103,236,.17),transparent 75%);
}
.page-hero::after{content:'';position:absolute;left:max(24px,calc((100vw - 1460px)/2));bottom:0;width:clamp(72px,12vw,175px);height:3px;background:#297aff;z-index:2}
.page-hero>.wrap{position:relative;z-index:2}
.page-hero .display{color:#fff!important;max-width:1120px;letter-spacing:-.062em!important;line-height:1.12!important;overflow-wrap:normal;word-break:normal;text-wrap:balance;text-shadow:0 7px 35px rgba(0,0,0,.20)}
.page-hero .eyebrow{color:#9ec7ff!important;letter-spacing:.20em!important}
.page-hero p{color:#e3ecfa!important;max-width:720px;font-size:clamp(14px,1.25vw,17px);line-height:1.7}
@media(max-width:900px){.page-hero{min-height:390px;padding:164px 0 76px;background-position:center, var(--hero-position-mobile,center)}.page-hero .display{font-size:clamp(39px,6vw,70px)!important;letter-spacing:-.045em!important}}
@media(max-width:560px){.page-hero{min-height:350px;padding:134px 0 66px;background-image:linear-gradient(90deg,rgba(3,13,32,.91),rgba(5,18,43,.55)),var(--bg-hero-image,linear-gradient(135deg,#142849,#091327))}.page-hero .display{font-size:clamp(33px,9.3vw,50px)!important}.page-hero p{font-size:14px}}
@media(prefers-reduced-motion:no-preference){.page-hero>.wrap{animation:bgTitleEnter .8s ease-out both}@keyframes bgTitleEnter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}}
/* Individual product image uses its original aspect ratio */
body .page-body img.body-photo[src$="dunker-gr-brushtype.webp"]{object-fit:contain;background:#f1f3f7;padding:clamp(10px,2vw,24px);border:1px solid #e2e8f1;border-radius:10px;height:clamp(290px,34vw,490px)}