.service-drawer{background:var(--color-background-rgba-17-24-39-34-0fa857d9)!important;backdrop-filter:blur(3px)!important}
.service-form-panel{
  background:linear-gradient(180deg,var(--color-background-f7f8fb-21809767) 0,var(--color-background-fff-d14f9016) 34%,var(--color-background-fff-d14f9016) 100%)!important;
  padding:14px 18px 26px!important;
  overflow-x:hidden!important;
}
.service-form-topbar{display:flex;justify-content:flex-start;min-height:38px;margin-bottom:5px}
.service-form-topbar .icon-btn{background:var(--color-background-fff-d14f9016);border:1px solid var(--color-border-e7e9ee-600fda37);box-shadow:0 5px 14px var(--color-shadow-rgba-31-41-55-05-8bb2be9b)}
.service-intro-card{
  position:relative;
  overflow:hidden;
  text-align:center;
  padding:20px 18px 18px;
  border:1px solid var(--color-border-e8e9ee-33395c60);
  border-radius:26px;
  background:linear-gradient(145deg,var(--color-background-fff-d14f9016),var(--color-background-f6f5fb-136d2204));
  box-shadow:0 12px 34px var(--color-shadow-rgba-31-41-55-06-3d3d1a34);
}
.service-intro-card:before{
  content:"";position:absolute;inset:-80px -60px auto auto;width:180px;height:180px;border-radius:50%;
  background:radial-gradient(circle,var(--color-background-rgba-108-92-231-12-411cc3d2),transparent 68%);pointer-events:none
}
.service-intro-icon{
  width:96px;height:96px;margin:0 auto 12px;border-radius:27px;display:grid;place-items:center;overflow:hidden;
  background:var(--color-background-f2efff-c5698354);color:var(--color-text-6554df-ac5b9203);border:1px solid var(--color-border-e5e0fb-78e37ca2);box-shadow:0 8px 22px var(--color-shadow-rgba-73-61-148-08-9e25cae1);font-size:calc(30px * var(--ui-font-scale))
}
.service-intro-icon img{width:100%;height:100%;object-fit:cover}
.service-intro-card h2{font-size:calc(20px * var(--ui-font-scale));margin:0 0 7px;color:var(--color-text-232633-90665b03);position:relative}
.service-intro-card p{font-size:calc(12px * var(--ui-font-scale));line-height:2;color:var(--color-text-666d79-0d8f81a3);margin:0;white-space:pre-line;position:relative}
.service-order-form{padding-top:6px}
.service-fields-block{padding:2px 1px 6px}
.service-fields-grid{grid-template-columns:1fr!important;gap:0!important}
.service-fields-grid .field{margin-top:16px}
.service-fields-grid .field label{font-size:calc(12px * var(--ui-font-scale));font-weight:800;color:var(--color-text-303541-8d770269);margin-right:2px}
.service-fields-grid .input,.service-fields-grid .select,.service-fields-grid .textarea{
  min-height:54px;border-radius:17px;background:var(--color-background-fff-d14f9016);border-color:var(--color-border-dde1e7-abf51c01);padding:14px 15px;font-size:calc(13px * var(--ui-font-scale))
}
.service-fields-grid .textarea{min-height:112px}
.service-fields-grid .input:focus,.service-fields-grid .select:focus,.service-fields-grid .textarea:focus{
  border-color:var(--color-border-8e81e8-25aa9673);box-shadow:0 0 0 4px var(--color-shadow-rgba-108-92-231-08-1937f328)
}
.service-terms-block{margin-top:15px}
.service-terms-block .section-head h4{margin:0;font-size:calc(13px * var(--ui-font-scale))}
.service-term{padding:12px!important}
.service-term>div{display:flex;gap:8px;align-items:flex-start}
.service-term span{display:block;min-width:0}
.service-term span b,.service-term span small{display:block}
.service-term span small{margin-top:4px;line-height:1.8;color:var(--color-text-747b86-7e80f617);white-space:pre-line}
.service-term em{font-style:normal;font-size:calc(9px * var(--ui-font-scale));color:var(--color-text-8a6a22-a2d403c7);margin-top:7px;display:block}
.service-price-summary{margin-top:24px}
.service-payable{
  min-height:118px;border-radius:20px;background:linear-gradient(135deg,var(--color-background-4caf5b-ba7dfedb),var(--color-background-54bd62-39a8115b));color:var(--color-text-fff-d14f9016);
  display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px;text-align:center;
  box-shadow:0 12px 28px var(--color-shadow-rgba-76-175-91-18-3cdb86c9)
}
.service-payable span{font-size:calc(16px * var(--ui-font-scale));font-weight:800}
.service-payable b{font-size:calc(26px * var(--ui-font-scale));margin-top:8px;direction:rtl}
.service-meta-rows{display:grid;gap:8px;margin-top:9px}
.service-meta-row{
  display:grid;grid-template-columns:1fr minmax(112px,40%);gap:8px;align-items:stretch;min-height:58px
}
.service-meta-row span,.service-meta-row b{
  border-radius:15px;background:var(--color-background-eef2f5-d98fd52a);display:flex;align-items:center;justify-content:center;padding:10px 12px
}
.service-meta-row span{font-size:calc(13px * var(--ui-font-scale));color:var(--color-text-59616c-dc312ed7);font-weight:700}
.service-meta-row b{font-size:calc(13px * var(--ui-font-scale));color:var(--color-text-252b35-8f365a54);text-align:center}
.service-submit{height:58px!important;border-radius:17px!important;margin-top:22px!important;font-size:calc(15px * var(--ui-font-scale))!important}

