.coating-flow section{margin-top:32px;scroll-margin-top:100px}.coating-choices,.coating-products{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:14px}.coating-flow button,.coating-insurance button{background:#181a1f;color:#f7f3e9;border:1px solid #65616a;border-radius:14px;padding:18px;text-align:left;cursor:pointer;min-height:48px}.coating-flow button strong,.coating-flow button span,.coating-flow button small,.coating-flow button b{display:block;margin:6px 0}.coating-flow button[aria-pressed=true],.coating-insurance button[aria-pressed=true]{border:2px solid #e9cf8b;background:#29261e}.coating-flow button:focus-visible,.coating-summary button:focus-visible{outline:3px solid #f3db9d;outline-offset:3px}.coating-products article>button{width:100%;height:auto}.coating-price-switch{display:flex;gap:5px;margin-top:8px}.coating-price-switch button{flex:1;padding:10px 6px;font-size:12px}.coating-note{color:#c9c8c4;font-size:13px}.coating-flow em,.coating-recommend{display:inline-block;padding:5px 10px;color:#16130d;background:#ead398;border-radius:5px;font-style:normal}.coating-summary{font-size:13px;max-width:100%;width:100%}.coating-summary summary{cursor:pointer;padding:8px}.coating-summary-actions{display:flex;gap:8px}.coating-summary button,.coating-next-reason{padding:10px;border:1px solid #b39b66;border-radius:8px;background:#222;color:#fff;cursor:pointer}.coating-summary p{margin:8px;overflow-wrap:anywhere}.floating-total:has(.coating-summary){flex-wrap:wrap}.coating-next-reason{width:100%}@media(max-width:760px){.coating-flow h2{font-size:23px}.coating-flow button{padding:14px}.coating-summary[open]{max-height:220px;overflow:auto}.coating-price-switch b{font-size:12px}}

.coating-next-reason{grid-column:1/-1;font-size:12px;padding:5px}.coating-summary{color:inherit}.coating-summary summary{font-weight:700}

html body.luxury-booking .check-card .coating-recommend{display:block;width:max-content;max-width:100%;color:#16130d!important;background:#ead398;font-size:12px;line-height:1.3;margin:0 0 8px;padding:5px 8px;border-radius:5px;white-space:normal}
@media(max-width:760px){body.coating-active .reservation-step-actions{grid-template-columns:48px minmax(90px,1fr) 125px;gap:7px}body.coating-active .reservation-step-actions .step-next-button{grid-column:auto;order:0;padding:8px;font-size:13px}body.coating-active .reservation-step-actions .coating-next-reason{order:-1;min-height:30px;line-height:1.4;padding:5px 8px;font-size:12px;border:0;border-radius:4px}body.coating-active .step-action-price small{display:none}body.coating-active .step-summary-toggle{padding:7px}body.coating-active .step-summary-panel.is-open{bottom:145px;max-height:60vh}body.coating-active #loanerOptions{scroll-margin-bottom:160px}}

@media(max-width:760px){html body.coating-active.step-reservation-page{padding-bottom:calc(240px + env(safe-area-inset-bottom))!important}html body.coating-active .step-action-price small{display:none!important}html body.coating-active .reservation-step-actions .step-summary-toggle{min-height:54px!important}}

.coating-products article{min-width:0;padding:18px;background:#181a1f;border:1px solid #4c4943;border-radius:16px}.coating-product-images{display:flex;align-items:center;justify-content:center;gap:8px;min-height:190px}.coating-product-images img{width:100%;min-width:0;max-width:230px;height:190px;object-fit:contain}.coating-product-images img:not(:only-child){width:calc(50% - 4px)}.coating-products h3{font-size:20px;line-height:1.4}.coating-warranty{font-weight:700;color:#e9cf8b}.coating-included{font-size:13px;color:#e0ded8}.coating-price-switch{align-items:stretch}.coating-price-switch button{min-width:0}.coating-price-switch small{font-size:11px;line-height:1.4;font-weight:400}.coating-note summary{cursor:pointer;min-height:44px;display:flex;align-items:center}
@media(max-width:760px){.coating-products article{padding:14px}.coating-price-switch button{padding:10px 5px}.coating-product-images{min-height:170px}.coating-product-images img{height:170px}}

/* v71: distinguish coating families at a glance. */
html body .coating-flow .coating-kind-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
html body .coating-flow .coating-kind-grid > button{display:flex;flex-direction:column;min-width:0;overflow:hidden;padding:0 0 18px;background:#171b22;border:1px solid #66616a;border-radius:14px}
html body .coating-flow .coating-kind-image{width:100%;height:170px;object-fit:cover;display:block;margin:0 0 12px}
html body .coating-flow .coating-kind-logo{object-fit:cover;object-position:50% 50%;background:#3c385b}
html body .coating-flow .coating-kind-grid > button > strong{margin:4px 18px 6px;font-size:21px;line-height:1.5;color:#fff}
html body .coating-flow .coating-kind-grid > button > b{margin:0 18px 8px;font-size:22px;color:#ecd298}
html body .coating-flow .coating-kind-grid > button > span{margin:0 18px 6px;font-size:13px;color:#e0e1e4}
html body .coating-flow .coating-kind-grid > button > small{margin:0 18px 6px;font-size:12px;color:#cdd2da}
html body .coating-flow .coating-kind-grid > button > .coating-kind-action{margin-top:auto;padding-top:14px;color:#ecd298;font-weight:700}
html body .coating-flow .coating-kind-grid > button[aria-pressed=true]{border-color:#ecd298;box-shadow:0 0 0 2px #ecd298}
@media(max-width:560px){html body .coating-flow .coating-kind-grid{gap:12px}html body .coating-flow .coating-kind-image{height:110px}html body .coating-flow .coating-kind-grid > button > strong{font-size:16px;margin-inline:11px}html body .coating-flow .coating-kind-grid > button > b{font-size:18px;margin-inline:11px}html body .coating-flow .coating-kind-grid > button > span,html body .coating-flow .coating-kind-grid > button > small{font-size:11px;margin-inline:11px}}

.coating-flow .coating-kind-grid strong > span {display:inline;font:inherit;color:inherit}@media(max-width:560px){.coating-flow .coating-kind-grid strong > span {display:block}}

/* Single glass-coating course: the price is the next-step button. */
html body .coating-flow .coating-glass-price{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 24px;width:100%;padding:18px 20px;border:1px solid #ecd298;border-radius:12px;background:linear-gradient(115deg,#22473e,#151e21);color:#fff;text-align:left;cursor:pointer}
html body .coating-flow .coating-glass-price strong{font-size:24px;line-height:1.5;color:#f3dba6}
html body .coating-flow .coating-glass-price small{font-size:12px}
html body .coating-flow .coating-glass-price span{font-size:14px;font-weight:700}
html body .coating-flow .coating-glass-price:focus-visible{outline:3px solid #f3dba6;outline-offset:4px}

.one-campaign-badge{display:inline-block;padding:8px 12px;border:1px solid #c9a760;border-radius:8px;background:linear-gradient(125deg,#f7edd1,#e2c784);color:#34240a;font-size:13px;font-weight:700;line-height:1.5}
.one-campaign-terms{font-size:12px!important;line-height:1.6;color:#d7c7a1!important}
.one-campaign-was{display:block;margin-top:9px;color:#ccc;font-size:13px;line-height:1.5}
.one-campaign-was del{text-decoration-color:#ff8585;text-decoration-thickness:2px}
.one-campaign-price-label{display:block;margin-top:5px;color:#edcf88;font-size:11px;font-weight:700}
.one-campaign-saving{display:inline-block;margin-top:5px;padding:3px 7px;border-radius:4px;color:#ffe1dd;background:#652d2d;font-size:12px;font-weight:700}
.coating-price-switch button[aria-pressed="true"] .one-campaign-was{color:#4b453a}
.coating-price-switch button[aria-pressed="true"] .one-campaign-price-label{color:#674713}

.coating-products article .one-campaign-badge{color:#34240a!important}

.coating-products article .one-campaign-deadline{margin:12px 0 6px;color:#f4d591!important;font-size:19px!important;font-weight:800;line-height:1.4}.one-campaign-terms small{display:block;margin-top:7px;font-size:11px;color:#c6beb0}

.coating-price-switch:has(>button:only-child){grid-template-columns:1fr}.coating-polish-description{font-size:.88rem;line-height:1.7}.maintenance-cycle{margin:8px 0 24px;border:1px solid #d4dfd9;border-radius:12px;background:#fff}.maintenance-cycle summary{cursor:pointer;padding:15px;font-weight:700;color:#155d44}.maintenance-cycle-inner{padding:0 14px 14px}.maintenance-cycle table{width:100%;border-collapse:collapse;font-size:.84rem}.maintenance-cycle th,.maintenance-cycle td{padding:10px 5px;border-bottom:1px solid #e1e8e4;text-align:center}.maintenance-cycle th{background:#f1f6f3}.maintenance-cycle p{font-size:.8rem;color:#53645b;line-height:1.6}
/* Included-price plans: one clear total instead of three compact polish prices. */
.coating-price-switch button:only-child{width:100%;padding:16px;font-size:14px}
.coating-price-switch button:only-child b{font-size:28px;line-height:1.25;letter-spacing:.01em;color:#f3d795}
.coating-price-switch button:only-child small{font-size:13px}
.coating-price-switch button:only-child .one-campaign-was span{display:inline;margin-left:6px}
.coating-price-switch button:only-child .one-campaign-saving{display:inline-block;padding:5px 9px}
.maintenance-cycle td,.maintenance-cycle th{color:#244235}

html body .maintenance-cycle summary{color:#155d44!important}html body .maintenance-cycle p{color:#53645b!important}

/* Yokosuka glass coating benefits, separate from warranty and booking terms. */
.glass-performance{margin:16px 0 20px;padding:20px;border:1px solid #b49a58;border-radius:14px;background:linear-gradient(135deg,#162d29,#0c1816);color:#f6f3e9;text-align:left}
html body .glass-performance .glass-performance-label{margin:0 0 8px;color:#e5c780;font-size:.76rem;font-weight:700;letter-spacing:.08em}
html body .glass-performance h4{margin:0 0 14px;color:#fff5d6;font-size:1.2rem;line-height:1.55}
html body .glass-performance p{color:#edf1e9;font-size:.9rem;line-height:1.9;margin:14px 0 0}
.glass-performance-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.glass-performance-points span{padding:7px 9px;border:1px solid #8a7847;border-radius:7px;color:#f1d798;text-align:center;font-size:.84rem;font-weight:700;background:#ffffff05}