.mobile-search,
.site-nav .sub-menu {
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.n-hero-visual:hover img,
.n-home-article-card:hover .n-home-article-card__media img,
.n-home-pick-card:hover .n-home-pick-card__media img,
.n-home-trending-card:hover .n-home-trending-card__media img,
.n-home-update-item:hover .n-home-update-item__media img,
.n-product-archive-updated-card:hover .n-product-archive-updated-card__media img,
.n-product-card:hover .n-product-card__media img,
.n-product-related-card:hover .n-product-related-card__media img {
    transform: scale(1.04)
}

@font-face {
    font-family: Canela;
    src: url("../font/Canela-Regular.woff2") format("woff2"), url("../font/Canela-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Canela;
    src: url("../font/Canela-Medium.woff2") format("woff2"), url("../font/Canela-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Canela;
    src: url("../font/Canela-BoldItalic.woff2") format("woff2"), url("../font/Canela-BoldItalic.woff") format("woff");
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

/* @font-face{
    font-family:"Plus Jakarta Sans";
    src:url("../font/Plus-Jakarta-Sans.woff2") format("woff2"),url("../font/Plus-Jakarta-Sans.woff") format("woff");
    font-weight:300 800;
    font-style:normal;
    font-display:swap
} */
@font-face {
    font-family: "Plus Jakarta Sans";
    src: url("../font/Plus-Jakarta-Sans.woff2") format("woff2"), url("../font/Plus-Jakarta-Sans.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Plus Jakarta Sans";
    src: url("../font/Plus-Jakarta-Sans-Medium.woff2") format("woff2"), url("../font/Plus-Jakarta-Sans-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Plus Jakarta Sans";
    src: url("../font/Plus-Jakarta-Sans-Bold.woff2") format("woff2"), url("../font/Plus-Jakarta-Sans-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Sans;
    src: url("../font/Sans.woff") format("woff");
    font-weight: 400 700;
    font-style: normal;
    font-display: swap
}

:root {
    --primary: #924753;
    --primary-strong: #75303c;
    --primary-soft: #e48a96;
    --primary-fixed: #ffd9dc;
    --on-primary: #ffffff;
    --on-primary-fixed: #3d0413;
    --on-primary-fixed-variant: #75303c;
    --secondary: #7b5258;
    --surface: #fbf9f4;
    --surface-container: #f0eee9;
    --surface-container-high: #eae8e3;
    --surface-container-highest: #e4e2dd;
    --surface-container-low: #f5f3ee;
    --surface-container-lowest: #ffffff;
    --on-surface: #1b1c19;
    --on-surface-variant: #534344;
    --outline-variant: #d8c1c2;
    --border-soft: rgba(216, 193, 194, 0.28);
    --shadow-soft: 0 18px 42px rgba(27, 28, 25, 0.08);
    --shadow-card: 0 10px 30px rgba(27, 28, 25, 0.08);
    --radius-sm: 0.875rem;
    --radius-md: 1.25rem;
    --radius-lg: 1.75rem;
    --radius-pill: 999px;
    --site-max-width: 120rem;
    --content-max-width: 68rem;
    --container-inline: clamp(1.25rem, 3vw, 3rem);
    --section-space: clamp(3rem, 7vw, 6rem);
    --section-space-tight: clamp(2rem, 4vw, 2rem);
    --header-height: 50px;
    --font-body: "Plus Jakarta Sans", sans-serif;
    --font-headline: "Canela", Georgia, serif;
    --font-logo: "Canela", Georgia, serif;
    --font-menu: "Plus Jakarta Sans", sans-serif;
    --font-button: "Sans", "Plus Jakarta Sans", sans-serif;
    --font-heading-alt: "Sans", "Plus Jakarta Sans", sans-serif
}

*,
::after,
::before {
    box-sizing: border-box
}

html {
    font-size: 16px;
    scroll-behavior: smooth
}

body {
    margin: 0;
    background: var(--surface);
    color: var(--on-surface);
    font-family: var(--font-body);
    overflow-x: hidden
}

img {
    display: block;
    max-width: 100%
}

a {
    color: inherit;
    text-decoration: none
}

button,
input,
select,
textarea {
    font: inherit
}

button {
    font-family: var(--font-button);
    cursor: pointer
}

.font-headline,
.serif,
h1,
h2 {
    font-family: var(--font-headline)
}

.font-body,
.font-label,
.site-nav .sub-menu a,
.site-nav-mobile .sub-menu a {
    font-family: var(--font-body)
}

h3,
h4,
h5,
h6 {
    font-family: var(--font-heading-alt)
}

.italic {
    font-style: italic
}

.site-nav a:hover,
.site-nav-mobile .menu-item.current-menu-ancestor>a,
.site-nav-mobile .menu-item.current-menu-item>a,
.site-nav-mobile .sub-menu .current-menu-item>a,
.site-nav-mobile a:hover,
.site-nav>.current-menu-ancestor>.site-nav__link,
.site-nav>.current-menu-item>.site-nav__link,
.site-nav>.current-menu-parent>.site-nav__link,
.site-nav__link:hover,
.text-primary {
    color: var(--primary)
}

.nailly-design-card {
    margin-bottom: 20px
}

.review-product-card__cta {
    color: #fff !important
}

.n-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    flex: 0 0 auto;
    vertical-align: middle;
    background-color: currentColor;
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain
}

.n-icon--add {
    mask-image: url("../images/add.svg");
    -webkit-mask-image: url("../images/add.svg")
}

.n-icon--remove {
    mask-image: url("../images/remove.svg");
    -webkit-mask-image: url("../images/remove.svg")
}

.n-icon--south {
    mask-image: url("../images/south.svg");
    -webkit-mask-image: url("../images/south.svg")
}

.n-icon--auto_awesome {
    mask-image: url("../images/auto_awesome.svg");
    -webkit-mask-image: url("../images/auto_awesome.svg")
}

.n-icon--arrow_forward {
    mask-image: url("../images/arrow_forward.svg");
    -webkit-mask-image: url("../images/arrow_forward.svg")
}

.n-icon--arrow_back {
    mask-image: url("../images/arrow_back.svg");
    -webkit-mask-image: url("../images/arrow_back.svg")
}

.n-icon--search_off {
    mask-image: url("../images/search_off.svg");
    -webkit-mask-image: url("../images/search_off.svg")
}

.n-icon--image {
    mask-image: url("../images/image.svg");
    -webkit-mask-image: url("../images/image.svg")
}

.n-icon--north_east {
    mask-image: url("../images/north_east.svg");
    -webkit-mask-image: url("../images/north_east.svg")
}

.n-icon--inventory_2 {
    mask-image: url("../images/inventory_2.svg");
    -webkit-mask-image: url("../images/inventory_2.svg")
}

.n-icon--close {
    mask-image: url("../images/close.svg");
    -webkit-mask-image: url("../images/close.svg")
}

.n-icon--menu {
    mask-image: url("../images/menu.svg");
    -webkit-mask-image: url("../images/menu.svg")
}

.n-icon--explore {
    mask-image: url("../images/explore.svg");
    -webkit-mask-image: url("../images/explore.svg")
}

.n-icon--expand_more {
    mask-image: url("../images/expand_more.svg");
    -webkit-mask-image: url("../images/expand_more.svg")
}

.n-icon--format_list_bulleted {
    mask-image: url("../images/format_list_bulleted.svg");
    -webkit-mask-image: url("../images/format_list_bulleted.svg")
}

.n-icon--star {
    mask-image: url("../images/star.svg");
    -webkit-mask-image: url("../images/star.svg")
}

.n-icon--article {
    mask-image: url("../images/article.svg");
    -webkit-mask-image: url("../images/article.svg")
}

.n-icon--favorite {
    mask-image: url("../images/favorite.svg");
    -webkit-mask-image: url("../images/favorite.svg")
}

.n-icon--shopping_cart {
    mask-image: url("../images/shopping_cart.svg");
    -webkit-mask-image: url("../images/shopping_cart.svg")
}

.n-icon--shopping_bag {
    mask-image: url("../images/shopping_bag.svg");
    -webkit-mask-image: url("../images/shopping_bag.svg")
}

.n-icon--chevron_left {
    mask-image: url("../images/chevron_left.svg");
    -webkit-mask-image: url("../images/chevron_left.svg")
}

.n-icon--chevron_right {
    mask-image: url("../images/chevron_right.svg");
    -webkit-mask-image: url("../images/chevron_right.svg")
}

.n-icon--content_copy {
    mask-image: url("../images/content_copy.svg");
    -webkit-mask-image: url("../images/content_copy.svg")
}

.n-icon--search {
    mask-image: url("../images/search.svg");
    -webkit-mask-image: url("../images/search.svg")
}

.n-icon--share {
    mask-image: url("../images/share.svg");
    -webkit-mask-image: url("../images/share.svg")
}

.n-icon--mail {
    mask-image: url("../images/mail.svg");
    -webkit-mask-image: url("../images/mail.svg")
}

.n-icon--photo_camera {
    mask-image: url("../images/photo_camera.svg");
    -webkit-mask-image: url("../images/photo_camera.svg")
}

.n-icon--bookmark {
    mask-image: url("../images/bookmark.svg");
    -webkit-mask-image: url("../images/bookmark.svg")
}

.n-icon--brush {
    mask-image: url("../images/brush.svg");
    -webkit-mask-image: url("../images/brush.svg")
}

.site-main {
    /* padding-top:var(--header-height) */
    padding-top: 20px;
}

.site-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 50;
    overflow: visible;
    border-bottom: 1px solid rgba(216, 193, 194, .28);
    background: rgba(255, 255, 255, .82);
    backdrop-filter: blur(20px)
}

.n-home-hero,
body.home .site-main {
    padding-top: 0
}

body.home .site-header {
    border-bottom-color: transparent;
    background: rgba(243, 236, 228, .88);
    box-shadow: none;
    backdrop-filter: blur(18px)
}

body.home .site-header__brand,
body.home .site-header__brand a,
body.home .site-nav a,
body.home .site-nav__link {
    color: #7d3f4a
}

body.home .site-header__icon-button {
    background: rgba(125, 63, 74, .08);
    color: #2a1e1e
}

.n-footer__inner,
.n-section__inner,
.site-container,
.site-header__inner {
    width: min(100%, var(--site-max-width));
    margin-inline: auto;
    padding-inline: var(--container-inline)
}

.n-page-hero__desktop,
.n-toc__content.is-collapsed-mobile,
.site-footer__subscribe,
.site-header__desktop {
    display: none
}

.site-header__mobile {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: var(--header-height)
}

.site-header__brand,
.site-header__brand a {
    color: var(--primary);
    font-family: var(--font-logo);
    font-size: clamp(1.85rem, 2.6vw, 2.2rem);
    font-style: normal;
    font-weight: 500;
    letter-spacing: -.025em;
    line-height: .95;
    text-rendering: optimizeLegibility
}

.site-nav,
.site-nav-mobile {
    font-family: var(--font-menu);
    margin: 0;
    font-style: normal;
    font-weight: 500;
    list-style: none
}

.site-header__brand img {
    width: auto;
    max-height: 3rem
}

.site-header__actions {
    display: flex;
    align-items: center;
    gap: 1rem
}

.site-header__icon-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 217, 220, .3);
    color: var(--primary);
    cursor: pointer;
    transition: background .25s, color .25s, transform .25s
}

.site-header__icon-button:focus-visible,
.site-header__icon-button:hover {
    background: rgba(255, 217, 220, .65);
    outline: 0
}

.mobile-search__close .n-icon,
.mobile-search__submit .n-icon,
.site-header__icon-button .n-icon {
    font-size: 1.35rem
}

.site-nav {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding: 0;
    letter-spacing: .015em
}

.site-nav li,
.site-nav-mobile li {
    list-style: none
}

.editorial-design__image-wrap,
.n-post-hero__visual,
.site-nav>.menu-item {
    position: relative
}

.site-nav a,
.site-nav-mobile a,
.site-nav__link {
    color: var(--on-surface-variant);
    transition: color .25s, border-color .25s
}

.site-nav>.menu-item>.site-nav__link {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    min-height: 2.75rem;
    padding-inline: 0.15rem;
    font-size: .96rem;
    line-height: 1.2
}

.site-nav>.menu-item-has-children>.site-nav__link::after {
    content: "";
    width: 1.1rem;
    height: 1.1rem;
    background-color: currentColor;
    mask-image: url("../images/expand_more.svg");
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-mask-image: url("../images/expand_more.svg");
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    transition: transform .25s
}

.site-nav>.menu-item-has-children:focus-within>.site-nav__link::after,
.site-nav>.menu-item-has-children:hover>.site-nav__link::after {
    transform: rotate(180deg)
}

.site-nav__link.is-current {
    color: var(--primary);
    border-bottom: 1px solid rgba(146, 71, 83, .3);
    padding-bottom: .25rem
}

.site-nav .sub-menu {
    position: absolute;
    top: calc(100% + .18rem);
    left: 50%;
    z-index: 30;
    display: grid;
    gap: .35rem;
    min-width: 14.5rem;
    margin: 0;
    padding: .8rem;
    border: 1px solid rgba(216, 193, 194, .48);
    border-radius: 1.4rem;
    background: rgba(255, 252, 250, .96);
    box-shadow: 0 24px 44px rgba(27, 28, 25, .12);
    transform: translate(-50%, .8rem);
    transition: opacity .25s, transform .25s, visibility .25s;
    backdrop-filter: blur(14px)
}

.site-nav .sub-menu .menu-item-has-children>.sub-menu::before,
.site-nav>.menu-item-has-children>.sub-menu::before {
    content: "";
    position: absolute;
    background: 0 0
}

.site-nav>.menu-item-has-children>.sub-menu::before {
    left: 0;
    right: 0;
    bottom: 100%;
    height: 1rem
}

.site-nav .sub-menu .sub-menu {
    top: -.35rem;
    left: calc(100% + .2rem);
    transform: translate(.75rem, 0)
}

.site-nav .sub-menu .menu-item-has-children:hover>.sub-menu,
.site-nav>.menu-item-has-children:focus-within>.sub-menu,
.site-nav>.menu-item-has-children:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.site-nav .sub-menu .menu-item-has-children:focus-within>.sub-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate(0, 0)
}

.site-nav>.menu-item-has-children:hover>.sub-menu {
    transform: translate(-50%, 0)
}

.site-nav>.menu-item-has-children:focus-within>.sub-menu {
    transform: translate(-50%, 0)
}

.site-nav .sub-menu .menu-item-has-children:hover>.sub-menu {
    transform: translate(0, 0)
}

.site-nav .sub-menu .menu-item-has-children>.sub-menu::before {
    top: 0;
    right: 100%;
    width: 1rem;
    height: 100%
}

.site-nav .sub-menu a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .7rem .85rem;
    border-radius: 1rem;
    color: var(--on-surface);
    font-size: .975rem;
    font-style: normal;
    line-height: 1.45
}

.site-nav .sub-menu .site-nav__link.is-current,
.site-nav .sub-menu a:hover {
    border-bottom-color: transparent;
    background: rgba(255, 217, 220, .42)
}

.mobile-drawer {
    position: fixed;
    inset: 0;
    z-index: 100;
    visibility: hidden
}

.mobile-drawer.is-open {
    visibility: visible
}

.mobile-drawer__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .4);
    backdrop-filter: blur(4px);
    opacity: 0;
    transition: opacity .3s
}

.mobile-drawer__panel {
    position: absolute;
    top: 0;
    left: 0;
    width: min(80%, 20rem);
    height: 100%;
    display: flex;
    flex-direction: column;
    background: var(--surface-container-lowest);
    box-shadow: 0 22px 60px rgba(27, 28, 25, .16);
    transform: translateX(-100%);
    transition: transform .3s
}

.mobile-drawer.is-open .mobile-drawer__backdrop {
    opacity: 1
}

.mobile-drawer.is-open .mobile-drawer__panel {
    transform: translateX(0)
}

.mobile-drawer__foot,
.mobile-drawer__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 2rem
}

.mobile-drawer__head {
    border-bottom: 1px solid rgba(216, 193, 194, .28)
}

.mobile-drawer__foot {
    border-top: 1px solid rgba(216, 193, 194, .28);
    background: var(--surface-container-low)
}

.mobile-drawer__body {
    flex: 1;
    overflow-y: auto;
    padding: 2rem
}

.site-nav-mobile {
    display: flex;
    flex-direction: column;
    gap: .7rem;
    padding: 0;
    font-size: 1.08rem;
    letter-spacing: .01em
}

.site-nav-mobile>.menu-item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .35rem .75rem;
    align-items: center;
    padding: .25rem;
    border: 1px solid rgba(216, 193, 194, .3);
    border-radius: 1.35rem;
    background: rgba(255, 255, 255, .72)
}

.site-nav-mobile>.menu-item>a {
    display: flex;
    align-items: center;
    min-height: 3.15rem;
    padding: 0 .95rem;
    color: var(--on-surface)
}

.site-nav-mobile__toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 217, 220, .45);
    color: var(--primary);
    transition: background .25s, transform .25s
}

.site-nav-mobile__toggle:hover {
    background: rgba(255, 217, 220, .7)
}

.site-nav-mobile .sub-menu {
    grid-column: 1/-1;
    display: grid;
    gap: .5rem;
    max-height: 0;
    margin: 0;
    padding: 0 .8rem;
    overflow: hidden;
    opacity: 0;
    transition: max-height .3s, opacity .25s, padding .3s
}

.site-nav-mobile .sub-menu a {
    display: flex;
    align-items: center;
    min-height: 2.9rem;
    padding: 0 .9rem;
    border-radius: .95rem;
    background: rgba(248, 241, 238, .92);
    color: var(--on-surface);
    font-size: .98rem;
    font-style: normal
}

