#recommended{background:#f6f4eb;color:#243f35;overflow:hidden;padding-top:42px;padding-bottom:42px}#recommended .head{margin-bottom:16px}#recommended h2{color:#243f35}.rina-stage{height:390px;position:relative;max-width:1050px;margin:auto;touch-action:pan-y;perspective:1000px}.rina-slide{position:absolute;left:50%;top:12px;width:min(70vw,380px);height:350px;border:1px solid #d3ddce;border-radius:24px;overflow:hidden;padding:0;background:#edf0e6;color:#243f35;box-shadow:0 18px 35px #243f3520;cursor:pointer;transition:transform .5s cubic-bezier(.22,.7,.25,1),opacity .5s,filter .5s;font:inherit}.rina-slide img{width:100%;height:265px;object-fit:cover;pointer-events:none}.rina-slide strong{display:block;padding:16px 12px;font:22px Georgia,serif}.rina-slide:focus-visible,.rina-controls button:focus-visible{outline:3px solid #67866a;outline-offset:4px}.rina-controls{display:flex;align-items:center;justify-content:center;gap:18px}.rina-controls button{border:1px solid #c8d4c4;border-radius:50%;width:40px;height:40px;background:#edf0e6;color:#243f35;cursor:pointer}.rina-progress{width:120px;height:3px;background:#d9dfd1;overflow:hidden;border-radius:5px}.rina-progress span{display:block;height:100%;background:#54765c;transform:scaleX(0);transform-origin:left}.services .card,.nail-grid img{cursor:pointer;transition:transform .12s,filter .12s,box-shadow .12s}.services .card:active,.services .card.rina-pressed,.nail-grid img:active,.nail-grid img.rina-pressed{transform:scale(.97);filter:brightness(.94);box-shadow:0 2px 6px #243f3518}.rina-detail{border:1px solid #d3ddce;border-radius:24px;padding:0;width:min(92vw,540px);max-height:88vh;overflow:auto;background:#f6f4eb;color:#243f35;box-shadow:0 24px 80px #142b3440}.rina-detail::backdrop{background:#142b3466;backdrop-filter:blur(4px)}.rina-detail>img{width:100%;max-height:42vh;object-fit:contain;background:#e7ebdf}.rina-detail-copy{padding:24px}.rina-detail h2{font:28px Georgia,serif;color:#243f35}.rina-close{position:absolute;right:10px;top:10px;border:0;border-radius:50%;width:38px;height:38px;background:#f6f4eb;color:#243f35;font-size:24px;cursor:pointer}.rina-detail .btn{background:#294c3c;color:#fff}.rina-detail p{line-height:1.7}@media(max-width:580px){.rina-stage{height:350px}.rina-slide{height:315px}.rina-slide img{height:230px}}@media(prefers-reduced-motion:reduce){.rina-slide,.services .card,.nail-grid img{transition:none}}
/* V31: one consistent tile size for all Nail images, including the lead tile. */
#nail .nail-showcase{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:start}
#nail .nail-grid{display:contents!important}
#nail .nail-feature,#nail .nail-grid img,#nail .nail-grid img:first-child{grid-column:auto!important;grid-row:auto!important;width:100%!important;height:230px!important;min-height:0!important;max-height:230px!important;margin:0!important;border-radius:16px!important;box-sizing:border-box}
#nail .nail-grid img{object-fit:contain!important;background:#f6f4eb!important;padding:6px!important}
#nail .nail-feature>img{height:100%!important;object-fit:cover!important}
#nail .nail-feature-copy{left:14px;right:14px;bottom:14px}
#nail .nail-feature-copy strong{font-size:20px}
#nail .nail-feature-copy span,#nail .nail-feature-copy small{font-size:10px}
@media(max-width:920px){#nail .nail-showcase{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:580px){#nail .nail-showcase{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#nail .nail-feature,#nail .nail-grid img,#nail .nail-grid img:first-child{height:190px!important;max-height:190px!important}#nail .nail-feature-copy strong{font-size:17px}}
/* V32 brand identity */
.nav .brand{display:flex;align-items:center;gap:10px;flex-shrink:1;min-width:0}.rina-brand-logo{display:block;width:80px;height:80px;object-fit:contain;border-radius:10px;flex-shrink:0}.rina-brand-copy{display:block}.rina-brand-copy>span{display:block}.rina-hero-logo{display:block;width:220px;height:220px;object-fit:contain;margin:18px 0;border-radius:18px}@media(max-width:580px){.nav .brand{gap:6px}.rina-brand-logo{width:52px;height:52px}.nav .rina-brand-copy>span{font-size:14px}.nav .rina-brand-copy small{font-size:7px;letter-spacing:.06em}.rina-hero-logo{width:180px;height:180px}.nav{gap:8px}.langs{gap:4px}}
/* V33: readable Nail typography and consistent spacing. */
#nail{background:#f3f6ef;color:#243f35}
#nail::before{display:none}
#nail .head h2,#nail .nail-copy h3{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Yu Gothic","Meiryo",Arial,sans-serif!important;font-style:normal;font-weight:600!important;letter-spacing:normal!important;word-spacing:normal;line-height:1.3!important;color:#243f35!important;text-shadow:none!important;overflow-wrap:break-word}
#nail .head h2{font-size:clamp(30px,4vw,48px)!important;margin:8px 0 16px!important;text-wrap:balance}
#nail .head .kicker{color:#496b55;letter-spacing:.12em}
#nail .head p,#nail .nail-copy p{font-size:16px;line-height:1.75;letter-spacing:normal;color:#455b4d;max-width:760px}
#nail .nail-copy h3{font-size:clamp(25px,3vw,34px)!important;margin:0 0 12px}
#nail .chip{color:#294c3c;background:#e5eddf;border-color:#bccdb5;font-size:13px;line-height:1.5}
#nail .nail-feature-copy strong{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Yu Gothic","Meiryo",Arial,sans-serif;line-height:1.35;letter-spacing:normal}
/* V34: multiple services in one appointment. */
#multiServices{margin-top:16px;color:#243f35;font-size:14px}#multiServices .multi-selected{list-style:none;padding:0;margin:8px 0 14px;display:grid;gap:8px}#multiServices li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;background:#edf3e9;border:1px solid #cbdac3;border-radius:12px}#multiServices li span{min-width:0;overflow-wrap:anywhere}#multiServices button{width:auto;flex-shrink:0;padding:8px 12px;border:1px solid #9fb294;border-radius:10px;background:#fff;color:#294c3c;cursor:pointer}#multiServices summary{cursor:pointer;font-weight:650;padding:12px;border:1px solid #9fb294;border-radius:12px;background:#f6f8f2}#multiServices p{font-size:14px;line-height:1.6;color:#455b4d}#multiServices fieldset{min-width:0;margin:12px 0;border:1px solid #cbdac3;border-radius:12px;padding:12px}#multiServices legend{font-weight:700;padding:0 6px}#multiServices label{display:flex;align-items:center;gap:10px;padding:10px 4px;cursor:pointer;font-weight:400}#multiServices input[type=checkbox]{width:20px;height:20px;flex:0 0 20px;accent-color:#385c43;padding:0}#multiServices :focus-visible{outline:2px solid #385c43;outline-offset:3px}#durationHint{font-weight:650;color:#294c3c}