.kl-hair-oil-ranking .kl-product-ranking__hero{background:radial-gradient(circle at 12% 10%,rgba(255,132,145,.16),transparent 34%),radial-gradient(circle at 88% 12%,rgba(89,169,255,.14),transparent 36%),#fff}
.kl-oil-categories{display:flex;gap:.55rem;overflow-x:auto;padding:.25rem .1rem 1rem;scrollbar-width:thin}
.kl-oil-categories a{flex:0 0 auto;padding:.62rem .9rem;border:1px solid rgba(120,128,150,.22);border-radius:999px;background:#fff;color:#28252b;text-decoration:none;font-weight:700;font-size:.86rem}
.kl-oil-categories a:hover,.kl-oil-categories a:focus-visible{border-color:#ef8799;box-shadow:0 8px 24px rgba(100,142,210,.13)}
.kl-oil-method{margin:1rem 0 1.5rem;padding:1.25rem;border:1px solid rgba(120,128,150,.14);border-radius:20px;background:linear-gradient(120deg,rgba(255,240,240,.75),rgba(239,247,255,.8))}
.kl-oil-method h2{margin:0 0 .45rem;font-size:1.15rem}.kl-oil-method p{margin:0;line-height:1.8}
.kl-oil-purpose-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-bottom:1.5rem}.kl-oil-purpose-grid section{scroll-margin-top:100px;padding:1rem;border:1px solid rgba(120,128,150,.14);border-radius:16px;background:#fff}.kl-oil-purpose-grid h2{margin:0 0 .35rem;font-size:1rem}.kl-oil-purpose-grid p{margin:0;color:#666;font-size:.88rem;line-height:1.65}
.kl-hair-oil-answer-summary{margin:24px 0;padding:18px 20px;border:1px solid rgba(105,123,160,.16);border-radius:18px;background:linear-gradient(120deg,rgba(255,235,232,.82),rgba(235,245,255,.86));box-shadow:0 10px 28px rgba(80,95,130,.08)}.kl-hair-oil-answer-summary strong{display:block;margin-bottom:8px;color:#965f57;font-size:.78rem;letter-spacing:.09em}.kl-hair-oil-answer-summary ul{margin:0;padding-left:1.25rem}.kl-hair-oil-answer-summary li{margin:.35rem 0;line-height:1.7}.kl-hair-oil-search-answers{margin:clamp(32px,6vw,64px) 0;padding:clamp(22px,4vw,36px);border:1px solid rgba(120,128,150,.16);border-radius:24px;background:linear-gradient(125deg,rgba(255,240,240,.72),rgba(240,248,255,.8))}.kl-hair-oil-search-answers h2{margin-top:0}.kl-hair-oil-search-answers h3{margin:1.35rem 0 .35rem;font-size:1.05rem}.kl-hair-oil-search-answers p{margin:0;line-height:1.9}
.kl-oil-family{margin:clamp(28px,5vw,52px) 0;padding:clamp(20px,4vw,34px);border:1px solid rgba(120,128,150,.14);border-radius:24px;background:linear-gradient(125deg,rgba(255,241,241,.82),rgba(240,248,255,.88))}.kl-oil-family__eyebrow{margin:0 0 .35rem;background:linear-gradient(90deg,#ee7f91,#5ca8ed);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:.78rem;font-weight:800;letter-spacing:.14em}.kl-oil-family h2{margin:0;font-size:clamp(1.35rem,3vw,1.8rem)}.kl-oil-family__lead{margin:.55rem 0 1.25rem;color:#5d5b62;line-height:1.75}.kl-oil-family__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.kl-oil-family__card{padding:1rem;border:1px solid rgba(120,128,150,.13);border-radius:17px;background:rgba(255,255,255,.92);box-shadow:0 10px 28px rgba(66,83,110,.07)}.kl-oil-family__card p{display:inline-block;margin:0 0 .45rem;padding:.22rem .52rem;border-radius:999px;background:#f5f2f6;color:#795f78;font-size:.72rem;font-weight:800}.kl-oil-family__card h3{margin:0 0 .55rem;font-size:1rem}.kl-oil-family__card strong,.kl-oil-family__card span{display:block}.kl-oil-family__card strong{margin-bottom:.45rem;color:#302c35;line-height:1.55}.kl-oil-family__card span{color:#6c6871;font-size:.84rem;line-height:1.65}.kl-oil-family__note{margin:1rem 0 0;color:#686b74;font-size:.88rem;line-height:1.75}
@media(max-width:600px){.kl-oil-categories{margin-inline:-.5rem;padding-inline:.5rem}.kl-oil-method{padding:1rem}.kl-oil-purpose-grid{grid-template-columns:1fr 1fr}.kl-hair-oil-ranking .kl-product-ranking-card__body>a{display:block;margin-top:.65rem;text-align:center}.kl-oil-family{padding:1rem}.kl-oil-family__grid{grid-template-columns:1fr}.kl-oil-family__card{padding:.9rem}}