/* =========================================================
   オトノキワミ LP — final D8000 DC Pro Edition
   新トップページ（ブラッシュアップ案）のデザイン規則に準拠
   - 見出し: Shippori Mincho / 本文: Zen Kaku Gothic New
   - インク #1b2330 / ネイビー #142a47 / アクセント #2b4a70 / ゴールド #8a6b3d
   - 番号付きキッカー「01 — XXX」、角丸6pxのボタン＋丸矢印
   ※フォントはプラグイン「オトノキワミ LP（新デザイン）」が読み込みます
   ========================================================= */

/* ---------- Tokens ---------- */
.oklp{
  --oklp-ink:#1b2330;
  --oklp-navy:#142a47;
  --oklp-navy-deep:#0f2038;
  --oklp-navy-light:#22416b;
  --oklp-accent:#2b4a70;
  --oklp-text:#4f5a68;
  --oklp-sub:#5a6573;
  --oklp-gold:#8a6b3d;
  --oklp-gold-soft:#c9ad7f;
  --oklp-gold-light:#d2b788;
  --oklp-gold-pale:#e3cda6;
  --oklp-gold-dot:#b08d57;
  --oklp-gold-tint:#f3ead9;
  --oklp-pale:#f4f5f7;
  --oklp-line:#dfe4eb;
  --oklp-line-strong:#d3d9e1;
  --oklp-line-tag:#b9c3cf;
  --oklp-on-dark:#c3cedb;
  --oklp-line-green:#00873c;
  --oklp-serif:"Shippori Mincho","Hiragino Mincho ProN","Yu Mincho",serif;
  --oklp-sans:"Zen Kaku Gothic New","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
  --oklp-radius-button:6px;
  --oklp-radius-card:12px;
  --oklp-section-y:112px;
  --oklp-anchor-offset:96px;
  --oklp-icon-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M10.5 8.5l3.5 3.5-3.5 3.5'/%3E%3C/svg%3E");
  --oklp-icon-arrow-down:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M8.5 10.5l3.5 3.5 3.5-3.5'/%3E%3C/svg%3E");
  --oklp-icon-arrow-up:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M8.5 13.5l3.5-3.5 3.5 3.5'/%3E%3C/svg%3E");
  --oklp-icon-plus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E");
  --oklp-icon-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  --oklp-icon-line:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect width='24' height='24' rx='5' fill='%2306c755'/%3E%3Cpath transform='translate(3.6 3.4) scale(.7)' fill='%23fff' d='M12 4C6.5 4 2.5 7.4 2.5 11.6c0 3.7 3.2 6.8 7.6 7.4.3.1.7.2.8.5.1.3 0 .7 0 .9l-.1.8c0 .3-.2 1 .9.5 1.1-.5 5.9-3.5 8-6 1.5-1.6 2.3-3.3 2.3-4.1C22 7.4 17.5 4 12 4z'/%3E%3C/svg%3E");
  box-sizing:border-box;
  color:var(--oklp-ink);
  font-family:var(--oklp-sans);
  font-size:15px;
  font-weight:400;
  line-height:1.8;
  letter-spacing:.04em;
}

/* ---------- Resets (theme overrides) ---------- */
.oklp *,.oklp *::before,.oklp *::after{box-sizing:border-box}
/* Full-bleed: break out of SWELL's content width (.l-container / .l-article) to the viewport.
   --oklp-scrollbar is set by the JS so the band never adds a horizontal scrollbar on Windows. */
.oklp,.oklp.alignfull{position:relative;left:auto;right:auto;width:calc(100vw - var(--oklp-scrollbar,0px));max-width:none;margin-block:0;margin-inline:calc(50% - 50vw + var(--oklp-scrollbar,0px) / 2)}
.oklp>.wp-block-group__inner-container{width:100%;max-width:none;margin:0}
/* Safety net if the JS has not run yet */
html:has(.oklp){overflow-x:clip}
/* Remove SWELL's spacing above/below the article so the LP meets the header and footer */
:is(.l-content,.l-mainContent,.l-mainContent__inner,.l-article,.post_content):has(.oklp){margin-block:0;padding-block:0}
.post_content>.oklp:first-child{margin-top:0}
.post_content>.oklp:last-child{margin-bottom:0}
.oklp :where(.is-layout-flow,.is-layout-constrained)>*{margin-block-start:0}
.oklp :where(.wp-block-group__inner-container,.wp-block-column)>*{margin-block:0}
.oklp :where(p,figure,ul,ol,dl,dd,blockquote){margin:0}
.oklp :where(p,li,small,summary,figcaption,dt,dd){font-family:inherit;font-weight:inherit}
.oklp img{display:block;max-width:100%;height:auto}
.oklp a{color:var(--oklp-accent);text-underline-offset:.3em}
.oklp a:hover{color:var(--oklp-navy)}
.oklp :focus-visible{outline:2px solid var(--oklp-accent);outline-offset:3px}
.oklp .wp-block-columns{margin:0}
.oklp .wp-block-column{min-width:0;margin:0}
.oklp :is(h1,h2,h3,h4).wp-block-heading,.oklp :is(h1,h2,h3,h4){padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:inherit;text-shadow:none;font-family:var(--oklp-serif);font-weight:500}
.oklp :is(h1,h2,h3,h4)::before,.oklp :is(h1,h2,h3,h4)::after{content:none;display:none}
.oklp blockquote{border:0;background:none;box-shadow:none;padding:0}
.oklp blockquote::before,.oklp blockquote::after{content:none;display:none}
.oklp mark{background:none;color:inherit}
.oklp [data-oklp-period-hidden="true"]{display:none!important}
.oklp :is(.oklp-purchase__tabs,.oklp-purchase__rental,.oklp-purchase__panel,.oklp-purchase__guide,.oklp-purchase__copy-fallback)[hidden]{display:none!important}


/* Column-gap guard: SWELL/core set .wp-block-columns gaps with equal or higher specificity,
   which squeezed the hero and thumbnails to ~24px. Each grid sets --oklp-cg / --oklp-rg instead. */
.oklp .wp-block-columns:is(.oklp__hero-layout,.oklp__thumbs,.oklp__included-grid,.oklp__feature,.oklp__cable-pair){--wp-column-gap:var(--oklp-cg);--swl-clmn-mrgn--x:var(--oklp-cg);--swl-clmn-mrgn--y:var(--oklp-rg);column-gap:var(--oklp-cg)!important;row-gap:var(--oklp-rg)!important;margin-inline:0}
.oklp .wp-block-columns:is(.oklp__hero-layout,.oklp__thumbs,.oklp__included-grid,.oklp__feature,.oklp__cable-pair)>.wp-block-column{width:auto;max-width:none;margin:0!important}

/* Japanese: break between phrases, not inside words, for headings and short copy */
.oklp :is(h1,h2,h3,h4,.oklp__product-lead,.oklp__center-copy,.oklp__microcopy,.oklp__trust-desc,.oklp__timeline-desc,.oklp__home-compare-title,.oklp__faq-lead,.oklp__faq-item>summary,.oklp-delivery__summary,.oklp-purchase__intro){word-break:auto-phrase;text-wrap:pretty}

.oklp h2.oklp__section-title,.oklp .oklp__home-compare-title{text-wrap:balance}
.oklp .oklp__home-compare-copy,.oklp .oklp__voice-body,.oklp .oklp__feature h3~p{text-wrap:pretty}

/* ---------- Layout ---------- */
.oklp .oklp__section-inner{margin-inline:auto}
.oklp .oklp__section-inner>.wp-block-group__inner-container{width:100%;max-width:none;margin:0}
.oklp .oklp__section-inner--hero{width:min(1240px,calc(100% - 48px))}
.oklp .oklp__section-inner--wide{width:min(1160px,calc(100% - 48px))}
.oklp .oklp__section-inner--medium{width:min(960px,calc(100% - 48px))}
.oklp .oklp__section-inner--narrow{width:min(920px,calc(100% - 48px))}

/* Section rhythm: white and pale alternate, navy closes */
.oklp--hero{margin:0;padding:40px 0 var(--oklp-section-y);background:#fff}
.oklp--schedule,.oklp--voice,.oklp--story,.oklp--guide{margin:0;padding:var(--oklp-section-y) 0;background:var(--oklp-pale)}
.oklp--included,.oklp--audition,.oklp--spec,.oklp--faq{margin:0;padding:var(--oklp-section-y) 0;background:#fff}

/* ---------- Section heading ---------- */
.oklp .oklp__kicker{margin:0 0 14px;color:var(--oklp-gold);font-family:var(--oklp-sans);font-size:12px;font-weight:500;letter-spacing:.28em;line-height:1.5;text-align:center;text-transform:uppercase}
.oklp h2.oklp__section-title{margin:0;font-family:var(--oklp-serif);font-size:34px;font-weight:500;line-height:1.5;letter-spacing:.14em;text-align:center}
.oklp .oklp__h2-text{display:inline;border:0;background:none}
.oklp .oklp__h2-text::after{content:none}
.oklp .oklp__center-copy{max-width:640px;margin:16px auto 0;color:var(--oklp-text);font-size:14px;line-height:2;text-align:center;text-wrap:pretty}

/* ---------- Buttons ---------- */
.oklp .oklp__cta{display:block;margin:28px 0 0}
.oklp .oklp__buy .oklp__cta{margin-top:16px}
.oklp .oklp__cta .wp-block-button{display:block;width:100%;margin:0}
.oklp .oklp__cta .wp-block-button__link{display:flex;align-items:center;justify-content:center;gap:16px;width:100%;min-height:64px;padding:12px 24px 12px 40px;border:0;border-radius:var(--oklp-radius-button);background:var(--oklp-accent);box-shadow:0 8px 24px rgba(20,42,71,.18);color:#fff;font-family:var(--oklp-sans);font-size:16px;font-weight:500;letter-spacing:.16em;line-height:1.5;text-decoration:none;transition:background-color .2s ease,transform .2s ease}
.oklp .oklp__cta .wp-block-button__link::after{content:"";flex:0 0 22px;width:22px;height:22px;background:currentColor;-webkit-mask:var(--oklp-icon-arrow-down) center/contain no-repeat;mask:var(--oklp-icon-arrow-down) center/contain no-repeat}
.oklp .oklp__cta .wp-block-button__link:hover{background:var(--oklp-navy);color:#fff}

/* =========================================================
   HERO
   ========================================================= */
.oklp .oklp__hero-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);--oklp-cg:clamp(56px,6vw,96px);--oklp-rg:0px;align-items:start}
.oklp .oklp__hero-layout>.wp-block-column{flex-basis:auto!important}

/* Gallery */
.oklp .oklp__main-image{overflow:hidden;background:var(--oklp-pale)}
.oklp .oklp__main-image img{width:100%;aspect-ratio:3/2;object-fit:cover}
.oklp .oklp__thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));--oklp-cg:8px;--oklp-rg:8px;margin:8px 0 0}
.oklp .oklp__thumbs figure{overflow:hidden;background:var(--oklp-pale)}
.oklp .oklp__thumbs img{width:100%;aspect-ratio:3/2;object-fit:cover}
.oklp .oklp__thumbs [data-oklp-thumb]{position:relative;cursor:pointer;transition:opacity .2s ease}
.oklp .oklp__thumbs[data-oklp-gallery-active] [data-oklp-thumb]:not([aria-pressed="true"]){opacity:.62}
.oklp .oklp__thumbs [data-oklp-thumb][aria-pressed="true"]::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 2px var(--oklp-accent)}
.oklp .oklp__thumbs [data-oklp-thumb]:focus-visible{outline:2px solid var(--oklp-accent);outline-offset:2px}
.oklp .oklp__main-image img{transition:opacity .25s ease}
.oklp .oklp__main-image img.is-swapping{opacity:0}

/* ZOZO proof — light: compact logo row, quote in small sans (quieter than the buy column), one phrase emphasised */
.oklp .oklp__zozo-proof{margin:40px 0 0;padding:28px 0 24px;border-top:1px solid var(--oklp-line);border-bottom:1px solid var(--oklp-line);background:none}
.oklp .oklp__zozo-proof-head{display:flex;align-items:center;gap:0 24px}
.oklp .oklp__zozo-proof-logo-image{display:block;flex:0 0 auto;width:112px;aspect-ratio:419.72/125}
.oklp .oklp__zozo-proof-company{display:flex;flex-direction:column;min-width:0;padding-left:24px;border-left:1px solid var(--oklp-line-strong)}
.oklp .oklp__zozo-proof-kicker{color:var(--oklp-gold);font-size:10.5px;font-weight:500;letter-spacing:.24em;line-height:1.6}
.oklp .oklp__zozo-proof-name{font-family:var(--oklp-serif);font-size:17px;font-weight:500;letter-spacing:.08em;line-height:1.5}
.oklp .oklp__zozo-proof-usage{color:var(--oklp-sub);font-size:11.5px;letter-spacing:.04em;line-height:1.6}
.oklp .oklp__zozo-proof-quote{position:relative;margin:20px 0 0;padding-left:26px}
.oklp .oklp__zozo-proof-quote::before{content:"\201C";display:block;position:absolute;top:-2px;left:0;color:var(--oklp-gold-soft);font-family:var(--oklp-serif);font-size:30px;line-height:1}
.oklp .oklp__zozo-proof-quote p{color:var(--oklp-text);font-family:var(--oklp-sans);font-size:13.5px;line-height:2;letter-spacing:.03em;text-wrap:pretty}
.oklp .oklp__zozo-proof-quote mark{display:inline-block;padding:0 2px;background:linear-gradient(transparent 64%,var(--oklp-gold-tint) 64%);color:var(--oklp-ink);font-weight:500}
.oklp .oklp__zozo-proof-note{margin:8px 0 0;padding-left:26px;color:var(--oklp-sub);font-size:10.5px;letter-spacing:.04em}

