:root{--t: #262828;--tm: #b7a69e;--acc: #68dce4;--acch: #7dc9d1;--bg: #ffffff;--sub: #f4f4f4;--bdr: #e8e2e1;--bdrl: #efefef;--font: "Avenir Next","Avenir",system-ui,sans-serif}.fof-outer{padding:40px 0}.fof-inner{max-width:1200px;margin:0 auto;padding:0 48px}.fof-article-wrap{max-width:760px;margin:0 auto}@media(max-width:749px){.fof-inner{padding:0 20px}.fof-outer{padding:24px 0}}@media(min-width:750px)and (max-width:999px){.fof-inner{padding:0 32px}}.fof-hero__image-wrap{width:100%;max-width:1200px;margin:0 auto;height:420px;overflow:hidden;display:block}@media(max-width:749px){.fof-hero__image-wrap{height:220px}}.fof-hero__img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.fof-hero .fof-outer{padding-top:28px;padding-bottom:0}.fof-hero__label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--tm);margin:0 0 10px}.fof-hero__blog-link{color:var(--tm);text-decoration:none}.fof-hero__blog-link:hover{color:var(--t)}.fof-hero__title{font-size:clamp(26px,3.5vw,40px);font-weight:600;line-height:1.2;letter-spacing:-.01em;color:var(--t);margin:0 0 14px}.fof-hero__meta{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--tm);flex-wrap:wrap;padding-bottom:24px;border-bottom:1px solid var(--bdrl)}.fof-meta-divider{color:var(--bdrl)}.fof-intro{padding:24px 0 0}.fof-intro__text{font-size:17px;line-height:1.7;color:#555;margin:0;padding-left:16px;border-left:2px solid var(--bdr)}.fof-toc{border:1px solid var(--bdr);margin:28px 0 0}.fof-toc__toggle{width:100%;background:var(--sub);border:none;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-family:var(--font);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--tm)}.fof-toc__arrow{font-size:10px;color:var(--tm);transition:transform .2s;display:inline-block}.fof-toc__arrow.is-open{transform:rotate(180deg)}.fof-toc__list{list-style:none;margin:0;padding:14px 16px;display:flex;flex-direction:column;gap:6px;counter-reset:toc;border-top:1px solid var(--bdrl)}.fof-toc__list[hidden]{display:none}.fof-toc__list li{counter-increment:toc;display:flex;gap:8px;align-items:baseline}.fof-toc__list li:before{content:counter(toc) ".";font-size:11px;font-weight:600;color:var(--tm);min-width:14px}.fof-toc__list a{font-size:14px;color:var(--t);text-decoration:none;line-height:1.45}.fof-toc__list a:hover{text-decoration:underline}.fof-article-body{font-size:15px;line-height:1.8;color:var(--t);padding-top:32px}.fof-article-body h2{font-size:clamp(19px,2.2vw,24px);font-weight:600;color:var(--t);margin:40px 0 12px;line-height:1.25;letter-spacing:-.01em;scroll-margin-top:80px}.fof-article-body h3{font-size:clamp(16px,1.8vw,19px);font-weight:600;color:var(--t);margin:28px 0 10px;line-height:1.3;scroll-margin-top:80px}.fof-article-body p{margin:0 0 16px}.fof-article-body p:last-child{margin-bottom:0}.fof-article-body ul,.fof-article-body ol{margin:0 0 16px;padding-left:22px}.fof-article-body li{margin-bottom:6px;line-height:1.65}.fof-article-body strong{font-weight:600}.fof-article-body a{color:var(--t);text-decoration:underline;text-underline-offset:3px}.fof-article-body a:hover{color:#555}.fof-article-body img{max-width:480px;width:100%;height:auto;display:block;margin:24px auto}.fof-article-body table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%}.fof-info-box{background:var(--sub);border-left:2px solid var(--bdr);padding:18px 20px;margin:28px 0}.fof-info-box__label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--tm);display:block;margin-bottom:8px}.fof-info-box p:last-child{margin-bottom:0}.fof-step-box{margin:28px 0}.fof-step-box__item{display:grid;grid-template-columns:36px 1fr;gap:14px;margin-bottom:20px;align-items:start}.fof-step-box__number{width:36px;height:36px;background:var(--t);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex-shrink:0;margin-top:2px}.fof-step-box__title{font-size:15px;font-weight:600;margin:0 0 5px;color:var(--t)}.fof-step-box__content p:last-child{margin-bottom:0}.fof-comparison-table{width:100%;border-collapse:collapse;margin:28px 0;font-size:14px}.fof-comparison-table th{background:var(--t);color:#fff;padding:10px 14px;text-align:left;font-size:12px;font-weight:600;letter-spacing:.04em}.fof-comparison-table td{padding:10px 14px;border-bottom:1px solid var(--bdrl);vertical-align:top;line-height:1.5}.fof-comparison-table tr:nth-child(2n) td{background:var(--sub)}.fof-comparison-table tr:last-child td{border-bottom:none}.fof-cta-inline{background:var(--sub);border-top:1px solid var(--bdr);border-bottom:1px solid var(--bdr);padding:20px 0;margin:36px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.fof-cta-inline__text{font-size:15px;font-weight:600;color:var(--t);flex:1;min-width:180px;line-height:1.35;margin:0}.fof-cta-inline__subtext{font-size:13px;color:var(--tm);font-weight:400;margin-top:3px}.fof-btn{display:inline-block;background:var(--acc);color:#fff;padding:12px 24px;text-decoration:none;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;border:none;cursor:pointer;font-family:var(--font);transition:background .2s;border-radius:0}.fof-btn:hover{background:var(--acch);color:#fff;text-decoration:none}.fof-video-embed{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin:28px 0;background:var(--sub)}.fof-video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.fof-quote{border-left:2px solid var(--bdr);padding:14px 20px;margin:28px 0;background:var(--sub)}.fof-quote__text{font-size:16px;font-style:italic;line-height:1.65;color:var(--t);margin:0 0 8px}.fof-quote__author{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--tm);margin:0}.fof-media-text{display:grid;grid-template-columns:1fr;gap:24px;margin:28px 0;align-items:center}@media(min-width:750px){.fof-media-text{grid-template-columns:1fr 1fr}.fof-media-text--reverse{direction:rtl}.fof-media-text--reverse>*{direction:ltr}}@media(min-width:750px){.fof-media-text--img-sm{grid-template-columns:1fr 2fr}.fof-media-text--img-sm.fof-media-text--reverse{grid-template-columns:2fr 1fr}}.fof-media-text img{width:100%;height:auto;display:block}.fof-product-rec-section{border-top:1px solid var(--bdrl)}.fof-section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--tm);margin:0 0 20px}.fof-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}@media(max-width:749px){.fof-product-grid{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;gap:12px;padding-bottom:8px}.fof-product-card{flex:0 0 72%;scroll-snap-align:start}}.fof-product-card{display:flex;flex-direction:column;text-decoration:none;color:var(--t);border:1px solid var(--bdrl);transition:box-shadow .2s}.fof-product-card:hover{box-shadow:0 2px 16px #26282814;text-decoration:none;color:var(--t)}.fof-product-card__img-wrap img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.fof-product-card__info{padding:14px;display:flex;flex-direction:column;gap:3px;flex:1}.fof-product-card__title{font-size:14px;font-weight:600;margin:0;line-height:1.3}.fof-product-card__price{font-size:13px;color:var(--tm);margin:0}.fof-product-card__cta{font-size:12px;font-weight:600;color:var(--t);margin-top:auto;padding-top:10px;text-decoration:underline;text-underline-offset:2px}.fof-faq-section{border-top:1px solid var(--bdrl)}.fof-faq__title{font-size:clamp(20px,2.5vw,28px);font-weight:600;text-align:center;margin:0 0 32px;letter-spacing:-.01em}.fof-faq__item{border-bottom:1px solid var(--bdrl)}.fof-faq__item:first-of-type{border-top:1px solid var(--bdrl)}.fof-faq__question{width:100%;background:none;border:none;padding:18px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;font-family:var(--font);font-size:15px;font-weight:400;color:var(--t);text-align:left;line-height:1.4}.fof-faq__question:hover{color:#555}.fof-faq__icon{font-size:20px;font-weight:300;color:var(--t);flex-shrink:0;line-height:1;width:20px;text-align:center;font-family:var(--font)}.fof-faq__answer,.fof-faq__answer[hidden]{display:none}.fof-faq__answer-inner{padding:0 24px 18px 0;font-size:14px;line-height:1.75;color:#555}.fof-faq__answer-inner p{margin:0 0 12px}.fof-faq__answer-inner p:last-child{margin-bottom:0}.fof-related-section{border-top:1px solid var(--bdrl)}.fof-related__title{font-size:clamp(18px,2vw,22px);font-weight:600;margin:0 0 22px}.fof-related__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.fof-related__card{text-decoration:none;color:var(--t);display:block}.fof-related__card:hover{color:var(--t);text-decoration:none}.fof-related__img-wrap{overflow:hidden;margin-bottom:12px;background:var(--sub);aspect-ratio:16 / 9}.fof-related__img-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.fof-related__card:hover .fof-related__img-wrap img{transform:scale(1.03)}.fof-related__label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--tm);margin:0 0 4px}.fof-related__article-title{font-size:14px;font-weight:600;line-height:1.35;margin:0}.fof-product-inline{border-top:1px solid var(--bdr);border-bottom:1px solid var(--bdr);padding:18px 0;margin:32px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.fof-product-inline__left{display:flex;align-items:center;gap:14px;flex:1;min-width:200px}.fof-product-inline__img{width:64px;height:64px;object-fit:cover;flex-shrink:0;display:block;background:var(--sub)}.fof-product-inline__name{font-size:14px;font-weight:600;margin:0 0 3px}.fof-product-inline__price{font-size:13px;color:var(--tm);margin:0}.fof-intro-section{padding-bottom:0}.fof-intro-layout{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:750px){.fof-intro-layout{grid-template-columns:2fr 3fr;gap:32px;align-items:start}}@media(max-width:749px){.fof-intro-layout{display:flex;flex-direction:column}.fof-intro-layout__video{order:1}.fof-intro-layout__toc{order:2}}.fof-intro-layout__toc .fof-toc{margin:0}.fof-video-facade{position:relative;cursor:pointer;background:#000;aspect-ratio:16 / 9;overflow:hidden;width:100%}.fof-video-facade__thumb{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:opacity .2s}.fof-video-facade:hover .fof-video-facade__thumb{opacity:.85}.fof-video-facade__btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:none;border:none;cursor:pointer;padding:0;z-index:1}.fof-video-facade__btn svg{width:72px;height:50px;display:block;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5));transition:transform .2s}.fof-video-facade:hover .fof-video-facade__btn svg{transform:scale(1.08)}.fof-video-facade iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.fof-double-image{display:flex;gap:20px;margin:28px 0}.fof-double-image img{width:calc(50% - 10px);height:auto;object-fit:cover}@media(max-width:749px){.fof-double-image{flex-direction:column}.fof-double-image img{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/42/assets/fof-blog.css.map */