
.create-luxury main{background:radial-gradient(ellipse at 50% 15%,#f0e1fa 0,#ddc4ee 55%,#b692d2 100%);background-image:url('assets/luxury-silver-flourish.svg'),url('assets/luxury-silver-flourish.svg'),radial-gradient(ellipse at 50% 15%,#f0e1fa 0,#ddc4ee 55%,#b692d2 100%);background-position:left 10px top 150px,right 10px top 150px,center;background-size:110px 320px,110px 320px,cover;background-repeat:no-repeat}
.create-luxury .create-intro{background:linear-gradient(110deg,#b793d0,#e5d1f1 50%,#b793d0);border-left-color:#713391;border-bottom:2px solid #e6dbea}.create-luxury .create-intro h1{color:#270432;text-shadow:0 1px 0 #fff8}.create-luxury .create-intro em{color:#632886}.create-luxury .create-intro .eyebrow{color:#48135f}.create-luxury .create-status{background:#f1e5fa;color:#48135f;border:1px solid #c4a8d5;border-radius:8px}
.create-luxury .create-step,.create-luxury .create-summary{border:3px solid transparent;border-radius:18px;background:linear-gradient(130deg,#f5ebfc,#e9d7f5) padding-box,linear-gradient(135deg,#fff,#a899b2 20%,#fefcff 42%,#9f8aaf 68%,#fff) border-box;box-shadow:0 7px 20px #47136627}.create-luxury .create-step legend{color:#4b1766;background:#e7d2f2;border:1px solid #c6add6;border-radius:8px;padding:6px 12px}.create-luxury .create-step legend span{color:#6a397f}.create-luxury .create-step p,.create-luxury .create-summary p{color:#51345f}.create-luxury .create-step label{color:#321044}.create-luxury .create-step select,.create-luxury .create-step textarea{background:#faf4ff;color:#321044;border:1px solid #a481b8;border-radius:8px;box-shadow:inset 0 1px 4px #4b1a6510}.create-luxury .create-step select:focus-visible,.create-luxury .create-step textarea:focus-visible{outline-color:#8c4bb1}.create-luxury .create-summary h2,.create-luxury .create-summary dt,.create-luxury .create-summary .eyebrow{color:#4b1766}.create-luxury .create-summary dd{color:#321044}.create-luxury .create-summary h2::after{content:'✧';color:#fff;margin-left:14px;text-shadow:0 1px 2px #704988}.create-luxury .create-summary .button{background:linear-gradient(#82509b,#4b1865);color:#fff;border:2px solid #d9cfdf;border-radius:9px;box-shadow:0 2px 3px #44205420}.create-luxury .create-summary .button:hover{background:linear-gradient(#9057ae,#5d207b)}.create-luxury .create-summary .link{color:#531573;border-bottom-color:#9872af}
@media(max-width:700px){.create-luxury main{background-size:45px 150px,45px 150px,cover}.create-luxury .create-step legend{font-size:1.25rem}}

/* Reuse the approved header and compact footer exactly. */
.create-luxury .draft{background:linear-gradient(90deg,#3a0956,#7d389b,#3a0956);color:#fff;border-bottom:2px solid #ded3e9}.create-luxury .draft span{color:#f1ddff}
.create-luxury header{background:linear-gradient(115deg,#572070,#8f4dae 48%,#4a145f);border-bottom:3px solid #dad2e3;box-shadow:0 3px 0 #896b9e,0 7px 18px #37104735}.create-luxury .brand-name{color:#fff;text-shadow:0 1px 2px #280432}.create-luxury header .mark{border-right-color:#d4b9e6}.create-luxury nav{border-top-color:#c9a5de}.create-luxury nav a{font-family:Georgia,serif;color:#fff}.create-luxury nav a[aria-current],.create-luxury nav a:hover{color:#fff;border-color:#efe4f8;text-shadow:0 0 12px #d5a5f9}.create-luxury nav a[aria-current]{font-weight:bold}
.create-luxury footer{background:linear-gradient(110deg,#b28bd0,#d4b7e9 50%,#b28bd0);border-top:3px solid #e9e0f0;box-shadow:0 -1px 0 #9274a6;padding:24px 7%;gap:16px 35px}.create-luxury footer p,.create-luxury footer .copyright{color:#3d224d}.create-luxury footer a,.create-luxury footer .footer-mark{color:#321244}.create-luxury footer .copyright{border-top-color:#9f7eb4}
@media(max-width:700px){.create-luxury footer{padding:22px 6%;gap:14px}.create-luxury #menu{background:#eee0f8;color:#401153}}

/* Compact only the Build Your Own Candle introduction. */
.create-luxury .intro.create-intro{padding-top:26px;padding-bottom:20px}.create-luxury .create-intro .eyebrow{margin-bottom:12px}.create-luxury .create-intro .lead{margin:14px 0 10px}.create-luxury .create-intro .create-status{margin:8px 0 10px;padding:9px 14px}.create-luxury .create-intro .fine{margin:6px 0 0}@media(max-width:700px){.create-luxury .intro.create-intro{padding-top:22px;padding-bottom:18px}.create-luxury .create-intro .lead{margin:12px 0 8px}}

/* Compact label/value summary only; existing selection IDs and logic retained. */
.create-luxury .create-summary{padding:20px;min-width:0;max-width:100%}.create-luxury .create-summary>p{margin:10px 0}.create-luxury .create-summary>.eyebrow{margin:0 0 10px}.create-luxury .create-summary>dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.65fr);gap:0 12px;margin:12px 0;font-size:.9rem;line-height:1.45}.create-luxury .create-summary>dl>dt,.create-luxury .create-summary>dl>dd{min-width:0;margin:0;padding:6px 0;border-bottom:1px solid #cdb5dc;overflow-wrap:anywhere;white-space:normal}.create-luxury .create-summary>dl>dt{font-size:inherit;letter-spacing:0;text-transform:none;font-weight:600}.create-luxury .create-summary>dl>dt:last-of-type,.create-luxury .create-summary>dl>dd:last-of-type{border-bottom:0;font-weight:700}.create-luxury .create-summary>dl>#gift-message-summary{white-space:pre-wrap}.create-luxury .create-summary>.fine{margin:9px 0}.create-luxury .create-summary>#create-add-cart{max-width:100%;margin:4px 0;white-space:normal}.create-luxury .create-summary>.link{display:inline-block;max-width:100%;overflow-wrap:anywhere}@media(max-width:700px){.create-luxury .create-summary{padding:16px}.create-luxury .create-summary>dl{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);column-gap:10px}.create-luxury .create-summary>#create-add-cart{width:100%}}

/* Four existing customization steps in a compact 2 by 2 grid. */
body.create-luxury main .create-layout{grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:24px;align-items:start}
body.create-luxury main .create-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-width:0}
body.create-luxury main .create-step{margin:0;padding:14px;min-width:0}
body.create-luxury main .create-step p{margin:8px 0;font-size:.875rem}
body.create-luxury main .create-step select,body.create-luxury main .create-step textarea{width:100%;min-width:0;box-sizing:border-box}
@media(max-width:950px){body.create-luxury main .create-layout{grid-template-columns:minmax(0,1fr)} }
@media(max-width:600px){body.create-luxury main .create-steps{grid-template-columns:minmax(0,1fr)}}
