/* Original AI-generated, unbranded clothing still-life visuals for the category hubs. */
.page-hero.age-hub-hero { background: linear-gradient(90deg, rgba(27, 30, 30, .82), rgba(27, 30, 30, .22)), url("generated/age-hub-ai.jpg") center / cover no-repeat; }
.age-photo { background-image: url("generated/age-hub-ai.jpg"); }
.page-hero.style-hub-hero { background: linear-gradient(90deg, rgba(27, 30, 30, .82), rgba(27, 30, 30, .22)), url("generated/style-hub-ai.jpg") center / cover no-repeat; }
.style-photo { background-image: url("generated/style-hub-ai.jpg"); }
.page-hero.item-hub-hero { background: linear-gradient(90deg, rgba(27, 30, 30, .82), rgba(27, 30, 30, .22)), url("generated/item-hub-ai.jpg") center / cover no-repeat; }
.item-photo { background-image: url("generated/item-hub-ai.jpg"); }
.page-hero.body-hub-hero { background: linear-gradient(90deg, rgba(27, 30, 30, .82), rgba(27, 30, 30, .22)), url("generated/body-hub-ai.jpg") center / cover no-repeat; }
.body-photo { background-image: url("generated/body-hub-ai.jpg"); }
.page-hero.knowledge-hub-hero { background: linear-gradient(90deg, rgba(27, 30, 30, .82), rgba(27, 30, 30, .22)), url("generated/knowledge-hub-ai.jpg") center / cover no-repeat; }
.page-hero.article-hero { background: linear-gradient(90deg, rgba(27, 30, 30, .78), rgba(27, 30, 30, .18)), url("styling-consultation.jpg") center / cover no-repeat; }
.finder-result { background: linear-gradient(135deg, rgba(30, 35, 35, .9), rgba(66, 93, 121, .72)), url("generated/finder-result-ai.jpg") center / cover; }

.knowledge-photo,
.knowledge-detail-photo { min-height: 430px; border: 1px solid var(--line); border-radius: var(--radius); background-color: var(--surface-2); background-position: center; background-size: cover; box-shadow: var(--shadow); }
.knowledge-photo { background-image: url("generated/knowledge-hub-ai.jpg"); }

.page-hero.age-20-hero { background: linear-gradient(90deg, rgba(27,30,30,.84), rgba(27,30,30,.18)), url("generated/age-20-hero-ai.jpg") center / cover no-repeat; }
.page-hero.age-25-hero { background: linear-gradient(90deg, rgba(27,30,30,.84), rgba(27,30,30,.18)), url("generated/age-25-hero-ai.jpg") center / cover no-repeat; }
.page-hero.age-30-hero { background: linear-gradient(90deg, rgba(27,30,30,.84), rgba(27,30,30,.18)), url("generated/age-30-hero-ai.jpg") center / cover no-repeat; }
.page-hero.age-35-hero { background: linear-gradient(90deg, rgba(27,30,30,.84), rgba(27,30,30,.18)), url("generated/age-35-hero-ai.jpg") center / cover no-repeat; }
.page-hero.age-40-hero { background: linear-gradient(90deg, rgba(27,30,30,.84), rgba(27,30,30,.18)), url("generated/age-40-hero-ai.jpg") center / cover no-repeat; }
.page-hero.age-50-hero { background: linear-gradient(90deg, rgba(27,30,30,.84), rgba(27,30,30,.18)), url("generated/age-50-hero-ai.jpg") center / cover no-repeat; }
.age-detail-20-photo { background-image: url("generated/age-20-card-ai.jpg"); }.age-detail-25-photo { background-image: url("generated/age-25-card-ai.jpg"); }.age-detail-30-photo { background-image: url("generated/age-30-card-ai.jpg"); }.age-detail-35-photo { background-image: url("generated/age-35-card-ai.jpg"); }.age-detail-40-photo { background-image: url("generated/age-40-card-ai.jpg"); }.age-detail-50-photo { background-image: url("generated/age-50-card-ai.jpg"); }