/* Buy column */
.oklp .oklp__buy{padding-top:4px}
.oklp .oklp__first-view-title{margin:0;font-size:inherit;font-weight:500;line-height:inherit;letter-spacing:inherit}
.oklp .oklp__brand{display:block;color:var(--oklp-sub);font-family:var(--oklp-sans);font-size:13px;font-weight:400;letter-spacing:.2em;line-height:1.6}
.oklp .oklp__product-title{display:block;margin-top:6px;font-family:var(--oklp-serif);font-size:clamp(30px,2.8vw,40px);font-weight:500;line-height:1.35;letter-spacing:.04em}
.oklp .oklp__product-lead{margin:20px 0 0;color:var(--oklp-text);font-size:14px;line-height:2}
.oklp .oklp__product-lead>span{display:block}

/* Rental / purchase tabs (revealed by JS) */
.oklp .oklp-purchase{margin-top:40px;scroll-margin-top:var(--oklp-anchor-offset)}
.oklp #oklp-customer-voice-title{scroll-margin-top:calc(var(--oklp-anchor-offset) + 48px)}
.oklp .oklp-purchase__tabs{display:flex;gap:28px;border-bottom:1px solid var(--oklp-line)}
.oklp .oklp-purchase__tabs button{position:relative;min-height:48px;margin:0;padding:10px 2px;border:0;background:transparent;color:var(--oklp-sub);font:inherit;font-size:14px;letter-spacing:.1em;cursor:pointer}
.oklp .oklp-purchase__tabs button[aria-selected="true"]{color:var(--oklp-ink);font-weight:500}
.oklp .oklp-purchase__tabs button:focus:not(:focus-visible){outline:none}
.oklp .oklp-purchase__tabs button:focus-visible{outline:2px solid var(--oklp-accent);outline-offset:-2px;border-radius:4px}
.oklp .oklp-purchase__tabs button[aria-selected="true"]::after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:2px;background:var(--oklp-accent)}
.oklp .oklp-purchase__rental,.oklp .oklp-purchase__panel{padding-top:32px}

/* Price */
.oklp .oklp__price-label{color:var(--oklp-gold);font-size:11px;font-weight:500;letter-spacing:.28em}
.oklp .oklp__rental-price{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:10px 0 0}
.oklp .oklp__rental-period-state{display:none;padding:3px 10px;border:1px solid var(--oklp-line-tag);color:var(--oklp-text);font-size:12px;letter-spacing:.08em;line-height:1.5;white-space:nowrap}
.oklp .oklp__rental-price-state{display:none;color:var(--oklp-ink);font-family:var(--oklp-serif);font-size:46px;font-weight:500;line-height:1.15;letter-spacing:.01em;font-variant-numeric:tabular-nums;white-space:nowrap}
.oklp .oklp__currency{margin-left:2px;font-size:18px;font-weight:500}
.oklp .oklp__tax{margin-left:10px;color:var(--oklp-sub);font-family:var(--oklp-sans);font-size:12px;font-weight:400;letter-spacing:.04em}
.oklp .oklp__rental-price .oklp__consultation-price{font-size:22px;line-height:1.6;letter-spacing:.08em}
.oklp .oklp__price-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 0;margin:12px 0 0;color:var(--oklp-sub);font-size:12.5px;letter-spacing:.04em}
.oklp .oklp__price-meta>span+span::before{content:"";display:inline-block;width:1px;height:11px;margin:0 14px;background:var(--oklp-line-tag);vertical-align:-1px}
.oklp .oklp__price-meta strong{margin-left:6px;color:var(--oklp-text);font-weight:500}

