/* A quiet gold disclosure lets the owner's expressive artwork have its own space. */
.menu-shell .course-artwork{--art-ink:#225c75;--art-wash:#edf6fb;margin:12px 0 0;border-top:1px solid #c8aa7366;color:var(--art-ink)}
.menu-shell .course-artwork.art-green{--art-ink:#31664b;--art-wash:#eef6ed}
.menu-shell .course-artwork.art-rose{--art-ink:#78455a;--art-wash:#fff2f6}
.menu-shell .course-artwork.art-apricot{--art-ink:#885a36;--art-wash:#fff5e9}
.menu-shell .course-artwork>summary{display:flex;align-items:center;gap:7px;min-height:40px;padding:8px 2px;list-style:none;cursor:pointer;font:600 12px/1.5 var(--sans);color:var(--art-ink);-webkit-tap-highlight-color:transparent}
.menu-shell .course-artwork>summary::-webkit-details-marker{display:none}
.course-artwork-mark{color:#9b793f;font-size:19px;line-height:1}
.course-artwork-toggle{display:block;position:relative;width:20px;height:20px;flex:0 0 20px;margin-left:auto;border:1px solid #b99961;border-radius:50%;background:#fff9e9}
.course-artwork-toggle:before,.course-artwork-toggle:after{content:"";position:absolute;left:5px;right:5px;top:9px;height:1px;background:#816036}
.course-artwork-toggle:after{transform:rotate(90deg);transition:transform .2s}
.course-artwork[open] .course-artwork-toggle:after{transform:rotate(0)}
.menu-shell .course-artwork[open]>summary{color:var(--art-ink)}
.menu-shell .course-artwork>figure{margin:0 0 2px;padding:4px;border:1px solid #c6a86e;border-radius:7px;background:linear-gradient(125deg,#fff8e8,var(--art-wash));box-shadow:0 3px 0 #c2a57026;overflow:hidden}
.menu-shell .course-artwork>figure>img{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;border-radius:3px}
.menu-shell .course-artwork[open]>figure{animation:courseArtworkReveal .24s ease-out both}
.menu-shell .course-artwork>summary:focus-visible{outline:2px solid #b99961;outline-offset:3px;border-radius:3px}
@keyframes courseArtworkReveal{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.menu-shell .course-artwork[open]>figure{animation:none}.course-artwork-toggle:after{transition:none}}

/* Each supplied head/face coupon opens its matching price and reservation. */
.menu-shell .head-coupon-art>figure>a{display:block}
.menu-shell .head-coupon-art>figure>a>img{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;border-radius:3px}
.menu-shell .head-coupon-art .head-coupon-book{display:flex;align-items:center;justify-content:center;text-align:center;min-height:44px;margin:9px 0;font-size:13px}

/* Optical adjustment only: lower coupon labels without changing row layout. */
.menu-shell .course-artwork>summary>span[data-i18n]{position:relative;top:5px}

/* Match every coupon disclosure label to the lumbar course blue. */
.menu-shell .course-artwork>summary>span[data-i18n]{color:#225c75}

/* Lower every disclosure toggle to match the adjusted label baseline. */
.menu-shell .course-artwork>summary>.course-artwork-toggle{transform:translateY(5px)}

.menu-shell .course-artwork>summary>.course-artwork-mark{transform:translateY(5px)}

/* Compact disclosure rows while preserving the existing optical alignment. */
.menu-shell .course-list .menu-course .course-artwork{margin-top:7px}
.menu-shell .course-list .menu-course .course-artwork>summary{min-height:30px;padding:2px 2px;box-sizing:border-box}

/* Shared booking action below each coupon image. */
.menu-shell details.course-artwork>a.course-book.coupon-book{box-sizing:border-box;width:100%;min-height:40px;padding:7px 14px;margin:10px 0 5px;border:1px solid #f4aac7;border-bottom:1px solid #a71d43;border-radius:7px;background:linear-gradient(120deg,#d84483,#b1165b 65%,#a81050);color:#fff;font-size:14px;font-weight:700;line-height:1.5;text-decoration:none;text-shadow:none;box-shadow:inset 0 1px 0 #ffffff88,0 4px 0 #74103b,0 7px 12px #83153b24;transition:transform .15s,box-shadow .15s,filter .15s}
.menu-shell details.course-artwork>a.course-book.coupon-book:hover{filter:brightness(1.06)}
.menu-shell details.course-artwork>a.course-book.coupon-book:active{transform:translateY(1px);box-shadow:0 1px 2px #68152c26}
.menu-shell details.course-artwork>a.course-book.coupon-book:focus-visible{outline:3px solid #225c75;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.menu-shell details.course-artwork>a.course-book.coupon-book{transition:none}}

/* Restrained satin sheen and compact gold accent. */
.menu-shell details.course-artwork>a.course-book.coupon-book{position:relative;isolation:isolate;overflow:hidden;border-color:#d03960;border-bottom-color:#a71d43;background:linear-gradient(115deg,#e55576,#d52e59 48%,#bd2049);box-shadow:inset 0 1px 0 #ffffff40,0 2px 0 #9c2145,0 4px 7px #68152c24}
.menu-shell details.course-artwork>a.course-book.coupon-book>span{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.menu-shell details.course-artwork>a.course-book.coupon-book::before{content:"";position:absolute;inset:-50% auto -50% -65%;width:12%;pointer-events:none;background:linear-gradient(90deg,transparent,#ffffff38 50%,transparent);transform:skewX(-22deg);z-index:1}
.menu-shell details.course-artwork>a.course-book.coupon-book>span::before{content:"✦";display:inline-block;flex:none;font-size:15px;line-height:1;color:#f6ce6a;text-shadow:none;pointer-events:none}
@media(prefers-reduced-motion:no-preference){
.menu-shell details.course-artwork>a.course-book.coupon-book::before{animation:headCouponShine 3.2s linear infinite}
}
@keyframes headCouponShine{0%{left:-40%;opacity:0}4%{opacity:1}22%{left:115%;opacity:1}26%,100%{left:115%;opacity:0}}


.menu-shell #beauty .course-artwork{margin-top:10px}
.menu-shell #beauty .course-artwork>summary{min-height:30px;padding:2px;box-sizing:border-box}
.menu-shell #beauty .course-artwork>figure>img{aspect-ratio:auto}

.menu-shell #insurance #first-pain-coupon-art{margin-top:10px}
.menu-shell #insurance #first-pain-coupon-art>summary{min-height:30px;padding:2px;box-sizing:border-box}

/* Editorial serif lettering for coupon booking actions. */
.menu-shell details.course-artwork>a.course-book.coupon-book{font-family:var(--serif);font-weight:600;letter-spacing:.035em}
html[lang=en] .menu-shell details.course-artwork>a.course-book.coupon-book,html[lang=ko] .menu-shell details.course-artwork>a.course-book.coupon-book{font-family:var(--sans);letter-spacing:.01em}