/* The menu is a submerged optical surface: one quiet field with water light at its rim. */
.care-menu .menu-board{
 --menu-grid:160px minmax(0,1fr) 224px 148px;--menu-gap:30px;--menu-material:url('assets/care/menu-water-material-v8.webp');
 position:relative;overflow:hidden;padding:0 40px;
 border:1px solid #bbe7df5c;border-radius:28px 5px 28px 5px;
 background:radial-gradient(ellipse at 0 0,#98d7bd45 0%,transparent 46%),radial-gradient(ellipse at 100% 100%,#1e99a04d,transparent 47%),linear-gradient(128deg,#143f46f5,#123943f0 48%,#103440ed);
 color:#f0f4e8;box-shadow:0 26px 65px #001c3160,inset 0 1px #d1f5e735,inset 0 -1px #609d9c38;
 backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);isolation:isolate;
}
.care-menu .menu-board::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--menu-material,none);background-size:cover;background-position:center;opacity:.52;mix-blend-mode:screen;mask-image:linear-gradient(90deg,#000,transparent 18%,transparent 84%,#000),linear-gradient(#000,transparent 14%,transparent 95%,#000);-webkit-mask-image:linear-gradient(90deg,#000,transparent 18%,transparent 84%,#000),linear-gradient(#000,transparent 14%,transparent 95%,#000)}
.care-menu .menu-board::after{content:"";position:absolute;inset:7px;z-index:-1;pointer-events:none;border:1px solid #bce8db19;border-radius:22px 2px 22px 2px;box-shadow:inset 0 1px 2px #c7eee91a}
.care-menu .menu-board-head{grid-template-columns:var(--menu-grid);gap:var(--menu-gap);min-height:64px;border-bottom:1px solid #bde6dc3d;color:#c4dad1;font-size:.6875rem;letter-spacing:.1em}
.care-menu .menu-column-course{grid-column:1/3}
.care-menu .menu-column-price{grid-column:3}
.care-menu .menu-column-action{grid-column:4;visibility:hidden}
.care-menu .menu-board .service,.care-menu .menu-board .service:nth-of-type(2),.care-menu .menu-board .service:nth-of-type(3){grid-template-columns:var(--menu-grid);gap:var(--menu-gap);padding:28px 0;min-height:178px;border-bottom:1px solid #bce6d62b;background:transparent;transition:none}
.care-menu .menu-board .service:last-of-type{border-bottom:0}
.care-menu .menu-board .service:before{left:-19px;top:28px;bottom:28px;width:2px;background:linear-gradient(transparent,#c4efd0 25%,#89dfd8 75%,transparent);box-shadow:0 0 9px #a5e5cd66}
.care-menu .menu-board .service:has(input:checked){border-color:#bce6d62b;background:transparent;box-shadow:none}
.care-menu .menu-board .service:has(input:focus-visible){outline:2px solid #ddf7d7;outline-offset:5px}
.care-menu .menu-board .service-index{display:none}
.care-menu .menu-board .service-media,.care-menu .menu-board .service-polish .service-media,.care-menu .menu-board .service-wash .service-media,.care-menu .menu-board .service-coat .service-media{grid-column:1;grid-row:1;border:1px solid #b6d6da48;border-radius:11px 2px 11px 2px;box-shadow:0 5px 17px #041d3255}
.care-menu .menu-board .service-media>img{filter:saturate(.76) brightness(.97)}
.care-menu .menu-board .menu-course-copy{grid-column:2}
.care-menu .menu-board .service .service-name{margin-bottom:8px;color:#aecdc4;font-size:.6875rem;letter-spacing:.055em}
.care-menu .menu-board .service .course{margin-bottom:11px;color:#f4f5e7;font-size:clamp(27px,2.25vw,32px);font-weight:500;line-height:1.45;letter-spacing:.026em;text-shadow:0 1px 8px #102c3433}
.care-menu .menu-board .service-description{max-width:31em;color:#d4e3dc;font-size:.8125rem;line-height:1.85}
.care-menu .menu-board .service-amount{grid-column:3;gap:9px}
.care-menu .menu-board .service-amount strong{color:#f0f4e4;font-size:31px;font-weight:500;letter-spacing:-.035em}
.care-menu .menu-board .service-amount small{color:#bad3ca;font-size:.6875rem;line-height:1.8}
.care-menu .menu-board .service-amount.amount-consult strong{font-size:22px}
.care-menu .menu-board .service-action{grid-column:4;min-height:47px;padding:8px 0 8px 14px;border:0;border-radius:0;background:transparent;color:#e5eee3;font-size:.8125rem;letter-spacing:.02em}
.care-menu .menu-board .service-action>span{display:grid;place-items:center;flex:none;width:34px;height:34px;border:1px solid #c4e6d869;border-radius:50%;color:#d9eddf;font-size:1rem;line-height:1;background:#6dbea012;box-shadow:inset 0 1px #d7f4ea26;transition:border-color .25s,background .25s,color .25s}
.care-menu .menu-board .service:hover .service-action{background:transparent;border-color:transparent;color:#f7f9e9}
.care-menu .menu-board .service:hover .service-action>span{border-color:#d6efdbb0;background:#73bbab29}
.care-menu .menu-board .service:has(input:checked) .service-action{background:transparent;border-color:transparent;color:#e7f5ce}
.care-menu .menu-board .service:has(input:checked) .service-action>span{background:#deedd1;border-color:#deedd1;color:#285f56;box-shadow:0 0 16px #9ecfaa26}
.care-menu .course-foot{margin-top:13px}
@media(min-width:701px) and (max-width:1099px){
 .care-menu .menu-board{--menu-grid:112px minmax(0,1fr) 174px;--menu-gap:22px;padding:0 28px;border-radius:23px 4px 23px 4px}
 .care-menu .menu-board-head{min-height:55px;font-size:.625rem}
 .care-menu .menu-column-course{grid-column:1/3}.care-menu .menu-column-price{grid-column:3}.care-menu .menu-column-action{display:none}
 .care-menu .menu-board .service,.care-menu .menu-board .service:nth-of-type(2),.care-menu .menu-board .service:nth-of-type(3){grid-template-rows:auto auto;column-gap:var(--menu-gap);row-gap:7px;padding:25px 0;min-height:172px}
 .care-menu .menu-board .service-media,.care-menu .menu-board .service-polish .service-media,.care-menu .menu-board .service-wash .service-media,.care-menu .menu-board .service-coat .service-media{grid-column:1;grid-row:1/3}
 .care-menu .menu-board .menu-course-copy{grid-column:2;grid-row:1/3}
 .care-menu .menu-board .service .course{font-size:26px;line-height:1.5;margin-bottom:10px}
 .care-menu .menu-board .service .service-name{font-size:.625rem}
 .care-menu .menu-board .service-description{font-size:.75rem}
 .care-menu .menu-board .service-amount{grid-column:3;grid-row:1;align-self:end;gap:5px}
 .care-menu .menu-board .service-amount strong{font-size:28px}
 .care-menu .menu-board .service-amount.amount-consult strong{font-size:20px}
 .care-menu .menu-board .service-amount small{font-size:.6875rem}
 .care-menu .menu-board .service-action{grid-column:3;grid-row:2;align-self:start;min-height:44px;padding:0;font-size:.75rem;justify-content:flex-end;gap:14px}
 .care-menu .menu-board .service-action>span{width:30px;height:30px}
}
@media(max-width:700px){
 .care-menu .menu-board{padding:0 21px;border-radius:23px 4px 23px 4px;background:radial-gradient(ellipse at 0 0,#87cbbc38,transparent 44%),radial-gradient(ellipse at 100% 100%,#3b989947,transparent 46%),linear-gradient(132deg,#164349f5,#123943f2 45%,#103440f0)}
 .care-menu .menu-board::before{background-size:auto 100%;opacity:.44;mask-image:linear-gradient(90deg,#000,transparent 15%,transparent 88%,#000),linear-gradient(#000,transparent 8%,transparent 97%,#000);-webkit-mask-image:linear-gradient(90deg,#000,transparent 15%,transparent 88%,#000),linear-gradient(#000,transparent 8%,transparent 97%,#000)}
 .care-menu .menu-board::after{inset:5px;border-radius:19px 2px 19px 2px}
 .care-menu .menu-board-head{min-height:48px;font-size:.625rem;letter-spacing:.06em}
 .care-menu .menu-column-action{display:none}
 .care-menu .menu-board .service,.care-menu .menu-board .service:nth-of-type(2),.care-menu .menu-board .service:nth-of-type(3){grid-template-columns:84px minmax(0,1fr);grid-template-rows:auto auto auto auto;column-gap:15px;row-gap:8px;padding:23px 0;min-height:0}
 .care-menu .menu-board .service:before{left:-11px;top:23px;bottom:23px}
 .care-menu .menu-board .service-media,.care-menu .menu-board .service-polish .service-media,.care-menu .menu-board .service-wash .service-media,.care-menu .menu-board .service-coat .service-media{grid-column:1;grid-row:1/3;width:84px;border-radius:8px 2px 8px 2px}
 .care-menu .menu-board .menu-course-copy{display:contents}
 .care-menu .menu-board .service .service-name{grid-column:2;grid-row:1;align-self:end;margin:0;color:#aecdc4;font-size:.625rem;letter-spacing:.02em}
 .care-menu .menu-board .service .course{grid-column:2;grid-row:2;align-self:start;margin:0;font-size:22px;font-weight:600;line-height:1.45;letter-spacing:0;color:#f4f5e7}
 .care-menu .menu-board .service-description{grid-column:1/-1;grid-row:3;max-width:none;width:100%;margin:4px 0 0;color:#d4e3dc;font-size:.75rem;line-height:1.9;letter-spacing:.005em}
 .care-menu .menu-board .service-amount{grid-column:1/-1;grid-row:4;padding-right:114px;margin:10px 0 0;gap:5px}
 .care-menu .menu-board .service-amount strong{font-size:27px;line-height:1.35}
 .care-menu .menu-board .service-amount strong span{font-size:.6875rem;margin-left:4px}
 .care-menu .menu-board .service-amount small{font-size:.6875rem;line-height:1.75;color:#bad3ca}
 .care-menu .menu-board .service-amount.amount-consult strong{font-size:19px;line-height:1.5;letter-spacing:0}
 .care-menu .menu-board .service-action{grid-column:2;grid-row:4;width:106px;justify-self:end;align-self:center;min-height:44px;padding:0;gap:8px;margin:10px 0 0;font-size:.75rem;letter-spacing:0;border-radius:0}
 .care-menu .menu-board .service-action>span{width:29px;height:29px;font-size:.875rem}
 .care-menu .course-foot{margin-top:12px;margin-bottom:36px}
}
@media(max-width:370px){
 .care-menu .menu-board{padding:0 17px}
 .care-menu .menu-board .service,.care-menu .menu-board .service:nth-of-type(2),.care-menu .menu-board .service:nth-of-type(3){grid-template-columns:72px minmax(0,1fr);column-gap:12px;padding:22px 0}
 .care-menu .menu-board .service-media,.care-menu .menu-board .service-polish .service-media,.care-menu .menu-board .service-wash .service-media,.care-menu .menu-board .service-coat .service-media{width:72px}
 .care-menu .menu-board .service .course{font-size:19px;line-height:1.5}
 .care-menu .menu-board .service-amount{padding-right:98px}
 .care-menu .menu-board .service-amount strong{font-size:25px}
 .care-menu .menu-board .service-amount.amount-consult strong{font-size:17px;line-height:1.6}
 .care-menu .menu-board .service-action{width:92px;gap:6px;font-size:.6875rem}
 .care-menu .menu-board .service-action>span{width:26px;height:26px}
}
@media(prefers-reduced-motion:reduce){.care-menu .menu-board .service-action>span{transition:none}}