/* ES FASHIONS v12 — Commission Configurator */
.v12-config-hero{position:relative;min-height:78vh;display:flex;align-items:flex-end;background:#0b0a09;color:#fff;overflow:hidden}.v12-config-hero-media,.v12-config-hero-overlay{position:absolute;inset:0}.v12-config-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 28%;filter:saturate(.92) contrast(1.04)}.v12-config-hero-overlay{background:linear-gradient(90deg,rgba(8,7,6,.9) 0%,rgba(8,7,6,.62) 42%,rgba(8,7,6,.16) 76%),linear-gradient(0deg,rgba(8,7,6,.78),transparent 48%)}.v12-config-hero-inner{position:relative;z-index:2;padding-top:170px;padding-bottom:86px;max-width:1320px}.v12-config-hero h1{font-family:'Playfair Display',serif;font-size:clamp(3.2rem,7vw,7.7rem);line-height:.87;letter-spacing:-.055em;margin:.2em 0 .18em;max-width:900px}.v12-config-hero p{max-width:700px;color:rgba(255,255,255,.74);font-size:1.05rem;line-height:1.75}
.v12-source-strip{background:#e7d6ba;border-bottom:1px solid rgba(11,10,9,.14);position:sticky;top:116px;z-index:18}.v12-source-strip>.container{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:15px;padding-bottom:15px}.v12-source-copy{display:grid;grid-template-columns:auto 1fr;column-gap:16px;align-items:center}.v12-source-copy>span{grid-row:1/3;font-size:.68rem;letter-spacing:.18em}.v12-source-copy strong{font-size:.95rem}.v12-source-copy small{opacity:.7}.v12-source-actions{display:flex;gap:8px}.v12-source-actions button{border:1px solid rgba(11,10,9,.18);background:transparent;padding:9px 12px;border-radius:999px;font:inherit;font-size:.76rem;cursor:pointer}
.v12-config-section{background:#f5efe7}.v12-config-layout{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.55fr);gap:42px;align-items:start}.v12-config-preview{position:sticky;top:190px;min-width:0}.v12-preview-frame{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:26px;background:#161310}.v12-preview-frame img{width:100%;height:100%;object-fit:cover;display:block}.v12-preview-frame>span{position:absolute;left:16px;top:16px;padding:9px 12px;border-radius:999px;background:rgba(12,10,8,.72);backdrop-filter:blur(8px);color:#fff;font-size:.66rem;letter-spacing:.13em}.v12-preview-copy{padding:22px 2px}.v12-preview-copy h2{font-family:'Playfair Display',serif;font-size:2.15rem;margin:6px 0 18px}.v12-live-summary{display:grid;gap:0;border-top:1px solid rgba(11,10,9,.12)}.v12-live-summary>div{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid rgba(11,10,9,.1)}.v12-live-summary span{font-size:.76rem;color:#75685f}.v12-live-summary strong{text-align:right;font-size:.82rem}.v12-live-summary p{color:#75685f;line-height:1.6}.v12-preview-colour{display:flex;align-items:center;gap:10px;margin-top:16px;font-size:.78rem}.v12-preview-colour i{width:28px;height:28px;border-radius:50%;border:1px solid rgba(11,10,9,.18);display:block;background:#d7c6ae}
.v12-config-workspace{background:#fff;border:1px solid rgba(11,10,9,.08);border-radius:32px;padding:30px;box-shadow:0 30px 80px rgba(43,30,19,.07);min-width:0}.v12-progress-head{display:flex;justify-content:space-between;align-items:end;gap:20px}.v12-progress-head>div{display:flex;flex-direction:column;gap:3px}.v12-progress-head span{font-size:.7rem;letter-spacing:.17em;color:#8a6642}.v12-progress-head strong{font-size:1rem}.v12-progress-head button{border:0;background:none;text-decoration:underline;cursor:pointer;font:inherit;font-size:.78rem}.v12-progress-track{height:3px;background:#eee3d5;margin:15px 0 34px;overflow:hidden}.v12-progress-track i{display:block;height:100%;width:12.5%;background:#8b673e;transition:width .35s ease}.v12-step{display:none}.v12-step.active{display:block;animation:v12in .34s ease}.v12-step h2{font-family:'Playfair Display',serif;font-size:clamp(2.15rem,4vw,4rem);line-height:1;margin:8px 0 12px;letter-spacing:-.035em}.v12-step>p{max-width:720px;color:#75685f;line-height:1.7;margin-bottom:28px}@keyframes v12in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.v12-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.v12-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v12-project-option,.v12-fit-option{appearance:none;border:1px solid #e4d9cb;background:#faf7f2;border-radius:20px;padding:20px;text-align:left;cursor:pointer;display:grid;gap:7px;transition:.2s}.v12-project-option:hover,.v12-project-option.active,.v12-fit-option:hover,.v12-fit-option.active{border-color:#8b673e;background:#f1e5d4;transform:translateY(-2px)}.v12-project-option>span{font-size:1.45rem}.v12-project-option strong,.v12-fit-option strong{font-size:.96rem}.v12-project-option small{color:#75685f;line-height:1.45}.v12-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.v12-field{display:grid;gap:8px;margin-bottom:18px}.v12-field label,.v12-choice-block>label{font-size:.76rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#51463e}.v12-field input,.v12-field select,.v12-field textarea{width:100%;border:1px solid #ddd0c1;background:#fff;border-radius:14px;padding:14px 15px;font:inherit;font-size:16px;color:#15120f;outline:none}.v12-field textarea{min-height:120px;resize:vertical}.v12-field input:focus,.v12-field select:focus,.v12-field textarea:focus{border-color:#8b673e;box-shadow:0 0 0 3px rgba(139,103,62,.09)}.v12-choice-block{margin:22px 0}.v12-pill-grid{display:flex;flex-wrap:wrap;gap:9px;margin-top:10px}.v12-pill-grid button{border:1px solid #ded2c3;background:#fff;border-radius:999px;padding:10px 13px;font:inherit;font-size:.78rem;cursor:pointer}.v12-pill-grid button.active{background:#171411;color:#fff;border-color:#171411}.v12-fit-option{display:flex;align-items:center;gap:12px}.v12-fit-option>span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#ece3d8;color:#8b673e}.v12-fit-option.active>span{background:#171411;color:#fff}
.v12-colour-grid{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 18px}.v12-colour-option{border:1px solid #ded2c3;background:#fff;border-radius:16px;padding:8px 10px;display:flex;align-items:center;gap:8px;cursor:pointer;font:inherit;font-size:.75rem}.v12-colour-option i{display:block;width:29px;height:29px;border-radius:50%;background:var(--swatch);border:1px solid rgba(0,0,0,.1)}.v12-colour-option.active{border-color:#171411;box-shadow:0 0 0 2px #171411 inset}.v12-custom-colour{max-width:420px}.v12-step-actions{display:flex;justify-content:space-between;gap:12px;margin-top:34px;padding-top:20px;border-top:1px solid #eee4d8}.v12-step-actions .btn{min-width:130px}.v12-step-actions button[disabled]{opacity:.35;cursor:not-allowed}
.v12-review{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.v12-review section{padding:18px;border:1px solid #e6dbcf;border-radius:18px;background:#fbf8f4}.v12-review section>small{display:block;color:#8a6642;font-weight:700;letter-spacing:.14em;margin-bottom:8px}.v12-review section>div{display:grid;grid-template-columns:105px 1fr;gap:12px;padding:8px 0;border-bottom:1px solid #eee4d8}.v12-review section>div:last-child{border-bottom:0}.v12-review span{font-size:.73rem;color:#796c62}.v12-review strong{font-size:.8rem;line-height:1.45}.v12-consent{display:flex;gap:12px;align-items:flex-start;margin:22px 0;padding:16px;border-radius:16px;background:#f4ede3}.v12-consent input{margin-top:3px;width:18px;height:18px}.v12-consent span{font-size:.82rem;line-height:1.55}.v12-submit-state{margin-top:16px;padding:0;line-height:1.55}.v12-submit-state.error{color:#8b1e27}.v12-submit-state.success{background:#ecf5ee;border:1px solid #c5ddca;border-radius:18px;padding:18px;color:#173b22;display:grid;gap:10px}.v12-submit-state.success strong{font-size:1.05rem}.v12-submit-state.success div{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}.v12-trust-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.12)}.v12-trust-grid article{padding:28px;background:#0f0d0b}.v12-trust-grid span{color:#caa66d;font-size:.75rem;letter-spacing:.14em}.v12-trust-grid h3{font-family:'Playfair Display',serif;font-size:1.45rem;margin:12px 0 8px}.v12-trust-grid p{color:rgba(255,255,255,.58);font-size:.84rem;line-height:1.65}
@media(max-width:980px){.v12-config-layout{grid-template-columns:1fr}.v12-config-preview{position:static;display:grid;grid-template-columns:160px 1fr;gap:18px;align-items:start}.v12-preview-frame{aspect-ratio:3/4}.v12-preview-copy{padding:0}.v12-source-strip{top:82px}.v12-trust-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.v12-config-hero{min-height:650px}.v12-config-hero-inner{padding-top:130px;padding-bottom:60px}.v12-config-hero h1{font-size:3.35rem}.v12-source-strip>.container{align-items:flex-start;flex-direction:column;gap:10px}.v12-source-copy{display:block}.v12-source-copy>span{display:block;margin-bottom:3px}.v12-source-actions{width:100%;overflow-x:auto}.v12-config-workspace{padding:20px 16px;border-radius:22px}.v12-config-preview{grid-template-columns:105px 1fr}.v12-preview-copy h2{font-size:1.4rem}.v12-live-summary>div{display:block}.v12-live-summary strong{display:block;text-align:left;margin-top:2px}.v12-option-grid,.v12-project-grid,.v12-field-grid,.v12-review{grid-template-columns:1fr}.v12-step-actions{position:sticky;bottom:74px;background:#fff;margin-left:-16px;margin-right:-16px;padding:13px 16px;border-top:1px solid #e7ddcf;z-index:5}.v12-step-actions .btn{min-width:0;flex:1;padding-left:12px;padding-right:12px}.v12-trust-grid{grid-template-columns:1fr}.v12-review section>div{grid-template-columns:1fr;gap:2px}.v12-source-strip{position:relative;top:auto}.v12-preview-frame>span{font-size:.55rem;padding:6px 8px}.v12-config-section{padding-top:34px}}
@media(prefers-reduced-motion:reduce){.v12-step.active{animation:none}.v12-progress-track i,.v12-project-option,.v12-fit-option{transition:none}}

.v12-home-config{background:#eee4d7}.v12-home-config-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center}.v12-home-config h2{font-family:'Playfair Display',serif;font-size:clamp(2.8rem,5vw,5.3rem);line-height:.96;letter-spacing:-.045em;margin:10px 0 18px}.v12-home-config p{max-width:680px;color:#66584d;line-height:1.75}.v12-home-config-actions{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.v12-home-config-steps{display:flex;flex-wrap:wrap;gap:8px}.v12-home-config-steps span{padding:8px 10px;border:1px solid rgba(11,10,9,.12);border-radius:999px;font-size:.68rem;letter-spacing:.05em}.v12-home-config-visual{position:relative;border-radius:30px;overflow:hidden;min-height:560px;background:#111}.v12-home-config-visual img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.v12-home-config-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,6,5,.82),transparent 60%)}.v12-home-config-visual>div{position:absolute;z-index:2;left:24px;right:24px;bottom:24px;color:#fff;display:grid;gap:7px}.v12-home-config-visual small{letter-spacing:.15em}.v12-home-config-visual strong{font-family:'Playfair Display',serif;font-size:2rem}.v12-home-config-visual span{color:rgba(255,255,255,.65);font-size:.8rem}@media(max-width:900px){.v12-home-config-grid{grid-template-columns:1fr}.v12-home-config-visual{min-height:430px}}