/* ========================================================================= BestChildrenWagons — main stylesheet Design system → base → layout → header/footer → components. Colors come from CSS variables set inline by the Customizer. ========================================================================= */ :root{ /* Navy + Amber — premium, trustworthy, Amazon-adjacent affiliate palette */ --bcw-primary:#14406e; --bcw-primary-dark:#0e2f54; /* deep navy-blue: links, brand, progress */ --bcw-secondary:#f59425; --bcw-secondary-dark:#e07c10; /* warm amber CTA */ --bcw-cta-text:#0f1b2e; /* dark text on amber (Amazon-style, high contrast) */ --bcw-accent:#0ea372; /* emerald: pros, ratings, success */ --bcw-ink:#0f1b2e; --bcw-muted:#5b6b7e; --bcw-bg:#ffffff; --bcw-card:#f4f7fb; --bcw-line:#e2e8f1; --bcw-brand-dark:#0c1f38; /* dark navy footer / accents */ --bcw-radius:16px; --bcw-radius-lg:24px; --bcw-shadow:0 1px 2px rgba(12,31,56,.05),0 10px 28px rgba(12,31,56,.07); --bcw-shadow-lg:0 16px 44px rgba(12,31,56,.14); --bcw-maxw:1180px; --bcw-content:760px; --bcw-fast:.18s; --bcw-ease:cubic-bezier(.22,.61,.36,1); --bcw-font:'Inter',system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; --bcw-display:'Plus Jakarta Sans',var(--bcw-font); } /* Dark mode: class on set by theme.js; respects prefers-color-scheme via toggle default */ html.bcw-theme-dark{ --bcw-primary:#5b9be3; --bcw-primary-dark:#7db0ec; /* lighten navy for contrast on dark */ --bcw-secondary:#f9a948; --bcw-secondary-dark:#f59425; --bcw-cta-text:#0f1b2e; --bcw-accent:#22c08a; --bcw-ink:#e9eef6; --bcw-muted:#9aa6b6; --bcw-bg:#0b1220; --bcw-card:#131c2b; --bcw-line:#24314a; --bcw-brand-dark:#070e1a; --bcw-shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.45); --bcw-shadow-lg:0 16px 44px rgba(0,0,0,.55); } *,*::before,*::after{box-sizing:border-box} html{-webkit-text-size-adjust:100%;scroll-behavior:smooth} @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.001ms!important;transition-duration:.001ms!important}} body{margin:0;font-family:var(--bcw-font);font-size:1.0625rem;line-height:1.7;color:var(--bcw-ink);background:var(--bcw-bg);-webkit-font-smoothing:antialiased} h1,h2,h3,h4{font-family:var(--bcw-display);line-height:1.2;font-weight:700;color:var(--bcw-ink)} a{color:var(--bcw-primary);text-decoration:none} a:hover{color:var(--bcw-primary-dark);text-decoration:underline} img{max-width:100%;height:auto;display:block} :focus-visible{outline:3px solid var(--bcw-primary);outline-offset:2px;border-radius:6px} .screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .bcw-container{width:min(var(--bcw-maxw),92vw);margin-inline:auto} .bcw-skip{position:absolute;left:-999px;top:0;background:var(--bcw-primary);color:#fff;padding:.7rem 1rem;border-radius:0 0 10px 0;z-index:200} .bcw-skip:focus{left:0} /* ---------- Buttons ---------- */ .bcw-btn{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;font-family:var(--bcw-display); padding:.8rem 1.4rem;border-radius:999px;border:2px solid transparent;cursor:pointer; transition:transform var(--bcw-fast) var(--bcw-ease),background var(--bcw-fast),box-shadow var(--bcw-fast); text-decoration:none;line-height:1;font-size:1rem} .bcw-btn:hover{text-decoration:none;transform:translateY(-2px)} .bcw-btn:active{transform:translateY(0)} .bcw-btn--cta{background:var(--bcw-secondary);color:var(--bcw-cta-text);box-shadow:0 6px 18px rgba(245,148,37,.35)} .bcw-btn--cta:hover{background:var(--bcw-secondary-dark);color:var(--bcw-cta-text);box-shadow:0 10px 24px rgba(245,148,37,.45)} .bcw-btn--amazon{background:var(--bcw-secondary);color:var(--bcw-cta-text)} .bcw-btn--amazon:hover{background:var(--bcw-secondary-dark);color:var(--bcw-cta-text)} .bcw-btn--primary{background:var(--bcw-primary);color:#fff} .bcw-btn--primary:hover{background:var(--bcw-primary-dark);color:#fff} .bcw-btn--ghost{background:transparent;border-color:var(--bcw-line);color:var(--bcw-ink)} .bcw-btn--ghost:hover{border-color:var(--bcw-primary);color:var(--bcw-primary);background:color-mix(in srgb,var(--bcw-primary) 6%,transparent)} .bcw-btn--block{width:100%;justify-content:center} /* ---------- Header ---------- */ .bcw-header{background:color-mix(in srgb,var(--bcw-bg) 85%,transparent);border-bottom:1px solid var(--bcw-line);z-index:50} .bcw-header.is-sticky{position:sticky;top:0;backdrop-filter:saturate(180%) blur(12px)} .bcw-header__inner{display:flex;align-items:center;gap:1.5rem;min-height:68px} .bcw-logo{font-family:var(--bcw-display);font-weight:800;font-size:1.25rem;color:var(--bcw-ink)} .bcw-logo:hover{text-decoration:none} .bcw-nav{margin-left:auto} .bcw-nav__list{display:flex;gap:.4rem;list-style:none;margin:0;padding:0} .bcw-nav__list a{display:block;padding:.55rem .85rem;border-radius:10px;color:var(--bcw-ink);font-weight:600;font-size:.98rem} .bcw-nav__list a:hover{background:var(--bcw-card);color:var(--bcw-primary);text-decoration:none} .bcw-nav__list .sub-menu{display:none} .bcw-header__actions{display:flex;gap:.25rem;align-items:center} .bcw-iconbtn{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;border:1px solid var(--bcw-line);background:var(--bcw-bg);color:var(--bcw-ink);cursor:pointer;transition:background var(--bcw-fast)} .bcw-iconbtn:hover{background:var(--bcw-card);color:var(--bcw-primary)} .bcw-burger{display:none} /* Search panel */ .bcw-search-panel{border-bottom:1px solid var(--bcw-line);background:var(--bcw-bg);padding:1rem 0} .bcw-search{display:flex;align-items:center;gap:.6rem;background:var(--bcw-card);border:1px solid var(--bcw-line);border-radius:14px;padding:.7rem 1rem} .bcw-search input{flex:1;border:0;background:transparent;font-size:1.05rem;color:var(--bcw-ink);outline:none} .bcw-search-results{margin-top:.75rem;display:grid;gap:.25rem} .bcw-search-results a{display:flex;gap:.75rem;align-items:center;padding:.6rem;border-radius:12px} .bcw-search-results a:hover{background:var(--bcw-card);text-decoration:none} .bcw-search-results img{width:46px;height:34px;object-fit:cover;border-radius:8px} .bcw-search-results .t{font-weight:600;color:var(--bcw-ink)} .bcw-search-results .y{font-size:.8rem;color:var(--bcw-muted)} /* Mobile drawer */ .bcw-mobile-nav{position:fixed;inset:68px 0 0;background:var(--bcw-bg);z-index:60;padding:1.25rem;overflow:auto;border-top:1px solid var(--bcw-line)} .bcw-mobile-nav__list{list-style:none;margin:0;padding:0;display:grid;gap:.25rem} .bcw-mobile-nav__list a{display:block;padding:.9rem 1rem;border-radius:12px;font-weight:600;color:var(--bcw-ink);font-size:1.1rem} .bcw-mobile-nav__list a:hover{background:var(--bcw-card)} /* Reading progress */ .bcw-readbar{position:fixed;top:0;left:0;right:0;height:3px;z-index:80;background:transparent} .bcw-readbar span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--bcw-primary),var(--bcw-accent));transition:width .1s linear} /* ---------- Layout ---------- */ .bcw-main{display:block;padding-block:0} .bcw-layout{display:grid;grid-template-columns:1fr 320px;gap:2.5rem;padding-block:2.5rem} .bcw-content{min-width:0} .bcw-sticky{position:sticky;top:90px} .bcw-section-title{font-size:clamp(1.4rem,1.1rem+1vw,1.9rem);margin:0 0 1.2rem} /* ---------- Card grid ---------- */ .bcw-grid{display:grid;gap:1.5rem} .bcw-grid--cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))} .bcw-card{background:var(--bcw-bg);border:1px solid var(--bcw-line);border-radius:var(--bcw-radius);overflow:hidden;box-shadow:var(--bcw-shadow);transition:transform var(--bcw-fast) var(--bcw-ease),box-shadow var(--bcw-fast)} .bcw-card:hover{transform:translateY(-4px);box-shadow:var(--bcw-shadow-lg)} .bcw-card__media{display:block;position:relative;aspect-ratio:16/10;background:var(--bcw-card);overflow:hidden} .bcw-card__img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--bcw-ease)} .bcw-card:hover .bcw-card__img{transform:scale(1.05)} .bcw-card__placeholder{position:absolute;inset:0;background:linear-gradient(135deg,var(--bcw-card),var(--bcw-line))} .bcw-badge{position:absolute;top:.6rem;left:.6rem;background:var(--bcw-primary);color:#fff;font-size:.72rem;font-weight:700;padding:.25rem .6rem;border-radius:999px} .bcw-card__body{padding:1.1rem 1.2rem 1.3rem} .bcw-card__title{font-size:1.12rem;margin:0 0 .5rem;line-height:1.3} .bcw-card__title a{color:var(--bcw-ink)} .bcw-card__title a:hover{color:var(--bcw-primary);text-decoration:none} .bcw-card__excerpt{color:var(--bcw-muted);font-size:.95rem;margin:0 0 1rem} .bcw-card__meta{display:flex;justify-content:space-between;align-items:center;color:var(--bcw-muted);font-size:.85rem} .bcw-card__meta span{display:inline-flex;align-items:center;gap:.3rem} .bcw-card__more{color:var(--bcw-primary);font-weight:700} .bcw-icon{vertical-align:middle} /* ---------- Hero ---------- */ .bcw-hero{padding:3.5rem 0 2.5rem;background:radial-gradient(1200px 400px at 80% -10%,color-mix(in srgb,var(--bcw-primary) 12%,transparent),transparent)} .bcw-hero__inner{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;align-items:center} .bcw-pill{display:inline-block;background:color-mix(in srgb,var(--bcw-accent) 16%,transparent);color:var(--bcw-accent);font-weight:700;font-size:.82rem;padding:.35rem .8rem;border-radius:999px;margin-bottom:1rem} .bcw-hero__title{font-size:clamp(2rem,1.4rem+3vw,3.4rem);margin:0 0 1rem;letter-spacing:-.02em} .bcw-hero__text{font-size:1.15rem;color:var(--bcw-muted);max-width:48ch;margin:0 0 1.6rem} .bcw-hero__cta{display:flex;gap:.8rem;flex-wrap:wrap} .bcw-hero__art{position:relative;display:grid;place-items:center;min-height:240px} .bcw-hero__art .bcw-icon{width:120px;height:120px;color:var(--bcw-primary);position:relative} .bcw-hero__blob{position:absolute;inset:10%;background:linear-gradient(135deg,color-mix(in srgb,var(--bcw-primary) 22%,transparent),color-mix(in srgb,var(--bcw-secondary) 22%,transparent));border-radius:42% 58% 63% 37%/42% 38% 62% 58%;filter:blur(6px);animation:bcw-morph 12s var(--bcw-ease) infinite} @keyframes bcw-morph{0%,100%{border-radius:42% 58% 63% 37%/42% 38% 62% 58%}50%{border-radius:62% 38% 37% 63%/58% 62% 38% 42%}} /* ---------- Home tool teasers ---------- */ .bcw-tools{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-block:2.5rem} .bcw-tools__card{padding:2rem;border-radius:var(--bcw-radius-lg);border:1px solid var(--bcw-line);box-shadow:var(--bcw-shadow)} .bcw-tools__card--calc{background:linear-gradient(135deg,color-mix(in srgb,var(--bcw-primary) 10%,var(--bcw-bg)),var(--bcw-bg))} .bcw-tools__card--quiz{background:linear-gradient(135deg,color-mix(in srgb,var(--bcw-accent) 10%,var(--bcw-bg)),var(--bcw-bg))} .bcw-tools__card h2{margin:0 0 .5rem} .bcw-tools__card p{color:var(--bcw-muted);margin:0 0 1.3rem} .bcw-home-sec{margin-block:3rem} .bcw-home-sec__head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1.2rem} .bcw-home-sec__head .bcw-section-title{margin:0} .bcw-home-sec__all{font-weight:700} /* ---------- FAQ ---------- */ .bcw-faq{display:grid;gap:.6rem;max-width:var(--bcw-content)} .bcw-faq__item{border:1px solid var(--bcw-line);border-radius:14px;background:var(--bcw-bg);overflow:hidden} .bcw-faq__item summary{cursor:pointer;padding:1rem 1.2rem;font-weight:700;font-family:var(--bcw-display);list-style:none;display:flex;justify-content:space-between;align-items:center} .bcw-faq__item summary::-webkit-details-marker{display:none} .bcw-faq__item summary::after{content:"+";font-size:1.4rem;color:var(--bcw-primary);transition:transform var(--bcw-fast)} .bcw-faq__item[open] summary::after{content:"–"} .bcw-faq__a{padding:0 1.2rem 1.1rem;color:var(--bcw-muted)} .bcw-home-faq{margin-block:3rem} /* ---------- Single post ---------- */ .bcw-single{padding-block:2rem 3rem} .bcw-crumbs{font-size:.85rem;color:var(--bcw-muted);margin-bottom:1rem;display:flex;flex-wrap:wrap;gap:.4rem;align-items:center} .bcw-crumbs a{color:var(--bcw-muted)} .bcw-crumbs a:hover{color:var(--bcw-primary)} .bcw-single__title{font-size:clamp(1.8rem,1.3rem+2.4vw,3rem);margin:0 0 .8rem;letter-spacing:-.02em} .bcw-single__meta{color:var(--bcw-muted);font-size:.92rem;display:flex;gap:.6rem;align-items:center} .bcw-single__meta span{display:inline-flex;align-items:center;gap:.3rem} .bcw-single__hero{margin:1.5rem auto} .bcw-single__heroimg{width:100%;border-radius:var(--bcw-radius-lg);aspect-ratio:16/9;object-fit:cover} .bcw-single__grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:3rem;margin-top:2rem} .bcw-single__body{min-width:0} .bcw-prose{font-size:1.12rem} .bcw-prose>*{margin-block:1.1em} .bcw-prose h2{font-size:1.7rem;margin-top:2em;scroll-margin-top:90px} .bcw-prose h3{font-size:1.32rem;margin-top:1.6em;scroll-margin-top:90px} .bcw-prose img{border-radius:var(--bcw-radius)} .bcw-prose a{text-decoration:underline;text-underline-offset:2px} .bcw-prose blockquote{border-left:4px solid var(--bcw-primary);margin:1.5em 0;padding:.4em 1.2em;color:var(--bcw-muted);background:var(--bcw-card);border-radius:0 12px 12px 0} .bcw-prose table{width:100%;border-collapse:collapse;font-size:.98rem} .bcw-prose th,.bcw-prose td{border:1px solid var(--bcw-line);padding:.7rem .9rem;text-align:left} .bcw-prose thead th{background:var(--bcw-card)} .bcw-disclosure{font-size:.85rem;color:var(--bcw-muted);background:var(--bcw-card);border:1px dashed var(--bcw-line);padding:.7rem 1rem;border-radius:12px} /* Floating TOC */ .bcw-toc-floating{background:var(--bcw-card);border:1px solid var(--bcw-line);border-radius:var(--bcw-radius);padding:1.1rem 1.2rem;margin-bottom:1.5rem} .bcw-toc-floating .h{font-weight:800;font-family:var(--bcw-display);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--bcw-muted);margin-bottom:.6rem} .bcw-toc-floating ul{list-style:none;margin:0;padding:0;display:grid;gap:.1rem} .bcw-toc-floating a{display:block;padding:.35rem .5rem;border-radius:8px;color:var(--bcw-muted);font-size:.92rem;border-left:2px solid transparent} .bcw-toc-floating a:hover{color:var(--bcw-primary);background:var(--bcw-bg);text-decoration:none} .bcw-toc-floating a.is-active{color:var(--bcw-primary);border-left-color:var(--bcw-primary);font-weight:600} .bcw-toc-floating .lvl-3{padding-left:1.2rem;font-size:.86rem} /* Author + adjacency + related */ .bcw-author{display:flex;gap:1rem;background:var(--bcw-card);border:1px solid var(--bcw-line);border-radius:var(--bcw-radius);padding:1.3rem;margin:2.5rem 0} .bcw-author__avatar{border-radius:50%;width:72px;height:72px} .bcw-author__name{font-weight:800;font-family:var(--bcw-display);margin:0 0 .3rem} .bcw-author__bio{color:var(--bcw-muted);margin:0 0 .5rem;font-size:.95rem} .bcw-related{margin-top:3rem} .bcw-adjacent{display:flex;justify-content:space-between;gap:1rem;margin-top:2.5rem;flex-wrap:wrap} .bcw-adjacent a{flex:1;min-width:200px;background:var(--bcw-card);border:1px solid var(--bcw-line);border-radius:14px;padding:1rem;font-weight:600;color:var(--bcw-ink)} .bcw-adjacent a:hover{border-color:var(--bcw-primary);color:var(--bcw-primary);text-decoration:none} .bcw-adjacent__next{text-align:right} /* ---------- Product box / pros-cons (shortcodes) ---------- */ .bcw-product{display:grid;grid-template-columns:300px 1fr;gap:1.5rem;border:1px solid var(--bcw-line);border-radius:var(--bcw-radius-lg);padding:1.5rem;box-shadow:var(--bcw-shadow);background:var(--bcw-bg);margin:2rem 0} .bcw-product__media img{border-radius:var(--bcw-radius);width:100%;object-fit:cover} .bcw-product__name{margin:0 0 .4rem} .bcw-product__best{color:var(--bcw-muted);margin:.2rem 0 .8rem} .bcw-product__lists{display:grid;grid-template-columns:1fr 1fr;gap:1rem} .bcw-list{list-style:none;margin:0;padding:0;display:grid;gap:.4rem;font-size:.95rem} .bcw-list li{position:relative;padding-left:1.6rem} .bcw-list--pro li::before{content:"✓";position:absolute;left:0;color:var(--bcw-accent);font-weight:900} .bcw-list--con li::before{content:"✕";position:absolute;left:0;color:var(--bcw-secondary);font-weight:900} .bcw-product__cta{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem} .bcw-proscons{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:1.5rem 0} .bcw-proscons__col{border:1px solid var(--bcw-line);border-radius:var(--bcw-radius);padding:1.2rem} .bcw-proscons__col--pro{background:color-mix(in srgb,var(--bcw-accent) 7%,var(--bcw-bg))} .bcw-proscons__col--con{background:color-mix(in srgb,var(--bcw-secondary) 7%,var(--bcw-bg))} .bcw-proscons h4{margin:0 0 .8rem} .bcw-stars{--bcw-rating:0;display:inline-block;width:96px;height:18px;background: linear-gradient(90deg,var(--bcw-secondary) calc(var(--bcw-rating)/5*100%),var(--bcw-line) 0); -webkit-mask:repeating-linear-gradient(90deg,#000 0 16px,transparent 16px 19.2px);mask:repeating-linear-gradient(90deg,#000 0 16px,transparent 16px 19.2px)} /* ---------- CTA band ---------- */ .bcw-ctaband{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap;background:linear-gradient(135deg,color-mix(in srgb,var(--bcw-primary) 10%,var(--bcw-bg)),var(--bcw-bg));border:1px solid var(--bcw-line);border-radius:var(--bcw-radius-lg);padding:1.5rem 1.8rem;margin:2rem 0} .bcw-ctaband__title{font-weight:800;font-family:var(--bcw-display);font-size:1.2rem;margin:0} .bcw-ctaband__text{color:var(--bcw-muted);margin:.3rem 0 0} /* ---------- Newsletter ---------- */ .bcw-newsletter{background:linear-gradient(135deg,var(--bcw-primary),var(--bcw-primary-dark));color:#fff;margin-top:3rem} .bcw-newsletter__inner{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;padding:3rem 0} .bcw-newsletter h2{color:#fff;margin:0 0 .4rem;font-size:1.8rem} .bcw-newsletter p{margin:0;opacity:.92} .bcw-newsletter__form{display:flex;gap:.6rem;flex-wrap:wrap;position:relative} .bcw-newsletter__form input{flex:1;min-width:220px;border:0;border-radius:999px;padding:.95rem 1.2rem;font-size:1rem} .bcw-newsletter__msg{flex-basis:100%;margin:.4rem 0 0;font-size:.9rem;min-height:1.1em} /* ---------- Footer (premium dark navy) ---------- */ .bcw-footer{background:var(--bcw-brand-dark);color:#cdd7e6;margin-top:0} .bcw-footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2rem;padding:3rem 0 2rem} .bcw-footer h2,.bcw-footer .bcw-logo,.bcw-footer .bcw-fwidget__title{color:#fff} .bcw-footer__tag{color:#9fb0c6;margin:.6rem 0 1rem} .bcw-footer .bcw-disclosure{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12);color:#9fb0c6} .bcw-footer__list,.bcw-footer__widgets ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem} .bcw-footer__list a,.bcw-footer a{color:#cdd7e6} .bcw-footer__list a:hover,.bcw-footer a:hover{color:#fff} .bcw-footer__bottom{border-top:1px solid rgba(255,255,255,.1);padding:1.2rem 0;color:#9fb0c6;font-size:.9rem} /* Back to top + mobile bottom nav */ .bcw-totop{position:fixed;right:1.2rem;bottom:1.2rem;width:46px;height:46px;border-radius:50%;border:0;background:var(--bcw-primary);color:#fff;cursor:pointer;box-shadow:var(--bcw-shadow-lg);z-index:70;display:grid;place-items:center} .bcw-totop[hidden]{display:none} .bcw-bottomnav{display:none} /* Archive / misc */ .bcw-cat-hero{background:var(--bcw-card);border-bottom:1px solid var(--bcw-line);padding:2.5rem 0} .bcw-cat-hero__title{font-size:clamp(1.8rem,1.3rem+2vw,2.6rem);margin:0} .bcw-cat-hero__desc{color:var(--bcw-muted);margin-top:.6rem;max-width:60ch} .bcw-archive__head{margin-bottom:1.5rem} .bcw-toolbar{display:flex;justify-content:flex-end;margin-bottom:1rem} .bcw-filter select{border:1px solid var(--bcw-line);border-radius:10px;padding:.5rem .8rem;background:var(--bcw-bg);color:var(--bcw-ink)} .bcw-404{text-align:center;padding:4rem 0} .bcw-404__code{font-size:clamp(4rem,3rem+6vw,8rem);margin:0;color:var(--bcw-primary)} .bcw-noresults{background:var(--bcw-card);border-radius:var(--bcw-radius);padding:2rem} /* Default page template */ .bcw-page{padding-block:2.5rem 3.5rem} .bcw-page__head{max-width:var(--bcw-content);margin:0 auto 1.4rem} .bcw-page__title{font-size:clamp(1.9rem,1.4rem+2.4vw,3rem);margin:0;letter-spacing:-.02em} .bcw-page__hero{margin:0 auto 1.8rem;max-width:var(--bcw-maxw)} .bcw-page__heroimg{width:100%;border-radius:var(--bcw-radius-lg);aspect-ratio:16/9;object-fit:cover} .bcw-page__body{max-width:var(--bcw-content);margin:0 auto} .bcw-tool-page{padding-block:2.5rem 3.5rem} .bcw-tool-page__head{text-align:center;max-width:680px;margin:0 auto 2rem} .bcw-tool-page__title{font-size:clamp(1.9rem,1.4rem+2.4vw,3rem);margin:0 0 .8rem} .bcw-tool-page__intro{color:var(--bcw-muted);font-size:1.15rem} .bcw-note{color:var(--bcw-muted)} .bcw-widget{background:var(--bcw-card);border:1px solid var(--bcw-line);border-radius:var(--bcw-radius);padding:1.2rem;margin-bottom:1.5rem} .bcw-widget__title{font-size:1rem;margin:0 0 .8rem} /* ---------- Responsive ---------- */ @media (max-width:980px){ .bcw-layout{grid-template-columns:1fr} .bcw-single__grid{grid-template-columns:1fr} .bcw-single__aside{order:-1} .bcw-sticky{position:static} .bcw-hero__inner{grid-template-columns:1fr} .bcw-hero__art{display:none} .bcw-tools{grid-template-columns:1fr} .bcw-newsletter__inner,.bcw-footer__grid{grid-template-columns:1fr} .bcw-product{grid-template-columns:1fr} } @media (max-width:760px){ .bcw-nav{display:none} .bcw-burger{display:grid} .bcw-product__lists,.bcw-proscons{grid-template-columns:1fr} body{padding-bottom:64px} .bcw-bottomnav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:65;background:color-mix(in srgb,var(--bcw-bg) 92%,transparent);backdrop-filter:blur(12px);border-top:1px solid var(--bcw-line)} .bcw-bottomnav a,.bcw-bottomnav button{flex:1;display:grid;place-items:center;gap:.15rem;padding:.5rem;background:none;border:0;color:var(--bcw-muted);font-size:.7rem;cursor:pointer} .bcw-bottomnav a:hover,.bcw-bottomnav button:hover{color:var(--bcw-primary);text-decoration:none} .bcw-totop{bottom:74px} }