@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+Arabic:wght@400;500;600;700&display=swap');
:root{--ink:#232720;--dark:#171d18;--gold:#b89757;--gold-light:#ead9b2;--paper:#f7f6f1;--muted:#777b72;--line:#dedfd6;--white:#fff;--font:'Noto Sans Arabic','DM Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.8}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #aa853d;outline-offset:4px}button:disabled{cursor:not-allowed;opacity:.5}h1,h2,h3,h4,p{margin:0}h1,h2{font-weight:500;line-height:1.65;letter-spacing:-1px}em{color:var(--gold);font-style:normal}button{border:0}button:hover,.btn:hover{filter:brightness(.96)}[hidden]{display:none!important}.topline{height:36px;padding:0 6%;background:var(--dark);color:#c9cec4;display:flex;align-items:center;justify-content:space-between;font-size:11px}.topline a{color:var(--gold-light);font-family:'DM Sans',sans-serif;letter-spacing:2px}header{height:102px;display:flex;align-items:center;gap:30px;justify-content:space-between;padding:0 6%;border-bottom:1px solid var(--line);background:var(--paper)}.brand{display:flex;align-items:center;gap:13px}.brand img{width:62px;height:62px;border-radius:0;object-fit:contain}.brand b{display:block;font-size:19px;font-weight:600}.brand small{font-size:11px;letter-spacing:1px;color:var(--muted)}nav{display:flex;gap:28px;font-size:12px}nav a:hover{color:var(--gold)}.header-actions{display:flex;align-items:center;gap:18px}.language{background:none;color:var(--ink);font-family:'DM Sans',sans-serif;font-size:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 24px;font-size:12px;font-weight:600;min-height:46px;border:1px solid transparent;transition:.2s}.btn-dark{background:var(--dark);color:var(--white)}.btn-gold{background:var(--gold);color:#171d18}.btn-outline{background:transparent;border-color:var(--line)}.text-link{font-size:12px;border-bottom:1px solid #aaa;padding-bottom:4px}.hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:605px}.hero-copy{padding:65px 12% 25px 8%;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:10px;letter-spacing:2.5px;font-family:'DM Sans','Noto Sans Arabic',sans-serif;color:var(--muted);display:block}.hero .eyebrow{display:flex;align-items:center;gap:12px}.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--gold)}.hero h1{font-size:clamp(32px,3.2vw,53px);margin:24px 0 20px}.hero p{font-size:14px;line-height:2.15;color:#6c7167;max-width:390px}.hero-buttons{display:flex;gap:27px;align-items:center;margin-top:32px}.hero-foot{margin-top:auto;padding-top:45px;display:flex;justify-content:space-between;width:100%;font-size:10px;color:#989c90;border-top:1px solid var(--line)}.hero-art{background:radial-gradient(ellipse at 45% 42%,#485040,#252d24 52%,#171d18 100%);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:580px;color:var(--gold-light)}.art-sculpture{width:280px;transform:rotate(-10deg);position:relative;z-index:2;filter:drop-shadow(0 40px 15px #0004)}.art-sculpture svg{width:100%;height:380px}.art-orbit{border:1px solid #bca26a44;border-radius:50%;position:absolute;transform:rotate(-35deg)}.orbit1{width:400px;height:450px}.orbit2{width:530px;height:550px}.vertical-label{position:absolute;right:32px;top:35px;writing-mode:vertical-rl;font-family:'DM Sans',sans-serif;font-size:9px;letter-spacing:3px;color:#bdc1b18c}.art-caption{position:absolute;bottom:35px;right:40px;z-index:3}.art-caption span{font-family:'DM Sans',sans-serif;font-size:9px;letter-spacing:3px;display:block;color:#9aa28e}.art-caption b{display:block;font-weight:400;font-size:21px;margin-top:10px;color:#f0ecdc}.art-no{position:absolute;left:30px;bottom:35px;font-family:'DM Sans',sans-serif;font-size:10px;letter-spacing:3px;color:#a8b09c}.service-ribbon{display:flex;justify-content:space-around;align-items:center;gap:15px;padding:23px 6%;border-bottom:1px solid var(--line);font-family:'DM Sans',sans-serif;font-size:11px;letter-spacing:2px;color:#7c7f72;direction:ltr}.service-ribbon i{color:var(--gold);font-size:23px}.section{padding:85px 8%}.section h2{font-size:36px;margin-top:15px}.about{display:grid;grid-template-columns:1fr 1fr;gap:70px}.about-text{padding-top:30px}.about-text>p{color:#737869;font-size:14px;line-height:2.2}.values{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:35px;border-top:1px solid var(--line);padding-top:25px}.values b{font-size:14px;font-weight:500;display:block;margin-bottom:7px}.values span{font-size:12px;color:var(--muted)}.solutions{background:#eeeee6}.section-head{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:35px}.section-head p{font-size:12px;color:var(--muted);max-width:330px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{text-align:start;background:#f9f8f3;border:1px solid #e1e1d7;padding:28px 28px 45px;position:relative;color:var(--ink);transition:transform .2s}.service-card:hover{transform:translateY(-5px)}.card-num{font-family:'DM Sans',sans-serif;font-size:9px;letter-spacing:1.8px;color:var(--muted)}.service-card svg{height:125px;display:block;margin:25px auto 20px;fill:#e5ddc9;stroke:#957844;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.service-card h3{font-size:20px;font-weight:500}.service-card p{font-size:12px;color:var(--muted);margin-top:7px}.card-arrow{position:absolute;bottom:18px;left:26px;color:var(--gold);font-size:23px}.workflow{background:var(--dark);color:#eff0e6}.workflow .eyebrow{color:#aab09d}.workflow .btn-outline{border-color:#485142}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:45px}.steps article{border-top:1px solid #495044;padding-top:24px}.steps span{font-family:'DM Sans',sans-serif;color:var(--gold);font-size:25px;font-weight:400}.steps h3{font-weight:400;font-size:17px;margin:20px 0 12px}.steps p{font-size:12px;color:#a5af9c;line-height:2}.contact{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-top:80px;padding-bottom:80px}.contact .btn{margin-top:25px}.contact-details{padding-top:20px}.contact-details>div{padding:20px 0;border-bottom:1px solid var(--line)}.contact-details small{font-size:10px;color:var(--muted);display:block;margin-bottom:9px}.contact-details a[dir]{display:inline-block;font-family:'DM Sans',sans-serif;font-size:26px;letter-spacing:2px}.contact-details p{font-size:16px;margin-bottom:15px}footer{padding:28px 6%;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px;color:var(--muted);font-size:10px}.footer-brand{display:flex;gap:12px;align-items:center;font-family:'DM Sans',sans-serif;letter-spacing:2px;color:var(--ink);font-size:10px;line-height:1.7}.footer-brand img{width:47px;height:47px;border-radius:0;object-fit:contain}.footer-brand small{font-size:8px}.footer-edition{color:#9d834e}dialog{border:1px solid var(--line);background:var(--paper);padding:50px;width:min(550px,90vw);color:var(--ink)}dialog::backdrop{background:#101810b0;backdrop-filter:blur(4px)}dialog h2{margin:20px 0;font-size:27px}dialog p{color:var(--muted);margin-bottom:30px}.close{position:absolute;top:10px;left:15px;font-size:28px;background:none;color:var(--muted)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:16px 24px;max-width:90vw;background:var(--dark);color:#fff;border:1px solid var(--gold);z-index:20;font-size:13px;box-shadow:0 10px 30px #0003}#portal{padding:35px 4% 55px;background:#edeee8}.portal-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.portal-top h1{font-size:28px}.preview-notice{background:#f5eddc;border:1px solid #dfcfae;padding:12px 20px;color:#786440;font-size:12px;margin-bottom:25px}.workspace{display:grid;grid-template-columns:205px minmax(0,1fr);gap:25px}.sidebar{background:var(--dark);color:#d9e0d1;padding:27px 20px;min-height:680px}.sidebar>img{width:80px;height:80px;border-radius:0;object-fit:contain;display:block;margin:0 auto 30px}.sidebar>label{display:block;font-size:10px;color:#a2b097;margin-bottom:8px}.sidebar select{background:#2b332a;border-color:#495242;color:#eee;margin-bottom:25px}.side-tab{background:none;width:100%;text-align:start;color:#b6c2ad;padding:13px;font-size:12px;margin-bottom:5px}.side-tab.active{background:#354030;color:#ecd6aa;border-inline-start:2px solid var(--gold)}.sidebar-note{border-top:1px solid #495242;padding-top:20px;margin-top:65px;font-size:11px;line-height:2.3;color:#a3af9b}.workspace-main{min-width:0}.view-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px}.view-heading h2,.portal-view>h2{font-size:26px}.view-heading p,.portal-view>p{font-size:12px;color:var(--muted);margin-bottom:20px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:25px}.stats article{background:#fff;padding:24px;border:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start;gap:6px}.stats span{font-size:11px;color:var(--muted)}.stats b{font-size:34px;font-family:'DM Sans',sans-serif;font-weight:400}.stats small{font-size:10px;color:#999}.filters{display:flex;align-items:center;gap:15px;margin-bottom:20px}.filters input{max-width:380px;background:#fff}.badge{display:inline-block;font-size:10px;background:#e7e5d9;color:#716139;padding:5px 10px;white-space:nowrap}.empty{background:#fff;border:1px solid var(--line);padding:60px 20px;text-align:center}.empty .empty-icon{font-size:42px;color:var(--gold)}.empty h3{font-weight:500;margin:10px 0}.empty p{font-size:12px;color:var(--muted);margin:0 auto 20px;max-width:350px}.draft-row{display:flex;gap:20px;justify-content:space-between;align-items:center;background:#fff;border:1px solid var(--line);padding:20px;margin-bottom:10px}.draft-row b{font-size:12px}.draft-row p{font-size:11px;color:var(--muted)}.draft-row-actions{display:flex;gap:12px}.mini{padding:6px 10px;background:#eeeee6;border:1px solid var(--line);font-size:11px}.danger{color:#994a41}.panel{background:#fff;border:1px solid var(--line);padding:25px;margin-bottom:20px}.panel h3{font-weight:500;font-size:18px;margin-bottom:20px}.panel h3:not(:first-child){margin-top:30px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:22px}label{display:block;font-size:11px;color:#626958}label>span{display:block;margin-bottom:6px}input,textarea,select{width:100%;padding:10px 12px;background:#f9faf6;border:1px solid var(--line);color:var(--ink);border-radius:0;font-size:12px;min-height:42px}textarea{min-height:80px;resize:vertical}.wide{grid-column:1/-1}.help{font-size:11px;color:var(--muted);line-height:2;margin-bottom:17px}.form-layout{display:grid;grid-template-columns:minmax(0,1fr) 225px;gap:20px;align-items:start}.form-nav{display:flex;border:1px solid var(--line);background:#fff;margin-bottom:15px;overflow:auto}.form-nav button{flex:1;min-width:90px;padding:13px 8px;font-size:10px;color:#949986;background:none;border-bottom:2px solid transparent;white-space:nowrap}.form-nav button.active{color:#7e6236;border-bottom-color:var(--gold);background:#f9f5e9}.form-nav span{font-size:10px}.summary{position:sticky;top:20px;background:#fff;border:1px solid var(--line);padding:22px;min-width:0}.summary .eyebrow{font-size:8px;letter-spacing:1px}.summary h3{font-size:16px;margin:15px 0 20px;font-weight:500}.summary dl{margin:0}.summary dt{font-size:10px;color:var(--muted);margin-top:18px}.summary dd{font-size:12px;margin:5px 0;overflow-wrap:anywhere}.summary-bottom{margin-top:28px;border-top:1px solid var(--line);padding-top:18px;display:grid;gap:7px}.summary-bottom span,.summary-bottom small{font-size:10px;color:var(--muted)}.summary-bottom b{font-size:12px;color:var(--gold)}.summary-teeth{display:flex;gap:5px;flex-wrap:wrap;direction:ltr}.summary-teeth span{border:1px solid #dccba5;padding:1px 6px;font-family:'DM Sans',sans-serif;color:#90723c}.form-bottom,.actions{display:flex;justify-content:space-between;gap:12px;margin-top:20px}.chart-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:20px}.chart-toolbar select{max-width:160px}.teeth-chart{background:#f7f8f3;padding:20px 10px;text-align:center;border:1px solid var(--line);margin-bottom:25px}.patient-sides{direction:ltr;display:flex;justify-content:space-between;font-size:10px;color:var(--muted);padding:0 10px;margin-bottom:20px}.teeth-chart>small{font-size:10px;color:var(--muted)}.teeth-row{display:flex;justify-content:center;gap:2px;direction:ltr;margin:10px 0 20px}.tooth{background:none;padding:3px 0;width:calc(100% / 16);max-width:36px;color:#8b9281;border:1px solid transparent;font-size:10px;font-family:'DM Sans',sans-serif;flex-shrink:1;min-width:0}.tooth svg{display:block;max-width:100%;height:42px;fill:#ecefe5;stroke:#a0a794;stroke-width:1.5;margin:auto}.tooth.selected{background:#efe5cc;border-color:var(--gold);color:#765823}.tooth.selected svg{fill:#d1b77c;stroke:#8e6f36}.jaw-actions{display:flex;gap:10px;justify-content:center}.chart-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;font-size:9px;color:var(--muted);margin-top:18px}.chart-legend>span:nth-child(2){color:#907039}.table-wrap{overflow:auto;margin-top:18px}table{border-collapse:collapse;width:100%;font-size:11px;text-align:start}th{font-weight:500;background:#f4f5ef;color:#767d6e}td,th{padding:11px;border-bottom:1px solid var(--line);text-align:start;white-space:normal}td button{background:none;color:#9a5850;padding:3px}#stage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.stage-card{padding:18px;background:#fff;border:1px solid var(--line);display:flex;gap:12px;align-items:center}.stage-card>span{font-family:'DM Sans',sans-serif;color:var(--gold);font-size:14px}.stage-card b{font-size:12px;font-weight:500}.stage-card small{display:block;font-size:9px;color:var(--muted)}.review-columns{display:grid;grid-template-columns:1fr 1fr;gap:25px}.review-columns h4{font-weight:500;font-size:15px;margin:15px 0}.review-columns p{font-size:12px;color:var(--muted)}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.settings-grid small{display:block;color:var(--muted);font-family:'DM Sans',sans-serif;font-size:9px;letter-spacing:1px}.settings-grid b{display:block;font-weight:500;font-family:'DM Sans',sans-serif;font-size:16px}.technical-group{margin-bottom:22px;border-bottom:1px solid var(--line);padding-bottom:8px}.technical-group h4{font-size:14px;margin:15px 0;font-weight:500}.dropzone{padding:40px 20px;border:1px dashed #bda46b;background:#fcfaf3;text-align:center}.dropzone b{display:block;font-size:14px}.dropzone span{font-size:10px;color:var(--muted);margin:10px 0}.dropzone input{max-width:100%;font-size:11px}.file-item{display:flex;align-items:center;justify-content:space-between;padding:10px;border-bottom:1px solid var(--line);gap:10px;font-size:11px}.file-item small{direction:ltr}.file-item img{width:55px;height:55px;object-fit:cover}.consent{display:flex;gap:12px;align-items:flex-start;margin:22px 0}.consent input{width:18px;min-height:18px;margin-top:4px;accent-color:var(--gold)}.check-item{padding:12px;margin-bottom:8px;font-size:11px;background:#f0f4e8;color:#526843}.check-item.missing{background:#f9eee4;color:#8c613d}.review-data{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:11px;margin-top:20px}.review-data div{padding:10px;background:#f6f7f1;overflow-wrap:anywhere}.review-data small{display:block;color:var(--muted)}html[dir=ltr] .hero-copy{padding:65px 8% 25px 12%}html[dir=ltr] h1,html[dir=ltr] h2{line-height:1.15;letter-spacing:-1.5px}html[dir=ltr] .hero h1{font-size:clamp(38px,4vw,60px)}html[dir=ltr] .section h2{font-size:42px}html[dir=ltr] .brand b{font-family:'DM Sans',sans-serif}html[dir=ltr] .card-arrow{left:auto;right:26px}html[dir=ltr] .hero p{line-height:1.8}html[dir=ltr] .section-head h2{line-height:1.2}html[dir=ltr] .panel h3{line-height:1.7}
@media(min-width:1500px){header,.topline{padding-left:calc((100vw - 1300px)/2);padding-right:calc((100vw - 1300px)/2)}main,#portal{max-width:1600px;margin:auto}}@media(max-width:1100px){nav{gap:16px}.hero-copy{padding:55px 9% 25px 7%}.hero h1{font-size:36px}.hero-buttons{gap:15px}.hero-buttons .btn{padding:12px 17px}.section{padding:65px 6%}.form-layout{grid-template-columns:minmax(0,1fr)}.summary{position:static;display:none}.workspace{grid-template-columns:170px minmax(0,1fr);gap:15px}.sidebar{padding:20px 13px}.form-nav span{font-size:9px}.hero-art{min-height:560px}.art-sculpture{width:240px}}@media(max-width:760px){.topline{padding:0 5%;font-size:9px}header{height:84px;padding:0 5%;gap:10px}nav{display:none}.brand{gap:8px}.brand img{width:46px;height:46px}.brand b{font-size:14px}.brand small{font-size:9px}.header-actions{gap:10px}.header-actions .btn{padding:9px 12px;font-size:10px;min-height:38px}.hero{grid-template-columns:1fr}.hero-copy,html[dir=ltr] .hero-copy{padding:45px 7% 25px}.hero h1{font-size:36px;line-height:1.7}.hero p{font-size:13px;max-width:none}.hero-buttons{flex-wrap:wrap;margin-top:25px}.hero-foot{margin-top:30px;padding-top:18px}.hero-art{min-height:420px}.art-sculpture{width:220px}.art-sculpture svg{height:300px}.orbit1{width:300px;height:340px}.orbit2{width:440px;height:450px}.art-caption{right:25px;bottom:25px}.art-caption b{font-size:17px}.vertical-label{right:18px;font-size:8px}.art-no{font-size:8px}.service-ribbon{overflow:hidden;white-space:nowrap;gap:20px;padding:18px 25px;font-size:9px;justify-content:flex-start}.service-ribbon i{font-size:18px}.section{padding:50px 7%}.section h2{font-size:29px}.about{grid-template-columns:1fr;gap:10px}.about-text{padding-top:15px}.section-head{flex-direction:column;align-items:flex-start;gap:15px}.service-grid{grid-template-columns:1fr}.service-card{padding:22px 25px;min-height:170px;padding-left:130px}.service-card svg{position:absolute;left:20px;top:30px;width:100px;height:95px;margin:0}.service-card h3{font-size:19px;margin-top:18px}.card-arrow{left:25px;bottom:15px}.steps{grid-template-columns:1fr 1fr;gap:25px;margin-top:25px}.steps h3{font-size:14px;margin-top:15px}.steps p{font-size:11px}.contact{grid-template-columns:1fr;gap:15px}.contact-details{padding-top:0}.contact-details a[dir]{font-size:23px}footer{padding:22px 6%;flex-wrap:wrap;gap:15px}.footer-edition{width:100%}#portal{padding:25px 4%}.portal-top h1{font-size:22px}.portal-top .btn{padding:8px 12px;font-size:10px}.preview-notice{font-size:10px;padding:10px 12px}.workspace{grid-template-columns:1fr}.sidebar{min-height:0;padding:15px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sidebar>img,.sidebar-note,.sidebar>label{display:none}.sidebar select{width:100%;margin:0 0 5px;min-height:36px}.side-tab{width:auto;flex:1;text-align:center;margin:0;padding:10px 3px;font-size:9px;white-space:nowrap}.side-tab.active{border-inline-start:0;border-bottom:2px solid var(--gold)}.view-heading h2,.portal-view>h2{font-size:22px}.view-heading .btn{padding:8px 12px;font-size:10px}.stats{gap:8px}.stats article{padding:15px 10px}.stats span{font-size:9px}.stats b{font-size:27px}.stats small{font-size:8px}.filters{flex-wrap:wrap}.filters input{max-width:100%;font-size:11px}.draft-row{flex-wrap:wrap;padding:15px;gap:10px}.panel{padding:18px 14px}.fields{gap:12px}.fields label{font-size:10px}.fields input,.fields select,.fields textarea{font-size:11px;padding:9px}.form-nav button{min-width:88px}.chart-toolbar{flex-wrap:wrap}.chart-toolbar select{max-width:135px;font-size:10px}.teeth-chart{padding:18px 5px}.tooth svg{height:34px}.tooth{font-size:9px}.teeth-row{gap:1px}.chart-legend{font-size:8px;gap:10px}.summary{display:none}.form-bottom .btn{padding:10px 16px;font-size:11px}#stage-grid{grid-template-columns:1fr 1fr;gap:8px}.stage-card{padding:12px 10px;gap:8px}.stage-card b{font-size:10px}.review-columns{grid-template-columns:1fr}.settings-grid{gap:18px}.settings-grid small{font-size:8px}.settings-grid b{font-size:14px}.actions{flex-wrap:wrap}.actions .btn{font-size:10px}.review-data{grid-template-columns:1fr}html[dir=ltr] .hero h1{font-size:41px}html[dir=ltr] .section h2{font-size:32px}html[dir=ltr] .service-card{padding-left:25px;padding-right:130px}html[dir=ltr] .service-card svg{left:auto;right:20px}html[dir=ltr] .card-arrow{right:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media print{header,.topline,footer,.sidebar,.portal-top,.preview-notice,.form-nav,.form-bottom,.summary,#toast,.actions,.consent,#marketing,#orders-view,#journey-view,#settings-view{display:none!important}body,#portal{background:white!important;padding:0!important}#portal,.workspace,.workspace-main,.form-layout,#new-view,#order-form,#section-review{display:block!important}.form-section:not(#section-review){display:none!important}.panel{border:0;padding:10px}.review-data div{break-inside:avoid}.review-data{display:grid!important;grid-template-columns:1fr 1fr}.view-heading .badge{display:none}#section-review:before{content:'GOLDEN TOUCH DENTAL LAB — DESIGN PREVIEW / وصفة معاينة';font-size:14px;display:block;margin:15px 0}}

#order-detail{width:min(950px,95vw);max-height:90vh;overflow:auto;padding:35px;border:1px solid var(--gold)}#order-detail::backdrop{background:#0008}#order-detail textarea,#order-detail select{display:block;width:100%;padding:10px;margin:10px 0}.preview-notice{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}