/* Shared secondary-page rhythm; navigation group colours and feature-specific artwork. */
.feature-page { --fp-ink:#298468; --fp-hover:#206c54; --fp-tint:#e4f4eb; --fp-soft:#f2f9f5; --fp-line:#d8eade; }
.feature-page.fp-tone-clients { --fp-ink:#ad547c; --fp-hover:#914266; --fp-tint:#f9e7ee; --fp-soft:#fdf3f7; --fp-line:#efdde5; }
.feature-page.fp-tone-growth { --fp-ink:#3877b6; --fp-hover:#2a5f94; --fp-tint:#e7f0fc; --fp-soft:#f3f7fd; --fp-line:#dce6f2; }
.feature-page h1 span,.feature-page .bk-kicker,.feature-page .bk-feature .bk-kicker,.feature-page .bk-textlink,.feature-page .bk-benefits .sv-icon,.feature-page .bk-questions summary>span { color:var(--fp-ink); }
.feature-page .bk-textlink:hover,.feature-page .bk-breadcrumb a:hover { color:var(--fp-hover); }
.feature-page .sv-button { background:var(--fp-ink); border-color:var(--fp-ink); }
.feature-page .sv-button:hover { background:var(--fp-hover); border-color:var(--fp-hover); }
.feature-page .bk-booking-visual,.feature-page .bk-feature { background:var(--fp-tint); }
.feature-page .bk-feature.bk-visit,.feature-page .bk-final { background:var(--fp-soft); }
.feature-page .bk-booking-steps li>span { background:var(--fp-tint); color:var(--fp-ink); }
.feature-page .bk-included,.feature-page .bk-price,.feature-page .bk-questions details { border-color:var(--fp-line); }
.feature-page .bk-included .fp-contact-title { max-width:220px; margin:10px 0 16px; font-size:25px; font-weight:650; line-height:1.2; letter-spacing:-.035em; color:#15192b; }
.feature-page .fp-checks { display:grid; gap:15px; list-style:none; margin:auto 0 0; padding:22px 0 0; border-top:1px solid color-mix(in srgb,var(--fp-ink) 16%,transparent); }
.feature-page .fp-checks li { display:flex; gap:10px; color:#505e75; font-size:13px; line-height:1.6; }
.feature-page .fp-checks .sv-icon { flex:0 0 17px; width:17px; height:17px; margin-top:2px; color:var(--fp-ink); }
.feature-page .fp-related { display:flex; flex-wrap:wrap; gap:14px 28px; align-items:center; padding-top:60px; }
.feature-page .fp-related>span { color:#858b9b; font-size:11px; }
.feature-page .fp-related>a { display:inline-flex; align-items:center; gap:8px; font-size:12px; font-weight:600; color:var(--fp-ink); }
.feature-page .fp-related .sv-icon { width:15px; height:15px; }
.feature-page .fp-related+.bk-final { margin-top:60px; }
.feature-page .fp-showcase { background:var(--fp-tint); border:0; border-radius:30px; padding:40px 42px 18px; overflow:hidden; }
.feature-page .fp-showcase>figcaption { margin-top:24px; color:#65717c; }
.feature-page .fp-artwork { pointer-events:none; user-select:none; }
.feature-page .fp-artwork * { box-sizing:border-box; }
.feature-page .fp-artwork h3 { font-size:22px; letter-spacing:-.035em; line-height:1.2; }
.feature-page .fp-artwork p { font-size:13px; line-height:1.8; }
.feature-page .fp-artwork .sv-icon { flex-shrink:0; }
.feature-page .fp-composition { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; max-width:1000px; margin:auto; }
.feature-page .fp-composition>* { min-width:0; }
.feature-page .fp-panel { padding:28px; border:1px solid #e9eaf0; border-radius:18px; background:#fff; box-shadow:0 18px 34px -28px #183e3240; }
.feature-page .fp-panel>header { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-bottom:22px; }
.feature-page .fp-panel>header small,.feature-page .fp-eyebrow { display:block; margin-bottom:10px; color:#7a8192; font-size:10px; font-weight:650; letter-spacing:.09em; text-transform:uppercase; }
.feature-page .fp-panel>header .sv-icon { color:var(--fp-ink); }
.feature-page .fp-panel>footer { display:flex; align-items:center; flex-wrap:wrap; gap:9px; margin-top:20px; padding-top:18px; border-top:1px solid #eef0f4; color:#7b8497; font-size:10px; line-height:1.7; }
.feature-page .fp-panel>footer>.sv-icon { width:16px; height:16px; color:var(--fp-ink); }
.feature-page .fp-data-row { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:15px 0; border-bottom:1px solid #f0f1f5; font-size:12px; }
.feature-page .fp-data-row>span { color:#778096; }
.feature-page .fp-data-row>strong { color:#3e4760; font-size:12px; font-weight:600; text-align:right; }
.feature-page .fp-data-row.is-total { padding-top:22px; border-bottom:0; }
.feature-page .fp-data-row.is-total>strong { font-size:28px; letter-spacing:-.045em; }
.feature-page .fp-status { display:inline-flex; gap:5px; align-items:center; padding:5px 9px; border-radius:7px; background:#eaf7ee; color:#358363; font-size:10px; font-weight:550; white-space:nowrap; }
.feature-page .fp-status .sv-icon { width:13px; height:13px; }
.feature-page .fp-pill { display:inline-block; padding:6px 10px; border-radius:7px; color:var(--fp-ink); background:var(--fp-soft); font-size:10px; font-weight:600; }
.feature-page .fp-native { position:relative; width:100%; height:450px; overflow:hidden; background:#fff; border:1px solid #e5e8ee; border-radius:16px; box-shadow:0 20px 35px -28px #183e3250; }
.feature-page .fp-native iframe { position:absolute; top:0; left:0; display:block; border:0; transform-origin:top left; pointer-events:none; user-select:none; }
.feature-page .fp-pos-composition { grid-template-columns:.8fr 1.2fr; }
.feature-page .fp-sale-context { max-width:350px; }
.feature-page .fp-appointment { padding:23px; border-left:4px solid #8b7be8; background:#efecfb; color:#7563c5; }
.feature-page .fp-appointment small { display:block; font-size:11px; font-weight:650; }
.feature-page .fp-appointment strong { display:block; margin:8px 0 3px; font-size:19px; }
.feature-page .fp-appointment p { margin:0; color:inherit; }
.feature-page .fp-appointment>span { display:block; margin-top:7px; font-size:10px; }
.feature-page .fp-connection { display:flex; align-items:center; gap:9px; padding:24px 0; color:var(--fp-ink); font-size:11px; }
.feature-page .fp-connection .sv-icon { width:17px; height:17px; }
.feature-page .fp-product-chip { display:flex; align-items:center; gap:14px; padding:18px; background:#ffffffbd; border-radius:13px; }
.feature-page .fp-product-chip strong { font-size:12px; }
.feature-page .fp-product-chip small { display:block; margin-top:4px; color:#7b8392; font-size:10px; }
.feature-page .fp-product-chip>b { margin-left:auto; font-size:12px; white-space:nowrap; }
.feature-page .fp-bottle { display:block; flex:0 0 24px; width:24px; height:38px; position:relative; background:#a2b5a2; border-radius:5px 5px 7px 7px; border-top:7px solid #d7dfd5; box-shadow:inset -7px 0 #0000000a; }
.feature-page .fp-bottle::after { content:'N'; display:grid; place-items:center; position:absolute; top:6px; width:100%; height:16px; background:#f5f1e7; color:#526257; font:10px Georgia,serif; }
.feature-page .fp-report-stage { max-width:1010px; margin:auto; }
.feature-page .fp-showcase-reports { padding:24px 24px 16px; }
.feature-page .fp-web-composition { display:grid; grid-template-columns:.65fr 2fr; gap:30px; align-items:center; }
.feature-page .fp-design-tools { padding:24px; border-radius:16px; background:#ffffffd9; }
.feature-page .fp-design-tools>strong { font-size:16px; }
.feature-page .fp-swatches { display:flex; gap:8px; margin:23px 0; }
.feature-page .fp-swatches i { width:30px; height:30px; border-radius:50%; background:#303b32; border:3px solid #fff; }
.feature-page .fp-swatches i:nth-child(2) { background:#aaafa1; }
.feature-page .fp-swatches i:nth-child(3) { background:#d6c7b5; }
.feature-page .fp-swatches i:nth-child(4) { background:#eee6d9; }
.feature-page .fp-type-sample { font:52px Georgia,serif; color:#49483f; padding-bottom:20px; }
.feature-page .fp-type-sample span { display:block; margin-top:5px; font:10px/1.8 Arial,sans-serif; color:#7f8391; }
.feature-page .fp-design-note { display:flex; gap:10px; padding-top:20px; border-top:1px solid #edf0f5; color:#7b8394; font-size:11px; line-height:1.8; }
.feature-page .fp-design-note .sv-icon { width:20px; height:20px; color:var(--fp-ink); }
.feature-page .fp-browser { min-width:0; overflow:hidden; border:1px solid #e1e5e9; border-radius:14px; background:#fbfaf6; box-shadow:0 20px 40px -25px #1e385d40; }
.feature-page .fp-browser-bar { display:flex; align-items:center; gap:5px; padding:12px 15px; background:#fff; border-bottom:1px solid #edf0f5; }
.feature-page .fp-browser-bar i { width:6px; height:6px; background:#dfe3e9; border-radius:50%; }
.feature-page .fp-browser-bar span { flex:1; text-align:center; color:#9298a5; font-size:9px; padding-right:27px; }
.feature-page .fp-salon-nav { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:24px; color:#363f34; }
.feature-page .fp-salon-nav>strong { font-size:20px; letter-spacing:-.06em; }
.feature-page .fp-salon-nav>span { font-size:9px; white-space:nowrap; }
.feature-page .fp-salon-nav b { margin-left:15px; font-size:9px; font-weight:550; padding:8px 10px; border:1px solid #bcc1b6; border-radius:4px; }
.feature-page .fp-salon-hero { display:grid; grid-template-columns:1fr 1fr; align-items:stretch; padding:0 24px; gap:24px; }
.feature-page .fp-salon-hero>div { align-self:center; padding:20px 0; }
.feature-page .fp-salon-hero small { color:#8d8e7b; font-size:8px; letter-spacing:.12em; }
.feature-page .fp-salon-hero h3 { max-width:280px; font:clamp(26px,3vw,43px)/1.1 Georgia,serif; color:#343d31; margin:18px 0; letter-spacing:-.04em; }
.feature-page .fp-salon-hero p { max-width:220px; font-size:10px; line-height:1.8; color:#8a8d7d; }
.feature-page .fp-salon-hero img { display:block; width:100%; height:330px; object-fit:cover; border-radius:85px 85px 5px 5px; }
.feature-page .fp-salon-button { display:inline-flex; align-items:center; gap:12px; margin-top:15px; padding:12px; background:#384734; border-radius:5px; color:#fff; font-size:9px; }
.feature-page .fp-salon-button .sv-icon { width:12px; height:12px; }
.feature-page .fp-salon-bottom { display:flex; justify-content:space-around; padding:24px 15px; font-size:9px; color:#747e6a; }
.feature-page .fp-payment-row { display:flex; align-items:center; gap:13px; padding:21px 0; border-bottom:1px solid #edf0f5; }
.feature-page .fp-avatar { display:grid; place-items:center; flex:0 0 36px; width:36px; height:36px; border-radius:11px; background:#efeaf9; color:#8b75b3; font-size:11px; }
.feature-page .fp-payment-row strong { font-size:13px; }
.feature-page .fp-payment-row small { display:block; color:#8490a1; font-size:10px; margin-top:5px; }
.feature-page .fp-payment-row>b { margin-left:auto; font-size:13px; white-space:nowrap; }
.feature-page .fp-payment-card { max-width:330px; width:100%; justify-self:center; text-align:center; border-radius:24px; padding:32px; background:#fff; border:1px solid #dfece5; box-shadow:0 22px 45px -28px #17392e45; }
.feature-page .fp-salon-mark { display:grid; place-items:center; width:42px; height:42px; border:1px solid #bfd0c4; border-radius:50%; margin:0 auto 18px; font:25px Georgia,serif; color:#335943; }
.feature-page .fp-payment-card>small { display:block; font-size:10px; letter-spacing:.13em; margin-bottom:26px; }
.feature-page .fp-payment-card>span:not(.fp-status):not(.fp-salon-mark) { display:block; font-size:12px; color:#7b8595; }
.feature-page .fp-payment-card>strong { display:block; font-size:54px; line-height:1.3; letter-spacing:-.06em; margin:12px 0 20px; }
.feature-page .fp-payment-card>p { max-width:170px; margin:22px auto 0; font-size:12px; }
.feature-page .fp-terminal-composition { display:grid; grid-template-columns:1.25fr .35fr .8fr; gap:24px; max-width:940px; margin:auto; align-items:center; }
.feature-page .fp-payment-method { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:24px; padding:16px; background:#f7f8fa; border-radius:10px; font-size:11px; }
.feature-page .fp-payment-method>.sv-icon { width:20px; height:20px; color:#818997; }
.feature-page .fp-transfer-arrow { display:flex; flex-direction:column; align-items:center; gap:10px; text-align:center; color:var(--fp-ink); font-size:10px; }
.feature-page .fp-transfer-arrow .sv-icon { width:28px; height:28px; }
.feature-page .fp-terminal-device { padding:14px 14px 0; width:238px; max-width:100%; margin:auto; background:#fafbfc; border:1px solid #d6dde0; border-radius:29px; box-shadow:inset 0 0 0 4px #e7e9e9,0 25px 35px -15px #344c4430; transform:rotate(4deg); }
.feature-page .fp-terminal-screen { text-align:center; background:#192d34; color:#fff; padding:30px 18px 20px; border-radius:20px; }
.feature-page .fp-terminal-screen>span { display:block; margin-bottom:32px; color:#bcd4d7; font-size:8px; letter-spacing:.1em; }
.feature-page .fp-terminal-screen>small { display:block; font-size:10px; opacity:.7; }
.feature-page .fp-terminal-screen>strong { display:block; font-size:37px; letter-spacing:-.05em; margin:8px 0 24px; }
.feature-page .fp-contactless { font-size:28px; letter-spacing:3px; color:#a2d8c5; }
.feature-page .fp-terminal-screen>p { margin:15px 0 5px; color:#bcd4d7; font-size:9px; }
.feature-page .fp-terminal-brand { padding:20px; text-align:center; color:#1c2e34; font-size:16px; letter-spacing:-.06em; font-weight:700; }
.feature-page .fp-visual-note { text-align:center; color:#6c7b79; margin:30px 0 0; font-size:10px; }
.feature-page .fp-gift-card { position:relative; padding:30px; background:#8e4468; color:#fff; border-radius:20px; box-shadow:0 26px 35px -24px #66384d60; transform:rotate(-3deg); overflow:hidden; }
.feature-page .fp-gift-card::after { content:''; position:absolute; border:1px solid #ffffff20; border-radius:50%; width:280px; height:280px; right:-150px; top:25px; box-shadow:0 0 0 30px #ffffff06,0 0 0 60px #ffffff05; }
.feature-page .fp-gift-card>div { display:flex; align-items:center; justify-content:space-between; font-size:11px; letter-spacing:.14em; }
.feature-page .fp-gift-card>p { position:relative; max-width:260px; margin:38px 0 18px; font:34px/1.15 Georgia,serif; color:#fff2ef; }
.feature-page .fp-gift-card>strong { font-size:48px; letter-spacing:-.05em; font-weight:550; }
.feature-page .fp-gift-card>footer { display:flex; justify-content:space-between; border-top:1px solid #ffffff30; padding-top:20px; margin-top:28px; font-size:10px; color:#efd6e2; }
.feature-page .fp-loyalty-card { padding:32px; border-radius:24px; background:#fff; border:1px solid #ebdce5; }
.feature-page .fp-loyalty-card header { display:flex; justify-content:space-between; gap:20px; padding-bottom:32px; font-size:11px; letter-spacing:.12em; color:#9b5478; }
.feature-page .fp-loyalty-card>small { font-size:12px; color:#8d7d8b; }
.feature-page .fp-loyalty-card>h3 { margin:9px 0 20px; }
.feature-page .fp-points { display:flex; align-items:baseline; gap:10px; color:#a4547c; }
.feature-page .fp-points>strong { font-size:68px; font-weight:600; letter-spacing:-.065em; line-height:1; }
.feature-page .fp-points>span { font-size:13px; }
.feature-page .fp-stamps { display:flex; gap:10px; padding:26px 0; }
.feature-page .fp-stamps>span { width:43px; height:43px; display:grid; place-items:center; border-radius:50%; color:#a75c80; background:#f9eaf1; }
.feature-page .fp-stamps .sv-icon { width:19px; height:19px; }
.feature-page .fp-loyalty-card>footer { font-size:11px; color:#8d7d8b; }
.feature-page .fp-loyalty-row { display:flex; gap:12px; align-items:center; padding:21px 0; border-bottom:1px solid #f0edf4; }
.feature-page .fp-loyalty-row>span { color:#9180b2; }
.feature-page .fp-loyalty-row strong { font-size:12px; }
.feature-page .fp-loyalty-row small { display:block; margin-top:5px; font-size:10px; color:#9095a1; }
.feature-page .fp-loyalty-row>b { margin-left:auto; color:#3b956f; font-size:16px; font-weight:550; }
.feature-page .fp-email { background:#fff; border:1px solid #e0e6ef; border-radius:18px; overflow:hidden; max-width:440px; box-shadow:0 25px 40px -25px #364c642f; }
.feature-page .fp-email-envelope { display:flex; flex-wrap:wrap; gap:7px; padding:15px 20px; background:#f7f8fb; font-size:10px; color:#8b91a0; }
.feature-page .fp-email-envelope strong { font-weight:500; color:#576178; }
.feature-page .fp-email-brand { padding:20px; text-align:center; font-size:20px; letter-spacing:-.04em; }
.feature-page .fp-email>img { display:block; width:calc(100% - 40px); height:155px; margin:0 20px; object-fit:cover; border-radius:9px; }
.feature-page .fp-email-copy { padding:24px; }
.feature-page .fp-email-copy>small { color:#a08b79; font-size:9px; letter-spacing:.07em; }
.feature-page .fp-email-copy>h3 { font:30px/1.15 Georgia,serif; margin:12px 0; }
.feature-page .fp-email-copy>p { font-size:11px; margin:0 0 18px; }
.feature-page .fp-example-button { display:inline-flex; justify-content:center; align-items:center; gap:12px; background:var(--fp-ink); padding:12px 16px; border-radius:8px; color:#fff; font-size:11px; }
.feature-page .fp-example-button .sv-icon { width:15px; height:15px; }
.feature-page .fp-inline-note { display:flex; align-items:center; gap:12px; margin-top:25px; padding:20px; border-radius:12px; background:#ffffff85; color:#75849b; font-size:12px; line-height:1.8; }
.feature-page .fp-inline-note>.sv-icon { width:24px; height:24px; color:var(--fp-ink); }
.feature-page .fp-inline-note>p { margin:0; font-size:12px; }
.feature-page .fp-offer { padding:36px; border:1px dashed #a8bfdc; border-radius:21px; background:#ffffff88; }
.feature-page .fp-offer>strong { display:block; font-size:110px; line-height:1.1; letter-spacing:-.075em; font-weight:650; color:#3877b6; margin:18px 0; }
.feature-page .fp-offer>strong>span { font-size:55px; margin-left:5px; }
.feature-page .fp-offer>h3 { max-width:280px; font-size:30px; line-height:1.1; }
.feature-page .fp-offer>p { margin-top:16px; font-size:12px; }
.feature-page .fp-offer>footer { padding-top:25px; font-size:10px; color:#7e8a9b; }
.feature-page .fp-slot { display:grid; grid-template-columns:42px 1fr; gap:10px; padding:8px 0; }
.feature-page .fp-slot>time { font-size:10px; color:#9097a8; padding-top:14px; }
.feature-page .fp-slot>div { padding:16px; border-left:3px solid #a490d7; background:#f0ecfa; color:#8870b8; min-height:79px; }
.feature-page .fp-slot strong { font-size:12px; }
.feature-page .fp-slot small { display:block; margin-top:5px; font-size:10px; }
.feature-page .fp-slot.is-free>div { background:#f1f7ff; color:#397ab7; border:1px dashed #9cbadb; border-radius:5px; }
.feature-page .fp-opportunity { padding:20px 0; }
.feature-page .fp-orbit-icon { display:grid; place-items:center; width:46px; height:46px; border-radius:15px; background:#fff; color:var(--fp-ink); margin-bottom:24px; }
.feature-page .fp-opportunity>h3 { font-size:35px; max-width:300px; }
.feature-page .fp-available-time { font-size:42px; font-weight:600; letter-spacing:-.05em; margin-top:26px; color:var(--fp-ink); }
.feature-page .fp-available-time>span { font-size:25px; opacity:.65; }
.feature-page .fp-opportunity>p { margin:7px 0 0; }
.feature-page .fp-hub-label { display:flex; justify-content:center; align-items:center; gap:9px; margin-bottom:40px; }
.feature-page .fp-hub-label>strong { font-size:18px; }
.feature-page .fp-hub-label>span { margin-left:12px; padding-left:20px; border-left:1px solid #b8d7c6; color:#6c8a7b; font-size:11px; }
.feature-page .fp-location-cards { display:grid; grid-template-columns:1fr 1fr; gap:30px; max-width:900px; margin:auto; }
.feature-page .fp-location-card { padding:0; overflow:hidden; }
.feature-page .fp-location-card>img { display:block; width:100%; height:155px; object-fit:cover; }
.feature-page .fp-location-card>div { padding:24px; }
.feature-page .fp-location-card footer { display:flex; align-items:center; gap:8px; color:#859388; font-size:11px; padding-top:22px; }
.feature-page .fp-location-card footer .sv-icon { width:17px; height:17px; }
/* Smaller story illustrations retain readable text at mobile sizes. */
.feature-page .fp-detail-visual { padding:34px 30px 20px; }
.feature-page .fp-detail-visual .fp-panel { padding:24px; }
.feature-page .fp-detail-visual .fp-artwork h3 { font-size:21px; }
.feature-page .fp-booking-service { padding:18px; border-radius:10px; background:#f1eefb; color:#7c65b6; }
.feature-page .fp-booking-service>strong { display:block; font-size:13px; }
.feature-page .fp-booking-service>small { display:block; margin-top:5px; font-size:11px; }
.feature-page .fp-booking-times { display:flex; gap:8px; margin:22px 0; }
.feature-page .fp-booking-times>span { flex:1; padding:10px; border:1px solid #e6e1f0; border-radius:7px; text-align:center; font-size:11px; color:#837693; }
.feature-page .fp-booking-times>.is-selected { background:#7360b9; color:#fff; border-color:#7360b9; }
.feature-page .fp-route-step { display:flex; gap:12px; align-items:center; padding:20px 0; border-top:1px solid #edf0f5; }
.feature-page .fp-route-step>span { display:grid; place-items:center; flex:0 0 27px; height:27px; border-radius:50%; background:var(--fp-soft); color:var(--fp-ink); font-size:10px; }
.feature-page .fp-route-step>strong { font-size:12px; font-weight:550; }
.feature-page .fp-route-step>.sv-icon { width:16px; height:16px; color:#8caa99; margin-left:auto; }
.feature-page .fp-route-step.is-current { color:var(--fp-ink); }
.feature-page .fp-balance-equation { display:flex; justify-content:space-between; align-items:center; gap:8px; padding:20px 0; }
.feature-page .fp-balance-equation>span { font-size:29px; letter-spacing:-.04em; font-weight:600; }
.feature-page .fp-balance-equation>span:last-child { color:var(--fp-ink); }
.feature-page .fp-balance-equation small { display:block; color:#8e8996; font-size:9px; font-weight:400; letter-spacing:0; margin-top:8px; }
.feature-page .fp-balance-equation>i { font-size:18px; font-style:normal; color:#c0b8c8; }
.feature-page .fp-invitation>.fp-orbit-icon { background:var(--fp-soft); }
.feature-page .fp-invitation>small { font-size:10px; letter-spacing:.12em; color:#92a0b1; }
.feature-page .fp-invitation>h3 { margin:15px 0; }
.feature-page .fp-invitation>p { margin:0 0 22px; }
@media(max-width:1000px) {
 .feature-page .fp-showcase { padding:30px 28px 16px; }
 .feature-page .fp-composition { gap:25px; }
 .feature-page .fp-web-composition { grid-template-columns:1fr; gap:20px; }
 .feature-page .fp-design-tools { display:flex; flex-wrap:wrap; align-items:center; gap:15px; padding:16px 20px; }
 .feature-page .fp-design-tools>.fp-eyebrow,.feature-page .fp-type-sample,.feature-page .fp-design-note { display:none; }
 .feature-page .fp-swatches { margin:0 0 0 auto; }
 .feature-page .fp-salon-hero h3 { font-size:38px; }
 .feature-page .fp-terminal-composition { grid-template-columns:1.2fr .2fr .8fr; gap:16px; }
 .feature-page .fp-panel { padding:23px; }
 .feature-page .fp-detail-visual { padding:28px 22px 18px; }
 .feature-page .fp-gift-card { padding:25px; }
 .feature-page .fp-gift-card>p { font-size:29px; }
 .feature-page .fp-transfer-arrow>span { display:none; }
}
@media(max-width:760px) {
 .feature-page .fp-showcase { padding:26px 20px 14px; border-radius:22px; }
 .feature-page .fp-showcase>figcaption { margin-top:22px; }
 .feature-page .fp-composition,.feature-page .fp-pos-composition { grid-template-columns:minmax(0,1fr); gap:24px; max-width:470px; }
 .feature-page .fp-sale-context { max-width:none; }
 .feature-page .fp-sale-context>.fp-eyebrow { display:none; }
 .feature-page .fp-connection { padding:16px 0; }
 .feature-page .fp-appointment { padding:16px; }
 .feature-page .fp-native { border-radius:12px; }
 .feature-page .fp-showcase-reports { padding:12px 12px 14px; }
 .feature-page .fp-payment-card { max-width:300px; padding:26px; }
 .feature-page .fp-panel { padding:22px; }
 .feature-page .fp-panel>header { gap:12px; }
 .feature-page .fp-data-row { gap:12px; font-size:11px; }
 .feature-page .fp-data-row>strong { font-size:11px; }
 .feature-page .fp-data-row.is-total>strong { font-size:26px; }
 .feature-page .fp-payment-row { gap:10px; }
 .feature-page .fp-payment-row strong { font-size:12px; }
 .feature-page .fp-payment-row>b { font-size:12px; }
 .feature-page .fp-terminal-composition { grid-template-columns:minmax(0,1fr); gap:25px; }
 .feature-page .fp-terminal-device { width:210px; }
 .feature-page .fp-transfer-arrow { transform:rotate(90deg); }
 .feature-page .fp-terminal-sale { max-width:470px; width:100%; margin:auto; }
 .feature-page .fp-gift-card { transform:rotate(-2deg); padding:25px; }
 .feature-page .fp-gift-card>p { max-width:210px; margin-top:28px; font-size:31px; }
 .feature-page .fp-gift-card>footer { font-size:9px; }
 .feature-page .fp-loyalty-card { padding:25px; }
 .feature-page .fp-loyalty-row { gap:10px; }
 .feature-page .fp-loyalty-row strong { font-size:11px; }
 .feature-page .fp-email { margin:auto; }
 .feature-page .fp-email>img { height:140px; }
 .feature-page .fp-email-copy { padding:20px; }
 .feature-page .fp-email-copy>h3 { font-size:28px; }
 .feature-page .fp-inline-note { margin-top:20px; padding:16px; }
 .feature-page .fp-offer { padding:26px; }
 .feature-page .fp-offer>strong { font-size:90px; }
 .feature-page .fp-offer>h3 { font-size:28px; }
 .feature-page .fp-slot { grid-template-columns:34px 1fr; gap:7px; }
 .feature-page .fp-slot>div { padding:13px; }
 .feature-page .fp-slot strong { font-size:11px; }
 .feature-page .fp-opportunity { padding:5px; }
 .feature-page .fp-opportunity>h3 { font-size:30px; }
 .feature-page .fp-locations-hub { max-width:470px; margin:auto; }
 .feature-page .fp-location-cards { grid-template-columns:1fr; gap:22px; }
 .feature-page .fp-hub-label { margin-bottom:26px; }
 .feature-page .fp-hub-label>span { margin-left:5px; padding-left:13px; font-size:10px; }
 .feature-page .fp-design-tools { padding:15px; gap:9px; }
 .feature-page .fp-design-tools>strong { font-size:12px; }
 .feature-page .fp-swatches { gap:3px; }
 .feature-page .fp-swatches i { width:23px; height:23px; border-width:2px; }
 .feature-page .fp-salon-nav { padding:18px; }
 .feature-page .fp-salon-nav>strong { font-size:19px; }
 .feature-page .fp-salon-nav>span { display:none; }
 .feature-page .fp-salon-hero { padding:0 18px; grid-template-columns:1fr; gap:15px; }
 .feature-page .fp-salon-hero>div { padding:8px 0; }
 .feature-page .fp-salon-hero h3 { max-width:240px; font-size:35px; margin:12px 0; }
 .feature-page .fp-salon-hero p { max-width:220px; }
 .feature-page .fp-salon-hero img { height:190px; border-radius:60px 60px 5px 5px; object-position:center 55%; }
 .feature-page .fp-salon-bottom { padding:22px 10px; font-size:8px; gap:10px; }
 .feature-page .fp-detail-visual .fp-panel { padding:20px; }
 .feature-page .fp-detail-visual .fp-artwork h3 { font-size:21px; }
 .feature-page .fp-balance-equation>span { font-size:27px; }
 .feature-page .fp-related { padding-top:44px; gap:15px 22px; }
 .feature-page .fp-related>span { width:100%; }
 .feature-page .fp-related+.bk-final { margin-top:44px; }
}
@media(max-width:380px) {
 .feature-page .fp-showcase { padding:22px 14px 14px; }
 .feature-page .fp-showcase-reports { padding:10px; }
 .feature-page .fp-panel { padding:18px; }
 .feature-page .fp-artwork h3 { font-size:20px; }
 .feature-page .fp-status { font-size:9px; white-space:normal; }
 .feature-page .fp-detail-visual { padding:22px 12px 16px; }
 .feature-page .fp-balance-equation>span { font-size:23px; }
 .feature-page .fp-loyalty-card,.feature-page .fp-gift-card { padding:22px; }
 .feature-page .fp-payment-row { flex-wrap:wrap; gap:8px; }
 .feature-page .fp-payment-row strong { font-size:11px; }
 .feature-page .fp-payment-row>.fp-avatar { flex-basis:28px; width:28px; height:28px; font-size:9px; }
 .feature-page .fp-stamps { gap:8px; }
 .feature-page .fp-stamps>span { width:37px; height:37px; }
}

@media(min-width:761px) {
 .feature-page .bk-booking.fp-reversed>.bk-copy { order:2; }
 .feature-page .bk-booking.fp-reversed>.bk-booking-visual { order:1; }
}