/* Theme Name: Kadence-child Theme URI: Description: Kadence child theme. Author: Me Author URI: Template: kadence Version: 0.1.0 */ /* ================================================================== F.N. Sharp brand colours ================================================================== Brand red #cc333b is taken from the Shopify theme's meta-theme-color. Hover state #a82a31 is the same hue darkened. WooCommerce ships its own button and link colours with high enough specificity that the Kadence palette doesn't always win, hence the !important flags below. Inelegant, but reliable. ================================================================== */ :root{ --fns-red: #cc333b; --fns-red-dark: #a82a31; --wc-primary: #cc333b; --wc-primary-text: #ffffff; } /* ---- buttons ---- */ .woocommerce a.button, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce input.button, .woocommerce input.button.alt, .woocommerce #respond input#submit, .woocommerce .single_add_to_cart_button, .wp-block-button__link{ background-color: var(--fns-red) !important; border-color: var(--fns-red) !important; color: #fff !important; } .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce button.button.alt:hover, .woocommerce input.button:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce .single_add_to_cart_button:hover, .wp-block-button__link:hover{ background-color: var(--fns-red-dark) !important; border-color: var(--fns-red-dark) !important; color: #fff !important; } /* disabled add-to-cart while no variation is chosen */ .woocommerce button.button:disabled, .woocommerce button.button.disabled, .woocommerce .single_add_to_cart_button.disabled{ background-color: #d9a0a4 !important; border-color: #d9a0a4 !important; } /* ---- ratings ---- */ .woocommerce .star-rating span:before, .woocommerce .star-rating:before, .woocommerce p.stars a, .woocommerce .comment-form-rating .stars a{ color: var(--fns-red) !important; } /* ---- sale badge ---- */ .woocommerce span.onsale{ background-color: var(--fns-red) !important; color: #fff !important; } /* ---- links inside WooCommerce areas ---- */ .woocommerce-breadcrumb a, .woocommerce-review-link, .reset_variations, .woocommerce-LoopProduct-link:hover, .woocommerce-tabs ul.tabs li.active a, .product_meta a{ color: var(--fns-red) !important; } /* ---- prices ---- */ .woocommerce div.product p.price ins, .woocommerce div.product span.price ins, .woocommerce ul.products li.product .price ins{ color: var(--fns-red); text-decoration: none; } .woocommerce div.product p.price del, .woocommerce ul.products li.product .price del{ color: #999; opacity: 1; } /* ---- cart / checkout notices ---- */ .woocommerce-message, .woocommerce-info{ border-top-color: var(--fns-red) !important; } .woocommerce-message:before, .woocommerce-info:before{ color: var(--fns-red) !important; } /* ---- active product tab underline ---- */ .woocommerce div.product .woocommerce-tabs ul.tabs li.active{ border-bottom-color: var(--fns-red); } /* Blog topic bar */ .fns-topics{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin:0 0 2.5rem} .fns-topics__list{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0} .fns-topics__list a{display:block;padding:.5rem 1rem;border:1px solid #d6d8dc;border-radius:4px;color:#2b2d33;font-size:.9rem;text-decoration:none;white-space:nowrap} .fns-topics__list a:hover{border-color:#cc333b;color:#cc333b} .fns-topics__list .current-menu-item > a{background:#cc333b;border-color:#cc333b;color:#fff} .fns-topics__search input[type=search]{padding:.5rem 1rem;border:1px solid #d6d8dc;border-radius:4px;min-width:240px} @media (max-width:767px){ .fns-topics__list{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.25rem} .fns-topics__search,.fns-topics__search input[type=search]{width:100%;min-width:0} } .blog .content-area,.tag .content-area{margin-top:2.5rem} .entry-header .fns-topics{margin:1.25rem 0 2rem} .woo-variation-swatches .variable-items-wrapper .variable-item.button-variable-item{border-radius:4px!important;padding:0 1.25rem}.woo-variation-swatches .variable-items-wrapper .variable-item.button-variable-item:hover{box-shadow:0 0 0 1px #cc333b!important}.woo-variation-swatches .variable-items-wrapper .variable-item.button-variable-item.selected{box-shadow:0 0 0 2px #cc333b!important;color:#cc333b}.single-product .reset_variations{display:none!important}.single-product .product-type-variable .summary p.price{display:none} .woo-variation-swatches .variable-items-wrapper .variable-item.button-variable-item .variable-item-span{color:#2b2d33} /* FNS PRESS START */ .fns-pr{--fns-red:#cc333b;--fns-red-dark:#a82a31;--fns-ink:#2b2d33;--fns-sand:#f7f5f2;--fns-line:#e7e3dd;--fns-muted:#6b7280} .fns-pr .fns-wrap{max-width:var(--global-content-width,1250px);margin:0 auto;padding:0 var(--global-content-edge-padding,1.5rem)} .fns-pr section{padding:4.5rem 0} .fns-pr h1,.fns-pr h2{letter-spacing:-.01em;color:var(--fns-ink)} .fns-pr h2{text-align:center;font-size:clamp(1.6rem,3vw,2.25rem);margin:0 0 2.5rem} .fns-pr .fns-stars{color:var(--fns-red);letter-spacing:2px} .fns-pr .fns-pr-hero{background:var(--fns-sand);text-align:center} .fns-pr .fns-eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;font-weight:600;color:var(--fns-red);margin:0 0 .75rem} .fns-pr .fns-pr-hero h1{font-size:clamp(2rem,4.5vw,3.25rem);line-height:1.15;margin:0 0 1rem} .fns-pr .fns-pr-lead{font-size:1.15rem;max-width:640px;margin:0 auto 2rem;color:#4b5563} .fns-pr .fns-pr-rating{display:inline-flex;align-items:center;gap:.75rem;padding:.7rem 1.4rem;background:#fff;border:1px solid var(--fns-line);border-radius:999px;color:var(--fns-ink);text-decoration:none} .fns-pr .fns-pr-rating strong{font-size:1.2rem} .fns-pr .fns-pr-rating:hover{border-color:var(--fns-red)} .fns-pr .fns-pr-logos-sec{padding:2.75rem 0;border-bottom:1px solid var(--fns-line)} .fns-pr .fns-label{text-align:center;text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;font-weight:600;color:var(--fns-muted);margin:0 0 1.75rem} .fns-pr .fns-pr-logos{display:grid;grid-template-columns:repeat(6,1fr);gap:2rem 2.5rem;align-items:center} .fns-pr .fns-pr-logos img{display:block;margin:0 auto;max-height:38px;max-width:120px;width:auto;height:auto;filter:grayscale(1);opacity:.55;transition:opacity .2s,filter .2s} .fns-pr .fns-pr-logos img:hover{filter:none;opacity:1} .fns-pr .fns-pr-feature{background:var(--fns-ink);text-align:center} .fns-pr .fns-pr-feature blockquote{max-width:880px;margin:0 auto;padding:0;border:0;font-style:normal;font-size:clamp(1.25rem,2.4vw,1.8rem);line-height:1.5;color:#fff} .fns-pr .fns-pr-feature blockquote::before{content:"\201C";display:block;font-size:4.5rem;line-height:.8;color:var(--fns-red);margin-bottom:.75rem} .fns-pr .fns-pr-feature cite{display:block;margin-top:1.5rem;font-style:normal;font-size:.95rem;color:#c9ccd2} .fns-pr .fns-pr-feature cite a{color:#fff} .fns-pr .fns-pr-press{background:var(--fns-sand)} .fns-pr .fns-pr-grid{columns:2 340px;column-gap:1.5rem} .fns-pr .fns-pr-card{display:inline-block;width:100%;break-inside:avoid;margin:0 0 1.5rem;padding:1.75rem;background:#fff;border:1px solid var(--fns-line);border-radius:6px} .fns-pr .fns-pr-card .fns-pr-logo{display:block;max-height:34px;max-width:150px;width:auto;height:auto;margin:0 0 1.25rem} .fns-pr .fns-pr-card blockquote{margin:0 0 1rem;padding:0;border:0;font-style:normal;font-size:1.05rem;line-height:1.6;color:var(--fns-ink)} .fns-pr .fns-pr-summary{margin:0 0 1rem;line-height:1.6;color:#374151} .fns-pr .fns-pr-name{margin:0;padding-top:1rem;border-top:1px solid var(--fns-line);font-size:.95rem;color:var(--fns-ink)} .fns-pr .fns-pr-meta{margin:.2rem 0 0;font-size:.85rem;color:var(--fns-muted)} .fns-pr .fns-pr-link{display:inline-block;margin-top:.9rem;font-size:.9rem;font-weight:600;color:var(--fns-red);text-decoration:none} .fns-pr .fns-pr-link:hover{color:var(--fns-red-dark);text-decoration:underline} .fns-pr .fns-pr-reviews{background:#fff;scroll-margin-top:100px} .fns-pr .fns-pr-sub{text-align:center;margin:-1.75rem 0 2.5rem;color:var(--fns-muted)} .fns-pr .fns-reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem} .fns-pr .fns-review{display:flex;flex-direction:column;margin:0;padding:1.75rem;background:var(--fns-sand);border-radius:6px} .fns-pr .fns-review blockquote{flex:1;margin:.75rem 0 1.25rem;padding:0;border:0;font-style:normal;line-height:1.6;color:var(--fns-ink)} .fns-pr .fns-review figcaption{font-size:.9rem;color:var(--fns-muted)} .fns-pr .fns-review figcaption strong{color:var(--fns-ink)} .fns-pr .fns-review figcaption a{color:var(--fns-red)} .fns-pr .fns-pr-cta{background:var(--fns-red);text-align:center} .fns-pr .fns-pr-cta h2{color:#fff;margin-bottom:.75rem} .fns-pr .fns-pr-cta p{margin:0 0 2rem;font-size:1.1rem;color:#fbe9ea} .fns-pr .fns-pr-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem} .fns-pr .fns-btn{display:inline-block;padding:.9rem 1.75rem;border:2px solid #fff;border-radius:4px;font-weight:600;text-decoration:none;transition:background .2s,color .2s,border-color .2s} .fns-pr .fns-btn--light{background:#fff;color:var(--fns-red)} .fns-pr .fns-btn--light:hover{background:var(--fns-ink);border-color:var(--fns-ink);color:#fff} .fns-pr .fns-btn--ghost{background:transparent;color:#fff} .fns-pr .fns-btn--ghost:hover{background:#fff;color:var(--fns-red)} @media (max-width:900px){.fns-pr .fns-pr-logos{grid-template-columns:repeat(3,1fr)}.fns-pr .fns-reviews{grid-template-columns:1fr 1fr}} @media (max-width:600px){.fns-pr section{padding:3rem 0}.fns-pr .fns-pr-logos{grid-template-columns:repeat(2,1fr);gap:1.5rem}.fns-pr .fns-reviews{grid-template-columns:1fr}} /* FNS PRESS END */ /* FNS KNIVES START */ .fns-pr .fns-btn--red{background:var(--fns-red);border-color:var(--fns-red);color:#fff} .fns-pr .fns-btn--red:hover{background:var(--fns-red-dark);border-color:var(--fns-red-dark);color:#fff} .fns-pr .fns-btn--outline{background:transparent;border-color:var(--fns-ink);color:var(--fns-ink)} .fns-pr .fns-btn--outline:hover{background:var(--fns-ink);color:#fff} .fns-ok .fns-ok-hero{background:var(--fns-sand)} .fns-ok .fns-ok-hero h1{font-size:clamp(2.1rem,4.5vw,3.25rem);line-height:1.12;margin:0 0 1rem} .fns-ok .fns-ok-hero .fns-pr-lead{max-width:none;margin:0 0 2rem} .fns-ok .fns-ok-hero .fns-pr-btns{justify-content:flex-start} .fns-ok .fns-split{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:center} .fns-ok .fns-split>img{display:block;width:100%;height:auto;border-radius:6px;aspect-ratio:4/3;object-fit:cover} .fns-ok .fns-cols{display:grid;grid-template-columns:1fr 1fr;gap:2rem 3.5rem;margin:0 0 3rem} .fns-ok .fns-cols h3{margin:0 0 .6rem;font-size:1.25rem} .fns-ok .fns-cols p{margin:0;line-height:1.7;color:#374151} .fns-ok .fns-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--fns-line);border-bottom:1px solid var(--fns-line)} .fns-ok .fns-stat{padding:1.75rem 1rem;text-align:center} .fns-ok .fns-stat+.fns-stat{border-left:1px solid var(--fns-line)} .fns-ok .fns-stat strong{display:block;font-size:clamp(1.75rem,3.5vw,2.5rem);line-height:1.1;color:var(--fns-red)} .fns-ok .fns-stat span{display:block;margin-top:.35rem;font-size:.9rem;color:var(--fns-muted)} .fns-ok .fns-ok-lineup{background:var(--fns-sand)} .fns-ok .fns-sub{text-align:center;margin:-1.75rem 0 2.5rem;color:var(--fns-muted)} .fns-ok .fns-lineup{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem} .fns-ok .fns-lineup a{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1.25rem .75rem;background:#fff;border:1px solid var(--fns-line);border-radius:6px;color:var(--fns-ink);font-weight:600;font-size:.95rem;text-align:center;text-decoration:none;transition:border-color .2s,transform .2s} .fns-ok .fns-lineup a:hover{border-color:var(--fns-red);transform:translateY(-2px)} .fns-ok .fns-lineup img{display:block;width:100%;height:70px;object-fit:contain;margin-bottom:.4rem} .fns-ok .fns-lineup small{font-weight:400;font-size:.8rem;color:var(--fns-muted)} .fns-ok .fns-shared{text-align:center;font-size:.9rem;color:var(--fns-muted);margin:2rem 0 0} .fns-ok .fns-ok-knives{padding-top:1.5rem} .fns-ok .fns-knife{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:center;padding:3.5rem 0;border-top:1px solid var(--fns-line);scroll-margin-top:100px} .fns-ok .fns-knife:first-child{border-top:0} .fns-ok .fns-knife:nth-child(even) .fns-knife-img{order:2} .fns-ok .fns-knife-img img{display:block;width:100%;height:auto;border-radius:6px} .fns-ok .fns-knife h3{font-size:clamp(1.5rem,2.6vw,2rem);margin:0 0 .75rem} .fns-ok .fns-knife p{line-height:1.7;color:#374151;margin:0 0 1.5rem} .fns-ok .fns-knife .fns-eyebrow{margin:0 0 .5rem} .fns-ok .fns-specs{display:grid;grid-template-columns:1fr 1fr;margin:0 0 1.75rem;border-top:1px solid var(--fns-line)} .fns-ok .fns-specs div{padding:.7rem 1rem .7rem 0;border-bottom:1px solid var(--fns-line)} .fns-ok .fns-specs dt{margin:0;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--fns-muted)} .fns-ok .fns-specs dd{margin:.15rem 0 0;font-weight:600;color:var(--fns-ink)} .fns-ok .fns-ok-sets{background:var(--fns-sand)} .fns-ok .fns-sets{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem} .fns-ok .fns-set{display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid var(--fns-line);border-radius:6px} .fns-ok .fns-set img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover} .fns-ok .fns-set>div{display:flex;flex-direction:column;flex:1;padding:1.5rem} .fns-ok .fns-set h3{margin:0 0 .5rem} .fns-ok .fns-set p{flex:1;margin:0;line-height:1.6;color:#374151} .fns-ok .fns-ok-story{scroll-margin-top:100px} .fns-ok .fns-ok-story h2{text-align:left;margin:0 0 1.25rem} .fns-ok .fns-ok-story p{line-height:1.75;color:#374151} .fns-ok .fns-ok-story .fns-split>img{aspect-ratio:auto} @media (max-width:900px){.fns-ok .fns-split,.fns-ok .fns-knife,.fns-ok .fns-cols{grid-template-columns:1fr;gap:2rem}.fns-ok .fns-knife:nth-child(even) .fns-knife-img{order:0}.fns-ok .fns-lineup{grid-template-columns:repeat(3,1fr)}.fns-ok .fns-sets{grid-template-columns:1fr}.fns-ok .fns-stats{grid-template-columns:1fr 1fr}.fns-ok .fns-stat:nth-child(3){border-left:0}.fns-ok .fns-stat:nth-child(n+3){border-top:1px solid var(--fns-line)}} @media (max-width:600px){.fns-ok .fns-lineup{grid-template-columns:repeat(2,1fr)}.fns-ok .fns-specs{grid-template-columns:1fr}} /* FNS KNIVES END */ /* FNS HOME START */ .fns-home .fns-home-hero{position:relative;padding:0;overflow:hidden;background:#ebe6df} .fns-home .fns-home-hero picture img{display:block;width:100%;height:clamp(420px,27.6vw,720px);object-fit:cover;object-position:right center} .fns-home .fns-home-hero-inner{position:absolute;inset:0;display:flex;align-items:center} .fns-home .fns-home-hero-inner .fns-wrap{width:100%} .fns-home .fns-home-hero-text{max-width:540px} .fns-home .fns-home-hero h1{font-size:clamp(2.25rem,4.5vw,3.75rem);line-height:1.08;margin:0 0 1rem;color:var(--fns-ink)} .fns-home .fns-home-hero p{font-size:1.15rem;line-height:1.6;margin:0 0 1.75rem;color:var(--fns-ink)} .fns-home .fns-center{text-align:center;margin:2rem 0 0} .fns-home .fns-home-sets ul.products{margin-bottom:0} .fns-home .fns-home-steel{background:var(--fns-sand)} .fns-home .fns-home-steel h2{text-align:left;margin:0 0 1rem} .fns-home .fns-home-steel p{line-height:1.7;color:#374151} .fns-home .fns-home-steel .fns-stats{grid-template-columns:1fr 1fr;margin:1.75rem 0 2rem} .fns-home .fns-home-steel .fns-stat:nth-child(3){border-left:0} .fns-home .fns-home-steel .fns-stat:nth-child(n+3){border-top:1px solid var(--fns-line)} .fns-home .fns-home-steel .fns-split>img{aspect-ratio:1/1} .fns-home .fns-home-rating{margin:-1.5rem 0 2.5rem} .fns-home .fns-home-posts{background:var(--fns-sand)} .fns-home .fns-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem} .fns-home .fns-post{display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid var(--fns-line);border-radius:6px;color:var(--fns-ink);text-decoration:none;transition:transform .2s,border-color .2s} .fns-home .fns-post:hover{transform:translateY(-2px);border-color:var(--fns-red)} .fns-home .fns-post-img img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover} .fns-home .fns-post-body{display:flex;flex-direction:column;flex:1;padding:1.25rem 1.5rem 1.5rem} .fns-home .fns-post-title{flex:1;margin-bottom:.25rem;font-size:1.1rem;font-weight:700;line-height:1.35} @media (max-width:900px){.fns-home .fns-posts{grid-template-columns:1fr}} @media (max-width:767px){.fns-home .fns-home-hero picture img{height:auto;aspect-ratio:1122/1402;object-position:top center}.fns-home .fns-home-hero-inner{align-items:flex-start;padding-top:1.75rem;text-align:center}.fns-home .fns-home-hero-text{max-width:none}.fns-home .fns-home-hero h1{font-size:2rem}.fns-home .fns-home-hero p{display:none}.fns-home .fns-pr-logos{grid-template-columns:repeat(3,1fr)}} /* FNS HOME END */ /* FNS FOOTER START */ .fns-footer{background:#2b2d33;color:#b8bcc5;font-size:.95rem;line-height:1.6} .fns-footer .fns-footer-wrap{max-width:var(--global-content-width,1250px);margin:0 auto;padding:0 var(--global-content-edge-padding,1.5rem)} .fns-footer a{color:#e5e7eb;text-decoration:none} .fns-footer a:hover{color:#fff;text-decoration:underline} .fns-footer .fns-footer-main{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:2.5rem;padding:4rem 0 3rem} .fns-footer .fns-footer-brand img{display:block;width:auto;max-width:170px;height:auto;margin:0 0 1.25rem} .fns-footer .fns-footer-brand p{max-width:320px;margin:0 0 1.5rem} .fns-footer h2{margin:0 0 1rem;font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#fff} .fns-footer ul{margin:0;padding:0;list-style:none} .fns-footer .fns-footer-col li{margin:0 0 .65rem} .fns-footer .fns-social{display:flex;flex-wrap:wrap;gap:.6rem} .fns-footer .fns-social a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid #4b4f59;border-radius:50%;color:#e5e7eb;transition:background .2s,border-color .2s} .fns-footer .fns-social a:hover{background:#cc333b;border-color:#cc333b;text-decoration:none} .fns-footer .fns-social svg{width:16px;height:16px;fill:currentColor} .fns-footer .fns-social-txt{font-size:.7rem;font-weight:700} .fns-footer .fns-footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.5rem;padding:1.25rem 0;border-top:1px solid #3f434c;font-size:.85rem} .fns-footer .fns-footer-bottom p{margin:0} .fns-footer .fns-footer-bottom ul{display:flex;flex-wrap:wrap;gap:.4rem 1.25rem} @media (max-width:900px){.fns-footer .fns-footer-main{grid-template-columns:repeat(3,1fr)}.fns-footer .fns-footer-brand{grid-column:1/-1}} @media (max-width:560px){.fns-footer .fns-footer-main{grid-template-columns:1fr 1fr;padding-top:3rem}} /* FNS FOOTER END */ /* FNS HELP START */ .fns-help .fns-pr-lead a{color:var(--fns-red)} .fns-help .fns-jump{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem} .fns-help .fns-jump a{padding:.5rem 1.1rem;background:#fff;border:1px solid var(--fns-line);border-radius:999px;color:var(--fns-ink);font-size:.9rem;font-weight:600;text-decoration:none} .fns-help .fns-jump a:hover{border-color:var(--fns-red);color:var(--fns-red)} .fns-help .fns-narrow{max-width:820px;margin:0 auto} .fns-help .fns-faq-group{margin:0 0 3rem;scroll-margin-top:100px} .fns-help .fns-faq-group:last-child{margin-bottom:0} .fns-help .fns-faq-group h2{text-align:left;font-size:1.5rem;margin:0 0 1rem} .fns-help details{border-bottom:1px solid var(--fns-line)} .fns-help details:first-of-type{border-top:1px solid var(--fns-line)} .fns-help summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 0;list-style:none;cursor:pointer;font-size:1.05rem;font-weight:600;color:var(--fns-ink)} .fns-help summary::-webkit-details-marker{display:none} .fns-help summary::after{content:"+";flex:none;font-size:1.6rem;font-weight:400;line-height:1;color:var(--fns-red);transition:transform .2s} .fns-help details[open] summary::after{transform:rotate(45deg)} .fns-help summary:hover{color:var(--fns-red)} .fns-help .fns-faq-a{padding:0 2.5rem 1.25rem 0;line-height:1.7;color:#374151} .fns-help .fns-faq-a p{margin:0 0 .75rem} .fns-help .fns-faq-a p:last-child{margin:0} .fns-help .fns-faq-a a{color:var(--fns-red)} .fns-help .fns-help-cta{background:var(--fns-sand);text-align:center} .fns-help .fns-help-cta h2{margin-bottom:.75rem} .fns-help .fns-help-cta p{margin:0 0 2rem;color:var(--fns-muted)} .fns-help .fns-help-cta .fns-pr-btns{justify-content:center} .fns-help .fns-contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem} .fns-help .fns-contact-card{display:flex;flex-direction:column;padding:2rem;background:#fff;border:1px solid var(--fns-line);border-radius:6px} .fns-help .fns-contact-card h2{text-align:left;margin:0 0 .5rem;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--fns-red)} .fns-help .fns-contact-card p{flex:1;margin:0 0 1.25rem;line-height:1.6;color:#374151} .fns-help .fns-contact-card p.fns-big{flex:none;margin:0 0 .5rem;font-size:1.25rem;font-weight:700;color:var(--fns-ink)} .fns-help .fns-contact-card .fns-btn{align-self:flex-start} .fns-help .fns-quick-h{margin:3.5rem 0 1.5rem;font-size:1.5rem} .fns-help .fns-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem} .fns-help .fns-quick a{display:block;padding:1.1rem 1.25rem;background:var(--fns-sand);border:1px solid var(--fns-line);border-radius:6px;color:var(--fns-ink);font-weight:600;text-decoration:none} .fns-help .fns-quick a span{display:block;margin-top:.2rem;font-size:.85rem;font-weight:400;color:var(--fns-muted)} .fns-help .fns-quick a:hover{border-color:var(--fns-red)} @media (max-width:900px){.fns-help .fns-contact-cards{grid-template-columns:1fr}.fns-help .fns-quick{grid-template-columns:1fr 1fr}} @media (max-width:560px){.fns-help .fns-quick{grid-template-columns:1fr}.fns-help .fns-faq-a{padding-right:0}} /* FNS HELP END */ /* FNS HERO V3 START */ @media (min-width:768px){.fns-home .fns-home-hero picture img{height:clamp(420px,33.7vw,860px)}.fns-home .fns-home-hero-inner{align-items:flex-start;padding-top:clamp(1.5rem,3vw,5rem)}} @media (min-width:768px){.fns-home .fns-home-hero-text{max-width:720px}.fns-home .fns-home-hero h1{font-size:clamp(2.25rem,4.2vw,4rem)}.fns-home .fns-home-hero p{max-width:620px}} @media (min-width:768px) and (max-width:1100px){.fns-home .fns-home-hero-text{max-width:420px}.fns-home .fns-home-hero p{display:none}.fns-home .fns-home-hero picture img{object-position:70% center}} @media (min-width:768px) and (max-width:1100px){.fns-home .fns-home-hero-inner{background:linear-gradient(90deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.85) 45%,rgba(255,255,255,0) 70%)}} /* FNS HERO V3 END */ #masthead{border-bottom:1px solid #e7e3dd} .fns-home .fns-home-hero p.fns-eyebrow{display:block;margin:0 0 .75rem;font-size:.8rem;line-height:1.4;color:var(--fns-red)}.fns-home .fns-home-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem} .fns-home .fns-home-hero-proof{display:inline-flex;flex-direction:column;font-size:.9rem;line-height:1.45;color:#4b5563}.fns-home .fns-home-hero-proof strong{color:var(--fns-ink)}@media (max-width:767px){.fns-home .fns-home-hero p.fns-eyebrow,.fns-home .fns-home-hero-proof{display:none}.fns-home .fns-home-hero-actions{justify-content:center}} .fns-pr .fns-sub,.fns-pr .fns-pr-sub,.fns-pr .fns-home-rating{margin-top:0!important} .fns-pr section h2:has(+ .fns-sub),.fns-pr section h2:has(+ .fns-pr-sub),.fns-pr section h2:has(+ .fns-home-rating){margin-bottom:.75rem!important} @media (min-width:768px){.fns-home .fns-home-hero-text>p:not(.fns-eyebrow){margin-bottom:1.25rem}.fns-home .fns-home-hero-actions{flex-wrap:nowrap}} @media (min-width:1101px) and (max-width:1499px){.fns-home .fns-home-hero p.fns-eyebrow{display:none}} @media (max-width:1100px){.fns-home .fns-home-hero-proof{display:none}} /* FNS LEGAL START */ .fns-legal .fns-pr-hero{padding:3.5rem 0} .fns-legal .fns-pr-hero h1{margin-bottom:.75rem} .fns-legal .fns-pr-lead{margin-bottom:.75rem} .fns-legal .fns-legal-contact{margin:0;font-size:.95rem;color:var(--fns-muted)} .fns-legal .fns-legal-contact a{color:var(--fns-red)} .fns-legal .fns-legal-body{padding-top:3.5rem} .fns-legal .fns-legal-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:3.5rem;align-items:start} .fns-legal .fns-toc{position:sticky;top:110px;max-height:calc(100vh - 140px);overflow:auto;font-size:.9rem} .fns-legal .fns-toc summary{margin:0 0 .75rem;list-style:none;cursor:pointer;font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--fns-muted)} .fns-legal .fns-toc summary::-webkit-details-marker{display:none} .fns-legal .fns-toc ol{margin:0;padding:0;list-style:none} .fns-legal .fns-toc li{margin:0} .fns-legal .fns-toc a{display:block;padding:.35rem 0 .35rem .85rem;border-left:2px solid var(--fns-line);line-height:1.35;color:#4b5563;text-decoration:none} .fns-legal .fns-toc a:hover{border-color:var(--fns-red);color:var(--fns-red)} .fns-legal .fns-toc ol ol a{padding-left:1.6rem;font-size:.85rem} .fns-legal .fns-legal-text{max-width:760px;line-height:1.75;color:#374151} .fns-legal .fns-legal-text h2{margin:3rem 0 1rem;padding-top:1.5rem;border-top:1px solid var(--fns-line);text-align:left;font-size:1.5rem;scroll-margin-top:110px} .fns-legal .fns-legal-text h2:first-child{margin-top:0;padding-top:0;border-top:0} .fns-legal .fns-legal-text h3{margin:2rem 0 .6rem;font-size:1.1rem;color:var(--fns-ink);scroll-margin-top:110px} .fns-legal .fns-legal-text p{margin:0 0 1rem} .fns-legal .fns-legal-text ul,.fns-legal .fns-legal-text ol{margin:0 0 1.25rem;padding-left:1.4rem} .fns-legal .fns-legal-text li{margin:0 0 .4rem} .fns-legal .fns-legal-text a{color:var(--fns-red)} .fns-legal .fns-table-wrap{margin:0 0 1.5rem;overflow-x:auto;border:1px solid var(--fns-line);border-radius:6px} .fns-legal .fns-table-wrap table{width:100%;margin:0;border-collapse:collapse;font-size:.88rem} .fns-legal .fns-table-wrap th,.fns-legal .fns-table-wrap td{padding:.6rem .8rem;border:0;border-bottom:1px solid var(--fns-line);text-align:left;vertical-align:top} .fns-legal .fns-table-wrap tr:nth-child(even) td{background:var(--fns-sand)} @media (max-width:900px){.fns-legal .fns-legal-grid{grid-template-columns:1fr;gap:2rem}.fns-legal .fns-toc{position:static;max-height:none;padding:1rem 1.25rem;background:var(--fns-sand);border-radius:6px}.fns-legal .fns-toc summary{margin:0}.fns-legal .fns-toc[open] summary{margin-bottom:.75rem}} /* FNS LEGAL END */ .entry-content .directions label{padding-left:62px}.entry-content .directions label>span.fns-step-no{width:26px;white-space:nowrap}.entry-content .directions label:before{left:32px}.entry-content .directions label:after{left:39px} .fns-signup [class*="klaviyo-form-"]{max-width:560px;margin-left:auto;margin-right:auto} .single-content p>span[style*="background: #eee"]{background:#f7f5f2!important;border-left:3px solid #cc333b;border-radius:4px;padding:14px 18px!important;margin:24px 0!important;line-height:1.6} /* FNS HERO MOBILE FIX */ @media (max-width:767px){.fns-home .fns-home-hero picture img{aspect-ratio:auto;height:clamp(500px,135vw,1040px);object-fit:cover;object-position:center bottom}} /* FNS RATING WRAP FIX */ .fns-pr .fns-pr-rating{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.4rem} .fns-pr .fns-pr-rating>*{white-space:nowrap} /* FNS POST SPACING START */ /* 1. Center H1 post titles + byline, like Shopify */ .single-post .entry-header { text-align: center; } .single-post .entry-header .entry-meta, .single-post .entry-header .entry-taxonomies { justify-content: center; } /* 2. Jump-link columns — one global rule, replaces the