.page-hero.style-french-hero { background: linear-gradient(90deg, rgba(27,30,30,.84), rgba(27,30,30,.18)), url("generated/style-french-hero-ai.jpg") center / cover no-repeat; }.style-detail-french-photo { background-image: url("generated/style-french-card-ai.jpg"); }
.page-hero.style-korean-hero { background: linear-gradient(90deg, rgba(27,30,30,.84), rgba(27,30,30,.18)), url("generated/style-korean-hero-ai.jpg") center / cover no-repeat; }.style-detail-korean-photo { background-image: url("generated/style-korean-card-ai.jpg"); }
.page-hero.style-minimal-hero { background: linear-gradient(90deg, rgba(27,30,30,.84), rgba(27,30,30,.18)), url("generated/style-minimal-hero-ai.jpg") center / cover no-repeat; }.style-detail-minimal-photo { background-image: url("generated/style-minimal-card-ai.jpg"); }
.page-hero.style-new-chinese-hero { background: linear-gradient(90deg, rgba(27,30,30,.84), rgba(27,30,30,.18)), url("generated/style-new-chinese-hero-ai.jpg") center / cover no-repeat; }.style-detail-new-chinese-photo { background-image: url("generated/style-new-chinese-card-ai.jpg"); }
.page-hero.style-light-mature-hero { background: linear-gradient(90deg, rgba(27,30,30,.84), rgba(27,30,30,.18)), url("generated/style-light-mature-hero-ai.jpg") center / cover no-repeat; }.style-detail-light-mature-photo { background-image: url("generated/style-light-mature-card-ai.jpg"); }
.page-hero.style-soft-hero { background: linear-gradient(90deg, rgba(27,30,30,.84), rgba(27,30,30,.18)), url("generated/style-soft-hero-ai.jpg") center / cover no-repeat; }.style-detail-soft-photo { background-image: url("generated/style-soft-card-ai.jpg"); }
.page-hero.style-premium-hero { background: linear-gradient(90deg, rgba(27,30,30,.84), rgba(27,30,30,.18)), url("generated/style-premium-hero-ai.jpg") center / cover no-repeat; }.style-detail-premium-photo { background-image: url("generated/style-premium-card-ai.jpg"); }
.page-hero.style-old-money-hero { background: linear-gradient(90deg, rgba(27,30,30,.84), rgba(27,30,30,.18)), url("generated/style-old-money-hero-ai.jpg") center / cover no-repeat; }.style-detail-old-money-photo { background-image: url("generated/style-old-money-card-ai.jpg"); }
.page-hero.style-preppy-hero { background: linear-gradient(90deg, rgba(27,30,30,.84), rgba(27,30,30,.18)), url("generated/style-preppy-hero-ai.jpg") center / cover no-repeat; }.style-detail-preppy-photo { background-image: url("generated/style-preppy-card-ai.jpg"); }
.page-hero.style-salt-hero { background: linear-gradient(90deg, rgba(27,30,30,.84), rgba(27,30,30,.18)), url("generated/style-salt-hero-ai.jpg") center / cover no-repeat; }.style-detail-salt-photo { background-image: url("generated/style-salt-card-ai.jpg"); }
.page-hero.style-retro-hero { background: linear-gradient(90deg, rgba(27,30,30,.84), rgba(27,30,30,.18)), url("generated/style-retro-hero-ai.jpg") center / cover no-repeat; }.style-detail-retro-photo { background-image: url("generated/style-retro-card-ai.jpg"); }
.page-hero.style-athleisure-hero { background: linear-gradient(90deg, rgba(27,30,30,.84), rgba(27,30,30,.18)), url("generated/style-athleisure-hero-ai.jpg") center / cover no-repeat; }.style-detail-athleisure-photo { background-image: url("generated/style-athleisure-card-ai.jpg"); }
.page-hero.style-sweet-cool-hero { background: linear-gradient(90deg, rgba(27,30,30,.84), rgba(27,30,30,.18)), url("generated/style-sweet-cool-hero-ai.jpg") center / cover no-repeat; }.style-detail-sweet-cool-photo { background-image: url("generated/style-sweet-cool-card-ai.jpg"); }
.page-hero.style-dopamine-hero { background: linear-gradient(90deg, rgba(27,30,30,.84), rgba(27,30,30,.18)), url("generated/style-dopamine-hero-ai.jpg") center / cover no-repeat; }.style-detail-dopamine-photo { background-image: url("generated/style-dopamine-card-ai.jpg"); }
.page-hero.style-hot-girl-hero { background: linear-gradient(90deg, rgba(27,30,30,.84), rgba(27,30,30,.18)), url("generated/style-hot-girl-hero-ai.jpg") center / cover no-repeat; }.style-detail-hot-girl-photo { background-image: url("generated/style-hot-girl-card-ai.jpg"); }

