/* Flipbook covers like the live site (operator 2026-10-05): stacked 3:4 covers; under each, number, name and "Open" on one line, season and "Flipbook" below. */
.oska-flipbook-collection { display:grid; grid-template-columns:minmax(0,1fr); row-gap:112px; }
.oska-flipbook { margin:0; scroll-margin-top:24px; }
.oska-flipbook a { display:block; color:inherit; text-decoration:none; }
.oska-flipbook img { display:block; width:100%; height:auto; aspect-ratio:3 / 4; object-fit:cover; }
.oska-flipbook-caption { display:flex; align-items:center; gap:12px; margin-top:18px; }
.oska-flipbook-no { font-size:13px; font-weight:700; line-height:1.5; letter-spacing:.18em; color:var(--wp--preset--color--muted); }
.oska-flipbook-label { font-size:15px; font-weight:400; line-height:1.5; letter-spacing:.02em; color:var(--wp--preset--color--ink); }
.oska-flipbook-open { margin-left:auto; font-size:13px; font-weight:700; line-height:1.5; letter-spacing:.18em; text-transform:uppercase; white-space:nowrap; color:var(--wp--preset--color--muted); }
.oska-flipbook-meta { display:block; margin-top:5px; font-size:15px; line-height:1.5; color:var(--wp--preset--color--muted); }
.oska-flipbook a:is(:hover,:focus-visible) .oska-flipbook-open { color:var(--wp--preset--color--ink); }
.oska-flipbook a:focus-visible { outline:2px solid currentColor; outline-offset:4px; }
@media(max-width:767px) { .oska-flipbook-collection { row-gap:55px; } }
/* Jump links to the editions, beside the covers: a short rule before each name, longer on hover or keyboard focus. */
.oska-flipbook-index ol { display:grid; gap:14px; margin:0; padding:0; list-style:none; }
.oska-flipbook-index li { display:flex; margin:0; }
.oska-flipbook-index a { display:inline-flex; align-items:center; gap:12px; min-height:20px; font-size:13px; font-weight:700; line-height:1.5; letter-spacing:.2em; text-transform:uppercase; color:var(--wp--preset--color--muted); text-decoration:none; }
.oska-flipbook-index a::before { content:""; width:24px; border-top:1px solid currentColor; transition:width .2s; }
.oska-flipbook-index a:is(:hover,:focus-visible) { color:var(--wp--preset--color--ink); }
.oska-flipbook-index a:is(:hover,:focus-visible)::before { width:53px; }
@media(prefers-reduced-motion:reduce) { .oska-flipbook-index a::before { transition:none; } }
/* Store detail: shared native image/facts layout and compact section rhythm. */
.oska-split.oska-store-layout { grid-template-columns:minmax(0,1.26fr) minmax(0,1fr); gap:80px; }
.oska-split.oska-store-layout > .wp-block-post-featured-image { align-self:start; margin:0; }
.oska-split.oska-store-layout:not(:has(> .wp-block-post-featured-image img)) { grid-template-columns:minmax(0,1fr); }
.oska-split.oska-store-layout > .wp-block-post-featured-image img { display:block; width:100%; height:auto; aspect-ratio:1; object-fit:cover; }
/* Desktop: the photo is at least square and fills down to the end of a longer details column, cropped to fit (operator 2026-09-28). */
@media(min-width:1025px) { .oska-split.oska-store-layout > .wp-block-post-featured-image { align-self:stretch; position:relative; aspect-ratio:1; } .oska-split.oska-store-layout > .wp-block-post-featured-image img { position:absolute; inset:0; height:100%; aspect-ratio:auto; } }
.oska-store-details > section + section { margin-top:24px; }
.oska-store-details :is(h2,p,address) { margin:0; }
.oska-store-details h2 { margin-bottom:10px; }
.oska-store-details address { font-style:normal; line-height:1.6; }
.oska-store-details section > p { margin-top:8px; overflow-wrap:anywhere; }
.oska-store-details a:is([href^="tel:"],[href^="mailto:"]) { text-decoration:none; }
.oska-store-details section > p:has(> a:is([href^="tel:"],[href^="mailto:"]):only-child) { margin-top:0; }
.oska-store-details a[href^="mailto:"] { color:var(--wp--preset--color--muted); }
/* Store details: 24px link targets (phone, e-mail, directions; WCAG AA) keep the column compact (operator 2026-09-28). */
.oska-shell .oska-store-details p > a:is([href^="tel:"],[href^="mailto:"]):only-child, .oska-shell .oska-store-details .oska-utility > a:only-child { min-height:24px; }
.oska-store-details > .oska-store-note { margin-bottom:24px; }
.oska-store-details > * + .oska-store-note { margin-top:24px; }
.oska-store-details .oska-store-note > * { margin:0; }
.oska-store-details .oska-store-note > * + * { margin-top:12px; }
.oska-store-details .oska-store-note > * + h2 { margin-top:24px; }
.oska-store-details .oska-store-note :is(ul,ol) { padding-left:1.2em; }
.oska-store-details .oska-store-note :is(th,td) { padding-block:10px; border-block:1px solid var(--wp--preset--color--paper); }
.oska-store-details th > span { white-space:nowrap; }
.oska-store-details > p:last-child { margin-top:32px; }
.oska-store-details table { width:100%; border-collapse:collapse; }
.oska-store-details caption { text-align:left; margin-bottom:10px; }
.oska-store-details th,.oska-store-details td { padding-block:12px; border-block:1px solid var(--wp--preset--color--rule); font-weight:400; vertical-align:top; }
.oska-store-details th { text-align:left; color:var(--wp--preset--color--muted); padding-right:16px; }
.oska-store-details td { text-align:right; overflow-wrap:anywhere; }
.oska-store-details tr.is-special th { color:var(--wp--preset--color--ink); }
.oska-store-team { display:grid; gap:16px; margin-top:24px; }
.oska-store-team p + p { margin-top:8px; }
@media(max-width:1024px) { .oska-split.oska-store-layout { grid-template-columns:minmax(0,1fr); gap:24px; } .oska-split.oska-store-layout > .wp-block-post-featured-image img { height:auto; max-height:70vh; object-fit:cover; } }

