@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700&display=swap');:root{--ink:#332c34;--muted:#8b768e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font-family:Tajawal,Arial,sans-serif}button,input,select,textarea{font:inherit}button,summary{cursor:pointer}a{color:inherit;text-decoration:none}.strip{background:#cbbfcd;text-align:center;padding:11px;font-size:13px}.strip span{position:absolute;left:5%;font:10px Arial;letter-spacing:2px}header{display:flex;align-items:center;justify-content:space-between;background:white;padding:10px 5%;height:88px;border-bottom:1px solid #eee;position:sticky;top:0;z-index:10}header img{width:110px;height:64px;object-fit:cover}nav{display:flex;gap:35px;font-size:14px}button{color:inherit}#bag{border:1px solid #dfd4de;border-radius:30px;padding:10px 16px;background:white}#bag b{display:inline-grid;place-items:center;background:var(--ink);color:white;width:23px;height:23px;border-radius:50%;margin-right:7px}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;padding:38px 9%;background:linear-gradient(125deg,#ccc0cf,#f5dfd3);min-height:510px}.eyebrow{font:10px Arial;letter-spacing:3px;color:var(--muted);direction:ltr;text-align:right}h1{font-size:57px;font-weight:500;line-height:1.25;margin:20px 0}h1 em{font-family:Georgia;font-weight:400}p{line-height:1.9}.hero p:not(.eyebrow){color:#6f5f70}.primary{display:inline-block;padding:15px 25px;background:var(--ink);color:white;border:0;border-radius:6px;font-weight:700}.hero small{display:block;margin-top:22px;color:#7a667d}figure{margin:0;position:relative;max-width:420px;height:435px;border-radius:180px 180px 8px 8px;overflow:hidden}figure img{height:100%;width:100%;object-fit:cover}figcaption{position:absolute;bottom:20px;width:100%;text-align:center;font:9px Arial;letter-spacing:3px;color:white}main{max-width:1600px;margin:auto;padding:30px 5% 65px}.breadcrumb{color:#9b8f9d;font-size:12px;margin-bottom:30px}.heading{display:flex;justify-content:space-between;align-items:center}h2{font-size:31px;font-weight:500;margin:10px 0 20px}.heading span{font-size:13px;color:var(--muted)}.toolbar{display:flex;align-items:center;gap:15px;flex-wrap:wrap;padding:20px 0;margin:12px 0 26px;border-block:1px solid #eae2e9}.toolbar input,.toolbar select{padding:11px;border:1px solid #e8e0e7;border-radius:6px;background:#fcfafb}.toolbar input{width:210px}.filters{display:flex;gap:7px;flex:1}.filters button{border:1px solid #e8dfe8;border-radius:25px;background:white;padding:9px 14px;font-size:13px;white-space:nowrap}.filters .active{background:#8c768f;color:white;border-color:#8c768f}#grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.card{background:#f9f7f8;border:1px solid #eee7ed;border-radius:16px;overflow:hidden;transition:transform .2s}.card:hover{transform:translateY(-4px)}.picture{width:100%;height:245px;position:relative;padding:0;border:0;background:#eddddf;overflow:hidden}.picture img{width:100%;height:100%;object-fit:cover}.badge{position:absolute;top:14px;right:14px;background:#fffE;border-radius:20px;padding:7px 10px;font:9px Arial;letter-spacing:1px;color:#8b758b}.content{padding:18px}.card-title{display:flex;justify-content:space-between;gap:7px;align-items:center}.name{background:none;border:0;padding:0;font-weight:700;font-size:16px;direction:ltr}.price{color:#88668b;white-space:nowrap}.brand{font:10px Arial;letter-spacing:2px;color:#9e8d9e;margin:10px 0 20px}.bottom{display:flex;justify-content:space-between;align-items:center}.swatch{width:15px;height:15px;border-radius:50%;box-shadow:0 0 0 3px white,0 0 0 4px #dfd7df}.add{padding:9px 13px;border:1px solid #e3d8e2;background:white;border-radius:25px;font-size:12px}.add:hover{background:#e9deea}.about{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding:65px 12%;align-items:center;background:#f5eff0}.about img{width:100%;border-radius:160px 160px 0 0}.about p{color:#7d6a80}.about a{border-bottom:1px solid;padding-bottom:6px}.faq{max-width:800px;margin:70px auto;padding:0 25px}details{padding:22px 0;border-bottom:1px solid #e4dce5}details p{font-size:14px;color:#827084}footer{background:var(--ink);color:#f1e5ee;padding:40px 6%;display:flex;align-items:center;justify-content:space-between;gap:20px}footer strong{font:16px Arial;letter-spacing:4px}footer a{margin:0 12px;font-size:13px}footer p,footer small{font-size:12px;color:#c1b0c4}dialog{max-width:550px;width:calc(100% - 30px);max-height:90vh;overflow:auto;border:0;border-radius:16px;padding:35px;color:var(--ink);box-shadow:0 15px 80px #0003}dialog::backdrop{background:#33263888;backdrop-filter:blur(4px)}.close{position:absolute;top:10px;left:15px;font-size:28px;background:none;border:0;color:#8c798d}#detailBody img{width:100%;border-radius:12px;margin-top:20px}#detailBody .primary{width:100%}.row{display:flex;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid #eee}.row img{width:75px;height:65px;object-fit:cover;border-radius:8px}.info{flex:1}.info strong{display:block;direction:ltr;text-align:right}.qty{display:flex;gap:12px;align-items:center;margin-top:10px}.qty button{background:white;border:1px solid #ddd;width:27px;height:27px;border-radius:50%}.remove{border:0!important;background:none!important;width:auto!important;font-size:11px;color:#947c94}.total{display:flex;justify-content:space-between;margin-top:25px;font-size:20px}.note{color:#8b798e;font-size:12px;line-height:1.8}.center{text-align:center}form label{display:block;margin:15px 0;font-size:14px}form input,textarea{width:100%;display:block;padding:10px;border:1px solid #ddd1df;border-radius:6px;margin-top:7px}textarea{min-height:65px;resize:vertical}form .primary{width:100%}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;border-radius:30px;padding:13px 25px;opacity:0;z-index:30;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}:focus-visible{outline:3px solid #a68aaa;outline-offset:3px}@media(max-width:1050px){#grid{grid-template-columns:repeat(3,minmax(0,1fr))}.filters{order:3;flex-basis:100%}.toolbar{justify-content:space-between}.picture{height:210px}.hero{padding:35px 7%}h1{font-size:45px}}@media(max-width:650px){header{height:74px;padding:8px 4%}header img{width:85px;height:51px}nav{gap:12px;font-size:12px}nav a:last-child{display:none}#bag{font-size:11px;padding:8px}.strip span{display:none}.hero{padding:30px 6%;gap:15px;min-height:0}h1{font-size:31px}.hero p:not(.eyebrow){font-size:12px}.eyebrow{font-size:8px;letter-spacing:2px}.hero .primary{font-size:12px;padding:12px}.hero small{font-size:10px}figure{height:275px;border-radius:110px 110px 6px 6px}figcaption{font-size:7px;letter-spacing:1px}main{padding:25px 4% 45px}h2{font-size:25px}.heading span{font-size:11px}.toolbar{gap:10px}.toolbar input{flex:1;width:100px;font-size:12px}.toolbar select{font-size:11px;max-width:130px}.filters{overflow:auto;padding:3px 1px 7px}.filters button{font-size:11px;padding:8px 12px}#grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.picture{height:155px}.card{border-radius:12px}.content{padding:13px 10px}.name{font-size:13px}.price{font-size:13px}.brand{font-size:8px;margin-bottom:15px}.badge{font-size:7px;right:8px;top:8px;padding:6px 8px}.add{font-size:10px;padding:8px 10px}.swatch{width:11px;height:11px}.about{padding:40px 6%;gap:7%}.about h2{font-size:24px}.about p,.about a{font-size:12px}.faq{margin:45px auto}footer{flex-wrap:wrap}footer a{margin:0 6px}footer small{width:100%}dialog{padding:30px 20px}}
[hidden]{display:none!important}.header-actions{display:flex;gap:12px;align-items:center}#language{border:0;background:transparent;padding:10px;color:#7e6683;font-size:13px}html[dir=ltr] .eyebrow{text-align:left}html[dir=ltr] .brand{text-align:left}html[dir=ltr] .info strong{text-align:left}html[dir=ltr] .strip span{left:auto;right:5%}html[dir=ltr] #bag b{margin-right:0;margin-left:7px}html[dir=ltr] .close{left:auto;right:15px}html[dir=ltr] .hero h1{font-family:Georgia,serif;font-size:54px;line-height:1.15}html[dir=ltr] .hero p{font-family:Tajawal,Arial,sans-serif}.lens-name{text-align:start}.summary-line{display:flex;justify-content:space-between;font-size:14px;padding:10px 0;border-bottom:1px solid #eee}.total{padding:12px 0;border-bottom:1px solid #e5dce7;margin-top:8px}form select{display:block;width:100%;padding:11px;border:1px solid #ddd1df;border-radius:6px;background:white;margin-top:7px}.whatsapp-button{width:100%;padding:13px;background:white;border:1px solid #d8cbdc;border-radius:6px;margin-top:10px}.error{font-size:13px;color:#a0304b;background:#fff0f2;padding:12px;border-radius:6px}button:disabled{opacity:.6;cursor:wait}#paymentResult{text-align:center}#paymentRef{font-size:14px;color:#806585}@media(max-width:650px){header{height:auto;min-height:75px;flex-wrap:wrap;gap:8px}.header-actions{gap:4px}#language{padding:5px;font-size:12px}nav{gap:8px}html[dir=ltr] nav{font-size:11px}html[dir=ltr] .hero h1{font-size:31px}html[dir=ltr] .hero .primary{font-size:11px}.hero{overflow:hidden}.strip{font-size:12px}.card-title{flex-wrap:wrap;gap:8px}#bag{font-size:10px;padding:7px}}

