:root{color-scheme:dark;--bg:#06111a;--panel:#0a1721;--panel-2:#0d1b26;--line:#253746;--text:#f6f4ee;--muted:#90a0ad;--gold:#e4b96d;--gold-2:#f8dfa9;--gold-soft:rgba(228,185,109,.12);--radius:20px;font-family:Inter,"Segoe UI",Tahoma,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at 10% 0,#123348 0,transparent 27%),radial-gradient(circle at 100% 30%,#102432 0,transparent 30%),var(--bg);padding:18px 12px 52px}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.phone-shell{width:min(100%,780px);margin:auto}.hero{display:grid;grid-template-columns:42px 44px 1fr auto;align-items:center;gap:11px;padding:8px 5px 20px;direction:ltr}.hero button{color:var(--gold-2)}.back-button,.language-button{border:0;background:transparent;cursor:pointer}.back-button{width:42px;height:42px}.back-button svg{width:28px;height:28px}.brand-mark{width:44px;height:44px;display:grid;place-items:center}.brand-mark img{width:44px;height:44px;object-fit:contain;filter:invert(89%) sepia(29%) saturate(705%) hue-rotate(344deg) brightness(101%) contrast(95%)}.hero>div:nth-child(3){direction:ltr}.eyebrow{margin:0;color:var(--gold);text-transform:uppercase;font-weight:700;font-size:11px;letter-spacing:.15em}.hero h1{font:700 clamp(24px,5vw,38px) Georgia,serif;margin:1px 0 4px;color:#fff}.hero h1 span{font-family:"Segoe UI",Tahoma,sans-serif;font-weight:500;color:var(--gold-2)}.hero p:last-child{margin:0;color:var(--muted);font-size:12px}.hero p b{color:var(--gold)}.language-button{direction:ltr;border:1px solid var(--line)!important;border-radius:999px!important;padding:8px 10px!important;font-size:11px!important;white-space:nowrap}.language-button span{color:var(--muted)}form{display:grid;gap:12px}.panel{background:linear-gradient(150deg,rgba(14,30,41,.96),rgba(7,18,27,.98));border:1px solid rgba(78,101,117,.43);border-radius:var(--radius);padding:18px;box-shadow:0 18px 46px rgba(0,0,0,.18)}.field-label,.section-heading{display:flex;align-items:baseline;gap:5px;font-weight:700;font-size:14px;color:var(--gold-2);margin-bottom:9px;direction:ltr}.field-label span,.section-heading b,.field-label b{color:#fff;font-weight:600}.field-label small,.section-heading small{margin-inline-start:auto;color:var(--muted);font-weight:500}.input-wrap,.textarea-wrap{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:13px;background:#09151f;padding:0 13px;transition:.2s}.input-wrap:focus-within,.textarea-wrap:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px rgba(228,185,109,.1)}.input-wrap svg,.textarea-wrap svg{width:20px;height:20px;stroke:var(--gold);fill:none;stroke-width:1.7;flex:none}.input-wrap input,.dimension-grid input,.textarea-wrap textarea{width:100%;border:0;outline:0;background:transparent;color:#fff;font:inherit;padding:13px 0;direction:ltr}.textarea-wrap{align-items:flex-start}.textarea-wrap svg{margin-top:15px}.textarea-wrap textarea{resize:vertical;direction:rtl;line-height:1.7}.section-heading{margin-top:18px}.section-heading:first-child{margin-top:0}.photo-strip{display:grid;grid-template-columns:1.15fr repeat(3,1fr);gap:10px;direction:ltr;overflow:hidden}.photo-strip>img,.photo-preview{width:100%;height:126px;object-fit:cover;border-radius:13px;border:1px solid var(--line);background:#0c1b25}.upload-card{height:126px;border:1px dashed #657583;border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#d6dee3;cursor:pointer;text-align:center}.upload-card:hover{border-color:var(--gold);background:var(--gold-soft)}.upload-card input{display:none}.upload-card svg{width:28px;height:28px;stroke:var(--gold-2);fill:none;stroke-width:1.5}.upload-card strong{font-size:12px}.upload-card span{font-size:11px}.upload-card small{font-size:9px;color:var(--muted)}.choice-grid{display:grid;gap:10px;direction:ltr}.category-grid,.size-grid{grid-template-columns:repeat(4,1fr)}button{font:inherit}.choice,.segmented button,.mini-options button{position:relative;border:1px solid var(--line);border-radius:13px;background:#09151f;color:#e6edf1;cursor:pointer;transition:.18s}.choice{min-height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:9px 5px}.choice>svg{width:30px;height:30px;stroke:#c5d0d6;fill:none;stroke-width:1.4;margin-bottom:5px}.choice strong{font-size:12px}.choice span{font-size:11px;color:var(--muted);direction:rtl}.choice i{position:absolute;right:7px;top:7px;width:18px;height:18px;background:var(--gold);border-radius:50%;display:grid;place-items:center}.choice i svg{width:13px;height:13px;stroke:#121212;fill:none;stroke-width:3}.choice.selected,.segmented button.selected,.mini-options button.selected{border-color:var(--gold);background:linear-gradient(135deg,rgba(228,185,109,.16),rgba(228,185,109,.04));box-shadow:inset 0 0 0 1px rgba(228,185,109,.36)}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:10px;direction:ltr}.segmented button{display:flex;align-items:center;justify-content:center;gap:9px;padding:13px}.segmented svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.5}.segmented strong{font-size:12px}.segmented span{color:var(--muted)}.segmented .selected{color:var(--gold-2)}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;direction:ltr}.two-columns>label{min-width:0}.dimension-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;direction:ltr}.dimension-grid label{border:1px solid var(--line);border-radius:12px;padding:8px 12px;background:#09151f}.dimension-grid span{font-size:10px;color:#c4cdd4}.dimension-grid input{padding:6px 0 2px}.guide-card{border:1px solid rgba(228,185,109,.45);border-radius:14px;background:linear-gradient(135deg,rgba(228,185,109,.12),rgba(228,185,109,.04));padding:12px;margin-top:12px;text-align:center}.guide-card>div:first-child{display:flex;justify-content:center;gap:6px;color:var(--gold-2);font-size:12px}.guide-grid{display:grid;grid-template-columns:repeat(4,1fr);direction:ltr;margin:11px 0;border-block:1px solid rgba(228,185,109,.22)}.guide-grid span{padding:8px 4px;font-size:9px;border-inline-end:1px solid rgba(228,185,109,.18)}.guide-grid b{display:block;color:#fff;font-size:10px;margin-bottom:3px}.guide-card>small{font-size:9px;color:#d7c9ae}.guide-card.compact{display:flex;flex-direction:column;gap:5px;text-align:right}.detail-grid{display:grid;grid-template-columns:1.1fr 1fr .85fr;gap:14px;margin-top:18px;direction:ltr}.swatches{display:flex;align-items:center;gap:7px;min-height:43px}.swatches button{width:24px;height:24px;padding:0;border:2px solid #64727e;border-radius:50%;background:var(--swatch);cursor:pointer}.swatches button.selected{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--gold)}.mini-options{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;direction:ltr}.mini-options button{padding:7px 4px;font-size:9px}.mini-options small{display:block;color:var(--muted);font-size:8px;margin-top:2px;direction:rtl}.bottom-grid{display:grid;grid-template-columns:2fr .7fr;gap:14px;margin-top:18px;direction:ltr}.quantity{height:43px;border:1px solid var(--line);border-radius:12px;display:grid;grid-template-columns:42px 1fr 42px;align-items:center;text-align:center;background:#09151f}.quantity button{height:100%;border:0;background:transparent;color:var(--gold-2);font-size:22px;cursor:pointer}.quantity output{font-weight:700}.final-panel{padding-bottom:16px}.submit-button{min-height:62px;border:1px solid #ffd899;border-radius:16px;background:linear-gradient(115deg,#e6b968,#ffe7b7 47%,#d8a857);color:#15110b;font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;box-shadow:0 12px 35px rgba(228,185,109,.22)}.submit-button:active{transform:translateY(1px)}.submit-button svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8}.submit-button b{font-weight:800}.privacy-note{text-align:center;color:#71828f;font-size:9px;margin:0 0 12px}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,120px);opacity:0;background:#fff;color:#07111a;padding:12px 18px;border-radius:999px;font-weight:700;font-size:12px;box-shadow:0 14px 45px rgba(0,0,0,.35);transition:.25s;z-index:10}.toast.show{transform:translate(-50%,0);opacity:1}[hidden]{display:none!important}@media(max-width:620px){body{padding:8px 8px 36px}.hero{grid-template-columns:34px 36px 1fr auto;gap:7px;padding-bottom:14px}.back-button{width:34px;height:34px}.brand-mark{width:36px;height:36px;font-size:24px}.hero h1{font-size:23px}.hero p:last-child{font-size:9px}.language-button{padding:6px 7px!important}.panel{padding:13px;border-radius:16px}.photo-strip{grid-template-columns:1.15fr repeat(3,1fr);gap:6px}.photo-strip>img,.upload-card,.photo-preview{height:94px}.category-grid,.size-grid{gap:6px}.choice{min-height:82px}.choice>svg{width:25px;height:25px}.two-columns{gap:8px}.detail-grid{grid-template-columns:1fr 1fr}.detail-grid>div:last-child{grid-column:1/-1}.bottom-grid{grid-template-columns:1fr}.guide-grid{grid-template-columns:1fr 1fr}.guide-grid span:nth-child(2){border-inline-end:0}.dimension-grid{gap:6px}.dimension-grid label{padding:7px}.field-label,.section-heading{font-size:12px}.submit-button{font-size:12px;min-height:56px}}@media(max-width:380px){.hero .brand-mark{display:none}.hero{grid-template-columns:32px 1fr auto}.photo-strip{grid-template-columns:1.15fr repeat(2,1fr)}.photo-strip>img:last-child{display:none}.choice strong{font-size:10px}.choice span{font-size:9px}.segmented strong{font-size:10px}.two-columns{grid-template-columns:1fr}.category-grid{grid-template-columns:1fr 1fr}.size-grid{grid-template-columns:1fr 1fr}.dimension-grid{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}.detail-grid>div:last-child{grid-column:auto}}
.photo-preview-wrap{position:relative;height:126px;min-width:0}.photo-preview-wrap .photo-preview{height:100%;display:block}.remove-photo{position:absolute;top:7px;right:7px;width:27px;height:27px;border:1px solid rgba(255,255,255,.65);border-radius:50%;background:rgba(5,12,18,.88);color:#fff;font-size:20px;line-height:23px;display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.35)}.remove-photo:hover{background:#b3261e;border-color:#fff}@media(max-width:620px){.photo-preview-wrap{height:94px}.remove-photo{top:5px;right:5px;width:25px;height:25px}}.optional-text-input{width:100%;margin-top:8px;border:1px solid var(--line);border-radius:11px;background:#09151f;color:#fff;font:inherit;font-size:11px;padding:10px 11px;outline:0;direction:auto}.optional-text-input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(228,185,109,.1)}.photo-strip img{cursor:zoom-in}.lightbox-open{overflow:hidden}.image-lightbox{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:22px;background:rgba(0,7,12,.92);backdrop-filter:blur(7px)}.image-lightbox[hidden]{display:none}.image-lightbox img{max-width:min(92vw,880px);max-height:86vh;object-fit:contain;border-radius:16px;box-shadow:0 24px 70px rgba(0,0,0,.55)}.lightbox-close{position:fixed;top:max(16px,env(safe-area-inset-top));right:16px;width:44px;height:44px;border:1px solid rgba(255,255,255,.65);border-radius:50%;background:rgba(7,17,26,.9);color:#fff;font-size:30px;line-height:1;display:grid;place-items:center;cursor:pointer}