.site-nav-mobile .menu-item.is-open>.sub-menu {
    max-height: 30rem;
    padding: .25rem .8rem .8rem;
    opacity: 1
}

.site-nav-mobile .menu-item.is-open>.site-nav-mobile__toggle {
    transform: rotate(180deg)
}

.mobile-search {
    position: fixed;
    inset: 0;
    z-index: 120;
    display: grid;
    align-items: center;
    justify-items: center;
    min-height: 100dvh;
    padding: clamp(1.5rem, 4vw, 2.5rem);
    transition: opacity .28s, visibility .28s
}

.mobile-search.is-open,
.site-header.is-search-open .mobile-search {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.mobile-search__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(42, 30, 30, .5);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px)
}

.mobile-search__dialog {
    position: relative;
    z-index: 1;
    width: min(100%, 44rem);
    margin: auto;
    padding: clamp(1.75rem, 3.2vw, 2.5rem);
    border: 1px solid rgba(216, 193, 194, .42);
    border-radius: 1.9rem;
    background: rgba(255, 252, 249, .92);
    box-shadow: 0 32px 90px rgba(27, 28, 25, .24);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    transform: translateY(1.25rem) scale(.975);
    transition: transform .28s
}

body.home .mobile-search__dialog {
    background: rgba(243, 236, 228, .92)
}

.mobile-search.is-open .mobile-search__dialog,
.site-header.is-search-open .mobile-search__dialog {
    transform: translateY(0) scale(1)
}

.mobile-search__title {
    margin: 0 0 1.1rem;
    color: #7d3f4a;
    font-family: var(--font-headline);
    font-size: clamp(1.65rem, 3vw, 2.2rem);
    line-height: 1.1;
    text-align: center
}

.mobile-search__close {
    position: absolute;
    top: 1.1rem;
    right: 1.1rem;
    width: 2.75rem;
    height: 2.75rem;
    border: 0;
    border-radius: 999px;
    background: rgba(125, 63, 74, .08);
    color: #2a1e1e;
    cursor: pointer
}

.mobile-search__form {
    position: relative;
    width: 100%
}

.mobile-search__form .n-input {
    min-height: 3.75rem;
    padding-right: 4rem;
    padding-left: 1.35rem;
    border: 1px solid rgba(125, 63, 74, .18);
    border-radius: 999px;
    background: rgba(255, 255, 255, .78);
    box-shadow: 0 14px 34px rgba(89, 58, 52, .06)
}

.mobile-search__submit {
    position: absolute;
    right: .75rem;
    top: 50%;
    transform: translateY(-50%);
    border: 0;
    background: 0 0;
    color: var(--primary)
}

.mobile-bottom-nav {
    position: fixed;
    left: 0;
    right: 0;
    bottom: .25rem;
    z-index: 50;
    padding-inline: 1rem
}

.mobile-bottom-nav__inner {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: center;
    min-height: 4rem;
    border: 1px solid rgba(255, 255, 255, .35);
    border-radius: var(--radius-pill);
    background: rgba(255, 255, 255, .86);
    backdrop-filter: blur(18px);
    box-shadow: 0 -4px 24px rgba(27, 28, 25, .08)
}

.mobile-bottom-nav__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .2rem;
    color: rgba(83, 67, 68, .72);
    transition: color .25s
}

.mobile-bottom-nav__item .n-icon {
    font-size: 1.3rem
}

.mobile-bottom-nav__item.is-active,
.mobile-bottom-nav__item:hover {
    color: var(--primary)
}

.mobile-bottom-nav__item.is-active {
    padding: .3rem .6rem;
    border-radius: var(--radius-pill);
    background: rgba(255, 217, 220, .45)
}

.mobile-bottom-nav__label {
    font-size: .625rem;
    font-weight: 500;
    letter-spacing: .12em;
    text-transform: uppercase
}

.site-footer {
    padding: 4rem 0 8rem;
    background: var(--surface-container-high);
    border-top-left-radius: 3rem;
    border-top-right-radius: 3rem
}

.site-footer__grid {
    display: grid;
    gap: 2.5rem
}

.site-footer__lead {
    max-width: 18rem;
    margin: 0 0 2rem;
    color: var(--on-surface-variant);
    font-size: .9375rem;
    line-height: 1.75
}

.site-footer__social {
    display: flex;
    gap: 1rem;
    color: var(--on-surface-variant)
}

.site-footer__social .n-icon {
    font-size: 1.15rem
}

.n-social-share {
    display: grid;
    gap: .875rem;
    margin: 1.5rem 0
}

.n-social-share__label {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    color: var(--on-surface);
    font-size: .85rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase
}

.n-social-share__list {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem
}

.n-social-share__link {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    min-height: 2.75rem;
    padding: .65rem .95rem;
    border: 1px solid rgba(216, 193, 194, .36);
    border-radius: 999px;
    background: rgba(255, 255, 255, .72);
    color: var(--on-surface);
    font-size: .9rem;
    font-weight: 600;
    transition: transform .25s, box-shadow .25s, border-color .25s, color .25s
}

.n-social-share__link:hover {
    transform: translateY(-2px);
    border-color: rgba(146, 71, 83, .28);
    box-shadow: 0 12px 24px rgba(27, 28, 25, .08);
    color: var(--primary)
}

.n-social-share__icon {
    display: inline-grid;
    place-items: center;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    background: rgba(146, 71, 83, .12);
    color: var(--primary);
    font-size: .82rem;
    font-weight: 700;
    line-height: 1
}

.n-social-share--compact {
    gap: .65rem
}

.n-social-share--compact .n-social-share__label {
    font-size: .72rem;
    letter-spacing: .14em
}

.n-social-share--compact .n-social-share__list {
    gap: .55rem
}

.n-social-share--compact .n-social-share__link {
    min-height: 2.35rem;
    padding: .45rem .75rem;
    font-size: .78rem
}

.n-social-share--compact .n-social-share__icon {
    width: 1.45rem;
    height: 1.45rem;
    font-size: .72rem
}

.design-card__action .n-icon,
.single-post:not(.page-template-template-review-php) .nail-ideas-card__action .n-icon {
    font-size: 1.35rem
}

.site-footer__links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem 2rem;
    opacity: .85
}

.site-footer__links a,
.site-footer__meta-links a {
    color: var(--on-surface);
    font-size: .9375rem;
    font-weight: 500
}

.site-footer__panel {
    padding: 2rem;
    border: 1px solid rgba(216, 193, 194, .28);
    border-radius: var(--radius-lg);
    background: rgba(255, 255, 255, .45)
}

.site-footer__panel h4 {
    margin: 0 0 1rem;
    font-family: var(--font-headline);
    font-size: 1.25rem
}

.site-footer__panel p {
    margin: 0 0 1.5rem;
    color: var(--on-surface-variant);
    font-size: .9375rem
}

.site-footer__form {
    display: flex;
    gap: .75rem
}

.site-footer__bottom {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 3rem;
    padding-top: 2rem;
    border-top: 1px solid rgba(216, 193, 194, .28)
}

.site-footer__copyright {
    color: rgba(83, 67, 68, .6);
    font-size: .625rem;
    font-weight: 700;
    letter-spacing: .2em;
    text-transform: uppercase
}

.site-footer__meta-links {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 2rem;
    color: rgba(83, 67, 68, .4)
}

.review-product-card__description-wrap,
.widget-title {
    margin: 0 0 2rem
}

.n-featured-bento,
.n-post-hero__copy,
.n-stack,
.widget-list {
    display: grid;
    gap: 0.5rem
}

.widget-product-item,
.widget-review-item {
    display: flex;
    gap: 1rem;
    align-items: flex-start
}

.widget-rank {
    width: 2rem;
    flex: 0 0 2rem;
    color: rgba(146, 71, 83, .2);
    font-family: var(--font-headline);
    font-size: 1.5rem;
    font-style: italic;
    line-height: 1
}

.widget-product-item__body,
.widget-review-item__body {
    min-width: 0;
    flex: 1
}

.widget-product-item__title {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2
}

.widget-product-item {
    align-items: center
}

.widget-product-item__thumb {
    width: 4rem;
    height: 4rem;
    overflow: hidden;
    border: 1px solid rgba(216, 193, 194, .2);
    border-radius: .75rem;
    background: var(--surface-container-lowest);
    flex: 0 0 auto
}

.widget-product-item__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.widget-note {
    color: rgba(83, 67, 68, .55);
    font-size: .75rem;
    font-style: italic
}

.widget-promo {
    margin-top: 3rem;
    padding-top: 2rem;
    border-top: 1px solid rgba(216, 193, 194, .2);
    text-align: center
}

.widget-promo__eyebrow {
    display: block;
    margin-bottom: 1rem;
    color: rgba(83, 67, 68, .35);
    font-size: .5rem;
    font-weight: 700;
    letter-spacing: .45em;
    text-transform: uppercase
}

.widget-promo__quote {
    margin: 0 0 1.5rem;
    color: var(--on-surface-variant);
    font-size: .75rem;
    font-style: italic
}

.design-card,
.single-post:not(.page-template-template-review-php) .nail-ideas-card {
    clear: both;
    margin-block: clamp(3rem, 7vw, 5.5rem)
}

.widget-promo .n-button {
    display: inline-flex;
    justify-content: center;
    text-decoration: none
}

.design-card {
    background: 0 0;
    border: 0;
    box-shadow: none
}

.design-card__grid,
.single-post:not(.page-template-template-review-php) .nail-ideas-card__grid {
    display: grid;
    gap: clamp(2rem, 5vw, 5rem);
    align-items: start
}

.design-card__media,
.n-archive-card,
.n-card--grid,
.n-index-card,
.n-product-archive-header,
.n-product-archive-header__intro,
.n-product-archive-header__title,
.n-product-archive-needs,
.n-product-archive-picks,
.n-product-archive-updated,
.n-product-archive-updated-card,
.n-product-archive-updated-card__body,
.n-product-card-grid,
.n-product-card__body,
.n-product-featured-in,
.n-product-link-list,
.n-product-main,
.n-product-overview,
.n-product-panel,
.n-product-related-card__body,
.n-product-related__grid,
.n-product-shell,
.n-product-stack,
.n-product-summary,
.n-product-summary__block,
.n-product-summary__grid,
.n-search-card,
.n-toc__grid,
.single-post:not(.page-template-template-review-php) .nail-ideas-card__media {
    display: grid;
    gap: 1rem
}

.design-card__image {
    min-height: 18rem;
    overflow: hidden;
    border-radius: 1.5rem;
    background: #f3ede8
}

.design-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    aspect-ratio: 4/5
}

.design-card__actions,
.single-post:not(.page-template-template-review-php) .nail-ideas-card__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
    align-items: center;
    padding-inline: 0.5rem
}

.design-card__action {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    padding: 0;
    border: 0;
    background: 0 0;
    color: #4a2f32;
    font-size: .95rem;
    font-weight: 500;
    cursor: pointer
}

.design-card__content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 1.5rem;
    padding: clamp(.5rem, 1vw, 1rem) 0;
    background: 0 0
}

.design-card__index,
.single-post:not(.page-template-template-review-php) .nail-ideas-card__index {
    color: rgba(146, 71, 83, .28);
    font-family: var(--font-headline);
    font-size: clamp(2.25rem, 5vw, 3rem);
    line-height: 1
}

.design-card__title {
    margin: 0;
    color: #1f1617;
    font-family: var(--font-headline);
    font-size: clamp(2rem, 4vw, 3.25rem);
    line-height: 1.08
}

.design-card__description,
.single-post:not(.page-template-template-review-php) .nail-ideas-card__description {
    color: #3f3536;
    font-size: 1rem;
    line-height: 1.75
}

.design-card__description p {
    margin: 0
}

.design-card__tip,
.single-post:not(.page-template-template-review-php) .nail-ideas-card__tip {
    padding: 1.25rem 1.5rem;
    border-left: 4px solid #9c4d5d;
    border-radius: .5rem;
    background: #f4efea;
    color: #4e4244;
    font-size: .95rem;
    font-style: italic;
    line-height: 1.65
}

.design-card__products,
.single-post:not(.page-template-template-review-php) .nail-ideas-card__products {
    padding-top: 1.25rem
}

.design-card__products .n-heading-label {
    display: block;
    margin-bottom: 1.25rem;
    color: #7a6137;
    font-size: .72rem;
    letter-spacing: .18em
}

.n-cta-card--product .n-cta-card__text,
.review-product-card__description>:last-child {
    margin-bottom: 0
}

.design-card__products ul {
    display: grid;
    gap: 1rem;
    margin: 0;
    padding: 0;
    list-style: none
}

.design-card__product {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem
}

.design-card__product-meta {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    min-width: 0
}

.design-card__product-meta>span:first-child {
    color: #1f1617;
    font-size: 1.05rem;
    font-weight: 500;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
    overflow: hidden !important;
}

.design-card__products .n-button,
.single-post:not(.page-template-template-review-php) .nail-ideas-card__shop {
    flex: 0 0 auto;
    min-height: auto;
    padding: 0;
    border: 0;
    background: 0 0;
    color: #9c4d5d;
    box-shadow: none;
    font-size: .95rem
}

.design-card__products .n-button:hover {
    background: 0 0;
    color: #7f3948
}

.design-card__products .n-button .n-icon {
    font-size: 1rem
}

.single-post:not(.page-template-template-review-php) .nail-ideas-card__image {
    overflow: hidden;
    border-radius: 1.5rem;
    background: #f3ede8
}

.single-post:not(.page-template-template-review-php) .nail-ideas-card__image img {
    display: block;
    width: 100%;
    aspect-ratio: 4/5;
    object-fit: cover
}

.single-post:not(.page-template-template-review-php) .nail-ideas-card__action {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    padding: 0;
    border: 0;
    background: 0 0;
    color: #4a2f32;
    font-size: .95rem;
    font-weight: 500;
    cursor: pointer
}

.single-post:not(.page-template-template-review-php) .nail-ideas-card__content {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: clamp(.5rem, 1vw, 1rem) 0
}

.single-post:not(.page-template-template-review-php) .nail-ideas-card__title {
    margin: 0;
    color: #1f1617;
    font-family: var(--font-headline);
    font-size: clamp(2rem, 4vw, 2rem);
    line-height: 1.08;
    margin-bottom: 10px;
}

.n-product-archive-updated-card__body h3,
.n-product-archive-updated-card__body p,
.n-product-overview .n-richtext p,
.n-product-page__best-for,
.n-product-page__hook,
.n-product-panel__metric,
.n-product-panel__price,
.single-post:not(.page-template-template-review-php) .nail-ideas-card__description p {
    margin: 0
}

.single-post:not(.page-template-template-review-php) .nail-ideas-card__products .n-heading-label {
    display: block;
    margin-bottom: 1.25rem;
    color: #7a6137;
    font-size: .72rem;
    letter-spacing: .18em
}

.single-post:not(.page-template-template-review-php) .nail-ideas-card__products ul {
    display: grid;
    gap: 1rem;
    margin: 0;
    padding: 0;
    list-style: none
}

.single-post:not(.page-template-template-review-php) .nail-ideas-card__product {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem
}

.single-post:not(.page-template-template-review-php) .nail-ideas-card__product-meta {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    min-width: 0
}

.single-post:not(.page-template-template-review-php) .nail-ideas-card__product-meta>span:first-child {
    color: #1f1617;
    font-size: 1.05rem;
    font-weight: 500
}

.single-post:not(.page-template-template-review-php) .nail-ideas-card__shop:hover {
    background: 0 0;
    color: #7f3948
}

.single-post:not(.page-template-template-review-php) .nail-ideas-card__shop .n-icon {
    font-size: 1rem
}

.n-hero-404 {
    position: relative;
    display: inline-block;
    width: 100%
}

.n-hero-404__overlay {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: clamp(2rem, 6vw, 5rem)
}

.faq-item,
.n-center-block {
    width: min(100%, 42rem);
    margin-inline: auto
}

.editorial-designs {
    width: min(100%, 72rem);
    margin: 8rem auto 5rem;
    display: grid;
    gap: clamp(3rem, 8vw, 6rem)
}

.editorial-design {
    display: grid;
    gap: 2rem;
    align-items: stretch
}

.editorial-design__image {
    height: 100%;
    max-height: 43.75rem;
    overflow: hidden;
    border-radius: var(--radius-lg);
    background: var(--surface-container-low);
    box-shadow: var(--shadow-card)
}

.editorial-design__image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.editorial-design__actions {
    position: absolute;
    left: 1.5rem;
    bottom: 1.5rem;
    display: flex;
    gap: .75rem
}

.editorial-design__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2rem
}

.editorial-design__number {
    color: rgba(146, 71, 83, .15);
    font-family: var(--font-headline);
    font-size: clamp(2.5rem, 6vw, 4rem);
    line-height: 1
}

.editorial-design__title {
    margin: 0;
    color: var(--on-surface);
    font-family: var(--font-headline);
    font-size: clamp(2rem, 5vw, 3.2rem);
    line-height: 1.12
}

.editorial-design__desc {
    color: var(--on-surface-variant);
    font-size: 1.0625rem;
    line-height: 1.8
}

.editorial-design__tip {
    padding: 1.5rem;
    border-left: 6px solid rgba(146, 71, 83, .2);
    border-radius: 1rem;
    background: var(--surface-container);
    color: var(--on-surface-variant);
    font-size: .95rem;
    font-style: italic;
    line-height: 1.75
}

.editorial-design__products {
    padding-top: 1.5rem;
    border-top: 1px solid rgba(216, 193, 194, .2)
}

.editorial-design__products ul {
    display: grid;
    gap: 1rem;
    list-style: none;
    margin: 0;
    padding: 0
}

