/* =====================================================================
   EVO — Content pages
   Shared by Footer/* (ContactUs, Delivery, Payments, Returns, PrivacyPolicy,
   TermsAndConditions, WholesaleTerms), Home/About, Home/Contact and
   SalesAndOrdersPages/* (ArticlesAndVideos, ArticleDetails, GoldCard,
   GoldCard_Buy, RewardsCatalogue, HowToEarnPoints, PointsInfo, Help, UnSubscribe).
   Builds on Content/evo/evo-core.css. Prefix: .evo-cnt__
   ===================================================================== */

.evo-cnt { width: 100%; overflow-x: hidden; }
/* page modifiers (scoping hooks used by the views; no visual change by default) */
.evo-cnt--articles, .evo-cnt--article, .evo-cnt--gold, .evo-cnt--rewards, .evo-cnt--points, .evo-cnt--help, .evo-cnt--unsub, .evo-cnt--about, .evo-cnt--contact, .evo-cnt--contact-short { display: block; }
.evo-cnt > .evo-section:first-child { padding-top: calc(var(--s-7) + var(--s-4)); }

/* ---------- Page head ---------- */
.evo-cnt__head { margin-bottom: var(--s-7); }
.evo-cnt__head .evo-eyebrow { margin-bottom: var(--s-4); }
.evo-cnt__head--row { display: flex; flex-direction: column; gap: var(--s-5); }
.evo-cnt__title { text-wrap: balance; }
.evo-cnt__title.evo-display { font-size: var(--fs-h1); }
.evo-cnt__lead { margin-top: var(--s-4); max-width: 60ch; }
.evo-cnt__flag { display: inline-block; width: 26px; height: auto; margin-left: var(--s-3); vertical-align: middle; border-radius: 3px; }

/* ---------- Prose ---------- */
.evo-cnt__prose { max-width: 68ch; }
.evo-cnt__prose + .evo-cnt__prose { margin-top: var(--s-6); }
.evo-cnt__prose h2:first-child, .evo-cnt__prose h3:first-child { margin-top: 0; }
.evo-cnt__prose p { color: var(--c-ink-2); line-height: 1.8; }
.evo-cnt__faq h2 { margin-top: var(--s-7); }
.evo-cnt__faq h2:first-child { margin-top: 0; }

/* notice */
.evo-cnt__notice { display: flex; align-items: flex-start; gap: var(--s-3); margin-top: var(--s-5); }
.evo-cnt__notice .evo-icon { margin-top: 3px; }
.evo-cnt__notice p { margin: 0; color: var(--c-ink-2); line-height: 1.7; }
.evo-cnt__notice strong { font-weight: 500; color: var(--c-ink); }
.evo-cnt__notice--strong { background: var(--c-black); color: var(--c-white); border-left-color: var(--c-black); margin-top: var(--s-7); }
.evo-cnt__notice--strong p, .evo-cnt__notice--strong strong { color: var(--c-white); }

/* numbered steps (returns, payments) */
.evo-cnt__steps { display: flex; flex-direction: column; gap: 0; border-top: 1px solid var(--c-line); }
.evo-cnt__step { display: grid; grid-template-columns: 44px 1fr; gap: var(--s-4); padding: var(--s-6) 0; border-bottom: 1px solid var(--c-line); }
.evo-cnt__step-index { font-family: var(--f-display); font-size: var(--fs-h2); line-height: 1; color: var(--c-mute-2); }
.evo-cnt__step-body > h2 { margin: 0 0 var(--s-3); }
.evo-cnt__step-body .evo-cnt__notice { margin-top: var(--s-4); }

/* key facts (wholesale) */
.evo-cnt__facts { display: grid; grid-template-columns: 1fr; gap: var(--s-3); margin-top: var(--s-5); }
.evo-cnt__fact { display: flex; align-items: baseline; justify-content: space-between; gap: var(--s-3); padding: var(--s-4) var(--s-5); background: var(--c-off); border-radius: var(--r-sm); }
.evo-cnt__fact dd { margin: 0; }