.looks{max-width:1440px;margin:0 auto;padding:55px 6% 65px;background:#fff}.looks-heading{display:flex;align-items:end;justify-content:space-between;gap:30px}.looks-heading>p{max-width:420px;color:#8b778d;font-size:14px;margin-bottom:22px}.looks-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;direction:ltr}.look-card{max-width:none;width:100%;height:auto;aspect-ratio:295/400;border-radius:100px 100px 16px 16px;position:relative;background:#eee3ea}.look-card img{width:100%;height:100%;object-fit:cover;display:block}.look-card figcaption{font:10px Arial;letter-spacing:2px;padding:40px 20px 20px;bottom:0;background:linear-gradient(transparent,#221a2590);text-align:start;display:flex;justify-content:space-between;align-items:center}.look-card figcaption a{font:13px Tajawal,Arial;letter-spacing:0;border-bottom:1px solid #fff8;padding-bottom:3px}.looks-note{font-size:12px;color:#98859b;text-align:center;margin-top:24px}html[dir=rtl] .looks-heading{direction:rtl}@media(max-width:650px){nav a[href='#about']{display:none}.looks{padding:35px 5% 40px}.looks-heading{display:block}.looks-heading>p{font-size:12px;margin-top:0}.looks-grid{gap:10px}.look-card{border-radius:50px 50px 10px 10px}.look-card figcaption{padding:20px 8px 10px;display:block;text-align:center}.look-card figcaption span{display:none}.look-card figcaption a{font-size:10px}.looks-note{font-size:10px}html[dir=ltr] nav{font-size:11px}}

.shipping-heading{font-size:17px;display:flex;align-items:center;gap:15px;margin:25px 0 5px}.shipping-heading:after{content:"";height:1px;background:#ddd1df;flex:1}.address-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.address-grid label{min-width:0}.address-grid #customAreaLabel{grid-column:1/-1}.address-grid input,.address-grid select{min-height:45px}dialog#cart{max-width:650px}@media(max-width:380px){.address-grid{grid-template-columns:1fr}}

#receiptLink{display:block;margin:20px 0 12px;text-align:center}#paymentBack{width:100%}.last-invoice{border:1px solid #b9a5bd;padding:9px 14px;border-radius:6px}

.coupon-box{margin:18px 0;padding:15px;background:#f6eff3;border-radius:12px}.coupon-controls{display:flex;gap:8px;margin-top:8px}.coupon-controls input{min-width:0;flex:1;border:1px solid #d8c9d2;padding:10px}.coupon-controls button{border:0;border-radius:6px;background:#d9c5d3;padding:10px;cursor:pointer}.coupon-box p{font-size:13px;margin-bottom:0}#discountAmount{color:#65506d}[hidden]{display:none!important}