.editorial-design__product,
.n-sponsored-card__cta,
.n-sponsored-card__header,
.n-toc__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem
}

.editorial-design__product-meta {
    display: flex;
    flex-direction: column;
    gap: .3rem
}

.review-products {
    display: grid;
    gap: 3rem;
    margin-bottom: 6rem
}

.review-product-card {
    overflow: hidden;
    border: 1px solid #efe8de;
    border-radius: 2rem;
    background: #fcfaf6;
    box-shadow: 0 20px 60px rgba(38, 24, 12, .08)
}

.review-product-card__content {
    padding: 2rem
}

.review-product-card__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem
}

.review-product-card__head-meta {
    display: flex;
    align-items: center;
    gap: .65rem;
    flex-wrap: wrap
}

.review-product-card__number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border: 1px solid #eadbc8;
    border-radius: 999px;
    background: #fff;
    color: #8f7244;
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: .08em
}

.review-product-card__badge,
.review-product-card__eyebrow,
.review-product-card__price-pill {
    font-size: .6875rem;
    font-weight: 700;
    letter-spacing: .22em;
    text-transform: uppercase
}

.review-product-card__eyebrow {
    color: #a58a55
}

.review-product-card__price-pill {
    display: inline-flex;
    padding: .75rem 1rem;
    border: 1px solid #eee3d3;
    border-radius: var(--radius-pill);
    background: #fff;
    color: #8f7244
}

.review-product-card__badge {
    display: inline-flex;
    align-items: center;
    padding: .55rem .8rem;
    border: 1px solid #f0d8d2;
    border-radius: var(--radius-pill);
    background: #fff4f2;
    color: #b56573
}

.review-product-card__title {
    margin: 0 0 1rem;
    color: #26211b;
    font-family: var(--font-headline);
    font-size: clamp(1.15rem, 2.4vw, 1.75rem);
    line-height: 1.3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.review-product-card__best-for span,
.review-product-card__verdict-label {
    color: #a58a55;
    font-weight: 700;
    text-transform: uppercase;
    font-size: .72rem
}

.review-product-card__verdict-label {
    margin: 0 0 .45rem;
    letter-spacing: .18em
}

.review-product-card__best-for {
    margin: 0 0 .8rem;
    color: #7a6440;
    font-size: .94rem;
    line-height: 1.6;
    font-weight: 600
}

.review-product-card__best-for span {
    letter-spacing: .08em;
    margin-right: .45rem
}

.review-product-card__summary {
    max-width: 50rem;
    margin: 0 0 1.5rem;
    color: #544d46;
    font-size: 1.05rem;
    line-height: 1.75;
    font-weight: 600
}

.n-heading-label,
.review-product-card__callout strong,
.review-product-card__cta-context,
.review-product-card__list h4,
.review-product-card__toggle {
    font-weight: 700;
    text-transform: uppercase
}

.review-product-card__callouts {
    display: grid;
    gap: .85rem;
    margin-bottom: 1.5rem
}

.review-product-card__callout {
    display: grid;
    gap: .35rem;
    padding: .9rem 1rem;
    border-radius: 1rem;
    border: 1px solid #eadfce;
    background: #fffdfa;
    color: #5a534d;
    line-height: 1.65
}

.review-product-card__callout strong {
    font-size: .76rem;
    letter-spacing: .14em
}

.review-product-card__callout em {
    margin-top: .1rem;
    color: #7a7066;
    font-size: .92rem;
    font-style: italic;
    line-height: 1.7
}

.review-product-card__callout--tip strong {
    color: #a15a31
}

.review-product-card__callout--warning strong {
    color: #b56573
}

.review-product-card__callout--info strong {
    color: #6f7c8a
}

.review-product-card__feature-grid {
    display: grid;
    gap: 1rem;
    margin-bottom: 1.5rem;
    border: 1px solid #eadfce;
    border-radius: 1.5rem;
    overflow: hidden;
    background: #fffdfa
}

.review-product-card__panel {
    min-width: 0;
    padding: 1.25rem;
    background: rgba(255, 255, 255, .72);
    border-top: 1px solid #eadfce
}

.review-product-card__panel:first-child {
    border-top: 0
}

.review-product-card__panel--media {
    background: #f7efe5
}

.review-product-card__description {
    max-width: 42rem;
    color: #5f5952;
    font-size: 1rem;
    line-height: 1.8;
    position: relative;
    transition: max-height .3s
}

.review-product-card__description--collapsed {
    max-height: 11rem;
    overflow: hidden
}

.review-product-card__description--collapsed::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 4rem;
    background: linear-gradient(180deg, rgba(252, 250, 246, 0) 0, #fcfaf6 100%)
}

.comparison-table thead tr,
.n-button--ghost:hover {
    background: var(--surface-container)
}

.n-archive-card--lift-lg,
.n-archive-card--offset-lg,
.n-archive-card--offset-sm,
.review-product-card__description>:first-child {
    margin-top: 0
}

.review-product-card__toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: .9rem;
    padding: 0;
    border: 0;
    background: 0 0;
    color: #8f7244;
    font-size: .78rem;
    letter-spacing: .14em;
    cursor: pointer
}

.review-product-card__toggle:hover {
    color: #6f5936
}

.review-product-card__list h4 {
    margin: 0 0 1rem;
    font-size: .75rem;
    letter-spacing: .22em
}

.review-product-card__list ul {
    display: grid;
    gap: .75rem;
    list-style: none;
    margin: 0;
    padding: 0;
    color: #625f59;
    line-height: 1.8
}

.review-product-card__list li {
    display: flex;
    gap: .75rem;
    align-items: flex-start
}

.review-product-card__dot {
    width: .375rem;
    height: .375rem;
    margin-top: .7rem;
    border-radius: 50%;
    flex: 0 0 auto
}

.review-product-card__dot--pro {
    background: #b56573
}

.review-product-card__dot--con {
    background: #cfc7bb
}

.review-product-card__shop {
    margin-top: 0;
    padding-top: 1.5rem;
    border-top: 1px solid #efe7dc;
    margin-bottom: 1.75rem
}

.review-product-card__cta {
    min-width: min(100%, 24rem)
}

.review-product-card__cta-context {
    margin: 1.75rem 0 0;
    color: #8b7661;
    font-size: .78rem;
    letter-spacing: .12em
}

.review-product-card__share {
    margin-top: 1rem
}

.faq-section,
.related-section {
    margin-top: 6rem;
    padding-top: 4rem
}

.review-product-card__media {
    position: relative;
    aspect-ratio: 1/1;
    min-height: 0;
    background: #ece3d6;
    overflow: hidden
}

.n-product-visual img,
.review-product-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

img.nailly-lazy-image {
    background: linear-gradient(90deg, rgba(230, 223, 210, .45) 0, rgba(248, 244, 238, .95) 50%, rgba(230, 223, 210, .45) 100%);
    background-size: 200% 100%;
    animation: 1.4s linear infinite nailly-skeleton-shimmer;
    transition: opacity .35s, filter .35s, background .35s
}

img.nailly-lazy-image.is-loaded,
img.nailly-lazy-image.is-ready,
img.nailly-lazy-image.nailly-no-skeleton {
    animation: none;
    background: 0 0
}

img.nailly-lazy-image.is-lazy {
    filter: blur(2px);
    opacity: .88
}

img.nailly-lazy-image.is-loaded,
img.nailly-lazy-image.is-ready {
    filter: blur(0);
    opacity: 1
}

@keyframes nailly-skeleton-shimmer {
    0% {
        background-position: 200% 0
    }

    100% {
        background-position: -200% 0
    }
}

.review-product-card__placeholder {
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    color: rgba(83, 67, 68, .4)
}

.review-ad-slot {
    display: grid;
    place-items: center;
    min-height: 12rem;
    margin-bottom: 4rem;
    border: 1px dashed rgba(216, 193, 194, .5);
    border-radius: var(--radius-md);
    background: var(--surface-container-highest);
    text-align: center
}

.comparison-table-wrap {
    overflow-x: auto
}

.comparison-table {
    width: 100%;
    border-collapse: collapse;
    background: var(--surface-container-lowest)
}

.comparison-table td,
.comparison-table th {
    padding: 1rem 1.5rem;
    text-align: left;
    border: 1px solid rgba(216, 193, 194, .38)
}

.comparison-table thead tr {
    border-bottom: 1px solid rgba(216, 193, 194, .38)
}

.faq-section {
    border-top: 1px solid rgba(216, 193, 194, .3)
}

.faq-list {
    display: grid;
    gap: 2rem
}

.related-section {
    border-top: 1px solid rgba(216, 193, 194, .1)
}

.n-section {
    padding-block: var(--section-space-tight)
}

.n-section--spacious {
    padding-block: var(--section-space)
}

.n-heading-label {
    display: inline-block;
    color: var(--secondary);
    font-size: .75rem;
    letter-spacing: .22em
}

.n-heading-label--primary {
    color: var(--primary)
}

.n-heading-label--light {
    color: rgba(255, 255, 255, .86)
}

.n-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .65rem;
    min-height: 3rem;
    padding: .85rem 1.65rem;
    border: 1px solid transparent;
    border-radius: var(--radius-pill);
    font-family: var(--font-button);
    font-size: .875rem;
    font-weight: 600;
    letter-spacing: .04em;
    line-height: 1;
    text-align: center;
    transition: transform .25s, box-shadow .25s, background-color .25s, color .25s, border-color .25s
}

.n-home-article-card__title,
.n-home-hero__title,
.n-home-pick-card__rank,
.n-home-pick-card__title {
    font-family: var(--font-headline)
}

.n-button:hover {
    transform: translateY(-1px)
}

.n-button--primary {
    background: linear-gradient(135deg, var(--primary) 0, var(--primary-soft) 100%);
    color: var(--on-primary);
    box-shadow: 0 16px 30px rgba(146, 71, 83, .2)
}

.n-button--ghost,
.n-button--light {
    background: var(--surface-container-lowest)
}

.n-button--primary:hover {
    box-shadow: 0 20px 38px rgba(146, 71, 83, .24)
}

.n-button--ghost {
    border-color: var(--outline-variant);
    color: var(--on-surface-variant)
}

.n-button--light {
    color: var(--primary)
}

.n-home-hero .n-section__inner {
    width: 100%;
    max-width: none;
    padding-inline: 0
}

.n-home-hero__frame {
    position: relative;
    overflow: hidden;
    min-height: min(40.5rem, 86svh);
    padding: 0;
    border-radius: 0;
    background: #f3ece4;
    isolation: isolate
}

.n-home-hero__media,
.n-home-hero__overlay {
    position: absolute;
    inset: 0
}

.n-home-hero__media {
    z-index: 1
}

.n-home-hero__media .n-media-fill,
.n-home-hero__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block
}

.n-home-hero__overlay {
    z-index: 2;
    background: linear-gradient(90deg, rgba(243, 236, 228, .94) 0, rgba(243, 236, 228, .78) 24%, rgba(243, 236, 228, .42) 46%, rgba(243, 236, 228, .16) 68%, rgba(243, 236, 228, .26) 100%), linear-gradient(180deg, rgba(243, 236, 228, .42) 0, rgba(243, 236, 228, .08) 22%, rgba(243, 236, 228, .18) 100%)
}

.n-home-hero__content {
    position: relative;
    z-index: 3;
    width: min(100% - (2 * var(--container-inline)), var(--site-max-width));
    min-height: inherit;
    margin-inline: auto;
    display: flex;
    align-items: center
}

.n-home-hero__copy {
    display: grid;
    gap: 1.2rem;
    max-width: min(32rem, 100%);
    padding: calc(var(--header-height) + clamp(2.5rem, 5.8vw, 3.75rem)) 0 clamp(2.75rem, 5.8vw, 3.9rem)
}

.n-home-hero__eyebrow {
    width: fit-content;
    padding: 0;
    border: 0;
    background: 0 0;
    color: #8a7570;
    font-size: .7rem;
    font-weight: 500;
    letter-spacing: .2em;
    text-transform: uppercase
}

.n-home-hero__title {
    margin: 0;
    color: #7d3f4a;
    font-size: clamp(2.75rem, 5vw, 4.5rem);
    font-style: normal;
    font-weight: 400;
    line-height: 1.04;
    letter-spacing: -.04em
}

.n-home-hero__description {
    max-width: 25rem;
    margin: 0;
    color: #4a3a3a;
    font-size: .96rem;
    line-height: 1.7
}

.n-home-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: .85rem
}

.n-home-hero__button-primary,
.n-home-hero__button-secondary {
    min-width: max-content;
    justify-content: center;
    padding-inline: 1.45rem;
    letter-spacing: .16em;
    font-size: .68rem
}

.n-home-hero__button-primary {
    gap: .6rem;
    border-color: #7d3f4a;
    background: #7d3f4a;
    box-shadow: none
}

.n-home-hero__button-secondary {
    border-color: rgba(42, 30, 30, .86);
    background: 0 0;
    color: #2a1e1e
}

.n-home-hero__button-primary:focus-visible,
.n-home-hero__button-primary:hover {
    background: #a0596a;
    border-color: #a0596a;
    transform: translateX(2px)
}

.n-home-hero__button-arrow {
    transition: transform .25s
}

.n-home-hero__button-primary:focus-visible .n-home-hero__button-arrow,
.n-home-hero__button-primary:hover .n-home-hero__button-arrow {
    transform: translateX(4px)
}

.n-home-hero__button-secondary:focus-visible,
.n-home-hero__button-secondary:hover {
    background: #2a1e1e;
    color: #f3ece4
}

.n-home-cta-form .n-newsletter,
.n-home-cta-form form,
.n-home-hero__rail,
.n-home-pick-card__content {
    display: grid;
    gap: .85rem
}

.n-home-hero__rail-item {
    display: grid;
    gap: .45rem;
    padding: 1rem 1.1rem;
    border-radius: 1.4rem;
    background: rgba(255, 255, 255, .75);
    box-shadow: 0 14px 28px rgba(27, 28, 25, .05);
    color: inherit;
    transition: transform .25s, box-shadow .25s, background .25s
}

.n-home-hero__rail-item p {
    margin: 0;
    color: var(--on-surface-variant);
    font-size: .95rem;
    line-height: 1.65
}

.n-home-hero__rail-item:hover {
    transform: translateY(-3px);
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 18px 34px rgba(27, 28, 25, .08)
}

.n-home-hero__rail-link,
.n-product-archive-pick__link,
.n-product-card__link {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    color: var(--primary);
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase
}

.n-home-hero__rail-link::after,
.n-home-manifesto__link::after,
.n-home-pick-card__link::after {
    content: "→"
}

.n-home-meta-badge,
.n-home-status-badge {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: .4rem .75rem;
    border-radius: 999px;
    background: rgba(255, 217, 220, .55);
    color: var(--primary);
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase
}

.n-home-meta-badge--accent,
.n-home-status-badge--updated {
    background: rgba(230, 194, 121, .22);
    color: var(--secondary)
}

.n-home-status-badge--trending {
    background: rgba(146, 71, 83, .12);
    color: var(--primary)
}

@media (max-width:63.9375rem) {
    .n-home-hero__frame {
        min-height: min(43rem, 92svh);
        padding: 0;
        border-radius: 0
    }

    .n-home-hero__content {
        width: min(100% - (2 * var(--container-inline)), var(--site-max-width));
        align-items: flex-start
    }

    .n-home-hero__title {
        font-size: clamp(2.7rem, 10vw, 4rem)
    }

    .n-home-hero__copy {
        max-width: min(28rem, 100%);
        padding: calc(var(--header-height) + 2rem) 0 2.3rem
    }

    .n-home-hero__overlay {
        background: linear-gradient(180deg, rgba(243, 236, 228, .9) 0, rgba(243, 236, 228, .72) 18%, rgba(243, 236, 228, .44) 36%, rgba(243, 236, 228, .28) 56%, rgba(243, 236, 228, .34) 100%), linear-gradient(90deg, rgba(243, 236, 228, .18), rgba(243, 236, 228, .06))
    }

    .n-home-hero__actions>* {
        flex: 1 1 100%
    }
}

.n-home-faq-grid,
.n-home-latest-grid,
.n-home-picks {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem
}

.n-home-pick-card {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 1rem;
    align-content: space-between;
    min-height: 16rem;
    padding: 1.45rem;
    border: 1px solid rgba(146, 71, 83, .1);
    border-radius: 1.75rem;
    background: radial-gradient(circle at top right, rgba(228, 138, 150, .18), transparent 10rem), linear-gradient(180deg, var(--surface-container-lowest), var(--surface-container-low));
    box-shadow: 0 16px 34px rgba(27, 28, 25, .08);
    transition: transform .3s, box-shadow .3s, border-color .25s
}

.n-home-pick-card::after {
    content: "";
    position: absolute;
    inset: auto -2rem -2rem auto;
    width: 7.5rem;
    height: 7.5rem;
    border-radius: 50%;
    background: rgba(146, 71, 83, .08);
    filter: blur(3px)
}

.n-home-pick-card:hover {
    transform: translateY(-5px);
    border-color: rgba(146, 71, 83, .18);
    box-shadow: 0 22px 40px rgba(27, 28, 25, .12)
}

.n-home-need-pill__eyebrow,
.n-home-need-pill__icon,
.n-home-need-pill__text,
.n-home-pick-card__actions,
.n-home-pick-card__content,
.n-home-pick-card__link,
.n-home-pick-card__media,
.n-home-pick-card__price-link,
.n-home-pick-card__topline {
    position: relative;
    z-index: 1
}

.n-home-pick-card__media {
    overflow: hidden;
    border-radius: 1.3rem;
    background: var(--surface-container);
    aspect-ratio: 1/1
}

.n-home-pick-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .7s
}

