:root{
  --navy:#132A52; --navy-deep:#0B1B38; --orange:#FF6A22; --orange-deep:#E4530F;
  --film-teal:#0FB5AE; --paper:#F6F5F2; --card:#FFFFFF; --ink:#16213A; --ink-soft:#5B6478;
  --line:#E7E4DD; --radius:14px; --shadow:0 10px 30px rgba(19,42,82,0.08);
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Inter',sans-serif; background:var(--paper); color:var(--ink); line-height:1.5; -webkit-font-smoothing:antialiased;}
h1,h2,h3,h4{font-family:'Sora',sans-serif; color:var(--navy-deep); letter-spacing:-0.01em;}
img{max-width:100%; display:block;}
a{color:inherit; text-decoration:none;}
button{font-family:inherit; cursor:pointer;}
.container{max-width:1180px; margin:0 auto; padding:0 24px;}
.film-strip{height:10px; background:repeating-linear-gradient(90deg, var(--orange) 0 22px, transparent 22px 34px); opacity:.85;}

/* Topbar + header */
.topbar{background:var(--navy-deep); color:#cdd6ea; font-size:12.5px;}
.topbar .container{display:flex; justify-content:space-between; align-items:center; padding:7px 24px;}
.topbar a{opacity:.85;} .topbar a:hover{opacity:1; color:#fff;}
.topbar-links{display:flex; gap:18px;}
@media (max-width:640px){ .topbar{display:none;} }
header{position:sticky; top:0; z-index:100; background:rgba(255,255,255,.92); backdrop-filter:blur(10px); border-bottom:1px solid var(--line);}
.nav-wrap{display:flex; align-items:center; justify-content:space-between; padding:14px 24px;}
.logo{display:flex; align-items:center; gap:2px; font-family:'Sora',sans-serif; font-weight:800; font-size:24px;}
.logo .dtf{color:var(--navy-deep);} .logo .wala{color:var(--orange);}
nav.main-nav{display:flex; gap:26px;}
nav.main-nav a{font-weight:600; font-size:14.5px; color:var(--ink-soft); padding:6px 0; border-bottom:2px solid transparent; transition:.2s;}
nav.main-nav a:hover, nav.main-nav a.active{color:var(--navy-deep); border-color:var(--orange);}
.header-cta{display:flex; align-items:center; gap:14px;}
.whatsapp-btn{width:40px; height:40px; border-radius:50%; background:#25D366; display:flex; align-items:center; justify-content:center; box-shadow:0 4px 12px rgba(37,211,102,.35); transition:.2s;}
.whatsapp-btn:hover{transform:translateY(-2px) scale(1.05);}
.btn-order{background:var(--navy-deep); color:#fff; font-weight:600; font-size:14px; padding:11px 22px; border-radius:999px; border:none; transition:.2s;}
.btn-order:hover{background:var(--orange); transform:translateY(-1px);}
.menu-toggle{display:none; background:none; border:none; font-size:26px; color:var(--navy-deep);}
@media (max-width:900px){
  nav.main-nav{position:absolute; top:100%; left:0; right:0; background:#fff; flex-direction:column; gap:0; max-height:0; overflow:hidden; border-bottom:1px solid var(--line); transition:max-height .35s ease;}
  nav.main-nav.open{max-height:450px;}
  nav.main-nav a{padding:14px 24px; border-bottom:1px solid var(--line); border-left:2px solid transparent;}
  .menu-toggle{display:block;}
}

/* Page header (non-home pages) */
.page-hero{padding:48px 24px 36px; text-align:center; background:radial-gradient(circle at 15% 20%, rgba(255,106,34,.08), transparent 40%), radial-gradient(circle at 85% 10%, rgba(15,181,174,.08), transparent 40%);}
.page-hero .eyebrow{color:var(--orange); font-weight:700; font-size:13px; letter-spacing:.08em; text-transform:uppercase;}
.page-hero h1{font-size:clamp(28px,5vw,44px); margin-top:10px;}
.page-hero p{color:var(--ink-soft); margin-top:12px; max-width:560px; margin-left:auto; margin-right:auto;}
.breadcrumbs{font-size:12.5px; color:var(--ink-soft); margin-top:14px;}
.breadcrumbs a:hover{color:var(--orange);}

/* Hero (home) */
.hero{padding:64px 24px 40px; text-align:center; background:radial-gradient(circle at 15% 20%, rgba(255,106,34,.08), transparent 40%), radial-gradient(circle at 85% 10%, rgba(15,181,174,.08), transparent 40%);}
.hero-eyebrow{display:inline-flex; align-items:center; gap:8px; background:#fff; border:1px solid var(--line); border-radius:999px; padding:6px 14px; font-size:12.5px; font-weight:600; color:var(--ink-soft); box-shadow:var(--shadow); margin-bottom:22px;}
.hero-eyebrow .dot{width:7px; height:7px; border-radius:50%; background:var(--film-teal);}
.hero h1{font-size:clamp(34px,6vw,58px); font-weight:800; line-height:1.05; display:flex; align-items:center; justify-content:center; gap:6px; flex-wrap:wrap;}
.hero h1 .wala{color:var(--orange);}
.hero p.tagline{font-size:clamp(16px,2.4vw,19px); color:var(--ink-soft); margin:16px auto 30px; max-width:520px; font-weight:500;}

section{padding:64px 24px;}
.section-head{text-align:center; max-width:600px; margin:0 auto 40px;}
.section-head .eyebrow{color:var(--orange); font-weight:700; font-size:13px; letter-spacing:.08em; text-transform:uppercase;}
.section-head h2{font-size:clamp(26px,4vw,36px); margin-top:8px;}
.section-head p{color:var(--ink-soft); margin-top:10px; font-size:15.5px;}

/* About */
.about{display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; max-width:1180px; margin:0 auto;}
.about h2{font-size:clamp(26px,4vw,34px); margin-bottom:14px;}
.about p{color:var(--ink-soft); font-size:15.5px; margin-bottom:22px;}
.about-stats{display:flex; gap:28px; margin-top:8px; flex-wrap:wrap;}
.about-stats strong{display:block; font-size:24px; color:var(--navy-deep); font-family:'Sora',sans-serif;}
.about-stats span{font-size:12.5px; color:var(--ink-soft);}
.about-visual{position:relative; border-radius:20px; overflow:hidden; background:linear-gradient(135deg,#1B3565,#0B1B38); aspect-ratio:4/3; display:flex; align-items:center; justify-content:center; box-shadow:var(--shadow);}
.about-visual svg{width:70%; height:70%;}

/* Products */
.products-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:20px; max-width:1180px; margin:0 auto;}
.product-card{background:var(--card); border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow); transition:.25s; border:1px solid var(--line);}
.product-card:hover{transform:translateY(-5px); box-shadow:0 16px 34px rgba(19,42,82,.14);}
.product-thumb{aspect-ratio:1; display:flex; align-items:center; justify-content:center; color:#fff;}
.product-thumb svg{width:46%; height:46%;}
.product-card h4{padding:14px 14px 4px; font-size:14.5px;}
.product-card p{padding:0 14px 14px; font-size:12.5px; color:var(--ink-soft);}
.view-all{display:block; text-align:center; margin:34px auto 0; width:fit-content; padding:13px 30px; border-radius:999px; border:2px solid var(--navy-deep); font-weight:700; font-size:14px; color:var(--navy-deep); transition:.2s;}
.view-all:hover{background:var(--navy-deep); color:#fff;}

/* Pricing */
.pricing-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; max-width:1000px; margin:0 auto;}
.price-card{background:var(--card); border-radius:18px; padding:32px 26px; border:1px solid var(--line); box-shadow:var(--shadow); text-align:center; position:relative; transition:.25s;}
.price-card:hover{transform:translateY(-6px);}
.price-card.featured{border:2px solid var(--orange); transform:scale(1.04);}
.badge{position:absolute; top:-13px; left:50%; transform:translateX(-50%); background:var(--orange); color:#fff; font-size:11px; font-weight:700; padding:5px 14px; border-radius:999px;}
.price-card h3{font-size:15px; text-transform:uppercase; letter-spacing:.05em; color:var(--ink-soft); font-weight:700;}
.price-card .amount{font-family:'Sora',sans-serif; font-size:44px; font-weight:800; color:var(--navy-deep); margin:14px 0 4px;}
.price-card .amount span{font-size:15px; font-weight:600; color:var(--ink-soft);}
.price-card ul{list-style:none; margin:22px 0 26px; text-align:left; display:flex; flex-direction:column; gap:10px;}
.price-card li{font-size:13.5px; color:var(--ink-soft); display:flex; gap:8px; align-items:flex-start;}
.price-card li svg{flex-shrink:0; color:var(--film-teal); margin-top:2px;}
.price-btn{display:block; width:100%; padding:13px; border-radius:10px; border:none; background:var(--navy-deep); color:#fff; font-weight:700; font-size:14px; transition:.2s;}
.price-card.featured .price-btn{background:var(--orange);}

/* Dealer */
.dealer{background:linear-gradient(120deg, var(--navy-deep), #1B3565 60%, var(--navy-deep)); border-radius:24px; max-width:1180px; margin:0 auto; display:grid; grid-template-columns:1.1fr .9fr; align-items:center; overflow:hidden;}
.dealer-text{padding:52px;}
.dealer-text .eyebrow{color:var(--orange); font-weight:700; font-size:13px; letter-spacing:.08em; text-transform:uppercase;}
.dealer-text h2{color:#fff; margin:10px 0 14px; font-size:clamp(24px,3.6vw,32px);}
.dealer-text p{color:#c3cbe0; font-size:15px; margin-bottom:26px; max-width:420px;}
.dealer-btn{display:inline-block; background:var(--orange); color:#fff; font-weight:700; padding:13px 28px; border-radius:999px; font-size:14px; transition:.2s;}
.dealer-btn:hover{background:#fff; color:var(--navy-deep);}
.dealer-visual{height:100%; min-height:280px; background:radial-gradient(circle at 30% 40%, rgba(255,106,34,.35), transparent 55%), radial-gradient(circle at 70% 65%, rgba(15,181,174,.3), transparent 55%); display:flex; align-items:center; justify-content:center;}
.dealer-visual svg{width:60%;}
@media (max-width:800px){ .dealer{grid-template-columns:1fr;} .dealer-visual{min-height:200px;} }

/* Upload */
.upload-zone{max-width:760px; margin:0 auto; border:2px dashed #c7cee2; border-radius:18px; background:#fff; padding:52px 24px; text-align:center; cursor:pointer; transition:.25s; display:block;}
.upload-zone.dragover, .upload-zone:hover{border-color:var(--orange); background:#FFF6F1;}
.upload-zone svg{color:var(--orange); margin-bottom:14px;}
.upload-zone h4{font-size:16.5px; margin-bottom:6px;}
.upload-zone p{font-size:12.5px; color:var(--ink-soft);}
.upload-zone input{display:none;}
#file-list{max-width:760px; margin:14px auto 0; display:flex; flex-wrap:wrap; gap:8px;}
.file-chip{background:#fff; border:1px solid var(--line); border-radius:999px; padding:6px 14px; font-size:12.5px; display:flex; align-items:center; gap:8px;}
.file-chip button{background:none; border:none; color:var(--ink-soft); font-size:14px;}

/* Forms */
.contact-wrap{max-width:760px; margin:0 auto; background:var(--card); border:1px solid var(--line); border-radius:20px; padding:40px; box-shadow:var(--shadow);}
.form-row{display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:16px;}
.field{display:flex; flex-direction:column; gap:6px;}
.field label{font-size:12.5px; font-weight:600; color:var(--ink-soft); display:flex; justify-content:space-between; align-items:center;}
.char-count{font-weight:500; color:#9aa2b6; font-size:11.5px;}
.char-count.limit{color:var(--orange-deep);}
.field input, .field textarea, .field select{border:1px solid var(--line); border-radius:10px; padding:12px 14px; font-family:inherit; font-size:14px; outline:none; transition:.2s; background:#fff;}
.field input:focus, .field textarea:focus, .field select:focus{border-color:var(--orange); box-shadow:0 0 0 3px rgba(255,106,34,.12);}
.field textarea{resize:vertical; min-height:110px;}
.error-text{display:none; color:#C1361B; font-size:12px; font-weight:500; margin-top:2px;}
.field.invalid input, .field.invalid textarea, .field.invalid select{border-color:#C1361B !important; background:#FFF7F6;}
.field.invalid .error-text{display:block;}
@keyframes shake{10%,90%{transform:translateX(-1px);} 20%,80%{transform:translateX(2px);} 30%,50%,70%{transform:translateX(-4px);} 40%,60%{transform:translateX(4px);}}
.field.invalid input, .field.invalid textarea{animation:shake .4s;}
.submit-btn{width:100%; padding:15px; border:none; border-radius:10px; background:var(--navy-deep); color:#fff; font-weight:700; font-size:15px; display:flex; align-items:center; justify-content:center; gap:10px; transition:.2s;}
.submit-btn:hover{background:var(--orange);}
.submit-btn:disabled{opacity:.65; cursor:not-allowed;}
.spinner{width:16px; height:16px; border-radius:50%; border:2px solid rgba(255,255,255,.4); border-top-color:#fff; animation:spin .7s linear infinite; display:none;}
.submit-btn.loading .spinner{display:inline-block;}
@keyframes spin{to{transform:rotate(360deg);}}
.form-msg{margin-top:14px; padding:12px 14px; border-radius:10px; font-size:13.5px; display:none; align-items:center; gap:8px;}
.form-msg.show{display:flex;}
.form-msg.success{background:#EAFBF3; color:#0F7A4C; border:1px solid #B7ECD3;}
.form-msg.error{background:#FDEEEC; color:#C1361B; border:1px solid #F6C6BC;}

/* FAQ */
.faq-list{max-width:760px; margin:0 auto; display:flex; flex-direction:column; gap:12px;}
.faq-item{background:#fff; border:1px solid var(--line); border-radius:14px; overflow:hidden;}
.faq-q{width:100%; text-align:left; padding:18px 22px; background:none; border:none; display:flex; justify-content:space-between; align-items:center; font-weight:600; font-size:14.5px; color:var(--navy-deep);}
.faq-q svg{transition:transform .25s; flex-shrink:0; color:var(--orange);}
.faq-item.open .faq-q svg{transform:rotate(45deg);}
.faq-a{max-height:0; overflow:hidden; transition:max-height .3s ease;}
.faq-a p{padding:0 22px 18px; font-size:13.5px; color:var(--ink-soft);}

/* Blog */
.blog-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; max-width:1180px; margin:0 auto;}
.blog-card{background:#fff; border-radius:16px; overflow:hidden; border:1px solid var(--line); box-shadow:var(--shadow); transition:.2s;}
.blog-card:hover{transform:translateY(-4px);}
.blog-thumb{aspect-ratio:16/10; background:linear-gradient(135deg,#1B3565,#0FB5AE); display:flex; align-items:center; justify-content:center; overflow:hidden;}
.blog-thumb img{width:100%; height:100%; object-fit:cover;}
.blog-thumb svg{width:34%; opacity:.9; color:#fff;}
.blog-card .blog-body{padding:18px 18px 20px;}
.blog-meta{font-size:11.5px; color:var(--ink-soft); text-transform:uppercase; letter-spacing:.04em; margin-bottom:6px; display:flex; gap:8px; align-items:center;}
.blog-meta .cat{color:var(--orange); font-weight:700;}
.blog-card h4{font-size:16px; margin-bottom:8px;}
.blog-card p{font-size:13.5px; color:var(--ink-soft);}
.blog-readmore{display:inline-block; margin-top:12px; font-size:13px; font-weight:700; color:var(--orange);}
.blog-filters{display:flex; gap:10px; justify-content:center; flex-wrap:wrap; margin-bottom:36px;}
.blog-filters a{padding:9px 18px; border-radius:999px; border:1px solid var(--line); font-size:13px; font-weight:600; color:var(--ink-soft); background:#fff;}
.blog-filters a.active, .blog-filters a:hover{background:var(--navy-deep); color:#fff; border-color:var(--navy-deep);}
.pagination{display:flex; justify-content:center; gap:8px; margin-top:40px;}
.pagination a, .pagination span{width:38px; height:38px; border-radius:10px; border:1px solid var(--line); display:flex; align-items:center; justify-content:center; font-size:13.5px; font-weight:600; color:var(--ink-soft); background:#fff;}
.pagination a:hover, .pagination .current{background:var(--navy-deep); color:#fff; border-color:var(--navy-deep);}

/* Blog single */
.post-wrap{max-width:760px; margin:0 auto;}
.post-hero-img{border-radius:18px; overflow:hidden; aspect-ratio:21/9; background:linear-gradient(135deg,#1B3565,#0FB5AE); margin-bottom:28px; display:flex; align-items:center; justify-content:center;}
.post-hero-img img{width:100%; height:100%; object-fit:cover;}
.post-content{font-size:16px; line-height:1.8; color:#2a3450;}
.post-content h2{margin:28px 0 12px; font-size:22px;}
.post-content p{margin-bottom:16px;}
.post-content ul, .post-content ol{margin:0 0 16px 22px;}
.related-posts{max-width:1180px; margin:60px auto 0;}

/* Pricing/contact reused classes already above */

/* Blog nav carousel (home) */
.blog-carousel-wrap{position:relative; max-width:1180px; margin:0 auto;}
.blog-track{display:flex; gap:22px; overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:6px; scrollbar-width:none;}
.blog-track::-webkit-scrollbar{display:none;}
.blog-track .blog-card{flex:0 0 300px; scroll-snap-align:start;}
.blog-nav{display:flex; gap:10px; justify-content:center; margin-top:20px;}
.blog-nav button{width:38px; height:38px; border-radius:50%; border:1px solid var(--line); background:#fff; display:flex; align-items:center; justify-content:center; color:var(--navy-deep); transition:.2s;}
.blog-nav button:hover{background:var(--navy-deep); color:#fff;}

/* Footer */
footer{background:var(--navy-deep); color:#c3cbe0; padding-top:50px;}
.footer-grid{display:grid; grid-template-columns:1.4fr 1fr 1fr 1.2fr; gap:36px; max-width:1180px; margin:0 auto 36px; padding:0 24px;}
.footer-grid .logo{color:#fff; margin-bottom:12px;}
.footer-grid .logo .dtf{color:#fff;}
.footer-grid p{font-size:13.5px; line-height:1.7; color:#9aa5c2;}
.footer-grid h5{color:#fff; font-size:14px; margin-bottom:14px;}
.footer-grid ul{list-style:none; display:flex; flex-direction:column; gap:9px;}
.footer-grid a{font-size:13.5px; color:#9aa5c2; transition:.2s;}
.footer-grid a:hover{color:var(--orange);}
.footer-social{display:flex; gap:10px; margin-top:6px;}
.footer-social a{width:34px; height:34px; border-radius:50%; background:rgba(255,255,255,.08); display:flex; align-items:center; justify-content:center;}
.footer-social a:hover{background:var(--orange);}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1); padding:18px 24px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; max-width:1180px; margin:0 auto; font-size:12.5px; color:#8290b3;}
.wa-float{position:fixed; bottom:22px; right:22px; z-index:200; width:56px; height:56px; border-radius:50%; background:#25D366; display:flex; align-items:center; justify-content:center; box-shadow:0 8px 20px rgba(37,211,102,.4); animation:pulse 2.4s infinite;}
@keyframes pulse{0%{box-shadow:0 8px 20px rgba(37,211,102,.4);} 50%{box-shadow:0 8px 26px rgba(37,211,102,.65);} 100%{box-shadow:0 8px 20px rgba(37,211,102,.4);}}

/* Social-proof notification toast (bottom-left) */
#notify-toast{
  position:fixed; bottom:24px; left:24px; z-index:300;
  background:#fff; border:1px solid var(--line); border-radius:14px;
  box-shadow:0 14px 34px rgba(19,42,82,0.18);
  padding:14px 16px; display:flex; align-items:center; gap:12px;
  max-width:300px; transform:translateY(130%); opacity:0;
  transition:transform .45s cubic-bezier(.2,.9,.3,1.2), opacity .3s;
}
#notify-toast.show{transform:translateY(0); opacity:1;}
#notify-toast .n-icon{font-size:22px; flex-shrink:0;}
#notify-toast .n-text{font-size:12.8px; color:var(--ink); font-weight:600; line-height:1.4;}
#notify-toast .n-sub{font-size:11px; color:var(--ink-soft); font-weight:500; margin-top:2px;}
#notify-toast .n-close{margin-left:auto; background:none; border:none; color:var(--ink-soft); font-size:14px; flex-shrink:0; align-self:flex-start;}
@media (max-width:600px){ #notify-toast{left:14px; right:14px; max-width:none; bottom:88px;} }

@media (max-width:900px){
  .about, .products-grid{grid-template-columns:1fr 1fr;}
  .pricing-grid{grid-template-columns:1fr;}
  .price-card.featured{transform:none;}
  .footer-grid{grid-template-columns:1fr 1fr;}
  .blog-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:600px){
  .about{grid-template-columns:1fr;}
  .products-grid{grid-template-columns:1fr 1fr;}
  .form-row{grid-template-columns:1fr;}
  .dealer-text{padding:34px 26px;}
  .footer-grid{grid-template-columns:1fr;}
  .blog-grid{grid-template-columns:1fr;}
}

/* ===== Pop-up forms (dealer / quote) ===== */
body.modal-open{overflow:hidden;}
.dw-modal{position:fixed; inset:0; z-index:1000; background:rgba(11,27,56,.62); backdrop-filter:blur(3px); display:flex; align-items:center; justify-content:center; padding:16px; overflow-y:auto; animation:dwFade .2s ease;}
.dw-modal[hidden]{display:none;}
.dw-modal-box{position:relative; background:#fff; border-radius:20px; width:100%; max-width:560px; max-height:calc(100vh - 32px); overflow-y:auto; padding:34px 32px 30px; box-shadow:0 30px 80px rgba(0,0,0,.35); animation:dwRise .28s cubic-bezier(.2,.9,.3,1.1);}
@keyframes dwFade{from{opacity:0}to{opacity:1}}
@keyframes dwRise{from{opacity:0; transform:translateY(24px) scale(.97)}to{opacity:1; transform:none}}
.dw-modal-close{position:absolute; top:14px; right:14px; width:34px; height:34px; border-radius:50%; border:none; background:#F1F3F8; color:var(--ink-soft); font-size:15px;}
.dw-modal-close:hover{background:var(--orange); color:#fff;}
.dw-eyebrow{color:var(--orange); font-weight:700; font-size:12px; letter-spacing:.08em;}
.dw-modal-box h3{font-size:24px; margin:6px 0 6px;}
.dw-modal-sub{color:var(--ink-soft); font-size:14px; margin-bottom:22px;}
.dw-modal .form-row{margin-bottom:16px;}
.dw-modal .field select{border:1px solid var(--line); border-radius:10px; padding:12px 14px; font-family:inherit; font-size:14px; background:#fff; outline:none;}
.dw-modal .field select:focus, .dw-modal .field input[type=file]:focus{border-color:var(--orange);}
.dw-modal .field input[type=file]{padding:9px 12px; font-size:13px;}
.dw-modal .field.invalid select{border-color:#C1361B !important; background:#FFF7F6;}
.hp{position:absolute !important; left:-9999px; width:1px; height:1px; opacity:0;}
.dw-success{text-align:center; padding:26px 6px 6px;}
.dw-success p{color:var(--ink-soft); margin:8px 0 22px;}
.dw-check{width:64px; height:64px; border-radius:50%; background:#EAFBF3; color:#0F7A4C; font-size:32px; font-weight:700; display:flex; align-items:center; justify-content:center; margin:0 auto 12px;}
.card-quote{margin:0 14px 14px; padding:8px 14px; border-radius:8px; border:1px solid var(--line); background:#fff; font-size:12.5px; font-weight:700; color:var(--navy-deep); transition:.2s;}
.card-quote:hover{background:var(--orange); border-color:var(--orange); color:#fff;}
.pricing-note{max-width:760px; margin:30px auto 0; text-align:center; color:var(--ink-soft); font-size:14px;}
@media (max-width:600px){ .dw-modal-box{padding:28px 20px 24px;} .dw-modal{align-items:flex-end; padding:0;} .dw-modal-box{border-radius:20px 20px 0 0; max-height:92vh;} }