/* MCOON Atelier 5.25 — readable listing studio, distinct stud adverts and leaner navigation. */
:root{--mcoon-525-forest:#063d30;--mcoon-525-mid:#096449;--mcoon-525-mint:#c6f3ab;--mcoon-525-gold:#d8b777;--mcoon-525-paper:#fffdf8;--mcoon-525-line:#dbe8df}
.mcoon-stud-card-badge{position:absolute!important;z-index:7;top:14px;left:14px;display:inline-flex;align-items:center;justify-content:center;padding:9px 15px;background:#073d30;color:#f4d49a!important;font-size:14px!important;font-weight:900!important;letter-spacing:.13em;border-radius:10px;border:1px solid #d7b875;box-shadow:0 4px 15px #0004;pointer-events:none}
.kitten-card__media{position:relative}
.mcoon-stud-detail-label{display:inline-flex;align-items:center;border-radius:99px;padding:8px 15px;margin-bottom:12px;background:#063d30;color:#f6dba7;font-size:15px;font-weight:800;letter-spacing:.12em}
.mcoon-studs-directory{background:#f9f5ee;min-height:60vh}
.mcoon-studs-hero{padding:55px clamp(18px,4vw,42px) 30px}
.mcoon-studs-overline{display:block;color:#9c723b;font-size:15px;font-weight:900;letter-spacing:.17em}
.mcoon-studs-hero h1{font:500 clamp(34px,5vw,68px)/1.12 Georgia,serif;color:#073c2e;margin:12px 0 15px}
.mcoon-studs-hero p{max-width:810px;color:#3a5a4b;font-size:18px;line-height:1.7}
.mcoon-studs-hero a{display:inline-flex;margin:15px 0 0;font-weight:800;font-size:17px;color:#04694d;text-underline-offset:4px}
.mcoon-listing-type-filter{padding:15px 0 20px;margin-bottom:10px;border-bottom:1px solid #dce7dd}
.mcoon-listing-type-filter label{display:block!important;font-size:16px!important;font-weight:800!important;color:#093e2e;margin-bottom:9px}
.mcoon-listing-type-filter select{font-size:17px!important;min-height:51px}
/* The member navigation now occupies only one slim row; no redundant page banner. */
.mcoon-account-page .mcoon-portal-main:has(.mcoon-studio){max-width:1320px!important;padding-top:12px!important}
.mcoon-studio .mcoon-studio-compact-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 10px;padding:0 3px;color:#9c753d;font-size:14px;font-weight:900;letter-spacing:.08em}
.mcoon-studio .mcoon-studio-compact-top a{color:#075744;font-weight:800;text-decoration:none;letter-spacing:normal;font-size:16px}
.mcoon-studio .mcoon-studio-compact-top a:hover{text-decoration:underline}
.mcoon-studio>.mcoon-member-journey-nav{margin:0 0 18px!important}
.mcoon-studio-layout{grid-template-columns:minmax(245px,290px) minmax(0,1fr)!important;gap:18px!important}
.mcoon-studio-rail{top:16px}
.mcoon-studio-rail-inner{background:linear-gradient(155deg,#063d30,#0b634c)!important;border:1px solid #0d6b50!important;box-shadow:0 18px 42px #012c2318!important}
.mcoon-studio-rail-kicker{color:#d5b77b!important;font-size:13px!important}
.mcoon-studio-rail-count,.mcoon-studio-rail-count span{color:#d1e9d7!important;font-size:15px!important}
.mcoon-studio-rail-count b{color:#fff!important}
.mcoon-studio-progress-track{background:#ffffff39!important}
.mcoon-studio-progress-track>div{background:#c6f3ab!important}
.mcoon-studio-rail ol{gap:5px!important;max-height:58vh!important}
.mcoon-studio-rail li button{font-size:15px!important;line-height:1.45!important;padding:13px 14px!important;color:#e1f1e5!important;min-height:49px;transition:background .17s ease, transform .17s ease,border-color .17s ease}
.mcoon-studio-rail li button:hover,.mcoon-studio-rail li button:focus-visible{background:#ffffff27!important;color:#fff!important;border-color:#ffffff55!important;transform:translateX(2px);outline-offset:3px}
.mcoon-studio-rail li.is-active button{color:#073d30!important;background:#c6f3ab!important;border-color:#c6f3ab!important;box-shadow:0 5px 18px #001f1a2b!important}
.mcoon-studio-rail li.is-complete:not(.is-active) button{color:#d7f5b7!important}
.mcoon-studio-rail-tip{border-color:#ffffff35!important}
.mcoon-studio-rail-tip strong{color:#fff!important;font-size:15px!important}
.mcoon-studio-rail-tip p{color:#d8ebe1!important;font-size:14px!important}
.mcoon-studio-stage{border:1px solid #d8e6dc!important;box-shadow:0 18px 50px #0a443011!important}
.mcoon-studio-stage-body{padding:clamp(23px,3.2vw,45px)!important;background:linear-gradient(160deg,#fffdf8 0%,#fff 24%,#fff 100%);min-height:440px!important}
.mcoon-studio-step-tag{font-size:13px!important;color:#9c7338!important;letter-spacing:.12em!important}
.mcoon-studio-step h2{font-size:clamp(30px,3.1vw,44px)!important;color:#053f30!important}
.mcoon-studio-step>p,.mcoon-studio-step-head p{font-size:17px!important;line-height:1.55!important;color:#4a6558!important}
.mcoon-studio-count-picker{background:#ecf8ec!important;border:2px solid #cae5cf!important;margin:8px auto 20px!important}
.mcoon-studio-count-picker small,.mcoon-studio-quick-count button{font-size:15px!important}
.mcoon-studio-count-offer,.mcoon-studio-count-offer span{font-size:16px!important}
.mcoon-studio-live-estimate{border:2px solid #b9dfc1!important;box-shadow:0 12px 32px #063d3016!important}
.mcoon-studio-live-estimate [class*="eyebrow"],.mcoon-studio-live-estimate [class*="period"],.mcoon-studio-live-estimate [class*="saving"],.mcoon-studio-live-estimate [class*="breakdown"],.mcoon-studio-live-estimate [class*="clarity"],.mcoon-studio-live-estimate [class*="offer"]{font-size:14px!important}
.mcoon-studio-live-estimate h3{font-size:22px!important;line-height:1.28!important}
.mcoon-studio-how span,.mcoon-studio-how strong{font-size:15px!important}
.mcoon-studio-tiny{font-size:15px!important;color:#5b7164!important}
.mcoon-studio-input>span,.mcoon-studio-input small{font-size:15px!important;line-height:1.45!important;color:#264d3d!important}
.mcoon-studio-input input,.mcoon-studio-input select,.mcoon-studio-input textarea{min-height:56px!important;border-radius:13px!important;border:1.5px solid #cde0d1!important;font-size:16px!important;color:#103f30!important;background:#fafffa!important}
.mcoon-studio-input textarea{min-height:170px!important}
.mcoon-studio-input select{appearance:auto;cursor:pointer}
.mcoon-studio-input em,.mcoon-studio-purpose em{font-size:17px!important;font-weight:900;color:#c12d48!important}
.mcoon-studio-input input:focus,.mcoon-studio-input select:focus,.mcoon-studio-input textarea:focus{border-color:#087c59!important;box-shadow:0 0 0 3px #ccead4!important;outline:none!important}
.mcoon-studio-photo-panel{background:#f4faf3!important;border:1.5px solid #cce4d2!important}
.mcoon-studio-photo-copy strong{font-size:19px!important}
.mcoon-studio-photo-copy p,.mcoon-studio-drop strong,.mcoon-studio-drop small{font-size:15px!important}
.mcoon-studio-drop{min-height:165px}
.mcoon-studio-colour-chip{font-size:14px!important}
.mcoon-studio-option-content strong{font-size:24px!important}
.mcoon-studio-option-content small,.mcoon-studio-option-content b small,.mcoon-studio-option-tag,.mcoon-studio-note{font-size:15px!important}
.mcoon-studio-bundle-notice p,.mcoon-studio-bundle-pill{font-size:15px!important}
.mcoon-studio-options,.mcoon-studio-plans,.mcoon-studio-extras{gap:14px!important}
.mcoon-studio-option:has(input:checked){box-shadow:0 0 0 2px #086849,0 11px 25px #07564017;border-radius:17px}
.mcoon-studio-option:hover{filter:brightness(.975)}
.mcoon-studio-footer{background:#f1f6f0!important;border-color:#d4e5d5!important}
.mcoon-studio-actions>span,.mcoon-studio-prev,.mcoon-studio-next,.mcoon-studio-submit{font-size:16px!important}
.mcoon-studio-next,.mcoon-studio-submit{border-radius:12px!important;background:#063e30!important;min-height:54px!important}
.mcoon-studio-prev{border-radius:12px!important}
.mcoon-studio-error{font-size:16px!important}
.mcoon-studio-confirm,.mcoon-studio-review-item,.mcoon-studio-review-bill,.mcoon-studio-review-total{font-size:16px!important}
.mcoon-studio-count{max-width:760px!important}
/* Purpose selector: full-size cards, not tiny radio buttons. */
.mcoon-studio-purpose{border:1.5px solid #d9e6da!important;border-radius:17px!important;background:#f5f8f0;margin:10px 0 24px;padding:18px!important;min-width:0}
.mcoon-studio-purpose legend{font-size:17px;font-weight:850;color:#064732;padding:0 8px}
.mcoon-studio-purpose-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mcoon-studio-purpose-options label{display:flex;align-items:center;gap:12px;min-height:91px;padding:16px;border:2px solid #d8e5dc;border-radius:15px;background:#fff;cursor:pointer;transition:box-shadow .16s,border-color .16s,background .16s;position:relative}
.mcoon-studio-purpose-options label:has(input:checked){border-color:#086c50;background:#e6f6e9;box-shadow:0 5px 20px #065d4020}
.mcoon-studio-purpose-options input{width:21px;height:21px;flex:0 0 21px;accent-color:#075f44;cursor:pointer}
.mcoon-studio-purpose-icon{font-size:26px;color:#136a50;line-height:1}
.mcoon-studio-purpose-options label strong,.mcoon-studio-purpose-options label small{display:block;line-height:1.35}
.mcoon-studio-purpose-options label strong{font-size:17px;color:#073e30}
.mcoon-studio-purpose-options label small{font-size:14px;color:#526e60;margin-top:5px}
.mcoon-studio-purpose-options label:hover{border-color:#188264}
.mcoon-studio-purpose-note{color:#7d531b;background:#fff5e6;padding:13px 15px;border-radius:11px;font-size:15px;line-height:1.5;margin:12px 0 0}
/* Before details, show optional promotion choices without forcing an early purchase. */
.mcoon-studio-extras-preview{display:flex;align-items:center;justify-content:space-between;text-align:left;gap:18px;padding:20px;margin:17px 0 23px;border-radius:17px;border:1.5px solid #d9b777;background:linear-gradient(105deg,#fff7e5,#fbfdf8)}
.mcoon-studio-extras-preview h3{margin:0 0 7px;color:#074a36;font:500 24px Georgia,serif}
.mcoon-studio-extras-preview p{margin:0;color:#53695b;font-size:16px;line-height:1.5;max-width:520px}
.mcoon-studio-extras-preview button{background:#063e30;border:0;border-radius:12px;padding:14px 16px;color:#fff;font-size:15px;font-weight:800;cursor:pointer;flex:0 0 auto}
.mcoon-studio-extras-preview button:hover{background:#116a50}
/* Prominent live itemised price after selecting duration and promotions. */
.mcoon-studio-plan-total{background:linear-gradient(125deg,#063e30,#08684f);color:#fff;border:1px solid #b79a64;border-radius:19px;padding:22px;margin:27px 0 10px;box-shadow:0 12px 25px #074a3320}
.mcoon-studio-plan-total>span{display:block;color:#e6c98e;font-size:14px;font-weight:900;letter-spacing:.14em}
.mcoon-studio-plan-total>strong{display:block;font:500 clamp(38px,5vw,58px)/1.1 Georgia,serif;color:#c9faaf;margin:7px 0}
.mcoon-studio-plan-total p{font-size:16px;color:#eff9e9;line-height:1.4;margin:0 0 14px}
.mcoon-studio-plan-breakdown{display:flex;gap:12px;flex-wrap:wrap;padding-top:14px;border-top:1px solid #ffffff44}
.mcoon-studio-plan-breakdown span{font-size:15px;color:#eaf8e9;flex:1 1 130px}
.mcoon-studio-plan-breakdown b{display:block;font-size:19px;color:#fff;margin-top:5px}
.mcoon-studio .mcoon-studio-invalid-field,.mcoon-studio .mcoon-invalid-field{outline:2px solid #c12d48!important;outline-offset:2px}
.mcoon-studio [aria-invalid="true"]{border-color:#c12d48!important;background:#fff4f5!important}
/* Compact controls on mobile; importantly, the whole navigation remains clickable. */
@media(max-width:950px){.mcoon-studio-layout{grid-template-columns:220px minmax(0,1fr)!important;gap:13px!important}.mcoon-studio-rail-inner{padding:20px 15px!important}.mcoon-studio-stage-body{padding:26px!important}}
@media(max-width:750px){
 .mcoon-studio-layout{display:block!important}
 .mcoon-studio-rail{position:static!important;margin-bottom:14px}
 .mcoon-studio-rail-inner{padding:17px!important;border-radius:16px!important}
 .mcoon-studio-rail ol{display:flex!important;flex-direction:row!important;max-height:none!important;overflow-x:auto!important;gap:6px!important;scroll-snap-type:x proximity;scrollbar-width:thin;margin-top:10px!important}
 .mcoon-studio-rail li{flex:0 0 auto;scroll-snap-align:start}
 .mcoon-studio-rail li button{white-space:nowrap!important;padding:10px 13px!important;font-size:14px!important;min-height:44px}
 .mcoon-studio-rail-kicker{display:block!important}.mcoon-studio-rail-tip{display:none!important}
 .mcoon-studio-stage-body{padding:20px!important}.mcoon-studio-purpose-options{grid-template-columns:1fr}
 .mcoon-studio-extras-preview{flex-direction:column;align-items:stretch}.mcoon-studio-extras-preview button{width:100%}
 .mcoon-studio .mcoon-studio-compact-top{flex-wrap:wrap}
 .mcoon-studio-fieldgrid{grid-template-columns:1fr!important}
 .mcoon-studio-stage{border-radius:18px!important}
}
@media(max-width:450px){.mcoon-studio-count-picker{gap:11px!important}.mcoon-studio-rail-count b{font-size:31px!important}.mcoon-studio-compact-top{font-size:12px!important}.mcoon-studio-plans{grid-template-columns:1fr 1fr!important}.mcoon-studio-option-content{padding:14px!important;min-height:150px!important}.mcoon-studio-option-content strong{font-size:21px!important}}
@media(prefers-reduced-motion:reduce){.mcoon-studio-rail li button,.mcoon-studio-purpose-options label{transition:none!important}}

.mcoon-stud-service-guidance{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:12px 0 20px;padding:17px 20px;background:#f3f9ee;border:1.5px solid #c6e3c6;border-left:5px solid #087550;border-radius:13px;color:#214936;font-size:16px;line-height:1.55}.mcoon-stud-service-guidance strong{font-size:17px;color:#074333}.mcoon-stud-service-guidance span{flex:1;min-width:240px}

/* The colour options use a generous, tap-friendly swatch grid, consistent with marketplace filters. */
.mcoon-studio-colour-chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:12px}
.mcoon-studio-colour-chips:not(.is-ready){display:none}
.mcoon-studio-colour-chips.is-ready~*{display:none}
.mcoon-studio-input:has(.mcoon-studio-colour-chips.is-ready)>select{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;min-height:1px!important;overflow:hidden!important;pointer-events:none!important;clip-path:inset(50%)}
.mcoon-studio-colour-chip{display:flex;align-items:center;gap:9px;min-height:46px;padding:7px 11px;border:1.5px solid #d2dfd3;border-radius:11px;color:#244e3c;background:#fbfefa;font-size:14px!important;font-weight:750;cursor:pointer;text-align:left;transition:border-color .15s,box-shadow .15s,transform .15s}
.mcoon-studio-colour-chip i{display:block;width:21px;height:21px;border-radius:50%;border:1px solid #0002;flex:0 0 21px}
.mcoon-studio-colour-chip[aria-pressed="true"]{background:#e5f8e8;border-color:#08744f;box-shadow:0 0 0 2px #07845727;color:#063e2e}
.mcoon-studio-colour-chip:hover{transform:translateY(-1px);border-color:#08744f}
.mcoon-studio-colour-chip:focus-visible{outline:3px solid #4d9d77;outline-offset:3px}
@media(max-width:1180px){.mcoon-studio-colour-chips{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:750px){.mcoon-studio-colour-chips{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:380px){.mcoon-studio-colour-chips{grid-template-columns:1fr}}