.n-home-pick-card__topline {
    display: flex;
    align-items: center;
    gap: .8rem
}

.n-home-pick-card__badge,
.n-home-pick-card__rank {
    display: inline-flex;
    color: var(--primary);
    font-weight: 700
}

.n-home-pick-card__rank {
    align-items: center;
    justify-content: center;
    /* width:2.6rem;
    height:2.6rem; */
    border-radius: 999px;
    /* background:rgba(255,255,255,.84); */
    font-size: 1rem;
    box-shadow: 0 10px 20px rgba(27, 28, 25, .08)
}

.n-home-pick-card__badge {
    align-items: center;
    gap: .45rem;
    font-size: .75rem;
    letter-spacing: .12em;
    text-transform: uppercase
}

.n-home-pick-card__badge::before {
    content: "★";
    font-size: .9rem
}

.n-home-pick-card__title {
    margin: 0;
    font-size: 1.3rem;
    line-height: 1.15;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden
}

.n-home-pick-card__title a {
    color: inherit;
    text-decoration: none
}

.n-home-pick-card__best-for {
    margin: 0;
    color: var(--secondary);
    font-size: .82rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase
}

.n-home-pick-card__summary {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: .55rem
}

.n-home-pick-card__summary li {
    position: relative;
    padding-left: 1rem;
    color: var(--on-surface-variant);
    font-size: .97rem;
    line-height: 1.7
}

.n-home-pick-card__summary li::before {
    content: "";
    position: absolute;
    top: .72rem;
    left: 0;
    width: .38rem;
    height: .38rem;
    border-radius: 999px;
    background: var(--secondary)
}

.n-home-pick-card__actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .7rem;
    justify-content: space-between;
}

.n-home-manifesto__link,
.n-home-pick-card__link,
.n-home-pick-card__price-link {
    display: inline-flex;
    align-items: center;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none
}

.n-home-manifesto__link,
.n-home-pick-card__link {
    gap: .35rem;
    color: var(--primary);
    font-size: .78rem;
    letter-spacing: .14em
}

.n-home-pick-card__price-link {
    justify-content: center;
    width: fit-content;
    min-height: 2.5rem;
    padding: .72rem 1rem;
    border: 1px solid #d5a021;
    border-radius: 999px;
    background: linear-gradient(180deg, #ffd978, #f5b335);
    color: #16110a;
    font-size: .72rem;
    letter-spacing: .12em;
    box-shadow: 0 10px 22px rgba(213, 160, 33, .24)
}

.n-home-pick-card__price-link::after {
    content: "↗";
    margin-left: .35rem
}

.n-home-pick-card:first-child {
    background: radial-gradient(circle at top right, rgba(230, 194, 121, .26), transparent 11rem), linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(250, 244, 229, .95))
}

.n-home-pick-card:nth-child(2) {
    background: radial-gradient(circle at top right, rgba(146, 71, 83, .16), transparent 10rem), linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(251, 245, 246, .96))
}

.n-home-pick-card:nth-child(3) {
    background: radial-gradient(circle at top right, rgba(123, 82, 88, .16), transparent 10rem), linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(245, 242, 239, .96))
}

.n-home-section-cta {
    margin-top: 1.5rem
}

.n-home-article-card {
    display: grid;
    gap: .9rem;
    min-height: 100%;
    padding: 1rem;
    border-radius: 1.6rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, .95), rgba(245, 243, 238, .95));
    box-shadow: 0 14px 32px rgba(27, 28, 25, .06);
    transition: transform .3s, box-shadow .3s
}

.n-home-article-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 22px 38px rgba(27, 28, 25, .09)
}

.n-home-article-card__meta,
.n-home-trending-card__meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .6rem
}

.n-home-article-card__title,
.n-product-related-card__title a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.n-home-article-card__media {
    overflow: hidden;
    border-radius: 1.2rem;
    background: var(--surface-container);
    aspect-ratio: 4/3
}

.n-home-article-card__media img,
.n-home-update-item__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .7s
}

.n-home-article-card__title {
    margin: 0;
    font-size: 1.5rem;
    line-height: 1.15
}

.n-home-article-card__excerpt,
.n-home-faq-card__answer {
    margin: 0;
    color: var(--on-surface-variant);
    line-height: 1.75
}

.n-home-article-card__foot {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem 1rem;
    margin-top: auto;
    color: var(--on-surface-variant);
    font-size: .8rem;
    letter-spacing: .03em
}

.n-home-article-card--empty {
    align-items: center
}

.n-home-need-pill__eyebrow,
.n-home-update-item__link {
    align-items: center;
    font-weight: 700;
    text-transform: uppercase
}

.n-home-trending-card,
.n-home-update-list {
    display: grid;
    gap: .9rem
}

.n-home-update-item {
    display: grid;
    gap: 1rem;
    padding: 1rem;
    border-radius: 1.45rem;
    background: rgba(255, 255, 255, .84);
    box-shadow: 0 10px 24px rgba(27, 28, 25, .05)
}

.n-home-update-item__media {
    overflow: hidden;
    border-radius: 1.15rem;
    background: var(--surface-container);
    aspect-ratio: 16/10
}

.n-home-update-item__copy {
    display: grid;
    gap: .45rem
}

.n-home-trending-card__title,
.n-home-update-item__title {
    margin: 0;
    font-family: var(--font-headline);
    font-size: 1.35rem;
    line-height: 1.15
}

.n-category-card__excerpt,
.n-category-card__kicker,
.n-category-card__meta,
.n-home-update-item__copy p {
    margin: 0;
    color: var(--on-surface-variant)
}

.n-home-update-item__link {
    display: inline-flex;
    gap: .35rem;
    color: var(--primary);
    font-size: .8rem;
    letter-spacing: .14em
}

.n-home-update-item__link::after,
.n-product-archive-pick__link::after,
.n-product-card__link::after {
    content: "→"
}

.n-home-need-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem
}

.n-home-need-pill {
    position: relative;
    overflow: hidden;
    display: grid;
    align-content: space-between;
    min-height: 10.5rem;
    padding: 1.15rem 1.15rem 1.1rem;
    border: 1px solid rgba(146, 71, 83, .08);
    border-radius: 1.5rem;
    background: linear-gradient(180deg, var(--surface-container-lowest), rgba(255, 255, 255, .78));
    color: var(--on-surface);
    box-shadow: 0 14px 32px rgba(27, 28, 25, .06);
    transition: transform .3s, border-color .25s, box-shadow .3s
}

.n-home-mobile-sticky-cta,
.n-product-mobile-cta {
    position: fixed;
    right: 1rem;
    bottom: 5.6rem;
    z-index: 48
}

.n-home-need-pill::before {
    content: "";
    position: absolute;
    inset: auto -1.75rem -2.5rem auto;
    width: 7rem;
    height: 7rem;
    border-radius: 50%;
    background: rgba(146, 71, 83, .1);
    filter: blur(2px);
    transition: transform .35s, background-color .35s
}

.n-home-need-pill::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0) 20%, rgba(146, 71, 83, .04) 100%);
    pointer-events: none
}

.n-home-need-pill__eyebrow {
    display: inline-flex;
    width: fit-content;
    padding: .35rem .6rem;
    border-radius: var(--radius-pill);
    background: rgba(255, 255, 255, .76);
    color: var(--secondary);
    font-size: .68rem;
    letter-spacing: .12em;
    backdrop-filter: blur(8px)
}

.n-home-need-pill__text,
.n-product-archive-pick strong,
.n-product-link-card strong {
    font-weight: 400;
    font-family: var(--font-headline)
}

.n-home-need-pill__text {
    display: block;
    max-width: 11rem;
    margin-top: 1.2rem;
    font-size: 1.28rem;
    line-height: 1.14;
    text-align: left
}

.n-ad-slot,
.n-empty-state,
.n-page-header--center,
.n-post-hero__quote,
.n-sidebar__empty {
    text-align: center
}

.n-home-need-pill__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    margin-top: 1.25rem;
    margin-left: auto;
    border-radius: 999px;
    background: rgba(255, 255, 255, .78);
    color: var(--primary);
    font-size: 1rem;
    box-shadow: 0 8px 18px rgba(27, 28, 25, .08)
}

.n-home-need-pill:hover {
    transform: translateY(-4px);
    border-color: rgba(146, 71, 83, .18);
    box-shadow: 0 18px 36px rgba(27, 28, 25, .1)
}

.n-home-need-pill:hover::before {
    transform: scale(1.08)
}

.n-home-need-pill:nth-child(2n)::before {
    background: rgba(230, 194, 121, .16)
}

.n-home-need-pill:nth-child(3n)::before {
    background: rgba(123, 82, 88, .13)
}

.n-home-need-pill:nth-child(4n)::before {
    background: rgba(228, 138, 150, .14)
}

.n-home-featured-guide {
    overflow: hidden;
    border: 1px solid var(--border-soft);
    border-radius: 2rem;
    background: radial-gradient(circle at top right, rgba(228, 138, 150, .22), transparent 28rem), linear-gradient(180deg, var(--surface-container-lowest), var(--surface-container-low));
    box-shadow: var(--shadow-card)
}

.n-home-featured-guide__body {
    width: min(100%, 42rem);
    display: grid;
    gap: 1.25rem;
    padding: clamp(2rem, 5vw, 3.5rem)
}

.n-home-featured-guide__meta {
    color: var(--secondary);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase
}

.n-home-featured-guide__title {
    margin: 0;
    font-family: var(--font-headline);
    font-size: clamp(2rem, 4vw, 3.1rem);
    line-height: 1.08
}

.n-home-featured-guide__text {
    margin: 0;
    color: var(--on-surface-variant);
    font-size: 1rem;
    line-height: 1.8
}

.n-home-trending-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.25rem
}

.n-home-trending-card__media {
    overflow: hidden;
    border-radius: var(--radius-md);
    background: var(--surface-container);
    aspect-ratio: 4/5
}

.n-home-trending-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .7s
}

.n-home-trending-card__body {
    display: grid;
    gap: .4rem
}

.n-home-knowledge {
    padding: clamp(1.5rem, 4vw, 2.5rem);
    border-radius: var(--radius-lg);
    background: linear-gradient(180deg, rgba(146, 71, 83, .05), rgba(230, 194, 121, .08))
}

.n-home-faq-card {
    padding: 1.35rem 1.4rem;
    border-radius: var(--radius-md);
    background: var(--surface-container-lowest);
    box-shadow: 0 10px 24px rgba(27, 28, 25, .05)
}

.n-home-faq-card__question {
    margin: 0 0 .65rem;
    font-family: var(--font-headline);
    font-size: 1.15rem;
    line-height: 1.3
}

.n-home-manifesto {
    width: min(100%, 52rem);
    display: grid;
    gap: 1rem
}

.n-home-manifesto__text {
    margin: 0;
    color: var(--on-surface);
    font-size: 1.05rem;
    line-height: 1.85
}

.n-home-cta-form .n-input {
    min-height: 3.25rem;
    border: 1px solid rgba(255, 255, 255, .22);
    background: rgba(255, 255, 255, .8)
}

.n-home-mobile-sticky-cta {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .85rem 1rem;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--primary), var(--primary-container));
    color: var(--on-primary);
    box-shadow: 0 18px 32px rgba(146, 71, 83, .22);
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: .05em
}

.n-cta-card--homepage {
    background: radial-gradient(circle at bottom right, rgba(146, 71, 83, .22), transparent 16rem), var(--primary-fixed)
}

.n-product-page__header-inner {
    display: grid;
    gap: .75rem
}

.n-product-page__title {
    margin: 0;
    font-family: var(--font-headline);
    font-size: clamp(2.4rem, 5vw, 2.8rem);
    line-height: 1.03;
    letter-spacing: -.05em
}

.n-product-page__best-for {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    width: fit-content;
    padding: .6rem .9rem;
    border-radius: 999px;
    background: rgba(255, 217, 220, .4);
    color: var(--primary);
    font-weight: 700
}

.n-product-page__hook {
    max-width: 42rem;
    color: var(--on-surface-variant);
    font-size: 1.02rem;
    line-height: 1.75
}

.n-product-shell {
    gap: clamp(2rem, 4vw, 3rem)
}

.n-product-main {
    gap: 1.5rem
}

.n-product-visual {
    overflow: hidden;
    border-radius: 2rem;
    background: linear-gradient(180deg, rgba(146, 71, 83, .08), rgba(123, 82, 88, .18));
    aspect-ratio: 4/5;
    box-shadow: 0 18px 38px rgba(27, 28, 25, .08)
}

.n-product-summary {
    gap: 1.2rem
}

.n-product-link-card,
.n-product-panel,
.n-product-related-card,
.n-product-summary__block {
    padding: 1.25rem;
    border-radius: 1.5rem;
    background: rgba(255, 255, 255, .86);
    box-shadow: 0 12px 28px rgba(27, 28, 25, .05)
}

.n-product-panel__title,
.n-product-related-card__title,
.n-product-summary__heading {
    margin: 0;
    font-family: var(--font-headline);
    line-height: 1.16
}

.n-product-summary__heading {
    font-size: 1.55rem
}

.n-product-panel__list,
.n-product-summary-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.n-product-summary-list {
    display: grid;
    gap: .75rem
}

.n-product-panel__list li,
.n-product-summary-list li {
    position: relative;
    padding-left: 1.5rem;
    color: var(--on-surface);
    line-height: 1.55
}

.n-product-panel__list li::before,
.n-product-summary-list li::before {
    position: absolute;
    left: 0;
    top: .05rem;
    font-weight: 700
}

.n-product-panel__list--pros li::before,
.n-product-summary-list li::before {
    content: "✓";
    color: var(--primary)
}

.n-product-panel__list--cons li::before {
    content: "−";
    color: var(--secondary)
}

.n-product-panel__list--watch li::before {
    content: "!";
    color: var(--secondary)
}

.n-product-panel__metric {
    font-family: var(--font-headline);
    font-size: 1.65rem;
    color: var(--on-surface)
}

.n-product-panel__price {
    color: var(--secondary);
    font-weight: 700
}

.n-product-related {
    display: grid;
    gap: 1.25rem
}

.n-product-link-card {
    gap: .75rem;
    color: var(--on-surface);
    transition: transform .25s, box-shadow .25s
}

.n-product-link-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 18px 32px rgba(27, 28, 25, .08)
}

.n-product-link-card strong {
    font-size: 1.25rem;
    line-height: 1.2
}

.n-product-overview .n-richtext {
    max-width: 46rem
}

.n-cta-card--product .n-cta-card__content {
    max-width: 30rem;
    gap: 1rem
}

.n-cta-card--product {
    padding: clamp(1.6rem, 3vw, 2.2rem);
    background: radial-gradient(circle at bottom right, rgba(146, 71, 83, .12), transparent 14rem), rgba(255, 217, 220, .55)
}

.n-cta-card--product .n-cta-card__title {
    font-size: clamp(1.7rem, 3vw, 2.2rem)
}

.n-product-cta__price {
    margin: 0;
    color: var(--secondary);
    font-size: .9rem;
    font-weight: 700
}

.n-product-related__grid {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr));
    gap: 1.25rem
}

.n-product-related-card {
    display: grid;
    gap: .95rem;
    height: 100%;
    padding: .95rem;
    border: 1px solid rgba(146, 71, 83, .12);
    transition: transform .24s, box-shadow .24s, border-color .24s
}

.n-product-related-card:hover {
    transform: translateY(-4px);
    border-color: rgba(146, 71, 83, .24);
    box-shadow: 0 20px 36px rgba(27, 28, 25, .08)
}

.n-product-related-card__body {
    gap: .7rem;
    align-content: start
}

.n-product-related-card__media {
    display: block;
    overflow: hidden;
    border-radius: 1.15rem;
    aspect-ratio: 4/3;
    background: var(--surface-container)
}

.n-product-related-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .35s
}

.n-product-related-card__title {
    font-size: 1.15rem;
    line-height: 1.35
}

.n-product-related-card__title a {
    color: inherit;
    text-decoration: none;
    line-clamp: 2
}

.n-product-related-card__price {
    margin: auto 0 0;
    color: var(--secondary);
    font-weight: 700
}

.n-product-mobile-cta {
    left: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    padding: .95rem 1rem;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--primary), var(--primary-container));
    color: var(--on-primary);
    box-shadow: 0 18px 32px rgba(146, 71, 83, .22);
    font-size: .82rem;
    font-weight: 700;
    letter-spacing: .05em
}

.n-product-archive-header__title {
    margin: 0;
    max-width: 12ch;
    font-family: var(--font-headline);
    font-size: clamp(2.5rem, 5vw, 4.2rem);
    line-height: 1.04;
    letter-spacing: -.05em
}

.n-product-archive-header__intro {
    max-width: 42rem;
    margin: 0;
    color: var(--on-surface-variant);
    font-size: 1.02rem;
    line-height: 1.8
}

.n-product-archive-pick,
.n-product-archive-updated-card,
.n-product-card {
    position: relative;
    overflow: hidden;
    padding: 1.1rem;
    border-radius: 1.5rem;
    background: rgba(255, 255, 255, .86);
    box-shadow: 0 12px 28px rgba(27, 28, 25, .05)
}

.n-category-grid--guides,
.n-category-grid--nail-ideas,
.n-category-grid--reviews,
.n-product-archive-picks {
    grid-template-columns: 1fr
}

.n-product-archive-pick {
    display: grid;
    gap: .8rem;
    color: var(--on-surface);
    transition: transform .25s, box-shadow .25s
}

.n-product-archive-pick:hover,
.n-product-archive-updated-card:hover,
.n-product-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 18px 34px rgba(27, 28, 25, .08)
}

.n-product-archive-pick strong {
    font-size: 1.4rem;
    line-height: 1.15
}