/* Shared ACF directory layout: agent countries and showroom cards use one system. */
.oska-directory { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--wp--preset--color--hairline); border-left:1px solid var(--wp--preset--color--hairline); }
.oska-directory-card { min-width:0; padding:var(--wp--preset--spacing--medium); border-right:1px solid var(--wp--preset--color--hairline); border-bottom:1px solid var(--wp--preset--color--hairline); }
.oska-directory-card h3 { margin:0 0 var(--wp--preset--spacing--medium); font-size:var(--wp--preset--font-size--lead); font-weight:400; }
.oska-directory-card p, .oska-directory-card address { margin:0 0 var(--wp--preset--spacing--small); font-style:normal; overflow-wrap:anywhere; }
.oska-directory-card > :last-child { margin-bottom:0; }
@media(max-width:1024px) { .oska-directory { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:767px) { .oska-directory { grid-template-columns:minmax(0,1fr); } }

/* Native Query Loops share the directory grid used by Wholesale. */
.oska-directory.wp-block-post-template { padding:0; list-style:none; gap:0; }
.oska-directory.wp-block-post-template > li { margin:0; min-width:0; }
.oska-directory.wp-block-post-template .oska-directory-card { box-sizing:border-box; height:100%; }
.oska-country-nav { display:flex; align-items:center; flex-wrap:wrap; gap:14px 0; padding-block:10px; border-block:1px solid var(--wp--preset--color--ink); }
.oska-country-nav > :not(:last-child)::after { content:"\00b7"; color:var(--wp--preset--color--hairline); margin-inline:13px; }
.oska-country-nav > button { position:relative; margin-inline-end:26px; }
.oska-country-nav > button:not(:last-child)::after { position:absolute; right:-26px; margin:0; width:26px; }
.oska-country-nav > button:last-child { margin-inline-end:0; }
@media(max-width:1024px) { .oska-country-nav { flex-wrap:nowrap; overflow-x:auto; scrollbar-width:thin; } .oska-country-nav > * { flex-shrink:0; } }
.oska-country-nav > p { margin:0; }
.oska-country-nav a, .oska-country-nav button { display:inline-flex; align-items:center; box-sizing:border-box; min-width:44px; min-height:44px; padding:6px 0; font-family:inherit; font-size:13px; line-height:1.6; font-weight:700; letter-spacing:.18em; text-transform:uppercase; text-decoration:none; }
.oska-country-nav :is(a,button):focus-visible { outline:2px solid currentColor; outline-offset:4px; }
.oska-country-nav a:hover { text-decoration:underline; }
.oska-directory-card h3 a { display:flex; justify-content:space-between; gap:var(--wp--preset--spacing--small); text-decoration:none; }
.oska-directory-card h3 a:hover { text-decoration:none; }
/* Store cards preserve the Elementor interaction: grey card, no title underline. */
:is(.oska-store-card,.oska-job-card) { position:relative; display:flex; flex-direction:column; gap:6px; padding:22px var(--wp--preset--spacing--medium); border-color:var(--wp--preset--color--rule); }
/* Draw rules only around occupied store cells, with single shared edges. */
.oska-directory:has(:is(.oska-store-card,.oska-job-card)) { border:0; }
@media(min-width:1025px) {
 .oska-directory > :nth-child(-n+3) .oska-store-card { border-top:1px solid var(--wp--preset--color--rule); }
 .oska-directory > :nth-child(3n+1) .oska-store-card { border-left:1px solid var(--wp--preset--color--rule); }
}
@media(min-width:768px) and (max-width:1024px) {
 .oska-directory > :nth-child(-n+2) .oska-store-card { border-top:1px solid var(--wp--preset--color--rule); }
 .oska-directory > :nth-child(2n+1) .oska-store-card { border-left:1px solid var(--wp--preset--color--rule); }
}
/* Careers lists two job cards per row, as on the live site (operator 2026-10-05). */
@media(min-width:768px) {
 .oska-directory:has(.oska-job-card) { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .oska-directory > :nth-child(-n+2) .oska-job-card { border-top:1px solid var(--wp--preset--color--rule); }
 .oska-directory > :nth-child(2n+1) .oska-job-card { border-left:1px solid var(--wp--preset--color--rule); }
}
@media(max-width:767px) {
 .oska-directory > :first-child :is(.oska-store-card,.oska-job-card) { border-top:1px solid var(--wp--preset--color--rule); }
 .oska-directory :is(.oska-store-card,.oska-job-card) { border-left:1px solid var(--wp--preset--color--rule); }
}
:is(.oska-store-card,.oska-job-card) :is(h3,p,address) { margin:0; }
/* Card lines in 15px like the live site (operator 2026-10-05). */
:is(.oska-store-card,.oska-job-card) :is(p,address):not(.oska-utility) { font-size:15px; line-height:1.5; }
:is(.oska-store-card,.oska-job-card) h3 { padding-bottom:2px; line-height:1.5; }
:is(.oska-store-card,.oska-job-card) a { color:inherit; text-decoration:none; }
:is(.oska-store-card,.oska-job-card) h3 a::after { content:""; position:absolute; inset:0; z-index:1; }
:is(.oska-store-card,.oska-job-card) a:is([href^="tel:"],[href^="mailto:"]) { position:relative; z-index:2; }
:is(.oska-store-card,.oska-job-card) h3 a span { opacity:0; }
:is(.oska-store-card,.oska-job-card):is(:hover,:focus-within) { background:var(--wp--preset--color--rule); }
:is(.oska-store-card,.oska-job-card):is(:hover,:focus-within) h3 a span { opacity:1; }
:is(.oska-store-card,.oska-job-card) h3 a:focus-visible { outline:none; }
:is(.oska-store-card,.oska-job-card) h3 a:focus-visible::after { outline:2px solid currentColor; outline-offset:-2px; }
/* Job cards like the live site (operator 2026-10-05): 8px more below the department and the title. On job and store cards the arrow sits small and muted at the top right. */
article.oska-job-card > p.oska-utility { margin-bottom:8px; }
article.oska-job-card > h3 { padding-bottom:10px; }
article:is(.oska-job-card,.oska-store-card) > h3 a span { position:absolute; top:23px; right:25px; font-size:15px; line-height:1.5; color:var(--wp--preset--color--muted); }
/* Compact card contacts retain a 24px target; full-page contact blocks retain 44px. */
.oska-shell .oska-directory-card p > a:is([href^="tel:"],[href^="mailto:"]):only-child { min-height:24px; }

/* One photographic Looks component; ratios and pagination share the existing policy. */
.oska-looks { container-type:inline-size; }
.oska-looks-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); grid-auto-rows:calc((100cqw - 2 * var(--wp--preset--spacing--medium)) / 3); gap:var(--wp--preset--spacing--medium); }
.oska-look { position:relative; min-width:0; margin:0; overflow:hidden; }
.oska-look.is-tall { grid-row:span 2; }
.oska-look > a { display:block; width:100%; height:100%; text-decoration:none; }
.oska-look img { display:block; width:100%; height:100%; object-fit:cover; object-position:center top; }
.oska-look-action { position:absolute; inset:auto 0 0; padding:var(--wp--preset--spacing--large) var(--wp--preset--spacing--small) var(--wp--preset--spacing--small); color:var(--wp--preset--color--paper); background:linear-gradient(transparent,var(--wp--preset--color--ink)); }
/* The live site shows the photographs alone; the shop action appears on pointer hover or keyboard focus and stays available to screen readers (operator 2026-10-05). */
.oska-look-action { opacity:0; transition:opacity .2s; }
.oska-look a:is(:hover,:focus-visible) .oska-look-action { opacity:1; }
@media(prefers-reduced-motion:reduce) { .oska-look-action { transition:none; } }
.oska-look a:focus-visible { outline:none; }
.oska-look a:focus-visible::after { content:""; position:absolute; inset:2px; border:2px solid var(--wp--preset--color--paper); box-shadow:inset 0 0 0 2px var(--wp--preset--color--ink); pointer-events:none; z-index:1; }
@media(forced-colors:active) { .oska-look a:focus-visible::after { border-color:Highlight; box-shadow:none; outline:2px solid Highlight; outline-offset:-4px; } }
/* Smaller screens as on the live site (operator 2026-10-05): tablets keep the tall/square pattern 16px apart; phones show two columns of equal tall photographs 12px apart. */
@media(max-width:1024px) {
 .oska-looks-grid { grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:calc((100cqw - 16px) / 2); gap:16px; }
}
@media(max-width:767px) {
 .oska-looks-grid { grid-auto-rows:auto; gap:12px; }
 .oska-look, .oska-look.is-tall { grid-row:auto; aspect-ratio:1 / 2; }
}

