/* Modulab commerce 0.3.6. Isolated from the existing storefront and dashboard. */
.ml-commerce {background:#f5f4f1;color:#151515;padding:clamp(35px,5vw,80px) 20px 100px;min-height:62vh}
.ml-commerce__shell {max-width:1180px;margin:0 auto}
.ml-commerce__eyebrow,.ml-commerce__step{display:block;letter-spacing:.12em;font-size:.74rem;font-weight:750;margin-bottom:14px}
.ml-commerce__back{display:inline-block;color:inherit;margin:0 0 35px;text-underline-offset:4px}
.ml-commerce__header{max-width:680px;margin-bottom:35px}.ml-commerce__header h1,.ml-commerce__result h1{font-size:clamp(2.2rem,6vw,4.4rem);letter-spacing:-.055em;line-height:1.05;margin:0 0 18px}
.ml-commerce p{line-height:1.6}.ml-commerce__header p{font-size:1.05rem;color:#52514d}
.ml-commerce__grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.85fr);gap:18px;align-items:start}
.ml-commerce__panel,.ml-commerce__aside{border:1px solid #dcd9d3;border-radius:19px;background:white;padding:clamp(21px,3vw,38px)}
.ml-commerce__panel h2,.ml-commerce__aside h2{font-size:clamp(1.5rem,3vw,2rem);letter-spacing:-.035em;margin:0 0 12px}
.ml-commerce__panel p{color:#595650}.ml-commerce__form{margin-top:27px}.ml-commerce__form fieldset{border:0;padding:0;margin:0;min-width:0}.ml-commerce__form legend{font-weight:700;margin-bottom:13px}
.ml-commerce__option{display:flex;align-items:center;gap:15px;border:1px solid #dedbd5;padding:18px;border-radius:13px;margin-bottom:11px;cursor:pointer}
.ml-commerce__option:has(input:checked){border-color:#171717;background:#f7f6f2;box-shadow:0 0 0 1px #171717}
.ml-commerce__option input{accent-color:#171717;width:17px;height:17px;flex:none}.ml-commerce__option>span:nth-of-type(1){flex:1;min-width:0}
.ml-commerce__option strong,.ml-commerce__option small,.ml-commerce__option em{display:block}.ml-commerce__option strong{font-size:1rem}.ml-commerce__option small{font-size:.79rem;color:#66635d;margin-top:5px}
.ml-commerce__amount{text-align:right;font-weight:780;white-space:nowrap;font-size:1.1rem}.ml-commerce__amount small{font-weight:400}.ml-commerce__amount em{font-style:normal;white-space:normal;font-weight:500;font-size:.72rem;max-width:165px;margin-left:auto;color:#777}
.ml-commerce__action{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#151515;color:white!important;font-weight:760;text-decoration:none;border:0;border-radius:12px;padding:17px 20px;cursor:pointer;min-height:52px}
.ml-commerce__form>.ml-commerce__action{width:100%;margin-top:13px}.ml-commerce__action[disabled]{opacity:.52;cursor:not-allowed}
.ml-commerce__small{font-size:.82rem;color:#777!important}.ml-commerce__notice{border:1px solid #e3d2a6;background:#fff9ed;border-radius:12px;padding:14px 16px;color:#523f16!important}
.ml-commerce__aside{background:#ebeadf}.ml-commerce__aside ol{list-style:none;counter-reset:checkout;padding:0;margin:22px 0}.ml-commerce__aside li{counter-increment:checkout;position:relative;padding:0 0 22px 39px}.ml-commerce__aside li:before{content:counter(checkout);position:absolute;left:0;top:1px;width:25px;height:25px;border-radius:50%;background:#111;color:white;display:grid;place-items:center;font-size:.8rem}.ml-commerce__aside li strong,.ml-commerce__aside li span{display:block}.ml-commerce__aside li span{font-size:.88rem;color:#595650;margin-top:3px}.ml-commerce__aside a{color:#111;font-weight:750}
.ml-commerce__result{background:white;border:1px solid #dedbd5;border-radius:20px;padding:clamp(25px,5vw,60px);max-width:820px}.ml-commerce__links{display:flex;align-items:center;gap:23px;flex-wrap:wrap;margin-top:25px}.ml-commerce__links a:not(.ml-commerce__action){color:#111}
.ml-billing__row,.ml-admin-orders article{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:19px 0;border-bottom:1px solid #dedbd5}.ml-billing__row>div,.ml-admin-orders article>div{flex:1;min-width:0}.ml-billing__row strong,.ml-billing__row small,.ml-admin-orders strong,.ml-admin-orders small{display:block}.ml-billing__row small,.ml-admin-orders small{margin-top:5px;color:#73716e;font-size:.85rem;overflow-wrap:anywhere}.ml-billing__disclaimer{font-size:.82rem;color:#777}
@media(max-width:800px){.ml-commerce__grid{grid-template-columns:1fr}.ml-commerce__option{flex-wrap:wrap}.ml-commerce__option .ml-commerce__amount{margin-left:32px;width:calc(100% - 32px);text-align:left}.ml-commerce__option .ml-commerce__amount em{margin-left:0;max-width:none}.ml-billing__row,.ml-admin-orders article{flex-wrap:wrap}}