.form-layout{display:grid;grid-template-columns:1fr 280px;gap:20px}.form-layout.narrow{grid-template-columns:1fr 280px}.form-panel{padding:25px}.form-panel h3,.preview-card h3,.checkout-section h3,.order-summary h3{margin:0;font:600 18px Outfit,sans-serif}.panel-copy{margin:7px 0 24px;color:var(--muted)}.photo-upload{display:flex;align-items:center;gap:13px;padding:14px;border:1px dashed #cbd1d8;border-radius:10px;background:#fafbfc;margin-bottom:22px}.photo-upload>span{display:grid;width:42px;height:42px;place-items:center;border-radius:9px;background:#fff0ec;color:var(--accent);font-size:20px}.photo-upload strong,.photo-upload small{display:block}.photo-upload small{margin-top:3px;color:var(--muted);font-size:11px}.photo-upload .button{margin-left:auto}.form-field{display:block}.form-field.full{grid-column:1/-1}.form-field>span{display:block;margin-bottom:6px;color:#626a75;font-size:12px;font-weight:700}.form-field input,.form-field textarea,.form-field select{width:100%;min-height:41px;padding:0 11px;border:1px solid var(--line);border-radius:7px;outline:0;background:#fff;color:#454b54;font:inherit}.form-field textarea{min-height:92px;padding:11px;resize:vertical}.money-input{display:flex;align-items:center;border:1px solid var(--line);border-radius:7px}.money-input b{padding-left:11px;color:#727985}.money-input input{border:0}.form-divider{height:1px;background:var(--line);margin:24px 0}.option-row{display:flex;justify-content:space-between;align-items:center;padding-top:15px}.option-row strong,.option-row small{display:block}.option-row small{margin-top:4px;color:var(--muted);font-size:12px}.preview-card{height:max-content;padding:19px}.preview-image{display:grid;place-items:center;height:152px;margin:13px 0;border-radius:10px;background:linear-gradient(135deg,#fff0ec,#ffe3d8);font-size:60px}.preview-card h3{font-size:16px}.preview-card p{color:var(--muted);font-size:12px;line-height:1.5}.preview-card>strong{display:block;margin:12px 0}.preview-card .button{width:100%;background:var(--accent);color:#fff}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.side-tip{height:max-content;padding:23px}.side-tip>span{display:grid;width:38px;height:38px;place-items:center;border-radius:10px;background:#fff0ec;color:var(--accent);font-size:18px}.side-tip h3{margin:17px 0 6px;font:600 16px Outfit,sans-serif}.side-tip p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.storefront{margin:-38px -42px -56px;background:#fff;min-height:calc(100vh - 72px)}.store-header{display:flex;justify-content:space-between;align-items:center;padding:16px max(28px,calc((100% - 1120px)/2));border-bottom:1px solid #eee}.store-header a{text-decoration:none;color:#555e68;font-weight:700;font-size:12px}.store-header button{margin-left:16px;padding:8px 10px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#525966;font-size:12px}.store-logo{font:700 19px Outfit,sans-serif!important;color:#242832!important}.store-logo i{display:inline-grid;width:27px;height:27px;place-items:center;border-radius:8px;background:var(--accent);color:white;font:11px DM Sans,sans-serif}.store-cover{padding:50px max(28px,calc((100% - 1120px)/2));background:linear-gradient(110deg,#32231f,#6b3429);color:#fff}.store-cover h1{margin:8px 0;font:600 34px Outfit,sans-serif}.store-cover p{color:#f3dad2}.store-cover small{color:#f9cdbf}.store-avatar{display:grid;width:58px;height:58px;place-items:center;border:3px solid #fff;border-radius:17px;background:#7954c7;font-weight:700}.store-body{max-width:1120px;padding:27px 28px 86px;margin:auto}.store-search{display:flex;align-items:center;gap:8px;max-width:470px;margin-bottom:23px;padding:0 13px;border:1px solid var(--line);border-radius:8px;color:#98a0aa}.store-search input{width:100%;height:41px;border:0;outline:0;font:inherit}.store-categories{display:flex;gap:8px;overflow:auto;margin-bottom:23px}.store-categories button{padding:9px 15px;border:1px solid var(--line);border-radius:20px;background:#fff;color:#66707c;font-size:12px;font-weight:700;white-space:nowrap}.store-categories .active{border-color:#ffe0d7;background:#fff0ec;color:var(--accent)}.store-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.menu-product{position:relative;padding:13px;border:1px solid var(--line);border-radius:12px}.menu-product>div{display:grid;place-items:center;height:135px;border-radius:8px;background:#fff2ed;font-size:54px}.menu-product h3{margin:13px 0 5px;font:600 15px Outfit,sans-serif}.menu-product p{margin:0 0 11px;color:var(--muted);font-size:11px}.menu-product strong{font-size:13px}.add-cart{position:absolute;right:13px;bottom:12px;width:29px;height:29px;border:0;border-radius:8px;background:var(--accent);color:#fff;font-size:20px}.cart-bar{position:fixed;right:32px;bottom:23px;display:flex;gap:35px;padding:14px 16px;border-radius:10px;background:#20242a;color:#fff;text-decoration:none;box-shadow:0 8px 24px #0003}.cart-bar strong{color:#ffdacf}.checkout-layout{display:grid;grid-template-columns:1fr 345px;gap:20px}.checkout-main{display:grid;gap:17px}.checkout-section{padding:21px}.choice-grid,.pay-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.pay-options{grid-template-columns:repeat(3,1fr)}.choice{min-height:67px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#68717c;text-align:left}.choice span,.choice strong,.choice small{display:block}.choice span{font-size:19px}.choice strong{margin-top:3px;color:#333941;font-size:12px}.choice small{margin-top:3px;font-size:10px}.choice.active{border:2px solid var(--accent);background:#fff8f5}.order-summary{height:max-content;padding:21px}.summary-item{display:grid;grid-template-columns:22px 1fr auto;gap:7px;padding:16px 0;border-bottom:1px solid var(--line);font-size:12px}.summary-item small{display:block;margin-top:3px;color:var(--muted)}.summary-total{display:grid;grid-template-columns:1fr auto;gap:9px;padding:17px 0;font-size:12px}.summary-total>strong{grid-column:1/-1;display:flex;justify-content:space-between;padding-top:10px;border-top:1px solid var(--line);font-size:15px}.full-button{width:100%}.track-page{display:grid;min-height:calc(100vh - 148px);place-items:center}.track-card{max-width:470px;padding:32px;text-align:center;border:1px solid var(--line);border-radius:16px;background:#fff}.track-brand{font:600 20px Outfit,sans-serif}.track-brand span{color:var(--accent)}.track-icon{display:grid;width:64px;height:64px;place-items:center;margin:25px auto 13px;border-radius:50%;background:#dff7ec;color:#159260;font-size:30px}.track-card h1{margin:5px 0 9px;font:600 27px Outfit,sans-serif}.track-card>p:not(.eyebrow){margin:0;color:var(--muted);line-height:1.55}.track-status{margin:28px 0;text-align:left}.track-status>div{position:relative;display:flex;gap:11px;min-height:48px}.track-status>div:before{content:'';position:absolute;top:21px;left:9px;width:1px;height:29px;background:#dde1e5}.track-status>div:last-child:before{display:none}.track-status i{font-style:normal;font-size:17px;color:#b5bcc5}.track-status span{font-weight:700;font-size:12px}.track-status small{display:block;margin-top:3px;color:var(--muted);font-weight:500}.track-status .done i,.track-status .current i{color:var(--green)}.track-footer{display:flex;justify-content:space-between;padding:14px;border-radius:9px;background:#f7f8fa;font-size:12px}.track-footer strong{font-size:12px}.track-card>.button{margin-top:18px}.onboarding{max-width:690px;padding:32px;margin:auto}.onboarding h2{margin:8px 0;font:600 26px Outfit,sans-serif}.onboarding>p:not(.eyebrow){margin:0 0 26px;color:var(--muted)}.steps{display:flex;align-items:center;margin-bottom:32px}.steps b{display:grid;width:27px;height:27px;place-items:center;border-radius:50%;background:#e7eaed;color:#89919c;font-size:11px}.steps b.active{background:var(--accent);color:#fff}.steps i{height:2px;flex:1;background:#e7eaed}@media(max-width:900px){.form-layout,.form-layout.narrow,.checkout-layout{grid-template-columns:1fr}.store-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.form-layout{display:block}.preview-card,.side-tip{margin-top:15px}.photo-upload{align-items:flex-start;flex-wrap:wrap}.photo-upload .button{margin-left:55px}.storefront{margin:-24px -18px -56px}.store-header{padding:13px 18px}.store-cover{padding:34px 18px}.store-cover h1{font-size:28px}.store-body{padding:21px 18px 90px}.store-grid{grid-template-columns:1fr}.cart-bar{right:16px;left:16px;justify-content:space-between;gap:4px;font-size:11px}.choice-grid{grid-template-columns:1fr}.pay-options{grid-template-columns:1fr 1fr 1fr}.track-card{padding:25px 19px}.onboarding{padding:23px 18px}.extra-heading{margin-bottom:22px}}
