@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg: #FAF9F5;--bg-card: #FFFFFF;--primary: #4d1800;--primary-light: #5C3A2E;--copper: #994f2e;--pink: #F5D0D0;--pink-deep: #EFC0C0;--gold: #C8A96E;--text: #141413;--text-mid: #504138;--text-light: #8c8277;--border: #E5E0DA;--border-hover: #c0b5aa;--white: #FFFFFF;--error: #C0392B;--success: #27AE60;--shadow-sm: 0 1px 4px rgba(77,24,0,.06);--shadow: 0 2px 16px rgba(77,24,0,.08);--shadow-lg: 0 8px 32px rgba(77,24,0,.12);--radius: 12px;--radius-sm: 8px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased}.order-page{position:relative;min-height:100vh;padding:32px 20px 100px;display:flex;justify-content:center;overflow:hidden}.floral-corner{position:fixed;z-index:0;pointer-events:none;opacity:1}.floral-tl{top:-20px;left:-20px;width:280px;height:auto}.floral-br{bottom:-20px;right:-20px;width:240px;height:auto;transform:scaleX(-1)}.order-container{position:relative;z-index:1;width:100%;max-width:720px}.order-header{text-align:center;margin-bottom:32px}.order-logo{width:200px;margin-bottom:16px;opacity:.9}.order-header-label{font-family:Playfair Display,Georgia,serif;font-size:13px;font-weight:400;font-style:italic;color:var(--copper);letter-spacing:2px;margin-bottom:8px}.order-header-title{font-family:Playfair Display,Georgia,serif;font-size:48px;font-weight:700;color:var(--primary);margin-bottom:12px;line-height:1.05}.order-header-desc{font-size:14px;color:var(--text-light);max-width:440px;margin:0 auto 20px;line-height:1.6}.order-deadline-banner{display:inline-block;background:var(--pink);color:var(--primary);font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;padding:10px 28px;border-radius:40px}.step-progress{display:flex;justify-content:center;gap:6px;margin-bottom:32px;flex-wrap:wrap}.step-pip{display:flex;flex-direction:column;align-items:center;gap:5px;cursor:default;opacity:.3;transition:opacity .3s}.step-pip.active,.step-pip.done{opacity:1}.step-pip.done{cursor:pointer}.pip-circle{width:36px;height:36px;border-radius:50%;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:var(--text-light);background:var(--white);transition:all .3s}.step-pip.active .pip-circle{background:var(--primary);border-color:var(--primary);color:var(--white)}.step-pip.done .pip-circle{background:var(--copper);border-color:var(--copper);color:var(--white)}.pip-label{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:var(--text-light);text-align:center;max-width:72px}.step-pip.active .pip-label{color:var(--primary);font-weight:700}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:40px 36px;box-shadow:var(--shadow);margin-bottom:20px}.card-title{font-family:Playfair Display,Georgia,serif;font-size:28px;font-weight:700;color:var(--primary);margin-bottom:8px}.card-subtitle{font-size:14px;color:var(--text-light);line-height:1.6;margin-bottom:28px}.type-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.type-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;padding:28px 16px;background:var(--bg);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:center;transition:all .3s ease;overflow:hidden}.type-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:transparent;transition:background .3s}.type-card:hover{border-color:var(--copper);box-shadow:var(--shadow)}.type-card.selected{border-color:var(--primary);background:var(--white);box-shadow:var(--shadow-lg)}.type-card.selected:before{background:var(--copper)}.type-card-img{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid var(--pink)}.type-card-text{display:flex;flex-direction:column;gap:4px}.type-card-name{font-family:Playfair Display,serif;font-size:18px;font-weight:600;color:var(--primary)}.type-card-desc{font-size:13px;color:var(--text-light);line-height:1.4}.field{margin-bottom:22px}.field label{display:block;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--text-mid);margin-bottom:8px}.req{color:var(--copper)}.optional{font-weight:400;text-transform:none;letter-spacing:0;color:var(--text-light);font-size:11px}.field input,.field textarea,.field select{width:100%;padding:14px 16px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:15px;font-family:Inter,sans-serif;color:var(--text);background:var(--bg);transition:border-color .2s,box-shadow .2s}.field input:focus,.field textarea:focus{outline:none;border-color:var(--copper);box-shadow:0 0 0 3px #994f2e1a;background:var(--white)}.field textarea{resize:vertical;min-height:80px;line-height:1.5}.hint{display:block;font-size:12px;color:var(--text-light);margin-top:6px;font-style:italic}.field-row{display:flex;gap:16px}.field-row .field{flex:1}.field-row.thirds .field.grow{flex:2}.field-row.thirds .field.small{flex:0 0 100px}.product-select-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:8px}.product-select-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 12px 16px;background:var(--bg);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:center;transition:all .3s}.product-select-card:hover{border-color:var(--copper);box-shadow:var(--shadow);transform:translateY(-2px)}.product-select-card.selected{border-color:var(--primary);background:var(--white);box-shadow:var(--shadow-lg)}.product-select-img{width:90px;height:90px;border-radius:50%;object-fit:cover;border:3px solid var(--pink);background:var(--pink)}.product-select-name{font-family:Playfair Display,serif;font-size:15px;font-weight:600;color:var(--primary)}.product-select-sub{font-size:11px;color:var(--text-light)}.product-select-price{font-size:14px;font-weight:600;color:var(--gold)}.sub-options{margin-top:24px;padding-top:24px;border-top:1px solid var(--border)}.sub-heading{font-family:Inter,sans-serif;font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-light);margin:20px 0 10px}.sub-heading:first-child{margin-top:0}.chip-row{display:flex;gap:10px;flex-wrap:wrap}.chip{background:var(--bg);border:2px solid var(--border);border-radius:40px;padding:10px 22px;font-size:14px;font-weight:500;color:var(--text-mid);cursor:pointer;font-family:Inter,sans-serif;transition:all .2s}.chip:hover{border-color:var(--copper);color:var(--primary)}.chip.selected{background:var(--primary);border-color:var(--primary);color:var(--white)}.chip.wide{flex:1;min-width:180px;text-align:center}.size-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.size-tile{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 10px;background:var(--bg);border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.size-tile:hover{border-color:var(--copper);box-shadow:var(--shadow-sm)}.size-tile.selected{background:var(--primary);border-color:var(--primary);color:var(--white)}.size-dim{font-size:15px;font-weight:600}.size-cost{font-size:13px;font-weight:500;opacity:.75}.personalize-grid{display:flex;flex-direction:column;gap:12px}.personalize-card{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--bg);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;transition:all .3s}.personalize-card:hover{border-color:var(--copper);box-shadow:var(--shadow-sm)}.personalize-card.selected{border-color:var(--primary);background:var(--white);box-shadow:var(--shadow)}.personalize-img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid var(--pink);flex-shrink:0}.personalize-info{flex:1;min-width:0}.personalize-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.personalize-name{font-family:Playfair Display,serif;font-size:16px;font-weight:600;color:var(--primary)}.personalize-price{font-size:14px;font-weight:600;color:var(--gold);flex-shrink:0}.personalize-desc{font-size:13px;color:var(--text-light);line-height:1.5}.drop-area{border:2px dashed var(--border);border-radius:var(--radius);padding:36px 20px;text-align:center;cursor:pointer;transition:all .3s;background:var(--bg)}.drop-area:hover,.drop-area.active{border-color:var(--copper);background:#994f2e08}.drop-inner{display:flex;flex-direction:column;align-items:center;gap:8px}.drop-icon{width:40px;height:40px;color:var(--text-light)}.drop-text{font-size:14px;font-weight:500;color:var(--text-mid)}.drop-hint{font-size:12px;color:var(--text-light)}.previews{display:flex;gap:12px;margin-top:16px}.preview{position:relative;width:80px;height:80px;border-radius:var(--radius-sm);overflow:hidden;border:2px solid var(--border)}.preview img{width:100%;height:100%;object-fit:cover}.preview-remove{position:absolute;top:2px;right:2px;width:22px;height:22px;border-radius:50%;background:var(--primary);color:var(--white);border:none;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;line-height:1}.delivery-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.delivery-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 14px;background:var(--bg);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:center;transition:all .2s}.delivery-card:hover{border-color:var(--copper)}.delivery-card.selected{border-color:var(--primary);background:var(--white);box-shadow:var(--shadow)}.delivery-icon{font-size:24px}.delivery-label{font-size:13px;font-weight:500;color:var(--text-mid);line-height:1.4}.shipping-fields{margin-top:8px}.summary{background:linear-gradient(135deg,var(--bg) 0%,#f5efe8 100%);border:1px solid var(--border);border-radius:var(--radius);padding:28px;margin-top:28px}.summary-heading{font-family:Playfair Display,serif;font-size:18px;font-weight:600;color:var(--primary);margin-bottom:16px}.summary-line{display:flex;justify-content:space-between;padding:9px 0;font-size:14px;color:var(--text-mid);border-bottom:1px solid var(--border)}.summary-line.total{border-bottom:none;border-top:2px solid var(--primary);margin-top:8px;padding-top:14px;font-size:20px;font-weight:700;color:var(--primary);font-family:Playfair Display,serif}.summary-note{font-size:12px;color:var(--text-light);margin-top:14px;line-height:1.5;font-style:italic}.nav-bar{display:flex;justify-content:space-between;gap:12px;margin-top:20px}.btn-back{background:none;border:2px solid var(--border);border-radius:var(--radius-sm);padding:14px 28px;font-size:14px;font-weight:500;color:var(--text-mid);cursor:pointer;font-family:Inter,sans-serif;transition:all .2s}.btn-back:hover{border-color:var(--copper);color:var(--primary)}.btn-next{background:var(--primary);border:none;border-radius:var(--radius-sm);padding:14px 40px;font-size:14px;font-weight:600;color:var(--white);cursor:pointer;font-family:Inter,sans-serif;margin-left:auto;transition:all .2s;letter-spacing:.5px}.btn-next:hover{background:var(--primary-light);box-shadow:var(--shadow)}.btn-next:disabled,.btn-pay:disabled{opacity:.35;cursor:not-allowed}.btn-pay{flex:1;background:var(--primary);border:none;border-radius:var(--radius-sm);padding:18px 24px;font-size:15px;font-weight:700;color:var(--white);cursor:pointer;font-family:Inter,sans-serif;letter-spacing:.5px;transition:all .2s}.btn-pay:hover:not(:disabled){background:var(--primary-light);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.trust-line{text-align:center;font-size:12px;color:var(--text-light);margin-top:16px}.error-msg{color:var(--error);font-size:14px;text-align:center;padding:14px;background:#fdf0ef;border-radius:var(--radius-sm);margin-top:16px;border:1px solid rgba(192,57,43,.2)}.fade-in{animation:fadeIn .35s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.success-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;text-align:center;background:var(--bg)}.success-container{max-width:500px}.success-icon{font-size:64px;margin-bottom:20px}.success-title{font-family:Playfair Display,serif;font-size:36px;color:var(--primary);margin-bottom:16px}.success-text{font-size:16px;color:var(--text-light);line-height:1.7;margin-bottom:32px}.btn-home{display:inline-block;background:var(--primary);color:var(--white);padding:14px 32px;border-radius:var(--radius-sm);text-decoration:none;font-weight:600;font-size:14px;letter-spacing:.5px;transition:all .2s}.btn-home:hover{background:var(--primary-light);box-shadow:var(--shadow)}@media (max-width: 640px){.order-page{padding:16px 12px 80px}.card{padding:28px 20px}.order-header-title{font-size:36px}.order-logo{width:160px}.type-grid{grid-template-columns:1fr}.product-select-grid{grid-template-columns:1fr;gap:10px}.product-select-card{flex-direction:row;padding:14px 16px;gap:14px;text-align:left}.product-select-img{width:64px;height:64px}.field-row{flex-direction:column;gap:0}.field-row.thirds{flex-direction:row;flex-wrap:wrap}.field-row.thirds .field.grow{flex:1 1 100%}.field-row.thirds .field.small{flex:1 1 45%}.size-grid{grid-template-columns:repeat(3,1fr)}.chip.wide{min-width:100%}.step-progress{gap:4px}.pip-label{font-size:8px;max-width:56px}.pip-circle{width:30px;height:30px;font-size:12px}.delivery-grid{grid-template-columns:1fr}.floral-tl{width:160px;top:-10px;left:-10px}.floral-br{width:140px;bottom:-10px;right:-10px}.personalize-card{flex-direction:column;text-align:center}.personalize-top{flex-direction:column;gap:4px}}