.n-product-archive-needs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem
}

.n-product-archive-need {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 3.5rem;
    padding: .85rem 1rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, .8);
    color: var(--on-surface);
    font-weight: 600;
    text-align: center;
    box-shadow: 0 10px 22px rgba(27, 28, 25, .05)
}

.n-card__media,
.n-cta-card {
    box-shadow: var(--shadow-card)
}

.n-product-card-grid {
    grid-template-columns: 1fr;
    align-items: stretch
}

.n-product-card__media {
    display: block;
    overflow: hidden;
    border-radius: 1.2rem;
    aspect-ratio: 4/5;
    background: var(--surface-container)
}

.n-product-archive-updated-card__body h3 a,
.n-product-card__summary li,
.n-product-card__title,
.n-product-card__title a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden
}

.n-product-archive-updated-card__media img,
.n-product-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .7s
}

.n-product-card__title {
    margin: 0;
    font-family: var(--font-headline);
    font-size: 1.45rem;
    line-height: 1.15;
    min-height: calc(1.15em * 2)
}

.n-product-archive-updated-card__body h3 a,
.n-product-card__title a {
    color: inherit
}

.n-product-card__best-for {
    margin: 0;
    color: var(--primary);
    font-weight: 700;
    line-height: 1.45
}

.n-product-card__summary {
    display: grid;
    gap: .6rem;
    margin: 0;
    padding: 0;
    list-style: none
}

.n-product-card__summary li {
    position: relative;
    padding-left: 1.35rem;
    color: var(--on-surface);
    line-height: 1.55
}

.n-product-card__summary li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: .02rem;
    color: var(--primary);
    font-weight: 700
}

.n-product-archive-updated {
    grid-template-columns: 1fr;
    align-items: stretch
}

.n-product-archive-updated-card {
    display: grid;
    gap: 1rem;
    height: 100%
}

.n-product-archive-updated-card__media {
    display: block;
    overflow: hidden;
    border-radius: 1.15rem;
    aspect-ratio: 16/10;
    background: var(--surface-container)
}

.n-hero-card,
.n-hero-visual,
.n-related-card__media {
    overflow: hidden;
    border-radius: var(--radius-md);
    background: var(--surface-container)
}

.n-category-card--idea .n-category-card__media,
.n-hero-card__media {
    aspect-ratio: 4/5
}

.n-product-archive-updated-card__body h3 {
    font-family: var(--font-headline);
    font-size: 1.35rem;
    line-height: 1.15;
    min-height: calc(1.15em * 2);
    overflow: hidden
}

.n-product-archive-updated-card__body p {
    color: var(--on-surface-variant);
    line-height: 1.7
}

.n-product-card {
    display: grid;
    grid-template-rows: auto 1fr;
    gap: 1rem;
    height: 100%
}

.n-product-card__body {
    grid-template-rows: auto auto 1fr auto;
    height: 100%;
    min-height: 0
}

.n-product-card__link {
    margin-top: auto
}

.n-product-archive-pick strong,
.n-product-archive-pick__link,
.n-product-archive-updated-card__body h3,
.n-product-archive-updated-card__body p,
.n-product-card__best-for,
.n-product-card__summary,
.n-product-card__title {
    min-width: 0
}

@supports not (-webkit-line-clamp:2) {

    .n-product-archive-updated-card__body h3,
    .n-product-archive-updated-card__body h3 a,
    .n-product-card__summary li,
    .n-product-card__title,
    .n-product-card__title a {
        display: block;
        max-height: 2.3em
    }
}

.n-page-hero {
    padding-top: clamp(1.25rem, 2vw, 2rem)
}

.n-author-box__header,
.n-page-hero__mobile {
    display: block
}

.n-hero-card {
    position: relative
}

.n-hero-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 28%, rgba(17, 17, 17, .6) 100%);
    pointer-events: none
}

.n-hero-card__media .n-media-fill,
.n-hero-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.n-hero-card__content {
    position: absolute;
    inset-inline: 1.5rem;
    bottom: 1.5rem;
    z-index: 1;
    display: grid;
    gap: 1rem;
    color: var(--on-primary)
}

.n-hero-card__title {
    margin: 0;
    font-family: var(--font-headline);
    font-size: clamp(2rem, 7vw, 3.1rem);
    font-style: italic;
    line-height: 1.04
}

.n-hero-shell {
    display: grid;
    gap: clamp(1.5rem, 3vw, 3rem)
}

.n-hero-copy {
    display: grid;
    gap: 1.5rem;
    align-content: center
}

.n-hero-copy__title {
    margin: 0;
    color: var(--on-surface);
    font-family: var(--font-headline);
    font-size: clamp(3.25rem, 5vw, 4rem);
    font-weight: 300;
    line-height: 1.1;
    letter-spacing: -.04em
}

.n-hero-copy__description {
    max-width: 34rem;
    margin: 0;
    color: var(--on-surface-variant);
    font-size: 1.0625rem;
    font-weight: 300;
    line-height: 1.75
}

.n-hero-visual,
.n-related-card__media {
    aspect-ratio: 16/10
}

.n-hero-visual img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .8s
}

.n-ad-slot {
    display: grid;
    place-items: center;
    min-height: 8rem;
    border: 2px dashed rgba(216, 193, 194, .6);
    border-radius: var(--radius-md);
    background: var(--surface-container-low)
}

.n-ad-slot__eyebrow {
    color: var(--on-surface-variant);
    font-size: .625rem;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase
}

.n-ad-slot__content {
    margin-top: .5rem;
    color: rgba(83, 67, 68, .55);
    font-family: var(--font-headline);
    font-size: 1.125rem;
    font-style: italic
}

.n-section-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.5rem
}

.n-section-heading__title {
    margin: 0;
    color: var(--on-surface);
    font-family: var(--font-headline);
    font-size: clamp(1.5rem, 2.4vw, 2rem);
    font-style: italic
}

.n-filter-row__label,
.n-section-heading__link {
    color: var(--secondary);
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase
}

.n-chip-rail {
    display: flex;
    gap: .75rem;
    overflow-x: auto;
    padding-inline: var(--container-inline);
    padding-bottom: .5rem;
    scrollbar-width: none
}

.n-chip-rail::-webkit-scrollbar {
    display: none
}

.n-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.75rem;
    padding: .7rem 1.3rem;
    border: 1px solid transparent;
    border-radius: var(--radius-pill);
    background: var(--surface-container-highest);
    color: var(--on-surface);
    font-size: .875rem;
    font-weight: 600;
    white-space: nowrap;
    transition: background-color .25s, color .25s, border-color .25s
}

.n-chip-link.is-active,
.n-chip-link:hover,
.n-chip.is-active,
.n-chip:hover,
.n-pagination .page-numbers.current,
.n-pagination a.page-numbers:hover {
    background: var(--primary);
    color: var(--on-primary);
    list-style-type: none;
}

.n-post-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    transition: opacity .3s
}

.n-grid-actions {
    display: flex;
    justify-content: center;
    padding-top: 1rem
}

.n-sponsored-card {
    display: grid;
    gap: 1rem;
    padding: 1.5rem;
    border: 1px solid var(--border-soft);
    border-radius: var(--radius-lg);
    background: var(--surface-container-low)
}

.n-sponsored-card__title {
    color: rgba(83, 67, 68, .65);
    font-size: .625rem;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase
}

.n-sponsored-card__media {
    display: grid;
    place-items: center;
    min-height: 12rem;
    border-radius: var(--radius-sm);
    background: var(--surface-container-high);
    color: rgba(83, 67, 68, .45);
    font-style: italic
}

.n-sponsored-card__cta {
    padding: 1rem 1.1rem;
    border-radius: var(--radius-sm);
    background: rgba(146, 71, 83, .05);
    color: var(--on-surface-variant);
    font-size: .9375rem;
    font-weight: 500
}

.n-card__action,
.n-card__category {
    font-weight: 700;
    text-transform: uppercase
}

.n-editorial {
    width: min(100%, var(--content-max-width));
    margin-inline: auto
}

.n-editorial__header {
    margin-bottom: 2rem
}

.n-editorial__title {
    margin: .75rem 0 1rem;
    color: var(--on-surface);
    font-family: var(--font-headline);
    font-size: clamp(2.25rem, 5vw, 3.5rem);
    font-style: italic;
    line-height: 1.08
}

.n-editorial__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .75rem;
    color: rgba(83, 67, 68, .65);
    font-size: .75rem;
    font-style: italic;
    margin-bottom: 1rem
}

.n-editorial__meta-dot {
    width: .35rem;
    height: .35rem;
    border-radius: 50%;
    background: var(--outline-variant)
}

.n-editorial__content {
    display: grid;
    gap: 1.5rem;
    color: var(--on-surface);
    font-size: 1.05rem;
    line-height: 1.9
}

.n-editorial__content p {
    margin: 0
}

.n-editorial__lead::first-letter {
    float: left;
    margin: .25rem .75rem 0 0;
    color: var(--primary);
    font-family: var(--font-headline);
    font-size: 4rem;
    line-height: .9
}

.n-editorial__subheading {
    margin: 0;
    padding-top: .25rem;
    color: var(--on-surface);
    font-family: var(--font-headline);
    font-size: 1.7rem;
    font-style: italic;
    line-height: 1.2
}

.n-pull-quote {
    position: relative;
    overflow: hidden;
    margin: .5rem 0;
    padding: 2rem;
    border-radius: var(--radius-lg);
    background: var(--surface-container)
}

.n-pull-quote__icon {
    position: absolute;
    top: -.75rem;
    right: -.5rem;
    color: rgba(146, 71, 83, .1);
    font-size: 5.5rem
}

.n-pull-quote__title {
    margin: 0 0 .75rem;
    color: var(--on-surface);
    font-family: var(--font-headline);
    font-size: 1.25rem;
    font-style: italic
}

.n-pull-quote__text {
    margin: 0;
    color: var(--on-surface-variant);
    font-size: .9375rem;
    font-style: italic;
    line-height: 1.7
}

.n-cta-card {
    position: relative;
    overflow: hidden;
    padding: clamp(2rem, 5vw, 4rem);
    border-radius: 2rem;
    background: var(--primary-fixed)
}

.n-cta-card__content {
    position: relative;
    z-index: 1;
    max-width: 34rem
}

.n-cta-card__title {
    margin: 0 0 1rem;
    color: var(--on-primary-fixed);
    font-family: var(--font-headline);
    font-size: clamp(2rem, 5vw, 3.25rem);
    font-style: italic;
    line-height: 1.08
}

.n-cta-card__text {
    margin: 0 0 2rem;
    color: var(--on-primary-fixed-variant);
    font-size: 1rem;
    line-height: 1.75
}

.n-cta-card__glow {
    position: absolute;
    right: -4rem;
    bottom: -4rem;
    width: 18rem;
    height: 18rem;
    border-radius: 50%;
    background: rgba(146, 71, 83, .12);
    filter: blur(40px)
}

.n-card--grid .post-thumbnail {
    margin: 0
}

.n-card__media {
    position: relative;
    overflow: hidden;
    border-radius: var(--radius-md);
    background: var(--surface-container);
    aspect-ratio: 16/10
}

.n-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .7s
}

.n-card--grid:hover .n-card__media img {
    transform: scale(1.05)
}

.n-card__placeholder {
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    background: var(--surface-container-high);
    color: var(--outline-variant)
}

.n-card__placeholder .n-icon,
.n-empty-state>.n-icon {
    font-size: 2rem
}

.n-card__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 38%, rgba(0, 0, 0, .52) 100%);
    opacity: 0;
    transition: opacity .3s
}

.n-archive-card:hover .n-archive-card__overlay,
.n-card--grid:hover .n-card__overlay,
.n-search-card:hover .n-search-card__overlay {
    opacity: 1
}

.n-card__body {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem
}

.n-card__category {
    display: block;
    /* margin-bottom:.35rem; */
    color: var(--secondary);
    font-size: .625rem;
    letter-spacing: .2em
}

.n-card__title {
    margin: 0;
    color: var(--on-surface);
    font-family: var(--font-headline);
    font-size: 1.5rem;
    font-style: italic;
    line-height: 1.18;
    transition: color .25s
}

.n-card--grid:hover .n-card__title,
.n-card__action {
    color: var(--primary)
}

.n-card__action {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    border-bottom: 1px solid rgba(146, 71, 83, .2);
    font-size: .75rem;
    letter-spacing: .14em;
    white-space: nowrap;
    transition: transform .25s
}

.n-card--grid:hover .n-card__action {
    transform: translateX(.35rem)
}

.n-card__action .n-icon {
    font-size: .95rem
}

