/* LOFTILYHAWKER SKINCARE — app-only styles (sub-nav, home entry cards). */
#v-skincare{min-height:70vh;padding-bottom:28px}
.skx-nav{position:sticky;top:calc(var(--bar-h,60px) + var(--safe-top,0px));z-index:20;background:#F7F3EC;border-bottom:1px solid var(--line,#DED5C4)}
.skx-nav-in{display:flex;gap:8px;overflow-x:auto;padding:10px clamp(16px,4.5vw,56px);scrollbar-width:none;max-width:1180px;margin:0 auto}
.skx-nav-in::-webkit-scrollbar{display:none}
.skx-nav a{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border:1px solid var(--line,#DED5C4);border-radius:999px;
  background:#fff;font-size:.84rem;text-decoration:none;color:var(--ink,#0E0E0D);white-space:nowrap}
.skx-nav a[aria-current]{background:var(--ink,#0E0E0D);border-color:var(--ink,#0E0E0D);color:#fff}
.skx-n{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--brass,#B8975A);color:var(--ink,#0E0E0D);font-size:.7rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.skx-body{padding-top:22px}
.skx-hero{padding:18px 0 30px}
.skx-hero h1{font-size:clamp(2.2rem,9vw,3.6rem)}
.skx-sec{padding:26px 0;border-top:1px solid var(--line,#DED5C4)}
.skx-sec .sk-h2{font-size:1.5rem;margin:0 0 14px}
.skx-biz-sec{padding-bottom:8px}
.skx-biz{display:grid;gap:12px;margin-top:14px}
.skx-biz-card{display:grid;gap:6px;padding:20px;background:var(--graphite,#1B1B19);color:#fff;text-decoration:none;border:1px solid var(--graphite,#1B1B19);border-radius:var(--r-lg,8px)}
.skx-biz-card .k{font-family:var(--mono);font-size:.64rem;letter-spacing:.24em;color:var(--brass,#B8975A)}
.skx-biz-card b{font-family:var(--display);font-weight:600;font-size:1.6rem;line-height:1.1}
.skx-biz-card span{font-size:.92rem;color:#D7D1C4}
.skx-biz-card em{font-style:normal;font-weight:700;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;margin-top:6px;color:var(--brass-lt,#D8BE84)}
.skx-biz-card.sk{background:#F7F3EC;color:var(--ink,#0E0E0D);border-color:var(--line,#DED5C4)}
.skx-biz-card.sk span{color:var(--slate,#6E6659)}
.skx-biz-card.sk em{color:var(--ink,#0E0E0D)}
.skx-dots{display:flex !important;gap:4px;margin-top:4px}
.skx-dots i{display:block;width:22px;height:5px}
@media (min-width:760px){.skx-biz{grid-template-columns:1fr 1fr}}

/* featured serum advert on Home */
.skx-feature{display:grid;gap:16px;margin-top:14px;padding:14px;background:#F7F3EC;border:1px solid var(--line,#DED5C4);border-radius:var(--r-lg,8px)}
.skx-ad{display:block;border-radius:4px;overflow:hidden}
.skx-ad img{width:100%;height:auto;display:block}
.skx-f-tx{display:grid;gap:6px;align-content:center}
.skx-f-tx .k{font-family:var(--mono);font-size:.64rem;letter-spacing:.2em;color:var(--slate,#6E6659);text-transform:uppercase}
.skx-f-tx b{font-family:var(--display);font-weight:600;font-size:2rem;line-height:1.05}
.skx-f-ing{font-family:var(--display);font-style:italic;font-size:1.05rem}
.skx-f-tx>span{color:var(--slate,#6E6659)}
.skx-f-price{margin:4px 0 0}
.skx-f-price b{font-family:var(--body);font-size:1.3rem}
.skx-f-price s{color:var(--slate,#6E6659);font-size:.85rem;margin-left:6px}
.skx-f-price span{display:block;font-size:.76rem;color:var(--slate,#6E6659)}
.skx-f-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
@media (min-width:760px){.skx-feature{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:32px;padding:20px}.skx-ad{max-width:440px}}