/* Ipatio_Blog: every blog page (layout ipatio_blog.xml). The October 2026 design (BLOG-THEME-001 / BLOG-READ-001),
   rebuilt for the module's own markup: nothing here depends on Amasty Blog's styles. Tokens: chrome.css :root (--ipx-*).
   Rules that compete with the theme's element rules (button, input, table, ul, h2) carry `body ` because styles-l.css
   loads after module CSS. Articles are plain markup (PostWriter refuses inline styles); this file draws them. */
:root{--bl-line:var(--ipx-line,#e8e3da);--bl-line-2:var(--ipx-line-2,#d6cfc3);--bl-ink:var(--ipx-ink,#1d1b19);--bl-ink-2:var(--ipx-ink-2,#34312d);--bl-grey:var(--ipx-grey,#6b6963);--bl-link:var(--ipx-link,#9a5600);--bl-stone:var(--ipx-stone,#f6f4f0);--bl-cream:var(--ipx-cream,#fffaf1);--bl-orange:var(--ipx-orange,#ff9a02)}

/* ---------- shared ---------- */
body[class*="ipatioblog-"] .page-title{font-family:var(--ipx-font-bold);font-weight:700;letter-spacing:-.01em;color:var(--bl-ink)}
body .ipx-blog-meta{display:flex;flex-wrap:wrap;align-items:center;gap:0 8px;margin:0;font-size:13px;line-height:1.4;color:var(--bl-grey)}
body .ipx-blog-meta time+.ipx-blog-meta__read::before{content:"·";margin-right:8px}
/* post: the byline on its own line; separators trail their item, so a wrapped line never starts with a dot */
body .ipx-blog-post__meta .ipx-blog-meta__by{flex-basis:100%;margin-bottom:2px}
body .ipx-blog-post__meta time+.ipx-blog-meta__read::before{content:none}
body .ipx-blog-post__meta>:not(:last-child):not(.ipx-blog-meta__by)::after{content:"·";margin-left:8px}
body .ipx-blog-meta__by a{color:inherit;font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
body .ipx-blog-meta__by a:hover{color:var(--bl-ink)}
body .ipx-blog-preview-note{max-width:1000px;margin:0 auto 16px;padding:10px 14px;border-radius:var(--ipx-r-sm,8px);background:var(--bl-cream);border:1px solid var(--ipx-cream-line,#f3e9d8);font-size:14px;color:var(--bl-ink-2)}

/* ---------- lists: home, category, tag, search ---------- */
body .ipx-blog-intro{max-width:880px;margin:0 0 20px;font-size:16px;line-height:1.6;color:var(--bl-ink-2)}
body .ipx-blog-intro img{max-width:100%;height:auto;border-radius:var(--ipx-r-md,12px)}
body .ipx-blog-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin:0 0 28px}
body .ipx-blog-chips ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
body .ipx-blog-chips li{margin:0}
body .ipx-blog-chip{display:inline-flex;align-items:center;gap:6px;min-height:42px;box-sizing:border-box;padding:0 16px;border:1px solid var(--bl-line-2);border-radius:999px;background:#fff;color:var(--bl-ink);font-size:15px;font-weight:600;text-decoration:none;transition:border-color .2s,background .2s}
body .ipx-blog-chip:hover{border-color:var(--bl-ink);color:var(--bl-ink);text-decoration:none}
body .ipx-blog-chip.-active{background:var(--bl-ink);border-color:var(--bl-ink);color:#fff}
body .ipx-blog-chip__n{color:var(--bl-grey);font-weight:500}
body .ipx-blog-chip.-active .ipx-blog-chip__n{color:#d6cfc3}
body .ipx-blog-search{position:relative;width:min(340px,100%);margin:0}
body .ipx-blog-search__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body .ipx-blog-search__input{box-sizing:border-box;width:100%;height:44px;margin:0;padding:0 52px 0 18px;border:1px solid var(--bl-line-2);border-radius:999px;background:var(--bl-stone);color:var(--bl-ink);font-size:16px;box-shadow:none;-webkit-appearance:none;appearance:none}
body .ipx-blog-search__input::-webkit-search-cancel-button{-webkit-appearance:none}
body .ipx-blog-search__input:focus{background:#fff;border-color:var(--bl-ink);box-shadow:0 0 0 3px var(--ipx-orange-ring,rgba(255,154,2,.35));outline:0}
body .ipx-blog-search__btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:36px;height:36px;min-height:0;margin:0;padding:0;border:0;border-radius:999px;background:var(--bl-orange);box-shadow:none;cursor:pointer}
body .ipx-blog-search__btn::before{content:"";position:absolute;inset:10px;background:var(--bl-ink);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") center/contain no-repeat}
body .ipx-blog-search__btn:hover{background:var(--ipx-orange-hover,#ffab2e)}
body .ipx-blog-empty{margin:8px 0 40px;font-size:16px;color:var(--bl-ink-2)}

/* cards: the product-card look */
body .ipx-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none}
body .ipx-blog-card{position:relative;display:flex;flex-direction:column;margin:0;padding:0 0 18px;background:#fff;border:1px solid var(--bl-line);border-radius:var(--ipx-r-md,12px);box-shadow:var(--ipx-sh-1);overflow:hidden;transition:box-shadow .2s var(--ipx-ease),border-color .2s var(--ipx-ease)}
body .ipx-blog-card:hover{box-shadow:var(--ipx-sh-2);border-color:var(--bl-line-2)}
body .ipx-blog-card__img{display:block;aspect-ratio:3/2;overflow:hidden;background:var(--bl-stone);margin:0 0 16px}
body .ipx-blog-card__img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s var(--ipx-ease)}
body .ipx-blog-card:hover .ipx-blog-card__img img{transform:scale(1.035)}
body .ipx-blog-card__body{display:flex;flex-direction:column;flex:1;padding:0 18px}
/* the category stays its own link, above the card-wide link */
body .ipx-blog-card__cat{position:relative;z-index:2;align-self:flex-start;margin:0 0 6px;font-size:12px;font-weight:700;line-height:1.3;text-transform:uppercase;letter-spacing:.06em;color:var(--bl-grey);text-decoration:none}
body .ipx-blog-card__cat:hover{color:var(--bl-link);text-decoration:none}
body .ipx-blog-card__title{margin:0 0 8px;padding:0;font-family:var(--ipx-font-bold);font-size:19px;font-weight:700;line-height:1.3}
body .ipx-blog-card__title a{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:var(--bl-ink);text-decoration:none}
/* the whole card is the title's link */
body .ipx-blog-card__link::after{content:"";position:absolute;inset:0;z-index:1}
body .ipx-blog-card:hover .ipx-blog-card__link{color:var(--bl-ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
/* one ring, on the card: the theme's own focus ring on the title link would draw a second one inside it */
body .ipx-blog-card .ipx-blog-card__link:focus-visible{outline:0!important;box-shadow:none!important}
body .ipx-blog-card:has(.ipx-blog-card__link:focus-visible){outline:2px solid var(--bl-ink);outline-offset:2px}
body .ipx-blog-card__summary{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 14px;font-size:15px;line-height:1.55;color:var(--bl-grey)}
body .ipx-blog-card__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 12px;margin-top:auto}
body .ipx-blog-card__foot .ipx-blog-meta{flex-wrap:nowrap;white-space:nowrap}
/* "Read more" is a cue, not a link of its own: never underlined; its arrow slides when the card is hovered */
body .ipx-blog-card__read{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--bl-link);font-size:15px;font-weight:700;text-decoration:none;white-space:nowrap}
body .ipx-blog-card__read::after{content:"→";display:inline-block;transition:transform .2s var(--ipx-ease)}
body .ipx-blog-card:hover .ipx-blog-card__read::after{transform:translateX(4px)}
@media (prefers-reduced-motion:reduce){body .ipx-blog-card .ipx-blog-card__img img,body .ipx-blog-card .ipx-blog-card__read::after{transition:none;transform:none}}
/* pager */
body .ipx-blog-pager{display:flex;align-items:center;justify-content:center;gap:20px;margin:36px auto 56px}
body .ipx-blog-pager__label{font-size:15px;font-weight:600;color:var(--bl-ink)}
body .ipx-blog-pager__link{position:relative;display:block;width:44px;height:44px;box-sizing:border-box;border:1px solid var(--bl-line-2);border-radius:999px;background:#fff;box-shadow:var(--ipx-sh-1)}
body .ipx-blog-pager__link::before{content:"";position:absolute;inset:0;margin:auto;width:10px;height:10px;border-top:2px solid var(--bl-ink);border-right:2px solid var(--bl-ink)}
body .ipx-blog-pager__link.-prev::before{transform:translateX(2px) rotate(-135deg)}
body .ipx-blog-pager__link.-next::before{transform:translateX(-2px) rotate(45deg)}
body a.ipx-blog-pager__link:hover{border-color:var(--bl-ink)}
body .ipx-blog-pager__link.-disabled{opacity:.4}
@media (max-width:1023px){body .ipx-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}
@media (max-width:767px){
  body[class*="ipatioblog-"] .page-title-wrapper{margin-top:24px}
  body[class*="ipatioblog-"] .page-title{font-size:28px;line-height:1.2}
  body .ipx-blog-tools{margin:0 0 20px}
  body .ipx-blog-search{width:100%}
}
@media (max-width:639px){body .ipx-blog-grid{grid-template-columns:1fr;gap:16px}}

/* ---------- post ---------- */
body.ipatio-blog-post .page-title-wrapper{max-width:1000px;margin-left:auto;margin-right:auto}
body.ipatio-blog-post .page-title-wrapper .page-title{max-width:880px;font-size:28px;line-height:1.2}
body .ipx-blog-post{max-width:1000px;margin:0 auto}
body .ipx-blog-post__hero img{display:block;width:100%;height:auto;border-radius:var(--ipx-r-lg,18px);background:var(--bl-stone)}
body .ipx-blog-post__meta{margin:14px 0 6px;font-size:14px}
body .ipx-blog-post__layout{margin:0}
/* contents: a collapsed bar on phones and tablets (CSS-only toggle), a sticky side column on desktop */
body .ipx-blog-toc{position:relative;border:1px solid #e4ded4;border-radius:12px;background:#fbf8f3;margin:10px 0 18px}
body .ipx-blog-toc__toggle{position:absolute;top:12px;left:12px;width:1px;height:1px;opacity:0;margin:0}
body .ipx-blog-toc__title{display:flex;align-items:center;justify-content:space-between;min-height:48px;box-sizing:border-box;padding:12px 18px;margin:0;cursor:pointer;font-size:16px;font-weight:700;color:var(--bl-ink)}
body .ipx-blog-toc__title::after{content:"";width:9px;height:9px;border-right:2px solid var(--bl-ink);border-bottom:2px solid var(--bl-ink);transform:rotate(45deg);margin:-4px 4px 0 12px}
body .ipx-blog-toc:has(.ipx-blog-toc__toggle:checked) .ipx-blog-toc__title::after{transform:rotate(-135deg);margin-top:4px}
body .ipx-blog-toc:has(.ipx-blog-toc__toggle:focus-visible) .ipx-blog-toc__title{outline:2px solid var(--bl-ink);outline-offset:-2px;border-radius:12px}
body .ipx-blog-toc__list{display:none;list-style:decimal;margin:0;padding:0 18px 14px 40px}
body .ipx-blog-toc__toggle:checked~.ipx-blog-toc__list{display:block}
body .ipx-blog-toc li{font-size:16px;line-height:1.45;margin:0 0 .4em}
body .ipx-blog-toc a{color:var(--bl-link);font-weight:500;text-decoration:none}
body .ipx-blog-toc a:hover{text-decoration:underline}

/* the article */
body .ipx-blog-body{color:var(--bl-ink-2)}
body .ipx-blog-body :is(p,li){font-size:17px;line-height:1.7}
body .ipx-blog-body p{margin:0 0 1.05em}
body .ipx-blog-body>p:first-child{font-size:18.5px;line-height:1.6;color:#2e2b28}
body .ipx-blog-body h2{margin:2.1em 0 .65em;font-family:var(--ipx-font-bold);font-size:23px;font-weight:700;line-height:1.25;letter-spacing:-.005em;color:var(--bl-ink);scroll-margin-top:96px}
body .ipx-blog-body h2::before{content:"";display:block;width:44px;height:4px;border-radius:2px;background:var(--bl-orange);margin-bottom:14px}
body .ipx-blog-body h3{margin:1.5em 0 .4em;font-family:var(--ipx-font-bold);font-size:19px;font-weight:700;line-height:1.35;color:var(--bl-ink)}
body .ipx-blog-body h4{margin:1.3em 0 .4em;font-size:17px;font-weight:700;color:var(--bl-ink)}
body .ipx-blog-body :is(ul,ol){margin:0 0 1.3em;padding-left:1.3em}
body .ipx-blog-body li{margin:0 0 .5em}
body .ipx-blog-body li::marker{color:#b86200}
body .ipx-blog-body a:not(.ipx-blog-product){color:var(--bl-link);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
body .ipx-blog-body a:not(.ipx-blog-product):hover{color:var(--bl-ink)}
body .ipx-blog-body strong{color:var(--bl-ink)}
body .ipx-blog-body figure{margin:1.6em 0 1.8em}
body .ipx-blog-body img{display:block;max-width:100%;height:auto;border-radius:12px}
body .ipx-blog-body figure img{width:100%}
body .ipx-blog-body figcaption{font-size:14px;line-height:1.45;color:var(--bl-grey);margin-top:8px}
body .ipx-blog-body iframe{display:block;width:100%;max-width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:12px;margin:1.4em 0}
body .ipx-blog-body blockquote{margin:1.4em 0;padding:4px 0 4px 18px;border-left:4px solid var(--bl-line-2);color:var(--bl-ink)}
body .ipx-blog-body hr{border:0;border-top:1px solid var(--bl-line);margin:2em 0}
/* short answer */
body .ipx-blog-answer{background:#fff7ea;border:1px solid var(--ipx-cream-line,#f3e9d8);border-left:4px solid var(--bl-orange);border-radius:0 12px 12px 0;padding:16px 18px 2px;margin:1.2em 0 1.6em}
body .ipx-blog-body .ipx-blog-answer h2{margin:0 0 .4em;font-size:19px}
body .ipx-blog-body .ipx-blog-answer h2::before{display:none}
/* tables */
body .ipx-blog-body table{width:100%;border-collapse:separate;border-spacing:0;margin:1.3em 0 1.8em;border:1px solid #e4ded4;border-radius:12px;overflow:hidden;font-size:15px;line-height:1.45;background:#fff}
body .ipx-blog-body th{background:#f5f0e7;text-align:left;vertical-align:bottom;padding:12px 14px;font-size:13px;letter-spacing:.02em;text-transform:none;font-weight:700;color:var(--bl-ink);border:0}
body .ipx-blog-body td{padding:12px 14px;border:0;border-top:1px solid #ece6dc;vertical-align:top;font-size:15px}
body .ipx-blog-body tbody tr:nth-child(even) td{background:#fbf8f3}
body .ipx-blog-body td:first-child{font-weight:700}
body .ipx-blog-body tr:hover{background:transparent}
@media (max-width:767px){
  body .ipx-blog-body table:has(td[data-label]),body .ipx-blog-body table:has(td[data-label]) tbody,body .ipx-blog-body table:has(td[data-label]) tr,body .ipx-blog-body table:has(td[data-label]) td{display:block;width:auto}
  body .ipx-blog-body table:has(td[data-label]){border:0;border-radius:0;overflow:visible;background:none}
  body .ipx-blog-body table:has(td[data-label]) thead,body .ipx-blog-body table:has(td[data-label]) tr:has(>th){display:none}
  body .ipx-blog-body table:has(td[data-label]) tr{border:1px solid #e4ded4;border-radius:12px;margin:0 0 12px;overflow:hidden;background:#fff}
  body .ipx-blog-body table:has(td[data-label]) tbody tr:nth-child(even) td{background:transparent}
  body .ipx-blog-body table:has(td[data-label]) td{border-top:1px solid #f0ebe3;padding:10px 14px}
  body .ipx-blog-body table:has(td[data-label]) td:first-child{border-top:0;background:#f5f0e7;font-size:16px}
  body .ipx-blog-body td[data-label]::before{content:attr(data-label);display:block;font-size:12px;font-weight:700;color:var(--bl-grey);margin-bottom:2px}
}
/* FAQ (microdata in the article) */
body .ipx-blog-body [itemtype$="schema.org/FAQPage"]{display:grid;gap:12px;margin:0 0 1.5em}
body .ipx-blog-body [itemtype$="schema.org/Question"]{border:1px solid var(--bl-line);border-radius:12px;padding:16px 18px 4px;background:#fff}
body .ipx-blog-body [itemtype$="schema.org/Question"] h3{margin-top:0}
/* boxes of the 2026-03 articles (post 12) */
body .ipx-blog-body .gazebo-tip{background:var(--bl-cream);border:1px solid var(--ipx-cream-line,#f3e9d8);border-left:4px solid var(--bl-orange);border-radius:0 12px 12px 0;padding:14px 18px 2px;margin:1.2em 0 1.6em}
body .ipx-blog-body .gazebo-pros-cons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:1.2em 0 1.6em}
body .ipx-blog-body .gazebo-pros-cons>div{border-radius:12px;border:1px solid var(--bl-line);padding:14px 18px 2px}
body .ipx-blog-body .gazebo-pros{background:var(--ipx-green-tint,#eef4e0);border-left:4px solid var(--ipx-green,#86af28)}
body .ipx-blog-body .gazebo-cons{background:#fbf3f1;border-left:4px solid var(--ipx-sale,#c62828)}
@media (max-width:639px){body .ipx-blog-body .gazebo-pros-cons{grid-template-columns:1fr}}
/* products in this guide */
body .ipx-blog-products{margin:1.4em 0 1.8em}
body .ipx-blog-body .ipx-blog-products__title{font-size:13px;line-height:1.4;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--bl-grey);margin:0 0 10px}
body .ipx-blog-products__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
body .ipx-blog-body a.ipx-blog-product{display:flex;flex-direction:column;gap:8px;overflow:hidden;border:1px solid var(--bl-line);border-radius:12px;background:#fff;box-shadow:var(--ipx-sh-1);color:var(--bl-ink);font-weight:400;text-decoration:none;transition:box-shadow .2s,border-color .2s}
body .ipx-blog-body a.ipx-blog-product:hover{border-color:var(--bl-line-2);box-shadow:var(--ipx-sh-2)}
/* the stone sits behind the photo (multiply turns its white background into the stone, as in the related products) */
body .ipx-blog-product__img{display:block;aspect-ratio:1/1;background:var(--bl-stone);padding:8%;box-sizing:border-box}
body .ipx-blog-body .ipx-blog-product__img img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;border-radius:0}
body .ipx-blog-product__text{display:flex;flex-direction:column;gap:4px;padding:0 12px 12px}
body .ipx-blog-product__brand{font-size:11px;font-weight:700;line-height:1.3;letter-spacing:.06em;text-transform:uppercase;color:var(--bl-grey)}
body .ipx-blog-product__name{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.35;font-weight:600;color:var(--bl-ink)}
body .ipx-blog-product__price{font-size:17px;font-weight:700;color:var(--bl-ink)}
body .ipx-blog-product__price s{color:var(--bl-grey);font-weight:400;font-size:13px}
@media (max-width:767px){
  body .ipx-blog-products__list{grid-template-columns:1fr;gap:10px}
  body .ipx-blog-body a.ipx-blog-product{flex-direction:row;align-items:center;min-height:44px}
  body .ipx-blog-product__img{width:76px;flex:0 0 76px;padding:6px}
  body .ipx-blog-product__text{padding:10px 12px}
}

/* end of the article: tags, category, helpful, share */
body .ipx-blog-post__foot{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"tags tags" "cat help" "share share";align-items:center;gap:18px 24px;max-width:720px;margin:36px 0 0;padding:24px 0 0;border-top:1px solid var(--bl-line)}
body .ipx-blog-tags{grid-area:tags;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
body .ipx-blog-tags li{margin:0}
body .ipx-blog-tag{display:inline-flex;align-items:center;min-height:36px;box-sizing:border-box;padding:0 14px;border:1px solid var(--bl-line-2);border-radius:999px;background:#fff;color:var(--bl-ink);font-size:14px;font-weight:600;line-height:1;text-decoration:none}
body .ipx-blog-tag:hover{border-color:var(--bl-ink);color:var(--bl-ink);text-decoration:none}
body .ipx-blog-post__cat{grid-area:cat;margin:0;font-size:15px;line-height:1.4;color:var(--bl-grey)}
body .ipx-blog-post__cat a{color:var(--bl-link);font-weight:700;text-decoration:none}
body .ipx-blog-post__cat a:hover{text-decoration:underline}
body .ipx-blog-helpful{grid-area:help;display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:15px;color:var(--bl-ink-2)}
body .ipx-blog-helpful__btn{display:inline-flex;align-items:center;gap:6px;height:40px;min-height:40px;box-sizing:border-box;margin:0;padding:0 14px;border:1px solid var(--bl-line-2);border-radius:999px;background:#fff;box-shadow:none;color:var(--bl-ink);font-family:var(--ipx-font);font-size:15px;font-weight:600;line-height:1;text-transform:none;cursor:pointer}
body .ipx-blog-helpful__btn:hover{border-color:var(--bl-ink);background:#fff}
body .ipx-blog-helpful__btn[aria-pressed="true"]{cursor:default;opacity:1}
body .ipx-blog-helpful__icon{width:16px;height:16px;background:var(--bl-ink);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linejoin='round'%3E%3Cpath d='M12 20.5S3 15 3 8.8A4.8 4.8 0 0112 6a4.8 4.8 0 019 2.8C21 15 12 20.5 12 20.5z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linejoin='round'%3E%3Cpath d='M12 20.5S3 15 3 8.8A4.8 4.8 0 0112 6a4.8 4.8 0 019 2.8C21 15 12 20.5 12 20.5z'/%3E%3C/svg%3E") center/contain no-repeat}
body .ipx-blog-helpful__btn[aria-pressed="true"] .ipx-blog-helpful__icon{background:var(--ipx-sale,#c62828)}
body .ipx-blog-helpful__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body .ipx-blog-helpful__n:empty{display:none}
body .ipx-blog-helpful__thanks{font-size:14px;color:var(--bl-grey)}
body .ipx-blog-share{grid-area:share;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
body .ipx-blog-share__label{margin-right:6px;font-size:15px;font-weight:600;color:var(--bl-ink-2)}
body .ipx-blog-share ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
body .ipx-blog-share li{margin:0}
body .ipx-blog-share__link{position:relative;display:block;width:42px;height:42px;box-sizing:border-box;border:1px solid var(--bl-line-2);border-radius:999px;background:#fff;transition:border-color .2s}
body .ipx-blog-share__link:hover{border-color:var(--bl-ink)}
body .ipx-blog-share__link::before{content:"";position:absolute;inset:11px;background:var(--bl-ink);-webkit-mask:var(--bl-ico) center/contain no-repeat;mask:var(--bl-ico) center/contain no-repeat}
body .ipx-blog-share__link.-facebook{--bl-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M20.5 29.48V18.27h3.77l.56-4.38H20.5V11.1c0-1.26.35-2.13 2.17-2.13h2.32v-3.9c-.4-.06-1.78-.18-3.38-.18-3.34 0-5.62 2.04-5.62 5.78v3.22H12.2v4.38H16v11.21h4.51z'/%3E%3C/svg%3E")}
body .ipx-blog-share__link.-pinterest{--bl-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M15.02 0a14.98 14.98 0 00-5.46 28.94c-.13-1.19-.25-3 .05-4.3l1.76-7.45s-.45-.9-.45-2.23c0-2.07 1.2-3.63 2.7-3.63 1.29 0 1.9.96 1.9 2.1 0 1.3-.81 3.21-1.23 5-.36 1.49.75 2.7 2.21 2.7 2.66 0 4.71-2.8 4.71-6.86 0-3.57-2.57-6.08-6.26-6.08a6.48 6.48 0 00-6.76 6.5c0 1.29.5 2.67 1.11 3.42.13.15.14.28.11.43L9 20.24c-.06.29-.21.35-.5.21-1.87-.86-3.04-3.6-3.04-5.8 0-4.72 3.44-9.07 9.9-9.07 5.2 0 9.24 3.71 9.24 8.65 0 5.17-3.26 9.33-7.79 9.33-1.52 0-2.94-.78-3.45-1.72l-.93 3.56a16.32 16.32 0 01-1.88 3.93A15 15 0 1014.98.03l.04-.03z'/%3E%3C/svg%3E")}
body .ipx-blog-share__link.-twitter{--bl-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14.234 10.162 22.977 0h-2.072l-7.591 8.824L7.251 0H.258l9.168 13.343L.258 24H2.33l8.016-9.318L16.749 24h6.993zm-2.837 3.299-.929-1.329L3.076 1.56h3.182l5.965 8.532.929 1.329 7.754 11.09h-3.182z'/%3E%3C/svg%3E")}
body .ipx-blog-share__link.-linkedin{--bl-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z'/%3E%3C/svg%3E")}
/* previous / next */
body .ipx-blog-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;max-width:720px;margin:28px 0 0}
body .ipx-blog-nav__item{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border:1px solid var(--bl-line);border-radius:var(--ipx-r-md,12px);background:#fff;text-decoration:none}
body .ipx-blog-nav__item.-next{text-align:right}
body .ipx-blog-nav__item:hover{border-color:var(--bl-line-2);text-decoration:none}
body .ipx-blog-nav__label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--bl-grey)}
body .ipx-blog-nav__title{font-size:16px;font-weight:700;line-height:1.35;color:var(--bl-ink)}
body .ipx-blog-nav__item:hover .ipx-blog-nav__title{text-decoration:underline;text-underline-offset:3px}
/* sections after the article */
body .ipx-blog-section{max-width:1000px;margin:48px auto 0}
body .ipx-blog-section__title{margin:0 0 16px;padding:0;font-family:var(--ipx-font-bold);font-size:26px;font-weight:700;line-height:1.2;color:var(--bl-ink)}
body .ipx-blog-grid.-compact{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
body .ipx-blog-grid.-compact .ipx-blog-card{padding-bottom:14px}
body .ipx-blog-grid.-compact .ipx-blog-card__img{margin-bottom:12px}
body .ipx-blog-grid.-compact .ipx-blog-card__body{padding:0 14px}
body .ipx-blog-grid.-compact .ipx-blog-card__title{font-size:16px;line-height:1.35}
/* a related-article card is too narrow for "September 14, 2026 · 10 min read": the date stays */
body .ipx-blog-grid.-compact .ipx-blog-meta__read{display:none}
body .ipx-blog-pcards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}
body .ipx-blog-pcard{display:flex;flex-direction:column;margin:0;padding:0 0 14px;border:1px solid var(--bl-line);border-radius:var(--ipx-r-md,12px);background:#fff;box-shadow:var(--ipx-sh-1);overflow:hidden}
body .ipx-blog-pcard__img{display:block;aspect-ratio:1/1;background:var(--bl-stone);margin:0 0 12px;padding:8%;box-sizing:border-box}
body .ipx-blog-pcard__img img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
body .ipx-blog-pcard__brand{margin:0 14px 3px;font-size:12px;font-weight:700;line-height:1.3;letter-spacing:.06em;text-transform:uppercase;color:var(--bl-grey)}
body .ipx-blog-pcard__name{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em;margin:0 14px;font-size:15px;font-weight:600;line-height:1.35;color:var(--bl-ink);text-decoration:none}
body .ipx-blog-pcard__name:hover{color:var(--bl-ink);text-decoration:underline}
body .ipx-blog-pcard__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 8px;margin:8px 14px 12px;font-size:19px;font-weight:700;color:var(--bl-ink)}
body .ipx-blog-pcard__price s{font-size:14px;font-weight:500;color:var(--bl-grey)}
body .ipx-blog-pcard__cart{margin:auto 14px 0}
/* two classes + body: the theme's ".action.primary" (padding 12px 25px, 20px text) must not win, or the label sits low */
body .ipx-blog-pcard .ipx-blog-pcard__btn{display:flex;align-items:center;justify-content:center;width:100%;height:44px;min-height:44px;box-sizing:border-box;margin:0;padding:0 12px;border:0;border-radius:var(--ipx-r-sm,8px);background:var(--bl-orange);color:var(--bl-ink);font-family:var(--ipx-font-bold);font-size:15px;font-weight:700;line-height:1.2;text-transform:none;text-decoration:none;box-shadow:none}
body .ipx-blog-pcard .ipx-blog-pcard__btn :is(span,.ipx-blog-pcard__btn-label){display:block;padding:0;margin:0;font-size:15px;line-height:1.2;font-weight:700;color:inherit}
body .ipx-blog-pcard .ipx-blog-pcard__btn:is(:hover,:focus,:active){background:var(--ipx-orange-hover,#ffab2e);border:0;color:var(--bl-ink);text-decoration:none;box-shadow:none}
body .ipx-blog-pcard a.ipx-blog-pcard__btn.-view{width:auto;margin:auto 14px 0;background:#fff;border:1px solid var(--bl-line-2)}
body .ipx-blog-pcard a.ipx-blog-pcard__btn.-view:is(:hover,:focus,:active){border:1px solid var(--bl-ink);background:#fff}
@media (max-width:1023px){body :is(.ipx-blog-grid.-compact,.ipx-blog-pcards){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){
  body.ipatio-blog-post .page-title-wrapper .page-title{font-size:28px}
  body .ipx-blog-post__hero img{border-radius:var(--ipx-r-md,12px)}
  body .ipx-blog-nav{grid-template-columns:1fr}
  body .ipx-blog-nav__item.-next{text-align:left}
  body .ipx-blog-section__title{font-size:22px}
  body :is(.ipx-blog-grid.-compact,.ipx-blog-pcards){gap:12px}
  body .ipx-blog-grid.-compact .ipx-blog-card__title{font-size:15px}
  body .ipx-blog-grid.-compact .ipx-blog-card__body{padding:0 12px}
  body .ipx-blog-grid.-compact .ipx-blog-card__foot{display:none}
  /* related products: one row per product (photo left), so the whole name and the button fit */
  body .ipx-blog-products-grid .ipx-blog-pcards{grid-template-columns:1fr;gap:10px}
  body .ipx-blog-pcard{display:grid;grid-template-columns:104px minmax(0,1fr);grid-template-rows:auto auto auto 1fr;column-gap:14px;align-items:start;padding:12px}
  body .ipx-blog-pcard__img{grid-column:1;grid-row:1/span 4;margin:0;padding:6px;border-radius:8px}
  body :is(.ipx-blog-pcard__brand,.ipx-blog-pcard__name,.ipx-blog-pcard__price){grid-column:2;margin-left:0;margin-right:0}
  body .ipx-blog-pcard__name{min-height:0;-webkit-line-clamp:4}
  body .ipx-blog-pcard__price{margin:6px 0 10px;font-size:18px}
  body .ipx-blog-pcard__cart,body .ipx-blog-pcard a.ipx-blog-pcard__btn.-view{grid-column:2;margin:0;align-self:end}
}

@media (min-width:768px){
  body.ipatio-blog-post .page-title-wrapper .page-title{font-size:36px}
  body .ipx-blog-body :is(p,li){font-size:18px}
  body .ipx-blog-body>p:first-child{font-size:20px}
  body .ipx-blog-body h2{font-size:28px}
  body .ipx-blog-body h3{font-size:21px}
}
@media (min-width:768px) and (max-width:1023px){
  body .ipx-blog-post__layout>*{max-width:740px;margin-left:auto;margin-right:auto}
}
/* desktop: ~70-character column and the contents as a sticky side column */
@media (min-width:1024px){
  body.ipatio-blog-post .page-wrapper{overflow-x:clip;overflow-y:visible}
  body .ipx-blog-post__layout{display:grid;grid-template-columns:minmax(0,720px);column-gap:44px;justify-content:start;align-items:start}
  body .ipx-blog-post__layout.-toc{grid-template-columns:minmax(0,720px) 230px}
  body .ipx-blog-post__layout>.ipx-blog-body{grid-column:1;grid-row:1}
  body .ipx-blog-post__layout>.ipx-blog-toc{grid-column:2;grid-row:1;position:sticky;top:88px;margin:14px 0 0;background:transparent;border:0;border-left:2px solid #ece6dc;border-radius:0}
  body .ipx-blog-toc__toggle{display:none}
  body .ipx-blog-toc__title{cursor:default;pointer-events:none;min-height:0;padding:0 0 8px 16px;font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--bl-grey)}
  body .ipx-blog-toc__title::after{display:none}
  body .ipx-blog-toc__list{display:block;list-style:none;padding:0 0 0 16px}
  body .ipx-blog-toc li{font-size:15px;margin-bottom:.55em}
  body .ipx-blog-toc a:hover{color:var(--bl-ink)}
}

/* keyboard focus */
body :is(.ipx-blog-chip,.ipx-blog-tag,.ipx-blog-pager__link,.ipx-blog-share__link,.ipx-blog-card__cat,.ipx-blog-nav__item,.ipx-blog-helpful__btn,.ipx-blog-pcard__btn,.ipx-blog-pcard__name,.ipx-blog-toc a):focus-visible{outline:2px solid var(--bl-ink);outline-offset:2px;border-radius:8px}
body .ipx-blog-share__link:focus-visible,body .ipx-blog-pager__link:focus-visible{border-radius:999px}

@media print{
  body :is(.ipx-blog-toc,.ipx-blog-products,.ipx-blog-share,.ipx-blog-helpful,.ipx-blog-nav,.ipx-blog-section,.ipx-blog-tools,.ipx-blog-pager){display:none}
  body .ipx-blog-post__layout{display:block}
}