/* Period picker */
.oklp .oklp__period-input{position:fixed;top:1px;left:1px;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.oklp .oklp__period-disclosure{margin:24px 0 0;padding:0;border:0;background:transparent}
.oklp .oklp__period-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:10px 16px;border:1px solid var(--oklp-line-tag);border-radius:var(--oklp-radius-button);background:#fff;color:var(--oklp-ink);font-size:14px;font-weight:500;letter-spacing:.08em;list-style:none;cursor:pointer;transition:border-color .2s ease}
.oklp .oklp__period-disclosure>summary::-webkit-details-marker{display:none}
.oklp .oklp__period-disclosure>summary::after{content:"";flex:0 0 18px;width:18px;height:18px;background:var(--oklp-sub);-webkit-mask:var(--oklp-icon-chevron) center/contain no-repeat;mask:var(--oklp-icon-chevron) center/contain no-repeat;transition:transform .2s ease}
.oklp .oklp__period-disclosure[open]>summary::after{transform:rotate(180deg)}
.oklp .oklp__period-disclosure>summary:hover{border-color:var(--oklp-accent)}
.oklp .oklp__period-summary-change{display:none}
.oklp:has(.oklp__period-input:not(:first-of-type):checked) .oklp__period-summary-initial{display:none}
.oklp:has(.oklp__period-input:not(:first-of-type):checked) .oklp__period-summary-change{display:inline}
.oklp:has(.oklp__period-input:focus-visible) .oklp__period-disclosure>summary{outline:2px solid var(--oklp-accent);outline-offset:3px}
.oklp .oklp__period-list{margin:8px 0 0;border-top:1px solid var(--oklp-line)}
.oklp .oklp__period-option{display:grid;grid-template-columns:16px minmax(0,1fr) auto auto;align-items:center;column-gap:14px;min-height:52px;margin:0;padding:10px 8px;border-bottom:1px solid var(--oklp-line);color:var(--oklp-ink);font-size:15px;cursor:pointer;transition:background-color .15s ease}
.oklp .oklp__period-option:hover{background:#f8f9fb}
.oklp .oklp__selection-indicator{position:relative;display:block;width:16px;height:16px;border:1px solid var(--oklp-line-tag);border-radius:50%;background:#fff}
.oklp .oklp__selection-indicator::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--oklp-accent);opacity:0}
.oklp .oklp__period-label{min-width:0}
.oklp .oklp__selection-status{visibility:hidden;padding:2px 8px;border-radius:999px;background:#eef2f7;color:var(--oklp-accent);font-size:11px;font-weight:500;letter-spacing:.06em;line-height:1.6;white-space:nowrap}
.oklp .oklp__period-option strong{font-family:var(--oklp-serif);font-size:18px;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}

/* Supporting facts */
.oklp .oklp__auxiliary{display:flex;flex-direction:column;gap:12px;margin:40px 0 0}
.oklp .oklp__auxiliary>.wp-block-group__inner-container{display:contents}
.oklp .oklp__hero-reassurance{display:flex;flex-wrap:wrap;gap:8px 22px;margin:0}
.oklp .oklp__hero-reassurance>.wp-block-group__inner-container{display:contents}
.oklp .oklp__hero-reassurance-item{display:flex;align-items:center;gap:8px;margin:0;color:var(--oklp-text);font-size:13px;letter-spacing:.04em;white-space:nowrap}
.oklp .oklp__hero-reassurance-item::before{content:"";flex:0 0 18px;width:18px;height:18px;background-position:center;background-repeat:no-repeat;background-size:18px 18px}
.oklp .oklp__hero-reassurance-item--cover::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232b4a70' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 3v6c0 4.5-3.4 8-8 9-4.6-1-8-4.5-8-9V6z'/%3E%3Cpath d='M8.5 12l2.5 2.5 4.5-5'/%3E%3C/svg%3E")}
.oklp .oklp__hero-reassurance-item--payment::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232b4a70' stroke-width='1.4' stroke-linejoin='round'%3E%3Crect x='2.5' y='5' width='19' height='14' rx='1.5'/%3E%3Cpath d='M2.5 10h19M6 15h4'/%3E%3C/svg%3E")}
.oklp .oklp__hero-reassurance-item--shipping::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232b4a70' stroke-width='1.4' stroke-linejoin='round'%3E%3Cpath d='M2 6h11v10H2zM13 9h4l4 4v3h-8z'/%3E%3Ccircle cx='6' cy='17.5' r='1.8'/%3E%3Ccircle cx='17' cy='17.5' r='1.8'/%3E%3C/svg%3E")}

/* Microcopy & consultation */
.oklp .oklp__microcopy{margin:12px 0 0;color:var(--oklp-sub);font-size:12px;line-height:1.8;text-align:center}
.oklp .oklp__microcopy-note{display:inline}
.oklp .oklp__consultation{margin:8px 0 0;text-align:center}
.oklp .oklp__consultation a{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 0;color:var(--oklp-accent);font-size:13px;letter-spacing:.08em;text-decoration:underline;text-decoration-color:rgba(43,74,112,.35)}
.oklp .oklp__consultation a::before{content:"";flex:0 0 20px;width:20px;height:20px;background:var(--oklp-icon-line) center/contain no-repeat}

/* Model selector */
.oklp .oklp__model-selector{margin:40px 0 0;padding-top:28px;border-top:1px solid var(--oklp-line)}
.oklp .oklp__model-label{margin:0 0 10px;color:var(--oklp-gold);font-size:11px;font-weight:500;letter-spacing:.28em}
.oklp .oklp__model-options{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.oklp .oklp__model-options>.wp-block-group__inner-container{display:contents}
.oklp .oklp__model-option{margin:0;padding:0;border:0;background:none}
.oklp .oklp__model-option>.wp-block-group__inner-container{display:contents}
.oklp .oklp__model-option p{display:flex;margin:0}
.oklp .oklp__model-option--linked a,.oklp .oklp__model-option--current p{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 16px;border:1px solid var(--oklp-line-strong);border-radius:var(--oklp-radius-button);background:#fff;color:var(--oklp-ink);font-size:13px;letter-spacing:.04em;line-height:1.5;text-decoration:none;transition:border-color .2s ease}
.oklp .oklp__model-option--linked a:hover{border-color:var(--oklp-accent);color:var(--oklp-ink)}
.oklp .oklp__model-option--current p{border:1.5px solid var(--oklp-accent);background:#eef2f7;color:var(--oklp-accent);font-weight:500}
/* current model: round check badge (same as the top page's selected thumbnail); "選択中" kept for screen readers only */
.oklp .oklp__model-option--current p{position:relative;gap:8px;padding-left:12px}
.oklp .oklp__model-option--current p::before{content:"";flex:0 0 16px;width:16px;height:16px;border-radius:50%;background:var(--oklp-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/10px 10px no-repeat}
.oklp .oklp__model-option--current small{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}

/* Trust bar */
.oklp .oklp__trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:72px 0 0;padding:0;border-top:1px solid var(--oklp-line-strong);border-bottom:1px solid var(--oklp-line-strong);list-style:none}
.oklp .oklp__trust li{margin:0;padding:32px 20px 30px;text-align:center}
.oklp .oklp__trust li+li{border-left:1px solid var(--oklp-line-strong)}
.oklp .oklp__trust-icon{display:block;width:28px;height:28px;margin:0 auto 14px;fill:none;stroke:var(--oklp-accent);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.oklp .oklp__trust-title{font-family:var(--oklp-serif);font-size:17px;font-weight:500;letter-spacing:.08em;line-height:1.5}
.oklp .oklp__trust-desc{margin-top:4px;color:var(--oklp-text);font-size:12.5px;line-height:1.7}

/* =========================================================
   01 SCHEDULE — single timeline (same as top page)
   ========================================================= */
.oklp .oklp__timeline{max-width:1040px;margin:56px auto 0;padding:48px 40px 36px;border-radius:16px;background:#fff}
.oklp .oklp__timeline-example{margin:0 0 44px;color:var(--oklp-text);font-size:13px;letter-spacing:.06em;text-align:center}
.oklp .oklp__timeline-track{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:30px 0 0;list-style:none;text-align:center}
.oklp .oklp__timeline-track::before{content:"";position:absolute;top:38px;left:12.5%;width:25%;border-top:2px dashed var(--oklp-line-tag)}
.oklp .oklp__timeline-track::after{content:"";position:absolute;top:37px;left:37.5%;width:50%;height:3px;background:var(--oklp-accent)}
.oklp .oklp__timeline-point{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;margin:0;padding:0 8px}
.oklp .oklp__timeline-dot{display:block;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px #fff}
.oklp .oklp__timeline-point--ship .oklp__timeline-dot{border:2px solid #8e9bab}
.oklp .oklp__timeline-point--start .oklp__timeline-dot{background:var(--oklp-accent)}
.oklp .oklp__timeline-point--use .oklp__timeline-dot{border:3px solid var(--oklp-accent)}
.oklp .oklp__timeline-point--return .oklp__timeline-dot{background:var(--oklp-gold-dot)}
.oklp .oklp__timeline-date{margin-top:10px;color:var(--oklp-accent);font-family:var(--oklp-serif);font-size:22px;font-weight:600;line-height:1.3}
.oklp .oklp__timeline-date--label{margin-top:14px;color:var(--oklp-sub);font-family:var(--oklp-sans);font-size:12px;font-weight:400;letter-spacing:.1em;line-height:1.5}
.oklp .oklp__timeline-point strong{display:block;margin:2px 0 6px;font-size:16px;font-weight:700;letter-spacing:.04em}
.oklp .oklp__timeline-desc{color:var(--oklp-text);font-size:12px;line-height:1.8}
.oklp .oklp__timeline-range{position:absolute;top:-30px;left:150%;color:var(--oklp-accent);font-size:12px;font-weight:700;letter-spacing:.12em;white-space:nowrap;transform:translateX(-50%)}
.oklp .oklp__timeline-steps{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 28px;margin-top:40px;padding-top:24px;border-top:1px solid #dde3ea;color:var(--oklp-text);font-size:12px;line-height:1.8}
.oklp .oklp__timeline-steps-title{color:var(--oklp-ink);font-weight:700;letter-spacing:.08em}

/* =========================================================
   02 INCLUDED
   ========================================================= */
.oklp .oklp__included-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));--oklp-cg:24px;--oklp-rg:32px;margin:56px 0 0}
.oklp .oklp__included-grid figure{overflow:hidden;background:var(--oklp-pale)}
.oklp .oklp__included-grid img{width:100%;aspect-ratio:3/2;object-fit:cover}
.oklp .oklp__included-grid figure+p{padding:14px 2px;border-bottom:1px solid var(--oklp-line);font-family:var(--oklp-serif);font-size:17px;letter-spacing:.06em}
.oklp .oklp__note{margin:20px 0 0;color:var(--oklp-sub);font-size:12px;text-align:right}

/* =========================================================
   03 VOICE
   ========================================================= */
.oklp .oklp__voice-section{--oklp-voice-card:calc((100% - 48px)/3)}
.oklp .oklp__voice-heading{margin:0}
.oklp .oklp__voice-rail{display:flex;align-items:stretch;gap:24px;margin:56px 0 0;padding:0 0 16px;overflow-x:auto;overflow-y:hidden;list-style:none;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--oklp-line-tag) transparent;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
.oklp .oklp__voice-rail::after{content:"";flex:0 0 calc(100% - var(--oklp-voice-card) - 24px)}
.oklp .oklp__voice-item{display:flex;flex:0 0 var(--oklp-voice-card);min-width:0;margin:0;scroll-snap-align:start}
.oklp .oklp__voice-card{display:flex;flex:1 1 auto;flex-direction:column;gap:20px;min-width:0;min-height:360px;padding:40px 32px;background:#fff}
.oklp .oklp__voice-number{color:var(--oklp-sub);font-size:12px;letter-spacing:.16em;font-variant-numeric:tabular-nums}
.oklp .oklp__voice-body{color:#2f3946;font-size:14px;line-height:2.1}
.oklp .oklp__voice-paragraph+.oklp__voice-paragraph{margin-top:10px}
.oklp .oklp__voice-highlight{padding:0 1px;background:linear-gradient(transparent 62%,var(--oklp-gold-tint) 62%);color:var(--oklp-ink);font-weight:500}
.oklp .oklp__voice-points{margin:12px 0 0;padding:0;list-style:none}
.oklp .oklp__voice-points li{position:relative;margin:0;padding-left:1.1em;line-height:1.9}
.oklp .oklp__voice-points li+li{margin-top:4px}
.oklp .oklp__voice-points li::before{content:"";position:absolute;top:.85em;left:0;width:5px;height:1px;background:var(--oklp-gold)}
.oklp .oklp__voice-attribution{margin-top:auto;padding-top:8px;color:var(--oklp-sub);font-size:12px;text-align:right}
.oklp .oklp__voice-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:24px}
.oklp .oklp__voice-notes{color:var(--oklp-sub);font-size:11px;line-height:1.8}
.oklp .oklp__voice-controls{display:none;align-items:center;gap:12px}
.oklp [data-oklp-customer-voice][data-enhanced="true"] .oklp__voice-controls{display:flex}
.oklp [data-oklp-customer-voice][data-enhanced="true"] .oklp__voice-rail{padding-bottom:0;scrollbar-width:none}
.oklp [data-oklp-customer-voice][data-enhanced="true"] .oklp__voice-rail::-webkit-scrollbar{display:none}
.oklp .oklp__voice-counter{margin-right:8px;color:var(--oklp-sub);font-size:13px;letter-spacing:.1em;font-variant-numeric:tabular-nums}
.oklp .oklp__voice-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;border:1px solid var(--oklp-line-tag);border-radius:50%;background:#fff;color:var(--oklp-ink);cursor:pointer;transition:opacity .2s ease}
.oklp .oklp__voice-button--next{border-color:var(--oklp-navy);background:var(--oklp-navy);color:#fff}
.oklp .oklp__voice-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.oklp .oklp__voice-button:disabled{opacity:.35;cursor:default}

/* =========================================================
   04 HOME AUDITION + compare select
   ========================================================= */
.oklp .oklp__audition-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:40px clamp(40px,5vw,72px);align-items:center;margin:56px 0 0}
.oklp .oklp__audition-content>.wp-block-group__inner-container{display:contents}
.oklp .oklp__audition-visual{grid-column:2;grid-row:1;overflow:hidden;background:var(--oklp-pale)}
.oklp .oklp__audition-visual img{width:100%;aspect-ratio:4/3;object-fit:cover}
.oklp .oklp__audition-points{grid-column:1;grid-row:1;margin:0;padding:0;border-top:1px solid var(--oklp-line-strong);list-style:none}
.oklp .oklp__audition-point{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:16px;margin:0;padding:24px 0;border-bottom:1px solid var(--oklp-line-strong)}
.oklp .oklp__audition-number{color:var(--oklp-accent);font-family:var(--oklp-serif);font-size:26px;line-height:1.2}
.oklp .oklp__audition-point h3{margin:0;font-size:20px;letter-spacing:.08em;line-height:1.5}
.oklp .oklp__audition-point p{margin:6px 0 0;color:var(--oklp-text);font-size:13.5px;line-height:1.9}
.oklp .oklp__home-compare{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:48px;align-items:center;margin:80px 0 0;padding:48px 56px;border-radius:var(--oklp-radius-card);background:radial-gradient(90% 120% at 0% 0%,var(--oklp-navy-light) 0%,var(--oklp-navy) 70%);color:#fff}
.oklp .oklp__home-compare>.wp-block-group__inner-container{display:contents}
.oklp .oklp__home-compare>p{grid-column:1}
.oklp .oklp__home-compare-kicker{color:var(--oklp-gold-light);font-size:12px;font-weight:500;letter-spacing:.28em}
.oklp .oklp__home-compare-title{margin-top:8px!important;font-family:var(--oklp-serif);font-size:26px;font-weight:500;letter-spacing:.1em;line-height:1.5}
.oklp .oklp__home-compare-copy{margin-top:12px!important;color:var(--oklp-on-dark);font-size:14px;line-height:2}
.oklp .oklp__home-compare-copy strong{margin-left:4px;color:var(--oklp-gold-pale);font-family:var(--oklp-serif);font-size:19px;font-weight:500;letter-spacing:.04em}
.oklp .oklp__home-compare-cta{grid-column:2;grid-row:1/span 3;margin:0}
.oklp .oklp__home-compare-cta .wp-block-button{margin:0}
.oklp .oklp__home-compare-cta .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:56px;padding:0 22px 0 34px;border:0;border-radius:var(--oklp-radius-button);background:#fff;color:var(--oklp-navy);font-size:14px;font-weight:500;letter-spacing:.12em;line-height:1.5;text-decoration:none;white-space:nowrap;transition:transform .2s ease}
.oklp .oklp__home-compare-cta .wp-block-button__link::after{content:"";flex:0 0 20px;width:20px;height:20px;background:currentColor;-webkit-mask:var(--oklp-icon-arrow) center/contain no-repeat;mask:var(--oklp-icon-arrow) center/contain no-repeat}
.oklp .oklp__home-compare-cta .wp-block-button__link:hover{color:var(--oklp-navy)}
.oklp .oklp__home-compare :focus-visible{outline-color:#fff}

/* =========================================================
   05 SOUND PROFILE (shortcode output)
   ========================================================= */
.oklp .oklp__sound{margin-top:56px}
.oklp .oklp__sound .wp-block-shortcode{margin:0;overflow:visible}
.oklp .oklp__sound .oksp-sound-profile{--oksp-bg:#fff;--oksp-panel:#fff;--oksp-border:var(--oklp-line);--oksp-text:var(--oklp-ink);--oksp-subtle:var(--oklp-sub);--oksp-accent:var(--oklp-accent);--oksp-accent-soft:#8ea3bd;--oksp-track:#e3e8ee;--oksp-shadow:none;width:100%;max-width:none;margin:0;overflow:visible;color:var(--oklp-ink);font-family:var(--oklp-sans)}
.oklp .oklp__sound .oksp-shell{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"scores scores" "traits radar";gap:24px;align-items:stretch}
.oklp .oklp__sound .oksp-card{min-width:0;padding:32px;border:0;border-radius:var(--oklp-radius-card);background:#fff;box-shadow:none;order:initial}
.oklp .oklp__sound .oksp-card-scores{display:block;grid-area:scores;padding:36px 32px}
.oklp .oklp__sound .oksp-card-summary,.oklp .oklp__sound .oksp-card-listening,.oklp .oklp__sound .oksp-card-scores>.oksp-eyebrow{display:none}
.oklp .oklp__sound .oksp-card-traits{display:block;grid-area:traits}
.oklp .oklp__sound .oksp-card-radar{display:block;grid-area:radar}
.oklp .oklp__sound .oksp-section-title{margin:0 0 18px;padding:0;border:0;background:none;box-shadow:none;color:var(--oklp-ink);font-family:var(--oklp-serif);font-size:18px;font-weight:500;letter-spacing:.1em;line-height:1.5}
.oklp .oklp__sound .oksp-section-title::before,.oklp .oklp__sound .oksp-section-title::after{content:none;display:none}
.oklp .oklp__sound .oksp-score-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,4vw,56px);max-width:600px;margin:auto;padding:0}
.oklp .oklp__sound .oksp-score-card{display:grid;justify-items:center;align-content:start;gap:10px;min-width:0;padding:0}
.oklp .oklp__sound .oksp-score-ring{display:grid;width:84px;height:84px;padding:8px;border-radius:999px;background:radial-gradient(circle at center,#fff 0 60%,transparent 61% 100%),conic-gradient(var(--oksp-accent) 0deg,var(--oksp-accent-soft) var(--oksp-score-angle),var(--oksp-track) var(--oksp-score-angle),var(--oksp-track) 360deg)}
.oklp .oklp__sound .oksp-score-value{display:grid;justify-items:center;line-height:1}
.oklp .oklp__sound .oksp-score-number{color:var(--oklp-accent);font-family:var(--oklp-serif);font-size:22px;font-weight:600;font-variant-numeric:tabular-nums}
.oklp .oklp__sound .oksp-score-denominator{display:block;margin-top:3px;color:var(--oklp-sub);font-size:10px}
.oklp .oklp__sound .oksp-score-label{margin:0;color:var(--oklp-text);font-size:13px;font-weight:500;letter-spacing:.1em;line-height:1.5;text-align:center;word-break:keep-all}
.oklp .oklp__sound .oksp-traits{display:grid;gap:10px}
.oklp .oklp__sound .oksp-trait{padding:12px 0;border:0;border-bottom:1px solid var(--oklp-line);border-radius:0;background:none}
.oklp .oklp__sound .oksp-trait-head{display:flex;align-items:baseline;margin-bottom:8px}
.oklp .oklp__sound .oksp-trait-title{color:var(--oklp-ink);font-size:13px;font-weight:500;letter-spacing:.08em;line-height:1.4}
.oklp .oklp__sound .oksp-trait-scale{display:grid;grid-template-columns:minmax(52px,64px) minmax(0,1fr) minmax(52px,64px);align-items:center;gap:10px}
.oklp .oklp__sound .oksp-trait-side{display:block;color:var(--oklp-sub);font-size:11px;line-height:1.35;white-space:nowrap}
.oklp .oklp__sound .oksp-trait-side-right{text-align:right}
.oklp .oklp__sound .oksp-trait-axis{position:relative;min-width:0}
.oklp .oklp__sound .oksp-trait-ticks{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
.oklp .oklp__sound .oksp-trait-ticks span{display:block;height:4px;border-radius:999px;background:var(--oksp-track)}
.oklp .oklp__sound .oksp-trait-marker{position:absolute;top:50%;left:var(--oksp-marker-position);width:14px;height:14px;border:2px solid #fff;border-radius:999px;background:var(--oksp-accent);box-shadow:0 1px 5px rgba(20,42,71,.2);transform:translate(-50%,-50%)}
.oklp .oklp__sound .oksp-radar-figure{margin:0 0 16px;padding:0 12px}
.oklp .oklp__sound .oksp-radar-svg{display:block;width:100%;max-width:300px;height:auto;margin:auto;overflow:visible}
.oklp .oklp__sound .oksp-radar-shape{fill:rgba(43,74,112,.16);stroke:var(--oksp-accent);stroke-width:2}
.oklp .oklp__sound .oksp-radar-dot{fill:var(--oklp-gold-dot);stroke:#fff;stroke-width:2}
.oklp .oklp__sound .oksp-radar-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;margin:0}
.oklp .oklp__sound .oksp-radar-stat{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0;padding:8px 0;border:0;border-top:1px solid var(--oklp-line);border-radius:0;background:none}
.oklp .oklp__sound .oksp-radar-stat-label{color:var(--oklp-text);font-size:12px;line-height:1.55}
.oklp .oklp__sound .oksp-radar-stat-value{color:var(--oklp-accent);font-family:var(--oklp-serif);font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap}
.oklp .oklp__sound .oksp-radar-note{margin:14px 0 0;color:var(--oklp-sub);font-size:11px;line-height:1.7}

/* =========================================================
   06 DETAIL / 07 REVIEW
   ========================================================= */
.oklp .oklp__detail{margin-top:120px}
.oklp .oklp__feature{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);--oklp-cg:clamp(40px,6vw,88px);--oklp-rg:40px;align-items:center;margin:72px 0 0}
.oklp .oklp__detail h2+.oklp__feature{margin-top:56px}
.oklp .oklp__feature>.wp-block-column{flex-basis:auto!important}
.oklp .oklp__feature img{width:100%;aspect-ratio:3/2;object-fit:cover}
.oklp .oklp__feature-kicker{color:var(--oklp-gold);font-size:11px;font-weight:500;letter-spacing:.28em}
.oklp .oklp__feature h3{margin:8px 0 0;font-size:28px;letter-spacing:.1em;line-height:1.45}
.oklp .oklp__feature h3~p{margin:10px 0 0;color:var(--oklp-text);font-size:14px;line-height:2}
.oklp .oklp__feature h3+p{margin-top:18px}
.oklp .oklp__feature--reverse{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
.oklp .oklp__feature--reverse>.wp-block-column:first-child{order:2}
.oklp .oklp__cable-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));--oklp-cg:12px;--oklp-rg:12px}
.oklp .oklp__cable-pair img{aspect-ratio:1/1}
.oklp .oklp__cable-pair figcaption{margin:8px 0 0;color:var(--oklp-sub);font-size:12px;letter-spacing:.08em;text-align:left}
.oklp .oklp__video{max-width:880px;margin:120px auto 0}
.oklp .oklp__video .wp-block-embed{margin:40px 0 0}
.oklp .oklp__video .wp-block-embed__wrapper{overflow:hidden;border-radius:4px}
.oklp .oklp__review-link{margin:32px 0 0;text-align:center}
.oklp .oklp__review-link a{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 0;border-bottom:1px solid currentColor;color:var(--oklp-accent);font-size:14px;letter-spacing:.12em;text-decoration:none}
.oklp .oklp__review-link a::after{content:"";flex:0 0 18px;width:18px;height:18px;background:currentColor;-webkit-mask:var(--oklp-icon-arrow) center/contain no-repeat;mask:var(--oklp-icon-arrow) center/contain no-repeat}
.oklp .oklp__mid-reservation{width:min(480px,100%);margin:88px auto 0}
.oklp .oklp__mid-reservation .oklp__cta{margin:0}
.oklp .oklp__mid-reservation-copy{margin:12px 0 0;color:var(--oklp-sub);font-size:12px;text-align:center}

/* =========================================================
   08 SPEC
   ========================================================= */
.oklp .oklp__spec{margin:56px 0 0;border-top:1px solid var(--oklp-ink)}
.oklp .oklp__spec>div{display:grid;grid-template-columns:200px minmax(0,1fr);gap:0 24px;padding:20px 4px;border-bottom:1px solid var(--oklp-line)}
.oklp .oklp__spec dt{color:var(--oklp-sub);font-size:13px;font-weight:500;letter-spacing:.08em}
.oklp .oklp__spec dd{margin:0;font-size:14px}

/* =========================================================
   09 GUIDE / delivery / purchase guide
   ========================================================= */
.oklp .oklp__guide-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:56px 0 0;padding:0;list-style:none}
.oklp .oklp__guide-grid li{display:flex;flex-direction:column;gap:10px;margin:0;padding:28px 24px;border:1px solid var(--oklp-line);border-radius:var(--oklp-radius-card);background:#fff}
.oklp .oklp__guide-grid svg{width:28px;height:28px;fill:none;stroke:var(--oklp-accent);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.oklp .oklp__guide-grid h3{margin:6px 0 0;font-size:18px;letter-spacing:.08em;line-height:1.5}
.oklp .oklp__guide-grid p{flex:1;color:var(--oklp-text);font-size:13px;line-height:1.9}
.oklp .oklp__guide-grid a{display:inline-flex;align-self:flex-start;align-items:center;min-height:44px;padding:0;font-size:13px;letter-spacing:.06em}
.oklp .oklp-delivery{margin:40px 0 0}
.oklp .oklp-delivery__details{margin:0;border:1px solid var(--oklp-line);border-radius:var(--oklp-radius-card);background:#fff}
.oklp .oklp-delivery__details>summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 32px;list-style:none;cursor:pointer}
.oklp .oklp-delivery__details>summary::-webkit-details-marker{display:none}
.oklp .oklp-delivery__header{display:block;min-width:0}
.oklp .oklp-delivery__title{display:block;font-family:var(--oklp-serif);font-size:18px;font-weight:500;letter-spacing:.08em;line-height:1.6}
.oklp .oklp-delivery__summary{display:block;margin-top:6px;color:var(--oklp-text);font-size:13px;line-height:1.9}
.oklp .oklp-delivery__summary>span{display:block}
.oklp .oklp-delivery__action{display:inline-flex;flex-shrink:0;align-items:center;gap:10px;min-height:44px;padding:0 16px;border:1px solid var(--oklp-line-tag);border-radius:var(--oklp-radius-button);color:var(--oklp-accent);font-size:13px;font-weight:500;letter-spacing:.08em;white-space:nowrap}
.oklp .oklp-delivery__action::after{content:"";flex:0 0 16px;width:16px;height:16px;background:currentColor;-webkit-mask:var(--oklp-icon-plus) center/contain no-repeat;mask:var(--oklp-icon-plus) center/contain no-repeat;transition:transform .2s ease}
.oklp .oklp-delivery__details[open] .oklp-delivery__action::after{transform:rotate(45deg)}
.oklp .oklp-delivery__details:not([open]) .oklp-delivery__action-close,.oklp .oklp-delivery__details[open] .oklp-delivery__action-open{display:none}
.oklp .oklp-delivery__details>summary:hover .oklp-delivery__action{border-color:var(--oklp-accent)}
.oklp .oklp-delivery__body{margin:0 32px;padding:24px 0 32px;border-top:1px solid var(--oklp-line)}
.oklp .oklp-delivery__body>.wp-block-group__inner-container{display:contents}
.oklp .oklp-delivery__group+.oklp-delivery__group{margin-top:24px}
.oklp .oklp-delivery__body h3{margin:0 0 10px;font-family:var(--oklp-sans);font-size:15px;font-weight:700;letter-spacing:.06em}
.oklp .oklp-delivery__body p{color:var(--oklp-text);font-size:14px;line-height:1.95}
.oklp .oklp-delivery__body ul{display:grid;gap:6px;margin:0;padding-left:1.4em;color:var(--oklp-text);font-size:14px;line-height:1.95;list-style:disc outside}
.oklp .oklp-delivery__body p+ul{margin-top:10px}
.oklp .oklp-delivery__body li::marker{color:var(--oklp-gold)}
.oklp .oklp-purchase__guide{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px 40px;margin:40px 0 0;padding:40px 48px;border:1px solid var(--oklp-line);border-radius:var(--oklp-radius-card);background:#fff}
.oklp .oklp-purchase__guide-copy{flex:1 1 420px;min-width:0}
.oklp .oklp-purchase__guide h3{margin:6px 0 0;font-size:22px;letter-spacing:.08em;line-height:1.5}
.oklp .oklp-purchase__guide-copy>p:not(.oklp-purchase__kicker){margin:10px 0 0;color:var(--oklp-text);font-size:14px;line-height:1.95}
.oklp .oklp-purchase__guide .oklp-purchase__button::after{-webkit-mask-image:var(--oklp-icon-arrow-up);mask-image:var(--oklp-icon-arrow-up)}

/* =========================================================
   10 FAQ
   ========================================================= */
.oklp .oklp__faq-layout{display:flex;flex-wrap:wrap;gap:48px 80px}
.oklp .oklp__faq-layout>.wp-block-group__inner-container{display:contents}
.oklp .oklp__faq-intro{flex:1 1 260px;min-width:0}
.oklp .oklp__faq-intro .oklp__kicker,.oklp .oklp__faq-intro h2.oklp__section-title{text-align:left}
.oklp .oklp__faq-intro h2.oklp__section-title{letter-spacing:.1em;line-height:1.4}
.oklp .oklp__faq-lead{margin:20px 0 0;color:var(--oklp-text);font-size:13px;line-height:2}
/* FAQ intro: LINE as a quiet button (primary way to get help), full FAQ as a plain text link */
.oklp .oklp__faq-links{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin:28px 0 0}
.oklp .oklp__faq-line{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 22px 0 18px;border:1px solid var(--oklp-line-tag);border-radius:var(--oklp-radius-button);background:#fff;color:var(--oklp-ink);font-size:13.5px;font-weight:500;letter-spacing:.08em;text-decoration:none;transition:border-color .2s ease}
.oklp .oklp__faq-line::before{content:"";flex:0 0 20px;width:20px;height:20px;background:var(--oklp-icon-line) center/contain no-repeat}
.oklp .oklp__faq-line:hover{border-color:var(--oklp-accent);color:var(--oklp-ink)}
.oklp .oklp__faq-all{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--oklp-accent);font-size:13px;letter-spacing:.08em;text-decoration:none}
.oklp .oklp__faq-all::after{content:"";flex:0 0 16px;width:16px;height:16px;background:currentColor;-webkit-mask:var(--oklp-icon-arrow) center/contain no-repeat;mask:var(--oklp-icon-arrow) center/contain no-repeat;transition:transform .2s ease}
.oklp .oklp__faq-all:hover::after{transform:translateX(3px)}
.oklp .oklp__faq-more{margin:20px 0 0;text-align:right}
.oklp .oklp__faq-list{flex:2 1 520px;min-width:0;border-top:1px solid var(--oklp-ink)}
.oklp .oklp__faq-item{margin:0;border-bottom:1px solid var(--oklp-line)}
.oklp .oklp__faq-item>summary{display:flex;align-items:center;gap:20px;min-height:68px;padding:14px 4px;color:var(--oklp-ink);font-size:15px;line-height:1.7;list-style:none;cursor:pointer}
.oklp .oklp__faq-item>summary::-webkit-details-marker{display:none}
.oklp .oklp__faq-item>summary::before{content:"Q";flex:0 0 auto;color:var(--oklp-accent);font-family:var(--oklp-serif);font-size:18px;line-height:1}
.oklp .oklp__faq-item>summary::after{content:"";flex:0 0 18px;width:18px;height:18px;margin-left:auto;background:var(--oklp-sub);-webkit-mask:var(--oklp-icon-plus) center/contain no-repeat;mask:var(--oklp-icon-plus) center/contain no-repeat;transition:transform .2s ease}
.oklp .oklp__faq-item[open]>summary::after{transform:rotate(45deg)}
.oklp .oklp__faq-item>summary:hover{color:var(--oklp-accent)}
.oklp .oklp__faq-item>:not(summary){margin:0 0 16px;padding:0 36px 0 36px;color:var(--oklp-text);font-size:14px;line-height:2}
.oklp .oklp__faq-item>ul{padding-left:calc(36px + 1.3em);list-style:disc}
.oklp .oklp__faq-item>ul li::marker{color:var(--oklp-gold)}
.oklp .oklp__faq-item strong{color:var(--oklp-ink);font-weight:500}

/* =========================================================
   APPLICATION (navy band)
   ========================================================= */
.oklp--application{position:relative;margin:0;padding:var(--oklp-section-y) 0;background:radial-gradient(90% 60% at 50% 0%,var(--oklp-navy-light) 0%,var(--oklp-navy) 70%);color:#fff;scroll-margin-top:var(--oklp-anchor-offset)}
.oklp--application .oklp__kicker{color:var(--oklp-gold-light)}
.oklp--application h2.oklp__section-title{color:#fff;font-size:40px}
.oklp--application .oklp__center-copy{color:var(--oklp-on-dark)}
.oklp .oklp__application-flow{margin:64px auto 0}
.oklp .oklp__application-flow h3{margin:0;color:#fff;font-size:20px;letter-spacing:.12em;text-align:center}
.oklp .oklp__flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;max-width:900px;margin:28px auto 0;padding:0;list-style:none}
.oklp .oklp__flow li{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;margin:0;padding:8px 0;color:#f4f8fb;font-size:14px;line-height:1.7;text-align:center}
.oklp .oklp__flow li strong{margin:0 0 14px;color:var(--oklp-gold-light);font-size:12px;font-weight:500;letter-spacing:.14em;line-height:1.4}
.oklp .oklp__flow li>span{display:flex;flex-direction:column;align-items:center;gap:14px}
.oklp .oklp__flow li>span::before{content:"";display:block;width:36px;height:36px;background:var(--oklp-flow-icon) center/contain no-repeat}
.oklp .oklp__flow li+li::before{content:"";position:absolute;top:59px;left:-12px;width:7px;height:7px;border-top:1px solid rgba(255,255,255,.5);border-right:1px solid rgba(255,255,255,.5);transform:translate(-50%,-50%) rotate(45deg)}
.oklp .oklp__flow-label-compact{display:none}
.oklp .oklp__application-card{max-width:860px;margin:56px auto 0;padding:48px 56px;border-radius:var(--oklp-radius-card);background:#fff;box-shadow:0 18px 42px rgba(8,20,36,.28);color:var(--oklp-ink)}
.oklp .oklp__application-group h3{margin:0 0 20px;color:var(--oklp-ink);font-size:20px;letter-spacing:.12em;text-align:center}
.oklp .oklp__summary{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 24px;padding:24px 28px;border-radius:8px;background:var(--oklp-pale)}
.oklp .oklp__summary>.wp-block-group__inner-container{display:contents}
.oklp .oklp__summary-period{font-family:var(--oklp-serif);font-size:20px;letter-spacing:.06em;line-height:1.6}
.oklp .oklp__summary-separator{color:var(--oklp-line-tag)}
.oklp .oklp__summary-period-state{display:none;font-weight:500}
.oklp .oklp__summary-total{display:flex;flex-direction:column;align-items:flex-end;text-align:right}
.oklp .oklp__summary-total-label{color:var(--oklp-sub);font-size:12px;letter-spacing:.08em}
.oklp .oklp__summary-price-state{display:none;color:var(--oklp-accent);font-family:var(--oklp-serif);font-size:30px;font-weight:500;font-variant-numeric:tabular-nums;line-height:1.35;white-space:nowrap}
.oklp .oklp__summary-price-state[data-period-index="6"]{font-size:20px;white-space:normal}
.oklp .oklp__summary-change{flex:1 0 100%;margin:-4px 0 -8px;font-size:13px}
.oklp .oklp__summary-change a{display:inline-flex;align-items:center;min-height:44px;color:var(--oklp-accent);letter-spacing:.06em}
.oklp .oklp__form-area{margin:40px 0 0;padding:40px 0 0;border-top:1px solid var(--oklp-line)}
.oklp .oklp__form-area h3{margin:0 0 24px;color:var(--oklp-ink);font-size:20px;letter-spacing:.12em;text-align:center}
.oklp .oklp__form-note{position:relative;width:fit-content;max-width:100%;margin:0 auto 28px;padding:14px 18px 14px 46px;border-radius:8px;background:var(--oklp-pale);color:var(--oklp-text);font-size:13px;line-height:1.8;word-break:auto-phrase}
.oklp .oklp__form-note::before{content:"";position:absolute;top:18px;left:18px;width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232b4a70' stroke-width='1.4' stroke-linejoin='round'%3E%3Crect x='2.5' y='4.5' width='19' height='15' rx='1.5'/%3E%3Ccircle cx='8.5' cy='11' r='2.2'/%3E%3Cpath d='M5 16.5c.8-1.8 2-2.5 3.5-2.5s2.7.7 3.5 2.5M14 9.5h4.5M14 13h4.5'/%3E%3C/svg%3E") center/contain no-repeat}
.oklp .oklp__form-note strong{color:var(--oklp-ink);font-weight:500}
.oklp .oklp__form-area .wpforms-container{margin:0;background:transparent;box-shadow:none}
.oklp .oklp__form-area .wpforms-container :is(.wpforms-field-label,.wpforms-field-label-inline){color:var(--oklp-ink);font-weight:500}
.oklp .oklp__form-area .wpforms-container :is(.wpforms-field-description,.wpforms-field-sublabel){color:var(--oklp-sub)}
.oklp .oklp__form-area .wpforms-container .wpforms-error{color:#b42318}
.oklp .oklp__form-area .wpforms-container :is(input:not([type="radio"]):not([type="checkbox"]),select,textarea){min-height:48px;border:1px solid var(--oklp-line-tag);border-radius:var(--oklp-radius-button);background:#fff;color:var(--oklp-ink)}
.oklp .oklp__form-area .wpforms-container :is(input,select,textarea):focus{border-color:var(--oklp-accent);box-shadow:0 0 0 3px rgba(43,74,112,.15)}
.oklp .oklp__form-area .wpforms-container :is(input[type="radio"],input[type="checkbox"]){accent-color:var(--oklp-accent)}
.oklp .oklp__form-area .wpforms-container button.wpforms-submit{min-width:min(360px,100%);min-height:60px;padding:0 40px;border:0;border-radius:var(--oklp-radius-button);background:var(--oklp-accent);box-shadow:0 8px 24px rgba(20,42,71,.18);color:#fff;font-family:var(--oklp-sans);font-size:16px;font-weight:500;letter-spacing:.16em}
.oklp .oklp__form-area .wpforms-container button.wpforms-submit:hover{background:var(--oklp-navy)}
.oklp .oklp__form-area .wpforms-submit-container{text-align:center}

/* =========================================================
   PURCHASE SUPPORT (panel / dialogs / buttons)
   ========================================================= */
.oklp .oklp-purchase__kicker{color:var(--oklp-gold);font-size:11px;font-weight:500;letter-spacing:.28em}
.oklp .oklp-purchase__intro{margin:8px 0 0;color:var(--oklp-text);font-size:14px;line-height:2}
.oklp .oklp-purchase__free{margin:16px 0 0;font-size:14px}
.oklp .oklp-purchase__free strong{margin-left:8px;color:var(--oklp-accent);font-family:var(--oklp-serif);font-size:24px;font-weight:500}
.oklp .oklp-purchase__steps{margin:20px 0 0;padding:0;border-top:1px solid var(--oklp-line-strong);list-style:none}
.oklp .oklp-purchase__steps li{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:baseline;gap:2px 16px;margin:0;padding:18px 0;border-bottom:1px solid var(--oklp-line-strong)}
.oklp .oklp-purchase__step-when{grid-row:1/span 2;color:var(--oklp-gold);font-size:12px;letter-spacing:.16em}
.oklp .oklp-purchase__steps strong{font-family:var(--oklp-serif);font-size:19px;font-weight:500;letter-spacing:.08em}
.oklp .oklp-purchase__step-desc{grid-column:2;color:var(--oklp-text);font-size:12.5px}
.oklp .oklp-purchase__button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:56px;padding:0 22px 0 34px;border:1px solid var(--oklp-accent);border-radius:var(--oklp-radius-button);background:var(--oklp-accent);color:#fff;font:inherit;font-size:14px;font-weight:500;letter-spacing:.12em;line-height:1.5;text-align:center;text-decoration:none;cursor:pointer;transition:background-color .2s ease,transform .2s ease}
.oklp .oklp-purchase__button::after{content:"";flex:0 0 20px;width:20px;height:20px;background:currentColor;-webkit-mask:var(--oklp-icon-arrow) center/contain no-repeat;mask:var(--oklp-icon-arrow) center/contain no-repeat}
.oklp .oklp-purchase__button:hover{background:var(--oklp-navy);color:#fff}
.oklp .oklp-purchase__button--full{width:100%;margin-top:24px}
.oklp .oklp-purchase__button--secondary{padding:0 28px;background:#fff;color:var(--oklp-accent)}
.oklp .oklp-purchase__button--secondary::after,.oklp .oklp-purchase__button--line::after{content:none}
.oklp .oklp-purchase__button--secondary:hover{background:#eef2f7;color:var(--oklp-accent)}
.oklp .oklp-purchase__button--line{padding:0 28px;border-color:var(--oklp-line-green);background:var(--oklp-line-green)}
.oklp .oklp-purchase__button--line:hover{border-color:#006b30;background:#006b30}
.oklp .oklp-purchase__line-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}
.oklp .oklp-purchase__more{display:block;min-height:44px;margin:8px auto 0;padding:10px 8px;border:0;background:transparent;color:var(--oklp-sub);font:inherit;font-size:13px;text-decoration:underline;text-underline-offset:.3em;cursor:pointer}
.oklp .oklp-purchase__more:hover{color:var(--oklp-accent)}
.oklp .oklp-purchase__dialog{position:fixed;inset:0;width:min(680px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:24px 40px 40px;border:0;border-radius:var(--oklp-radius-card);background:#fff;color:var(--oklp-ink);font:inherit;overflow:auto;overscroll-behavior:contain}
.oklp .oklp-purchase__dialog::backdrop{background:rgba(15,32,56,.55)}
.oklp .oklp-purchase__close{display:flex;align-items:center;gap:8px;min-height:44px;margin:0 0 8px auto;padding:8px 0;border:0;background:transparent;color:var(--oklp-sub);font:inherit;font-size:13px;letter-spacing:.1em;cursor:pointer}
.oklp .oklp-purchase__close::after{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:var(--oklp-icon-plus) center/contain no-repeat;mask:var(--oklp-icon-plus) center/contain no-repeat;transform:rotate(45deg)}
.oklp .oklp-purchase__dialog h3{margin:6px 0 16px;font-size:24px;letter-spacing:.08em;line-height:1.5}
.oklp .oklp-purchase__dialog h4{margin:28px 0 8px;padding-top:20px;border-top:1px solid var(--oklp-line);font-size:17px;letter-spacing:.08em}
.oklp .oklp-purchase__dialog p{color:var(--oklp-text);font-size:14px;line-height:2}
.oklp .oklp-purchase__dialog p+p{margin-top:8px}
.oklp .oklp-purchase__dialog .oklp-purchase__kicker{color:var(--oklp-gold);font-size:11px;line-height:1.6}
.oklp .oklp-purchase__notes{margin:14px 0 24px;padding:14px 18px;border-radius:8px;background:var(--oklp-pale)}
.oklp .oklp-purchase__notes p{font-size:12.5px;line-height:1.8}
.oklp .oklp-purchase__notes p+p{margin-top:2px}
.oklp .oklp-purchase__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.oklp .oklp-purchase__fields label,.oklp .oklp-purchase__copy-fallback{display:block;min-width:0;font-size:13px;font-weight:500;letter-spacing:.06em}
.oklp .oklp-purchase__wide{grid-column:1/-1}
.oklp .oklp-purchase__dialog :is(input,select,textarea){display:block;width:100%;min-height:48px;margin-top:8px;padding:10px 12px;border:1px solid var(--oklp-line-tag);border-radius:var(--oklp-radius-button);background:#fff;color:var(--oklp-ink);font:inherit;font-size:16px;font-weight:400;line-height:1.6}
.oklp .oklp-purchase__dialog :is(input,select,textarea):focus{border-color:var(--oklp-accent);outline:none;box-shadow:0 0 0 3px rgba(43,74,112,.15)}
.oklp .oklp-purchase__dialog textarea{resize:vertical}
.oklp .oklp-purchase__dialog input[readonly]{background:var(--oklp-pale)}
.oklp .oklp-purchase__handoff{margin-top:24px}
.oklp .oklp-purchase__handoff a{overflow-wrap:anywhere}
.oklp .oklp-purchase__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}
.oklp .oklp-purchase__status{margin:12px 0 0;color:var(--oklp-sub);font-size:13px}

/* ---------- Embedded assets (carried over) ---------- */
.oklp .oklp__zozo-proof-logo-image{background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MTkuNzIiIGhlaWdodD0iMTI1IiB2aWV3Qm94PSIwIDAgNDE5LjcyIDEyNSI+DQoJPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTE5LjQsMTIwLjgyVjg3LjVsLS4wNi0uNzUtLjIzLS42OS0uMzMtLjYyLS40NS0uNTgtLjU2LS40Ni0uNjUtLjMzLS42OS0uMjMtLjcyLS4wNkg4MS45NGwtLjcxLjA2LS42OS4yMy0uNjUuMzMtLjU2LjQ2LS40Ni41OC0uMzYuNjItLjE5LjY5LS4wNy43NXYzMy43NWwuMDcuNzIuMTkuNzEuMzYuNjIuNDYuNTYuNTYuNDYuNjUuMzYuNjkuMTkuNzEuMWgzMy43N2wuNzItLjEuNjktLjE5LjY1LS4zNi41Ni0uNDYuNDUtLjU2LjMzLS42Mi4yMy0uNzEuMDYtLjcyWiIgZmlsbD0iI2Y1YWIxOCIvPg0KCTxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTMuNzQsMTI1SDQzLjE1bC43My0uMDcuNjktLjE5LjY2LS4zNy41Ni0uNDcuNDctLjU2LjM2LS42Ni4yLS43LjA3LS43M1Y2Ni40M2wtLjA3LS42Ny0uMTctLjY2LS4yOS0uNkw0Niw2NGwtLjUtLjQ2LS41Ni0uNC0uNi0uMjctLjY2LS4xMy0uNjYsMC0uNjkuMS0uNjMuMi0uNi4zMy0uNTMuNDMtLjQzLjUtLjI0LjM0TC43NCwxMTlsLS4wNS4wNy0uMzMuNi0uMjMuNjNMMCwxMjFsMCwuNjYuMTMuNy4yNy42My4zNi41Ni40Ni41LjUzLjQzLjYzLjMuNjYuMloiIGZpbGw9IiMwZjM2N2EiLz4NCgk8cGF0aCBkPSJNMTIxLjM4LDBIODJMODEuMjQuMWwtLjY5LjItLjY3LjM2LS41Ni40Ny0uNDYuNTctLjM3LjY2LS4xOS43LS4wNy43M3Y1NWwuMDcuNjcuMTYuNjYuMy42LjQuNTMuNDkuNDcuNTYuNC42LjI3LjY2LjEzLjY2LDAsLjctLjEuNjMtLjIuNTktLjMzLjUzLS40M0w4NSw2MWwuMjUtLjM1LDM5LjExLTU0LjYsMC0uMDcuMzMtLjYuMjQtLjYzLjEzLS43LDAtLjY3LS4xMy0uNy0uMjYtLjYzLS4zNy0uNTYtLjQ2LS41LS41My0uNDQtLjYzLS4zTDEyMiwuMDZaIiBmaWxsPSIjMDAwIi8+DQoJPHBhdGggY2xhc3M9ImNscy0zIiBkPSJNNDcuMDcsMjMuNDMsNDcsMjEuNzVsLS4xNy0xLjY5LS4zLTEuNjYtLjQzLTEuNjUtLjUzLTEuNTktLjY2LTEuNTYtLjc2LTEuNTItLjg5LTEuNDYtMS0xLjM5TDQxLjIyLDcuOTQsNDAuMDYsNi43MiwzOC44LDUuNTYsMzcuNDgsNC41bC0xLjM5LS45My0xLjQ2LS44NkwzMy4wOCwybC0xLjU2LS42M0wyOS45LjgzLDI4LjI0LjQzLDI2LjU5LjE3LDI0LjksMCwyMy4yMSwwLDIxLjUzLjA3LDE5Ljg0LjMsMTguMTkuNjNsLTEuNjMuNDYtMS42Mi41Ny0xLjUyLjY5LTEuNTIuNzZMMTAuNDgsNCw5LjEyLDUsNy44Myw2LjEyLDYuNiw3LjMxLDUuNDgsOC41N2wtMSwxLjM2LS45MiwxLjQyLS44LDEuNDlMMiwxNC4zNiwxLjQxLDE2LDEsMTcuNTcuNTgsMTkuMjMuMzIsMjAuOTIuMTgsMjIuNnYxLjY5TC4zMiwyNmwuMjYsMS42NkwxLDI5LjI5bC40NiwxLjYyTDIsMzIuNWwuNzMsMS41Ni44LDEuNDkuOTIsMS4zOSwxLDEuMzVMNi42LDM5LjU1bDEuMjMsMS4xOSwxLjI5LDEuMSwxLjM2LDEsMS40Mi44OSwxLjUyLjgsMS41Mi42NiwxLjYyLjYsMS42My40MywxLjY1LjMzLDEuNjkuMjMsMS42OC4xLDEuNjksMCwxLjY5LS4xNywxLjY1LS4yNkwyOS45LDQ2bDEuNjItLjUsMS41Ni0uNjMsMS41NS0uNzYsMS40Ni0uODMsMS4zOS0xLDEuMzItMSwxLjI2LTEuMTNMNDEuMjIsMzlsMS4wOS0xLjMzLDEtMS4zOS44OS0xLjQ2Ljc2LTEuNDguNjYtMS41Ni41My0xLjYyLjQzLTEuNjIuMy0xLjY5TDQ3LDI1LjEyWiIgZmlsbD0iI2M3MTYxZCIvPg0KCTxwYXRoIGQ9Ik0xOTYuMTIsNDIuODFIMTY5VjMxLjI0aDQyLjg1VjQyLjExTDE4Myw4Mi4yNmgyOC45MVY5My44M0gxNjcuMlY4M1oiIGZpbGw9IiMwMDAiLz4NCgk8cGF0aCBkPSJNMjU0Ljc3LDI4Ljc2QTMzLjc0LDMzLjc0LDAsMSwwLDI4OC41LDYyLjUxaDBhMzMuNzQsMzMuNzQsMCwwLDAtMzMuNzMtMzMuNzRtMCw1NC44M2EyMS4xLDIxLjEsMCwxLDEsMjEuMDktMjEuMTF2MGEyMS4wOSwyMS4wOSwwLDAsMS0yMS4wOSwyMS4wOSIgZmlsbD0iIzAwMCIvPg0KCTxwYXRoIGQ9Ik0zMjcuMzQsNDIuODFIMzAwLjI3VjMxLjI0aDQyLjg1VjQyLjExTDMxNC4yLDgyLjI2aDI4LjkyVjkzLjgzaC00NC43VjgzWiIgZmlsbD0iIzAwMCIvPg0KCTxwYXRoIGQ9Ik0zODYsMjguNzZhMzMuNzQsMzMuNzQsMCwxLDAsMzMuNzMsMzMuNzVoMEEzMy43MywzMy43MywwLDAsMCwzODYsMjguNzZoMG0wLDU0LjgzYTIxLjEsMjEuMSwwLDEsMSwyMS4wOS0yMS4xMXYwQTIxLjA5LDIxLjA5LDAsMCwxLDM4Niw4My41OSIgZmlsbD0iIzAwMCIvPg0KPC9zdmc+DQo=") center / contain no-repeat}
.oklp .oklp__flow li:nth-child(1){--oklp-flow-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%23edf4fa%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%225%22%20width%3D%2224%22%20height%3D%2223%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22M10%203v5m12-5v5M4%2012h24m-18%206h4m4%200h4m-12%205h4%22%2F%3E%3C%2Fsvg%3E")}
.oklp .oklp__flow li:nth-child(2){--oklp-flow-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%23edf4fa%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%226%22%20width%3D%2226%22%20height%3D%2220%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22m4%208%2012%2010L28%208%22%2F%3E%3C%2Fsvg%3E")}
.oklp .oklp__flow li:nth-child(3){--oklp-flow-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%23edf4fa%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%225%22%20y%3D%225%22%20width%3D%2222%22%20height%3D%2224%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22M12%203h8v5h-8Zm-2%2016%204%204%208-9%22%2F%3E%3C%2Fsvg%3E")}
.oklp .oklp__flow li:nth-child(4){--oklp-flow-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%23edf4fa%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%226%22%20width%3D%2226%22%20height%3D%2220%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22M3%2013h26M8%2021h6%22%2F%3E%3C%2Fsvg%3E")}
.oklp .oklp__flow li:nth-child(5){--oklp-flow-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%23edf4fa%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m4%209%2012-6%2012%206v15l-12%206-12-6Zm0%200%2012%206%2012-6M16%2015v15M10%206l12%206v6%22%2F%3E%3C%2Fsvg%3E")}

/* ---------- Period state (CSS-only; the n-th radio drives data-period-index n-1). Works on any LP, up to 8 periods ---------- */
.oklp.oklp--rental-state .oklp__period-input:nth-of-type(1):checked~.oklp--hero .oklp__rental-period-state[data-period-index="0"],.oklp.oklp--rental-state .oklp__period-input:nth-of-type(1):checked~.oklp--hero .oklp__rental-price-state[data-period-index="0"],.oklp.oklp--rental-state .oklp__period-input:nth-of-type(1):checked~.oklp--application .oklp__summary-price-state[data-period-index="0"]{display:block}
.oklp.oklp--rental-state .oklp__period-input:nth-of-type(1):checked~.oklp--application .oklp__summary-period-state[data-period-index="0"]{display:inline}
.oklp.oklp--rental-state .oklp__period-input:nth-of-type(1):checked~.oklp--hero .oklp__period-option[data-period-index="0"]{background:#f6f8fb;color:var(--oklp-accent)}
.oklp.oklp--rental-state .oklp__period-input:nth-of-type(1):checked~.oklp--hero .oklp__period-option[data-period-index="0"] .oklp__selection-indicator{border-color:var(--oklp-accent)}
.oklp.oklp--rental-state .oklp__period-input:nth-of-type(1):checked~.oklp--hero .oklp__period-option[data-period-index="0"] .oklp__selection-indicator::after{opacity:1}
.oklp.oklp--rental-state .oklp__period-input:nth-of-type(1):checked~.oklp--hero .oklp__period-option[data-period-index="0"] .oklp__selection-status{visibility:visible}
.oklp.oklp--rental-state .oklp__period-input:nth-of-type(1):checked:focus-visible~.oklp--hero .oklp__period-option[data-period-index="0"]{outline:2px solid var(--oklp-accent);outline-offset:2px}
.oklp.oklp--rental-state .oklp__period-input:nth-of-type(2):checked~.oklp--hero .oklp__rental-period-state[data-period-index="1"],.oklp.oklp--rental-state .oklp__period-input:nth-of-type(2):checked~.oklp--hero .oklp__rental-price-state[data-period-index="1"],.oklp.oklp--rental-state .oklp__period-input:nth-of-type(2):checked~.oklp--application .oklp__summary-price-state[data-period-index="1"]{display:block}
.oklp.oklp--rental-state .oklp__period-input:nth-of-type(2):checked~.oklp--application .oklp__summary-period-state[data-period-index="1"]{display:inline}
.oklp.oklp--rental-state .oklp__period-input:nth-of-type(2):checked~.oklp--hero .oklp__period-option[data-period-index="1"]{background:#f6f8fb;color:var(--oklp-accent)}
.oklp.oklp--rental-state .oklp__period-input:nth-of-type(2):checked~.oklp--hero .oklp__period-option[data-period-index="1"] .oklp__selection-indicator{border-color:var(--oklp-accent)}
.oklp.oklp--rental-state .oklp__period-input:nth-of-type(2):checked~.oklp--hero .oklp__period-option[data-period-index="1"] .oklp__selection-indicator::after{opacity:1}
.oklp.oklp--rental-state .oklp__period-input:nth-of-type(2):checked~.oklp--hero .oklp__period-option[data-period-index="1"] .oklp__selection-status{visibility:visible}
.oklp.oklp--rental-state .oklp__period-input:nth-of-type(2):checked:focus-visible~.oklp--hero .oklp__period-option[data-period-index="1"]{outline:2px solid var(--oklp-accent);outline-offset:2px}
.oklp.oklp--rental-state .oklp__period-input:nth-of-type(3):checked~.oklp--hero .oklp__rental-period-state[data-period-index="2"],.oklp.oklp--rental-state .oklp__period-input:nth-of-type(3):checked~.oklp--hero .oklp__rental-price-state[data-period-index="2"],.oklp.oklp--rental-state .oklp__period-input:nth-of-type(3):checked~.oklp--application .oklp__summary-price-state[data-period-index="2"]{display:block}
.oklp.oklp--rental-state .oklp__period-input:nth-of-type(3):checked~.oklp--application .oklp__summary-period-state[data-period-index="2"]{display:inline}
.oklp.oklp--rental-state .oklp__period-input:nth-of-type(3):checked~.oklp--hero .oklp__period-option[data-period-index="2"]{background:#f6f8fb;color:var(--oklp-accent)}
.oklp.oklp--rental-state .oklp__period-input:nth-of-type(3):checked~.oklp--hero .oklp__period-option[data-period-index="2"] .oklp__selection-indicator{border-color:var(--oklp-accent)}
.oklp.oklp--rental-state .oklp__period-input:nth-of-type(3):checked~.oklp--hero .oklp__period-option[data-period-index="2"] .oklp__selection-indicator::after{opacity:1}
.oklp.oklp--rental-state .oklp__period-input:nth-of-type(3):checked~.oklp--hero .oklp__period-option[data-period-index="2"] .oklp__selection-status{visibility:visible}
.oklp.oklp--rental-state .oklp__period-input:nth-of-type(3):checked:focus-visible~.oklp--hero .oklp__period-option[data-period-index="2"]{outline:2px solid var(--oklp-accent);outline-offset:2px}
.oklp.oklp--rental-state .oklp__period-input:nth-of-type(4):checked~.oklp--hero .oklp__rental-period-state[data-period-index="3"],.oklp.oklp--rental-state .oklp__period-input:nth-of-type(4):checked~.oklp--hero .oklp__rental-price-state[data-period-index="3"],.oklp.oklp--rental-state .oklp__period-input:nth-of-type(4):checked~.oklp--application .oklp__summary-price-state[data-period-index="3"]{display:block}
.oklp.oklp--rental-state .oklp__period-input:nth-of-type(4):checked~.oklp--application .oklp__summary-period-state[data-period-index="3"]{display:inline}
.oklp.oklp--rental-state .oklp__period-input:nth-of-type(4):checked~.oklp--hero .oklp__period-option[data-period-index="3"]{background:#f6f8fb;color:var(--oklp-accent)}
.oklp.oklp--rental-state .oklp__period-input:nth-of-type(4):checked~.oklp--hero .oklp__period-option[data-period-index="3"] .oklp__selection-indicator{border-color:var(--oklp-accent)}
.oklp.oklp--rental-state .oklp__period-input:nth-of-type(4):checked~.oklp--hero .oklp__period-option[data-period-index="3"] .oklp__selection-indicator::after{opacity:1}
.oklp.oklp--rental-state .oklp__period-input:nth-of-type(4):checked~.oklp--hero .oklp__period-option[data-period-index="3"] .oklp__selection-status{visibility:visible}
.oklp.oklp--rental-state .oklp__period-input:nth-of-type(4):checked:focus-visible~.oklp--hero .oklp__period-option[data-period-index="3"]{outline:2px solid var(--oklp-accent);outline-offset:2px}
.oklp.oklp--rental-state .oklp__period-input:nth-of-type(5):checked~.oklp--hero .oklp__rental-period-state[data-period-index="4"],.oklp.oklp--rental-state .oklp__period-input:nth-of-type(5):checked~.oklp--hero .oklp__rental-price-state[data-period-index="4"],.oklp.oklp--rental-state .oklp__period-input:nth-of-type(5):checked~.oklp--application .oklp__summary-price-state[data-period-index="4"]{display:block}
.oklp.oklp--rental-state .oklp__period-input:nth-of-type(5):checked~.oklp--application .oklp__summary-period-state[data-period-index="4"]{display:inline}
.oklp.oklp--rental-state .oklp__period-input:nth-of-type(5):checked~.oklp--hero .oklp__period-option[data-period-index="4"]{background:#f6f8fb;color:var(--oklp-accent)}
.oklp.oklp--rental-state .oklp__period-input:nth-of-type(5):checked~.oklp--hero .oklp__period-option[data-period-index="4"] .oklp__selection-indicator{border-color:var(--oklp-accent)}
.oklp.oklp--rental-state .oklp__period-input:nth-of-type(5):checked~.oklp--hero .oklp__period-option[data-period-index="4"] .oklp__selection-indicator::after{opacity:1}
.oklp.oklp--rental-state .oklp__period-input:nth-of-type(5):checked~.oklp--hero .oklp__period-option[data-period-index="4"] .oklp__selection-status{visibility:visible}
.oklp.oklp--rental-state .oklp__period-input:nth-of-type(5):checked:focus-visible~.oklp--hero .oklp__period-option[data-period-index="4"]{outline:2px solid var(--oklp-accent);outline-offset:2px}
.oklp.oklp--rental-state .oklp__period-input:nth-of-type(6):checked~.oklp--hero .oklp__rental-period-state[data-period-index="5"],.oklp.oklp--rental-state .oklp__period-input:nth-of-type(6):checked~.oklp--hero .oklp__rental-price-state[data-period-index="5"],.oklp.oklp--rental-state .oklp__period-input:nth-of-type(6):checked~.oklp--application .oklp__summary-price-state[data-period-index="5"]{display:block}
.oklp.oklp--rental-state .oklp__period-input:nth-of-type(6):checked~.oklp--application .oklp__summary-period-state[data-period-index="5"]{display:inline}
.oklp.oklp--rental-state .oklp__period-input:nth-of-type(6):checked~.oklp--hero .oklp__period-option[data-period-index="5"]{background:#f6f8fb;color:var(--oklp-accent)}
.oklp.oklp--rental-state .oklp__period-input:nth-of-type(6):checked~.oklp--hero .oklp__period-option[data-period-index="5"] .oklp__selection-indicator{border-color:var(--oklp-accent)}
.oklp.oklp--rental-state .oklp__period-input:nth-of-type(6):checked~.oklp--hero .oklp__period-option[data-period-index="5"] .oklp__selection-indicator::after{opacity:1}
.oklp.oklp--rental-state .oklp__period-input:nth-of-type(6):checked~.oklp--hero .oklp__period-option[data-period-index="5"] .oklp__selection-status{visibility:visible}
.oklp.oklp--rental-state .oklp__period-input:nth-of-type(6):checked:focus-visible~.oklp--hero .oklp__period-option[data-period-index="5"]{outline:2px solid var(--oklp-accent);outline-offset:2px}
.oklp.oklp--rental-state .oklp__period-input:nth-of-type(7):checked~.oklp--hero .oklp__rental-period-state[data-period-index="6"],.oklp.oklp--rental-state .oklp__period-input:nth-of-type(7):checked~.oklp--hero .oklp__rental-price-state[data-period-index="6"],.oklp.oklp--rental-state .oklp__period-input:nth-of-type(7):checked~.oklp--application .oklp__summary-price-state[data-period-index="6"]{display:block}
.oklp.oklp--rental-state .oklp__period-input:nth-of-type(7):checked~.oklp--application .oklp__summary-period-state[data-period-index="6"]{display:inline}
.oklp.oklp--rental-state .oklp__period-input:nth-of-type(7):checked~.oklp--hero .oklp__period-option[data-period-index="6"]{background:#f6f8fb;color:var(--oklp-accent)}
.oklp.oklp--rental-state .oklp__period-input:nth-of-type(7):checked~.oklp--hero .oklp__period-option[data-period-index="6"] .oklp__selection-indicator{border-color:var(--oklp-accent)}
.oklp.oklp--rental-state .oklp__period-input:nth-of-type(7):checked~.oklp--hero .oklp__period-option[data-period-index="6"] .oklp__selection-indicator::after{opacity:1}
.oklp.oklp--rental-state .oklp__period-input:nth-of-type(7):checked~.oklp--hero .oklp__period-option[data-period-index="6"] .oklp__selection-status{visibility:visible}
.oklp.oklp--rental-state .oklp__period-input:nth-of-type(7):checked:focus-visible~.oklp--hero .oklp__period-option[data-period-index="6"]{outline:2px solid var(--oklp-accent);outline-offset:2px}
.oklp.oklp--rental-state .oklp__period-input:nth-of-type(8):checked~.oklp--hero .oklp__rental-period-state[data-period-index="7"],.oklp.oklp--rental-state .oklp__period-input:nth-of-type(8):checked~.oklp--hero .oklp__rental-price-state[data-period-index="7"],.oklp.oklp--rental-state .oklp__period-input:nth-of-type(8):checked~.oklp--application .oklp__summary-price-state[data-period-index="7"]{display:block}
.oklp.oklp--rental-state .oklp__period-input:nth-of-type(8):checked~.oklp--application .oklp__summary-period-state[data-period-index="7"]{display:inline}
.oklp.oklp--rental-state .oklp__period-input:nth-of-type(8):checked~.oklp--hero .oklp__period-option[data-period-index="7"]{background:#f6f8fb;color:var(--oklp-accent)}
.oklp.oklp--rental-state .oklp__period-input:nth-of-type(8):checked~.oklp--hero .oklp__period-option[data-period-index="7"] .oklp__selection-indicator{border-color:var(--oklp-accent)}
.oklp.oklp--rental-state .oklp__period-input:nth-of-type(8):checked~.oklp--hero .oklp__period-option[data-period-index="7"] .oklp__selection-indicator::after{opacity:1}
.oklp.oklp--rental-state .oklp__period-input:nth-of-type(8):checked~.oklp--hero .oklp__period-option[data-period-index="7"] .oklp__selection-status{visibility:visible}
.oklp.oklp--rental-state .oklp__period-input:nth-of-type(8):checked:focus-visible~.oklp--hero .oklp__period-option[data-period-index="7"]{outline:2px solid var(--oklp-accent);outline-offset:2px}
/* =========================================================
   STICKY CTA (phone only) — appears after the hero CTA scrolls away,
   hides again once the application section is reached
   ========================================================= */
.oklp .oklp__sticky-cta{display:none}
@media (max-width:760px){
.oklp .oklp__sticky-cta{position:fixed;right:0;bottom:0;left:0;z-index:90;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--oklp-line);background:rgba(255,255,255,.96);box-shadow:0 -6px 20px rgba(20,42,71,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translateY(110%);visibility:hidden;transition:transform .28s ease,visibility 0s linear .28s}
.oklp .oklp__sticky-cta[data-visible="true"]{transform:translateY(0);visibility:visible;transition:transform .28s ease,visibility 0s}
.oklp .oklp__sticky-price{display:flex;flex-direction:column;min-width:0;margin:0;line-height:1.3}
.oklp .oklp__sticky-price .oklp__rental-period-state{align-self:flex-start;padding:0;border:0;color:var(--oklp-sub);font-size:11px;letter-spacing:.06em}
.oklp .oklp__sticky-price .oklp__rental-price-state{font-size:24px;line-height:1.2}
.oklp .oklp__sticky-price .oklp__rental-price-state small{font-size:12px}
.oklp .oklp__sticky-price .oklp__consultation-price{font-size:15px}
.oklp .oklp__sticky-button{display:inline-flex;flex:0 0 auto;align-items:center;gap:10px;min-height:48px;padding:0 16px 0 22px;border-radius:var(--oklp-radius-button);background:var(--oklp-accent);color:#fff;font-size:14px;font-weight:500;letter-spacing:.1em;text-decoration:none}
.oklp .oklp__sticky-button:hover,.oklp .oklp__sticky-button:active{background:var(--oklp-navy);color:#fff}
.oklp .oklp__sticky-button::after{content:"";flex:0 0 18px;width:18px;height:18px;background:currentColor;-webkit-mask:var(--oklp-icon-arrow-down) center/contain no-repeat;mask:var(--oklp-icon-arrow-down) center/contain no-repeat}
.oklp{--oklp-anchor-offset:72px}
.p-fixBtnWrap{transition:transform .28s ease}
body:has(.oklp__sticky-cta[data-visible="true"]) .p-fixBtnWrap{transform:translateY(calc(-68px - env(safe-area-inset-bottom,0px)))}
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

/* Tablet & small laptop: one column, buy box right after the photos */
@media (max-width:1023px){
.oklp .oklp__hero-layout{grid-template-columns:minmax(0,1fr)}
.oklp .oklp__gallery{display:contents}
.oklp .oklp__main-image{order:1}
.oklp .oklp__thumbs{order:2;margin-bottom:32px}
.oklp .oklp__buy{order:3;padding-top:0}
.oklp .oklp__zozo-proof{order:4;margin-top:48px}
.oklp .oklp__trust{grid-template-columns:repeat(2,minmax(0,1fr))}
.oklp .oklp__trust li:nth-child(3){border-left:0}
.oklp .oklp__trust li:nth-child(n+3){border-top:1px solid var(--oklp-line-strong)}
.oklp .oklp__voice-section{--oklp-voice-card:calc((100% - 24px)/2)}
.oklp .oklp__guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.oklp .oklp__included-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:900px){
.oklp .oklp__audition-content{grid-template-columns:minmax(0,1fr)}
.oklp .oklp__audition-visual{grid-column:1;grid-row:1}
.oklp .oklp__audition-points{grid-column:1;grid-row:2}
.oklp .oklp__home-compare{grid-template-columns:minmax(0,1fr)}
.oklp .oklp__home-compare-cta{grid-column:1;grid-row:auto;margin-top:28px}
.oklp .oklp__flow{gap:4px}
.oklp .oklp__flow li{font-size:13px}
.oklp .oklp__flow li>span{gap:10px;white-space:nowrap}
.oklp .oklp__flow li>span::before{width:28px;height:28px}
.oklp .oklp__flow li+li::before{top:52px;left:-2px;width:6px;height:6px}
.oklp .oklp__flow-label-full{display:none}
.oklp .oklp__flow-label-compact{display:inline}
}

/* Phone */
@media (max-width:760px){
.oklp{--oklp-section-y:80px;font-size:14px}
.oklp .oklp__section-inner--hero,.oklp .oklp__section-inner--wide,.oklp .oklp__section-inner--medium,.oklp .oklp__section-inner--narrow{width:calc(100% - 40px)}
.oklp h2.oklp__section-title{font-size:26px;letter-spacing:.1em}
.oklp .oklp__kicker{font-size:11px;letter-spacing:.24em}

/* hero */
.oklp--hero{padding-top:16px}
.oklp .oklp__main-image{margin-inline:-20px}
.oklp .oklp__thumbs{margin-bottom:28px}
.oklp .oklp__zozo-proof{margin:40px 0 0;padding:24px 0 20px}
.oklp .oklp__zozo-proof-head{gap:0 18px}
.oklp .oklp__zozo-proof-company{padding-left:18px}
.oklp .oklp__zozo-proof-name{font-size:16px}
.oklp .oklp__trust{margin:48px 0 0}
.oklp .oklp__product-title{font-size:30px}
.oklp .oklp__rental-price-state{font-size:40px}
.oklp .oklp__price-meta{flex-direction:column;align-items:flex-start;gap:2px}
.oklp .oklp__price-meta>span+span::before{content:none}
.oklp .oklp__microcopy-note{display:block}
.oklp .oklp__model-option--linked a,.oklp .oklp__model-option--current p{padding:8px 14px;font-size:12.5px}
.oklp .oklp__period-option{column-gap:10px;padding-inline:4px}
.oklp .oklp__hero-reassurance{gap:6px 16px}
.oklp .oklp__hero-reassurance-item{font-size:12px}
.oklp .oklp__zozo-proof-logo-image{width:100px}
.oklp .oklp__zozo-proof-quote p{font-size:13px;line-height:1.95}
.oklp .oklp__trust li{padding:24px 10px}
.oklp .oklp__trust-title{font-size:15px}
.oklp .oklp__trust-desc{font-size:11.5px}

/* schedule: vertical timeline */
.oklp .oklp__timeline{margin-top:40px;padding:32px 22px 28px}
.oklp .oklp__timeline-example{margin-bottom:28px}
.oklp .oklp__timeline-track{grid-template-columns:minmax(0,1fr);gap:24px;padding:0 0 0 36px;text-align:left}
.oklp .oklp__timeline-track::before,.oklp .oklp__timeline-track::after{content:none}
/* vertical connectors: each point draws the line down to the next dot */
.oklp .oklp__timeline-point:not(:last-child)::after{content:"";position:absolute;top:22px;bottom:-28px;left:-28px;width:3px;background:var(--oklp-accent)}
.oklp .oklp__timeline-point--ship::after{width:0!important;border-left:2px dashed var(--oklp-line-tag);background:none!important}
.oklp .oklp__timeline-point{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;column-gap:12px;padding:0}
.oklp .oklp__timeline-dot{position:absolute;top:4px;left:-36px}
.oklp .oklp__timeline-date,.oklp .oklp__timeline-date--label{grid-row:1/span 2;margin:0;font-size:20px}
.oklp .oklp__timeline-date--label{font-size:12px}
.oklp .oklp__timeline-point strong{margin:0;font-size:15px}
.oklp .oklp__timeline-desc{grid-column:2}
.oklp .oklp__timeline-range{display:none}
.oklp .oklp__timeline-steps{flex-direction:column;gap:4px;margin-top:28px}

/* included */
.oklp .oklp__included-grid{--oklp-cg:12px;--oklp-rg:24px;margin-top:40px}
.oklp .oklp__included-grid figure+p{font-size:15px}
.oklp .oklp__note{text-align:left}

/* voice */
.oklp .oklp__voice-section{--oklp-voice-card:86%}
.oklp .oklp__voice-rail{gap:12px;margin-top:40px}
.oklp .oklp__voice-rail::after{flex-basis:calc(100% - var(--oklp-voice-card) - 12px)}
.oklp .oklp__voice-card{min-height:380px;padding:32px 24px}
.oklp .oklp__voice-footer{flex-direction:column-reverse;align-items:stretch}
.oklp .oklp__voice-controls{justify-content:flex-end}

/* audition */
.oklp .oklp__audition-content{margin-top:40px;gap:24px}
.oklp .oklp__audition-point{grid-template-columns:40px minmax(0,1fr);padding:20px 0}
.oklp .oklp__audition-number{font-size:22px}
.oklp .oklp__audition-point h3{font-size:18px}
.oklp .oklp__home-compare{margin-top:56px;padding:36px 24px}
.oklp .oklp__home-compare-title{font-size:22px}
.oklp .oklp__home-compare-cta .wp-block-button__link{display:flex;width:100%}

/* sound */
.oklp .oklp__sound{margin-top:40px}
.oklp .oklp__sound .oksp-shell{grid-template-columns:minmax(0,1fr);grid-template-areas:"scores" "traits" "radar";gap:12px}
.oklp .oklp__sound .oksp-card,.oklp .oklp__sound .oksp-card-scores{padding:24px 20px}
.oklp .oklp__sound .oksp-score-grid{gap:8px}
.oklp .oklp__sound .oksp-score-ring{width:70px;height:70px;padding:7px}
.oklp .oklp__sound .oksp-score-number{font-size:19px}
.oklp .oklp__sound .oksp-score-label{font-size:12px;letter-spacing:.06em}
.oklp .oklp__sound .oksp-trait-scale{grid-template-columns:48px minmax(0,1fr) 48px;gap:8px}
.oklp .oklp__sound .oksp-trait-side{font-size:10px}
.oklp .oklp__sound .oksp-radar-stats{grid-template-columns:minmax(0,1fr)}

/* detail / review */
.oklp .oklp__detail,.oklp .oklp__video{margin-top:88px}
.oklp .oklp__feature,.oklp .oklp__feature--reverse{grid-template-columns:minmax(0,1fr);--oklp-cg:24px;--oklp-rg:24px;margin-top:56px}
.oklp .oklp__detail h2+.oklp__feature{margin-top:40px}
.oklp .oklp__feature--reverse>.wp-block-column:first-child{order:0}
.oklp .oklp__feature-kicker{text-align:center}
.oklp .oklp__feature h3{margin-top:6px;font-size:20px;text-align:center}
.oklp .oklp__feature h3::after{content:"";display:block;width:24px;height:1px;margin:16px auto 0;background:var(--oklp-gold)}
.oklp .oklp__feature h3+p{margin-top:20px}
.oklp .oklp__video .wp-block-embed{margin-top:32px}
.oklp .oklp__mid-reservation{margin-top:64px}

/* spec */
.oklp .oklp__spec{margin-top:40px}
.oklp .oklp__spec>div{grid-template-columns:104px minmax(0,1fr);gap:0 12px;padding:16px 2px}
.oklp .oklp__spec dt{font-size:12px;letter-spacing:.04em}
.oklp .oklp__spec dd{font-size:13px}

/* guide */
.oklp .oklp__guide-grid{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:40px}
.oklp .oklp__guide-grid li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:4px 16px;padding:22px 20px}
.oklp .oklp__guide-grid svg{grid-row:1/span 3}
.oklp .oklp__guide-grid h3{margin:0;font-size:17px}
.oklp .oklp__guide-grid :is(p,a){grid-column:2}
.oklp .oklp-delivery{margin-top:24px}
.oklp .oklp-delivery__details>summary{flex-direction:column;align-items:flex-start;gap:16px;padding:24px 20px}
.oklp .oklp-delivery__body{margin:0 20px;padding:20px 0 24px}
.oklp .oklp-purchase__guide{margin-top:24px;padding:28px 22px}
.oklp .oklp-purchase__guide .oklp-purchase__button{width:100%}

/* faq */
.oklp .oklp__faq-layout{flex-direction:column;gap:32px}
/* phone: FAQ heading centred like every other section; the two links sit side by side */
.oklp .oklp__faq-intro{text-align:center}
.oklp .oklp__faq-intro .oklp__kicker,.oklp .oklp__faq-intro h2.oklp__section-title{text-align:center}
.oklp .oklp__faq-lead{margin-top:16px}
.oklp .oklp__faq-links{align-items:center;gap:8px;margin-top:24px}
.oklp .oklp__faq-more{margin-top:16px;text-align:center}
.oklp .oklp__faq-intro{flex:none}
.oklp .oklp__faq-list{flex:none}
.oklp .oklp__faq-item>summary{gap:14px;font-size:14px}
.oklp .oklp__faq-item>:not(summary){padding:0 4px 0 30px;font-size:13.5px}
.oklp .oklp__faq-item>ul{padding-left:calc(30px + 1.3em)}

/* application */
.oklp--application h2.oklp__section-title{font-size:28px}
.oklp .oklp__application-flow{margin-top:48px}
.oklp .oklp__flow{gap:0;margin-inline:-8px}
.oklp .oklp__flow li{padding:4px 0;font-size:11.5px}
.oklp .oklp__flow li strong{margin-bottom:8px;font-size:10px}
.oklp .oklp__flow li>span{gap:8px}
.oklp .oklp__flow li>span::before{width:24px;height:24px}
.oklp .oklp__flow li+li::before{top:41px;left:0;width:5px;height:5px}
.oklp .oklp__application-card{margin-top:40px;padding:32px 20px}
.oklp .oklp__summary{flex-direction:column;align-items:stretch;padding:20px}
.oklp .oklp__summary-period{font-size:17px}
.oklp .oklp__summary-total{align-items:flex-start;text-align:left}
.oklp .oklp__summary-price-state{font-size:26px}
.oklp .oklp__form-area{margin-top:32px;padding-top:32px}
.oklp .oklp__form-area .wpforms-container button.wpforms-submit{width:100%}

/* purchase */
.oklp .oklp-purchase__dialog{padding:16px 20px 28px}
.oklp .oklp-purchase__dialog h3{font-size:20px}
.oklp .oklp-purchase__fields{grid-template-columns:minmax(0,1fr);gap:16px}
.oklp .oklp-purchase__actions{flex-direction:column}
.oklp .oklp-purchase__actions .oklp-purchase__button{width:100%}
}

@media (max-width:374px){
.oklp .oklp__zozo-proof-logo-image{width:88px}
.oklp .oklp__zozo-proof-head{gap:0 14px}
.oklp .oklp__zozo-proof-company{padding-left:14px}
.oklp .oklp__product-title{font-size:26px}
.oklp .oklp__rental-price-state{font-size:36px}
.oklp .oklp__period-option{grid-template-columns:16px minmax(0,1fr) auto}
.oklp .oklp__selection-status{display:none}
.oklp .oklp__flow li{font-size:10.5px;letter-spacing:0}
}

/* =========================================================
   VARIANTS (LP generator) — only used when a model's data needs them
   ========================================================= */
/* thumbnail / included grids with fewer or more than 4 items */
.oklp .wp-block-columns.oklp__thumbs--cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.oklp .wp-block-columns.oklp__thumbs--cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.oklp .wp-block-columns.oklp__thumbs--cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.oklp .wp-block-columns.oklp__thumbs--cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}
@media (min-width:1024px){
.oklp .wp-block-columns.oklp__included-grid--cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.oklp .wp-block-columns.oklp__included-grid--cols-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px;margin-inline:auto}
.oklp .wp-block-columns.oklp__included-grid--cols-1{grid-template-columns:minmax(0,1fr);max-width:400px;margin-inline:auto}
}
/* required equipment (sits inside the "included" section, so section colours keep alternating) */
.oklp .oklp__required{margin-top:120px}
.oklp .oklp__required-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:start;gap:24px;margin:56px 0 0;padding:0;list-style:none}
.oklp .oklp__required-grid li{display:flex;flex-direction:column;margin:0;padding:0 0 28px;overflow:hidden;border-radius:var(--oklp-radius-card);background:var(--oklp-pale)}
.oklp .oklp__required-grid li:not(:has(>img)){padding-top:8px}
.oklp .oklp__required-grid img{width:100%;aspect-ratio:3/2;object-fit:cover}
.oklp .oklp__required-grid h3{margin:24px 28px 0;font-size:19px;letter-spacing:.08em;line-height:1.5}
.oklp .oklp__required-grid p{margin:10px 28px 0;color:var(--oklp-text);font-size:13.5px;line-height:1.95;text-wrap:pretty}
/* optional link to the item's own LP: one text link per card; the whole card is its tap area */
.oklp .oklp__required-grid:has(.oklp__required-link){align-items:stretch}
.oklp .oklp__required-grid li:has(.oklp__required-link){position:relative}
.oklp .oklp__required-grid .oklp__required-link{margin:auto 28px 0;padding-top:16px}
.oklp .oklp__required-link a{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 0;border-bottom:1px solid currentColor;color:var(--oklp-accent);font-size:14px;letter-spacing:.08em;text-decoration:none}
.oklp .oklp__required-link a::before{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit}
.oklp .oklp__required-link a::after{content:"";flex:0 0 18px;width:18px;height:18px;background:currentColor;-webkit-mask:var(--oklp-icon-arrow) center/contain no-repeat;mask:var(--oklp-icon-arrow) center/contain no-repeat}
.oklp .oklp__required-link a:focus-visible{outline:none}
.oklp .oklp__required-grid li:has(.oklp__required-link a:focus-visible){outline:2px solid var(--oklp-accent);outline-offset:3px}
.oklp .oklp__required-grid li:has(.oklp__required-link) img{transition:transform .4s ease}
/* story with no sound / detail / review: a compact band that keeps the mid CTA */
.oklp .oklp--story-compact{padding:72px 0}
.oklp .oklp--story .oklp__section-inner>:is(.oklp__detail,.oklp__video,.oklp__mid-reservation):first-child,
.oklp .oklp--story .oklp__section-inner>.wp-block-group__inner-container>:is(.oklp__detail,.oklp__video,.oklp__mid-reservation):first-child{margin-top:0}
@media (max-width:760px){
.oklp .oklp__required{margin-top:88px}
.oklp .oklp__required-grid{gap:12px;margin-top:40px}
.oklp .oklp__required-grid h3{margin:20px 20px 0;font-size:17px}
.oklp .oklp__required-grid p{margin:8px 20px 0;font-size:13px}
.oklp .oklp__required-grid .oklp__required-link{margin:auto 20px 0;padding-top:12px}
.oklp .oklp__required-link a{font-size:13.5px}
.oklp .oklp--story-compact{padding:56px 0}
}

/* Hover lift only on fine pointers */
@media (hover:hover) and (pointer:fine){
.oklp .oklp__required-grid li:has(.oklp__required-link a:hover) img{transform:scale(1.03)}
.oklp .oklp__required-grid li:has(.oklp__required-link a:hover) .oklp__required-link a{color:var(--oklp-navy)}
.oklp :is(.oklp__cta .wp-block-button__link,.oklp__home-compare-cta .wp-block-button__link,.oklp-purchase__button):hover{transform:translateY(-2px)}
}
@media (prefers-reduced-motion:reduce){
.oklp *,.oklp *::before,.oklp *::after{transition:none!important}
.oklp .oklp__required-grid li img{transform:none!important}
.oklp :is(.oklp__cta .wp-block-button__link,.oklp__home-compare-cta .wp-block-button__link,.oklp-purchase__button):hover{transform:none}
.oklp .oklp__voice-rail{scroll-behavior:auto}
}