.page-hero.knowledge-color-hero { background: linear-gradient(90deg, rgba(27,30,30,.84), rgba(27,30,30,.18)), url("generated/knowledge-color-hero-ai.jpg") center / cover no-repeat; }.knowledge-color-photo { background-image: url("generated/knowledge-color-card-ai.jpg"); }
.page-hero.knowledge-size-hero { background: linear-gradient(90deg, rgba(27,30,30,.84), rgba(27,30,30,.18)), url("generated/knowledge-size-hero-ai.jpg") center / cover no-repeat; }.knowledge-size-photo { background-image: url("generated/knowledge-size-card-ai.jpg"); }
.page-hero.knowledge-fit-hero { background: linear-gradient(90deg, rgba(27,30,30,.84), rgba(27,30,30,.18)), url("generated/knowledge-fit-hero-ai.jpg") center / cover no-repeat; }.knowledge-fit-photo { background-image: url("generated/knowledge-fit-card-ai.jpg"); }
.page-hero.knowledge-fabric-hero { background: linear-gradient(90deg, rgba(27,30,30,.84), rgba(27,30,30,.18)), url("generated/knowledge-fabric-hero-ai.jpg") center / cover no-repeat; }.knowledge-fabric-photo { background-image: url("generated/knowledge-fabric-card-ai.jpg"); }
.page-hero.knowledge-care-hero { background: linear-gradient(90deg, rgba(27,30,30,.84), rgba(27,30,30,.18)), url("generated/knowledge-care-hero-ai.jpg") center / cover no-repeat; }.knowledge-care-photo { background-image: url("generated/knowledge-care-card-ai.jpg"); }
.page-hero.knowledge-shopping-hero { background: linear-gradient(90deg, rgba(27,30,30,.84), rgba(27,30,30,.18)), url("generated/knowledge-shopping-hero-ai.jpg") center / cover no-repeat; }.knowledge-shopping-photo { background-image: url("generated/knowledge-shopping-card-ai.jpg"); }