/* Native coaches reuse the shared country controls and directory grid. */
.oska-country-nav button { appearance:none; border:0; border-radius:0; background:none; color:inherit; padding:6px 0; cursor:pointer; }
.oska-country-nav button[aria-pressed="true"] { text-decoration:underline; text-underline-offset:6px; }
/* Country controls in the muted label colour, the chosen country and hover in ink, as on the live site (operator 2026-10-05). */
.oska-country-nav :is(a,button) { color:var(--wp--preset--color--muted); }
.oska-country-nav :is(a,button):is(:hover,:focus-visible,[aria-pressed="true"]) { color:var(--wp--preset--color--ink); }
.oska-coaches .oska-country-nav { margin-bottom:44px; }
.oska-coaches .oska-directory { border:0; gap:var(--wp--preset--spacing--large); align-items:start; }
.oska-coach-column { display:flex; flex-direction:column; gap:var(--wp--preset--spacing--large); min-width:0; }
@media(max-width:1024px) { .oska-coach-column { gap:32px; } }
.oska-coaches .oska-directory-card { border:0; padding:0; }
.oska-coach-heading { display:flex; align-items:center; gap:16px; }
.oska-coach-heading > div:last-child { display:flex; flex-direction:column; gap:4px; }
.oska-coach-heading p { margin:0; }
.oska-coach-heading a { color:inherit; text-decoration:none; }
.oska-coach-heading a[href^="mailto:"] { font-size:13px; font-weight:700; letter-spacing:.06em; }
.oska-coach-heading a[href^="mailto:"] > span { border-bottom:1px solid currentColor; padding-bottom:2px; }
@media(max-width:1024px) { .oska-coaches .oska-directory { gap:32px; } }
.oska-country-flag { display:inline-block; width:24px; height:24px; border-radius:50%; object-fit:cover; vertical-align:middle; flex-shrink:0; }
/* Careers country headings with the shared flag, 20px as on the live site (operator 2026-10-05). */
h2[id^="jobs-"]:has(> .oska-country-flag) { display:flex; align-items:center; gap:8px; }
h2[id^="jobs-"] > .oska-country-flag { width:20px; height:20px; }
.oska-coach-portrait { position:relative; width:84px; flex:0 0 84px; }
.oska-coach-portrait > img:not(.oska-country-flag) { display:block; width:84px; height:84px; object-fit:cover; border-radius:50%; }
.oska-coach-portrait .oska-country-flag { position:absolute; right:0; bottom:0; box-shadow:0 0 0 2px var(--wp--preset--color--paper); }
.oska-coach-heading > div { min-width:0; }
.oska-coach-heading h3 { margin:0 0 2px; font-size:13px; font-weight:700; line-height:1.2; letter-spacing:.18em; text-transform:uppercase; }
.oska-coaches blockquote { position:relative; margin:20px 0 0; padding:16px 18px; background:var(--wp--custom--quote--background); color:var(--wp--custom--quote--text); border:0; font:inherit; font-size:var(--wp--preset--font-size--lead); line-height:1.55; }
.oska-coaches blockquote::before { content:""; position:absolute; left:34px; top:-8px; width:16px; height:8px; background:inherit; clip-path:polygon(50% 0,100% 100%,0 100%); }
.oska-coaches blockquote:empty { display:none; }