/* ---------- Contact ---------- */
.evo-cnt__contact-grid { display: grid; grid-template-columns: 1fr; gap: var(--s-7); }
.evo-cnt__contact-form { min-width: 0; }
.evo-cnt__form { max-width: 640px; }
.evo-cnt__choices { display: flex; flex-wrap: wrap; gap: var(--s-2); margin-bottom: var(--s-5); }
.evo-cnt__choice {
    display: inline-flex; align-items: center; gap: var(--s-2); height: 38px; padding: 0 var(--s-4);
    border: 1px solid var(--c-line-2); border-radius: var(--r-pill); color: var(--c-ink-2);
    font-size: 9.5px; font-weight: 500; letter-spacing: var(--ls-cap); text-transform: uppercase;
    transition: background var(--t-fast), color var(--t-fast), border-color var(--t-fast);
}
.evo-cnt__choice:hover { border-color: var(--c-ink); color: var(--c-ink); }
.evo-cnt__choice.is-selected { background: var(--c-black); color: var(--c-white); border-color: var(--c-black); }
.evo-cnt__form-foot { display: flex; flex-direction: column; align-items: flex-start; gap: var(--s-4); margin-top: var(--s-2); }
.evo-cnt__send { min-width: 160px; }
.evo-cnt__send.is-success { pointer-events: none; }
.evo-cnt__form-note { max-width: 46ch; }
.evo-cnt__contact-info { display: flex; flex-direction: column; gap: var(--s-5); }
.evo-cnt__contact-card { display: flex; flex-direction: column; gap: var(--s-4); }
.evo-cnt__contact-rows { display: flex; flex-direction: column; gap: var(--s-3); margin-top: var(--s-2); }
.evo-cnt__contact-row { display: flex; align-items: flex-start; gap: var(--s-3); font-size: var(--fs-md); line-height: 1.6; color: rgba(255,255,255,.85); }
.evo-cnt__contact-row .evo-icon { margin-top: 4px; opacity: .7; }
.evo-cnt__contact-row a { border-bottom: 1px solid rgba(255,255,255,.3); transition: border-color var(--t-fast); }
.evo-cnt__contact-row a:hover { border-color: var(--c-white); }
.evo-cnt__contact-legal { color: var(--c-dark-mute); padding-top: var(--s-3); border-top: 1px solid var(--c-dark-line); }
.evo-cnt__contact-thanks { max-width: 50ch; }
.evo-cnt__map { position: relative; }
.evo-cnt__map-canvas { display: none; }
.evo-cnt__map-canvas:not(:empty) { display: block; height: 420px; }
.evo-cnt__map-embed { border-radius: 0; height: 420px; }
.evo-cnt__map-embed iframe { width: 100%; height: 100%; border: 0; filter: grayscale(0); transition: filter var(--t-slow); }
.evo-cnt__map-embed:hover iframe { filter: grayscale(0); }

/* ---------- Delivery: shipping options ---------- */
.evo-cnt__ship-list { display: flex; flex-direction: column; gap: var(--s-4); margin: var(--s-6) 0; }
.evo-cnt__ship { display: grid; grid-template-columns: 72px 1fr; gap: var(--s-4); padding: var(--s-5); border: 1px solid var(--c-line); border-radius: var(--r-md); background: var(--c-white); transition: border-color var(--t-med); }
.evo-cnt__ship.is-selected { border-color: var(--c-black); }
.evo-cnt__ship-logo { display: flex; align-items: flex-start; justify-content: center; }
.evo-cnt__ship-logo img { max-width: 72px; max-height: 40px; width: auto; filter: grayscale(0); transition: filter var(--t-med); }
.evo-cnt__ship:hover .evo-cnt__ship-logo img { filter: grayscale(0); }
.evo-cnt__ship-body { display: flex; flex-direction: column; gap: var(--s-2); min-width: 0; }
.evo-cnt__ship-name { margin-bottom: var(--s-1); }
.evo-cnt__ship-row { font-size: var(--fs-md); color: var(--c-ink-2); line-height: 1.6; }
.evo-cnt__ship-row strong { font-weight: 500; color: var(--c-ink); }
.evo-cnt__ship-yes, .evo-cnt__ship-no { display: inline-flex; align-items: center; gap: var(--s-2); vertical-align: middle; }
.evo-cnt__ship-no { color: var(--c-danger); }
.evo-cnt__ship-details { display: none; flex-direction: column; gap: var(--s-2); }
.evo-cnt__ship.is-open .evo-cnt__ship-details { display: flex; }
.evo-cnt__ship-toggle { display: inline-flex; align-items: center; gap: var(--s-2); margin-top: var(--s-2); align-self: flex-start; }

