/* LOREN STANDARD - shared components for articles and brand hubs
   Loaded from themes/beautymagazine/ml-components.css
   Backup first, then QA as IL and as US before changing.
   PART A - article grid (US)
   PART B - article grid, IL additions
   PART C - brand hub components
*/
/* ===============================================================
   PART A. ARTICLE GRID (US)
   =============================================================== */
/* hero, lighter and calmer, post scoped for now */
.postid-30 .ml-article__hero-image--overlay{height:clamp(360px,32vh,440px)}
.postid-30 .ml-article__hero-image--overlay img{filter:brightness(1.08) saturate(.97)}
.postid-30 .ml-article__hero-overlay-content h1{font-size:clamp(1.85rem,1.25rem + 1.8vw,2.6rem);line-height:1.3;max-width:24ch;margin-inline:auto}
.postid-30 .ml-article__hero-overlay-content .ml-article__date{margin-top:1.1rem}
/* hero text sits on the dark side of the frame so nothing lands on the model */
.postid-30 .ml-article__hero-overlay-content{text-align:start;inset-inline-start:0;inset-inline-end:auto;max-width:min(58%,660px);padding-inline:clamp(1.5rem,4vw,3rem)}
.postid-30 .ml-article__hero-overlay-content h1{margin-inline:0;max-width:27ch;font-size:clamp(1.7rem,1.1rem + 1.6vw,2.35rem)}
.postid-30 .ml-article__hero-overlay-content .ml-article__meta{justify-content:flex-start}
.postid-30 .ml-article__hero-image--overlay::after{background:linear-gradient(to right,rgba(0,0,0,.62) 0%,rgba(0,0,0,.34) 46%,rgba(0,0,0,0) 78%)}
@media (max-width:700px){
.postid-30 .ml-article__hero-overlay-content{max-width:100%;text-align:center}
.postid-30 .ml-article__hero-overlay-content h1{margin-inline:auto;max-width:22ch}
.postid-30 .ml-article__hero-overlay-content .ml-article__meta{justify-content:center}
.postid-30 .ml-article__hero-image--overlay::after{background:linear-gradient(to top,rgba(0,0,0,.6) 0%,rgba(0,0,0,.25) 50%,rgba(0,0,0,0) 80%)}
}
/* reading rhythm */
.postid-30 .ml-article__body p{line-height:1.78;margin-bottom:1.5em}
.postid-30 .ml-article__body h2{line-height:1.22}
.postid-30 .ml-article__body h3{margin-top:2.1rem}
.postid-30 .ml-article__body figure.ml-photo{margin-block:2.5rem}
/* the in content list replaces the theme TOC on desktop for this post only */
@media (min-width:861px){.postid-30 .ml-toc{display:none}}
/* ---- reusable article components ---- */
.ml-article__body .ml-eyebrow{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ml-muted);margin:0 0 .45rem;font-weight:500}
.ml-article__body .ml-eyebrow + h2{margin-top:0}
.ml-article__body .ml-lede--dropcap::first-letter{float:left;font-family:Georgia,"Times New Roman",serif;font-size:4.2em;line-height:.84;padding:.06em .12em 0 0;font-style:normal;font-weight:400}
.ml-article__body .ml-split{box-sizing:border-box;width:min(1160px,100cqw);margin-inline:calc(50% - min(580px,50cqw));margin-block:3.25rem;padding-inline:1.5rem;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(1.5rem,3cqw,3rem);align-items:start}
.ml-article__body .ml-split--intro{grid-template-columns:1.15fr .85fr;align-items:center;margin-block:2rem 2.5rem}
.ml-article__body .ml-split--rail{grid-template-columns:1.35fr .65fr;margin-block:2.5rem 3.25rem}
.ml-article__body .ml-split--reverse .ml-split__text{order:2}
.ml-article__body .ml-split--reverse .ml-split__media{order:1}
.ml-article__body .ml-split--raise .ml-split__media{margin-top:-1.75rem}
.ml-article__body .ml-split__text > *:first-child{margin-top:0}
.ml-article__body .ml-split__text > *:last-child{margin-bottom:0}
.ml-article__body .ml-split__text h2,.ml-article__body .ml-split__text h3{margin-top:0}
.ml-article__body figure.ml-split__media{margin:0;position:relative}
.ml-article__body figure.ml-split__media img{width:100%;height:auto;display:block;border-radius:var(--ml-radius)}
/* image variety */
.ml-article__body figure.ml-media--detail img{aspect-ratio:1/1;object-fit:cover;object-position:50% 22%}
.ml-article__body figure.ml-media--wide img{aspect-ratio:4/3;object-fit:cover;object-position:50% 22%}
.ml-article__body figure.ml-photo--cinema img{aspect-ratio:21/9;object-fit:cover;object-position:50% 32%}
.ml-article__body figure.ml-photo--quiet{max-width:56%;margin-block:3rem}
/* overlay labels */
.ml-article__body figure:has(> .ml-photo__label)::after{content:"";position:absolute;inset-inline:0;bottom:0;height:42%;background:linear-gradient(to top,rgba(0,0,0,.52) 0%,rgba(0,0,0,.18) 55%,rgba(0,0,0,0) 100%);border-radius:0 0 var(--ml-radius) var(--ml-radius);pointer-events:none}
.ml-article__body .ml-photo__label{position:absolute;z-index:1;inset-inline-start:1.4rem;bottom:1.3rem;color:#fff;font-size:.76rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;line-height:1.85;text-shadow:0 1px 14px rgba(0,0,0,.65)}
.ml-article__body .ml-sidequote{margin:0;border-inline-start:1px solid var(--ml-line);padding-inline-start:2rem}
.ml-article__body .ml-sidequote p{font-family:var(--ml-font-display,Georgia,serif);font-style:italic;font-size:clamp(1.1rem,1rem + .45cqw,1.4rem);line-height:1.6;margin:0 0 1.2rem}
.ml-article__body .ml-sidequote cite{font-style:normal;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ml-muted)}
.ml-article__body .ml-inpage-toc__title{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ml-muted);margin:0 0 .5rem}
.ml-article__body .ml-inpage-toc__rule{width:2.5rem;height:1px;background:var(--ml-line);margin:0 0 1.1rem}
.ml-article__body ul.ml-inpage-toc__list{list-style:none;padding:0;margin:0;font-size:1rem}
.ml-article__body ul.ml-inpage-toc__list li{margin:0 0 .55em}
.ml-article__body ul.ml-inpage-toc__list a{text-decoration:none;color:inherit}
.ml-article__body ul.ml-inpage-toc__list a:hover{text-decoration:underline}
.ml-article__body .ml-cta-card{display:grid;grid-template-columns:92px 1fr;align-items:center;gap:1rem;border:1px solid var(--ml-line);background:var(--ml-bg-alt);margin-top:1.8rem}
.ml-article__body .ml-cta-card img{width:100%;height:100%;object-fit:cover;display:block}
.ml-article__body .ml-cta-card a{display:block;padding:1rem 1.1rem 1rem 0;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;line-height:1.9;text-decoration:none;color:inherit}
.ml-article__body .ml-cta-card a:hover{text-decoration:underline}
@media (max-width:860px){
.ml-article__body .ml-split,
.ml-article__body .ml-split--intro,
.ml-article__body .ml-split--rail{width:auto;margin-inline:0;padding-inline:0;grid-template-columns:1fr;gap:1.5rem;margin-block:2.25rem}
.ml-article__body .ml-split--reverse .ml-split__text,
.ml-article__body .ml-split--reverse .ml-split__media{order:initial}
.ml-article__body .ml-split--raise .ml-split__media{margin-top:0}
.ml-article__body .ml-sidequote{border-inline-start:0;border-top:1px solid var(--ml-line);padding-inline-start:0;padding-top:1.25rem}
.ml-article__body .ml-inpage-toc{display:none}
.ml-article__body figure.ml-photo--quiet{max-width:100%}
.ml-article__body figure.ml-photo--cinema img{aspect-ratio:16/9}
.ml-article__body .ml-photo__label{inset-inline-start:1rem;bottom:1rem;font-size:.7rem}
}
/* ===============================================================
   PART B. IL EDITION, ARTICLE GRID
   =============================================================== */