.oska-post-video iframe { display:block; width:100%; height:auto; aspect-ratio:16/9; border:0; }

/* Country section headings share a compact label and adjacent shop action. */
.si-country > .oska-section-head { justify-content:flex-start; align-items:center; flex-direction:row; flex-wrap:wrap; gap:10px; margin-bottom:24px; }
.si-country > .oska-section-head h2 { font-size:13px; font-weight:700; line-height:1.6; letter-spacing:.18em; text-transform:uppercase; }
.si-country > .oska-section-head p { padding-inline-start:12px; border-inline-start:1px solid var(--wp--preset--color--hairline); }
.si-country > .oska-section-head a { color:var(--wp--preset--color--muted); text-decoration:none; }
.si-country > .oska-section-head a:hover { color:var(--wp--preset--color--ink); }
.oska-coach-location,.oska-coach-phone { position:relative; padding-inline-start:20px; font-size:var(--wp--preset--font-size--body); line-height:1.6; }
.oska-coach-location { color:var(--wp--preset--color--muted); }
.oska-coach-location a:hover,.oska-coach-location a:focus-visible { text-decoration:underline; text-underline-offset:3px; }
.oska-coach-location::before,.oska-coach-phone::before { content:""; position:absolute; inset-inline-start:0; top:4px; width:13px; height:13px; background-color:var(--wp--preset--color--muted); mask-size:contain; mask-repeat:no-repeat; }
.oska-coach-location::before { mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5.2 7 13 7 13s7-7.8 7-13a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5.5z'/%3E%3C/svg%3E"); }
.oska-coach-phone::before { mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15 15 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25 11 11 0 0 0 3.6.6 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1 11 11 0 0 0 .6 3.6 1 1 0 0 1-.25 1z'/%3E%3C/svg%3E"); }

/* Wholesale cards share directory geometry and existing colour/spacing tokens. */
.oska-wholesale-directory { border:0; }
.oska-wholesale-directory > .oska-directory-card { display:flex; flex-direction:column; gap:6px; padding:22px var(--wp--preset--spacing--medium); border-color:var(--wp--preset--color--rule); }
.oska-wholesale-directory :is(h3,p,address) { margin:0; }
.oska-wholesale-directory h3 { display:flex; align-items:center; gap:10px; line-height:1.5; }
.oska-wholesale-directory a[href^="tel:"] { text-decoration:none; }
.oska-wholesale-directory :is(address,a[href^="mailto:"]) { color:var(--wp--preset--color--muted); }
.oska-wholesale-directory > .oska-showroom-card { padding:var(--wp--preset--spacing--medium); gap:6px; }
.oska-showroom-card h3 { margin-bottom:8px; }
.oska-showroom-card .oska-directions { margin-bottom:18px; font-size:13px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; }
@media(min-width:1025px) { .oska-wholesale-directory > :nth-child(-n+3) { border-top:1px solid var(--wp--preset--color--rule); } .oska-wholesale-directory > :nth-child(3n+1) { border-left:1px solid var(--wp--preset--color--rule); } }
@media(min-width:768px) and (max-width:1024px) { .oska-wholesale-directory > :nth-child(-n+2) { border-top:1px solid var(--wp--preset--color--rule); } .oska-wholesale-directory > :nth-child(2n+1) { border-left:1px solid var(--wp--preset--color--rule); } }
@media(max-width:767px) { .oska-wholesale-directory > :first-child { border-top:1px solid var(--wp--preset--color--rule); } .oska-wholesale-directory > * { border-left:1px solid var(--wp--preset--color--rule); } }


/* Job facts use one compact panel across languages and the editor. */
.oska-split:has(> .oska-job-details) { grid-template-columns:minmax(0,1fr) 320px; gap:80px; }
.oska-job-details { box-sizing:border-box; width:100%; max-width:320px; padding:28px; border:1px solid var(--wp--preset--color--rule); }
.oska-job-details > section { padding-block:16px; border-bottom:1px solid var(--wp--preset--color--rule); }
.oska-job-details > section:first-child { padding-top:0; }
.oska-job-details > section:last-of-type { border-bottom:0; padding-bottom:0; }
.oska-job-details :is(h2,p) { margin:0; }
.oska-job-details h2 { font-size:13px; font-weight:700; line-height:1.2; letter-spacing:.18em; text-transform:uppercase; color:var(--wp--preset--color--muted); }
/* Panel text in 15px, contact links without underline and with a 24px target, as on the live site (operator 2026-10-05). */
.oska-job-details p { font-size:15px; line-height:1.5; }
.oska-job-details a:not(.wp-element-button) { text-decoration:none; }
.oska-shell .oska-job-details p > a:is([href^="tel:"],[href^="mailto:"]):only-child { min-height:24px; }
.oska-job-details section > * + * { margin-top:6px; }
.oska-job-details p { overflow-wrap:anywhere; }
.oska-job-details .wp-block-button { width:100%; }
.oska-job-details .wp-block-button__link { display:block; padding-inline:16px; text-align:center; }
.oska-job-details section > .has-muted-color { margin-top:14px; font-size:15px; line-height:1.6; }
.oska-job-details > p:last-child { margin-top:24px; }
/* Panel rhythm as on the live site (operator 2026-10-05): 19.5px label lines with 3.5px to the fact, 20px above a 44px application button. */
.oska-job-details h2 { line-height:1.5; }
.oska-job-details section > h2 + * { margin-top:3.5px; }
.oska-job-details > section:has(.wp-block-buttons) { padding-top:20px; }
.oska-job-details .wp-block-button__link { padding-block:12.25px; }
@media(max-width:1024px) { .oska-split:has(> .oska-job-details) { grid-template-columns:minmax(0,1fr); gap:24px; } .oska-job-details { max-width:none; } }

/* Store map shares the existing consent adapter and stays visible before consent. */
.oska-store-map { margin-top:var(--wp--preset--spacing--large); }
.oska-store-map-frame { position:relative; min-height:420px; background:var(--wp--preset--color--rule); }
.oska-store-map-frame iframe { display:block; width:100%; height:420px; border:0; }
.oska-external-placeholder { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:16px; padding:24px; text-align:center; background:var(--wp--preset--color--rule); }
.oska-external-placeholder p { margin:0; max-width:42ch; }
.oska-external-placeholder button { color:inherit; background:transparent; border:1px solid currentColor; padding:16px 24px; cursor:pointer; }
.oska-store-map-frame:has(iframe[src^="https://www.google.com/maps"]) > .oska-external-placeholder { display:none; }
.oska-store-map > p { margin-block:var(--wp--preset--spacing--large) 0; }

.oska-store-team > h3 { margin:0; }
.oska-store-team p:has(> a:is([href^="tel:"],[href^="mailto:"]):only-child) { margin-top:0; }


/* Shared external-media placeholder: visible without loading the provider. */
.oska-post-video { position:relative; aspect-ratio:16/9; }
.oska-external-placeholder > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.22; }
.oska-external-placeholder > :is(p,button) { position:relative; z-index:1; }
.oska-post-video:has(iframe[src^="https://player.vimeo.com/video/"]) > .oska-external-placeholder { display:none; }

@media(max-width:600px) { .oska-post-video:not(:has(iframe[src^="https://player.vimeo.com/video/"])) { min-height:300px; } }

.oska-post-video { width:100%; min-width:0; max-width:100%; }
.oska-external-placeholder { min-width:0; }
.oska-external-placeholder button { max-width:100%; white-space:normal; overflow-wrap:anywhere; }

@media(max-width:600px) { .oska-external-placeholder button { padding-inline:12px; } }

/* Native embeds reuse the shared consent placeholder; compact inside small frames. */
.wp-block-embed__wrapper:has(> .oska-external-placeholder) { position:relative; container-type:inline-size; }
.wp-block-embed__wrapper:has(iframe[src^="https://player.vimeo.com/video/"]) > .oska-external-placeholder { display:none; }
@container (max-width:420px) { .wp-block-embed__wrapper > .oska-external-placeholder { gap:8px; padding:12px; } .wp-block-embed__wrapper > .oska-external-placeholder > p:not(:first-of-type) { display:none; } .wp-block-embed__wrapper > .oska-external-placeholder button { padding:8px 12px; } }
@media(max-width:600px) { .wp-block-embed__wrapper:has(> .oska-external-placeholder):not(:has(iframe[src^="https://player.vimeo.com/video/"])) { min-height:300px; } }

/* Visible trail and return link on store and job singles, live reference (operator 2026-09-25). */
.oska-breadcrumb { margin:0 0 10px; color:var(--wp--preset--color--muted); }
.oska-breadcrumb ol { display:flex; flex-wrap:wrap; align-items:center; gap:0 10px; margin:0; padding:0; list-style:none; }
.oska-breadcrumb li { display:flex; align-items:center; gap:10px; }
.oska-breadcrumb li + li::before { content:"\203A"; content:"\203A" / ""; }
.oska-breadcrumb a { display:inline-flex; align-items:center; min-height:24px; color:inherit; text-decoration:none; }
.oska-breadcrumb a:is(:hover,:focus-visible) { color:var(--wp--preset--color--ink); }
.oska-back-link { margin:var(--wp--preset--spacing--large) 0 0; }
.oska-back-link a { display:inline-flex; align-items:center; gap:8px; min-height:44px; color:var(--wp--preset--color--ink); text-decoration:none; }
.oska-back-link a::before { content:"\2190"; content:"\2190" / ""; }
.oska-back-link a > span { padding-bottom:2px; border-bottom:1px solid currentColor; }
.oska-back-link a:hover { color:var(--wp--preset--color--muted); }
/* The edition in view is marked in the index, as on the live site. */
.oska-flipbook-index a[aria-current="true"] { color:var(--wp--preset--color--ink); }
.oska-flipbook-index a[aria-current="true"]::before { width:53px; }
/* Wholesale cards like the live site (operator 2026-10-05): 15px facts; the agent's e-mail 14px below the country, the phone 4px below it;
   showroom rows 16px apart (13px below the city, 23px above the agent's contact), directions without underline or arrow. */
.oska-wholesale-directory :is(p,address):not(.oska-directions) { font-size:15px; line-height:1.5; }
.oska-wholesale-directory > .oska-agent-card { gap:0; }
.oska-wholesale-directory > .oska-agent-card > h3 + p { margin-top:14px; }
.oska-wholesale-directory > .oska-agent-card > p + p { margin-top:4px; }
.oska-wholesale-directory > .oska-showroom-card { gap:0; }
.oska-wholesale-directory > .oska-showroom-card > * + * { margin-top:16px; }
.oska-wholesale-directory > .oska-showroom-card > h3 + * { margin-top:5px; }
/* Showroom rows share one height, as on the live site (447). */
.oska-wholesale-directory:has(> .oska-showroom-card) { grid-auto-rows:1fr; }
.oska-wholesale-directory > .oska-showroom-card > .oska-directions { margin-bottom:0; }
.oska-wholesale-directory > .oska-showroom-card > .oska-directions + p { margin-top:23px; }
.oska-wholesale-directory > .oska-showroom-card > p:not(.oska-directions) + p:not(.oska-directions) { margin-top:4px; }
.oska-wholesale-directory .oska-directions a { text-decoration:none; }

/* As on the live site (operator 2026-10-05, 449): store cards in a list share one height and give each address line its own row,
   6px apart; coach cards set place and phone at 15px (22.5px and 24px lines), and the coach grid sits 10px further in on both sides. */
.oska-directory:has(.oska-store-card) { grid-auto-rows:1fr; }
.oska-store-card address { display:flex; flex-direction:column; gap:6px; }
.oska-coach-location { font-size:15px; line-height:1.5; }
.oska-coach-phone { font-size:15px; line-height:1.6; }
.oska-coaches .oska-directory { padding-inline:10px; }
/* The "Write to" row is 19.5px high, 6px below the phone, as on the live site; its 24px target overflows the row evenly instead of stretching it. */
.oska-coach-heading p:has(> a[href^="mailto:"]) { display:flex; align-items:center; height:19.5px; margin-top:2px; }