.tailor-plan-page{
 max-width:1080px;
 padding:32px 20px 56px;
}

.tailor-plan-hero{
 max-width:720px;
 margin-bottom:20px;
}

.tailor-plan-hero>span{margin-top:12px}
.tailor-plan-hero h1{margin:7px 0;font-size:clamp(1.8rem,3.6vw,2.8rem)}
.tailor-plan-hero p{margin:8px 0;line-height:1.5}

.tailor-plan-message,
.tailor-plan-selection,
.tailor-plan-details>div,
.tailor-plan-submit{
 margin-bottom:16px;
 padding:18px;
 border-radius:15px;
 box-shadow:0 7px 22px rgba(16,32,68,.055);
}

.tailor-plan-selection>header{align-items:flex-start}
.tailor-plan-selection>header h2{margin:5px 0 4px;font-size:1.35rem}
.tailor-plan-selection>header small{font-size:.82rem}
.tailor-plan-selection>header>strong{padding:6px 10px;border-radius:999px;background:#eef5fb;font-size:.78rem;white-space:nowrap}

.tailor-plan-selection article{
 position:relative;
 grid-template-columns:minmax(240px,1fr) 190px 190px;
 align-items:end;
 gap:14px;
 padding:16px 0;
}

.tailor-remove-experience{
 position:absolute;
 top:8px;
 right:-8px;
 z-index:2;
 display:flex;
 align-items:center;
 justify-content:center;
 width:30px;
 height:30px;
 padding:0;
 border:1px solid #efb7b7;
 border-radius:50%;
 background:#fff4f4;
 color:#a32020;
 font:700 1.25rem/1 Arial,sans-serif;
 cursor:pointer;
 transition:background-color .2s,color .2s,transform .2s;
}

.tailor-remove-experience:hover,
.tailor-remove-experience:focus-visible{
 background:#b42323;
 color:#fff;
 transform:scale(1.06);
}

.tailor-plan-selection article:first-of-type{margin-top:12px}
.tailor-plan-selection article>div p{margin:6px 0 0;font-size:.9rem}
.tailor-plan-selection h3{margin:3px 0;font-size:1.08rem}
.tailor-plan-selection article>label{gap:5px;font-size:.86rem}
.tailor-plan-selection article input,
.tailor-plan-selection article select{min-height:42px;padding:8px 10px}
.tailor-plan-selection fieldset{grid-column:1/-1;padding:10px 12px;border-radius:10px}

.tailor-plan-details{
 grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
 gap:16px;
}

.tailor-plan-details h2{margin:4px 0 12px;font-size:1.3rem}
.tailor-form-grid{gap:10px}
.tailor-plan-form label{gap:5px;font-size:.86rem}
.tailor-plan-form input,
.tailor-plan-form select,
.tailor-plan-form textarea{min-height:42px;padding:9px 10px;border-radius:8px}
.tailor-plan-details textarea{min-height:76px;max-height:110px;resize:vertical}

.tailor-guests-head{align-items:flex-start}
.tailor-guests-head h2{margin:4px 0 10px}
.tailor-guests-head .button{min-height:36px;padding:6px 10px;font-size:.82rem}
.tailor-guest-row{
 grid-template-columns:54px minmax(130px,1.4fr) 70px minmax(100px,.8fr) 36px;
 gap:8px;
 padding:9px 0;
}
.tailor-guest-row>strong{align-self:center;font-size:.8rem}
.tailor-guest-row>button{height:38px;border-radius:8px}

.tailor-plan-submit{padding:15px 18px}
.tailor-plan-submit small{font-size:.78rem}
.tailor-plan-submit .store-button{min-height:42px;padding:9px 16px}

@media(max-width:900px){
 .tailor-plan-details{grid-template-columns:1fr}
}

@media(max-width:700px){
 .tailor-plan-page{padding:22px 12px 44px}
 .tailor-plan-selection,.tailor-plan-details>div,.tailor-plan-submit{padding:14px;border-radius:12px}
 .tailor-plan-selection>header{display:grid;gap:7px}
 .tailor-plan-selection article{grid-template-columns:1fr;gap:10px;padding:14px 0}
 .tailor-form-grid{grid-template-columns:1fr}
 .tailor-guest-row{grid-template-columns:1fr 1fr}
 .tailor-guest-row>strong{grid-column:1/-1}
 .tailor-guest-row>button{align-self:end}
 .tailor-remove-experience{top:7px;right:-4px}
}