/* Paid experience page — design frames A2a (desktop) and A2b (mobile). Builds on listing-sight, listing-taste and listing-stay CSS. */
.mc-ac-credit{max-width:1440px;margin:10px auto 0;padding:0 64px}
.mc-ac-h{display:flex;gap:8px;align-items:center}

/* included / bring */
.mc-ac-li{display:flex;gap:10px;align-items:center;font-size:14px;min-height:32px;line-height:1.4}
.mc-ac-li__b{width:22px;height:22px;flex:none;border-radius:7px;border:1.5px solid #b5ad9c;background:#fff;display:grid;place-items:center;font-size:13px}
.mc-ac-li__b.is-ok{background:#17663c;border-color:#17663c;color:#fff}

/* how it goes */
.mc-ac-tl{background:#fff;border:1px solid #ebe6db;border-radius:24px;padding:22px 24px;display:flex;flex-direction:column}
.mc-ac-tl__row{display:grid;grid-template-columns:64px 28px 1fr;gap:12px;align-items:stretch}
.mc-ac-tl__t{font-size:15px;font-variant-numeric:tabular-nums;padding-top:2px}
.mc-ac-tl__rail{position:relative;display:flex;justify-content:center}
.mc-ac-tl__rail::before{content:"";position:absolute;top:0;bottom:0;width:2px;background:#e2dccf}
.mc-ac-tl__rail.is-last::before{background:transparent}
.mc-ac-tl__rail i{position:relative;width:16px;height:16px;margin-top:4px;border-radius:999px;background:#0b3a5b;border:3px solid #fff;box-shadow:0 0 0 2px #0b3a5b;display:block}
.mc-ac-tl__rail i.is-first{background:#e07a2c;box-shadow:0 0 0 2px #e07a2c}
.mc-ac-tl__x{display:flex;flex-direction:column;gap:2px;padding-bottom:18px;min-width:0}
.mc-ac-tl__x b{font-size:15px}
.mc-ac-tl__x span{font-size:14px;color:#3d4c49;line-height:1.5}

/* price tiers */
.mc-ac-tiers{background:#fff;border:1px solid #ebe6db;border-radius:24px;overflow:hidden}
.mc-ac-tier{display:grid;grid-template-columns:56px 1.4fr 1fr 1fr;gap:16px;align-items:center;padding:14px 22px;border-bottom:1px solid #f0ebe1;cursor:pointer}
.mc-ac-tier:last-child{border-bottom:0}
.mc-ac-tier.is-sel{background:#fffbf2}
.mc-ac-tier__ico{width:44px;height:44px;border-radius:14px;background:#f3efe6;color:#0b3a5b;display:grid;place-items:center;font-size:18px}
.mc-ac-tier.is-sel .mc-ac-tier__ico{background:#0b3a5b;color:#f2b544}
.mc-ac-tier__n{display:flex;flex-direction:column;gap:2px;min-width:0}
.mc-ac-tier__n b{font-size:16px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.mc-ac-tier__sel{display:none;font-family:inherit;font-style:normal;height:22px;padding:0 8px;border-radius:999px;background:#0b3a5b;color:#fff;font-size:11px;font-weight:800;align-items:center}
.mc-ac-tier.is-sel .mc-ac-tier__sel{display:flex}
.mc-ac-tier__n small{font-size:12px;color:#5b6b68}
.mc-ac-tier__p{display:flex;flex-direction:column;gap:2px}
.mc-ac-tier__p b{font-size:19px;font-variant-numeric:tabular-nums}
.mc-ac-tier__p>span{font-size:12px;font-weight:700;color:#17663c;display:flex;gap:4px;align-items:center}
.mc-ac-tier__note{font-size:13px;color:#3d4c49;line-height:1.4}

/* cancellation */
.mc-ac-pill{align-self:flex-start;height:28px;padding:0 10px;border-radius:999px;background:#e7f0fa;color:#0b3a5b;font-size:12px;font-weight:800;display:flex;align-items:center}
.mc-ac-cn{font-size:14px;line-height:1.5;color:#3d4c49}

/* best months */
.mc-ac-months{background:#fff;border:1px solid #ebe6db;border-radius:24px;padding:22px;display:flex;flex-direction:column;gap:12px}
.mc-ac-months__bars{display:grid;grid-template-columns:repeat(12,1fr);gap:8px;align-items:end;height:120px;border-bottom:1px solid #ebe6db}
.mc-ac-months__bars div{border-radius:8px 8px 2px 2px}
.mc-ac-months__bars .is-best{height:100%;background:#17663c}
.mc-ac-months__bars .is-good{height:60%;background:#9fd2b4}
.mc-ac-months__bars .is-off{height:22%;background:#e2dccf}
.mc-ac-months__lab{display:grid;grid-template-columns:repeat(12,1fr);gap:8px;font-size:12px;font-weight:700;text-align:center;color:#5b6b68}
.mc-ac-months__lab .is-best{color:#17663c}
.mc-ac-months__key{font-size:13px;color:#3d4c49;display:flex;gap:14px;flex-wrap:wrap}
.mc-ac-months__key span{display:flex;gap:6px;align-items:center}
.mc-ac-months__key i{width:12px;height:12px;border-radius:3px;display:block}
.mc-ac-months__key .k-best{background:#17663c}
.mc-ac-months__key .k-good{background:#9fd2b4}
.mc-ac-months__key .k-off{background:#e2dccf}

/* meeting point */
.mc-ac-meet{display:grid;grid-template-columns:1fr;gap:14px}
.mc-ac-meet.has-photo{grid-template-columns:1.3fr 1fr}
.mc-ac-meet__map,.mc-ac-meet__photo{position:relative;height:280px;border-radius:24px;overflow:hidden;background:#dfe7e3;border:1px solid #ebe6db}
.mc-ac-meet__map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.mc-ac-meet__lab{position:absolute;left:14px;top:14px;max-width:calc(100% - 28px);padding:10px 12px;border-radius:14px;background:#fff;font-size:13px;line-height:1.4;box-shadow:0 8px 20px -10px rgba(6,26,46,.35)}
.mc-ac-meet__lab span{color:#5b6b68}
.mc-ac-meet__dir{position:absolute;right:14px;bottom:14px;height:44px;padding:0 14px;border-radius:999px;background:#fff;color:#12211f;font-size:13px;font-weight:800;display:flex;align-items:center;gap:6px;text-decoration:none;box-shadow:0 8px 20px -10px rgba(6,26,46,.35)}
.mc-ac-meet__photo{background:#e9e3d6}
.mc-ac-meet__photo img{width:100%;height:100%;object-fit:cover;display:block}
.mc-ac-meet__photo span{position:absolute;left:12px;bottom:12px;max-width:calc(100% - 24px);padding:8px 12px;border-radius:12px;background:#fff;font-size:12px;font-weight:700}

/* request panel */
.mc-ac-enq__top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.mc-ac-dur{height:28px;padding:0 10px;border-radius:999px;background:#f3efe6;font-size:12px;font-weight:800;display:flex;align-items:center;gap:6px;white-space:nowrap}
.mc-ac-k{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#5b6b68}
.mc-ac-enq__sess,.mc-ac-enq__run{display:flex;flex-direction:column;gap:6px}
.mc-ac-sess{display:flex;align-items:center;gap:12px;min-height:52px;padding:6px 12px;border-radius:14px;border:1.5px solid #e2dccf;background:#fff;color:#12211f;cursor:pointer;font-family:inherit;text-align:left}
.mc-ac-sess:disabled{background:#f6f4ee;opacity:.6;cursor:not-allowed}
.mc-ac-sess__d{width:44px;flex:none;display:flex;flex-direction:column;align-items:center}
.mc-ac-sess__d small{font-size:10px;font-weight:800;opacity:.8}
.mc-ac-sess__d b{font-size:17px;line-height:1.1}
.mc-ac-sess__t{flex:1;display:flex;flex-direction:column}
.mc-ac-sess__t b{font-size:14px}
.mc-ac-sess__t span{font-size:12px;font-weight:700;color:#17663c}
.mc-ac-sess__t span.is-low{color:#7a4f00}
.mc-ac-sess__t span.is-full{color:#b42318}
.mc-ac-sess.is-on{background:#0b3a5b;border-color:#0b3a5b;color:#fff}
.mc-ac-sess.is-on .mc-ac-sess__t span{color:#8ff0c0}
.mc-ac-days{display:flex;gap:6px;flex-wrap:wrap}
.mc-ac-days span{height:32px;padding:0 10px;border-radius:999px;background:#f6f4ee;color:#8a9794;font-size:12px;font-weight:800;display:flex;align-items:center}
.mc-ac-days span.is-on{background:#e3f3ea;color:#17663c}
.mc-ac-times{display:flex;gap:6px;flex-wrap:wrap}
.mc-ac-times span{height:32px;padding:0 12px;border-radius:999px;background:#e7f0fa;color:#0b3a5b;font-size:13px;font-weight:800;display:flex;align-items:center;gap:6px}
.mc-ac-enq__group{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:0 4px 0 14px;border-radius:16px;border:1.5px solid #d9d2c3}
.mc-ac-enq__group>span:first-child{display:flex;flex-direction:column}
.mc-ac-enq__group small{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#5b6b68}
.mc-ac-enq__group b{font-size:15px}
.mc-ac-enq__calc{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:12px 14px;border-radius:16px;background:#f6f4ee;font-size:14px}
.mc-ac-enq__calc>span:first-child{color:#3d4c49}
.mc-ac-enq__calc>span:last-child{display:flex;flex-direction:column;align-items:flex-end}
.mc-ac-enq__calc b{font-size:17px}
.mc-ac-enq__calc [data-ac-totalu]{font-size:12px;font-weight:700;color:#17663c}
.mc-ac-msg{padding:12px 14px;border-radius:16px 16px 16px 4px;background:#e3f3ea;font-size:13px;line-height:1.5;color:#0f4a2b}
.mc-sg a.mc-ac-cta,.mc-sg a.mc-ac-cta:visited{background:#17663c;color:#fff}
.mc-sg a.mc-ac-cta:hover{background:#1b7a47;color:#fff}
.mc-ac-fine{font-size:12px;color:#5b6b68;text-align:center}

/* mobile-only pieces */
.mc-ac-msess,.mc-ac-bar{display:none}

@media (max-width:1100px){
	.mc-ac-credit{padding:0 24px}
}
@media (max-width:760px){
	.mc-ac-credit{padding:0 16px}
	.mc-ac .mc-sg-aside .mc-sg-side{display:none}
	.mc-ac .mc-sg-body{padding-bottom:168px}
	.mc-ac-msess{display:flex}
	.mc-ac-strip{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
	.mc-ac-chip{flex:none;width:104px;min-height:84px;padding:10px;border-radius:16px;border:1.5px solid #e2dccf;background:#fff;color:#12211f;font-family:inherit;display:flex;flex-direction:column;gap:2px;text-align:left;cursor:pointer}
	.mc-ac-chip small{font-size:11px;font-weight:800}
	.mc-ac-chip b{font-size:15px}
	.mc-ac-chip span{font-size:11px;font-weight:700;color:#17663c}
	.mc-ac-chip:disabled{background:#f6f4ee;opacity:.6}
	.mc-ac-chip.is-on{background:#0b3a5b;border-color:#0b3a5b;color:#fff}
	.mc-ac-chip.is-on span{color:#8ff0c0}
	.mc-ac-tier{grid-template-columns:1fr auto;gap:8px 12px;padding:12px 14px}
	.mc-ac-tier__ico{display:none}
	.mc-ac-tier__note{grid-column:1/-1;font-size:12px}
	.mc-ac-tier__p{align-items:flex-end}
	.mc-ac-tier__p b{font-size:16px}
	.mc-ac-tl{padding:16px;border-radius:20px}
	.mc-ac-tl__row{grid-template-columns:48px 20px 1fr;gap:8px}
	.mc-ac-tl__t{font-size:13px}
	.mc-ac-tl__rail i{width:12px;height:12px;margin-top:3px;border-width:2px}
	.mc-ac-tl__x{padding-bottom:12px}
	.mc-ac-tl__x b,.mc-ac-tl__x span{font-size:13px}
	.mc-ac-meet.has-photo{grid-template-columns:1fr}
	.mc-ac-meet__map,.mc-ac-meet__photo{height:220px}
	.mc-ac-months__bars,.mc-ac-months__lab{gap:4px}
	.mc-ac-months__lab{font-size:10px}
	.mc-ac-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;padding:12px 16px 20px;background:#fff;border-top:1px solid #ebe6db;flex-direction:column;gap:8px}
	.mc-ac-bar__top{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700}
	.mc-ac-bar__top .mc-st-enq__step{gap:4px}
	.mc-ac-bar__top .mc-st-enq__step b{width:28px;text-align:center;font-size:15px}
	.mc-ac-bar__bot{display:flex;gap:10px;align-items:center}
	.mc-ac-bar__tot{display:flex;flex-direction:column;flex:1;min-width:0}
	.mc-ac-bar__tot b{font-size:16px}
	.mc-ac-bar__tot small{font-size:11px;color:#17663c;font-weight:700}
	.mc-ac-bar .mc-sg-btn{height:52px;padding:0 18px;font-size:15px;flex:none}
}