@media (min-width:64rem) {
    .n-home-hero__copy {
        gap: 1.75rem;
        padding: calc(var(--header-height) + clamp(3.75rem, 8vw, 6.25rem)) 0 clamp(3rem, 6vw, 5rem)
    }

    .n-home-faq-grid,
    .n-home-hero__rail,
    .n-product-related__grid,
    .n-product-summary__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .n-home-need-grid,
    .n-home-picks,
    .n-home-update-list,
    .n-product-archive-picks,
    .n-product-archive-updated,
    .n-product-card-grid,
    .n-product-link-list {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .n-home-latest-grid,
    .n-home-trending-grid,
    .n-product-archive-needs {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .n-home-update-item {
        grid-template-rows: auto 1fr auto
    }

    .n-home-mobile-sticky-cta,
    .n-page-hero__mobile,
    .n-product-mobile-cta,
    .n-sponsored-card {
        display: none
    }

    .n-product-shell {
        grid-template-columns: minmax(0, 6fr) minmax(18rem, 5fr);
        align-items: start
    }

    .n-product-main {
        grid-template-columns: minmax(18rem, 5fr) minmax(0, 6fr);
        align-items: start
    }

    .n-product-visual {
        position: sticky;
        top: calc(var(--header-height) + 2rem)
    }

    .n-page-hero__desktop {
        display: block
    }

    .n-hero-shell {
        grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
        align-items: center
    }

    .n-post-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 2rem
    }

    .n-card--grid {
        gap: 1.5rem
    }

    .n-card__media {
        aspect-ratio: 1/1;
        box-shadow: none
    }
}

@media (min-width:48rem) and (max-width:63.99rem) {

    .n-home-faq-grid,
    .n-home-latest-grid,
    .n-home-picks,
    .n-home-trending-grid,
    .n-home-update-list,
    .n-post-grid,
    .n-product-archive-updated,
    .n-product-card-grid,
    .n-product-link-list,
    .n-product-related__grid,
    .n-product-summary__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .n-home-need-grid,
    .n-product-archive-picks {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .n-product-archive-needs {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
}

@media (max-width:47.99rem) {
    .n-two-column {
        grid-template-columns: minmax(0, 1fr);
        gap: 1.5rem
    }

    .n-sidebar-column {
        width: 100%;
        overflow-x: hidden
    }

    .n-home-need-grid,
    .n-home-picks {
        grid-auto-flow: column;
        grid-auto-columns: 84%;
        grid-template-columns: none;
        overflow-x: auto;
        padding-inline-end: 0.25rem;
        scroll-snap-type: x proximity;
        scrollbar-width: none
    }

    .n-page-shell {
        padding-inline: 1rem
    }

    .n-home-picks {
        display: grid;
        padding-bottom: .45rem
    }

    .n-home-picks::-webkit-scrollbar {
        display: none
    }

    .n-home-pick-card {
        width: 100%;
        scroll-snap-align: start;
        min-height: 17rem
    }

    .n-home-need-grid {
        gap: .9rem;
        padding-bottom: .4rem
    }

    .n-home-need-grid::-webkit-scrollbar {
        display: none
    }

    .n-home-need-pill {
        width: 100%;
        scroll-snap-align: start;
        min-height: 11.25rem
    }

    .n-home-need-pill__text {
        max-width: 12rem;
        font-size: 1.42rem
    }

    .n-home-featured-guide,
    .n-home-knowledge {
        border-radius: var(--radius-md)
    }

    .n-home-update-item,
    .n-product-archive-needs {
        grid-template-columns: 1fr
    }

    .n-home-mobile-sticky-cta {
        left: 1rem;
        right: 1rem;
        justify-content: center
    }

    .n-product-page__title {
        max-width: 100%;
        font-size: clamp(2rem, 8vw, 2.45rem);
        line-height: 1.08;
        letter-spacing: -.03em
    }

    .n-product-page__header {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }

    .n-product-page__best-for {
        width: auto;
        max-width: 100%;
        font-size: .88rem;
        line-height: 1.45;
        white-space: normal
    }

    .editorial-design__desc,
    .n-author-box__bio,
    .n-post-hero__summary,
    .n-product-page__hook,
    .review-product-card__description,
    .review-product-card__summary,
    .single-post:not(.page-template-template-review-php) .nail-ideas-card__description,
    .single-post:not(.page-template-template-review-php) .nail-ideas-card__description p {
        font-size: .96rem;
        line-height: 1.7
    }

    .n-product-shell {
        gap: 1.5rem
    }

    .n-product-main,
    .n-product-related__grid {
        gap: 1rem
    }

    .n-product-visual {
        border-radius: 1.35rem;
        aspect-ratio: 4/4.8
    }

    .n-product-summary {
        gap: .9rem
    }

    .n-product-link-card,
    .n-product-panel,
    .n-product-related-card,
    .n-product-summary__block {
        padding: 1rem;
        border-radius: 1.2rem
    }

    .n-product-summary__heading {
        font-size: 1.28rem
    }

    .n-product-panel__title {
        font-size: 1.02rem;
        line-height: 1.3
    }

    .n-product-panel__list li,
    .n-product-summary-list li {
        font-size: .95rem;
        line-height: 1.65
    }

    .n-product-panel__metric {
        font-size: 1.35rem
    }

    .n-cta-card--product {
        padding: 1.25rem
    }

    .n-cta-card--product .n-cta-card__title {
        font-size: clamp(1.45rem, 6vw, 1.9rem);
        line-height: 1.15
    }

    .n-editorial__meta {
        gap: .5rem;
        font-size: .7rem;
        line-height: 1.45
    }

    .n-toc {
        padding: 1rem;
        margin-bottom: 2rem
    }

    .n-toc__title {
        font-size: 1.05rem;
        line-height: 1.3
    }

    .n-post-hero__author {
        align-items: flex-start;
        gap: .75rem;
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .first-letter-styling>p:first-of-type::first-letter {
        float: none;
        margin-right: .35rem;
        font-size: 2.4rem;
        line-height: 1
    }

    .single-post:not(.page-template-template-review-php) .nail-ideas-card {
        margin-block: 2.25rem
    }

    .single-post:not(.page-template-template-review-php) .nail-ideas-card__grid {
        gap: 1.25rem
    }

    .single-post:not(.page-template-template-review-php) .nail-ideas-card__content {
        gap: 1rem;
        padding-top: 0
    }

    .single-post:not(.page-template-template-review-php) .nail-ideas-card__title {
        font-size: clamp(1.6rem, 7vw, 2rem);
        line-height: 1.15;
        margin-bottom: 10px;
    }

    .single-post:not(.page-template-template-review-php) .nail-ideas-card__tip {
        padding: 1rem 1rem 1rem 1.1rem
    }

    .single-post:not(.page-template-template-review-php) .nail-ideas-card__actions {
        gap: .85rem 1rem;
        padding-inline: 0
    }

    .editorial-design__product,
    .single-post:not(.page-template-template-review-php) .nail-ideas-card__product {
        flex-direction: column;
        align-items: flex-start
    }

    .editorial-design__product .n-button,
    .single-post:not(.page-template-template-review-php) .nail-ideas-card__shop {
        width: 100%;
        justify-content: flex-start
    }

    .editorial-designs {
        margin: 4rem auto 3rem;
        gap: 2.25rem
    }

    .editorial-design {
        gap: 1.25rem
    }

    .editorial-design__content {
        gap: 1.1rem
    }

    .editorial-design__title {
        font-size: clamp(1.6rem, 7vw, 2.2rem);
        line-height: 1.15
    }

    .editorial-design__tip {
        padding: 1rem;
        border-left-width: 4px
    }

    .editorial-design__actions {
        left: 1rem;
        bottom: 1rem;
        gap: .5rem
    }

    .review-products {
        gap: 2rem;
        margin-bottom: 4rem
    }

    .review-product-card {
        border-radius: 1.5rem
    }

    .review-product-card__content {
        padding: 1.1rem
    }

    .review-product-card__head {
        align-items: flex-start;
        flex-direction: column;
        gap: .85rem
    }

    .review-product-card__head-meta {
        gap: .55rem
    }

    .review-product-card__price-pill {
        max-width: 100%;
        padding: .55rem .8rem
    }

    .review-product-card__badge,
    .review-product-card__best-for span,
    .review-product-card__cta-context,
    .review-product-card__eyebrow,
    .review-product-card__list h4,
    .review-product-card__price-pill,
    .review-product-card__verdict-label {
        letter-spacing: .12em
    }

    .review-product-card__summary {
        margin-bottom: 1rem;
        font-weight: 500
    }

    .review-product-card__callouts,
    .review-product-card__feature-grid {
        margin-bottom: 1rem
    }

    .review-product-card__callout,
    .review-product-card__panel {
        padding: 1rem
    }

    .review-product-card__shop {
        padding-top: 1rem;
        margin-bottom: 1.1rem
    }

    .review-product-card__cta {
        min-width: 100%;
        width: 100%
    }

    .review-product-card__cta-context {
        margin-top: .9rem;
        line-height: 1.45;
        white-space: normal
    }

    .review-product-card__description-wrap {
        margin-bottom: 0
    }

    .comparison-table,
    .n-page-article table,
    .n-richtext table {
        min-width: 38rem
    }

    .comparison-table td,
    .comparison-table th,
    .n-page-article td,
    .n-page-article th,
    .n-richtext td,
    .n-richtext th {
        padding: .75rem .85rem;
        font-size: .92rem
    }

    .faq-section,
    .related-section {
        margin-top: 4rem;
        padding-top: 2.5rem
    }

    .n-card__body {
        display: grid;
        grid-template-columns: 1fr auto;
        align-items: end
    }

    .n-cta-card,
    .n-pull-quote,
    .n-sponsored-card {
        border-radius: var(--radius-md)
    }
}

.n-page-shell {
    width: min(100%, var(--site-max-width));
    margin-inline: auto;
    padding-inline: var(--container-inline);
    padding-block: clamp(2rem, 5vw, 2rem)
}

.n-page-shell--wide {
    padding-bottom: var(--section-space)
}

.n-page-header {
    display: grid;
    gap: 1rem;
    margin-bottom: clamp(2rem, 4vw, 2rem)
}

.n-page-title {
    margin: 0;
    color: var(--on-surface);
    font-family: var(--font-headline);
    font-size: clamp(2.5rem, 6vw, 4.5rem);
    line-height: 1.08
}

.n-page-intro {
    max-width: 48rem;
    color: rgba(83, 67, 68, .82);
    font-size: 1rem;
    line-height: 1.8
}

.n-filter-row {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    align-items: center;
    margin-bottom: 2rem
}

.n-chip-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.75rem;
    padding: .7rem 1.35rem;
    border-radius: var(--radius-pill);
    background: var(--surface-container-highest);
    color: var(--on-surface-variant);
    font-size: .8125rem;
    font-weight: 600;
    transition: background-color .25s, color .25s
}

.n-category-archive {
    display: grid;
    gap: clamp(2.5rem, 5vw, 4.5rem);
    padding-top: clamp(.5rem, 7vw, .5rem);
    padding-bottom: clamp(1rem, 6vw, 1rem)
}

.n-category-archive__content,
.n-category-archive__cta,
.n-category-archive__hero {
    display: grid;
    gap: 1.1rem
}

.n-category-archive__hero {
    gap: 1.35rem
}

.n-category-archive__hero-layout {
    display: grid;
    gap: 1.25rem;
    align-items: stretch;
    padding: clamp(1.1rem, 2vw, 1.5rem);
    border-radius: 1.9rem;
    background: linear-gradient(135deg, rgba(255, 255, 255, .84) 0, rgba(245, 238, 231, .92) 100%)
}

.n-category-archive__hero-copy {
    display: grid;
    align-content: center;
    gap: .9rem;
    min-height: auto;
    padding: .35rem 0
}

.n-category-archive__title {
    margin: 0;
    font-family: var(--font-headline);
    font-size: clamp(2.1rem, 4.8vw, 3.7rem);
    font-weight: 400;
    line-height: .94;
    letter-spacing: -.035em;
    color: #7d3f4a
}

.n-category-archive__cta-text,
.n-category-archive__description,
.n-category-archive__section-text {
    max-width: 42rem;
    margin: 0;
    color: var(--on-surface-variant);
    font-size: 1rem;
    line-height: 1.7
}

.n-sidebar-column,
.n-two-column>*,
.widget,
.widget-area,
.widget-shell {
    min-width: 0;
    max-width: 100%
}

.n-category-archive__hero-cta {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    width: fit-content;
    color: var(--primary);
    font-family: var(--font-button);
    font-size: .82rem;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase
}

.n-category-archive__hero-media {
    position: relative;
    overflow: hidden;
    height: clamp(18.75rem, 28vw, 23.75rem);
    max-height: 23.75rem;
    border-radius: 1.5rem;
    background: linear-gradient(180deg, #f0eee9 0, #e4e2dd 100%);
    isolation: isolate
}

.n-category-archive__hero-image,
.n-category-archive__hero-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block
}

.n-category-archive__hero-placeholder {
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    color: rgba(125, 63, 74, .34)
}

.n-category-archive__hero-placeholder .n-icon {
    font-size: 2.4rem
}

.n-category-archive__micro {
    display: grid;
    gap: .2rem;
    padding-top: .2rem
}

.n-category-archive__micro-label {
    color: var(--secondary);
    font-family: var(--font-menu);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase
}

.n-category-archive__micro-items {
    margin: 0;
    color: var(--on-surface);
    font-size: .98rem;
    line-height: 1.6
}

.n-category-archive__micro-link {
    color: inherit;
    text-decoration: none;
    border-bottom: 1px solid rgba(24, 26, 27, .18);
    transition: border-color .2s ease, color .2s ease
}

.n-category-archive__micro-link:hover,
.n-category-archive__micro-link:focus {
    color: var(--primary);
    border-bottom-color: currentColor
}

.n-category-archive__section-head {
    display: grid;
    gap: .6rem
}

.n-category-archive__cta-title,
.n-category-archive__section-title {
    margin: 0;
    font-family: var(--font-headline);
    font-size: clamp(1.8rem, 3.5vw, 2.8rem);
    font-weight: 400;
    line-height: 1.05;
    color: var(--on-surface)
}

.n-category-archive__curated-links {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem
}

.n-category-pill {
    display: inline-flex;
    align-items: center;
    min-height: 2.85rem;
    padding: .7rem 1.15rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, .84);
    color: var(--on-surface);
    font-family: var(--font-menu);
    font-size: .9rem;
    font-weight: 500;
    line-height: 1;
    transition: transform .25s, background-color .25s, color .25s, box-shadow .25s;
    box-shadow: 0 10px 24px rgba(27, 28, 25, .04)
}

.n-category-pill.is-active,
.n-category-pill:hover {
    background: var(--primary);
    color: var(--on-primary);
    transform: translateY(-1px)
}

.n-category-grid {
    display: grid;
    gap: 1.6rem
}

.n-category-card {
    height: 100%
}

.n-category-card__link {
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: 1.5rem;
    background: rgba(255, 255, 255, .72);
    overflow: hidden;
    transition: transform .28s, box-shadow .28s
}

.n-category-card__link:hover {
    transform: translateY(-3px);
    box-shadow: 0 18px 36px rgba(27, 28, 25, .08)
}

.n-category-card__media {
    position: relative;
    overflow: hidden;
    background: var(--surface-container-low)
}

.n-category-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .6s
}

.n-category-card__link:hover .n-category-card__media img {
    transform: scale(1.04)
}

.n-archive-card:hover .n-archive-card__media img,
.n-featured-bento__card:hover img,
.n-index-card:hover .n-index-card__media img,
.n-related-card:hover .n-related-card__media img,
.n-search-card:hover .n-search-card__media img {
    transform: scale(1.05)
}

.n-category-card__body {
    display: grid;
    gap: .75rem;
    padding: 1.25rem 1.25rem 1.35rem
}

.n-category-card__title {
    margin: 0;
    color: var(--on-surface);
    line-height: 1.12
}

.n-category-card__excerpt {
    line-height: 1.75
}

.n-category-card__kicker,
.n-category-card__meta {
    font-family: var(--font-menu);
    font-size: .82rem;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase
}

.n-category-card__action {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    margin-top: .2rem;
    color: var(--primary);
    font-family: var(--font-button);
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase
}

.n-category-card__highlights {
    display: grid;
    gap: .45rem;
    margin: 0;
    padding-left: 1rem;
    color: var(--on-surface-variant);
    line-height: 1.6
}

.n-category-card--guide .n-category-card__media,
.n-category-card--review .n-category-card__media {
    aspect-ratio: 16/10
}

.n-category-card--idea .n-category-card__title {
    font-family: var(--font-headline);
    font-size: clamp(1.55rem, 2.3vw, 1.55rem);
    font-weight: 400;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.n-category-card--review .n-category-card__title {
    font-family: var(--font-headline);
    font-size: clamp(1.45rem, 2vw, 1.85rem);
    font-weight: 400
}

.n-category-card--guide .n-category-card__link {
    display: grid;
    grid-template-columns: minmax(0, 1fr)
}

.n-category-card--guide .n-category-card__title {
    font-family: var(--font-headline);
    font-size: clamp(1.35rem, 2vw, 1.7rem);
    font-weight: 400
}

.n-category-archive__cta {
    align-items: start;
    padding: clamp(1.5rem, 3vw, 2.25rem);
    border-radius: 1.75rem;
    background: linear-gradient(135deg, rgba(255, 255, 255, .88) 0, rgba(246, 239, 232, .96) 100%);
    box-shadow: 0 18px 42px rgba(27, 28, 25, .05)
}

.n-category-archive__cta-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .85rem
}

@media (min-width:48rem) {
    .n-category-grid--nail-ideas {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .n-category-archive__hero-layout {
        grid-template-columns: minmax(0, 1.05fr) minmax(18rem, 0.95fr);
        gap: 1.5rem;
        min-height: clamp(18.75rem, 28vw, 23.75rem)
    }

    .n-category-grid--guides,
    .n-category-grid--reviews {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .n-category-card--guide .n-category-card__link {
        grid-template-columns: minmax(12rem, 16rem) minmax(0, 1fr);
        align-items: stretch
    }

    .n-category-card--guide .n-category-card__media {
        aspect-ratio: auto;
        min-height: 100%
    }

    .n-category-archive__cta {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        justify-content: space-between;
        gap: 1.5rem
    }
}

@media (min-width:75rem) {
    .n-category-archive__hero-layout {
        grid-template-columns: minmax(0, 1.08fr) minmax(22rem, 0.92fr)
    }

    .n-category-grid--nail-ideas {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 2rem
    }

    .n-category-grid--reviews {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 1.75rem
    }
}

.n-results-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem
}

.n-archive-card__media,
.n-index-card__media,
.n-search-card__media {
    position: relative;
    overflow: hidden;
    border-radius: var(--radius-md);
    background: var(--surface-container-low)
}

.n-search-card__media {
    aspect-ratio: 3/4
}

.n-archive-card__media--standard {
    aspect-ratio: 4/5
}

.n-archive-card__media--tall {
    aspect-ratio: 4/6
}

.n-index-card__media {
    aspect-ratio: 1/1
}

.n-archive-card__media img,
.n-index-card__media img,
.n-search-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .6s
}

.n-archive-card__overlay,
.n-search-card__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 38%, rgba(0, 0, 0, .55) 100%);
    opacity: 0;
    transition: opacity .3s
}

.n-archive-card__meta,
.n-search-card__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding-top: .5rem
}

.n-archive-card__title,
.n-index-card__title,
.n-search-card__title {
    margin: 0;
    font-family: var(--font-headline);
    color: var(--on-surface);
    line-height: 1.18;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important
}

.n-archive-card__title,
.n-search-card__title {
    font-size: clamp(1.5rem, 3vw, 2rem)
}

.n-index-card__title {
    font-size: 1.5rem
}

.n-archive-card__excerpt,
.n-index-card__excerpt,
.n-search-card__excerpt {
    color: var(--on-surface-variant);
    line-height: 1.75
}

.n-archive-card__action,
.n-index-card__action,
.n-search-card__action {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    color: var(--primary);
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase
}

.n-empty-state {
    display: grid;
    place-items: center;
    gap: 1rem;
    padding: 4rem 1.5rem;
    border: 1px solid var(--border-soft);
    border-radius: var(--radius-lg);
    background: var(--surface-container-lowest);
    box-shadow: var(--shadow-card)
}

.n-pagination {
    display: flex;
    justify-content: center;
    margin-top: 2.5rem
}

.n-pagination .nav-links,
.n-pagination .page-numbers {
    display: flex;
    align-items: center;
    gap: .5rem;
    list-style-type: none;
}

.n-pagination .page-numbers {
    justify-content: center;
    min-width: 2.6rem;
    min-height: 2.6rem;
    padding-inline: 1rem;
    border-radius: var(--radius-pill);
    background: var(--surface-container);
    color: var(--on-surface-variant);
    font-size: .875rem;
    font-weight: 700
}

.n-feature-promo {
    display: grid;
    gap: 2rem;
    align-items: center;
    margin-top: var(--section-space);
    padding: clamp(2rem, 4vw, 3rem);
    border-radius: 2rem;
    background: var(--surface-container-low);
    overflow: hidden;
    position: relative
}

.n-feature-promo__title {
    margin: 0 0 1rem;
    font-family: var(--font-headline);
    font-size: clamp(2rem, 5vw, 3rem);
    line-height: 1.12
}

.n-feature-promo__text {
    margin: 0 0 2rem;
    color: var(--on-surface-variant);
    line-height: 1.8
}

.n-feature-promo__media {
    position: relative;
    min-height: 16rem;
    display: none
}

.n-feature-promo__media-primary,
.n-feature-promo__media-secondary {
    position: absolute;
    object-fit: cover;
    border-radius: var(--radius-md);
    box-shadow: 0 18px 38px rgba(27, 28, 25, .12)
}

.n-feature-promo__media-primary {
    inset: 0 0 0 auto;
    width: 78%;
    height: 100%;
    transform: rotate(3deg)
}

.n-feature-promo__media-secondary {
    left: 0;
    bottom: -1rem;
    width: 58%;
    height: 65%;
    border: 4px solid var(--surface);
    transform: rotate(-6deg)
}

.n-page-article,
.n-richtext {
    color: var(--on-surface-variant);
    font-size: 1.0625rem;
    line-height: 1.85
}

.n-page-article>*+*,
.n-richtext>*+*,
.n-toc__content {
    margin-top: 1.25rem
}

.n-page-article h1,
.n-page-article h2,
.n-page-article h4,
.n-richtext h1,
.n-richtext h2,
.n-richtext h4 {
    margin: 2.25rem 0 1rem;
    color: var(--on-surface);
    font-family: var(--font-headline);
    font-weight: 400;
    line-height: 1.2
}