/* ---------- Articles ---------- */
.evo-cnt__search { width: 100%; max-width: 420px; }
.evo-cnt__search .evo-input-group__btn { pointer-events: auto; }
.evo-cnt__search-pop { left: 0; right: 0; z-index: 95; max-height: 60vh; overflow-y: auto; padding: var(--s-2); }
.evo-cnt__search-row { display: flex; gap: var(--s-3); padding: var(--s-3); border-radius: var(--r-sm); transition: background var(--t-fast); }
.evo-cnt__search-row:hover { background: var(--c-off); }
.evo-cnt__search-thumb { flex: 0 0 56px; width: 56px; height: 56px; object-fit: cover; border-radius: var(--r-sm); background: var(--c-off); }
.evo-cnt__search-text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.evo-cnt__search-title { font-size: var(--fs-md); font-weight: 400; }
.evo-cnt__search-overlay { background: rgba(10,10,10,.3); }
.evo-cnt__filters { display: flex; gap: var(--s-2); flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; padding-bottom: var(--s-2); margin-bottom: var(--s-6); scrollbar-width: none; }
.evo-cnt__filters::-webkit-scrollbar { display: none; }
.evo-cnt__filter {
    display: inline-flex; align-items: center; gap: var(--s-2); height: 36px; padding: 0 var(--s-4); flex: 0 0 auto;
    border: 1px solid var(--c-line-2); border-radius: var(--r-pill); color: var(--c-ink-2);
    font-size: 9.5px; font-weight: 500; letter-spacing: var(--ls-cap); text-transform: uppercase; white-space: nowrap;
    transition: background var(--t-fast), color var(--t-fast), border-color var(--t-fast);
}
.evo-cnt__filter:hover { border-color: var(--c-ink); color: var(--c-ink); }
.evo-cnt__filter.is-active { background: var(--c-black); color: var(--c-white); border-color: var(--c-black); }
.evo-cnt__article-grid { display: grid; grid-template-columns: 1fr; gap: var(--s-6) var(--s-5); }
.evo-cnt__article { display: flex; flex-direction: column; gap: var(--s-4); }
.evo-cnt__article-media { display: block; }
.evo-cnt__article-media img { position: absolute; inset: 0; }
.evo-cnt__article-body { display: flex; flex-direction: column; gap: var(--s-2); align-items: flex-start; }
.evo-cnt__article-title { display: block; }
.evo-cnt__article-desc { display: -webkit-box; }
.evo-cnt__article-body .evo-link { margin-top: var(--s-2); }

/* article details */
.evo-cnt__article-layout { display: grid; grid-template-columns: 1fr; gap: var(--s-7); }
.evo-cnt__article-main { min-width: 0; }
.evo-cnt__article-main .evo-breadcrumb { display: inline-flex; margin-bottom: var(--s-5); }
.evo-cnt__video { margin-bottom: var(--s-6); background: var(--c-black); }
.evo-cnt__video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.evo-cnt__article-blocks { max-width: 72ch; }
.evo-cnt__article-figure { margin: var(--s-6) 0 var(--s-4); }
.evo-cnt__article-figure:first-child { margin-top: 0; }
.evo-cnt__article-figure img { width: 100%; height: auto; filter: grayscale(0); }
.evo-cnt__article-p { font-size: var(--fs-lg); line-height: 1.8; color: var(--c-ink-2); white-space: pre-line; }
.evo-cnt__article-products { margin-top: var(--s-8); padding-top: var(--s-7); border-top: 1px solid var(--c-line); }
.evo-cnt__product-ship { display: flex; align-items: flex-start; gap: var(--s-2); margin-top: var(--s-2); font-size: var(--fs-sm); line-height: 1.5; }
.evo-cnt__product-ship .evo-icon { margin-top: 2px; }
.evo-cnt__article-aside { min-width: 0; }
.evo-cnt__subscribe { display: flex; flex-direction: column; gap: var(--s-4); }
.evo-cnt__subscribe-title { text-wrap: balance; }
.evo-cnt__subscribe-input { background: transparent; color: var(--c-white); border-color: rgba(255,255,255,.35); }
.evo-cnt__subscribe-input::placeholder { color: rgba(255,255,255,.5); }
.evo-cnt__subscribe-input:focus { border-color: var(--c-white); }