.ml-article:has(.ml-split){container-type:inline-size}
.ml-article:has(.ml-split) .ml-article__body figure.ml-photo--feature{width:min(1160px,100cqw);max-width:none;margin-inline:calc(50% - min(580px,50cqw))}
/* Hebrew: letterspaced uppercase does not exist in Hebrew and hurts legibility */
[dir="rtl"] .ml-article__body .ml-eyebrow{font-size:.82rem;letter-spacing:0;text-transform:none;margin:0 0 .5rem}
/* post 318 only: nine stacked block images read as a two up grid, markup untouched */
.postid-318 .ml-article__body figure.wp-block-image{display:inline-block;width:calc(50% - .75rem);margin:0 .3rem 1.2rem;vertical-align:top}
.postid-318 .ml-article__body figure.wp-block-image img{width:100%;height:auto;display:block;border-radius:var(--ml-radius)}
@media (max-width:720px){.postid-318 .ml-article__body figure.wp-block-image{width:100%;margin-inline:0}}
/* ===============================================================
   PART C. BRAND HUB COMPONENTS
   =============================================================== */
.ml-brandhub .ml-container:has(> .ml-brandhub-us){container-type:inline-size}
.ml-brandhub-us .ml-eyebrow{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ml-muted);margin:0 0 .45rem;font-weight:500}
[dir="rtl"] .ml-brandhub-us .ml-eyebrow{font-size:.82rem;letter-spacing:0;text-transform:none;margin:0 0 .5rem}
.ml-brandhub-us .ml-eyebrow + h2{margin-top:0}
.ml-brandhub-us .ml-wide{box-sizing:border-box;width:min(1160px,100cqw);margin-inline:calc(50% - min(580px,50cqw));padding-inline:1.5rem}
.ml-brandhub-us .ml-wide--flush{padding-inline:0}
.ml-brandhub-us .ml-split{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(1.5rem,3cqw,3rem);align-items:center;margin-block:3.5rem}
.ml-brandhub-us .ml-split--reverse .ml-split__text{order:2}
.ml-brandhub-us .ml-split--reverse .ml-split__media{order:1}
.ml-brandhub-us .ml-split__text > *:first-child{margin-top:0}
.ml-brandhub-us .ml-split__text > *:last-child{margin-bottom:0}
.ml-brandhub-us .ml-split__text h2{margin-top:0}
.ml-brandhub-us figure.ml-split__media{margin:0}
.ml-brandhub-us figure.ml-split__media img{width:100%;height:auto;display:block;border-radius:var(--ml-radius)}
.ml-brandhub-us .ml-featrow{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ml-line);border-bottom:1px solid var(--ml-line);margin-block:3.5rem}
.ml-brandhub-us .ml-featrow__item{padding:2.1rem 1.4rem;text-align:center;border-inline-start:1px solid var(--ml-line)}
.ml-brandhub-us .ml-featrow__item:first-child{border-inline-start:0}
.ml-brandhub-us .ml-featrow__item svg{width:34px;height:34px;stroke:currentColor;fill:none;stroke-width:1.1;opacity:.75}
.ml-brandhub-us .ml-featrow__title{font-family:var(--ml-font-display,Georgia,serif);font-size:1.1rem;margin:.9rem 0 .4rem}
.ml-brandhub-us .ml-featrow__item p{font-size:.95rem;line-height:1.7;color:var(--ml-muted);margin:0}
.ml-brandhub-us .ml-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-block:1.4rem 3.5rem}
.ml-brandhub-us .ml-cards figure{margin:0}
.ml-brandhub-us .ml-cards img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;border-radius:var(--ml-radius)}
.ml-brandhub-us .ml-cards h3{font-family:var(--ml-font-display,Georgia,serif);color:inherit;font-size:1.15rem;margin:.9rem 0 .35rem}
.ml-brandhub-us .ml-cards p{font-size:.95rem;line-height:1.7;color:var(--ml-muted);margin:0}
.ml-brandhub-us .ml-band{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;background:var(--ml-bg-alt);margin-block:3.5rem}
.ml-brandhub-us .ml-band__text{padding:clamp(1.75rem,3cqw,3rem)}
.ml-brandhub-us .ml-band__text > *:first-child{margin-top:0}
.ml-brandhub-us .ml-band__text > *:last-child{margin-bottom:0}
.ml-brandhub-us figure.ml-band__media{margin:0}
.ml-brandhub-us figure.ml-band__media img{width:100%;height:100%;min-height:300px;object-fit:cover;display:block}
.ml-brandhub-us .ml-banner{position:relative;margin-block:3.5rem 0;overflow:hidden;border-radius:var(--ml-radius)}
.ml-brandhub-us .ml-banner img{width:100%;aspect-ratio:21/9;object-fit:cover;object-position:28% 45%;display:block}
.ml-brandhub-us .ml-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(to left,rgba(247,244,239,.94) 0%,rgba(247,244,239,.6) 34%,rgba(247,244,239,0) 62%);pointer-events:none}
[dir="rtl"] .ml-brandhub-us .ml-banner img{object-position:72% 45%}
[dir="rtl"] .ml-brandhub-us .ml-banner::after{background:linear-gradient(to right,rgba(247,244,239,.94) 0%,rgba(247,244,239,.6) 34%,rgba(247,244,239,0) 62%)}
.ml-brandhub-us .ml-banner__text{position:absolute;z-index:1;inset-inline-end:7%;top:50%;transform:translateY(-50%);text-align:center;color:#2b2723}
[dir="rtl"] .ml-brandhub-us .ml-banner__text{inset-inline-start:7%;inset-inline-end:auto}
.ml-brandhub-us .ml-banner__title{font-family:var(--ml-font-display,Georgia,serif);font-size:clamp(1.3rem,.9rem + 1.5cqw,2.1rem);letter-spacing:.1em;text-transform:uppercase;line-height:1.45;margin:0}
[dir="rtl"] .ml-brandhub-us .ml-banner__title{letter-spacing:0;text-transform:none;line-height:1.5}
.ml-brandhub-us .ml-banner__rule{width:2.4rem;height:1px;background:currentColor;margin:1rem auto;opacity:.6}
.ml-brandhub-us .ml-banner__brand{font-size:.95rem;letter-spacing:.34em;text-transform:uppercase}
@media (max-width:860px){
.ml-brandhub-us .ml-wide{width:auto;margin-inline:0;padding-inline:0}
.ml-brandhub-us .ml-split{grid-template-columns:1fr;gap:1.5rem;margin-block:2.5rem}
.ml-brandhub-us .ml-split--reverse .ml-split__text,
.ml-brandhub-us .ml-split--reverse .ml-split__media{order:initial}
.ml-brandhub-us .ml-featrow{grid-template-columns:1fr 1fr}
.ml-brandhub-us .ml-featrow__item:nth-child(odd){border-inline-start:0}
.ml-brandhub-us .ml-featrow__item:nth-child(n+3){border-top:1px solid var(--ml-line)}
.ml-brandhub-us .ml-cards{grid-template-columns:1fr 1fr;gap:1rem}
.ml-brandhub-us .ml-band{grid-template-columns:1fr}
.ml-brandhub-us figure.ml-band__media{order:-1}
.ml-brandhub-us .ml-banner img{aspect-ratio:3/2}
.ml-brandhub-us .ml-banner__text{inset-inline:0;top:auto;bottom:1.25rem;transform:none}
}
/* ---- mockup components: triptych, product trio, quote band, discover tiles ---- */
.ml-brandhub-us .ml-trip{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:stretch;background:var(--ml-bg-alt);margin-block:3.5rem}
.ml-brandhub-us figure.ml-trip__media{margin:0}
.ml-brandhub-us figure.ml-trip__media img{width:100%;height:100%;min-height:360px;object-fit:cover;display:block}
.ml-brandhub-us .ml-trip__text{padding:clamp(1.5rem,2.6cqw,2.8rem);display:flex;flex-direction:column;justify-content:center}
.ml-brandhub-us .ml-trip__text > *:first-child{margin-top:0}
.ml-brandhub-us .ml-trip__text h2{margin-top:0;margin-bottom:.6rem}
.ml-brandhub-us .ml-trip__text p{font-size:1rem;line-height:1.8}
.ml-brandhub-us .ml-rule{width:2.4rem;height:1px;background:var(--ml-line);margin:1.3rem 0}
.ml-brandhub-us .ml-note{font-size:.8rem;color:var(--ml-muted);line-height:1.9;margin:0}
.ml-brandhub-us .ml-trio{display:grid;grid-template-columns:.8fr 2.2fr;gap:clamp(1.5rem,3cqw,3rem);align-items:center;margin-block:3.5rem}
.ml-brandhub-us .ml-trio__text > *:first-child{margin-top:0}
.ml-brandhub-us .ml-trio__text h2{margin-top:0;margin-bottom:.6rem}
.ml-brandhub-us .ml-trio__text p{font-size:1rem;line-height:1.8}
.ml-brandhub-us .ml-trio__items{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.ml-brandhub-us .ml-trio__items figure{margin:0;text-align:center}
.ml-brandhub-us .ml-trio__items img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;border-radius:var(--ml-radius)}
.ml-brandhub-us .ml-trio__items a{color:inherit;text-decoration:none}
.ml-brandhub-us .ml-trio__items .ml-trio__label a:hover{text-decoration:underline}
.ml-brandhub-us .ml-trio__label{font-size:.82rem;letter-spacing:.06em;margin:.9rem 0 .25rem}
.ml-brandhub-us .ml-trio__desc{font-size:.92rem;color:var(--ml-muted);margin:0}
.ml-brandhub-us .ml-quoteband{background:var(--ml-bg-alt);padding:clamp(2rem,4cqw,3.4rem);text-align:center;margin-block:3.5rem}
.ml-brandhub-us .ml-quoteband p{font-family:var(--ml-font-display,Georgia,serif);font-style:italic;font-size:clamp(1.15rem,1rem + .8cqw,1.7rem);line-height:1.6;margin:0}
.ml-brandhub-us .ml-quoteband cite{display:block;margin-top:1.1rem;font-style:normal;font-size:.8rem;color:var(--ml-muted)}
.ml-brandhub-us .ml-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-block:1.3rem 3.5rem}
.ml-brandhub-us .ml-tiles figure{margin:0;position:relative;overflow:hidden;border-radius:var(--ml-radius)}
.ml-brandhub-us .ml-tiles img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}
.ml-brandhub-us .ml-tiles figure::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.55) 0%,rgba(0,0,0,.12) 48%,rgba(0,0,0,0) 78%);pointer-events:none}
.ml-brandhub-us .ml-tiles figcaption{position:absolute;z-index:1;inset-inline-start:1.1rem;bottom:1.1rem;color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.55)}
.ml-brandhub-us .ml-tiles__title{display:block;font-family:var(--ml-font-display,Georgia,serif);font-size:1.25rem;line-height:1.3}
.ml-brandhub-us .ml-tiles__eyebrow{display:block;margin-top:.55rem;font-size:.72rem;opacity:.92}
@media (max-width:860px){
.ml-brandhub-us .ml-trip{grid-template-columns:1fr}
.ml-brandhub-us .ml-trip__text{order:-1}
.ml-brandhub-us figure.ml-trip__media img{min-height:260px}
.ml-brandhub-us .ml-trio{grid-template-columns:1fr;gap:1.5rem}
.ml-brandhub-us .ml-trio__items{gap:.6rem}
.ml-brandhub-us .ml-trio__desc{font-size:.8rem}
.ml-brandhub-us .ml-tiles{grid-template-columns:1fr 1fr}
}
/* ---- split panel hero for brand hubs, both markups ---- */
.ml-brandhub--mango .ml-brandhub__hero{display:grid;grid-template-columns:44% 56%;align-items:stretch;padding:0;min-height:clamp(420px,54vh,560px);background:var(--ml-bg-alt);overflow:hidden}
.ml-brandhub--mango .ml-brandhub__hero-img{position:relative;grid-column:2;grid-row:1;width:100%;height:100%;object-fit:cover;object-position:52% 32%;max-width:none}
.ml-brandhub--mango .ml-brandhub__hero-scrim{display:none}
.ml-brandhub--mango .ml-brandhub__hero-inner{grid-column:1;grid-row:1;max-width:none;width:auto;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(1.75rem,4vw,3.5rem);background:var(--ml-bg-alt);color:#241f1c}
.ml-brandhub--mango .ml-brandhub__breadcrumb,
.ml-brandhub--mango .ml-brandhub__breadcrumb a{color:#8d8379}
.ml-brandhub--mango .ml-brandhub__title{color:#1d1916;text-transform:uppercase;font-size:clamp(2.4rem,5.2vw,4.2rem);line-height:1.02;letter-spacing:.01em;margin:.6rem 0 .9rem;text-shadow:none}
.ml-brandhub--mango .ml-brandhub__subtitle{color:#4a423b;font-size:clamp(1.05rem,1.4vw,1.3rem);line-height:1.5;max-width:22rem;text-shadow:none}
.ml-brandhub--mango .ml-brandhub__cta{background:transparent;color:#1d1916;border:0;border-radius:0;padding:0;margin-top:1.6rem;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;box-shadow:none}
.ml-brandhub--mango .ml-brandhub__cta::after{content:" \2192";letter-spacing:0}
.ml-brandhub--mango .ml-brandhub__hero-inner::after{content:"Style lives further";display:block;margin-top:2rem;padding-top:1.3rem;border-top:1px solid rgba(0,0,0,.16);font-size:.68rem;letter-spacing:.24em;text-transform:uppercase;color:#8d8379;max-width:12rem}
@media (max-width:700px){
.ml-brandhub--mango .ml-brandhub__hero{grid-template-columns:1fr;min-height:0}
.ml-brandhub--mango .ml-brandhub__hero-img{grid-column:1;grid-row:1;height:clamp(240px,42vh,340px)}
.ml-brandhub--mango .ml-brandhub__hero-inner{grid-column:1;grid-row:2;padding:1.75rem 1.25rem 2.25rem}
}
/* ---- signature line, printed by the filter in functions.php ---- */
.ml-brandhub-us .ml-brand-signature{margin:3.25rem 0 0;padding-top:1.6rem;border-top:1px solid var(--ml-line);font-family:var(--ml-font-display,Georgia,serif);font-size:clamp(1.05rem,1rem + .5vw,1.35rem);line-height:1.5;text-align:center;color:var(--ml-ink)}
@media (max-width:860px){.ml-brandhub-us .ml-brand-signature{margin-top:2.5rem;padding-top:1.3rem}}

/* ---- IL brand hub heroes: the split panel on the plain header markup ---- */
.ml-brandhub--aldo .ml-brandhub__hero-plain{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:clamp(420px,54vh,560px);background:var(--ml-bg-alt);border-radius:0;overflow:hidden;padding:clamp(1.75rem,4vw,3.5rem);color:#241f1c}
.ml-brandhub--aldo .ml-brandhub__hero-plain > *{position:relative;z-index:1;max-width:min(44%,30rem);padding-inline:0}
.ml-brandhub--aldo .ml-brandhub__hero-plain::before{content:"";position:absolute;inset-block:0;inset-inline-end:0;width:56%;background-image:url(https://www.thelorenstandard.com/il/wp-content/uploads/2026/09/9.png);background-size:cover;background-position:52% 38%}
.ml-brandhub--aldo .ml-brandhub__hero-plain-rule{display:none}
.ml-brandhub--aldo .ml-brandhub__hero-plain h1{text-transform:uppercase;font-size:clamp(2.4rem,5.2vw,4.2rem);line-height:1.02;margin:.6rem 0 .9rem;color:#1d1916}
.ml-brandhub--aldo .ml-brandhub__hero-plain-subtitle{color:#4a423b;font-size:clamp(1.05rem,1.4vw,1.3rem);line-height:1.5;max-width:24rem;margin-bottom:0}
.ml-brandhub--aldo .ml-brandhub__cta{background:transparent;color:#1d1916;border:0;border-radius:0;padding:0;margin-top:1.6rem;font-size:.85rem;box-shadow:none;width:fit-content}
.ml-brandhub--aldo .ml-brandhub__cta::after{content:" \2190"}
.ml-brandhub--aldo .ml-brandhub__hero-plain::after{content:"סטייל בלי גבולות";position:relative;z-index:1;margin-top:2rem;padding-top:1.3rem;border-top:1px solid rgba(0,0,0,.16);font-size:.8rem;color:#8d8379;max-width:16rem}
@media (max-width:860px){
.ml-brandhub--aldo .ml-brandhub__hero-plain{min-height:0;padding:0 1.25rem 1.75rem}
.ml-brandhub--aldo .ml-brandhub__hero-plain > *{max-width:none}
.ml-brandhub--aldo .ml-brandhub__hero-plain::before{position:static;order:-1;width:calc(100% + 2.5rem);margin-inline:-1.25rem;height:clamp(220px,38vh,320px);margin-bottom:1.5rem}
.ml-brandhub--aldo .ml-brandhub__hero-plain::after{max-width:none}
}
.ml-brandhub--mango .ml-brandhub__hero-plain{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:clamp(420px,54vh,560px);background:var(--ml-bg-alt);border-radius:0;overflow:hidden;padding:clamp(1.75rem,4vw,3.5rem);color:#241f1c}
.ml-brandhub--mango .ml-brandhub__hero-plain > *{position:relative;z-index:1;max-width:min(44%,30rem);padding-inline:0}
.ml-brandhub--mango .ml-brandhub__hero-plain::before{content:"";position:absolute;inset-block:0;inset-inline-end:0;width:56%;background-image:url(https://www.thelorenstandard.com/il/wp-content/uploads/2026/09/mango-hero-boulevard.webp);background-size:cover;background-position:52% 32%}
.ml-brandhub--mango .ml-brandhub__hero-plain-rule{display:none}
.ml-brandhub--mango .ml-brandhub__hero-plain h1{text-transform:uppercase;font-size:clamp(2.4rem,5.2vw,4.2rem);line-height:1.02;margin:.6rem 0 .9rem;color:#1d1916}
.ml-brandhub--mango .ml-brandhub__hero-plain-subtitle{color:#4a423b;font-size:clamp(1.05rem,1.4vw,1.3rem);line-height:1.5;max-width:24rem;margin-bottom:0}
.ml-brandhub--mango .ml-brandhub__cta{background:transparent;color:#1d1916;border:0;border-radius:0;padding:0;margin-top:1.6rem;font-size:.85rem;box-shadow:none;width:fit-content}
.ml-brandhub--mango .ml-brandhub__cta::after{content:" \2190"}
.ml-brandhub--mango .ml-brandhub__hero-plain::after{content:"הסטייל ממשיך הלאה";position:relative;z-index:1;margin-top:2rem;padding-top:1.3rem;border-top:1px solid rgba(0,0,0,.16);font-size:.8rem;color:#8d8379;max-width:16rem}
@media (max-width:860px){
.ml-brandhub--mango .ml-brandhub__hero-plain{min-height:0;padding:0 1.25rem 1.75rem}
.ml-brandhub--mango .ml-brandhub__hero-plain > *{max-width:none}
.ml-brandhub--mango .ml-brandhub__hero-plain::before{position:static;order:-1;width:calc(100% + 2.5rem);margin-inline:-1.25rem;height:clamp(220px,38vh,320px);margin-bottom:1.5rem}
.ml-brandhub--mango .ml-brandhub__hero-plain::after{max-width:none}
}

/* ===============================================================
   PART D. IL FASHION CATEGORY ARCHIVE
   =============================================================== */
.category-fashion .ml-archive-header{position:relative;max-width:none;width:100%;text-align:start;display:grid;grid-template-rows:.85fr 1.15fr;grid-template-columns:.95fr 1.05fr;align-items:center;gap:0;background:var(--ml-bg-alt);margin-block:0 2.5rem;min-height:clamp(300px,36vh,420px);overflow:hidden;border-radius:0}
.category-fashion .ml-archive-header::after{content:"";background-image:url(https://www.thelorenstandard.com/il/wp-content/uploads/2026/09/me-fashion.png);background-size:cover;background-position:72% center;height:100%;min-height:300px;grid-column:1;grid-row:1/-1;align-self:stretch}
.category-fashion .ml-archive-header > *{grid-column:2;padding-inline:clamp(1.5rem,3vw,3rem)}
.category-fashion .ml-archive-header__title{margin:0 0 .6rem;font-size:clamp(2.6rem,6vw,4.4rem);line-height:1}
.category-fashion .ml-archive-header__title::before{content:"FASHION";display:block;font-size:.7rem;letter-spacing:.24em;color:var(--ml-muted);margin-bottom:.9rem;font-family:system-ui,sans-serif}
.category-fashion .ml-archive-header__intro{max-width:34ch;line-height:1.7;margin:0}
.category-fashion .ml-archive-header__title{align-self:end;text-align:end}
.category-fashion .ml-archive-header__intro{align-self:start;margin-top:1.1rem;text-align:start;margin-inline-end:auto}
.category-fashion .ml-type-tabs{justify-content:center;gap:0;border-bottom:1px solid var(--ml-line);padding-bottom:.9rem;margin-bottom:2.5rem}
.category-fashion .ml-type-tabs__tab{padding-inline:1.6rem;border-inline-start:1px solid var(--ml-line)}
.category-fashion .ml-type-tabs__tab:last-child{border-inline-start:0}
.category-fashion .ml-featured-row{display:grid;grid-template-columns:1.25fr .75fr;align-items:stretch;background:var(--ml-bg-alt);border-radius:var(--ml-radius);overflow:hidden}
.category-fashion .ml-featured-row__media .ml-card__media{height:100%;min-height:340px}
.category-fashion .ml-featured-row__body{display:flex;flex-direction:column;justify-content:center;padding:clamp(1.5rem,2.6vw,2.6rem)}
.category-fashion .ml-featured-row__body::after{content:"Read the article →";margin-top:1.3rem;font-size:.82rem;color:var(--ml-accent);border-top:1px solid var(--ml-line);padding-top:1.1rem;align-self:flex-start;min-width:9rem}
.category-fashion .ml-editorial-grid--2col{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1.5rem}
.category-fashion .ml-editorial-grid--2col .ml-card__media{aspect-ratio:4/3;overflow:hidden}
.category-fashion .ml-editorial-grid--2col .ml-card__media img{width:100%;height:100%;object-fit:cover;display:block}
.category-fashion .ml-editorial-grid--2col > .ml-editorial-card{grid-column:span 2}
.category-fashion .ml-editorial-grid--2col > .ml-editorial-card.ml-editorial-card--wide{grid-column:span 6;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;background:var(--ml-bg-alt);border-radius:var(--ml-radius);overflow:hidden}
.category-fashion .ml-editorial-grid--2col > .ml-editorial-card.ml-editorial-card--wide .ml-card__media{aspect-ratio:auto;height:100%;min-height:320px}
.category-fashion .ml-editorial-grid--2col > .ml-editorial-card.ml-editorial-card--wide .ml-editorial-card__body{padding:clamp(1.25rem,2.4vw,2.4rem)}

.category-fashion .ml-editorial-grid--2col .ml-editorial-card__body::after{content:"Read →";display:block;margin-top:.9rem;font-size:.8rem;color:var(--ml-accent)}
.category-fashion .ml-archive-section__title{text-align:center;font-size:1.35rem;margin-block:3rem 1.6rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.2rem}
.category-fashion .ml-archive-section__title::before,
.category-fashion .ml-archive-section__title::after{content:"";height:1px;background:var(--ml-line)}
.category-fashion .ml-editorial-grid--2col > .ml-editorial-feed{grid-column:1/-1}
.category-fashion .ml-editorial-grid--3col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}
.category-fashion .ml-editorial-card--compact{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;background:var(--ml-bg-alt);border-radius:var(--ml-radius);overflow:hidden}
.category-fashion .ml-editorial-card--compact .ml-card__media{aspect-ratio:3/4;height:100%}
.category-fashion .ml-editorial-card--compact .ml-card__media img{width:100%;height:100%;object-fit:cover;display:block}
.category-fashion .ml-editorial-card--compact .ml-editorial-card__body{padding:1.1rem 1.25rem}
.category-fashion .ml-discovery-block{border-top:1px solid var(--ml-line);padding-top:1.5rem;margin-top:1rem}
@media (max-width:860px){
.category-fashion .ml-archive-header{grid-template-columns:1fr}
.category-fashion .ml-archive-header::after{grid-row:1;grid-column:1;min-height:220px}
.category-fashion .ml-archive-header > *{grid-column:1;padding-block:.5rem}
.category-fashion .ml-featured-row{grid-template-columns:1fr}
.category-fashion .ml-editorial-grid--2col{grid-template-columns:1fr 1fr;gap:1rem}
.category-fashion .ml-editorial-grid--2col > .ml-editorial-card,

.category-fashion .ml-editorial-grid--2col > .ml-editorial-card.ml-editorial-card--wide{grid-column:span 2;grid-template-columns:1fr}
.category-fashion .ml-editorial-grid--3col{grid-template-columns:1fr}
.category-fashion .ml-editorial-card--compact{grid-template-columns:.8fr 1.2fr}
}
/* per article image for the archive only */
.category-fashion a[href*="/il/brands/lilach-elgrably/lilach-elgrably/"] .ml-card__media{background-image:url(https://www.thelorenstandard.com/il/wp-content/uploads/2026/07/lilach-elgrably-print-dress.jpg);background-size:cover;background-position:center 18%}
.category-fashion a[href*="/il/brands/lilach-elgrably/lilach-elgrably/"] .ml-card__media img{opacity:0}
.category-fashion a[href*="/il/brands/maskit/maskit-desert-coat/"] .ml-card__media{background-image:url(https://www.thelorenstandard.com/il/wp-content/uploads/2026/07/maskit-desert-coat-desert-3.jpg);background-size:cover;background-position:center 20%}
.category-fashion a[href*="/il/brands/maskit/maskit-desert-coat/"] .ml-card__media img{opacity:0}
.category-fashion a[href*="/il/fashion/israel-fashion-week/"] .ml-card__media{background-image:url(https://www.thelorenstandard.com/il/wp-content/uploads/2026/07/israeli-fashion-week-hub-3.jpg);background-size:cover;background-position:center 20%}
.category-fashion a[href*="/il/fashion/israel-fashion-week/"] .ml-card__media img{opacity:0}
.category-fashion a[href*="/il/fashion/thylane-blondeau/"] .ml-card__media img{object-position:24% 42%}
.category-fashion a[href*="/il/fashion/liber-bilalti/"] .ml-card__media{background-image:url(https://www.thelorenstandard.com/il/wp-content/uploads/2026/07/liber-bilalti-2.jpg);background-size:cover;background-position:center 20%}
.category-fashion a[href*="/il/fashion/liber-bilalti/"] .ml-card__media img{opacity:0}
.category-fashion a[href*="/il/fashion/kylie-cosmetics-fragrance-collection/"] .ml-card__media{background-image:url(https://www.thelorenstandard.com/il/wp-content/uploads/2026/08/kylie-blush-wood-1024x682.webp);background-size:cover;background-position:center 20%}
.category-fashion a[href*="/il/fashion/kylie-cosmetics-fragrance-collection/"] .ml-card__media img{opacity:0}
.category-fashion a[href*="/il/fashion/color-combinations/"] .ml-card__media{background-image:url(https://www.thelorenstandard.com/il/wp-content/uploads/2017/04/image-14.jpg);background-size:cover;background-position:center 20%}
.category-fashion a[href*="/il/fashion/color-combinations/"] .ml-card__media img{opacity:0}
.category-fashion a[href*="/il/fashion/fashion-week/tamara-salem-fashion-week/"] .ml-card__media{background-image:url(https://www.thelorenstandard.com/il/wp-content/uploads/2026/07/tamara-salem-4.jpg);background-size:cover;background-position:center 20%}
.category-fashion a[href*="/il/fashion/fashion-week/tamara-salem-fashion-week/"] .ml-card__media img{opacity:0}
.category-fashion a[href*="/il/fashion/fashion-week/chana-marilus/"] .ml-card__media{background-image:url(https://www.thelorenstandard.com/il/wp-content/uploads/2026/07/chana-marilus-reception.jpg);background-size:cover;background-position:center 20%}
.category-fashion a[href*="/il/fashion/fashion-week/chana-marilus/"] .ml-card__media img{opacity:0}
.category-fashion a[href*="/il/fashion/fashion-week/fashionweek2018/"] .ml-card__media{background-image:url(https://www.thelorenstandard.com/il/wp-content/uploads/2026/07/fashion-week-2018-3.jpg);background-size:cover;background-position:center 20%}
.category-fashion a[href*="/il/fashion/fashion-week/fashionweek2018/"] .ml-card__media img{opacity:0}

/* fashion archive hero: photo bleeds into the panel on the side facing the text */
.category-fashion .ml-archive-header::after{background-image:linear-gradient(to right,rgba(244,240,238,0) 55%,rgba(244,240,238,.9) 88%,#f4f0ee 100%),url(https://www.thelorenstandard.com/il/wp-content/uploads/2026/09/me-fashion.png)}
[dir="rtl"] .category-fashion .ml-archive-header::after{background-image:linear-gradient(to left,rgba(244,240,238,0) 55%,rgba(244,240,238,.9) 88%,#f4f0ee 100%),url(https://www.thelorenstandard.com/il/wp-content/uploads/2026/09/me-fashion.png)}
@media (max-width:860px){.category-fashion .ml-archive-header::after,[dir="rtl"] .category-fashion .ml-archive-header::after{background-image:linear-gradient(to top,rgba(244,240,238,0) 62%,#f4f0ee 100%),url(https://www.thelorenstandard.com/il/wp-content/uploads/2026/09/me-fashion.png);background-position:center 18%}}

[dir="rtl"] .category-fashion .ml-featured-row__body::after{content:"לקריאת הכתבה ←"}
[dir="rtl"] .category-fashion .ml-editorial-grid--2col .ml-editorial-card__body::after{content:"לקריאה ←"}


/* fashion archive: photo on the outer side, text beside it (mockup) */
.category-fashion .ml-featured-row{grid-template-columns:.78fr 1.22fr}
.category-fashion .ml-featured-row > *:first-child{order:2}
.category-fashion .ml-editorial-grid--2col > .ml-editorial-card.ml-editorial-card--wide{grid-template-columns:.9fr 1.1fr}
.category-fashion .ml-editorial-grid--2col > .ml-editorial-card.ml-editorial-card--wide > *:first-child{order:2}
.category-fashion .ml-editorial-card--compact{grid-template-columns:1.1fr .9fr}
.category-fashion .ml-editorial-card--compact > *:first-child{order:2}
@media (max-width:860px){.category-fashion .ml-featured-row > *:first-child,.category-fashion .ml-editorial-grid--2col > .ml-editorial-card.ml-editorial-card--wide > *:first-child{order:0}.category-fashion .ml-editorial-card--compact{grid-template-columns:1.2fr .8fr}}


/* fashion archive: three up cards, one rhythm */
.category-fashion .ml-editorial-grid--2col{gap:30px}
.category-fashion .ml-editorial-grid--2col > .ml-editorial-card{display:flex;flex-direction:column}
.category-fashion .ml-editorial-grid--2col > .ml-editorial-card .ml-card__media{aspect-ratio:4/3;flex:0 0 auto}
.category-fashion .ml-editorial-grid--2col > .ml-editorial-card .ml-editorial-card__body{display:flex;flex-direction:column;flex:1 1 auto;padding:23px 0 0}
.category-fashion .ml-editorial-grid--2col .ml-editorial-card__meta{font-size:.96rem;line-height:1.3;margin:0 0 .55rem;letter-spacing:0}
.category-fashion .ml-editorial-grid--2col .ml-editorial-card__title{font-size:clamp(1.5rem,1.15rem + .62vw,1.8rem);line-height:1.2;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.category-fashion .ml-editorial-grid--2col .ml-editorial-card__excerpt{font-size:1.09rem;line-height:1.55;margin:.75rem 0 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.category-fashion .ml-editorial-grid--2col .ml-editorial-card__date{font-size:.94rem;color:var(--ml-muted);margin:.85rem 0 0}
.category-fashion .ml-editorial-grid--2col .ml-editorial-card__body::after{font-size:.95rem;margin-top:auto;padding-top:1.1rem}

/* the section label reads as a quiet divider, not a headline */
.category-fashion .ml-archive-section__title{font-size:1.15rem;font-weight:500;letter-spacing:.02em;margin-block:4.5rem 2.1rem}

/* a brand hub is short on purpose, so it is styled as its own kind of card */
.category-fashion .ml-editorial-card--brand .ml-editorial-card__title{text-transform:uppercase;letter-spacing:.07em;-webkit-line-clamp:2}
.category-fashion .ml-editorial-card--brand .ml-editorial-card__excerpt{-webkit-line-clamp:4}
.category-fashion .ml-editorial-grid--2col .ml-editorial-card--brand .ml-editorial-card__body::after{content:"Discover the brand \2192";border-top:1px solid var(--ml-line);margin-top:auto;padding-top:1.1rem;width:100%}
[dir="rtl"] .category-fashion .ml-editorial-grid--2col .ml-editorial-card--brand .ml-editorial-card__body::after{content:"לגלות את המותג ←"}

@media (max-width:860px){
  .category-fashion .ml-editorial-grid--2col{gap:20px}
  .category-fashion .ml-editorial-grid--2col .ml-editorial-card__title{font-size:1.25rem}
  .category-fashion .ml-editorial-grid--2col .ml-editorial-card__excerpt{font-size:1rem}
  .category-fashion .ml-archive-section__title{margin-block:3rem 1.6rem}
}


/* fashion archive hero: the photo sits on the same side in both editions */
.category-fashion .ml-archive-header{grid-template-columns:1.05fr .95fr}
.category-fashion .ml-archive-header::after{grid-column:2;background-image:linear-gradient(to left,rgba(244,240,238,0) 55%,rgba(244,240,238,.9) 88%,#f4f0ee 100%),url(https://www.thelorenstandard.com/il/wp-content/uploads/2026/09/me-fashion-en.png)}
.category-fashion .ml-archive-header > *{grid-column:1}
.category-fashion .ml-archive-header__title{text-align:left}
.category-fashion .ml-archive-header__intro{text-align:left}
[dir="rtl"] .category-fashion .ml-archive-header{grid-template-columns:.95fr 1.05fr}
[dir="rtl"] .category-fashion .ml-archive-header::after{grid-column:1;background-image:linear-gradient(to left,rgba(244,240,238,0) 55%,rgba(244,240,238,.9) 88%,#f4f0ee 100%),url(https://www.thelorenstandard.com/il/wp-content/uploads/2026/09/me-fashion.png)}
[dir="rtl"] .category-fashion .ml-archive-header > *{grid-column:2}
[dir="rtl"] .category-fashion .ml-archive-header__intro{text-align:right}
@media (max-width:860px){
  .category-fashion .ml-archive-header::after,
  [dir="rtl"] .category-fashion .ml-archive-header::after,
  .category-fashion .ml-archive-header > *,
  [dir="rtl"] .category-fashion .ml-archive-header > *{grid-column:1}
}


/* brand lead row, and a thin grid that still balances */
.category-fashion .ml-featured-row[data-content-type="brand"] .ml-featured-row__body::after{content:"Discover the brand →"}
[dir="rtl"] .category-fashion .ml-featured-row[data-content-type="brand"] .ml-featured-row__body::after{content:"לגלות את המותג ←"}
.category-fashion .ml-featured-row[data-content-type="brand"] .ml-editorial-card__title{text-transform:uppercase;letter-spacing:.07em}
.category-fashion .ml-editorial-grid--2col:has(> :nth-child(3):last-child) > .ml-editorial-card:not(.ml-editorial-card--wide){grid-column:span 3}


/* US Thylane hero: the title moves off the portrait */
html:not([dir="rtl"]) .postid-127 .ml-article__hero-overlay-content{text-align:left;inset-inline-start:0;inset-inline-end:auto;max-width:min(60%,660px);margin-inline:0;padding-inline:clamp(1.5rem,4vw,3rem)}
html:not([dir="rtl"]) .postid-127 .ml-article__hero-overlay-content h1{margin-inline:0;max-width:22ch;font-size:clamp(1.6rem,1.05rem + 1.5vw,2.25rem);line-height:1.25}
html:not([dir="rtl"]) .postid-127 .ml-article__hero-overlay-content .ml-article__meta{justify-content:flex-start}
html:not([dir="rtl"]) .postid-127 .ml-article__hero-image--overlay::after{background:linear-gradient(to right,rgba(0,0,0,.6) 0%,rgba(0,0,0,.32) 48%,rgba(0,0,0,0) 80%)}
@media (max-width:700px){
  html:not([dir="rtl"]) .postid-127 .ml-article__hero-overlay-content{max-width:100%;text-align:center}
  html:not([dir="rtl"]) .postid-127 .ml-article__hero-overlay-content h1{margin-inline:auto;max-width:20ch}
  html:not([dir="rtl"]) .postid-127 .ml-article__hero-overlay-content .ml-article__meta{justify-content:center}
  html:not([dir="rtl"]) .postid-127 .ml-article__hero-image--overlay::after{background:linear-gradient(to top,rgba(0,0,0,.6) 0%,rgba(0,0,0,.25) 50%,rgba(0,0,0,0) 80%)}
}