/* Запасные части — 1 в 1 по _design/zapchasti.html. Общие имена (.grid, .filters, .chk…) — внутри .parts-page. */

/* Тёмная шапка с поиском */
.page-head.ph-dark{background:var(--ink);color:#fff;padding:32px 0 0;position:relative;overflow:hidden;border:0}
.page-head.ph-dark::after{content:"";position:absolute;right:-160px;top:-160px;width:520px;height:520px;background:radial-gradient(circle,rgba(195,24,8,.4),transparent 65%);pointer-events:none}
.page-head.ph-dark .container{position:relative;z-index:1}
.ph-dark .crumbs{color:#9AA0AA}.ph-dark .crumbs a:hover{color:#fff}.ph-dark .crumbs b{color:#fff}
.ph-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:end;padding:28px 0 44px}
.ph-dark h1{font-size:clamp(30px,4vw,52px);margin:14px 0 14px;color:#fff}
.ph-dark h1 em{font-style:normal;color:var(--red)}
.ph-dark .lead{color:#B9BEC7;margin:0}
.parts-page .badge{display:inline-flex;gap:10px;align-items:center;background:rgba(195,24,8,.16);border:1px solid rgba(195,24,8,.5);color:#FFD9D4;padding:8px 14px;border-radius:999px;font-size:13px;font-weight:700;letter-spacing:.04em}
.parts-page .badge i{width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 0 4px rgba(195,24,8,.3)}
.parts-page .search{margin-top:26px;display:flex;background:#fff;border-radius:14px;padding:6px;gap:6px;max-width:620px}
.parts-page .search input{height:48px;flex:1;border:0;outline:0;font:inherit;font-size:16px;padding:0 14px;color:var(--ink);min-width:0;background:transparent}
.parts-page .search input:focus-visible{outline:2px solid var(--red);outline-offset:2px;border-radius:8px}
.parts-page .search .btn{height:48px}
.search-hint{margin-top:10px;font-size:13px;color:#8B919B}
.search-hint a{color:#fff;font-weight:700;text-decoration:underline dotted;padding:0 4px}
.ph-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ph-facts div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:18px}
.ph-facts b{display:block;font-family:var(--f-head);font-size:24px}.ph-facts small{color:#AEB4BD;font-size:13px}

/* Плитки категорий */
.cats-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;margin-top:-1px;padding:28px 0 0}
.ctile{border:1px solid var(--line);border-radius:var(--radius);padding:18px;background:#fff;text-align:left;color:inherit;display:flex;flex-direction:column;gap:8px;transition:.2s;min-height:150px}
.ctile:hover{border-color:var(--ink)}
.ctile.on{border-color:var(--red);box-shadow:inset 0 0 0 1px var(--red)}
.ctile .ic{width:40px;height:40px;border-radius:10px;background:var(--red-50);color:var(--red);display:grid;place-items:center}
.ctile b{font-size:15px;line-height:1.25;overflow-wrap:break-word}
.ctile small{color:var(--muted);font-size:12.5px;line-height:1.35;flex:1}
.ctile .cnt{font-size:12px;font-weight:800;color:var(--ink)}.ctile .cnt.req{color:var(--red)}

/* Фильтры и сетка */
.parts-page .cat-layout{display:grid;grid-template-columns:250px 1fr;gap:32px;padding-top:32px;padding-bottom:20px;align-items:start}
.parts-page .filters{position:sticky;top:calc(96px + var(--adminbar));display:grid;gap:22px}
.parts-page .f-top{display:flex;justify-content:space-between;align-items:center}
.parts-page .f-title{font-size:18px;margin:0}
.parts-page .f-reset{height:34px;padding:0 12px;font-size:13px}
.parts-page .f-group{border:0;min-width:0;padding:0;margin:0}
.parts-page .f-group legend{padding:0;width:100%}
.parts-page .f-group h3{font-family:var(--f-body);font-size:14px;margin-bottom:10px;letter-spacing:0}
.parts-page .f-opts{display:grid;gap:8px}
.parts-page .chk{color:var(--text);font-weight:500;display:flex;align-items:center;gap:10px;font-size:14.5px;cursor:pointer}
.parts-page .chk input{appearance:none;-webkit-appearance:none;width:20px;height:20px;border:1.5px solid #C7CBD2;border-radius:6px;display:grid;place-items:center;cursor:pointer;background:#fff;flex:0 0 20px;margin:0}
.parts-page .chk input:checked{background:var(--red);border-color:var(--red)}
.parts-page .chk input:checked::after{content:"";width:9px;height:5px;border:2px solid #fff;border-top:0;border-right:0;transform:rotate(-45deg) translate(1px,-1px)}
.parts-page .chk input:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.parts-page .chk em{margin-left:auto;font-style:normal;color:#5F6673;font-size:13px}
.parts-page .help-box{background:var(--bg-soft);border-radius:var(--radius);padding:20px}
.parts-page .help-box h3{font-family:var(--f-body);font-size:16px;letter-spacing:0}
.parts-page .help-box p{color:var(--muted);font-size:14px;margin:8px 0 14px}
.parts-page .help-box .btn{width:100%;justify-content:center;height:44px}
.parts-page .toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap}
.parts-page .toolbar .count{color:var(--muted);font-size:14.5px}.parts-page .toolbar .count b{color:var(--ink)}
.parts-page .tb-r{display:flex;gap:10px}
.parts-page .toolbar select{color:var(--ink);height:42px;border:1px solid var(--line);border-radius:10px;padding:0 12px;font:inherit;font-size:14px;background:#fff}
.parts-page .mobile-filter{display:none}
.parts-page .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;transition:opacity .15s}
.parts-page .grid[aria-busy="true"]{opacity:.5}
.parts-page .empty{grid-column:1/-1;text-align:center;padding:50px 20px;border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted)}

/* Карточка */
.part{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff;display:flex;flex-direction:column;transition:.2s}
.part:hover{box-shadow:var(--shadow);transform:translateY(-3px);border-color:transparent}
.part .ph{aspect-ratio:1;background:#EEE center/cover;position:relative;cursor:zoom-in;border:0;padding:0;display:block;width:100%}
.part .ph .nphoto{position:absolute;right:12px;bottom:12px;background:rgba(0,0,0,.6);color:#fff;font-size:12px;font-weight:700;padding:4px 8px;border-radius:7px}
.part .bd{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.sku{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-weight:800;font-size:18px;letter-spacing:.02em;color:var(--ink);display:flex;align-items:center;gap:8px}
.sku.unk{color:#8A5A00;font-size:14px}
.copy{border:1px solid var(--line);background:#fff;border-radius:7px;width:28px;height:28px;display:grid;place-items:center;cursor:pointer;color:#6E7480;padding:0}
.copy:hover{color:var(--ink);border-color:var(--ink)}
.part h3{font-family:var(--f-body);font-size:15.5px;font-weight:700;line-height:1.35;letter-spacing:0}
.part h3 a:hover{color:var(--red)}
.part .meta{font-size:13px;color:var(--muted)}
.part .act{display:flex;gap:8px;margin-top:auto;padding-top:6px}
.part .act .btn{height:42px;font-size:14px;padding:0 14px;flex:1;justify-content:center}
.btn.added{background:var(--ink)}
.warn{font-size:12px;color:#7A5200;background:#FFF6DC;border-radius:7px;padding:5px 9px;align-self:flex-start;font-weight:600}
.parts-page .todo,.pmodal .todo,.part-tab .todo{display:inline;color:#7A5200;background:#FFF6DC;padding:2px 6px;border-radius:5px;font-size:13px;border:0;margin:0}
.req-cat{grid-column:1/-1;border:1px dashed #D5D8DD;border-radius:var(--radius);padding:28px;display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--bg-soft)}
.req-cat h3{font-size:20px;margin-bottom:6px}.req-cat p{color:var(--muted)}

/* Как заказать / Почему оригинал / FAQ */
.parts-page .sec-how,.parts-page .sec-orig,.parts-page .sec-faq,.parts-page .sec-fits,.parts-page .sec-rel{padding:96px 0 0}
.how{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.how div{border-top:3px solid var(--red);padding-top:18px}
.how b{font-family:var(--f-head);color:var(--red);font-size:14px}
.how h3{font-size:17px;margin:8px 0 6px}.how p{color:var(--muted);font-size:14.5px}
.orig-band{background:var(--graphite);color:#fff;border-radius:24px;padding:44px;display:grid;grid-template-columns:1fr 1.4fr;gap:40px;align-items:center}
.orig-band h2{color:#fff}
.orig-band .lead{color:#AEB4BD}
.orig-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.orig-list div{background:rgba(255,255,255,.05);border-radius:14px;padding:18px}
.orig-list b{display:block;margin-bottom:6px}.orig-list small{color:#AEB4BD;font-size:13.5px}
.parts-page .faq details{border-bottom:1px solid var(--line);padding:16px 0}
.parts-page .faq summary{font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px}
.parts-page .faq summary::-webkit-details-marker{display:none}
.parts-page .faq summary::after{content:"+";color:var(--red);font-size:22px;line-height:1}
.parts-page .faq details[open] summary::after{content:"−"}
.parts-page .faq p{margin-top:10px;color:var(--muted)}
.parts-page #zayavka{padding-top:96px}

/* Окно товара и страница товара */
.pmodal{position:fixed;inset:0;background:rgba(10,11,13,.6);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}
.pmodal[hidden]{display:none}
.mbox{background:#fff;border-radius:22px;max-width:1000px;width:100%;max-height:92vh;overflow:auto;display:grid;grid-template-columns:1.05fr 1fr;position:relative}
.mclose{position:absolute;top:14px;right:14px;width:40px;height:40px;border-radius:50%;border:0;background:var(--bg-soft);cursor:pointer;font-size:22px;z-index:2;color:var(--ink)}
.mgal{padding:20px;background:var(--bg-soft)}
.mgal .main{display:block;aspect-ratio:1;border-radius:14px;background:#ddd center/cover;cursor:zoom-in;position:relative}
.mgal .th{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.mgal .th button,.mgal .th a{width:64px;height:64px;border-radius:10px;border:2px solid transparent;background:#ddd center/cover;cursor:pointer;padding:0;display:block}
.mgal .th .on{border-color:var(--red)}
.minfo{padding:30px 28px}
.minfo h2,.minfo h1{font-family:var(--f-body);font-size:22px;font-weight:800;margin:8px 0 16px;line-height:1.3;letter-spacing:0}
.minfo .sku{margin-top:10px}
.spec{width:100%;border-collapse:collapse;font-size:14.5px;margin-bottom:20px}
.spec td{padding:10px 0;border-bottom:1px dashed var(--line);vertical-align:top}
.spec td:first-child{color:var(--muted);width:42%;padding-right:12px}
.spec td b{font-weight:700}
.spec a{color:var(--red);text-decoration:underline}
.qty{display:flex;align-items:center;border:1px solid var(--line);border-radius:10px;height:48px;background:#fff}
.qty button{width:40px;height:100%;border:0;background:none;font-size:20px;cursor:pointer;color:var(--ink)}
.qty input{color:var(--ink);background:#fff;height:auto;padding:0;width:44px;text-align:center;border:0;font:inherit;font-weight:700;font-size:16px}
.mbuy{display:flex;gap:10px;flex-wrap:wrap}.mbuy .btn{flex:1;justify-content:center;min-width:150px;height:48px}
.fit-chips{display:flex;flex-wrap:wrap;gap:6px}
.fchip{display:inline-block;border:1px solid var(--line);background:#fff;border-radius:8px;padding:4px 9px;font-size:13px;font-weight:700;color:var(--ink);text-decoration:none!important;line-height:1.4}
.fchip:hover{border-color:var(--red);color:var(--red)}
.fit-note{display:block;margin-top:8px;font-size:12.5px;font-weight:500;color:var(--muted);line-height:1.45}
.fit-txt{display:block;font-weight:600}
.fit-btn{height:38px;padding:0 14px;font-size:13.5px;margin-top:8px}
.tech-txt{display:block;font-weight:600;line-height:1.5}
.ps-tech{margin-top:4px;padding:18px 20px;background:var(--bg-soft);border-radius:14px}
.ps-tech h2{font-family:var(--f-body);font-size:16px;font-weight:800;letter-spacing:0;margin:0 0 8px}
.ps-tech p{margin:0;font-size:14.5px}
.ps-svc{margin-top:12px;width:100%;justify-content:center;height:46px}
.pm-more{display:inline-block;margin-top:16px;font-weight:700;color:var(--red);font-size:14px}
.part-single{margin-top:28px;max-height:none;overflow:visible;border:1px solid var(--line)}
.ps-desc{margin-top:24px;color:var(--muted)}
.fits{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.fits a{border:1px solid var(--line);border-radius:var(--radius);padding:16px;display:grid;gap:10px;transition:.2s}
.fits a:hover{border-color:var(--ink)}
.fits .im{aspect-ratio:4/3;display:grid;place-items:center;background:var(--bg-soft);border-radius:10px;overflow:hidden}
.fits .im img{max-height:100%;width:auto;object-fit:contain;mix-blend-mode:multiply}

/* Заявка */
.basket-fab{position:fixed;right:24px;bottom:24px;z-index:70;background:var(--ink);color:#fff;border-radius:16px;padding:12px 12px 12px 20px;display:flex;align-items:center;gap:14px;box-shadow:0 18px 40px rgba(0,0,0,.25);transform:translateY(160%);transition:.3s;border:0;font:inherit;font-weight:700;cursor:pointer;visibility:hidden}
.basket-fab.show{transform:none;visibility:visible}
.basket-fab b{background:var(--red);border-radius:10px;padding:10px 14px}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(440px,100%);background:#fff;z-index:110;transform:translateX(100%);transition:.3s;display:flex;flex-direction:column;box-shadow:-20px 0 50px rgba(0,0,0,.2);visibility:hidden}
.drawer.open{transform:none;visibility:visible}
.dr-head{padding:22px 24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}
.dr-head h3{font-size:20px}
.dr-head .mclose{position:static}
.dr-list{padding:12px 24px;overflow:auto;flex:1}
.dr-empty{color:var(--muted);padding:20px 0}
.dr-item{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.dr-item .im{width:56px;height:56px;border-radius:10px;background:#ddd center/cover}
.dr-item .sku{font-size:14px}.dr-item small{color:var(--muted);font-size:12.5px;display:block;line-height:1.3}
.dr-item .qty{height:36px}.dr-item .qty button{width:30px}.dr-item .qty input{width:30px;font-size:14px}
.dr-form{padding:18px 24px 24px;border-top:1px solid var(--line);display:grid;gap:10px;background:var(--bg-soft);overflow:auto;max-height:60vh}
.dr-form form{display:grid;gap:10px;background:none;border:0;padding:0}
.dr-form label{color:var(--muted);font-size:13px;font-weight:600;display:grid;gap:4px}
.dr-form input:not([type="submit"]):not([type="file"]),.dr-form textarea{width:100%;color:var(--ink);height:46px;border:1px solid var(--line);border-radius:10px;padding:0 14px;font:inherit;font-size:14.5px;background:#fff}
.dr-form input[type="file"]{font-size:13px;color:var(--muted)}
.dr-form textarea{height:70px;padding:10px 14px;resize:vertical}
.dr-form .btn,.dr-form input[type="submit"]{justify-content:center;width:100%}
.dr-form .sn-act .btn,.dr-form .sn-act input[type="submit"]{width:auto}
.dr-form .drop{padding:14px}
.dr-form .drop b{font-size:14px}
.dr-form .previews div{width:64px;height:64px}
.dr-form .form-note{font-size:12px;color:var(--muted);margin:0}
.dr-form .wpcf7-response-output{margin:4px 0 0!important;font-size:13px}
.p-overlay{position:fixed;inset:0;background:rgba(10,11,13,.5);z-index:105}
.p-overlay[hidden]{display:none}
.p-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,200%);background:var(--ink);color:#fff;padding:12px 18px;border-radius:12px;font-size:14px;z-index:120;transition:.3s;visibility:hidden}
.p-toast.show{transform:translate(-50%,0);visibility:visible}

/* Вкладка «Запчасти» в карточке крана */
.part-tab .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.part-tab-foot{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.part-tab-foot .btn{height:46px}

@media (max-width:1100px){
  .cats-row{grid-template-columns:repeat(4,minmax(0,1fr))}
  .parts-page .grid,.part-tab .grid{grid-template-columns:repeat(2,1fr)}
  .parts-page .cat-layout{grid-template-columns:1fr}
  .parts-page .filters{display:none;position:fixed;inset:0;z-index:90;background:#fff;padding:24px 16px 100px;overflow:auto;top:0}
  .parts-page .filters.open{display:grid;align-content:start}
  .parts-page .mobile-filter{display:inline-flex}
  .ph-grid,.orig-band{grid-template-columns:1fr}
  .how{grid-template-columns:1fr 1fr}
  .mbox{grid-template-columns:1fr}
  .fits{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:720px){
  .cats-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding-bottom:6px;scrollbar-width:none}
  .cats-row .ctile{flex:0 0 168px;scroll-snap-align:start;min-height:0}
  .parts-page .grid,.part-tab .grid{grid-template-columns:1fr}
  .how,.orig-list{grid-template-columns:1fr}
  .orig-band{padding:26px 20px}
  .ph-facts b{font-size:20px}
  .basket-fab{right:16px;left:16px;bottom:84px;justify-content:space-between}
  .parts-page .search .btn span{display:none}
  .minfo{padding:22px 18px}
  .parts-page .sec-how,.parts-page .sec-orig,.parts-page .sec-faq,.parts-page .sec-fits,.parts-page .sec-rel,.parts-page #zayavka{padding-top:64px}
}

/* ---------- Подбор по S/N (#zayavka) ---------- */
.parts-page .sn-sec{padding-bottom:0}
#zayavka{scroll-margin-top:90px}
.sn-wrap{background:var(--ink);color:#fff;border-radius:28px;padding:48px;display:grid;grid-template-columns:1fr 1.2fr;gap:44px;position:relative;overflow:hidden}
.sn-wrap::before{content:"";position:absolute;right:-140px;top:-140px;width:440px;height:440px;background:radial-gradient(circle,rgba(195,24,8,.4),transparent 65%)}
.sn-wrap>*{position:relative;z-index:1}
.sn-wrap h2{color:#fff}
.sn-wrap .lead{color:#AEB4BD}
.sn-tips{display:grid;gap:12px;margin-top:24px}
.sn-tips div{display:flex;gap:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px 16px}
.sn-tips b{font-family:var(--f-head);color:var(--red);font-size:14px}
.sn-tips p{font-size:14.5px;color:#D5D9DF}
.sn-tips small{display:block;color:#8B919B;font-size:13px}
.snf{background:#fff;color:var(--text);border-radius:20px;padding:26px}
.snf form,.snf>.todo{display:grid;gap:14px}
.snf .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.snf label.fl{display:grid;gap:6px;font-size:13.5px;font-weight:700;color:var(--ink)}
.snf input[type=text],.snf input[type=tel],.snf select,.snf textarea{height:48px;border:1px solid var(--line);border-radius:10px;padding:0 14px;font:inherit;font-size:15px;background:#fff;color:var(--ink);width:100%}
.snf textarea{height:84px;padding:12px 14px;resize:vertical}
.snf input[type=text]:focus,.snf input[type=tel]:focus,.snf select:focus,.snf textarea:focus{outline:none;border-color:var(--red)}
.snf .wpcf7-form-control-wrap{display:block}
.drop{border:1.5px dashed #C7CBD2;border-radius:14px;padding:18px;text-align:center;cursor:pointer;transition:.15s;display:block;background:var(--bg-soft)}
.drop:hover,.drop.over{border-color:var(--red);background:var(--red-50)}
.drop b{display:block;color:var(--ink);font-size:15px}
.drop small{color:var(--muted);font-size:13px}
.drop input{display:none}
.previews{display:flex;flex-wrap:wrap;gap:8px}
.previews:empty{display:none}
.previews div{width:74px;height:74px;border-radius:10px;background:#ddd center/cover;position:relative;display:grid;place-items:center;font-size:11px;font-weight:700;color:var(--muted)}
.previews button{position:absolute;top:-6px;right:-6px;width:24px;height:24px;border-radius:50%;border:0;background:var(--ink);color:#fff;cursor:pointer;font-size:14px;line-height:1;padding:0}
.photo-note{display:none;color:var(--red);font-size:12.5px;margin:0}
.photo-note.on{display:block}
.cf7-files{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.snf .sn-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.snf .err{color:var(--red);font-size:13px;display:none}
.snf .err.on{display:block}
.sn-act{display:flex;flex-wrap:nowrap;gap:12px;align-items:stretch}
.sn-act .wpcf7-submit{flex:1 1 auto;min-width:max-content;white-space:nowrap}
.sn-act .btn-wa{flex:0 0 auto}
.snf .btn{justify-content:center}
.snf .wpcf7-submit{border:0;cursor:pointer;height:48px}
.snf .form-note{font-size:12.5px;color:var(--muted)}
.snf .wpcf7-not-valid-tip{color:var(--red);font-size:12.5px;font-weight:600}
.snf .wpcf7-response-output{margin:0;border:0;padding:12px 14px;border-radius:12px;background:var(--bg-soft);font-size:14px;font-weight:600}
.snf form.sent .wpcf7-response-output{background:#E9F8EF;color:#146C3A}
.snf form.invalid .wpcf7-response-output,.snf form.spam .wpcf7-response-output,.snf form.failed .wpcf7-response-output{background:var(--red-50);color:var(--red)}
.sn-flash{animation:fassi-flash 1.2s ease}
@keyframes fassi-flash{0%{box-shadow:0 0 0 0 rgba(195,24,8,.6)}100%{box-shadow:0 0 0 18px rgba(195,24,8,0)}}
@media (max-width:1100px){.sn-wrap{grid-template-columns:1fr;padding:32px}}
@media (max-width:720px){.sn-wrap{padding:22px;border-radius:20px}.snf{padding:18px}.snf .two{grid-template-columns:1fr}
  .sn-act{gap:8px}.sn-act .btn,.sn-act .wpcf7-submit{padding-left:14px;padding-right:14px;font-size:14.5px}}
@media (max-width:520px){.sn-act .btn-wa span{display:none}.sn-act .btn-wa{padding-left:14px;padding-right:14px}}

/* Окно товара на мобильном — шторка снизу со свайпом */
@media (max-width:720px){
  .pmodal{align-items:flex-end;padding:0}
  .mbox{grid-template-columns:1fr;max-height:90vh;border-radius:20px 20px 0 0;padding-top:10px;transition:transform .2s ease}
  .mbox::before{content:"";position:absolute;left:50%;top:6px;transform:translateX(-50%);width:44px;height:4px;border-radius:2px;background:#D5D9DF}
  .mbox.is-drag{transition:none}
  .pmodal .mclose{top:10px;right:10px}
}