.page-hero.item-tshirt-hero { background: linear-gradient(90deg, rgba(27,30,30,.84), rgba(27,30,30,.18)), url("generated/item-tshirt-hero-ai.jpg") center / cover no-repeat; }.item-detail-tshirt-photo { background-image: url("generated/item-tshirt-card-ai.jpg"); }
.page-hero.item-blazer-hero { background: linear-gradient(90deg, rgba(27,30,30,.84), rgba(27,30,30,.18)), url("generated/item-blazer-hero-ai.jpg") center / cover no-repeat; }.item-detail-blazer-photo { background-image: url("generated/item-blazer-card-ai.jpg"); }
.page-hero.item-trench-hero { background: linear-gradient(90deg, rgba(27,30,30,.84), rgba(27,30,30,.18)), url("generated/item-trench-hero-ai.jpg") center / cover no-repeat; }.item-detail-trench-photo { background-image: url("generated/item-trench-card-ai.jpg"); }
.page-hero.item-jeans-hero { background: linear-gradient(90deg, rgba(27,30,30,.84), rgba(27,30,30,.18)), url("generated/item-jeans-hero-ai.jpg") center / cover no-repeat; }.item-detail-jeans-photo { background-image: url("generated/item-jeans-card-ai.jpg"); }
.page-hero.item-wide-leg-hero { background: linear-gradient(90deg, rgba(27,30,30,.84), rgba(27,30,30,.18)), url("generated/item-wide-leg-hero-ai.jpg") center / cover no-repeat; }.item-detail-wide-leg-photo { background-image: url("generated/item-wide-leg-card-ai.jpg"); }
.page-hero.item-skirt-hero { background: linear-gradient(90deg, rgba(27,30,30,.84), rgba(27,30,30,.18)), url("generated/item-skirt-hero-ai.jpg") center / cover no-repeat; }.item-detail-skirt-photo { background-image: url("generated/item-skirt-card-ai.jpg"); }
.page-hero.item-dress-hero { background: linear-gradient(90deg, rgba(27,30,30,.84), rgba(27,30,30,.18)), url("generated/item-dress-hero-ai.jpg") center / cover no-repeat; }.item-detail-dress-photo { background-image: url("generated/item-dress-card-ai.jpg"); }
.page-hero.item-knitwear-hero { background: linear-gradient(90deg, rgba(27,30,30,.84), rgba(27,30,30,.18)), url("generated/item-knitwear-hero-ai.jpg") center / cover no-repeat; }.item-detail-knitwear-photo { background-image: url("generated/item-knitwear-card-ai.jpg"); }
.page-hero.item-shoes-bags-hero { background: linear-gradient(90deg, rgba(27,30,30,.84), rgba(27,30,30,.18)), url("generated/item-shoes-bags-hero-ai.jpg") center / cover no-repeat; }.item-detail-shoes-bags-photo { background-image: url("generated/item-shoes-bags-card-ai.jpg"); }
.page-hero.item-cardigan-hero { background: linear-gradient(90deg, rgba(27,30,30,.84), rgba(27,30,30,.18)), url("generated/item-cardigan-hero-ai.jpg") center / cover no-repeat; }.item-detail-cardigan-photo { background-image: url("generated/item-cardigan-card-ai.jpg"); }
.page-hero.item-coat-hero { background: linear-gradient(90deg, rgba(27,30,30,.84), rgba(27,30,30,.18)), url("generated/item-coat-hero-ai.jpg") center / cover no-repeat; }.item-detail-coat-photo { background-image: url("generated/item-coat-card-ai.jpg"); }
.page-hero.item-down-hero { background: linear-gradient(90deg, rgba(27,30,30,.84), rgba(27,30,30,.18)), url("generated/item-down-hero-ai.jpg") center / cover no-repeat; }.item-detail-down-photo { background-image: url("generated/item-down-card-ai.jpg"); }
.page-hero.item-shirt-hero { background: linear-gradient(90deg, rgba(27,30,30,.84), rgba(27,30,30,.18)), url("generated/item-shirt-hero-ai.jpg") center / cover no-repeat; }.item-detail-shirt-photo { background-image: url("generated/item-shirt-card-ai.jpg"); }
.page-hero.item-suit-pants-hero { background: linear-gradient(90deg, rgba(27,30,30,.84), rgba(27,30,30,.18)), url("generated/item-suit-pants-hero-ai.jpg") center / cover no-repeat; }.item-detail-suit-pants-photo { background-image: url("generated/item-suit-pants-card-ai.jpg"); }
.page-hero.item-straight-pants-hero { background: linear-gradient(90deg, rgba(27,30,30,.84), rgba(27,30,30,.18)), url("generated/item-straight-pants-hero-ai.jpg") center / cover no-repeat; }.item-detail-straight-pants-photo { background-image: url("generated/item-straight-pants-card-ai.jpg"); }
.page-hero.item-loafers-hero { background: linear-gradient(90deg, rgba(27,30,30,.84), rgba(27,30,30,.18)), url("generated/item-loafers-hero-ai.jpg") center / cover no-repeat; }.item-detail-loafers-photo { background-image: url("generated/item-loafers-card-ai.jpg"); }
.page-hero.item-ankle-boots-hero { background: linear-gradient(90deg, rgba(27,30,30,.84), rgba(27,30,30,.18)), url("generated/item-ankle-boots-hero-ai.jpg") center / cover no-repeat; }.item-detail-ankle-boots-photo { background-image: url("generated/item-ankle-boots-card-ai.jpg"); }
.page-hero.item-wardrobe-hero { background: linear-gradient(90deg, rgba(27,30,30,.84), rgba(27,30,30,.18)), url("generated/item-wardrobe-hero-ai.jpg") center / cover no-repeat; }.item-photo.item-wardrobe-photo { background-image: url("generated/item-wardrobe-card-ai.jpg"); }