.n-page-article h2,
.n-richtext h2 {
    font-size: clamp(2rem, 4vw, 2.8rem)
}

.n-page-article h3,
.n-richtext h3 {
    margin: 2rem 0 .9rem;
    color: var(--on-surface);
    font-family: var(--font-heading-alt);
    font-weight: 600;
    line-height: 1.25;
    font-size: clamp(1.5rem, 3vw, 2rem)
}

.n-page-article a,
.n-richtext a {
    color: var(--primary);
    font-weight: 700
}

.n-page-article strong,
.n-richtext strong {
    color: var(--on-surface)
}

.n-page-article ol,
.n-page-article ul,
.n-richtext ol,
.n-richtext ul {
    padding-left: 1.25rem
}

.n-page-article li+li,
.n-richtext li+li {
    margin-top: .5rem
}

.n-guide-card,
.n-newsletter,
.n-page-article img,
.n-post-hero__image,
.n-post-hero__quote,
.n-related-grid,
.n-review-card,
.n-richtext img {
    border-radius: var(--radius-md)
}

.n-page-article table,
.n-richtext table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid rgba(216, 193, 194, .42);
    background: var(--surface-container-lowest)
}

.n-page-article td,
.n-page-article th,
.n-richtext td,
.n-richtext th {
    padding: .95rem 1.2rem;
    text-align: left;
    vertical-align: top;
    border: 1px solid rgba(216, 193, 194, .38)
}

.n-page-article thead th,
.n-richtext thead th {
    background: var(--surface-container);
    color: var(--on-surface)
}

.n-two-column {
    display: grid;
    gap: 2rem;
    align-items: start
}

.n-sidebar {
    display: grid;
    gap: 2rem;
    min-width: 0
}

.n-sidebar-column {
    align-self: start
}

.n-sidebar__empty {
    padding: 2rem;
    color: rgba(83, 67, 68, .6);
    font-style: italic
}

.n-toc {
    position: relative;
    overflow: hidden;
    margin-bottom: 3rem;
    padding: 1.5rem;
    border: 1px solid rgba(216, 193, 194, .3);
    border-radius: var(--radius-md);
    background: var(--surface-container-lowest);
    box-shadow: var(--shadow-card)
}

.n-toc__title {
    margin: 0;
    display: flex;
    align-items: center;
    gap: .75rem;
    font-family: var(--font-headline);
    font-size: 1.35rem;
    color: var(--on-surface)
}

.n-toc__item {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    color: var(--on-surface-variant);
    padding-bottom: .5rem;
    border-bottom: 1px solid transparent;
    transition: color .25s, border-color .25s
}

.n-toc__item:hover {
    color: var(--primary);
    border-bottom-color: rgba(146, 71, 83, .25)
}

.n-toc__index {
    color: rgba(83, 67, 68, .5);
    font-size: .875rem;
    font-weight: 700;
    flex: 0 0 2rem
}

.n-post-hero,
.n-review-hero {
    display: grid;
    gap: clamp(1rem, 4vw, 1.5rem);
    align-items: center
}

.n-post-hero__title,
.n-review-hero__title {
    margin: 0;
    color: var(--on-surface);
    font-family: var(--font-headline);
    font-size: clamp(2rem, 7vw, 2.8rem);
    line-height: 1.05
}

.n-post-hero__summary {
    /* max-width:38rem; */
    color: var(--on-surface-variant);
    font-size: 1.0625rem;
    line-height: 1.8
}

.n-post-hero__summary p {
    margin: 0
}

.n-post-hero__author {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    border-top: 1px solid rgba(216, 193, 194, .3)
}

.n-post-hero__initial {
    display: grid;
    place-items: center;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background: #fed88d;
    color: var(--secondary);
    font-weight: 700
}

.n-author-box {
    display: grid;
    gap: 1.25rem;
    align-items: start;
    margin: 3rem 0;
    padding: clamp(1.25rem, 2.5vw, 1.85rem);
    border: 1px solid rgba(216, 193, 194, .26);
    border-radius: 1.5rem;
    background: rgba(255, 255, 255, .72);
    box-shadow: 0 14px 32px rgba(27, 28, 25, .06)
}

.n-author-box__avatar {
    width: 4.75rem;
    height: 4.75rem;
    border-radius: 50%;
    overflow: hidden;
    background: rgba(255, 216, 141, .22);
    box-shadow: inset 0 0 0 1px rgba(216, 193, 194, .28)
}

.n-author-box__avatar-image {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.n-author-box__content {
    display: grid;
    gap: .5rem
}

.n-author-box__title {
    margin: 0;
    color: var(--on-surface);
    font-family: var(--font-headline);
    font-size: clamp(1.45rem, 3vw, 2rem);
    line-height: 1.15
}

.n-author-box__subtitle {
    margin: 0;
    color: rgba(83, 67, 68, .75);
    font-size: .95rem;
    font-weight: 600;
    line-height: 1.5
}

.n-author-box__bio {
    max-width: 42rem;
    margin: .25rem 0 0;
    color: var(--on-surface-variant);
    font-size: .98rem;
    line-height: 1.75
}

.n-author-box__actions .n-button {
    margin-top: 0;
    padding: 0;
    min-height: auto;
    border: 0;
    border-radius: 0;
    background: 0 0;
    box-shadow: none;
    color: var(--primary);
    font-size: .86rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase
}

.n-author-box__actions .n-button:hover {
    color: var(--secondary);
    transform: none
}

.n-author-box__actions .n-button .n-icon {
    font-size: 1rem
}

@media (max-width:63.999rem) {
    .site-main {
        padding-top: calc(var(--header-height) + env(safe-area-inset-top, 0px) + .75rem)
    }

    .n-page-shell {
        padding-top: 1.5rem
    }

    .n-post-hero,
    .n-review-hero {
        gap: 1.25rem
    }

    .n-post-hero__title,
    .n-review-hero__title {
        font-size: clamp(2.15rem, 8.8vw, 2.85rem);
        line-height: 1.14;
        padding-top: .18rem;
        overflow: visible
    }

    .review-product-card__title {
        display: block;
        font-size: clamp(1.3rem, 5.9vw, 1.7rem);
        line-height: 1.25;
        -webkit-line-clamp: unset;
        line-clamp: unset;
        overflow: visible
    }
}

@media (max-width:767px) {
    .n-author-box__avatar {
        display: none
    }
}

@media (min-width:768px) {
    .n-author-box {
        grid-template-columns: 4.75rem minmax(0, 1fr);
        gap: .75rem 1.25rem
    }

    .n-author-box__content {
        align-content: start
    }
}

.n-post-hero__visual-grid,
.n-related-card,
.n-shop-kit {
    display: grid;
    gap: 1rem
}

.n-post-hero__image {
    overflow: hidden;
    background: var(--surface-container);
    box-shadow: 0 18px 40px rgba(27, 28, 25, .14)
}

.n-post-hero__image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.n-post-hero__quote {
    display: grid;
    place-items: center;
    min-height: 15rem;
    padding: 2rem;
    background: var(--surface-container-high);
    color: var(--secondary);
    font-family: var(--font-headline);
    font-size: 1.125rem;
    font-style: italic
}

.n-related-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem
}

.n-related-card__media--portrait {
    aspect-ratio: 4/5
}

.n-related-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s
}

.n-guide-card {
    width: min(100%, 64rem);
    margin-inline: auto;
    padding: clamp(2rem, 5vw, 3.5rem);
    background: var(--surface-container)
}

.n-guide-step {
    display: flex;
    gap: 1.25rem
}

.n-guide-step__index {
    color: rgba(146, 71, 83, .2);
    font-family: var(--font-headline);
    font-size: clamp(2.5rem, 6vw, 4rem);
    line-height: 1
}

.n-newsletter {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 1.5rem;
    padding: clamp(2rem, 5vw, 3rem);
    border: 1px solid var(--border-soft);
    background: var(--surface-container-low)
}

.n-newsletter__glow {
    position: absolute;
    top: 0;
    right: 0;
    width: 16rem;
    height: 16rem;
    border-radius: 50%;
    background: rgba(146, 71, 83, .1);
    transform: translate(35%, -35%);
    filter: blur(32px)
}

.n-featured-bento__card,
.n-input {
    background: var(--surface-container-lowest)
}

.n-newsletter__form {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: .75rem
}

.n-newsletter-feedback {
    margin: .75rem 0 0;
    color: var(--primary);
    font-size: .875rem
}

.n-newsletter-toast {
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    z-index: 9999;
    width: min(24rem, calc(100vw - 2rem));
    padding: .95rem 1rem;
    border-radius: 1rem;
    color: #fff;
    font-size: .92rem;
    line-height: 1.5;
    box-shadow: 0 18px 40px rgba(27, 28, 25, .22);
    opacity: 0;
    transform: translateY(.75rem);
    pointer-events: none;
    transition: opacity .25s, transform .25s
}

.n-newsletter-toast.is-visible {
    opacity: 1;
    transform: translateY(0)
}

.n-newsletter-toast.is-success {
    background: linear-gradient(180deg, #2f7d57, #245f42)
}

.n-newsletter-toast.is-error {
    background: linear-gradient(180deg, #b24b5a, #8e3442)
}

.n-input {
    width: 100%;
    min-height: 3.25rem;
    padding: .95rem 1.35rem;
    border: 1px solid rgba(216, 193, 194, .35);
    border-radius: var(--radius-pill);
    color: var(--on-surface)
}

.n-input--search {
    padding-right: 4rem;
    font-style: italic
}

.n-input-wrap {
    position: relative
}

.n-input-wrap__icon {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--primary)
}

.n-sticky-bar.is-hidden {
    transform: translateY(100%)
}

.n-mobile-bottom-space {
    padding-bottom: 6rem
}

.n-featured-bento__card {
    position: relative;
    overflow: hidden;
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-card);
    min-height: 16rem
}

.n-featured-bento__card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .6s
}

.n-featured-bento__overlay {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: flex-end;
    padding: 1.5rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, .05), rgba(0, 0, 0, .78));
    color: #fff
}

.n-featured-bento__label {
    display: inline-flex;
    margin-bottom: .75rem;
    padding: .35rem .8rem;
    border-radius: var(--radius-pill);
    background: rgba(146, 71, 83, .92);
    color: #fff;
    font-size: .625rem;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase
}

.n-sticky-bar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 40;
    padding: .85rem var(--container-inline);
    border-top: 1px solid rgba(216, 193, 194, .25);
    background: rgba(255, 255, 255, .92);
    backdrop-filter: blur(18px);
    transform: translateY(0);
    transition: transform .5s;
    box-shadow: 0 -10px 30px rgba(0, 0, 0, .04)
}

.widget-shell {
    margin-bottom: 3rem
}

.n-sticky-bar__inner {
    width: min(100%, var(--site-max-width));
    margin-inline: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem
}

.n-icon-button {
    display: inline-grid;
    place-items: center;
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid rgba(216, 193, 194, .35);
    border-radius: 50%;
    background: var(--surface-container-lowest);
    color: var(--on-surface)
}

.n-shop-kit__item {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid rgba(216, 193, 194, .2);
    border-radius: var(--radius-md);
    background: var(--surface-container-low)
}

.n-shop-kit__thumb {
    width: 5rem;
    height: 5rem;
    overflow: hidden;
    border-radius: var(--radius-sm);
    background: var(--surface-container);
    flex: 0 0 auto
}

.n-shop-kit__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media (min-width:48rem) {

    .n-results-grid,
    .n-toc__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .n-related-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .n-newsletter__form {
        flex-direction: row;
        align-items: center
    }

    .n-feature-promo {
        grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr)
    }

    .n-feature-promo__media {
        display: block
    }

    .n-featured-bento {
        grid-template-columns: 2fr 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        min-height: 37.5rem
    }

    .n-featured-bento__card--featured {
        grid-column: 1;
        grid-row: 1/span 2
    }

    .n-featured-bento__card--stack {
        grid-column: 2
    }

    .n-featured-bento__card--tall {
        grid-column: 3;
        grid-row: 1/span 2
    }

    .design-card__grid,
    .single-post:not(.page-template-template-review-php) .nail-ideas-card__grid {
        grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
        gap: clamp(3rem, 5vw, 6rem)
    }

    .editorial-design {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 3rem
    }

    .review-product-card__feature-grid {
        grid-template-columns: 0.95fr 1fr 1fr;
        gap: 0
    }

    .review-product-card__panel {
        border-top: 0;
        border-left: 1px solid #eadfce
    }

    .review-product-card__panel:first-child {
        border-left: 0
    }

    .site-footer__bottom {
        flex-direction: row;
        align-items: center;
        justify-content: space-between
    }
}

@media (min-width:64rem) {

    .n-related-grid--three,
    .n-results-grid--three {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .n-two-column {
        grid-template-columns: minmax(0, 1fr) 20rem;
        gap: 3rem
    }

    .n-sidebar-column {
        position: sticky;
        top: 6.5rem;
        max-height: calc(100vh - 7.5rem);
        overflow-y: auto
    }

    .n-sidebar {
        align-self: start
    }

    .n-post-hero {
        grid-template-columns: minmax(0, 5fr) minmax(0, 7fr)
    }

    .n-post-hero__visual-grid {
        grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
        align-items: stretch
    }

    .n-post-hero__image--primary {
        min-height: 37.5rem
    }

    .n-post-hero__image-stack {
        display: grid;
        gap: 1rem
    }

    .n-post-hero__image-stack .n-post-hero__image {
        min-height: 15rem
    }

    .n-review-hero {
        justify-items: center;
        text-align: center
    }

    .n-sticky-bar {
        bottom: 0
    }

    .n-archive-card--offset-lg {
        margin-top: 3rem
    }

    .n-archive-card--offset-sm {
        margin-top: 2rem
    }

    .n-archive-card--lift-lg {
        margin-top: -3rem
    }

    .site-header__desktop {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 2rem;
        min-height: var(--header-height)
    }

    .mobile-bottom-nav,
    .site-header__mobile {
        display: none
    }

    .mobile-search,
    .site-footer__subscribe {
        display: block
    }

    .site-footer {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        padding-bottom: 4rem
    }

    .site-footer__grid {
        grid-template-columns: 1fr 1fr 2fr;
        align-items: start
    }
}

figure {
    width: 100% !important;
    height: auto;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center;
}

img {
    margin: 0 auto;
    height: auto;
}

.custom-logo {
    padding: 5px 0;
}

/* Post thumbnail 4:5 overrides */
.n-home-article-card__media,
.n-card__media,
.n-category-card--idea .n-category-card__media,
.n-category-card--review .n-category-card__media,
.n-category-card--guide .n-category-card__media,
.n-search-card__media,
.n-index-card__media,
.n-related-card__media,
.n-post-hero__image {
    aspect-ratio: 4/5 !important
}

.n-category-archive__hero-media {
    aspect-ratio: 16/9 !important;
    height: auto !important;
    max-height: none !important
}

.n-category-archive__hero-media img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media (min-width:48rem) {
    .n-category-card--guide .n-category-card__media {
        min-height: 0 !important
    }
}

@media (min-width:64rem) {

    .n-post-hero__image--primary,
    .n-post-hero__image-stack .n-post-hero__image {
        min-height: 0 !important
    }
}

/* Review product card redesign */
.review-products {
    display: grid;
    gap: 1rem;
    margin: clamp(1.5rem, 3vw, 2.25rem) 0
}

.review-product-card {
    border: 1px solid rgba(216, 193, 194, .28);
    border-radius: 1.4rem;
    background: rgba(255, 255, 255, .82);
    box-shadow: 0 12px 28px rgba(27, 28, 25, .05);
    overflow: hidden
}

.review-product-card__content {
    display: grid;
    gap: .85rem;
    padding: clamp(.95rem, 1.6vw, 1.2rem)
}

.review-product-card__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .55rem
}

.review-product-card__head-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .4rem
}

.review-product-card__number,
.review-product-card__badge,
.review-product-card__eyebrow,
.review-product-card__price-pill {
    display: inline-flex;
    align-items: center;
    min-height: 1.7rem;
    padding: .3rem .65rem;
    border-radius: 999px;
    font-size: .66rem;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase
}

.review-product-card__number {
    background: rgba(146, 71, 83, .1);
    color: var(--primary)
}

.review-product-card__eyebrow {
    background: rgba(240, 238, 233, .92);
    color: var(--on-surface-variant)
}

.review-product-card__badge {
    background: rgba(146, 71, 83, .92);
    color: #fff
}

.review-product-card__price-pill {
    background: rgba(255, 216, 141, .25);
    color: var(--secondary);
    white-space: nowrap
}

.review-product-card__hero {
    display: grid;
    gap: .8rem
}

.review-product-card__media-shell {
    min-width: 0
}

.review-product-card__media {
    position: relative;
    overflow: hidden;
    aspect-ratio: 4/5;
    border-radius: 1.1rem;
    background: var(--surface-container-low)
}

.review-product-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.review-product-card__image-source {
    margin: .5rem .1rem 0;
    font-size: .76rem;
    line-height: 1.4;
    font-style: italic;
    color: rgba(83, 67, 68, .72)
}

.review-product-card__main {
    display: grid;
    align-content: start;
    gap: .65rem;
    min-width: 0
}