.service-notice-layer{
  position:fixed;inset:0;z-index:95;display:grid;place-items:center;padding:22px;
  background:var(--color-background-rgba-17-24-39-44-7f4b4c13);backdrop-filter:blur(1.5px)
}
.service-notice-layer .service-warning-modal{
  width:min(520px,100%);padding:28px 22px 24px;border-radius:25px;background:var(--color-background-fff-d14f9016);
  box-shadow:0 24px 70px var(--color-shadow-rgba-0-0-0-22-41d185bd);text-align:center
}
.service-notice-layer .service-warning-modal h3{margin:0 0 8px}
.service-notice-layer .service-warning-modal p{margin:0;line-height:2.05;color:var(--color-text-4d5360-6415d8ca);white-space:pre-line}
.service-notice-layer .service-warning-modal .btn{margin-top:20px}

@media(max-width:760px){
  .service-form-panel{height:94dvh!important;border-radius:25px 25px 0 0!important;padding:12px 15px max(24px,env(safe-area-inset-bottom))!important}
  .service-intro-card{padding:18px 14px 16px;border-radius:23px}
  .service-intro-icon{width:88px;height:88px;border-radius:24px}
  .service-intro-card h2{font-size:calc(18px * var(--ui-font-scale))}
  .service-meta-row{grid-template-columns:1fr 42%}
}

/* v18 compact price summary inspired by the supplied reference: strong payable card + balanced two-column facts */
.service-price-summary{display:grid;gap:8px;margin-top:22px}
.service-payable{min-height:128px;border-radius:18px;padding:22px 18px;display:flex!important;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(145deg,#46b953,#58c35d)!important;color:#07160b!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.service-payable span{font-size:17px!important;font-weight:900!important;color:#fff!important}.service-payable b{font-size:28px!important;color:#08130a!important;font-weight:950!important}
.service-meta-rows{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important;margin-top:0!important}
.service-meta-row{display:contents!important}.service-meta-row span,.service-meta-row b{min-height:58px;border-radius:14px;background:color-mix(in srgb,var(--color-primary,#4aa3df) 34%,var(--color-surface,#fff));display:flex;align-items:center;justify-content:center;padding:10px 12px;text-align:center!important;font-size:14px!important;font-weight:850!important}
@media(max-width:560px){.service-payable{min-height:120px}.service-meta-row span,.service-meta-row b{min-height:56px}.service-price-summary{margin-inline:0}}