.nfm-section-top { padding-top:clamp(12px,2vw,28px); }
.nfm-section-top .nfm-hero-layout { display:grid; grid-template-columns:minmax(0,2fr) minmax(0,1fr); align-items:stretch; gap:clamp(12px,2vw,24px); margin:0; }
.nfm-hero-layout .wp-block-column { min-width:0; margin:0; }
.nfm-hero-frame { height:100%; overflow:hidden; border-radius:var(--nfx-radius); background:#f5f1ea; }
.nfm-hero-frame .nfm-hero-main { height:100%; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:stretch; margin:0; gap:0; }
.nfm-hero-content { padding:clamp(15px,2.8vw,40px); }
.nfm-eyebrow, .nfm-mini-banner .nfm-promo-kicker { color:#796044; font-size:.68rem; font-weight:700; letter-spacing:.13em; }
.nfm-hero-title { font-weight: 500; font-size: clamp(1.8rem,3.4vw,3.35rem); line-height: 1.12; color:#2d2c29; letter-spacing:-.04em; margin:.4em 0; }
.nfm-hero-desc { color:#625f57; font-size:.95rem; line-height:1.65; margin:0 0 1.2em; }
.nfm-hero-content .wp-block-buttons { flex-wrap:wrap; gap:8px; }
.nfm-hero-content .wp-block-button__link { min-height:44px; padding:11px 15px; font-size:.85rem; border-radius:var(--nfx-radius); }
.nfm-btn-primary .wp-block-button__link { background:var(--nm-blue); }
.nfm-btn-light .wp-block-button__link { color:var(--nm-ink); background:white; border:1px solid #ded8ce; }
.nfm-hero-meta { color:#69635c; margin:1.4em 0 0; font-size:.79rem; }
.nfm-hero-image { margin:0; height:100%; }
.nfm-hero-image img { display:block; width:100%; height:100%; min-height:270px; object-fit:cover; }
.nfm-hero-layout .nfm-hero-sides { display:grid; height:100%; gap:12px; margin:0; }
.nfm-mini-banner { position:relative; overflow:hidden; height:100%; min-height:140px; padding:clamp(14px,2vw,26px); border-radius:var(--nfx-radius); background:#f2eee7; }
.nfm-mini-banner :is(h3,p) { position:relative; z-index:1; max-width:65%; margin:0 0 .45rem; }
.nfm-mini-banner h3 { font-weight: 550; font-size: clamp(1.1rem,1.65vw,1.5rem); line-height: 1.25; }
.nfm-mini-banner p { font-size:.84rem; color:#57534b; }
.nfm-mini-banner a { color:inherit; text-underline-offset:3px; }
.nfm-mini-banner .nfm-side-image { position:absolute; inset:auto -3% 0 auto; width:45%; height:90%; margin:0; }
.nfm-side-image img { height:100%; width:100%; object-fit:cover; mix-blend-mode:multiply; }
.nfm-watch { background:#edf1ee; } .nfm-glasses { background:#f6eee8; }
@media (max-width:900px) {
.nfm-section-top .nfm-hero-layout { grid-template-columns:minmax(0,1fr); }
.nfm-hero-layout .nfm-hero-sides { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:600px) {
.nfm-hero-frame .nfm-hero-main { grid-template-columns:minmax(0,1fr); }
.nfm-hero-image img { min-height:0; aspect-ratio:1.85; height:auto; }
.nfm-hero-layout .nfm-hero-sides { grid-template-columns:minmax(0,1fr); }
} .nfm-trust-bar{margin-top:22px!important;margin-bottom:5px!important;background:#fff;border:1px solid var(--nm-border);border-radius:13px;padding:18px 15px!important;box-shadow:0 5px 22px rgba(20,40,75,.035)}.nfm-trust-grid{gap:0!important;margin:0!important}.nfm-trust-grid>.wp-block-column{padding:0 15px;border-right:1px solid var(--nm-border)}.nfm-trust-grid>.wp-block-column:last-child{border:0}.nfm-trust-item{display:flex;gap:12px;align-items:center!important;flex-wrap:nowrap!important}.nfm-trust-copy h4{font-size:13px;margin:0 0 4px;font-weight:800}.nfm-trust-copy p{font-size:12px;margin:0}.nfm-trust-icon{font-size:29px;margin:0!important;line-height:1;color:var(--nm-blue)} .nfm-section-categories{padding-top:54px}.nfm-category-grid{gap:18px!important;margin-top:20px!important}.nfm-category-grid>.wp-block-column{min-width:0}.nfm-category-card{border:1px solid var(--nm-border);border-radius:14px;overflow:hidden;padding:0 0 18px!important;transition:transform .2s,box-shadow .2s;background:#fff;text-align:center;height:100%}.nfm-category-card:hover{transform:translateY(-3px);box-shadow:var(--nm-shadow)}.nfm-category-card .nfm-category-image{margin:0 0 13px!important}.nfm-category-card .nfm-category-image img{aspect-ratio:1.5;object-fit:cover;width:100%;height:auto;display:block}.nfm-category-card h3{font-size:16px;margin:0 12px 4px}.nfm-category-card h3 a{color:var(--nm-ink)}.nfm-category-card p{font-size:12px;margin:0 12px!important} .nfm-promotions{padding-top:52px}.nfm-two-promos{gap:18px!important}.nfm-bundle-card{border-radius:15px;padding:31px 34px;min-height:205px;background:linear-gradient(120deg,#10428f,#2370d8);color:white}.nfm-bundle-red{background:linear-gradient(120deg,#fce7e8,#ffeaca);color:#732b37}.nfm-bundle-card h3{font-size:25px;margin:3px 0 8px;line-height:1.2}.nfm-bundle-card p{max-width:380px;margin:0 0 14px;line-height:1.45;font-size:13px}.nfm-bundle-card .nfm-promo-kicker{font-size:11px;font-weight:900;letter-spacing:1.2px;color:inherit;opacity:.85}.nfm-bundle-card .wp-block-button__link{padding:10px 16px;font-size:12px} .nfm-benefits-photo{margin-block:26px 34px!important}
.nfm-benefits-photo-grid{gap:20px!important;align-items:stretch}
.nfm-benefits-photo-grid>.wp-block-column{min-width:0}
.nfm-benefit-photo-card{height:100%;overflow:hidden;border:1px solid #e0e8f2;border-radius:18px;background:#fff;box-shadow:0 8px 23px #1637510b;padding-bottom:18px}
.nfm-benefit-photo-card .nfm-benefit-photo{margin:0!important;width:100%}
.nfm-benefit-photo img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.nfm-benefit-photo-card h3{font-size:19px;line-height:1.35;margin:16px 20px 7px;color:#17375d}
.nfm-benefit-photo-card p{margin:0 20px;color:#62748b;font-size:14px;line-height:1.65}
@media(max-width:780px){.nfm-benefits-photo-grid{flex-wrap:wrap!important}.nfm-benefits-photo-grid>.wp-block-column{flex-basis:calc(50% - 12px)!important}}
@media(max-width:540px){.nfm-benefits-photo-grid>.wp-block-column{flex-basis:100%!important}} .nfm-blog-section{padding-top:48px;padding-bottom:70px}.nfm-blog-query .wp-block-post-template,.nfm-archive .wp-block-post-template{gap:22px!important}.nfm-blog-query .wp-block-post,.nfm-archive .wp-block-post{border:1px solid var(--nm-border);border-radius:12px;overflow:hidden;background:#fff;padding:0 0 20px}.nfm-blog-query .wp-block-post-featured-image,.nfm-archive .wp-block-post-featured-image{margin:0 0 15px!important}.nfm-blog-query .wp-block-post-featured-image img,.nfm-archive .wp-block-post-featured-image img{aspect-ratio:16/10;object-fit:cover;width:100%}.nfm-blog-query .wp-block-post-date,.nfm-archive .wp-block-post-date{font-size:12px;color:var(--nm-muted);margin:0 16px 6px}.nfm-blog-query .wp-block-post-title,.nfm-archive .wp-block-post-title{font-size:17px;line-height:1.4;margin:0 16px 9px}.nfm-blog-query .wp-block-post-title a,.nfm-archive .wp-block-post-title a{color:var(--nm-ink)}.nfm-blog-query .wp-block-post-excerpt,.nfm-archive .wp-block-post-excerpt{font-size:13px;line-height:1.6;color:var(--nm-muted);margin:0 16px}.nfm-blog-query .wp-block-post-excerpt p,.nfm-archive .wp-block-post-excerpt p{margin:0}.nfm-blog-query .wp-block-post-excerpt__more-link{color:var(--nm-blue);font-weight:750;margin-top:10px}.nfm-archive{padding:48px 0 85px}.nfm-archive h1{font-size:clamp(29px,3vw,44px);margin:0 0 20px}.nfm-article{padding:40px 0 90px;max-width:960px!important}.nfm-article .wp-block-post-title{font-size:clamp(30px,3.5vw,50px);line-height:1.22;letter-spacing:-1.3px}.nfm-article .wp-block-post-featured-image{margin-block:30px}.nfm-article .wp-block-post-featured-image img{border-radius:16px}.nfm-article .wp-block-post-content{font-size:16px;line-height:1.85}.nfm-article .wp-block-post-content h2{margin-top:32px} .nfm-cta{padding:34px 40px!important;background:linear-gradient(100deg,#0b377c,#1b5cc2);border-radius:16px;color:#fff;margin-top:5px!important;margin-bottom:60px!important}.nfm-cta-cols{gap:30px!important;align-items:center!important}.nfm-cta h2{color:#fff;font-size:26px;margin:3px 0 8px}.nfm-cta p{margin:0;font-size:14px}.nfm-cta .nfm-promo-kicker{font-weight:900;letter-spacing:1.5px;font-size:11px;color:#bed5ff}.nfm-cta-action .wp-block-buttons{justify-content:flex-end}.nfm-cta-action a{background:#fff;color:var(--nm-blue);padding:12px 21px}
.nfx-news-cover{margin-top:28px;border-radius:20px;overflow:hidden}.nfx-news-cover h1{max-width:840px}.nfx-news-feed{padding:55px 0 90px}.nfx-news-feed .wp-block-post-template{gap:24px}.nfx-news-feed .wp-block-post{border:1px solid #e7eaf0;padding:0 0 18px;border-radius:15px;overflow:hidden}.nfx-news-feed .wp-block-post>:not(.wp-block-post-featured-image){margin-inline:18px}.nfx-news-feed .wp-block-post-featured-image img{width:100%;object-fit:cover}.nfx-news-feed .wp-block-post-title{font-size:20px;line-height:1.4}.nfx-news-feed .wp-block-post-date{color:#718096}.nfx-news-feed .wp-block-post-excerpt{font-size:14px;color:#5d6877}@media(max-width:780px){.nfx-news-feed .wp-block-post-template{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:560px){.nfx-news-feed .wp-block-post-template{grid-template-columns:1fr!important}.nfx-news-cover{margin-top:12px;min-height:320px!important}.nfx-news-feed{padding:30px 0}} .nfm-services{padding-block:60px 32px}.nfm-service-grid{gap:20px!important}.nfm-service-card{background:var(--nm-bg);border:1px solid #e6edf6;padding:28px 25px 23px!important;border-radius:14px;min-height:200px}.nfm-service-icon{font-size:34px;margin:0 0 12px!important}.nfm-service-card h3{font-size:19px;margin:0 0 8px}.nfm-service-card p{font-size:13px;margin:0 0 13px}.nfm-service-card a{font-weight:800;font-size:12px}.nfm-steps{gap:18px!important}.nfm-step{background:#fff;border:1px solid var(--nm-border);padding:20px!important;border-radius:12px}.nfm-step h3{font-size:17px;margin:0 0 7px}.nfm-service-page h2{margin-top:40px}.nfm-service-page{padding-block:45px 65px}.nfm-service-page>h1{font-size:clamp(30px,3.6vw,48px)}
.nfx-service-hero{padding:75px 24px}.nfx-service-hero .wp-block-columns{gap:50px}.nfx-service-hero-image img{width:100%;border-radius:18px;max-height:480px;object-fit:cover}.nfx-service-list{padding-block:65px}.nfx-service-list h2{font-size:clamp(28px,3vw,44px)}.nfx-service-tile{background:#fff;border:1px solid #dae4eb;border-radius:18px;box-shadow:0 8px 30px rgba(0,0,0,.035);padding:28px;height:100%}.nfx-service-tile>p:first-child{color:var(--nm-blue);font-weight:800}.nfx-service-tile h3{font-size:22px}.nfx-service-contact{padding:48px!important;border-radius:18px;margin-bottom:65px!important}.nfx-service-contact h2{font-size:clamp(26px,3vw,40px)}@media(max-width:700px){.nfx-service-hero{padding:32px 14px}.nfx-service-list{padding-block:32px}.nfx-service-contact{padding:25px!important}}
@media (max-width: 781px) {
.nfm-trust-grid, .nfm-category-grid, .nfm-footer-cols { flex-wrap: wrap; }
.nfm-section .nfm-category-grid > .wp-block-column { flex: 1 1 min(44%,260px) !important; }
.nfm-blog-query .wp-block-post-template, .nfm-archive .wp-block-post-template, .nfx-news-feed .wp-block-post-template { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 500px) {
.nfm-blog-query .wp-block-post-template, .nfm-archive .wp-block-post-template, .nfx-news-feed .wp-block-post-template { grid-template-columns: 1fr; }
}
.nfx-category-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,205px),1fr));gap:12px}
.nfx-category-links a{display:flex;align-items:center;gap:12px;min-width:0;border:1px solid var(--nm-border);border-radius:12px;padding:16px;color:var(--nm-ink);text-decoration:none;background:var(--nm-bg)}
.nfx-category-links img{width:48px;height:48px;object-fit:cover;border-radius:8px}
.nfx-category-links span{font-weight:700;flex:1}.nfx-category-links small{display:block;color:var(--nm-muted);font-weight:400;font-size:.8rem}.nfxp-commerce-flow { padding-block: clamp(18px,2.85vw,42px) clamp(48px,6vw,90px); }
.wp-site-blocks .nfm-product-page { --nfx-gallery-height:clamp(var(--gallery-min,320px),calc(var(--gallery-vh,1vh) * var(--gallery-share,67)),var(--gallery-max,575px));
width:min(var(--nfx-width),1120px,calc(100% - 2 * var(--nfx-gutter))); margin-inline:auto;
padding-block:clamp(12px,1.45vw,22px) clamp(34px,4vw,60px); }
.nfm-product-page .woocommerce-breadcrumb { margin: 0 0 .8rem; font-size: .81rem; color: var(--nfx-product-muted); }
.nfm-product-page .woocommerce-breadcrumb a { color: inherit; text-underline-offset: .16em; }
.nfm-product-page .nfm-product-detail {
display:grid; grid-template-columns:minmax(0,min(43%,calc(var(--nfx-gallery-height) * var(--nfx-photo-ratio,3/4)))) minmax(0,36rem);
justify-content:center; align-items:start; gap:clamp(20px,3.5vw,48px); margin-block:0 clamp(26px,3.4vw,44px);
}
.nfm-product-detail > .wp-block-column { min-width: 0; width: 100%; }
.nfm-product-page .nfm-product-detail .wp-block-woocommerce-product-image-gallery { isolation:isolate; position:relative; width:100%; max-width:calc(var(--nfx-gallery-height) * var(--nfx-photo-ratio,3/4)); margin:0 auto; } .woocommerce .nfm-product-detail div.woocommerce-product-gallery.images { opacity: 1 !important; float: none; width: 100%; margin: 0; }
.nfm-product-detail .woocommerce-product-gallery:not(:has(.flex-viewport)) .woocommerce-product-gallery__image ~ .woocommerce-product-gallery__image { display: none; }
.nfm-product-detail .woocommerce-product-gallery .woocommerce-product-gallery__wrapper { margin: 0; } .nfm-product-detail .woocommerce-product-gallery .flex-viewport {
width:100%; height:auto !important; aspect-ratio:var(--nfx-photo-ratio,3/4); max-height:var(--nfx-gallery-height);
}
.nfm-product-detail .woocommerce-product-gallery__image { background: var(--nfx-product-paper); border-radius: 14px; }
.nfm-product-detail .woocommerce-product-gallery__image > a { display: block; }
.nfm-product-detail .woocommerce-product-gallery__image img:not(.zoomImg),
.nfm-product-detail .woocommerce-product-gallery__image--placeholder img {
display: block; width: 100%; max-width:min(100%,calc(var(--nfx-gallery-height) * var(--nfx-photo-ratio,3/4))); height: auto; aspect-ratio: var(--nfx-photo-ratio,3/4); object-fit: contain; border-radius: 14px;
}
.nfm-product-detail .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
background: #fff; color: var(--nfx-product-ink); border: 1px solid var(--nfx-product-line);
box-shadow: 0 2px 8px rgb(45 33 24 / 9%); border-radius: 50%; top: .85rem; right: .85rem;
}
.nfm-product-detail .woocommerce-product-gallery ol.flex-control-thumbs {
display: grid; grid-template-columns: repeat(auto-fill,minmax(44px,54px)); gap: 7px;
padding: 0; margin: 7px 0 0; list-style: none;
}
.woocommerce .nfm-product-detail div.woocommerce-product-gallery.images ol.flex-control-thumbs li { width: 100%; margin: 0; float: none; }
.woocommerce .nfm-product-detail div.images .flex-control-thumbs li img { display: block; width: 100%; aspect-ratio: 1; object-fit: contain; border: 2px solid transparent; border-radius: 7px; cursor: pointer; }
.nfm-product-detail .flex-control-thumbs img.flex-active { border-color: var(--nfx-product-gold); }
.nfm-product-detail > .wp-block-column:last-child { padding-block:0; }
.nfm-product-page .nfm-product-detail h1.wp-block-post-title {
margin: 0 0 .42rem; color: var(--nfx-product-ink); font-weight: 600; font-size: clamp(1.45rem,2.25vw,2.15rem); line-height: 1.25;
letter-spacing: -.025em; overflow-wrap: anywhere; text-wrap: balance;
}
.nfm-product-detail .wp-block-woocommerce-product-rating { margin-block: .3rem .42rem; }
.nfm-product-detail .wp-block-woocommerce-product-price { margin: .48rem 0 .25rem; color: var(--nfx-ui-price,var(--nfx-product-ink)); font-weight: 650; font-size: clamp(1.16rem,1.7vw,1.54rem); line-height: 1.28; font-variant-numeric: tabular-nums; }
.nfm-product-detail .wp-block-woocommerce-product-price del { font-size: .58em; }
.nfm-product-detail .nfxp-saving {
display: inline-flex; align-items: baseline; gap: .34em; margin: .12rem 0 .25rem; padding: .32em .65em;
border-radius: 4px; background: #f6ecee; color: var(--nfx-ui-price,#713345); font-weight: 550; font-size: .82rem; line-height: 1.45;
}
.nfm-product-detail :is(.wp-block-post-excerpt,.nfxp-product-points) { color: var(--nfx-ui-muted,#514c4b); margin: .6rem 0 .8rem; font-size:.95rem; }
.nfm-product-detail .wp-block-post-excerpt__excerpt { margin: 0; line-height: 1.55; }
.nfxp-product-points__label { margin: 0 0 .35rem; font-size: .73rem; letter-spacing: .08em; }
.nfm-product-detail .nfxp-purchase-panel {
margin: .75rem 0 0; padding: clamp(12px,1.4vw,18px); border-radius: 12px;
border: 1px solid var(--nfx-product-line); background: var(--nfx-ui-surface,#faf8f5);
}
.nfxp-purchase-panel > :first-child, .nfxp-purchase-panel .cart { margin-top: 0; }
.woocommerce .nfm-product-page .nfxp-purchase-panel form.cart { margin-block:0; }
.nfxp-purchase-panel :is(p.stock,.wp-block-woocommerce-add-to-cart-form) { margin:0 0 .45rem; }
.nfxp-purchase-panel .wp-block-woocommerce-add-to-cart-form:last-child { margin-bottom:0; }
.nfxp-purchase-panel > p:empty { display:none; }
.nfxp-purchase-panel .cart:not(.variations_form):not(.grouped_form), .nfxp-purchase-panel .woocommerce-variation-add-to-cart {
display: flex; flex-wrap: wrap; align-items: center; gap: .6rem;
}
.nfxp-purchase-panel .cart.grouped_form { display: block; }
.nfxp-purchase-panel .variations { width: 100%; margin: 0 0 .85rem; border: 0; }
.nfxp-purchase-panel .variations :is(th,td) { padding: .25rem .55rem .45rem 0; text-align: start; vertical-align: middle; }
.nfxp-purchase-panel .variations select, .nfxp-purchase-panel .quantity input.qty {
max-width: 100%; min-height: 44px; padding: .48rem .58rem; border: 1px solid #cfc6bc; border-radius: 6px; background: #fff; color: var(--nfx-product-ink);
}
.nfxp-purchase-panel .quantity input.qty { width: 4.2em; text-align: center; }
.nfxp-purchase-panel .variations select { width: min(100%,20rem); }
.nfxp-purchase-panel .reset_variations { margin-inline-start: .5em; font-size: .8rem; }
.nfxp-purchase-panel .single_variation { margin-bottom: .7rem; }
.nfm-product-detail .nfxp-purchase-panel button.single_add_to_cart_button {
flex: 1 1 9em; float: none; margin: 0; min-height: 46px; padding: .65em 1.25em; border: 1px solid var(--nfx-ui-button,var(--nfx-product-wine));
border-radius: 6px; background: var(--nfx-ui-button,var(--nfx-product-wine)); color: var(--nfx-ui-button-text,#fff); font-weight: 650; font-size: 1rem; line-height: 1.3; cursor: pointer;
}
.nfm-product-detail .nfxp-purchase-panel button.single_add_to_cart_button:not(.disabled):not(:disabled):hover { filter:brightness(.92); }
.nfm-product-detail .nfxp-purchase-panel button.single_add_to_cart_button:is(.disabled,:disabled) { opacity: .56; cursor: default; }
.nfxp-purchase-panel .nfxp-consult { margin: .55rem 0 0; color: #544340; }
.nfxp-purchase-panel .nfxp-consult__icon { border-color: #d4c5b4; background: #fff; }
.nfm-product-detail .wp-block-woocommerce-product-meta { margin-top: .8rem; color: var(--nfx-product-muted); font-size: .82rem; }
.nfm-product-detail .wp-block-woocommerce-product-meta :is(a,.sku) { color: inherit; text-underline-offset: .14em; }
.nfm-product-page .wp-block-woocommerce-product-details { border-top: 1px solid var(--nfx-product-line); padding-top: clamp(16px,2.4vw,32px); }
.woocommerce .nfm-product-page .woocommerce-tabs ul.tabs.wc-tabs {
display: flex; flex-wrap: wrap; gap: .4rem clamp(12px,2vw,30px); padding: 0; margin: 0 0 1.35rem;
list-style: none; box-shadow: none; border-bottom: 1px solid var(--nfx-product-line);
}
.woocommerce .nfm-product-page .woocommerce-tabs ul.tabs.wc-tabs::before, .woocommerce .nfm-product-page .woocommerce-tabs ul.tabs.wc-tabs li::before,
.woocommerce .nfm-product-page .woocommerce-tabs ul.tabs.wc-tabs li::after { display: none; }
.woocommerce .nfm-product-page .woocommerce-tabs ul.tabs.wc-tabs li { display:block; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; }
.woocommerce .nfm-product-page .woocommerce-tabs ul.tabs.wc-tabs li a { display:block; padding: .55rem 0; border-bottom: 2px solid transparent; color: var(--nfx-product-muted); text-decoration: none; }
.woocommerce .nfm-product-page .woocommerce-tabs ul.tabs.wc-tabs li.active a { border-bottom-color: var(--nfx-product-wine); color: var(--nfx-product-wine); }
.nfm-product-page .woocommerce-Tabs-panel { max-width: 76ch; line-height: 1.7; }
.nfm-product-page .comment-form :is(input:not([type="checkbox"]):not([type="radio"]),textarea,select) { box-sizing:border-box; min-width:0; max-width:100%; }
.nfm-product-page .comment-form :is(input[type="text"],input[type="email"],input[type="url"],textarea) {
width:min(100%,32rem); padding:.55em .7em; border:1px solid var(--nfx-product-line); border-radius:6px; font:inherit;
}
.nfm-product-page .woocommerce-Tabs-panel > h2:first-child,
.nfm-product-page .wp-block-woocommerce-product-collection > h2 { color: var(--nfx-product-ink); font-weight: 500; font-size: clamp(1.55rem,2.5vw,2.3rem); line-height: 1.2; letter-spacing: -.025em; }
.nfm-product-page .wp-block-woocommerce-product-collection { margin-block-start: clamp(30px,4vw,64px); } .nfm-product-page ul.wc-block-product-template.is-flex-container.columns-5 {
display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:clamp(12px,1.6vw,26px); padding:0;
}
.nfm-product-page .wc-block-product-template.is-flex-container.columns-5 > li.wc-block-product { width:auto; }
@media (max-width:1279px) {
.nfm-product-page ul.wc-block-product-template.is-flex-container.columns-5 { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media (max-width:1024px) {
.nfm-product-page ul.wc-block-product-template.is-flex-container.columns-5 { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
.nfxp-commerce-flow > h1 { font-size: clamp(1.85rem,3.6vw,3.4rem); letter-spacing: -.025em; line-height: 1.12; }
@media (max-width: 800px) {
.nfm-product-detail > .wp-block-column:last-child { padding-top: 0; }
.nfm-product-page ul.wc-block-product-template.is-flex-container.columns-5 { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:700px) {
.wp-site-blocks .nfm-product-page { --gallery-min:220px; --gallery-share:43; --gallery-max:370px; }
.nfm-product-page .nfm-product-detail { grid-template-columns:minmax(0,1fr); gap:14px; }
.nfm-product-detail > .wp-block-column:last-child { display:flex; flex-direction:column; }
.nfm-product-detail .nfxp-saving { align-self:flex-start; }
.nfm-product-detail :is(.wp-block-post-excerpt,.nfxp-product-points) { order:1; }
.nfm-product-detail .wp-block-woocommerce-product-meta { order:2; }
}
@supports (height:1svh) { .nfm-product-page { --gallery-vh:1svh; } }
@media(min-width:701px) {
.nfxp-gallery-compact .nfm-product-page { --gallery-min:240px; --gallery-share:54; --gallery-max:452px; }
.nfxp-gallery-large .nfm-product-page { --gallery-min:360px; --gallery-share:78; --gallery-max:700px; }
}
@media(max-width:700px) {
.nfxp-gallery-compact .nfm-product-page { --gallery-min:180px; --gallery-share:35; --gallery-max:306px; }
.nfxp-gallery-large .nfm-product-page { --gallery-min:240px; --gallery-share:51; --gallery-max:435px; }
}
.nfxp-commerce-flow > .wp-block-post-content { width: 100%; max-width: none; }
.nfxp-commerce-flow .woocommerce form :where(input.input-text,select,textarea) { width: 100%; max-width: 100%; border: 1px solid #aab6bf; border-radius: var(--nfx-radius); padding: .7em .85em; }
.nfxp-commerce-flow .woocommerce .quantity input.qty { width: 5em; }
.nfxp-commerce-flow :where(.woocommerce-error,.woocommerce-message,.woocommerce-info) { overflow-wrap: anywhere; }
@media (max-width:767px) {
.nfxp-commerce-flow .wc-block-components-text-input input,
.nfxp-commerce-flow .woocommerce form :is(input.input-text,select,textarea),
.nfm-product-detail .variations select { min-width:0; max-width:100%; font-size:max(16px,1rem); }
}.nfh-header {
position: relative;
isolation: isolate;
color: var(--nfx-ui-header-text, #242725);
background: var(--nfx-ui-header-bg, #fff);
}
.nfh-device {
display: none;
}
.nfh-row {
position: relative;
background: var(--nfx-ui-header-bg, #fff);
color: var(--nfx-ui-header-text, #242725);
}
.nfh-row-top {
z-index: 3;
background: var(--nfx-ui-top-bg, #283b32);
color: var(--nfx-ui-top-text, #faf8f2);
}
.nfh-row-main {
z-index: 2;
}
.nfh-row:has(.nfh-pop[open], .nfx-main-group[data-nfx-open]) {
z-index: 10;
}
.nfh-row-bottom {
z-index: 1;
background: var(--nfx-ui-nav-bg, #faf8f4);
color: var(--nfx-ui-nav-text, #242725);
}
.nfh-inner {
width: min(var(--nfx-width), calc(100% - 2 * var(--nfx-gutter)));
margin: auto;
display: grid;
grid-template-columns: minmax(0, var(--nfh-start, 1fr)) minmax(0, var(--nfh-middle, 1.2fr)) minmax(
0,
var(--nfh-end, 1fr)
);
gap: clamp(8px, 1.6vw, 24px);
align-items: center;
padding-block: 14px;
}
.nfh-row-top .nfh-inner {
padding-block: 3px;
}
.nfh-row-bottom .nfh-inner {
padding-block: 3px;
}
.nfh-inner:has(> .nfh-left:empty) {
--nfh-start: 0fr;
}
.nfh-inner:has(> .nfh-center:empty) {
--nfh-middle: 0fr;
}
.nfh-inner:has(> .nfh-right:empty) {
--nfh-end: 0fr;
}
.nfh-inner:has(> .nfh-center .nfh-item-main) {
--nfh-middle: 4fr;
}
.nfh-inner:has(> .nfh-left .nfh-item-main) {
--nfh-start: 3fr;
}
.nfh-inner:has(> .nfh-right .nfh-item-main) {
--nfh-end: 3fr;
}
.nfh-cell {
display: flex;
align-items: center;
gap: 12px;
min-width: 0;
flex-wrap: wrap;
}
.nfh-cell:empty {
display: none;
}
.nfh-left {
grid-column: 1;
justify-content: flex-start;
}
.nfh-center {
grid-column: 2;
justify-content: center;
}
.nfh-right {
grid-column: 3;
justify-content: flex-end;
}
.nfh-item {
min-width: 0;
max-width: 100%;
}
.nfh-item-search {
width: 100%;
}
.nfh-item :where(p, form) {
margin-block: 0;
}
.nfh-item img {
max-width: 100%;
height: auto;
}
.nfh-item .nfx-notice {
padding: 5px 0;
background: transparent;
color: inherit;
}
.nfh-item .wc-block-mini-cart__button {
min-width: 44px;
min-height: 44px;
padding: 7px;
color: inherit;
}
.nfh-item .wc-block-mini-cart__amount {
font-size: 0.8rem;
}
.nfh-item .nfm-logo {
margin: 0;
width: 100%;
max-width: 100%;
}
.nfh-button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
padding: 9px 18px;
border-radius: 8px;
background: var(--nfx-ui-button, #733249);
color: var(--nfx-ui-button-text, #fff);
text-decoration: none;
font-size: 0.875rem;
font-weight: 600;
}
.nfh-header a {
color: inherit;
}
.nfh-header .nfh-button {
color: var(--nfx-ui-button-text, #fff);
}
.nfh-nav {
font-size: 0.9rem;
font-weight: 550;
}
.nfh-tree {
color: inherit;
background: transparent;
}
.nfh-tree .wp-block-navigation-item__content {
text-decoration: none;
overflow-wrap: anywhere;
}
.nfh-tree .wp-block-navigation-item__content:hover,
.nfh-tree .current-menu-item > a {
color: var(--nfx-ui-nav-active, #87663c);
}
.nfh-inline > .wp-block-navigation .wp-block-navigation__container {
gap: 2px 20px;
flex-wrap: wrap;
justify-content: inherit;
}
.nfh-inline .wp-block-navigation__container > li > a {
padding-block: 12px;
min-height: 44px;
}
.nfh-tree .wp-block-navigation__submenu-icon {
width: 28px;
height: 40px;
margin: 0;
display: grid;
place-items: center;
}
.nfh-tree .wp-block-navigation__submenu-icon svg {
width: 12px;
height: 12px;
}
.nfh-inline .wp-block-navigation__submenu-container {
border: 0;
border-radius: 12px;
box-shadow: 0 12px 40px #192a2524;
background: var(--nfx-ui-nav-bg, #fff);
color: var(--nfx-ui-nav-text, #242725);
max-width: calc(100vw - 24px);
translate: var(--nfh-flyout-shift, 0px) 0;
}
.nfh-inline
.has-child:is(:hover, :focus-within, :has(> button[aria-expanded='true']))
> .wp-block-navigation__submenu-container {
padding: 8px;
}
.nfh-inline .wp-block-navigation__submenu-container a {
min-height: 44px;
padding: 10px 12px;
}
.nfh-pop {
position: relative;
}
.nfh-pop > summary {
display: flex;
align-items: center;
gap: 10px;
min-height: 44px;
padding: 8px 0;
cursor: pointer;
list-style: none;
}
.nfh-pop > summary::-webkit-details-marker {
display: none;
}
.nfh-lines {
display: grid;
gap: 4px;
width: 20px;
flex: none;
}
.nfh-lines i {
display: block;
height: 2px;
background: currentColor;
border-radius: 1px;
}
.nfh-panel {
background: var(--nfx-ui-nav-bg, #fff);
color: var(--nfx-ui-nav-text, #242725);
border-radius: 14px;
box-shadow: 0 14px 48px #1b2c292b;
padding: 12px;
}
.nfh-dropdown > .nfh-panel {
position: absolute;
z-index: 10;
top: 100%;
left: var(--nfh-panel-left, 0);
width: min(23rem, calc(100vw - 24px));
max-height: min(70vh, 640px);
overflow: auto;
overscroll-behavior: contain;
}
.nfh-panel-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 0 4px 10px;
font-size: 1rem;
}
.nfh-panel-head button {
display: grid;
place-items: center;
min-width: 44px;
min-height: 44px;
border: 0;
background: transparent;
color: inherit;
font-size: 28px;
cursor: pointer;
}
.nfh-panel .wp-block-navigation,
.nfh-panel .wp-block-navigation__responsive-container,
.nfh-panel .wp-block-navigation__responsive-container-content {
display: block;
}
.nfh-panel .wp-block-navigation__container {
display: flex;
flex-direction: column;
gap: 0;
align-items: stretch;
}
.nfh-panel .wp-block-navigation-item {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0;
width: 100%;
}
.nfh-panel .wp-block-navigation-item > a {
flex: 1;
min-width: 0;
min-height: 44px;
padding: 10px 12px;
line-height: 1.4;
border-radius: 8px;
}
.nfh-panel .wp-block-navigation-item > a:hover {
background: color-mix(in srgb, currentColor 5%, transparent);
}
.nfh-panel .wp-block-navigation__submenu-icon {
flex: none;
width: 44px;
min-height: 44px;
}
.nfh-panel .wp-block-navigation__submenu-container {
display: none;
position: static;
inset: auto;
opacity: 1;
visibility: visible;
width: 100%;
min-width: 0;
height: auto;
overflow: visible;
padding: 0 0 0 12px;
border: 0;
background: transparent;
box-shadow: none;
color: inherit;
}
.nfh-panel li:has(> button[aria-expanded='true']) > .wp-block-navigation__submenu-container {
display: flex;
flex-direction: column;
align-items: stretch;
}
.nfh-drawer[open]::before {
content: '';
position: fixed;
inset: 0;
background: #15201c70;
z-index: 20;
cursor: pointer;
}
.nfh-drawer > .nfh-panel {
position: fixed;
left: 0;
top: var(--wp-admin--admin-bar--height, 0px);
bottom: 0;
width: min(25rem, 90vw);
border-radius: 0 18px 18px 0;
z-index: 21;
overflow: auto;
overscroll-behavior: contain;
padding: 18px;
}
html.nfh-drawer-open {
overflow: hidden;
}
@media (min-width: 1025px) {
.nfh-desktop {
display: block;
}
}
@media (max-width: 1024px) {
.nfh-mobile {
display: block;
}
.nfh-inner {
gap: 8px;
padding-block: 9px;
}
.nfh-inner:has(> .nfh-center .nfh-item-logo) {
--nfh-middle: 3fr;
}
.nfh-inner:has(> .nfh-left .nfh-item-main) {
--nfh-start: 1fr;
}
.nfh-item-main .nfh-nav-label {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip-path: inset(50%);
}
.nfh-cell {
gap: 6px;
}
.nfh-item-logo .wp-block-site-title {
font-size: clamp(1rem, 3.7vw, 1.4rem);
}
.nfh-item-logo .nfxp-sample-mark {
width: 32px;
height: 32px;
}
.nfh-item-logo .nfxp-brand-lockup {
gap: 7px;
}
.nfh-item-cart .wc-block-mini-cart__amount {
display: none;
}
.nfh-item .nfxp-consult__copy {
font-size: 0.75rem;
}
.nfh-item .nfm-search {
width: 100%;
max-width: none;
}
.nfh-item-logo .custom-logo {
max-height: 52px;
width: auto;
}
.nfh-item-logo .wp-block-site-logo {
max-width: 100%;
}
.nfh-item-logo .nfxp-brand-name {
overflow-wrap: normal;
}
}nav.nfx-main-menu {
--nfx-menu-ink: var(--nfx-ui-nav-text, #272823);
--nfx-menu-paper: var(--nfx-ui-nav-bg, #fff);
--nfx-menu-accent: var(--nfx-ui-nav-active, #87663c);
}
nav.nfx-main-menu :is(.nfx-mega-toggle, .nfx-group-label) { display: none; }
nav.nfx-main-menu[data-nfx-mode=flyout] li.nfx-main-group > a.wp-block-navigation-item__content {
display: inline-flex;
align-items: center;
gap: 8px;
}
nav.nfx-main-menu[data-nfx-mode=flyout] li.nfx-main-group > a.wp-block-navigation-item__content::before {
content: '';
width: 13px;
height: 13px;
flex: none;
color: var(--nfx-menu-accent);
background: conic-gradient(currentColor 0 25%, transparent 0 50%, currentColor 0 75%, transparent 0) 0 0 / 8px 8px;
}
nav.nfx-main-menu[data-nfx-mode] li.nfx-main-group > ul button.wp-block-navigation-item__content { display: none; }
nav.nfx-main-menu[data-nfx-mode] li.nfx-main-group[data-nfx-open] .nfx-group-label {
display: block;
padding: 8px 3px;
font-weight: 650;
line-height: 1.45;
}
nav.nfx-main-menu[data-nfx-mode] .nfx-main-list > li.nfx-main-group {
position: relative;
}
nav.nfx-main-menu[data-nfx-mode] li.nfx-main-group > :is([data-nfx-native-toggle], .nfx-nav-branch),
nav.nfx-main-menu[data-nfx-mode] li.nfx-main-group > ul :is(.wp-block-navigation__submenu-icon, .nfx-nav-branch) {
display: none;
}
nav.nfx-main-menu[data-nfx-mode] li.nfx-main-group > .nfx-mega-toggle {
display: inline-flex;
flex: none;
align-items: center;
justify-content: center;
width: 32px;
min-height: 44px;
padding: 0;
margin: 0;
border: 0;
border-radius: 8px;
background: transparent;
color: var(--nfx-menu-accent);
cursor: pointer;
}
nav.nfx-main-menu[data-nfx-mode] li.nfx-main-group > .nfx-mega-label {
flex: 1;
width: auto;
gap: 8px;
color: inherit;
font: inherit;
}
nav.nfx-main-menu .nfx-mega-toggle::after {
content: '';
width: 7px;
height: 7px;
margin-top: -3px;
border: solid currentColor;
border-width: 0 1.6px 1.6px 0;
transform: rotate(45deg);
}
nav.nfx-main-menu .nfx-mega-toggle[aria-expanded=true]::after {
margin-top: 4px;
transform: rotate(225deg);
}
nav.nfx-main-menu[data-nfx-mode] li.nfx-main-group > :is(a, button):focus-visible,
nav.nfx-main-menu[data-nfx-mode] li.nfx-main-group > ul a:focus-visible {
outline: 2px solid var(--nfx-menu-accent);
outline-offset: -2px;
}
nav.nfx-main-menu[data-nfx-mode] .nfx-main-list > li.nfx-main-group.has-child:not([data-nfx-open]) > ul {
display: none;
}
nav.nfx-main-menu[data-nfx-mode] .nfx-main-list > li.nfx-main-group.has-child[data-nfx-open] > ul {
display: grid;
align-items: start;
align-content: start;
gap: 6px clamp(14px, 2vw, 30px);
height: auto;
min-width: 0;
margin: 0;
padding: clamp(16px, 2vw, 28px);
border: 0;
background: var(--nfx-menu-paper);
color: var(--nfx-menu-ink);
opacity: 1;
visibility: visible;
translate: none;
transform: none;
transition: none;
}
nav.nfx-main-menu[data-nfx-mode=flyout] .nfx-main-list > li.nfx-main-group[data-nfx-open] > ul {
position: absolute;
z-index: 5;
inset: 100% auto auto var(--nfx-mega-left, 0px);
width: min(58rem, calc(100vw - 24px));
max-width: none;
grid-template-columns: repeat(3, minmax(0, 1fr));
max-height: min(36rem, var(--nfx-mega-height, 70vh));
overflow: auto;
overscroll-behavior: contain;
scrollbar-width: thin;
border-radius: 0 0 16px 16px;
box-shadow: 0 16px 38px rgb(45 38 25 / 16%);
}
nav.nfx-main-menu[data-nfx-mode=flyout] .nfx-main-list > li.nfx-main-group[data-nfx-open] > ul[data-nfx-above] {
inset-block: auto 100%;
border-radius: 16px 16px 0 0;
}
nav.nfx-main-menu[data-nfx-mode=panel] .nfx-main-list > li.nfx-main-group[data-nfx-open] > ul {
position: static;
inset: auto;
flex: 0 0 100%;
width: 100%;
max-width: 100%;
max-height: none;
padding: 6px;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));
overflow: visible;
box-shadow: none;
}
nav.nfx-main-menu[data-nfx-mode=panel] li.nfx-main-group > .nfx-mega-toggle {
width: 44px;
}
nav.nfx-main-menu[data-nfx-mode] li.nfx-main-group[data-nfx-open] > ul > li {
display: flex;
flex-direction: column;
align-items: stretch;
align-self: start;
width: 100%;
min-width: 0;
margin: 0;
padding: 6px 9px 10px;
border: 0;
border-radius: 10px;
}
nav.nfx-main-menu[data-nfx-mode] li.nfx-main-group[data-nfx-open] > ul > li:is(:hover, :focus-within) {
background: color-mix(in srgb, var(--nfx-menu-accent) 6%, var(--nfx-menu-paper));
}
nav.nfx-main-menu[data-nfx-mode] li.nfx-main-group[data-nfx-open] > ul li.has-child > ul.wp-block-navigation__submenu-container {
position: static;
inset: auto;
display: flex;
flex-direction: column;
align-items: stretch;
width: 100%;
height: auto;
min-width: 0;
max-width: 100%;
margin: 0;
padding: 0;
border: 0;
background: transparent;
color: inherit;
box-shadow: none;
opacity: 1;
visibility: inherit;
overflow: visible;
translate: none;
transform: none;
transition: none;
}
nav.nfx-main-menu[data-nfx-mode] li.nfx-main-group[data-nfx-open] > ul li > a.wp-block-navigation-item__content {
display: flex;
align-items: center;
flex: initial;
min-width: 0;
min-height: 36px;
margin: 0;
padding: 5px 3px;
background: transparent;
color: var(--nfx-menu-ink);
font-size: .9rem;
font-weight: 450;
line-height: 1.45;
white-space: normal;
overflow-wrap: anywhere;
}
nav.nfx-main-menu[data-nfx-mode] li.nfx-main-group[data-nfx-open] > ul > li > a.wp-block-navigation-item__content {
font-size: 1.06rem;
font-weight: 650;
}
nav.nfx-main-menu[data-nfx-mode] li.nfx-main-group[data-nfx-open] > ul li.has-child li.has-child {
display: flex;
flex-direction: column;
align-items: stretch;
}
nav.nfx-main-menu[data-nfx-mode] li.nfx-main-group[data-nfx-open] > ul ul li.has-child > ul.wp-block-navigation__submenu-container {
padding-inline-start: .75rem;
}
nav.nfx-main-menu[data-nfx-mode] li.nfx-main-group[data-nfx-open] a.wp-block-navigation-item__content:is(:hover, [aria-current=page]) {
color: var(--nfx-menu-accent);
}
@media (max-width: 850px) {
nav.nfx-main-menu[data-nfx-mode=flyout] .nfx-main-list > li.nfx-main-group[data-nfx-open] > ul {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 540px) {
nav.nfx-main-menu[data-nfx-mode=flyout] .nfx-main-list > li.nfx-main-group[data-nfx-open] > ul {
grid-template-columns: minmax(0, 1fr);
}
}
@media (pointer: coarse), (max-width: 1024px) {
nav.nfx-main-menu[data-nfx-mode] li.nfx-main-group > .nfx-mega-toggle { min-width: 44px; }
nav.nfx-main-menu[data-nfx-mode] li.nfx-main-group[data-nfx-open] > ul li > a.wp-block-navigation-item__content { min-height: 44px; }
}.nfh-item-vertical {
--nfh-ink: var(--nfx-ui-nav-text, #252720);
--nfh-paper: var(--nfx-ui-nav-bg, #fffdf9);
--nfh-accent: var(--nfx-ui-nav-active, #87663c);
--nfh-wash: color-mix(in srgb, var(--nfh-accent) 7%, var(--nfh-paper));
--nfh-edge: color-mix(in srgb, var(--nfh-ink) 12%, var(--nfh-paper));
}
.nfh-item-vertical .nfh-pop > summary {
width: fit-content;
max-width: 100%;
padding: 7px 13px;
gap: 9px;
border: 1px solid var(--nfh-edge);
border-radius: 10px;
background: var(--nfh-paper);
color: var(--nfh-ink);
font-weight: 600;
line-height: 1.36;
}
.nfh-item-vertical .nfh-nav-label {
min-width: 0;
overflow-wrap: anywhere;
}
.nfh-item-vertical .nfh-category-icon {
display: grid;
grid-template-columns: repeat(2, 6px);
grid-template-rows: repeat(2, 6px);
gap: 2px;
flex: none;
color: var(--nfh-accent);
}
.nfh-item-vertical .nfh-category-icon i {
border: 1.5px solid currentColor;
border-radius: 2px;
}
.nfh-item-vertical .nfh-category-icon i:first-child {
background: currentColor;
}
.nfh-item-vertical summary::after {
content: '';
width: 6px;
height: 6px;
margin: -3px 1px 0 3px;
flex: none;
border: solid currentColor;
border-width: 0 1.5px 1.5px 0;
transform: rotate(45deg);
}
.nfh-item-vertical [open] > summary::after {
margin-top: 3px;
transform: rotate(225deg);
}
.nfh-item-vertical .nfh-pop > summary:hover {
background: var(--nfh-wash);
border-color: color-mix(in srgb, var(--nfh-accent) 46%, var(--nfh-paper));
}
.nfh-item-vertical .nfh-pop[open] > summary {
border-color: var(--nfh-ink);
background: var(--nfh-ink);
color: var(--nfh-paper);
}
.nfh-item-vertical [open] > summary .nfh-category-icon {
color: var(--nfh-paper);
}
.nfh-item-vertical .nfh-panel {
top: calc(100% + 6px);
width: min(21rem, calc(100vw - 24px));
max-height: min(36rem, 74vh, var(--nfh-available-height, 74vh));
padding: 7px;
border: 1px solid var(--nfh-edge);
border-radius: 15px;
background: var(--nfh-paper);
color: var(--nfh-ink);
box-shadow: 0 5px 12px rgb(37 31 23 / 6%), 0 20px 46px -14px rgb(37 31 23 / 24%);
scrollbar-width: thin;
scrollbar-color: color-mix(in srgb, var(--nfh-ink) 22%, var(--nfh-paper)) transparent;
overflow-x: hidden;
}
.nfh-item-vertical .nfh-panel[data-nfh-above] {
top: auto;
bottom: calc(100% + 6px);
} .nfh-item-vertical .nfh-panel .nfh-tree li.has-child > ul.wp-block-navigation__submenu-container {
position: static;
inset: auto;
display: block;
width: 100%;
height: auto;
min-width: 0;
padding: 0 0 0 .8rem;
border: 0;
box-shadow: none;
opacity: 1;
visibility: visible;
}
.nfh-item-vertical .nfh-panel .nfh-tree button.wp-block-navigation__submenu-icon { display: none; }
.nfh-item-vertical .nfh-panel:has(.nfv-nav) {
display: flex;
flex-direction: column;
width: var(--nfv-width, min(21rem, calc(100vw - 24px)));
padding: 0;
overflow: hidden;
}
.nfh-item-vertical .nfv-nav,
.nfh-item-vertical .nfv-panes {
display: flex;
flex: 1 1 auto;
width: 100%;
min-height: 0;
min-width: 0;
overflow: hidden;
}
.nfh-item-vertical .nfv-nav[data-side=left] .nfv-panes { flex-direction: row-reverse; }
.nfh-item-vertical .nfv-pane {
flex: 1 1 0%;
min-width: 0;
min-height: 0;
padding: 7px;
overflow-x: hidden;
overflow-y: auto;
overscroll-behavior: contain;
scrollbar-width: thin;
scrollbar-color: color-mix(in srgb, var(--nfh-ink) 24%, transparent) transparent;
}
.nfh-item-vertical .nfv-pane[hidden],
.nfh-item-vertical .nfv-back[hidden] { display: none; }
.nfh-item-vertical .nfv-pane:not([data-first]) {
border-inline-start: 1px solid var(--nfh-edge);
background: color-mix(in srgb, var(--nfh-accent) 3%, var(--nfh-paper));
}
.nfh-item-vertical .nfv-nav[data-side=left] .nfv-pane:not([data-first]) {
border-inline-start: 0;
border-inline-end: 1px solid var(--nfh-edge);
}
.nfh-item-vertical .nfv-heading {
position: sticky;
top: -7px;
z-index: 1;
display: flex;
align-items: center;
gap: 4px;
min-height: 44px;
margin: -7px -7px 4px;
padding: 4px 10px;
background: var(--nfh-paper);
}
.nfh-item-vertical .nfv-title {
padding: 6px;
font-size: 1rem;
font-weight: 650;
line-height: 1.4;
color: var(--nfh-ink);
overflow-wrap: anywhere;
}
.nfh-item-vertical .nfv-list {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 2px;
margin: 0;
padding: 0;
list-style: none;
}
.nfh-item-vertical .nfv-row {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: stretch;
margin: 0;
border-radius: 8px;
}
.nfh-item-vertical .nfv-row:is(:hover,:focus-within,[data-selected]) { background: var(--nfh-wash); }
.nfh-item-vertical .nfv-row > .nfv-link {
display: flex;
align-items: center;
min-width: 0;
min-height: 44px;
padding: 9px 12px;
border: 0;
border-radius: inherit;
background: transparent;
color: var(--nfh-ink);
text-align: start;
font: inherit;
font-size: .9rem;
font-weight: 500;
line-height: 1.48;
white-space: normal;
overflow-wrap: anywhere;
text-decoration: none;
}
.nfh-item-vertical .nfv-row > .nfv-link:is(:hover,[aria-current=page]),
.nfh-item-vertical .nfv-row[data-selected] > .nfv-link { color: var(--nfh-accent); }
.nfh-item-vertical :is(.nfv-next,.nfv-back) {
display: grid;
place-items: center;
align-self: center;
width: 44px;
height: 44px;
margin: 0;
padding: 0;
border: 0;
border-radius: 8px;
background: transparent;
color: var(--nfh-accent);
cursor: pointer;
}
.nfh-item-vertical :is(.nfv-next,.nfv-back)::before {
content: '';
grid-area: 1 / 1;
width: 26px;
height: 26px;
border-radius: 50%;
background: color-mix(in srgb, var(--nfh-accent) 9%, transparent);
}
.nfh-item-vertical :is(.nfv-next,.nfv-back)::after {
content: '';
grid-area: 1 / 1;
width: 7px;
height: 7px;
border: solid currentColor;
border-width: 1.5px 1.5px 0 0;
transform: rotate(45deg);
}
.nfh-item-vertical .nfv-back::after,
.nfh-item-vertical .nfv-nav[data-side=left] .nfv-next::after { transform: rotate(225deg); }
.nfh-item-vertical .nfv-nav[data-side=left] .nfv-back::after { transform: rotate(45deg); }
.nfh-item-vertical :is(summary, a, button):focus-visible {
outline: 2px solid var(--nfh-accent);
outline-offset: -3px;
}
@media (prefers-reduced-motion: no-preference) {
.nfh-item-vertical .nfv-nav[data-single] .nfv-pane:not([hidden]) { animation: nfv-enter .15s ease-out; }
@keyframes nfv-enter { from { opacity: .6; transform: translateX(7px); } to { opacity: 1; transform: none; } }
}
@media (min-width: 1025px) {
.nfh-item-vertical .nfh-panel-head { display: none; }
}
@media (max-width: 1024px) {
.nfh-item-vertical .nfh-nav-label { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.nfh-item-vertical .nfh-panel-head {
flex: none;
padding: 2px 4px 0 16px;
background: var(--nfh-paper);
font-size: .91rem;
}
.nfh-item-vertical .nfh-panel-head button { color: var(--nfh-accent); font-size: 23px; }
}
.nfh-item-vertical .nfv-row > button.nfv-wide {
grid-column: 1 / -1;
justify-content: space-between;
gap: .55rem;
cursor: pointer;
}
.nfh-item-vertical .nfv-wide::after {
content: '';
flex: none;
width: 7px;
height: 7px;
border: solid var(--nfh-accent);
border-width: 1.5px 1.5px 0 0;
transform: rotate(45deg);
}
.nfh-item-vertical .nfv-nav[data-side=left] .nfv-wide::after { transform: rotate(225deg); }