.review-product-card__title {
    margin: 0 !important;
    font-family: var(--font-headline) !important;
    font-size: clamp(1.32rem, 2.5vw, 1.5rem) !important;
    line-height: 1.1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.review-product-card__text-block {
    display: grid;
    gap: .2rem
}

.review-product-card__label {
    margin: 0;
    color: var(--secondary);
    font-family: var(--font-menu);
    font-size: .64rem;
    font-weight: 700;
    letter-spacing: .13em;
    text-transform: uppercase
}

.review-product-card__best-for,
.review-product-card__summary {
    margin: 0;
    color: var(--on-surface);
    line-height: 1.5;
    font-size: .93rem
}

.review-product-card__pros-cons {
    display: grid;
    gap: .55rem;
    grid-template-columns: 1fr 1fr;
}

.review-product-card__list {
    display: grid;
    gap: 0rem;
    min-width: 0;
    padding: .7rem .8rem;
    border: 1px solid rgba(216, 193, 194, .2);
    border-radius: .9rem;
    background: rgba(251, 249, 244, .82)
}

.review-product-card__list-title {
    margin: 0;
    color: var(--on-surface);
    font-family: var(--font-menu);
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase
}

.review-product-card__list--pros .review-product-card__list-title {
    color: #b56573;
    margin: 0.5rem;
}

.review-product-card__list--cons .review-product-card__list-title {
    color: #8d837a;
    margin: 0.5rem;
}

.review-product-card__list ul {
    display: grid;
    gap: .35rem;
    margin: 0;
    padding: 0;
    list-style: none
}

.review-product-card__list li {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: flex-start;
    gap: .45rem;
    color: var(--on-surface-variant);
    font-size: .88rem;
    line-height: 1.45
}

.review-product-card__dot {
    width: .45rem;
    height: .45rem;
    margin-top: .4rem;
    border-radius: 50%;
    background: currentColor
}

.review-product-card__dot--pro {
    color: #b56573
}

.review-product-card__dot--con {
    color: #b0a9a0
}

.review-product-card__list-fallback {
    grid-template-columns: 1fr !important;
    font-style: italic;
    color: rgba(83, 67, 68, .72)
}

.review-product-card__shop {
    display: block
}

.review-product-card__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .6rem;
    width: 100%;
    margin-top: 0 !important
}

.review-product-card__description-wrap {
    display: grid;
    gap: .5rem;
    padding-top: .05rem
}

.review-product-card__description {
    color: var(--on-surface-variant);
    font-size: .92rem;
    line-height: 1.62
}

.review-product-card__description--collapsed {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

@media (min-width:48rem) {
    .review-product-card__hero {
        grid-template-columns: minmax(10.5rem, 20rem) minmax(0, 1fr);
        align-items: start
    }

    .review-product-card__pros-cons {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media (max-width:47.999rem) {
    .review-product-card__head {
        flex-direction: column;
        align-items: flex-start
    }

    .review-product-card__price-pill {
        align-self: flex-start
    }
}

.review-product-card__rating-pill {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    min-height: 1.7rem;
    padding: .3rem .65rem;
    border-radius: 999px;
    background: rgba(255, 252, 249, .96);
    color: var(--on-surface-variant);
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .02em;
    white-space: nowrap;
    box-shadow: inset 0 0 0 1px rgba(216, 193, 194, .4)
}

.review-product-card__rating-star {
    color: #d38a1f;
    font-size: .82rem;
    line-height: 1
}

/* Ensure strong text is visibly bold in article content */
.n-page-article strong,
.n-page-article b,
.n-richtext strong,
.n-richtext b,
.article-content strong,
.article-content b,
.editorial-design__desc strong,
.editorial-design__desc b {
    color: var(--on-surface);
    font-weight: 750 !important;
    font-family: inherit
}

/* Plugin-backed ideas layout */
.editorial-design {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.5rem;
    max-width: none;
    margin-inline: 0
}

.editorial-design__content {
    gap: 1rem;
    padding-top: 0
}

.editorial-design__number {
    display: inline-block;
    margin-bottom: .25rem;
    font-size: clamp(1.6rem, 3.8vw, 2.2rem)
}

.editorial-design__title {
    margin: 0;
    max-width: none;
    color: var(--on-surface);
    font-family: var(--font-headline);
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    line-height: 1.12;
    letter-spacing: -.02em
}

.editorial-design__desc {
    max-width: none
}

.editorial-design__products {
    padding-top: .75rem
}

.editorial-design__products .n-heading-label {
    margin-bottom: .8rem;
    color: #8f7244;
    font-size: .8rem;
    letter-spacing: .18em
}

.editorial-design__product {
    padding: .25rem 0
}

.editorial-design__product .n-button {
    white-space: nowrap
}

.editorial-design__image {
    max-height: none;
    min-height: 22rem
}

.editorial-design__image img {
    display: block
}

.single-post .n-post-hero {
    grid-template-columns: minmax(0, 1fr) !important;
    justify-items: stretch;
    gap: 1.25rem;
    width: 100%;
    max-width: none;
    margin-inline: 0;
    padding: clamp(1.1rem, 2.6vw, 2rem);
    border: 1px solid rgba(216, 193, 194, .26);
    border-radius: 1.6rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, .82), rgba(248, 243, 238, .72));
    box-shadow: 0 16px 38px rgba(27, 28, 25, .05);
    margin-bottom: 10px;
}

.single-post .n-post-hero__copy {
    display: grid;
    gap: 1rem;
    width: 100%;
    max-width: none;
    margin-inline: 0
}

.single-post .n-post-hero__topline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap
}

.single-post .n-post-hero__eyebrow {
    width: fit-content;
    padding: .42rem .8rem;
    border-radius: 999px;
    background: rgba(146, 71, 83, .08);
    color: var(--primary);
    font-size: .7rem;
    letter-spacing: .16em;
    font-weight: 400;
}

.single-post .n-post-hero__title {
    margin: 0;
    font-size: clamp(2.15rem, 5.4vw, 3.0rem);
    line-height: 1.04;
    letter-spacing: -.035em;
    text-wrap: balance
}

.single-post .n-post-hero__summary {
    display: grid;
    gap: 1rem
}

.single-post .n-post-hero__summary p {
    margin: 0;
    font-size: 1rem;
    line-height: 1.75;
    color: var(--on-surface-variant)
}

.single-post .n-post-hero__author {
    display: flex;
    align-items: center;
    gap: .9rem;
    max-width: 36rem;
    margin-top: .1rem;
    padding: 1rem 1.05rem;
    border: 1px solid rgba(216, 193, 194, .24);
    border-radius: 1.15rem;
    background: rgba(255, 255, 255, .72)
}

.single-post .n-post-hero__author--compact {
    gap: .7rem;
    max-width: none;
    margin-top: 0;
    padding: .55rem .8rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, .78)
}

.single-post .n-post-hero__initial {
    width: 2.75rem;
    height: 2.75rem;
    flex: 0 0 auto;
    font-size: .95rem
}

.single-post .n-post-hero__author--compact .n-post-hero__initial {
    width: 2.15rem;
    height: 2.15rem;
    font-size: .8rem
}

.single-post .n-post-hero__author-meta {
    display: grid;
    gap: .2rem
}

.single-post .n-post-hero__author-line,
.single-post .n-post-hero__meta-line {
    margin: 0
}

.single-post .n-post-hero__author-line {
    color: var(--on-surface);
    font-size: .95rem;
    font-weight: 700;
    line-height: 1.45
}

.single-post .n-post-hero__meta-line {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .4rem;
    color: var(--on-surface-variant);
    font-size: .88rem;
    line-height: 1.55
}

.single-post .n-post-hero__author--compact .n-post-hero__author-line {
    font-size: .84rem;
    line-height: 1.3
}

.single-post .n-post-hero__author--compact .n-post-hero__meta-line {
    font-size: .76rem;
    line-height: 1.35
}

.single-post .n-post-hero__share {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
    padding-top: .1rem
}

.single-post .n-post-hero__share .n-social-share__label {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    margin-right: .75rem;
    white-space: nowrap
}

.single-post .n-post-hero__share .n-social-share__list {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .55rem
}

.single-post .n-post-hero__share .n-social-share__list {
    gap: .55rem
}

.single-post .n-post-hero__share .n-social-share__link {
    background: rgba(255, 255, 255, .78)
}

@media (max-width:47.999rem) {
    .single-post .n-post-hero {
        padding: 1rem;
        border-radius: 1.25rem
    }

    .single-post .n-post-hero__copy {
        gap: .85rem
    }

    .single-post .n-post-hero__topline {
        align-items: flex-start
    }

    .single-post .n-post-hero__title {
        font-size: clamp(2rem, 6vw, 2.7rem)
    }

    .single-post .n-post-hero__summary {
        display: grid;
        gap: .85rem
    }

    .single-post .n-post-hero__summary p {
        font-size: .96rem;
        line-height: 1.68
    }

    .single-post .n-post-hero__author--compact {
        width: 100%;
        padding: .7rem .8rem;
        border-radius: 1rem
    }

    .single-post .n-post-hero__author {
        padding: .85rem .9rem;
        border-radius: 1rem
    }

    .single-post .n-post-hero__meta-line {
        font-size: .82rem
    }

    .single-post .n-post-hero__share {
        gap: .55rem;
        padding-top: 0
    }

    .single-post .n-post-hero__share .n-social-share__label {
        display: flex;
        margin-right: 0
    }

    .single-post .n-post-hero__share .n-social-share__list {
        display: flex
    }

    .single-post .n-post-hero__share .n-social-share__link span:last-child {
        display: none
    }
}

@media (min-width:48rem) {
    .editorial-design {
        grid-template-columns: minmax(0, 1.02fr) minmax(18rem, 0.98fr);
        gap: clamp(2rem, 4vw, 4rem);
        align-items: start
    }

    .editorial-design__title {
        font-size: clamp(1.9rem, 3.2vw, 2.8rem)
    }

    .editorial-design__content {
        gap: 1.25rem
    }

    .single-post .n-post-hero {
        gap: 1.5rem;
        padding: clamp(1.35rem, 2.8vw, 2.35rem)
    }

    .single-post .n-post-hero__title {
        font-size: clamp(2rem, 4.5vw, 34.rem)
    }
}

/* Social Feed - Pinterest Layout */
.n-social-feed {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    padding: var(--section-space-tight) 0;
}

@media (min-width: 640px) {
    .n-social-feed {
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
    }
}

@media (min-width: 1024px) {
    .n-social-feed {
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
    }
}

@media (min-width: 1440px) {
    .n-social-feed {
        grid-template-columns: repeat(5, 1fr);
    }
}

.n-social-card {
    background: var(--surface-container-lowest);
    border-radius: var(--radius-md);
    overflow: hidden;
    box-shadow: var(--shadow-card);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    flex-direction: column;
    border: 1px solid var(--border-soft);
}

.n-social-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-soft);
}

.n-social-card__media {
    position: relative;
    width: 100%;
    padding-top: 125%;
    /* 4:5 Aspect Ratio */
    background: var(--surface-container);
    overflow: hidden;
}

.n-social-card__media img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.n-social-card:hover .n-social-card__media img {
    transform: scale(1.05);
}

.n-social-card__media--salon-fallback {
    background: #fff;
}

.n-social-card__media--salon-fallback img {
    top: 50%;
    left: 50%;
    width: 42%;
    height: 42%;
    object-fit: contain;
    transform: translate(-50%, -50%);
}

.n-social-card:hover .n-social-card__media--salon-fallback img {
    transform: translate(-50%, -50%);
}

.n-social-card__content {
    padding: 1rem;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.n-social-card__type {
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--primary);
    margin-bottom: 0.5rem;
    opacity: 0.8;
}

.n-social-card__title {
    font-family: var(--font-heading-alt);
    font-size: 1rem;
    font-weight: 600;
    margin: 0 0 0.5rem;
    line-height: 1.4;
    color: var(--on-surface);
}

.n-social-card__excerpt {
    font-size: 0.875rem;
    color: var(--on-surface-variant);
    margin-bottom: 1rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.5;
}

.n-social-card__footer {
    margin-top: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--on-surface-variant);
}

/* Skeleton Loading */
.n-skeleton {
    background: linear-gradient(90deg, var(--surface-container) 25%, var(--surface-container-high) 50%, var(--surface-container) 75%);
    background-size: 200% 100%;
    animation: n-skeleton-loading 1.5s infinite;
}

@keyframes n-skeleton-loading {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

.n-social-card--skeleton .n-skeleton-text {
    height: 0.75rem;
    margin-bottom: 0.5rem;
    border-radius: 4px;
}

.n-social-card--skeleton .n-skeleton-text--short {
    width: 60%;
}

.n-social-feed__load-more {
    grid-column: 1 / -1;
    text-align: center;
    padding: 3rem 0;
}

.n-social-feed__loader-cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.n-social-feed__status {
    margin: 0;
    color: rgba(83, 67, 68, 0.7);
    font-size: 0.95rem;
}

.n-social-feed__sentinel {
    width: 100%;
    height: 1px;
}

@media (max-width: 768px) {
    .n-social-feed__loader-cards {
        grid-template-columns: 1fr;
    }

    .n-social-card__title {
        font-size: 0.9rem;
    }

    .n-social-card__excerpt {
        display: none;
    }
}

/* Nail Art Detail Page Redesign */
.n-nail-art-detail {
    padding: clamp(1.5rem, 5vw, 3rem) 0;
    background: var(--surface);
}

.n-nail-art-detail__container {
    width: min(100%, 78rem);
    margin-inline: auto;
    padding-inline: var(--container-inline);
    display: grid;
    gap: 3rem;
    grid-template-columns: 1fr;
}

@media (min-width: 64rem) {
    .n-nail-art-detail__container {
        grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
        align-items: start;
    }
}

.n-nail-art-detail__media-frame {
    position: relative;
    border-radius: 2rem;
    overflow: hidden;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12);
    background: var(--surface-container-low);
}

.n-nail-art-detail__featured-image {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

.n-nail-art-detail__media-actions {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    align-items: flex-end;
}

.n-nail-art-detail__action-btn {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    border: none;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s;
    color: var(--on-surface);
}

.n-nail-art-detail__action-btn:hover {
    transform: scale(1.05);
}

.n-nail-art-detail__action-btn span {
    font-size: 0.7rem;
    font-weight: 700;
    margin-top: -2px;
}

.n-nail-art-detail__share-popup {
    width: min(18rem, calc(100vw - 3rem));
    padding: 1rem;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 1.25rem 2.5rem rgba(19, 18, 24, 0.16);
    border: 1px solid rgba(146, 71, 83, 0.12);
}

.n-nail-art-detail__share-popup .n-social-share {
    gap: 0.75rem;
}

.n-nail-art-detail__share-popup .n-social-share__label {
    font-size: 0.85rem;
}

.n-nail-art-detail__content {
    position: sticky;
    top: 6rem;
}

.n-nail-art-detail__breadcrumb {
    font-size: 0.8rem;
    color: var(--on-surface-variant);
    margin-bottom: 1rem;
    font-weight: 500;
}

.n-nail-art-detail__title {
    font-family: var(--font-headline);
    font-size: clamp(1.5rem, 5vw, 1.5rem);
    line-height: 1.1;
    margin-bottom: 1rem;
    color: var(--on-surface);
}

.n-nail-art-detail__meta {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    margin-bottom: 2rem;
    font-size: 0.9rem;
}

.n-nail-art-detail__author {
    font-weight: 500;
}

.n-nail-art-detail__source {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--primary);
    font-weight: 600;
    text-decoration: underline;
}

.n-nail-art-detail__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 2.5rem;
}

.n-nail-art-detail__description {
    margin-bottom: 3rem;
    font-size: 1.125rem;
    line-height: 1.6;
    color: var(--on-surface-variant);
}

.n-nail-art-detail__section-title {
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-bottom: 1.25rem;
    color: var(--on-surface);
}

.n-nail-art-detail__palette {
    margin-bottom: 3rem;
}

.n-nail-art-detail__palette-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
}

.n-nail-art-detail__color-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

.n-nail-art-detail__color-circle {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), 0 4px 12px rgba(0, 0, 0, 0.08);
}

.n-nail-art-detail__color-name {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--on-surface-variant);
}

.n-nail-art-detail__shop {
    margin-bottom: 3rem;
}

.n-nail-art-detail__product-list {
    display: grid;
    gap: 1rem;
}

.n-nail-art-detail__product-card {
    display: flex;
    gap: 1.25rem;
    padding: 1.25rem;
    background: var(--surface-container-low);
    border-radius: 1.25rem;
    border: 1px solid var(--border-soft);
    transition: transform 0.3s ease;
}

.n-nail-art-detail__product-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.06);
}

.n-nail-art-detail__product-media {
    flex: 0 0 5.5rem;
    height: 5.5rem;
    border-radius: 0.75rem;
    overflow: hidden;
    background: #fff;
}

.n-nail-art-detail__product-media img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.n-nail-art-detail__product-info {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.n-nail-art-detail__product-brand {
    font-size: 0.65rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--primary);
    margin-bottom: 0.25rem;
}

.n-nail-art-detail__product-name {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: auto;
    color: var(--on-surface);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.n-nail-art-detail__product-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 0.75rem;
}

.n-nail-art-detail__product-price {
    font-weight: 700;
    font-size: 1.1rem;
    color: var(--on-surface);
}

.n-nail-art-detail__shop-btn {
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--primary);
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.n-nail-art-detail__cta {
    margin-top: 2rem;
}

.n-nail-art-detail__add-btn {
    width: 100%;
    padding: 1.25rem;
    font-size: 0.85rem;
    letter-spacing: 0.1em;
}

@media (max-width: 64rem) {
    .n-nail-art-detail__content {
        position: static;
    }
}

/* Pinterest Grid for Related Content */
.n-pinterest-grid,
.n-social-feed {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    width: 100%;
}

@media (min-width: 640px) {

    .n-pinterest-grid,
    .n-social-feed {
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
    }
}

@media (min-width: 1024px) {

    .n-pinterest-grid,
    .n-social-feed {
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
    }
}

@media (min-width: 1440px) {

    .n-pinterest-grid,
    .n-social-feed {
        grid-template-columns: repeat(5, 1fr);
    }
}
