@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600;700&family=Tajawal:wght@400;500;600;700&display=swap";:root{--cream:#fbf5ea;--cream-deep:#f5e8d5;--gold:#b17b1d;--gold-dark:#83570f;--charcoal:#404040;--text:#292929;--white:#fff;--border:#e8d9c1;--error:#a12622;--success:#287148;--space-1:.5rem;--space-2:.75rem;--space-3:1rem;--space-4:1.5rem;--space-5:2rem;--space-6:3rem;--space-7:5rem;--radius-sm:.65rem;--radius:1.1rem;--radius-lg:1.75rem;--shadow:0 12px 40px #402d101a;--shadow-lg:0 25px 70px #2a1d0833;--header-height:5rem;--container:76rem;--font-body:"Tajawal", Arial, sans-serif;--font-display:"Cormorant Garamond", "Tajawal", Georgia, serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 1rem)}body{background:var(--cream);min-width:320px;color:var(--text);font:400 1rem/1.7 var(--font-body);margin:0;overflow-x:hidden}body.dialog-open{overflow:hidden}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,p{margin-block-start:0}h1,h2,h3{text-wrap:balance;line-height:1.15}[dir=ltr] h1,[dir=ltr] h2,[dir=ltr] h3{font-family:var(--font-display)}h1{letter-spacing:-.03em;font-size:clamp(2.5rem,7vw,5.3rem)}h2{font-size:clamp(2rem,4.5vw,3.5rem)}h3{font-size:1.35rem}:focus-visible{outline:3px solid var(--gold-dark);outline-offset:3px}::selection{background:var(--gold);color:var(--white)}.container{width:min(calc(100% - 2rem), var(--container));margin-inline:auto}.section{padding-block:clamp(4rem,9vw,7.5rem)}.section-heading{max-width:45rem;margin-block-end:var(--space-6)}.section-heading>p:last-child{color:#5f5a51;font-size:1.08rem}.eyebrow{color:var(--gold-dark);letter-spacing:.09em;text-transform:uppercase;margin-block-end:var(--space-2);font-weight:700}.button{border:1px solid var(--gold-dark);background:var(--gold-dark);min-height:46px;color:var(--white);cursor:pointer;text-align:center;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.35rem;font-weight:700;transition:transform .2s,background .2s,box-shadow .2s;display:inline-flex}.button:hover:not(:disabled){background:#6e4709;transform:translateY(-2px);box-shadow:0 8px 20px #83570f33}.button:disabled{cursor:not-allowed;opacity:.55}.button--secondary{color:var(--gold-dark);background:0 0}.button--secondary:hover:not(:disabled){color:var(--white)}.button--quiet{border-color:var(--border);background:var(--white);color:var(--text);align-self:end}.button--quiet:hover:not(:disabled){background:var(--cream-deep);color:var(--text)}.button--small{min-height:42px;padding-block:.5rem}.button--full{width:100%}.button-row{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.skip-link{z-index:9999;border-radius:var(--radius-sm);background:var(--text);color:var(--white);padding:.7rem 1rem;position:fixed;inset-block-start:.5rem;inset-inline-start:.5rem;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.bidi-code,.phone-input{direction:ltr;unicode-bidi:plaintext}.site-header{z-index:100;height:var(--header-height);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fbf5eaeb;border-block-end:1px solid #c79a3b38;position:sticky;inset-block-start:0}.header-inner{justify-content:space-between;align-items:center;gap:1rem;height:100%;display:flex}.brand-link{flex:none}.brand-mark{align-items:center;gap:.7rem;display:inline-flex}.brand-mark img,.brand-mark__fallback{object-fit:contain;border-radius:50%;width:3.4rem;height:3.4rem}.brand-mark__fallback{border:1px solid var(--gold);background:var(--cream-deep);color:var(--gold-dark);font:700 2rem var(--font-display);place-items:center;display:grid}.brand-mark__name{color:var(--gold-dark);font-size:1.35rem;font-weight:700}.desktop-nav{align-items:center;gap:clamp(1rem,2.2vw,2rem);display:flex}.desktop-nav a,.mobile-nav a{font-weight:600}.desktop-nav a:hover{color:var(--gold-dark)}.header-actions{align-items:center;gap:.7rem;display:flex}.language-button,.menu-button{min-width:44px;min-height:44px;color:var(--text);cursor:pointer;background:0 0;border:0;font-weight:700}.language-button{padding-inline:.7rem}.menu-button{width:46px;padding:.7rem;display:none}.menu-button span{background:currentColor;height:2px;margin-block:5px;display:block}.mobile-nav{max-height:calc(100vh - var(--header-height));border-block-end:1px solid var(--border);background:var(--cream);box-shadow:var(--shadow);position:absolute;inset-block-start:100%;inset-inline:0;overflow-y:auto}.mobile-nav nav{gap:.25rem;padding-block:1rem 1.5rem;display:grid}.mobile-nav a:not(.button),.mobile-nav .language-button{text-align:start;align-items:center;min-height:48px;padding-inline:.8rem;display:flex}.hero{background:radial-gradient(circle at 10% 20%,#c79a3b1a,#0000 30%);padding-block-start:1.2rem}.hero-banner{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--cream-deep);min-height:12rem;box-shadow:var(--shadow);overflow:hidden}.hero-banner img{object-fit:contain;width:100%;height:auto;max-height:39rem}.hero-banner__fallback{min-height:clamp(15rem,38vw,31rem);color:var(--gold-dark);text-align:center;place-content:center;justify-items:center;gap:1rem;padding:2rem;display:grid}.hero-banner__fallback .ornament{opacity:.45;font-size:4rem}.hero-copy{z-index:1;border:1px solid var(--border);border-radius:var(--radius-lg);width:min(55rem,100% - 2rem);box-shadow:var(--shadow);text-align:center;background:#fffffff0;margin:clamp(-2rem,-4vw,-3.5rem) auto 0;padding:clamp(1.5rem,5vw,3.5rem);position:relative}.hero-copy>p:not(.eyebrow){color:#5f5a51;max-width:42rem;margin-inline:auto;font-size:clamp(1rem,2vw,1.2rem)}.hero-copy .button-row{justify-content:center;margin-block-start:1.8rem}.contact-fallback{color:#625a4d;font-size:.94rem}.catalog{background:var(--white)}.filters{border:1px solid var(--border);border-radius:var(--radius);background:var(--cream);grid-template-columns:minmax(15rem,2fr) minmax(10rem,1fr) minmax(9rem,.8fr) auto;gap:1rem;padding:1.2rem;display:grid}.filter-field,.form-field{gap:.35rem;min-width:0;display:grid}.filter-field span,.form-field label{font-size:.9rem;font-weight:700}input,select{border-radius:var(--radius-sm);background:var(--white);width:100%;min-width:0;min-height:48px;color:var(--text);border:1px solid #cdbb9f;padding:.65rem .85rem}input:focus,select:focus{border-color:var(--gold-dark);outline:3px solid #a8792233}.result-count{color:#625a4d;margin-block:1.4rem;font-weight:600}.dress-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2.5vw,1.75rem);display:grid}.dress-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--white);min-width:0;transition:transform .25s,box-shadow .25s;overflow:hidden;box-shadow:0 8px 30px #402d1012}.dress-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.dress-card__visual{position:relative}.dress-image{aspect-ratio:3/4;background:var(--cream-deep);position:relative;overflow:hidden}.dress-image img{object-fit:contain;width:100%;height:100%}.dress-image__fallback{height:100%;color:var(--charcoal);text-align:center;background:linear-gradient(145deg,#f8ecd9,#fffaf1);flex-direction:column;justify-content:center;align-items:center;gap:.4rem;padding:1.2rem;display:flex}.dress-image__fallback:before,.dress-image__fallback:after{content:"";border-color:#b17b1d59;width:3rem;height:3rem;position:absolute}.dress-image__fallback:before{border-block-start:1px solid;border-inline-start:1px solid;inset-block-start:1rem;inset-inline-start:1rem}.dress-image__fallback:after{border-block-end:1px solid;border-inline-end:1px solid;inset-block-end:1rem;inset-inline-end:1rem}.dress-image__ornament{border:1px solid var(--gold);width:3.5rem;height:3.5rem;color:var(--gold-dark);font:700 2rem var(--font-display);border-radius:50%;place-items:center;display:grid}.dress-image__fallback strong{max-width:15rem;line-height:1.3}.dress-image__fallback small{color:#6a6257}.category-badge,.availability{border-radius:999px;align-items:center;gap:.35rem;font-size:.78rem;font-weight:700;display:inline-flex}.category-badge{color:var(--gold-dark);background:#ffffffeb;padding:.38rem .7rem;position:absolute;inset-block-start:.8rem;inset-inline-start:.8rem}.dress-card__visual>.availability{padding:.4rem .7rem;position:absolute;inset-block-end:.8rem;inset-inline-end:.8rem;box-shadow:0 3px 12px #0000001a}.availability--yes{color:#185936;background:#e4f2e9}.availability--no{color:#86251f;background:#f5e2df}.dress-card__body{gap:1rem;padding:1.25rem;display:grid}.dress-card__body h3{overflow-wrap:anywhere;min-height:2.7rem;margin:0}.dress-code{color:#726958;margin-block-end:.35rem;font-size:.82rem}.card-facts,.details-facts{margin:0}.card-facts{grid-template-columns:1fr 1fr;gap:.7rem;display:grid}.card-facts div{min-width:0}.card-facts dt,.details-facts dt{color:#6c6254;font-size:.78rem}.card-facts dd,.details-facts dd{overflow-wrap:anywhere;margin:0;font-weight:700}.card-actions{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.card-actions .button{min-width:0;padding-inline:.6rem;font-size:.9rem}.empty-state{border:1px dashed var(--border);border-radius:var(--radius-lg);background:var(--cream);text-align:center;justify-items:center;gap:1rem;padding:4rem 1rem;display:grid}.empty-state>span{color:var(--gold);font-size:4rem}.how{background:var(--cream-deep)}.steps{counter-reset:steps;grid-template-columns:repeat(3,1fr);gap:1.2rem;padding:0;list-style:none;display:grid}.steps li{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--white);min-height:13rem;padding:1.5rem;position:relative;overflow:hidden}.step-number{color:var(--gold);font:700 3.5rem/1 var(--font-display)}.steps p{margin-block:2rem 0;font-size:1.15rem;font-weight:600}.disclaimer{border-inline-start:4px solid var(--gold-dark);border-radius:var(--radius);background:var(--white);align-items:center;gap:1rem;margin-block-start:2rem;padding:1.3rem 1.5rem;display:flex}.disclaimer>span{background:var(--gold-dark);width:2.5rem;height:2.5rem;color:var(--white);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.disclaimer h3,.disclaimer p{margin:0}.contact{background:var(--charcoal);color:var(--white)}.contact-panel{grid-template-columns:.85fr 1.15fr;align-items:center;gap:clamp(2rem,7vw,6rem);display:grid}.contact .eyebrow{color:#e4bf75}.contact-copy>p:last-child{color:#dedbd5}.contact-methods{grid-template-columns:1fr 1fr;gap:.8rem;display:grid}.contact-item{border-radius:var(--radius);background:#ffffff0f;border:1px solid #ffffff2e;align-items:center;gap:.8rem;min-width:0;min-height:5.5rem;padding:1rem;display:flex}a.contact-item:hover{background:#ffffff1c}.contact-item__icon{color:#e4bf75;border:1px solid #d8ad57;border-radius:50%;flex:none;place-items:center;width:2.7rem;height:2.7rem;font-weight:700;display:grid}.contact-item span:last-child{min-width:0;display:grid}.contact-item small{color:#cfcac2}.contact-item strong{overflow-wrap:anywhere}.site-footer{color:var(--white);background:#2d2d2d;padding-block-start:4rem}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:3rem;padding-block-end:3rem;display:grid}.footer-brand{max-width:23rem}.footer-brand p{color:#cfcac2;margin-block-start:1rem}.site-footer h2{font:700 1rem var(--font-body);color:#e4bf75}.site-footer nav{color:#dedbd5;gap:.65rem;display:grid}.site-footer nav a:hover{color:#e4bf75}.footer-bottom{color:#bdb8af;border-block-start:1px solid #ffffff1f;padding-block:1.2rem;font-size:.9rem}.footer-bottom p{margin:0}.dialog{border-radius:var(--radius-lg);width:min(68rem,100% - 1.25rem);max-height:calc(100dvh - 1.25rem);color:var(--text);box-shadow:var(--shadow-lg);background:0 0;border:0;padding:0;overflow:visible}.dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1b1813b3}.dialog__surface{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--white);max-height:calc(100dvh - 1.25rem);position:relative;overflow-y:auto}.dialog__close{z-index:3;border:1px solid var(--border);width:44px;height:44px;color:var(--text);cursor:pointer;background:#ffffffeb;border-radius:50%;font-size:1.7rem;line-height:1;position:absolute;inset-block-start:.75rem;inset-inline-end:.75rem}.details-layout{grid-template-columns:minmax(0,1fr) minmax(20rem,.9fr);display:grid}.details-gallery>.dress-image{min-height:35rem}.details-copy{align-self:center;padding:clamp(2rem,5vw,4rem)}.details-copy>p:not(.eyebrow,.availability){color:#625a4d}.details-facts{grid-template-columns:1fr 1fr;gap:1rem;margin-block:1.5rem;display:grid}.details-facts div{border-block-end:1px solid var(--border);padding-block-end:.7rem}.details-copy>.availability{width:fit-content;margin-block:0 1.5rem;padding:.5rem .8rem}.thumbnails{gap:.5rem;padding:.75rem;display:flex;overflow-x:auto}.thumbnails button{border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:2px solid #0000;flex:0 0 5rem;padding:0;overflow:hidden}.thumbnails button.is-active{border-color:var(--gold-dark)}.thumbnails .dress-image{aspect-ratio:1}.thumbnails .dress-image__fallback strong,.thumbnails .dress-image__fallback small,.thumbnails .dress-image__fallback .bidi-code{display:none}.booking-surface{width:min(100%,38rem);margin-inline:auto;padding:clamp(1.25rem,4vw,2.5rem)}.dialog-heading{padding-inline-end:2rem}.dialog-heading>p:last-child{color:#625a4d}.selected-dress{border:1px solid var(--border);border-radius:var(--radius);background:var(--cream);grid-template-columns:5.5rem 1fr;align-items:center;gap:1rem;margin-block:1.3rem;padding:.8rem;display:grid}.selected-dress .dress-image{border-radius:.7rem}.selected-dress>div:last-child{gap:.15rem;min-width:0;display:grid}.selected-dress strong{overflow-wrap:anywhere}.selected-dress span{color:#655d50;font-size:.88rem}.booking-form{gap:1rem;display:grid}.form-field input[aria-invalid=true]{border-color:var(--error)}.field-error{color:var(--error);margin:0;font-size:.85rem;font-weight:600}.date-input-wrap{width:100%;min-width:0;overflow:hidden}.date-input-wrap input{max-width:100%;display:block}.privacy-note{border-radius:var(--radius-sm);background:var(--cream);color:#5b554d;margin:0;padding:.75rem;font-size:.86rem}.honeypot{width:1px;height:1px;position:absolute;inset-inline-start:-10000px;overflow:hidden}.form-status{border-radius:var(--radius-sm);padding:.8rem;font-size:.9rem}.form-status--error{color:var(--error);background:#fff0ee;border:1px solid #e9bbb7}.success-state{text-align:center;align-content:center;justify-items:center;min-height:30rem;padding:2rem;display:grid}.success-state__icon{width:5rem;height:5rem;color:var(--success);background:#e2f1e8;border-radius:50%;place-items:center;margin-block-end:1.5rem;font-size:2.5rem;display:grid}.success-state p{color:#5f5a51;max-width:30rem}@media (width<=899px){.desktop-nav,.desktop-only{display:none}.menu-button{display:block}.filters{grid-template-columns:2fr 1fr 1fr}.filters .button{grid-column:1/-1}.dress-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-panel,.details-layout{grid-template-columns:1fr}.details-gallery>.dress-image{min-height:0;max-height:48vh}.details-copy{padding-block-start:2rem}}@media (width<=640px){:root{--header-height:4.5rem}.container{width:min(calc(100% - 1.25rem), var(--container))}.brand-mark img,.brand-mark__fallback{width:3rem;height:3rem}.hero{padding-block-start:.65rem}.hero-banner{border-radius:var(--radius)}.hero-copy{width:calc(100% - .75rem);margin-block-start:-1rem;padding:1.5rem 1rem}.hero-copy .button-row,.success-state .button-row{width:100%;display:grid}.filters{grid-template-columns:1fr;padding:.9rem}.filters .button{grid-column:auto}.steps,.contact-methods,.footer-grid{grid-template-columns:1fr}.steps li{min-height:10rem}.steps p{margin-block-start:1rem}.footer-grid{gap:2rem}.dialog{width:calc(100% - .5rem);max-height:calc(100dvh - .5rem)}.dialog__surface{border-radius:var(--radius);max-height:calc(100dvh - .5rem)}.details-copy{padding:1.5rem 1rem}.details-facts{grid-template-columns:1fr}.booking-surface{padding:1.25rem .9rem}.dialog-heading{padding-inline-end:2.5rem}}@media (width<=430px){.brand-mark__name{display:none}.dress-grid{grid-template-columns:1fr}.dress-card__body h3{min-height:auto}.card-actions{grid-template-columns:1fr}.card-facts{gap:.35rem}}@media (width>=1280px){.dress-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
