.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-shop-archive { --catalog-columns: 3; padding-block: clamp(20px,3vw,44px) clamp(44px,6vw,88px); }
.nfxp-shop-cols-4 .nfxp-shop-archive { --catalog-columns: 4; }
.nfxp-shop-top { padding-bottom: clamp(16px,2.7vw,36px); margin-bottom: 28px; }
.nfxp-shop-top h1 { font-size: clamp(2rem,4.8vw,3.8rem); color: var(--nm-ink); line-height: 1.25; letter-spacing: -.035em; margin: .45em 0 0; }
.nfxp-shop-top .wp-block-term-description { color: var(--nm-muted); max-width: 70ch; }
.nfxp-shop-layout { display: grid; grid-template-columns: minmax(180px,248px) minmax(0,1fr); gap: clamp(20px,3vw,48px); align-items: start; }
.nfxp-shop-layout > * { min-width: 0; max-width: none; width: 100%; margin-block: 0; }
.nfxp-shop-sidebar-right .nfxp-shop-layout { grid-template-columns: minmax(0,1fr) minmax(180px,248px); }
.nfxp-shop-sidebar-right .nfxp-shop-aside { grid-column: 2; grid-row: 1; }
.nfxp-shop-sidebar-right .nfxp-shop-results { grid-column: 1; grid-row: 1; }
:is(.nfxp-shop-sidebar-none,.nfxp-filters-off) .nfxp-shop-layout { grid-template-columns: minmax(0,1fr); }
.nfxp-filters-off .nfxp-shop-results { grid-area: auto; }
.nfxp-shop-aside { background: var(--nfx-ui-surface,#f7f9fa); border: 1px solid var(--nm-border); border-radius: 14px; padding: clamp(14px,1.8vw,25px); }
.nfxp-shop-aside :where(fieldset,input[type="text"]) { min-inline-size:0;max-inline-size:100%; }
.nfxp-shop-aside .wc-block-product-filter-price-slider__content:not(.wc-block-product-filter-price-slider__content--inline) { grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"price-slider price-slider" "left-input right-input"; }
.nfxp-shop-aside input[type="text"] { width:100%; }
.nfxp-shop-aside h3 { margin-block: 0 .6rem; font-size: 1rem; }
.nfxp-shop-aside .wp-block-woocommerce-product-filters { margin: 0; }
.nfx-shop-tools { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .65rem 1rem; color: var(--nm-muted); font-size: .9rem; }
.nfx-shop-tools > *, .nfx-shop-tools .woocommerce-result-count, .nfx-shop-tools .woocommerce-ordering { margin: 0; }
.nfx-shop-tools select { max-width: 100%; min-height: 44px; padding: 7px 10px; border: 1px solid var(--nm-border); border-radius: var(--nfx-radius); color: var(--nm-ink); background: white; } :root {
--nfx-product-ink: #28282b;
--nfx-product-muted: #68615e;
--nfx-product-wine: #733249;
--nfx-product-gold: #94744b;
--nfx-product-paper: #f6f3ef;
--nfx-product-line: #e4ded7;
}
.nfm-product-collection { min-width: 0; }
.nfxp-shop-archive .nfm-product-collection ul.wc-block-product-template,
.nfm-products-section .nfm-product-collection ul.wc-block-product-template {
display: grid; grid-template-columns: repeat(var(--catalog-columns,4), minmax(0,1fr));
gap: clamp(24px,3vw,48px) clamp(12px,1.8vw,30px);
margin-inline: 0; padding: 0; align-items: stretch; list-style: none;
}
.wc-block-product-template > li.wc-block-product,
.nfvb-product-cards > .nfxp-builder-tile, .wc-block-grid__products > .wc-block-grid__product.nfxp-legacy-tile,
.woocommerce ul.products > li.product:not(.product-category) {
--tile-radius:14px; --tile-pad:clamp(9px,1vw,16px);
min-width:0; display:flex; flex-direction:column; position:relative; isolation:isolate;
padding:0 0 clamp(14px,1.35vw,22px); border:0; border-radius:calc(var(--tile-radius) + 5px);
background:var(--nfx-ui-card,#fff); box-shadow:var(--tile-shadow,0 2px 5px rgb(44 33 28 / 5%),0 8px 26px -6px rgb(44 33 28 / 16%)); text-align:start;
}
.wc-block-product-template > li.wc-block-product { margin:0; width:auto; }
.nfxp-card-style-premium { --tile-shadow:0 3px 6px rgb(63 40 29 / 7%),0 14px 30px -7px rgb(63 40 29 / 22%); }
.nfxp-card-style-minimal { --tile-shadow:0 2px 13px rgb(44 33 28 / 10%); }
.wc-block-product .wc-block-components-product-image, .nfxp-tile-media {
display: block; isolation: isolate; overflow: hidden; position: relative; width: 100%;
margin:0; border-radius:calc(var(--tile-radius,14px) + 5px) calc(var(--tile-radius,14px) + 5px) var(--tile-radius,14px) var(--tile-radius,14px); background: var(--nfx-product-paper);
}
.wc-block-product .wc-block-components-product-image > a, .nfxp-tile-photo {
display: block; position: relative; color: inherit;
}
.wc-block-product .wc-block-components-product-image img,
.nfxp-builder-tile .nfxp-tile-media img, .woocommerce ul.products li.product .woocommerce-loop-product__link img {
display: block; width: 100%; margin: 0; height: auto; aspect-ratio: var(--nfx-photo-ratio,3/4); object-fit: contain;
}
.woocommerce ul.products li.product .woocommerce-loop-product__link img { border-radius:calc(var(--tile-radius) + 5px) calc(var(--tile-radius) + 5px) var(--tile-radius) var(--tile-radius); }
.wc-block-product .wc-block-components-product-image__inner-container { pointer-events:none; }
.wc-block-product .wc-block-components-product-sale-badge,
:is(.nfxp-builder-tile,.nfxp-legacy-tile) .nfxp-sale-mark, .woocommerce ul.products li.product .nfxp-sale-mark,
.nfm-product-page .nfm-product-detail .wp-block-woocommerce-product-image-gallery > span.nfxp-sale-mark {
display: inline-flex; align-items: center; align-self: flex-start; justify-content:center; float: none;
width: max-content; max-width: calc(100% - 12px); min-width: 0; min-height: 0;
margin:0; padding:.48em 1.02em .5em; border:0; border-radius:calc(var(--tile-radius,10px) + 5px) 0 1.15em 0;
background:var(--nfx-ui-sale,#d51f26); color:var(--nfx-ui-sale-text,#fff);
box-shadow: 0 2px 7px rgb(47 19 28 / 15%); font-weight: 700; font-size: clamp(.75rem,.85vw,.9rem); line-height: 1.18;
font-variant-numeric:tabular-nums; letter-spacing:.015em; text-transform:none; white-space: nowrap;
}
.wc-block-product .wp-block-woocommerce-product-image .wp-block-woocommerce-product-sale-badge,
.wc-block-product-template > li.wc-block-product > .wp-block-woocommerce-product-sale-badge,
:is(.nfxp-builder-tile,.nfxp-legacy-tile) .nfxp-sale-mark, .woocommerce ul.products li.product .nfxp-sale-mark,
.nfm-product-page .nfm-product-detail .wp-block-woocommerce-product-image-gallery > span.nfxp-sale-mark {
position:absolute; z-index:2; inset:0 auto auto 0; margin:0; transform:none; pointer-events:none;
}
.wc-block-product .wc-block-components-product-image .wc-block-components-product-sale-badge {
position:static; inset:auto; transform:none; align-self:flex-start;
}
.wc-block-product-template .wp-block-woocommerce-product-button,
.wc-block-all-products .wc-block-grid__product-add-to-cart { display: none; } .wc-block-grid.has-1-columns { --nfx-legacy-cols:1; }
.wc-block-grid.has-2-columns { --nfx-legacy-cols:2; }
.wc-block-grid.has-4-columns { --nfx-legacy-cols:4; }
.wc-block-grid.has-5-columns { --nfx-legacy-cols:5; }
.wc-block-grid.has-6-columns { --nfx-legacy-cols:6; }
.wc-block-grid .wc-block-grid__products:has(> .nfxp-legacy-tile) {
display:grid; grid-template-columns:repeat(var(--nfx-legacy-cols,3),minmax(0,1fr)); gap:clamp(12px,1.6vw,26px); margin:0; padding:0;
}
.wc-block-grid .wc-block-grid__products > li.wc-block-grid__product.nfxp-legacy-tile { width:auto; max-width:none; margin:0; padding-inline:0; }
@media (min-width:768px) and (max-width:1024px) {
.wc-block-grid:is(.has-4-columns,.has-5-columns,.has-6-columns) .wc-block-grid__products { --nfx-legacy-cols:3; }
}
@media (max-width:767px) {
.wc-block-grid:not(.has-1-columns) .wc-block-grid__products { --nfx-legacy-cols:2; }
}
.wc-block-grid__product.nfxp-legacy-tile .wc-block-grid__product-link { display: block; color: var(--nfx-product-ink); text-align: start; text-decoration: none; }
.nfxp-legacy-tile .nfxp-tile-media .wc-block-grid__product-image { margin: 0; }
.nfxp-legacy-tile .nfxp-tile-media img { display: block; width: 100%; height: auto; aspect-ratio: var(--nfx-photo-ratio,3/4); object-fit: contain; }
.wc-block-grid__product.nfxp-legacy-tile .wc-block-grid__product-title { color: var(--nfx-product-ink); font-weight: 500; font-size: 1.13rem; line-height: 1.3; }
.wc-block-grid__product.nfxp-legacy-tile .wc-block-grid__product-price { text-align: start; }
.wc-block-product-template li.wc-block-product .wp-block-post-title,
.nfxp-builder-tile .nfxp-tile-title, .woocommerce ul.products li.product .woocommerce-loop-product__title {
margin: 0 0 .44rem; padding: 0; color: var(--nfx-product-ink); text-align: start;
font-weight: 500; font-size: clamp(1rem,1.32vw,1.32rem); line-height: 1.43;
letter-spacing: -.015em; overflow-wrap: anywhere; text-wrap: pretty;
}
.wc-block-product-template li.wc-block-product > .wp-block-woocommerce-product-image,
.nfxp-builder-tile > :is(.nfxp-tile-photo,.nfxp-tile-media),
.woocommerce ul.products li.product .woocommerce-loop-product__link img,
.wc-block-grid__product.nfxp-legacy-tile .nfxp-tile-media { margin-bottom:clamp(10px,1vw,16px); }
.wc-block-product .wp-block-post-title a, .nfxp-builder-tile .nfxp-tile-title a { color: inherit; text-decoration: none; }
.wc-block-product .wp-block-post-title a:hover, .nfxp-builder-tile .nfxp-tile-title a:hover { color: var(--nfx-product-wine); text-decoration: underline; text-underline-offset: .17em; }
.wc-block-product .wp-block-woocommerce-product-price, .nfxp-builder-tile .nfxp-tile-price,
.woocommerce ul.products li.product .price {
margin: auto 0 0; padding-top: .18rem; color: var(--nfx-ui-price,var(--nfx-product-ink)); text-align: start;
font-weight: 650; font-size: clamp(.88rem,1.04vw,1.05rem); line-height: 1.45; font-variant-numeric: tabular-nums;
}
.wc-block-product .wc-block-components-product-price { text-align: start; }
:is(.wc-block-components-product-price,.nfxp-tile-price,.wc-block-grid__product-price,.woocommerce-loop-product__link .price):has(> ins) {
display: flex; flex-wrap: wrap; align-items: baseline; gap: .08em .55em;
}
:is(.wc-block-components-product-price,.nfxp-tile-price,.wc-block-grid__product-price,.woocommerce-loop-product__link .price) > ins {
order: -1; text-decoration: none; background: none; color: var(--nfx-product-wine); font-weight: 700;
}
:is(.wc-block-components-product-price,.nfxp-tile-price,.wc-block-grid__product-price,.woocommerce-loop-product__link .price) > del {
font-size: .78em; font-weight: 400; color: var(--nfx-product-muted); opacity: 1; text-decoration-thickness: 1px;
}
.wc-block-product-template li.wc-block-product > :is(.wp-block-post-title,.wp-block-woocommerce-product-price,.wp-block-woocommerce-product-rating),
.nfxp-builder-tile > :is(.nfxp-tile-title,.nfxp-tile-price),
.woocommerce ul.products li.product .woocommerce-loop-product__link :is(.woocommerce-loop-product__title,.price),
.wc-block-grid__product.nfxp-legacy-tile :is(.wc-block-grid__product-title,.wc-block-grid__product-price,.wc-block-grid__product-rating) {
padding-inline:var(--tile-pad);
}
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
.wc-block-product .wc-block-components-product-image img, .nfxp-tile-photo img { transition: transform .35s ease; }
.wc-block-product .wc-block-components-product-image a:hover img, .nfxp-tile-photo:hover img { transform: scale(1.025); }
}
@media (min-width:768px) and (max-width:1024px) {
.nfxp-shop-archive { --catalog-columns: 2; }
.nfxp-shop-cols-4 .nfxp-shop-archive { --catalog-columns: 3; }
.nfm-products-section { --catalog-columns: 3; }
}
@media (max-width: 781px) {
.nfxp-shop-layout, .nfxp-shop-sidebar-right .nfxp-shop-layout { grid-template-columns: minmax(0,1fr); gap: 14px; }
.nfxp-shop-sidebar-right .nfxp-shop-layout > * { grid-area: auto; }
.nfxp-shop-aside { padding: 10px 12px; }
}
@media (max-width: 767px) {
.nfx-shop-tools .wc-block-catalog-sorting select.orderby { font-size: max(16px,1rem); }
.nfx-shop-tools .woocommerce-ordering { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; }
.nfxp-shop-archive, .nfxp-shop-cols-4 .nfxp-shop-archive, .nfm-products-section { --catalog-columns: 2; }
.nfxp-mobile-cols-1 .nfxp-shop-archive { --catalog-columns: 1; }
}
.nfxp-shop-aside .wc-block-product-filter-price-slider .text input[type=text] { width:100%;max-width:100%;font-variant-numeric:tabular-nums; }.nfx-home {
--home-ink:var(--nfx-ui-text,#2d2c29); --home-muted:var(--nfx-ui-muted,#655f57); --home-metal:var(--nfx-ui-link,#81613b); --home-line:#ded7cb; --home-paper:var(--nfx-ui-surface,#fbf9f5);
container:home / inline-size;
}
.nfx-home .nfvb-section-inner { margin-inline:auto; }
.nfx-home .nfvb-column { min-inline-size:0; }
.nfx-home .nfvb-heading { color:var(--home-ink); }
.nfx-home .nfvb-heading:is(h1,h2) { font-weight:600!important; letter-spacing:-.032em; line-height:1.23; text-wrap:balance; }
.nfx-home h2.nfvb-heading { font-size:clamp(1.85rem,3.55cqi,3.1rem)!important; }
.nfx-home .nfvb-text { color:var(--home-muted); }
.nfx-home .nfvb-button { gap:.9rem; min-height:45px; padding:10px 19px; border-radius:var(--nfx-radius,8px); background:var(--nfx-ui-button,var(--nm-blue,#363d37)); color:var(--nfx-ui-button-text,#fff); box-shadow:none; }
.nfx-home .nfvb-button::after { content:""; flex:none; width:1rem; height:.6rem; background:currentColor; clip-path:polygon(0 43%,79% 43%,55% 5%,68% 5%,100% 50%,68% 95%,55% 95%,79% 57%,0 57%); }
.nfx-home > section:first-child:has(h1):has(.nfvb-image) .nfvb-column:has(h1) { gap:clamp(14px,1.8cqi,26px); }
.nfx-home > section:first-child:has(.nfvb-image) h1.nfvb-heading { max-width:16ch; font-size:clamp(2rem,4.85cqi,4.5rem)!important; line-height:1.23; }
.nfx-home > section:first-child:has(h1) .nfvb-column:has(h1)::before { content:""; display:block; width:3.1rem; height:2px; background:var(--nfx-ui-button,var(--home-metal)); }
.nfx-home > section:first-child:has(h1) .nfvb-column:has(h1):has(.nfvb-badge)::before { display:none; }
.nfx-home > section:first-child:has(h1) .nfvb-badge { display:flex; align-items:center; gap:.8rem; background:transparent; color:var(--home-metal); padding:0; font-weight: 650; font-size: .7rem; line-height: 1.45; letter-spacing:.15em; }
.nfx-home > section:first-child:has(h1) .nfvb-badge::before { content:""; width:2rem; height:1px; background:currentColor; }
.nfx-home > section:first-child:has(h1) .nfvb-text { max-width:45ch; font-size:clamp(.98rem,1.45cqi,1.17rem); line-height:1.65; }
.nfx-home > section:first-child:has(h1) .nfvb-image { display:block; width:100%; height:auto; max-height:none; aspect-ratio:1.45; object-fit:cover; object-position:center 55%; border-radius:var(--nfx-radius,8px); }
.nfx-home .nfvb-column:has(> .nfvb-product-cards) > h2, .nfx-home .nfvb-column:has(> .nfvb-categories) > h2 { align-self:stretch; padding-bottom:clamp(4px,1cqi,12px); }
.nfx-home .nfvb-product-cards { gap:clamp(17px,3cqi,40px) clamp(12px,2cqi,30px); }
.nfx-home .nfvb-categories { gap:clamp(10px,1.4cqi,20px); grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr)); }
.nfx-home .nfvb-category { position:relative; display:grid; align-content:end; align-items:start; gap:3px; min-height:96px; border:1px solid var(--home-line); border-radius:var(--nfx-radius,8px); background:var(--home-paper); padding:16px; text-align:start; }
.nfx-home .nfvb-category strong { padding-inline-end:1.1em; color:var(--home-ink); font-weight: 550; font-size: 1.12rem; line-height: 1.25; }
.nfx-home .nfvb-category span { color:var(--home-muted); }
.nfx-home .nfvb-category::after { content:"↗"; position:absolute; inset:auto 12px 13px auto; color:var(--home-metal); font-size:.95rem; }
.nfx-home .nfvb-category img { width:100%; height:clamp(60px,8cqi,105px); object-fit:contain; }
.nfx-home .nfvb-category:hover { border-color:var(--home-metal); }
.nfx-home .nfvb-feature-photo { display:grid; grid-template-columns:minmax(44px,clamp(54px,6cqi,78px)) minmax(0,1fr); align-items:center; gap:clamp(10px,1.4cqi,20px); padding:clamp(12px,1.7cqi,24px)!important; border:0; border-radius:17px; box-shadow:0 3px 14px rgb(49 40 32 / 5%); background:var(--home-paper); transform:none; }
.nfx-home .nfvb-feature-photo:hover { transform:none; }
.nfx-home .nfvb-feature-media { aspect-ratio:1; border-radius:var(--nfx-radius,8px); background:var(--home-paper); }
.nfx-home .nfvb-feature-content { padding:0; gap:4px; }
.nfx-home .nfvb-feature-content h3 { color:var(--home-ink); font-weight: 550; font-size: clamp(1.08rem,1.55cqi,1.35rem); line-height: 1.25; }
.nfx-home .nfvb-feature-content p { color:var(--home-muted); line-height:1.45; }
.nfx-home .nfvb-testimonial { border:0; box-shadow:0 4px 18px rgb(54 38 28 / 6%); border-radius:18px; padding:clamp(20px,2.4cqi,34px); background:var(--home-paper); }
.nfx-home .nfvb-stars { color:var(--home-metal); font-size:.84rem; }
.nfx-home .nfvb-testimonial blockquote { color:var(--home-ink); font-weight: 400; font-size: 1.22rem; line-height: 1.46; }
.nfx-home .nfvb-testimonial strong { font-size:.86rem; }
.nfx-home .nfvb-faq { border:0; border-radius:12px; padding:14px 18px; background:var(--home-paper); }
.nfx-home .nfvb-faq summary { color:var(--home-ink); min-height:30px; }
@container home (min-width:700px) {
.nfvb-column:has(> .nfvb-testimonial:nth-of-type(2)):not(:has(> :not(h2,.nfvb-testimonial))) { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr)); align-items:start; }
.nfvb-column:has(> .nfvb-testimonial:nth-of-type(2)) > h2 { grid-column:1/-1; }
}
@container home (max-width:700px) {
.nfx-home .nfvb-categories { grid-template-columns:repeat(2,minmax(0,1fr)); }
.nfx-home .nfvb-category { min-height:84px; padding:12px; }
.nfx-home .nfvb-category strong { font-size:1rem; }
.nfx-home > section:first-child:has(h1) .nfvb-image { aspect-ratio:1.85; }
} .home .nfm-products-section .wp-block-heading { color:var(--nfx-ui-text,#2d2c29); font-weight: 500; font-size: clamp(1.85rem,3.5vw,3.1rem); line-height: 1.12; letter-spacing:-.04em; padding-bottom:.22em; }.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); }