/* ---------- Product cards on content pages: packshots stay full colour ---------- */
.evo-cnt .evo-product__media img { filter: none; opacity: 1; mix-blend-mode: multiply; }
.evo-cnt .evo-product:hover .evo-product__media img { filter: none; opacity: 1; }
.evo-cnt__product .evo-product__body { gap: var(--s-2); }

/* ---------- Banner (gold card, points) ---------- */
.evo-cnt__banner { padding-top: var(--s-5); }
.evo-cnt__banner-media { display: block; aspect-ratio: 16 / 7; min-height: 260px; color: var(--c-white); }
.evo-cnt__banner-media img { position: absolute; inset: 0; width: 100%; height: 100%; }
.evo-cnt__banner-shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.1), rgba(0,0,0,.75)); }
.evo-cnt__banner-text { position: absolute; left: 0; right: 0; bottom: 0; display: flex; flex-direction: column; gap: var(--s-3); padding: var(--s-6); }
.evo-cnt__banner-title { display: block; }

/* value props (gold card) */
.evo-cnt__values { display: grid; grid-template-columns: 1fr; gap: var(--s-5); }
.evo-cnt__value { display: flex; flex-direction: column; gap: var(--s-3); padding: var(--s-6); border: 1px solid var(--c-line); border-radius: var(--r-md); }
.evo-cnt__value-icon { display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 50%; background: var(--c-off); color: var(--c-ink); flex: 0 0 auto; }
.evo-cnt__values--stack { grid-template-columns: 1fr; }

/* plan cards (gold card subscriptions) */
.evo-cnt__plan-grid { display: grid; grid-template-columns: 1fr; gap: var(--s-4); }
.evo-cnt__plan { display: flex; flex-direction: column; gap: var(--s-2); padding: var(--s-6); transition: transform var(--t-med), box-shadow var(--t-med); }
.evo-cnt__plan:hover { transform: translateY(-4px); box-shadow: var(--shadow-1); }
.evo-cnt__plan-name { margin-bottom: var(--s-4); }
.evo-cnt__plan-price { display: flex; align-items: baseline; gap: var(--s-2); }
.evo-cnt__plan-amount { font-size: var(--fs-h1); line-height: 1; }
.evo-cnt__plan-currency { font-size: var(--fs-sm); letter-spacing: var(--ls-cap); text-transform: uppercase; opacity: .7; }
.evo-cnt__plan-period { opacity: .7; }
.evo-cnt__plan-monthly { margin-top: var(--s-3); }
.evo-cnt__plan-cta { margin-top: var(--s-5); }

/* buy flow */
.evo-cnt__buy-grid { display: grid; grid-template-columns: 1fr; gap: var(--s-6); align-items: start; }
.evo-cnt__buy-card { display: flex; flex-direction: column; gap: var(--s-4); }
.evo-cnt__buy-media { background: var(--c-ink); }
.evo-cnt__buy-media img { filter: grayscale(0); }
.evo-cnt__buy-card:hover .evo-cnt__buy-media img { filter: grayscale(0); }
.evo-cnt__buy-actions { display: flex; flex-direction: column; gap: var(--s-3); margin-top: var(--s-2); }
.evo-cnt__buy-actions .evo-btn { text-transform: none; letter-spacing: .04em; font-size: var(--fs-sm); }

/* ---------- Points ---------- */
.evo-cnt__earn { display: flex; flex-direction: column; }
.evo-cnt__earn-list { display: flex; flex-direction: column; gap: var(--s-4); }
.evo-cnt__earn-item { display: flex; align-items: center; gap: var(--s-4); font-size: var(--fs-md); }
.evo-cnt__earn-item .evo-cnt__value-icon { width: 44px; height: 44px; }
.evo-cnt__spend { display: block; }
.evo-cnt__spend img { position: absolute; inset: 0; }
.evo-cnt__benefit { display: flex; flex-direction: column; gap: var(--s-3); }
.evo-cnt__benefit .evo-media { display: block; }
.evo-cnt__benefit img { position: absolute; inset: 0; }

