/* The approved category layout, with the existing direction colours. */
.c17-hero,.c17-custom{background:var(--category-accent,#dffc65)}
.c17-hero .f16-hero-art{background:var(--category-accent)}
.brand-zhohan .c17-hero h1{font-size:clamp(36px,4.2vw,64px)}
.c17-setting{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,80px);align-items:center;padding-top:0}
.c17-setting-art{background:#ede9e1;border-radius:20px;padding:28px;overflow:hidden}
.c17-setting-art img{width:100%;height:auto;display:block}
.brand-zhohan .c17-setting h2{font-size:clamp(32px,3.5vw,49px);line-height:1.12;letter-spacing:-.04em;margin:0 0 24px}
.brand-zhohan .c17-setting p{font-size:17px;line-height:1.75;color:#566051}
.c17-setting .e15-text-link{font-size:16px;margin-top:14px}
.c17-directions{padding-top:42px;padding-bottom:50px}
.c17-directions>div{display:flex;flex-wrap:wrap;gap:12px 25px}
.c17-directions a{display:inline-flex;align-items:center;gap:12px;font-size:15px;min-height:44px;border-bottom:1px solid #cbd3c5;transition:color .18s,border-color .18s}
.c17-directions a:hover{color:#204bff;border-color:#204bff}
.c17-directions svg{width:17px;height:17px;flex:none}
.v-reference img{object-fit:contain}
@media(max-width:1100px){.brand-zhohan .c17-hero h1{font-size:40px}}
@media(max-width:760px){.c17-setting{grid-template-columns:1fr;gap:28px}.c17-setting-art{padding:24px}.brand-zhohan .c17-hero h1{font-size:49px}.c17-setting-art img{max-height:350px;object-fit:contain}}
@media(max-width:600px){.brand-zhohan .c17-hero h1{font-size:40px}.c17-setting-art{border-radius:14px;padding:18px}.brand-zhohan .c17-setting h2{font-size:33px}.brand-zhohan .c17-setting p{font-size:16px}.c17-directions>div{display:grid;gap:0}.c17-directions a{justify-content:space-between;padding:12px 0}.c17-directions{padding-top:30px;padding-bottom:30px}}
@media(max-width:359px){.brand-zhohan .c17-hero h1{font-size:35px}}