:root{
  --b-primary:#ee4d2d;
  --b-primary-dark:#c93418;
  --b-primary-soft:#fff1ec;
  --b-dark:#111827;
  --b-text:#273244;
  --b-muted:#667085;
  --b-subtle:#98a2b3;
  --b-bg:#f7f7f5;
  --b-card:#ffffff;
  --b-border:#e5e7eb;
  --b-border-strong:#d0d5dd;
  --b-success:#087a55;
  --b-radius:22px;
  --b-shadow:0 22px 55px rgba(17,24,39,.09);
  --b-header-height:76px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--b-header-height) + 22px)}
body{margin:0;min-width:320px;color:var(--b-text);background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%}
a,button,input,summary{font:inherit}
a{color:inherit}
button{cursor:pointer}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.skip-link{position:fixed;left:16px;top:-70px;z-index:1000;background:var(--b-dark);color:#fff;padding:10px 15px;border-radius:10px;text-decoration:none;font-weight:800;transition:top .2s}
.skip-link:focus{top:14px}
.blog-container{width:min(1220px,calc(100% - 36px));margin-inline:auto}
.blog-header{height:var(--b-header-height);border-bottom:1px solid rgba(229,231,235,.9);background:rgba(255,255,255,.92);position:sticky;top:0;z-index:120;backdrop-filter:blur(18px);box-shadow:0 1px 0 rgba(17,24,39,.02)}
.blog-header-inner{height:100%;display:flex;align-items:center;gap:28px}
.blog-brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--b-dark);min-width:max-content}
.blog-brand>span{display:grid;place-items:center;width:44px;height:44px;border-radius:15px;background:linear-gradient(145deg,#ff7651,var(--b-primary));color:#fff;font-weight:950;box-shadow:0 10px 24px rgba(238,77,45,.24)}
.blog-brand strong,.blog-brand small{display:block}
.blog-brand strong{font-size:.92rem;line-height:1.2}
.blog-brand small{font-size:.67rem;color:var(--b-muted);margin-top:2px}
.blog-navigation{display:flex;align-items:center;gap:24px;margin-left:auto}
.blog-navigation a{position:relative;color:#475467;text-decoration:none;font-weight:760;font-size:.88rem;padding:27px 0}
.blog-navigation a::after{content:"";position:absolute;left:0;right:0;bottom:18px;height:2px;border-radius:99px;background:var(--b-primary);transform:scaleX(0);transition:transform .2s}
.blog-navigation a:hover,.blog-navigation a.active{color:var(--b-primary)}
.blog-navigation a:hover::after,.blog-navigation a.active::after{transform:scaleX(1)}
.blog-search{display:flex;align-items:center;border:1px solid var(--b-border);border-radius:999px;overflow:hidden;background:#f8fafc;transition:border-color .2s,box-shadow .2s}
.blog-search:focus-within{border-color:#f3a18e;box-shadow:0 0 0 4px rgba(238,77,45,.1);background:#fff}
.blog-search input{width:176px;border:0;background:transparent;padding:9px 4px 9px 15px;outline:0;color:var(--b-dark)}
.blog-search input::placeholder{color:#98a2b3}
.blog-search button{display:grid;place-items:center;border:0;background:transparent;color:#667085;width:42px;height:40px}
.blog-menu-toggle,.blog-mobile-search-toggle{display:none;border:1px solid var(--b-border);background:#fff;color:var(--b-dark);width:42px;height:42px;border-radius:13px;font-size:1.15rem}
.reading-progress{position:fixed;z-index:150;top:0;left:0;right:0;height:3px;background:transparent;pointer-events:none}
.reading-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--b-primary),#ff9d72);box-shadow:0 0 12px rgba(238,77,45,.35)}
.blog-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 90% 7%,rgba(255,185,154,.34),transparent 28%),radial-gradient(circle at 3% 90%,rgba(255,228,213,.55),transparent 25%),linear-gradient(135deg,#fffaf7,#f7f8f7);border-bottom:1px solid var(--b-border)}
.blog-hero::after{content:"";position:absolute;right:-80px;bottom:-130px;width:340px;height:340px;border-radius:50%;border:70px solid rgba(255,255,255,.45);pointer-events:none}
.blog-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);gap:56px;align-items:center;padding-block:68px}
.blog-hero-copy h1{font-size:clamp(2.35rem,5vw,4.7rem);line-height:1.04;max-width:720px;margin:13px 0 19px;letter-spacing:-.052em;color:var(--b-dark)}
.blog-hero-copy>p{font-size:clamp(1rem,1.8vw,1.14rem);color:var(--b-muted);max-width:650px;margin:0}
.blog-kicker,.section-kicker,.section-heading>div>span,.article-product-links>div>span{color:var(--b-primary);text-transform:uppercase;font-weight:900;letter-spacing:.13em;font-size:.72rem}
.blog-hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:27px}
.blog-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--b-primary);color:#fff;text-decoration:none;padding:12px 18px;border-radius:13px;font-weight:850;border:1px solid var(--b-primary);box-shadow:0 10px 24px rgba(238,77,45,.18);transition:transform .2s,box-shadow .2s,background .2s}
.blog-button:hover{background:var(--b-primary-dark);transform:translateY(-2px);box-shadow:0 14px 30px rgba(238,77,45,.23)}
.blog-button.secondary{background:#fff;color:var(--b-dark);border-color:var(--b-border);box-shadow:none}
.blog-button.secondary:hover{border-color:#f3a18e;color:var(--b-primary)}
.blog-category-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:29px}
.blog-category-row a{border:1px solid var(--b-border);background:rgba(255,255,255,.82);color:#344054;text-decoration:none;padding:9px 13px;border-radius:999px;font-size:.77rem;font-weight:800;transition:.2s}
.blog-category-row a:hover{border-color:#f3a18e;color:var(--b-primary);background:#fff;transform:translateY(-1px)}
.blog-category-row span{background:#f2f4f7;border-radius:999px;padding:2px 7px;margin-left:5px;color:#667085}
.featured-article{overflow:hidden;background:#fff;border:1px solid rgba(255,255,255,.8);border-radius:28px;box-shadow:0 28px 70px rgba(17,24,39,.14);min-width:0}
.featured-image{display:block;aspect-ratio:16/9;overflow:hidden;background:#eef1f4}
.featured-image img{width:100%;height:100%;object-fit:cover;display:block}
.featured-image>span{height:100%;display:grid;place-items:center;font-size:4rem;color:#c8ced7}
.featured-body{padding:24px 25px 26px}
.featured-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#8a94a3;font-size:.74rem}
.featured-body h2{font-size:clamp(1.35rem,2.4vw,1.85rem);line-height:1.24;letter-spacing:-.025em;margin:13px 0 10px}
.featured-body h2 a{text-decoration:none;color:var(--b-dark)}
.featured-body h2 a:hover{color:var(--b-primary)}
.featured-body p{margin:0;color:var(--b-muted);font-size:.91rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.featured-read{display:inline-flex;align-items:center;gap:8px;margin-top:17px;color:var(--b-primary);text-decoration:none;font-weight:850;font-size:.86rem}
.blog-collection-hero{background:linear-gradient(135deg,#fff9f6,#f6f7f6);border-bottom:1px solid var(--b-border);padding:52px 0 46px}
.blog-collection-hero .blog-breadcrumb{margin-bottom:25px}
.blog-collection-hero h1{font-size:clamp(2rem,4.5vw,3.8rem);line-height:1.08;letter-spacing:-.045em;color:var(--b-dark);margin:10px 0 12px}
.blog-collection-hero p{max-width:760px;margin:0;color:var(--b-muted);font-size:1.04rem}
.blog-list-layout,.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:40px;padding-top:50px;padding-bottom:78px;align-items:start}
.blog-list-main,.article-main{min-width:0}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}
.section-heading h2{font-size:clamp(1.45rem,2.2vw,1.8rem);line-height:1.25;margin:4px 0 0;color:var(--b-dark);letter-spacing:-.02em}
.section-heading>a{font-size:.82rem;text-decoration:none;color:var(--b-primary);font-weight:850;white-space:nowrap}
.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.blog-card{border:1px solid var(--b-border);border-radius:var(--b-radius);overflow:hidden;background:#fff;transition:transform .22s,box-shadow .22s,border-color .22s;content-visibility:auto;contain-intrinsic-size:420px}
.blog-card:hover{transform:translateY(-5px);box-shadow:var(--b-shadow);border-color:#f0c1b5}
.blog-card-image{display:block;aspect-ratio:16/10;background:#f1f3f5;overflow:hidden}
.blog-card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s}
.blog-card:hover .blog-card-image img{transform:scale(1.04)}
.blog-card-image>span{height:100%;display:grid;place-items:center;font-size:3rem;color:#c9ced6;background:linear-gradient(145deg,#f8fafc,#eef1f4)}
.blog-card-body{padding:19px}
.blog-card-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#98a2b3;font-size:.72rem}
.blog-chip{display:inline-flex;align-items:center;background:var(--b-primary-soft);color:#b9381e;padding:5px 9px;border-radius:999px;text-decoration:none;font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.055em}
.blog-chip:hover{background:#ffe2d8;color:#972c17}
.blog-card h3{font-size:1.13rem;line-height:1.36;margin:11px 0 8px;letter-spacing:-.015em}
.blog-card h3 a{color:var(--b-dark);text-decoration:none}
.blog-card h3 a:hover{color:var(--b-primary)}
.blog-card p{font-size:.85rem;color:var(--b-muted);margin:0 0 17px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.blog-card-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#8a94a3;font-size:.74rem;border-top:1px solid #f1f2f4;padding-top:13px}
.blog-card-footer a{display:inline-flex;align-items:center;gap:6px;color:var(--b-primary);font-weight:850;text-decoration:none}
.blog-sidebar{display:grid;align-content:start;gap:17px;position:sticky;top:calc(var(--b-header-height) + 20px)}
.blog-side-card{border:1px solid var(--b-border);border-radius:19px;padding:18px;background:#fff;box-shadow:0 9px 26px rgba(17,24,39,.035)}
.blog-side-card>strong{display:flex;align-items:center;gap:8px;margin-bottom:13px;color:var(--b-dark)}
.blog-side-card form{display:flex;border:1px solid var(--b-border);border-radius:12px;overflow:hidden;background:#fafafa}
.blog-side-card form:focus-within{border-color:#f3a18e;box-shadow:0 0 0 4px rgba(238,77,45,.08);background:#fff}
.blog-side-card form input{min-width:0;flex:1;border:0;padding:10px 11px;outline:0;background:transparent}
.blog-side-card form button{border:0;background:var(--b-dark);color:#fff;width:43px}
.side-links,.side-posts{display:grid}
.side-links a{display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:#475467;padding:9px 0;border-bottom:1px dashed var(--b-border);font-size:.83rem;transition:color .2s}
.side-links a:last-child,.side-posts a:last-child{border-bottom:0;padding-bottom:0}
.side-links a:first-child,.side-posts a:first-child{padding-top:0}
.side-links a:hover{color:var(--b-primary)}
.side-links b{font-size:.69rem;background:#f2f4f7;padding:2px 8px;border-radius:999px;color:#667085}
.side-posts a{display:grid;grid-template-columns:54px minmax(0,1fr);gap:10px;align-items:center;text-decoration:none;color:var(--b-dark);padding:10px 0;border-bottom:1px dashed var(--b-border);line-height:1.35}
.side-posts img,.side-thumb{width:54px;height:54px;border-radius:11px;object-fit:cover;background:#f2f4f7}.side-thumb{display:grid;place-items:center;color:#98a2b3}
.side-posts span{min-width:0}
.side-posts b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.79rem;font-weight:800}
.side-posts small{display:block;color:#98a2b3;margin-top:4px;font-size:.68rem}
.side-posts.numbered a{grid-template-columns:31px minmax(0,1fr)}
.side-posts.numbered i{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--b-primary-soft);color:var(--b-primary);font-style:normal;font-size:.75rem;font-weight:900}
.blog-shop-cta{position:relative;overflow:hidden;display:grid;gap:8px;text-decoration:none;color:#fff;background:radial-gradient(circle at 90% 5%,rgba(255,117,79,.38),transparent 35%),linear-gradient(145deg,#172033,#29344a);border-radius:21px;padding:24px;min-height:195px;align-content:center;box-shadow:0 18px 40px rgba(23,32,51,.17)}
.blog-shop-cta::after{content:"";position:absolute;right:-38px;bottom:-50px;width:145px;height:145px;border:30px solid rgba(255,255,255,.06);border-radius:50%}
.blog-shop-cta span{color:#ffb39d;font-size:.71rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.blog-shop-cta strong{font-size:1.24rem;line-height:1.32;max-width:220px}
.blog-shop-cta b{font-size:.81rem;margin-top:8px;color:#fff}
.blog-shop-cta>*{position:relative;z-index:1}
.blog-pagination{display:flex;align-items:center;gap:8px;justify-content:center;margin-top:38px}
.blog-pagination a{display:grid;place-items:center;min-width:40px;height:40px;padding-inline:10px;border:1px solid var(--b-border);border-radius:12px;text-decoration:none;color:#475467;font-weight:800;background:#fff}
.blog-pagination a:hover{border-color:#f3a18e;color:var(--b-primary)}
.blog-pagination a.active{background:var(--b-primary);border-color:var(--b-primary);color:#fff;box-shadow:0 8px 18px rgba(238,77,45,.2)}
.blog-pagination span{color:#98a2b3}
.blog-breadcrumb{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:#98a2b3;font-size:.74rem;margin-bottom:28px}
.blog-breadcrumb a{text-decoration:none;color:#667085}
.blog-breadcrumb a:hover{color:var(--b-primary)}
.blog-breadcrumb span{max-width:430px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.article-layout{grid-template-columns:minmax(0,830px) 310px;justify-content:center;padding-top:38px}
.article-header h1{font-size:clamp(2.2rem,5vw,4.25rem);line-height:1.075;letter-spacing:-.052em;margin:14px 0 17px;color:var(--b-dark);text-wrap:balance}
.article-lead{font-size:clamp(1rem,1.8vw,1.17rem);color:var(--b-muted);margin:0;max-width:780px;line-height:1.65}
.article-byline{display:flex;align-items:center;gap:11px;margin-top:23px}
.article-author-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,#ff7651,var(--b-primary));color:#fff;font-weight:950;font-size:.78rem;box-shadow:0 8px 20px rgba(238,77,45,.2)}
.article-byline strong,.article-byline span{display:block}
.article-byline strong{font-size:.84rem;color:var(--b-dark)}
.article-byline span{font-size:.72rem;color:#8a94a3;margin-top:1px}
.article-meta{display:flex;gap:15px 19px;flex-wrap:wrap;margin-top:18px;color:#7b8493;font-size:.76rem}
.article-meta span{display:inline-flex;align-items:center;gap:6px}
.article-hero{margin:31px 0 28px;border-radius:26px;overflow:hidden;background:#f2f4f7;box-shadow:0 16px 42px rgba(17,24,39,.09)}
.article-hero img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.article-hero figcaption{padding:10px 15px;background:#fafafa;color:#7b8493;font-size:.73rem;text-align:center}
.article-toc{border:1px solid var(--b-border);background:linear-gradient(145deg,#fff,#fafaf8);border-radius:18px;padding:18px}
.article-toc>strong{font-size:.91rem}
.article-toc ol{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:7px}
.article-toc li{line-height:1.4}
.article-toc li.sub{padding-left:14px;font-size:.82rem}
.article-toc a{display:block;color:#667085;text-decoration:none;font-size:.81rem;border-left:2px solid transparent;padding-left:10px;transition:.2s}
.article-toc a:hover,.article-toc a.active{color:var(--b-primary);border-left-color:var(--b-primary)}
.article-toc-mobile{display:none;margin-bottom:25px;padding:0}
.article-toc-mobile summary{display:flex;align-items:center;justify-content:space-between;list-style:none;padding:15px 17px;font-weight:850;color:var(--b-dark);cursor:pointer}
.article-toc-mobile summary::-webkit-details-marker{display:none}
.article-toc-mobile[open] summary>i{transform:rotate(180deg)}
.article-toc-mobile ol{padding:0 17px 17px;margin:0}
.article-content{font-size:clamp(1rem,1.2vw,1.075rem);color:#344054;line-height:1.82;overflow-wrap:anywhere}
.article-content>p:first-child{font-size:1.08em;color:#253247}
.article-content p{margin:0 0 1.3em}
.article-content h2{font-size:clamp(1.55rem,3vw,2rem);line-height:1.24;margin:2.05em 0 .68em;color:var(--b-dark);letter-spacing:-.025em;text-wrap:balance;scroll-margin-top:calc(var(--b-header-height) + 28px)}
.article-content h3{font-size:clamp(1.2rem,2.2vw,1.45rem);line-height:1.32;margin:1.75em 0 .58em;color:var(--b-dark);letter-spacing:-.015em;scroll-margin-top:calc(var(--b-header-height) + 28px)}
.article-content h4{font-size:1.06rem;margin:1.5em 0 .5em;color:var(--b-dark)}
.article-content a{color:#bd351c;font-weight:750;text-decoration-thickness:1px;text-underline-offset:3px}
.article-content a:hover{color:var(--b-primary)}
.article-content ul,.article-content ol{margin:0 0 1.4em;padding-left:1.35em}
.article-content li{margin:.43em 0;padding-left:.22em}
.article-content li::marker{color:var(--b-primary);font-weight:800}
.article-content blockquote{margin:1.6em 0;border-left:4px solid var(--b-primary);background:linear-gradient(135deg,#fff7f3,#fffaf8);padding:18px 21px;border-radius:0 15px 15px 0;color:#475467}
.article-content blockquote p:last-child{margin-bottom:0}
.article-content table{width:100%;border-collapse:separate;border-spacing:0;margin:1.7em 0;font-size:.88rem;display:block;overflow:auto;border:1px solid var(--b-border);border-radius:14px;background:#fff}
.article-content th,.article-content td{border-right:1px solid var(--b-border);border-bottom:1px solid var(--b-border);padding:11px 13px;min-width:130px;text-align:left}
.article-content th{background:#f8fafc;color:var(--b-dark);font-weight:850}
.article-content tr:last-child td{border-bottom:0}
.article-content th:last-child,.article-content td:last-child{border-right:0}
.article-content img{max-width:100%;height:auto;border-radius:18px;margin-block:1.4em;box-shadow:0 14px 38px rgba(17,24,39,.08)}
.article-content figure{margin:1.7em 0}
.article-content figcaption{text-align:center;color:#7b8493;font-size:.76rem;margin-top:8px}
.article-content code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;background:#f3f4f6;border-radius:6px;padding:.15em .4em}
.article-content pre{overflow:auto;background:#111827;color:#f9fafb;padding:17px;border-radius:14px}
.article-content pre code{background:transparent;padding:0;color:inherit}
.article-health-note{margin:22px 0;padding:17px 19px;border:1px solid #f3c969;background:#fffaf0;border-radius:15px;color:#6b4b00}
.article-health-note strong{display:flex;align-items:center;gap:8px;margin-bottom:5px}
.article-health-note p{margin:0;line-height:1.6}
.article-product-links{margin-top:43px;padding:24px;border:1px solid #f0d5cd;background:linear-gradient(145deg,#fffaf8,#fff);border-radius:21px}
.article-product-links h2{font-size:1.42rem;line-height:1.3;margin:4px 0 17px;color:var(--b-dark)}
.article-product-grid{display:grid;gap:10px}
.article-product-grid>a{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;background:#fff;border:1px solid var(--b-border);border-radius:14px;padding:12px 14px;text-decoration:none;transition:.2s}
.article-product-grid>a:hover{border-color:#f3a18e;transform:translateX(3px);box-shadow:0 9px 24px rgba(17,24,39,.05)}
.article-product-grid>a>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--b-primary-soft);color:var(--b-primary)}
.article-product-grid strong,.article-product-grid small{display:block}
.article-product-grid strong{font-size:.88rem;color:var(--b-dark)}
.article-product-grid small{font-size:.72rem;color:#8a94a3;margin-top:2px}
.article-product-grid>a>i{color:var(--b-primary)}
.article-faq{margin-top:46px}
.article-faq h2{font-size:clamp(1.55rem,2.8vw,1.9rem);margin:4px 0 17px;color:var(--b-dark)}
.article-faq details{border:1px solid var(--b-border);border-radius:15px;margin:10px 0;background:#fff;overflow:hidden}
.article-faq details[open]{border-color:#f1c2b6;box-shadow:0 8px 24px rgba(17,24,39,.04)}
.article-faq summary{display:flex;justify-content:space-between;gap:14px;align-items:center;cursor:pointer;font-weight:820;padding:16px 17px;list-style:none;color:var(--b-dark)}
.article-faq summary::-webkit-details-marker{display:none}
.article-faq details[open] summary i{transform:rotate(45deg);color:var(--b-primary)}
.article-faq details div{color:#596579;padding:0 17px 17px;line-height:1.72}
.article-editorial-note{display:flex;gap:14px;margin-top:38px;padding:18px;border:1px solid #d5e8df;background:#f4fbf7;border-radius:17px}
.article-editorial-note>i{color:var(--b-success);font-size:1.25rem;margin-top:2px}
.article-editorial-note strong{display:block;color:#155c43;font-size:.88rem}
.article-editorial-note p{margin:4px 0 0;color:#4f6e62;font-size:.79rem;line-height:1.6}
.article-share{display:flex;align-items:center;gap:9px;border-top:1px solid var(--b-border);margin-top:34px;padding-top:22px}
.article-share strong{margin-right:auto;color:var(--b-dark)}
.article-share a,.article-share button{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--b-border);background:#fff;color:#475467;border-radius:50%;text-decoration:none;transition:.2s}
.article-share a:hover,.article-share button:hover{border-color:#f3a18e;color:var(--b-primary);transform:translateY(-2px)}
.article-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.article-tags a{background:#f3f4f6;border:1px solid transparent;border-radius:999px;padding:6px 10px;color:#667085;text-decoration:none;font-size:.75rem}
.article-tags a:hover{border-color:#f3a18e;background:#fff;color:var(--b-primary)}
.article-post-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:38px}
.article-post-navigation a{display:grid;gap:6px;text-decoration:none;border:1px solid var(--b-border);border-radius:17px;padding:16px;background:#fff;min-width:0;transition:.2s}
.article-post-navigation a:hover{border-color:#f3a18e;box-shadow:0 10px 28px rgba(17,24,39,.05);transform:translateY(-2px)}
.article-post-navigation a.next{text-align:right;grid-column:2}
.article-post-navigation span{color:#98a2b3;font-size:.71rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.article-post-navigation strong{color:var(--b-dark);font-size:.85rem;line-height:1.42;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.related-section{margin-top:56px}
.related-section .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.blog-empty{text-align:center;padding:80px 20px;color:var(--b-muted);border:1px dashed var(--b-border);border-radius:22px;background:#fafafa}
.blog-empty>span{font-size:5rem;font-weight:950;color:#e4e7ec;line-height:1}
.blog-empty i{font-size:3rem;color:#d0d5dd}
.blog-empty h1,.blog-empty h2{color:var(--b-dark)}
.blog-empty-page{margin-top:60px;margin-bottom:80px}
.blog-one-article-note{display:flex;gap:12px;align-items:flex-start;padding:18px;border:1px dashed #efb2a3;border-radius:16px;background:#fff9f7;color:#667085}
.blog-one-article-note i{color:var(--b-primary);font-size:1.1rem}
.blog-one-article-note p{margin:0;font-size:.86rem}
.blog-footer{background:#111827;color:#fff;padding:55px 0 28px}
.blog-footer-grid{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(2,minmax(150px,.6fr));gap:38px;align-items:start}
.blog-footer .blog-brand{color:#fff}
.blog-footer .blog-brand small{color:#98a2b3}
.blog-footer-brand p{color:#9ca3af;max-width:520px;margin:18px 0 0;font-size:.86rem}
.blog-footer-grid>div:not(.blog-footer-brand){display:grid;gap:9px}
.blog-footer-grid>div>strong{font-size:.84rem;margin-bottom:4px}
.blog-footer a{color:#cbd5e1;text-decoration:none;font-size:.82rem}
.blog-footer a:hover{color:#fff}
.blog-footer small{grid-column:1/-1;color:#6b7280;border-top:1px solid #273143;padding-top:21px;font-size:.73rem}
.back-to-top{position:fixed;right:22px;bottom:22px;z-index:90;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:14px;background:var(--b-dark);color:#fff;box-shadow:0 12px 30px rgba(17,24,39,.22);opacity:0;visibility:hidden;transform:translateY(12px);transition:.2s}
.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}
.blog-toast{position:fixed;left:50%;bottom:26px;z-index:200;transform:translate(-50%,20px);background:var(--b-dark);color:#fff;padding:10px 15px;border-radius:12px;font-size:.8rem;font-weight:750;box-shadow:0 16px 36px rgba(17,24,39,.24);opacity:0;visibility:hidden;transition:.2s;max-width:calc(100% - 32px);text-align:center}
.blog-toast.visible{opacity:1;visibility:visible;transform:translate(-50%,0)}
:focus-visible{outline:3px solid rgba(238,77,45,.35);outline-offset:3px}
@media(max-width:1100px){
  .blog-hero-grid{grid-template-columns:1fr 1fr;gap:32px}
  .blog-list-layout,.article-layout{grid-template-columns:minmax(0,1fr) 285px;gap:28px}
  .blog-navigation{gap:17px}
  .blog-search input{width:135px}
}
@media(max-width:900px){
  :root{--b-header-height:70px}
  .blog-header-inner{gap:12px}
  .blog-menu-toggle{display:grid;place-items:center;margin-left:auto}
  .blog-mobile-search-toggle{display:none}
  .blog-navigation{position:absolute;top:calc(100% + 8px);left:18px;right:18px;display:grid;gap:0;margin:0;background:#fff;border:1px solid var(--b-border);border-radius:17px;padding:8px;box-shadow:var(--b-shadow);opacity:0;visibility:hidden;transform:translateY(-8px);transition:.2s}
  .blog-navigation.open{opacity:1;visibility:visible;transform:translateY(0)}
  .blog-navigation a{padding:11px 13px;border-radius:10px}
  .blog-navigation a::after{display:none}
  .blog-navigation a:hover,.blog-navigation a.active{background:var(--b-primary-soft)}
  .blog-search{margin-left:0}
  .blog-hero-grid{grid-template-columns:1fr;padding-block:52px}
  .blog-hero-copy{text-align:center}
  .blog-hero-copy>p{margin-inline:auto}
  .blog-hero-actions,.blog-category-row{justify-content:center}
  .featured-article{max-width:720px;margin-inline:auto;width:100%}
  .blog-list-layout,.article-layout{grid-template-columns:1fr}
  .blog-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}
  .article-toc-desktop{display:none}
  .article-toc-mobile{display:block}
  .blog-shop-cta{grid-column:1/-1}
  .blog-footer-grid{grid-template-columns:1fr 1fr}
  .blog-footer-brand{grid-column:1/-1}
}
@media(max-width:680px){
  .blog-container{width:min(100% - 22px,1220px)}
  .blog-header-inner{gap:9px}
  .blog-brand>span{width:40px;height:40px;border-radius:13px}
  .blog-brand small{display:none}
  .blog-search{order:3;position:absolute;left:11px;right:11px;top:calc(100% + 8px);display:none;background:#fff;box-shadow:var(--b-shadow)}
  .blog-header.search-open .blog-search{display:flex}
  .blog-search input{width:100%;height:45px}
  .blog-menu-toggle{margin-left:auto}
  .blog-mobile-search-toggle{display:grid;place-items:center}
  .blog-hero-grid{padding-block:44px;gap:30px}
  .blog-hero-copy h1{font-size:clamp(2.2rem,12vw,3.35rem)}
  .blog-hero-copy>p{font-size:.98rem}
  .blog-category-row{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;margin-inline:-11px;padding-inline:11px;padding-bottom:5px;scrollbar-width:none}
  .blog-category-row::-webkit-scrollbar{display:none}
  .blog-category-row a{white-space:nowrap}
  .featured-body{padding:20px}
  .blog-collection-hero{padding:40px 0 36px}
  .blog-list-layout,.article-layout{padding-top:28px;padding-bottom:58px}
  .section-heading{align-items:flex-start}
  .blog-grid,.related-section .blog-grid{grid-template-columns:1fr}
  .blog-sidebar{grid-template-columns:1fr}
  .blog-shop-cta{grid-column:auto}
  .article-header h1{font-size:clamp(2.05rem,11.5vw,3.1rem)}
  .article-lead{font-size:1rem}
  .article-meta{gap:9px 14px}
  .article-hero{border-radius:18px;margin:25px -2px 23px}
  .article-content{font-size:1rem;line-height:1.78}
  .article-content h2{font-size:1.55rem}
  .article-content table{font-size:.8rem}
  .article-product-links{padding:18px;margin-inline:-1px}
  .article-product-links h2{font-size:1.25rem}
  .article-share{flex-wrap:wrap}
  .article-share strong{width:100%;margin-bottom:3px}
  .article-post-navigation{grid-template-columns:1fr}
  .article-post-navigation a.next{grid-column:1;text-align:left}
  .blog-footer-grid{grid-template-columns:1fr;gap:28px}
  .blog-footer-brand{grid-column:auto}
  .blog-footer small{grid-column:auto}
  .back-to-top{right:14px;bottom:14px}
}
@media(max-width:420px){
  .blog-brand strong{font-size:.82rem}
  .blog-menu-toggle{width:40px;height:40px}
  .blog-mobile-search-toggle{width:40px;height:40px}
  .blog-hero-actions{display:grid}
  .blog-button{width:100%}
  .featured-meta{align-items:flex-start;flex-direction:column;gap:7px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}
@media print{
  .blog-header,.blog-sidebar,.article-share,.article-post-navigation,.related-section,.blog-footer,.back-to-top,.reading-progress,.article-product-links{display:none!important}
  .article-layout{display:block;padding:0}
  .article-main{max-width:none}
  .article-content{font-size:11pt;color:#000}
  .article-hero{box-shadow:none}
  a{color:#000!important;text-decoration:none!important}
}


/* =========================================================
   V3.2.1 — MOBILE WIDTH & OVERFLOW HARDENING
========================================================= */
html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  overflow-x: clip;
}

main,
.blog-header,
.blog-hero,
.blog-collection-hero,
.blog-footer {
  width: 100%;
  max-width: 100%;
}

.blog-header-inner,
.blog-hero-grid,
.blog-hero-copy,
.featured-article,
.blog-list-layout,
.article-layout,
.blog-list-main,
.article-main,
.blog-sidebar,
.blog-card,
.blog-side-card {
  min-width: 0;
  max-width: 100%;
}

.blog-hero-copy h1,
.article-header h1,
.article-content h2,
.article-content h3 {
  max-width: 100%;
  overflow-wrap: break-word;
  word-break: normal;
}

@media (max-width: 900px) {
  .blog-header-inner {
    position: relative;
    gap: 10px;
  }

  .blog-brand {
    flex: 1 1 auto;
    min-width: 0;
    max-width: calc(100% - 100px);
  }

  .blog-brand > div {
    min-width: 0;
  }

  .blog-brand strong {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .blog-menu-toggle,
  .blog-mobile-search-toggle {
    display: grid !important;
    place-items: center;
    flex: 0 0 auto;
  }

  .blog-search {
    position: absolute;
    left: 12px;
    right: 12px;
    top: calc(100% + 8px);
    display: none;
    margin-left: 0;
    background: #fff;
    box-shadow: var(--b-shadow);
  }

  .blog-header.search-open .blog-search {
    display: flex;
  }

  .blog-search input {
    width: 100%;
    height: 45px;
  }

  .blog-hero-grid {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .blog-hero-copy,
  .featured-article {
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: 0 !important;
  }

  .blog-list-layout,
  .article-layout {
    display: block !important;
    width: 100%;
  }

  .blog-sidebar {
    margin-top: 30px;
  }
}

@media (max-width: 680px) {
  .blog-container {
    width: calc(100% - 24px);
    max-width: calc(100% - 24px);
  }

  .blog-header-inner {
    position: relative;
    width: 100%;
  }

  .blog-brand {
    flex: 1 1 auto;
    min-width: 0;
    max-width: calc(100% - 100px);
  }

  .blog-brand > div {
    min-width: 0;
  }

  .blog-brand strong {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .blog-menu-toggle,
  .blog-mobile-search-toggle {
    flex: 0 0 auto;
  }

  .blog-navigation {
    left: 12px;
    right: 12px;
    max-height: calc(100vh - 92px);
    overflow-y: auto;
  }

  .blog-hero-grid {
    padding-block: 36px 42px;
    gap: 26px;
  }

  .blog-hero-copy {
    text-align: left;
  }

  .blog-hero-copy h1 {
    margin-top: 10px;
    font-size: clamp(2rem, 10vw, 2.75rem);
    line-height: 1.08;
    letter-spacing: -.035em;
  }

  .blog-hero-copy > p {
    margin-inline: 0;
    font-size: .96rem;
  }

  .blog-hero-actions {
    justify-content: flex-start;
  }

  .blog-category-row {
    width: calc(100% + 24px);
    max-width: calc(100% + 24px);
    margin-inline: -12px;
    padding-inline: 12px;
  }

  .featured-article {
    border-radius: 20px;
  }

  .featured-image {
    aspect-ratio: 4 / 3;
  }

  .featured-body h2 {
    font-size: 1.28rem;
  }

  .blog-list-layout,
  .article-layout {
    padding-top: 24px;
    padding-bottom: 52px;
  }

  .article-header h1 {
    font-size: clamp(1.9rem, 9.5vw, 2.55rem);
    line-height: 1.13;
    letter-spacing: -.035em;
  }

  .article-content {
    width: 100%;
    max-width: 100%;
    font-size: .99rem;
    line-height: 1.76;
  }

  .article-content h2 {
    font-size: 1.42rem;
    line-height: 1.3;
  }

  .article-content h3 {
    font-size: 1.18rem;
  }

  .article-content img,
  .article-content video,
  .article-content iframe {
    max-width: 100%;
    height: auto;
  }

  .article-product-grid > a {
    grid-template-columns: 38px minmax(0, 1fr) 18px;
    gap: 10px;
    padding: 11px;
  }

  .article-product-grid strong,
  .article-product-grid small {
    overflow-wrap: anywhere;
  }

  .blog-breadcrumb {
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
    padding-bottom: 3px;
  }

  .blog-breadcrumb::-webkit-scrollbar {
    display: none;
  }

  .blog-breadcrumb span {
    max-width: none;
    flex: 0 0 auto;
  }
}

@media (max-width: 420px) {
  .blog-container {
    width: calc(100% - 20px);
    max-width: calc(100% - 20px);
  }

  .blog-brand {
    max-width: calc(100% - 92px);
  }

  .blog-brand > span {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
  }

  .blog-hero-copy h1 {
    font-size: 2rem;
  }

  .blog-hero-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .blog-button {
    min-height: 46px;
  }

  .article-header h1 {
    font-size: 1.82rem;
  }

  .article-meta {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .article-hero {
    margin-inline: 0;
    border-radius: 16px;
  }

  .article-content h2 {
    font-size: 1.34rem;
  }

  .article-share a,
  .article-share button {
    width: 40px;
    height: 40px;
  }
}