/* ---------- Help: accordion & support ---------- */
.evo-cnt__accordion { border-top: 1px solid var(--c-line); }
.evo-cnt__acc { border-bottom: 1px solid var(--c-line); }
.evo-cnt__acc-head { border-bottom: 0; list-style: none; padding: var(--s-5) 0; }
.evo-cnt__acc-head::-webkit-details-marker { display: none; }
.evo-cnt__acc-icon { transition: transform var(--t-fast); }
.evo-cnt__acc[open] .evo-cnt__acc-icon { transform: rotate(45deg); }
.evo-cnt__acc-body { display: grid; grid-template-columns: 1fr; gap: var(--s-5); align-items: center; padding: 0 0 var(--s-6); }
.evo-cnt__acc-body p { max-width: 60ch; }
.evo-cnt__acc-img { max-width: 180px; justify-self: start; filter: grayscale(0); opacity: .85; }
.evo-cnt__support-grid { display: grid; grid-template-columns: 1fr; gap: var(--s-4); }
.evo-cnt__support { display: flex; flex-direction: column; align-items: flex-start; gap: var(--s-3); }
.evo-cnt__support .evo-link { margin-top: auto; padding-top: var(--s-2); }
.evo-cnt__support-note { font-weight: 400; color: var(--c-ink); }

/* ---------- Status card (unsubscribe) ---------- */
.evo-cnt__status-card { display: flex; flex-direction: column; align-items: center; text-align: center; gap: var(--s-4); max-width: 520px; margin: 0 auto; }
.evo-cnt__status-icon { display: inline-flex; align-items: center; justify-content: center; width: 64px; height: 64px; border-radius: 50%; background: var(--c-black); color: var(--c-white); }

/* ---------- Breakpoints ---------- */
@media (min-width: 700px) {
    .evo-cnt__head--row { flex-direction: row; justify-content: space-between; align-items: flex-end; }
    .evo-cnt__facts { grid-template-columns: repeat(3, 1fr); }
    .evo-cnt__fact { flex-direction: column; align-items: flex-start; }
    .evo-cnt__ship-details { display: flex; }
    .evo-cnt__ship-toggle { display: none; }
    .evo-cnt__article-grid { grid-template-columns: repeat(2, 1fr); }
    .evo-cnt__values { grid-template-columns: repeat(3, 1fr); }
    .evo-cnt__values--stack { grid-template-columns: 1fr; }
    .evo-cnt__plan-grid { grid-template-columns: repeat(2, 1fr); }
    .evo-cnt__buy-grid { grid-template-columns: 1fr 1fr; }
    .evo-cnt__acc-body { grid-template-columns: 1fr auto; }
    .evo-cnt__acc-img { justify-self: end; }
    .evo-cnt__support-grid { grid-template-columns: repeat(2, 1fr); }
    .evo-cnt__banner-text { padding: var(--s-7); }
    .evo-cnt__map-embed, .evo-cnt__map-canvas:not(:empty) { height: 520px; }
}
@media (min-width: 900px) {
    .evo-cnt > .evo-section:first-child { padding-top: var(--s-9); }
    .evo-cnt__title.evo-display { font-size: var(--fs-hero); }
    .evo-cnt__head { margin-bottom: var(--s-8); }
    .evo-cnt__step { grid-template-columns: 72px 1fr; gap: var(--s-5); padding: var(--s-7) 0; }
    .evo-cnt__contact-grid { grid-template-columns: 1.15fr .85fr; gap: var(--s-8); }
    .evo-cnt__article-layout { grid-template-columns: 1fr 320px; gap: var(--s-8); }
    .evo-cnt__article-aside { position: sticky; top: calc(var(--header-h) + var(--s-5)); align-self: start; }
    .evo-cnt__banner-media { aspect-ratio: 21 / 8; }
}
@media (min-width: 1000px) {
    .evo-cnt__article-grid { grid-template-columns: repeat(3, 1fr); }
    .evo-cnt__plan-grid { grid-template-columns: repeat(3, 1fr); gap: var(--s-5); }
    .evo-cnt__support-grid { grid-template-columns: repeat(4, 1fr); }
}
@media (hover: none) {
    .evo-cnt__map-embed iframe, .evo-cnt__ship-logo img, .evo-cnt__buy-media img { filter: grayscale(0); }
}