.page-hero.body-petite-hero { background: linear-gradient(90deg, rgba(27,30,30,.84), rgba(27,30,30,.18)), url("generated/body-petite-hero-ai.jpg") center / cover no-repeat; }.body-detail-petite-photo { background-image: url("generated/body-petite-card-ai.jpg"); }
.page-hero.body-plus-hero { background: linear-gradient(90deg, rgba(27,30,30,.84), rgba(27,30,30,.18)), url("generated/body-plus-hero-ai.jpg") center / cover no-repeat; }.body-detail-plus-photo { background-image: url("generated/body-plus-card-ai.jpg"); }
.page-hero.body-pear-hero { background: linear-gradient(90deg, rgba(27,30,30,.84), rgba(27,30,30,.18)), url("generated/body-pear-hero-ai.jpg") center / cover no-repeat; }.body-detail-pear-photo { background-image: url("generated/body-pear-card-ai.jpg"); }
.page-hero.body-apple-hero { background: linear-gradient(90deg, rgba(27,30,30,.84), rgba(27,30,30,.18)), url("generated/body-apple-hero-ai.jpg") center / cover no-repeat; }.body-detail-apple-photo { background-image: url("generated/body-apple-card-ai.jpg"); }
.page-hero.body-belly-hero { background: linear-gradient(90deg, rgba(27,30,30,.84), rgba(27,30,30,.18)), url("generated/body-belly-hero-ai.jpg") center / cover no-repeat; }.body-detail-belly-photo { background-image: url("generated/body-belly-card-ai.jpg"); }
.page-hero.body-shoulder-hero { background: linear-gradient(90deg, rgba(27,30,30,.84), rgba(27,30,30,.18)), url("generated/body-shoulder-hero-ai.jpg") center / cover no-repeat; }.body-detail-shoulder-photo { background-image: url("generated/body-shoulder-card-ai.jpg"); }
.page-hero.body-bust-hero { background: linear-gradient(90deg, rgba(27,30,30,.84), rgba(27,30,30,.18)), url("generated/body-bust-hero-ai.jpg") center / cover no-repeat; }.body-detail-bust-photo { background-image: url("generated/body-bust-card-ai.jpg"); }
.page-hero.body-arm-hero { background: linear-gradient(90deg, rgba(27,30,30,.84), rgba(27,30,30,.18)), url("generated/body-arm-hero-ai.jpg") center / cover no-repeat; }.body-photo.body-arm-photo { background-image: url("generated/body-arm-card-ai.jpg"); }
.page-hero.body-legs-hero { background: linear-gradient(90deg, rgba(27,30,30,.84), rgba(27,30,30,.18)), url("generated/body-legs-hero-ai.jpg") center / cover no-repeat; }.body-photo.body-legs-photo { background-image: url("generated/body-legs-card-ai.jpg"); }
.page-hero.body-curvy-hero { background: linear-gradient(90deg, rgba(27,30,30,.84), rgba(27,30,30,.18)), url("generated/body-curvy-hero-ai.jpg") center / cover no-repeat; }.body-detail-curvy-photo { background-image: url("generated/body-curvy-card-ai.jpg"); }