/* AsiaFilt — editorial integrated category and detail hero. PHP 5.6 compatible. */
.af-category-hero.af-category-hero--editorial{position:relative;isolation:isolate;margin-top:76px;background:#f3f5f3;border-bottom:1px solid #e6eae6;overflow:hidden}
.af-category-hero--editorial:after{display:none}
.af-category-hero--editorial .af-category-hero__inner{position:relative;min-height:300px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:center;gap:0;padding-top:28px;padding-bottom:28px}
.af-category-hero--editorial .af-category-hero__copy{position:relative;z-index:2;padding:14px 0;max-width:570px}
.af-hero-breadcrumb{margin:0 0 22px;font-size:12px;color:#676f75}
.af-hero-breadcrumb ol{display:flex;align-items:center;flex-wrap:wrap;gap:7px 10px;margin:0;padding:0;list-style:none}
.af-hero-breadcrumb li{display:flex;align-items:center;gap:10px;min-width:0;overflow-wrap:anywhere}
.af-hero-breadcrumb li+li:before{content:'›';color:#a0a8ac;font-size:17px;line-height:1}
.af-hero-breadcrumb a{color:#606b72;text-decoration:none}
.af-hero-breadcrumb a:hover{text-decoration:underline;color:#ad1825}
.af-hero-breadcrumb strong{color:#b51d28;font-weight:700}
.af-category-hero--editorial .af-category-hero__copy h1{font-size:clamp(29px,3vw,42px);line-height:1.15;letter-spacing:-.025em;color:#242b2b;font-weight:750;margin:0 0 14px}
.af-category-hero--editorial .af-category-hero__copy p{font-size:15px;line-height:1.6;color:#4e5758;max-width:485px;margin:0}
.af-category-hero--editorial .af-category-hero__visual{position:relative;z-index:1;align-self:stretch;display:flex;align-items:center;justify-content:flex-end;min-width:0;min-height:250px;overflow:hidden;margin-left:-28px}
.af-category-hero--editorial .af-category-hero__visual img{width:100%;height:290px;object-fit:contain;object-position:center right;max-width:unset;display:block;filter:none;mix-blend-mode:multiply;-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 18%,black 93%,transparent 100%),linear-gradient(0deg,transparent 0%,black 14%,black 95%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,black 18%,black 93%,transparent 100%),linear-gradient(0deg,transparent 0%,black 14%,black 95%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}
/* The custom Bright Flush art is the actual photographed product, with transparent backdrop. */
.af-category-hero--brightflush{background:linear-gradient(100deg,#f3f5f3 0%,#f3f5f3 48%,#edf3ed 100%)}
.af-category-hero--brightflush .af-category-hero__visual img{mix-blend-mode:normal;-webkit-mask-image:none;mask-image:none;height:300px;width:110%;max-width:none;object-position:right center;filter:drop-shadow(0 17px 17px rgba(32,41,38,.12))}
.af-category-hero--editorial .af-category-hero__actions,.af-category-hero--editorial .af-category-hero__eyebrow{display:none!important}
.af-refined-catalog.corporate-page{padding-top:20px}
@media(max-width:991px){
 .af-category-hero.af-category-hero--editorial{margin-top:68px}
 .af-category-hero--editorial .af-category-hero__inner{min-height:250px}
 .af-category-hero--editorial .af-category-hero__visual img{height:250px}
}
@media(max-width:767px){
 .af-category-hero.af-category-hero--editorial{margin-top:66px}
 .af-category-hero--editorial .af-category-hero__inner{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0;padding-top:22px;padding-bottom:10px}
 .af-hero-breadcrumb{font-size:11px;margin-bottom:14px}
 .af-hero-breadcrumb ol{gap:5px 6px}
 .af-hero-breadcrumb li{gap:6px}
 .af-category-hero--editorial .af-category-hero__copy{padding:0;max-width:none}
 .af-category-hero--editorial .af-category-hero__copy h1{font-size:clamp(26px,7vw,34px);margin-bottom:9px}
 .af-category-hero--editorial .af-category-hero__copy p{font-size:14px;line-height:1.5}
 .af-category-hero--editorial .af-category-hero__visual{width:100%;min-height:0;height:175px;max-height:175px;margin:4px 0 0;justify-content:center}
 .af-category-hero--editorial .af-category-hero__visual img{height:170px;object-position:center}
 .af-category-hero--brightflush .af-category-hero__visual img{height:175px;width:100%;object-fit:contain}
 .af-refined-catalog.corporate-page{padding-top:16px}
}
@media(max-width:380px){.af-category-hero--editorial .af-category-hero__visual{height:145px}.af-category-hero--editorial .af-category-hero__visual img,.af-category-hero--brightflush .af-category-hero__visual img{height:145px}}