.mc-blog-archive,
.mc-single-article { padding-block: var(--mc-space-xl) var(--mc-space-2xl); direction: rtl; text-align: right; }
.mc-blog-archive > .mc-container,
.mc-single-article > .mc-container { width: min(100%, var(--mc-container-width)); margin-inline: auto; padding-inline: var(--mc-container-padding-mobile); }
.mc-blog-breadcrumb { display: flex; gap: var(--mc-space-xs); margin-block-end: var(--mc-space-lg); color: var(--mc-color-text-secondary); font-size: var(--mc-font-size-sm); }
.mc-blog-breadcrumb a { color: var(--mc-color-primary); text-decoration: none; }
.mc-blog-archive__header { margin-block-end: var(--mc-space-xl); }
.mc-blog-archive__header h1,
.mc-single-article h1 { margin-block: 0 var(--mc-space-sm); }
.mc-blog-grid { display: grid; grid-template-columns: 1fr; gap: var(--mc-space-lg); }
.mc-article-card { display: flex; flex-direction: column; overflow: hidden; height: 100%; background: var(--mc-color-surface); border: 1px solid var(--mc-color-border); border-radius: var(--mc-radius-card); box-shadow: var(--mc-shadow-small); }
.mc-article-card__media,
.mc-article-card__image,
.mc-article-card__placeholder { display: block; width: 100%; aspect-ratio: 16 / 9; }
.mc-article-card__media { overflow: hidden; background: var(--mc-color-background); }
.mc-article-card__image { height: 100%; object-fit: cover; }
.mc-article-card__placeholder { background: var(--mc-color-background); }
.mc-article-card__content { display: flex; flex: 1; flex-direction: column; gap: var(--mc-space-sm); align-items: flex-start; padding: var(--mc-space-md); }
.mc-article-card__category,
.mc-article-card__date { color: var(--mc-color-text-secondary); font-size: var(--mc-font-size-xs); }
.mc-article-card__title { margin: 0; font-size: var(--mc-font-size-md); line-height: var(--mc-line-height-tight); }
.mc-article-card__title a { color: var(--mc-color-text-primary); text-decoration: none; }
.mc-article-card__excerpt { margin: 0; color: var(--mc-color-text-secondary); font-size: var(--mc-font-size-sm); line-height: var(--mc-line-height-relaxed); }
.mc-article-card__more { margin-block-start: auto; }
.mc-single-article__content { max-width: 52rem; margin-inline: auto; }
.mc-single-article__content figure { margin: var(--mc-space-xl) 0; }
.mc-single-article__content img { width: 100%; height: auto; border-radius: var(--mc-radius-card); }
.mc-single-article .entry-content { font-size: var(--mc-font-size-md); line-height: var(--mc-line-height-relaxed); }
.mc-blog-navigation { display: flex; justify-content: center; margin-block-start: var(--mc-space-xl); }
.mc-blog-load-more { display: none; }
.mc-blog-archive.is-load-more-enhanced .mc-blog-pagination { display: none; }
.mc-blog-archive.is-load-more-enhanced .mc-blog-load-more { display: inline-flex; }
.mc-blog-load-more[aria-busy="true"] { opacity: 1; cursor: wait; }
@media (min-width: 48rem) { .mc-blog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 48rem) { .mc-blog-archive > .mc-container, .mc-single-article > .mc-container { padding-inline: var(--mc-container-padding-desktop); } }
@media (min-width: 64rem) { .mc-blog-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* Single article: server-rendered layout with tiny progressive enhancements. */
.mc-reading-progress { position: fixed; inset-block-start: 0; inset-inline: 0; z-index: 1200; height: 3px; pointer-events: none; background: linear-gradient(to left, var(--mc-color-primary) var(--mc-reading-progress, 0%), transparent 0); }
.mc-single-article { color: var(--mc-article-text); background: linear-gradient(180deg, color-mix(in srgb, var(--mc-article-accent) 5%, transparent), transparent 22rem); }
.mc-single-article__article { max-width: var(--mc-article-width); margin-inline: auto; }
.mc-article-hero { position: relative; max-width: 58rem; margin: 1rem auto 2rem; padding: clamp(1.5rem,4vw,3.5rem); overflow: hidden; text-align: center; background: linear-gradient(135deg, color-mix(in srgb, var(--mc-article-accent) 10%, #fff), color-mix(in srgb, var(--mc-article-accent) 3%, #fff)); border: 1px solid color-mix(in srgb, var(--mc-article-accent) 14%, transparent); border-radius: calc(var(--mc-article-radius) * 1.25); }
.mc-article-hero::before,.mc-article-hero::after { position: absolute; width: 10rem; height: 10rem; content: ""; background: color-mix(in srgb, var(--mc-article-accent) 7%, transparent); border-radius: 50%; pointer-events: none; }
.mc-article-hero::before { inset-block-start: -6rem; inset-inline-start: -4rem; }
.mc-article-hero::after { inset-block-end: -7rem; inset-inline-end: -3rem; }
.mc-article-hero > * { position: relative; z-index: 1; }
.mc-article-hero__category { display: inline-flex; margin-bottom: .8rem; padding: .35rem .8rem; color: var(--mc-article-accent); font-size: .85rem; font-weight: 800; text-decoration: none; background: color-mix(in srgb, var(--mc-article-accent) 9%, transparent); border-radius: 999px; }
.mc-article-hero h1 { color: var(--mc-article-text); font-size: clamp(1.8rem, 4vw, var(--mc-article-title-size)); line-height: 1.45; text-wrap: balance; }
.mc-article-hero__excerpt { max-width: 44rem; margin: .8rem auto; color: var(--mc-article-muted); font-size: 1.05rem; line-height: 1.9; }
.mc-article-meta { display: flex; flex-wrap: wrap; gap: .7rem 1.2rem; align-items: center; justify-content: center; color: var(--mc-article-muted); font-size: .88rem; }
.mc-article-meta__author { display: inline-flex; gap: .45rem; align-items: center; color: var(--mc-article-text); font-weight: 700; }
.mc-article-meta__author img { width: 2.25rem; height: 2.25rem; border-radius: 50%; }
.mc-article-featured { width: min(100%, 68rem); margin: 0 auto 2rem; overflow: hidden; background: var(--mc-color-background); border-radius: var(--mc-article-radius); box-shadow: var(--mc-shadow-small); }
.mc-single-article__article .mc-article-featured img { display: block; width: 100%; height: min(var(--mc-article-hero-height), 62vw); object-fit: cover; border-radius: 0; }
.mc-article-layout { position: relative; max-width: var(--mc-article-width); margin-inline: auto; }
.mc-article-toc { margin-bottom: 1.5rem; padding: 1rem 1.1rem; background: var(--mc-article-surface); border: 1px solid var(--mc-color-border); border-radius: var(--mc-article-radius); box-shadow: var(--mc-shadow-small); }
.mc-article-toc__toggle { display: flex; width: 100%; padding: 0; align-items: center; justify-content: space-between; color: var(--mc-article-text); font: inherit; font-weight: 900; background: none; border: 0; cursor: pointer; }
.mc-article-toc nav { display: grid; gap: .55rem; margin-top: .9rem; padding-inline-start: .25rem; }
.mc-article-toc.is-collapsed nav { display: none; }
.mc-article-toc a { color: var(--mc-article-muted); text-decoration: none; transition: color .15s ease; }
.mc-article-toc a:hover,.mc-article-toc a.is-active { color: var(--mc-article-accent); font-weight: 800; }
.mc-article-toc a.is-active { padding-inline-start: .55rem; border-inline-start: 3px solid var(--mc-article-accent); }
.mc-article-toc a.is-child { padding-inline-start: 1rem; font-size: .9em; }
.mc-single-article .entry-content { color: var(--mc-article-text); font-size: var(--mc-article-body-size); line-height: 2.05; }
.mc-single-article .entry-content > :first-child { margin-top: 0; }
.mc-single-article .entry-content h2,.mc-single-article .entry-content h3 { scroll-margin-top: 6rem; color: var(--mc-article-text); line-height: 1.6; }
.mc-single-article .entry-content h2 { margin-top: 2.7rem; font-size: 1.55em; }
.mc-single-article .entry-content h2::before { display: inline-block; width: .45rem; height: 1.15em; margin-inline-end: .55rem; vertical-align: -.18em; content: ""; background: linear-gradient(var(--mc-article-accent), color-mix(in srgb,var(--mc-article-accent) 45%,transparent)); border-radius: 999px; }
.mc-single-article .entry-content h3 { margin-top: 2rem; font-size: 1.25em; }
.mc-single-article .entry-content p { margin-block: 1.15rem; }
.mc-single-article .entry-content a { color: var(--mc-article-accent); text-underline-offset: .2em; }
.mc-single-article .entry-content blockquote { margin: 1.8rem 0; padding: 1rem 1.25rem; color: var(--mc-article-text); background: color-mix(in srgb, var(--mc-article-accent) 7%, var(--mc-article-surface)); border-inline-start: 4px solid var(--mc-article-accent); border-radius: .7rem; }
.mc-single-article .entry-content img { border-radius: var(--mc-article-radius); }
.mc-single-article .entry-content figure { margin-block: 2rem; padding: .45rem; background: var(--mc-article-surface); border: 1px solid var(--mc-color-border); border-radius: calc(var(--mc-article-radius) + .35rem); box-shadow: 0 .8rem 2rem rgb(15 23 42 / .07); }
.mc-single-article .entry-content figcaption,.mc-single-article .entry-content .wp-caption-text { padding: .55rem .7rem .25rem; color: var(--mc-article-muted); font-size: .8em; line-height: 1.7; text-align: center; }
.mc-single-article .entry-content table { display: block; max-width: 100%; overflow-x: auto; border-collapse: collapse; }
.mc-single-article .entry-content th,.mc-single-article .entry-content td { padding: .7rem; border: 1px solid var(--mc-color-border); }
.mc-article-share { display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; justify-content: space-between; margin-top: 2.5rem; padding: 1rem 1.2rem; background: var(--mc-article-surface); border: 1px solid var(--mc-color-border); border-radius: var(--mc-article-radius); }
.mc-article-share div { display: flex; flex-wrap: wrap; gap: .5rem; }
.mc-article-share a,.mc-article-share button { display: inline-flex; min-height: 2.5rem; padding: .45rem .8rem; align-items: center; color: var(--mc-article-accent); font: inherit; font-size: .85rem; font-weight: 800; text-decoration: none; background: transparent; border: 1px solid currentColor; border-radius: .65rem; cursor: pointer; }
.mc-article-author { display: grid; grid-template-columns: auto 1fr; gap: 1rem; align-items: center; margin-top: 1.3rem; padding: 1.3rem; background: var(--mc-article-surface); border: 1px solid var(--mc-color-border); border-radius: var(--mc-article-radius); }
.mc-article-author img { display: block; border-radius: 50%; }
.mc-article-author span { color: var(--mc-article-muted); font-size: .8rem; }
.mc-article-author h2 { margin: .2rem 0; font-size: 1.15rem; }
.mc-article-author p { margin: .3rem 0 0; color: var(--mc-article-muted); line-height: 1.8; }
.mc-article-author a { display: inline-flex; margin-top: .6rem; color: var(--mc-article-accent); font-size: .85rem; font-weight: 800; text-decoration: none; }
.mc-article-share-float { display: none; }
.mc-article-related,.mc-article-comments { width: min(100%, 68rem); margin: 3.5rem auto 0; }
.mc-article-related > h2,.mc-article-comments .comments-title { margin-bottom: 1.2rem; text-align: center; }
.mc-article-comments { padding: clamp(1rem,3vw,2rem); background: var(--mc-article-surface); border: 1px solid var(--mc-color-border); border-radius: var(--mc-article-radius); }
.mc-article-comments textarea { width: 100%; }
.mc-article-comments input:not([type="submit"]),.mc-article-comments textarea { padding: .75rem; background: var(--mc-color-background); border: 1px solid var(--mc-color-border); border-radius: .7rem; }
.mc-article-comments input[type="submit"] { padding: .7rem 1.2rem; color: #fff; font: inherit; font-weight: 800; background: var(--mc-article-accent); border: 0; border-radius: .7rem; cursor: pointer; }
.mc-article-comments .comment-list { padding: 0; list-style: none; }
.mc-article-comments .comment-body { margin-block: 1rem; padding: 1rem; background: var(--mc-color-background); border-radius: .8rem; }
@media (min-width: 72rem) { .mc-article-layout.has-toc { max-width: var(--mc-article-width); } .mc-article-layout.has-toc .mc-article-toc { position: absolute; inset-inline-end: calc(100% + 2rem); inset-block-start: 0; width: 15rem; max-height: calc(100vh - 8rem); overflow: auto; } .mc-article-share-float { position: fixed; inset-inline-start: max(1rem,calc((100vw - var(--mc-article-width))/2 - 5rem)); inset-block-start: 50%; z-index: 20; display: grid; gap: .45rem; justify-items: center; padding: .65rem; opacity: 0; pointer-events: none; background: var(--mc-article-surface); border: 1px solid var(--mc-color-border); border-radius: 999px; box-shadow: var(--mc-shadow-small); transform: translateY(-50%) translateX(1rem); transition: opacity .18s ease,transform .18s ease; } .mc-article-share-float.is-visible { opacity: 1; pointer-events: auto; transform: translateY(-50%) translateX(0); } .mc-article-share-float span { color: var(--mc-article-muted); font-size: .7rem; writing-mode: vertical-rl; } .mc-article-share-float a,.mc-article-share-float button { display: grid; width: 2.3rem; height: 2.3rem; padding: 0; place-items: center; color: var(--mc-article-accent); font: inherit; font-weight: 900; text-decoration: none; background: color-mix(in srgb,var(--mc-article-accent) 7%,#fff); border: 0; border-radius: 50%; cursor: pointer; } }
.mc-article-share-float button svg { width: 1.15rem; height: 1.15rem; }
@media (max-width: 47.999rem) { .mc-single-article { padding-top: 1rem; } .mc-article-hero { margin-top: .5rem; } .mc-article-featured { border-radius: calc(var(--mc-article-radius) * .75); } .mc-single-article__article .mc-article-featured img { min-height: 13rem; } .mc-article-author { align-items: start; } .mc-article-share { align-items: flex-start; flex-direction: column; } }
@media (prefers-reduced-motion: reduce) { .mc-article-toc a { transition: none; } }

.mc-article-note { display: grid; grid-template-columns: 2.7rem 1fr; gap: .8rem; margin: 1.8rem 0; padding: 1.1rem 1.2rem; color: var(--mc-article-text); background: var(--mc-note-bg); border: 1px solid var(--mc-note-border); border-inline-start: 5px solid var(--mc-note-accent); border-radius: calc(var(--mc-article-radius) * .75); box-shadow: 0 .5rem 1.3rem rgb(15 23 42 / .05); }
.mc-article-note__icon { display: grid; width: 2.7rem; height: 2.7rem; place-items: center; color: #fff; font-size: 1.15rem; font-weight: 900; background: var(--mc-note-accent); border-radius: 50%; }
.mc-article-note strong { display: block; margin-bottom: .2rem; color: var(--mc-note-accent); }
.mc-single-article .entry-content .mc-article-note__content p { margin: .25rem 0; }
.mc-article-note--tip { --mc-note-accent: #b7791f; --mc-note-bg: #fffbeb; --mc-note-border: #fde68a; }
.mc-article-note--warning { --mc-note-accent: #c2413b; --mc-note-bg: #fff5f5; --mc-note-border: #fecaca; }
.mc-article-note--expert { --mc-note-accent: #276749; --mc-note-bg: #f0fff4; --mc-note-border: #bbf7d0; }
.mc-article-note--summary { --mc-note-accent: var(--mc-article-accent); --mc-note-bg: color-mix(in srgb,var(--mc-article-accent) 7%,#fff); --mc-note-border: color-mix(in srgb,var(--mc-article-accent) 20%,#fff); }
.mc-article-related .mc-blog-grid__item:first-child .mc-article-card { box-shadow: 0 1rem 2.5rem rgb(15 23 42 / .12); }
@media (min-width: 64rem) { .mc-article-related .mc-blog-grid { grid-template-columns: 1.3fr 1fr 1fr; } .mc-article-related .mc-blog-grid__item:first-child .mc-article-card__title { font-size: 1.15rem; } }

.mc-article-product { position: relative; display: grid; grid-template-columns: minmax(8rem, 34%) minmax(0, 1fr); gap: 1.2rem; margin: 2rem 0; padding: 1.2rem; overflow: hidden; color: var(--mc-article-text); background: var(--mc-ap-bg); border: 1px solid color-mix(in srgb, var(--mc-ap-accent) 22%, var(--mc-color-border)); border-radius: var(--mc-ap-radius); box-shadow: 0 .8rem 2rem rgb(15 23 42 / .08); }
.mc-article-product__badge { position: absolute; inset-block-start: .7rem; inset-inline-start: .7rem; z-index: 1; padding: .25rem .65rem; color: #fff; font-size: .72rem; font-weight: 800; background: var(--mc-ap-accent); border-radius: 999px; }
.mc-article-product__media { display: grid; min-height: 12rem; padding: .8rem; place-items: center; background: color-mix(in srgb, var(--mc-ap-accent) 4%, #fff); border-radius: calc(var(--mc-ap-radius) * .7); }
.mc-single-article .entry-content .mc-article-product__media img { width: 100%; height: 100%; max-height: 16rem; object-fit: contain; border-radius: 0; }
.mc-article-product__info { display: flex; min-width: 0; flex-direction: column; justify-content: center; }
.mc-single-article .entry-content .mc-article-product h3 { margin: 0 0 .55rem; font-size: 1.2em; line-height: 1.65; }
.mc-article-product h3 a { color: var(--mc-article-text); text-decoration: none; }
.mc-article-product__price { display: flex; flex-wrap: wrap; gap: .5rem; align-items: baseline; font-size: 1.05em; font-weight: 900; }
.mc-article-product__price del { color: var(--mc-article-text); font-size: .82em; font-weight: 500; }
.mc-article-product__price ins { color: var(--mc-ap-sale); text-decoration: none; }
.mc-article-product__price > span { padding: .1rem .45rem; color: var(--mc-ap-sale); font-size: .72em; background: color-mix(in srgb, var(--mc-ap-sale) 9%, transparent); border-radius: 999px; }
.mc-single-article .entry-content .mc-article-product__stock { margin: .35rem 0; color: var(--mc-ap-accent); font-size: .85em; font-weight: 800; }
.mc-single-article .entry-content .mc-article-product__description { margin: .3rem 0 .8rem; color: var(--mc-article-muted); font-size: .88em; line-height: 1.8; }
.mc-article-product__cta { display: block; width: fit-content; min-width: 11rem; }
.mc-single-article .entry-content .mc-article-product__button,
.mc-article-product .mc-product-card__quantity { position: static; display: inline-flex; width: 100%; min-height: 2.8rem; padding: .55rem 1rem; align-items: center; justify-content: center; color: var(--mc-ap-button-text); font-weight: 900; text-decoration: none; background: var(--mc-ap-accent); border: 2px solid var(--mc-ap-accent); border-radius: .75rem; transition: color .16s ease, background-color .16s ease, border-color .16s ease; }
.mc-single-article .entry-content .mc-article-product__button:hover,
.mc-single-article .entry-content .mc-article-product__button:focus-visible { color: var(--mc-ap-button-hover-text); text-decoration: none; background: var(--mc-ap-button-hover-bg); border-color: var(--mc-ap-button-hover-bg); }
.mc-article-product--compact { grid-template-columns: 6rem minmax(0, 1fr); padding: .8rem; }
.mc-article-product--compact .mc-article-product__media { min-height: 6rem; padding: .35rem; }
.mc-article-product--compact .mc-article-product__description { display: none; }
.mc-article-product--vertical { max-width: 25rem; grid-template-columns: 1fr; margin-inline: auto; }
.mc-article-product--vertical .mc-article-product__info { text-align: center; }
.mc-article-product--vertical .mc-article-product__price { justify-content: center; }
.mc-article-product--vertical .mc-article-product__cta { width: 100%; }
@media (max-width: 37.5rem) { .mc-article-product:not(.mc-article-product--compact) { grid-template-columns: 1fr; } .mc-article-product__media { min-height: 10rem; } .mc-article-product__cta { width: 100%; } }