@import"https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800;900&display=swap";:root{font-family:Segoe UI,Tahoma,Arial,sans-serif;color:#202320;background:#f7f5ef;line-height:1.65;--accent:#d6fb63;--ink:#202320}*{box-sizing:border-box}body{margin:0}a{color:inherit}header,main,footer{width:min(1200px,calc(100% - 32px));margin-inline:auto}header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-block:18px}nav,.actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}nav a,.logo,.button,.card{text-decoration:none}.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.45rem;line-height:1.15}.logo small{display:block;letter-spacing:.14em;font-size:.65rem}.logo img{width:46px;height:46px;object-fit:contain}.button,button{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;background:var(--accent);color:#181c13;border-radius:12px;min-height:44px;padding:9px 17px;font:inherit;font-weight:650;cursor:pointer}.secondary{background:transparent;color:inherit;border-color:currentColor}.button:hover,button:hover{filter:brightness(.94)}:focus-visible{outline:3px solid #4283de;outline-offset:4px}button:disabled{opacity:.55;cursor:wait}.hero{display:grid;grid-template-columns:1fr .85fr;gap:26px;align-items:center;overflow:hidden;background:#202320;color:#fcfaf1;border-radius:30px;padding:clamp(24px,6vw,76px);min-height:460px}.hero h1{font-size:clamp(2.4rem,6.5vw,5rem);line-height:1.12;margin:.25em 0}.hero p{max-width:42ch}.tag{color:var(--accent);font-weight:700}.print-art{position:relative;isolation:isolate;aspect-ratio:1;min-width:0}.print-art div{position:absolute;inset:17%;border-radius:35% 11% 28% 14%;mix-blend-mode:screen;transform:translate(-15%,-13%) rotate(30deg);background:#fa5a79}.print-art div:nth-child(2){background:#27bbc9;transform:translate(14%,-3%) rotate(81deg)}.print-art div:nth-child(3){background:#a4cf2a;transform:translateY(16%) rotate(140deg)}.print-art div:nth-child(4){inset:27%;border:1px solid #fff9;background:transparent;transform:rotate(45deg)}section{margin-block:22px 34px}h2{font-size:clamp(1.6rem,4vw,2.3rem);margin:.15em 0 .55em}h3{margin:.35em 0}.panel,.card{background:#fffdf7;border:1px solid #deded1;border-radius:22px;padding:clamp(18px,4vw,36px)}.panel .panel{margin-block-end:0}.grid,.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,235px),1fr));gap:16px;margin-block:14px}.card img,.product-image{display:block;max-width:100%;border-radius:14px}.card img{width:100%;aspect-ratio:4/3;object-fit:cover}.product-image{max-height:420px}label{display:grid;gap:5px;margin-block:8px;font-weight:650}input,select,textarea{font:inherit;width:100%;min-width:0;padding:10px;color:var(--ink);background:#fff;border:1px solid #aaa99c;border-radius:10px}input[type=checkbox]{width:22px;height:22px}textarea{resize:vertical}form>button,form>.actions{margin-top:14px}footer{padding-block:23px;border-top:1px solid #deded1}.measurement{display:grid;place-content:center;justify-items:center;gap:7px;background:#eeeeda;clip-path:polygon(30% 0,42% 0,50% 10%,58% 0,70% 0,100% 22%,88% 45%,76% 40%,76% 100%,24% 100%,24% 40%,12% 45%,0 22%);width:220px;height:150px;font-weight:700}.scroll{overflow:auto}table{border-collapse:collapse;width:100%;margin-top:16px}td,th,caption{padding:8px;text-align:start}td,th{border-bottom:1px solid #deded1}dd{margin-inline-start:0;margin-block-end:12px}dt{font-weight:700}.multiline{white-space:pre-line}article+article{margin-top:18px;border-top:1px solid #deded1;padding-top:12px}@media(max-width:660px){header{flex-wrap:wrap}header nav{order:3;width:100%;justify-content:space-between}.hero{grid-template-columns:1fr;min-height:auto}.print-art{width:min(75%,270px);margin:auto}.hero h1{max-width:13ch}}.sizing{overflow:hidden;background:#fffdf7}.size-intro{background:#21231f;color:#fffdf7;padding:clamp(22px,5vw,54px);border-radius:18px;margin-bottom:20px}.size-intro span{color:var(--accent);font-weight:700}.size-intro h2{font-size:clamp(2rem,6vw,4.2rem);line-height:1.12;max-width:13ch;margin:.35em 0}.measure-stage{display:grid;grid-template-columns:minmax(160px,1fr) 1fr;gap:20px;align-items:center;background:#eeefe5;padding:clamp(14px,4vw,28px);border-radius:16px}.measure-object{position:relative;display:grid;place-content:center;gap:10px;min-height:160px;background:#d5e590;border:2px solid #333;border-radius:14px;text-align:center}.measure-stage[data-garment=true] .measure-object{clip-path:polygon(24% 0,40% 0,50% 12%,60% 0,76% 0,100% 22%,86% 52%,75% 45%,75% 100%,25% 100%,25% 45%,14% 52%,0 22%)}.measure-object span{font-weight:800;transition:transform .25s,color .25s}.measure-stage[data-active=width] .measure-width,.measure-stage[data-active=length] .measure-length{color:#934018;animation:measure-pulse 1.1s ease-in-out infinite alternate}@keyframes measure-pulse{to{transform:scale(1.18)}}@media(max-width:520px){.measure-stage{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.measure-object span{animation:none!important;transition:none}}:root{background:#f4f4fa;--accent:#4c5ba4}.hero,.size-intro{background:linear-gradient(135deg,#252e59,#4c5ba4)}.tag,.size-intro span{color:#fff}.button:not(.secondary),button:not(.secondary){background:var(--accent);color:#fff}.hero .button:not(.secondary),.size-intro .button:not(.secondary){background:#fff;color:#303d79}.logo img{width:54px;height:54px;border-radius:12px}.measure-object{background:#dee3ff;border-color:#4c5ba4}.measure-stage[data-active=width] .measure-width,.measure-stage[data-active=length] .measure-length{color:#842780}.fit-options{border:0;padding:0;display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}.fit-options label{display:flex;align-items:center;gap:8px;border:1px solid #aab2d9;padding:8px 14px;border-radius:12px}.fit-options input{width:auto;accent-color:#4c5ba4}.fit-live{padding:12px 18px;background:#eff1ff;border-radius:12px}.fit-live strong{margin-inline-start:12px;font-size:1.5em}input[type=range]{accent-color:#4c5ba4;padding:0}summary{cursor:pointer;padding-block:12px}.size-choices{border:0;margin:0;padding:0}.size-choices label{display:flex;gap:10px;align-items:center;padding:10px 14px;border:1px solid #b5bfdf;border-radius:12px}.size-choices input{width:auto;accent-color:#4c5ba4}.size-choices label:has(input:checked),.fit-options label:has(input:checked){background:#e9edff;border-color:#4c5ba4}:root{font-family:Tajawal,Segoe UI,Tahoma,sans-serif}.size-page{width:min(1180px,calc(100% - 40px))}.sizing{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);align-items:start;gap:clamp(28px,7vw,102px);overflow:visible;margin:clamp(32px,6vw,76px) 0}.sizing .size-intro{background:none;color:#202947;padding:clamp(8px,3vw,32px) 0;margin:0}.sizing .size-intro span{color:#4c5ba4}.size-intro h1{font-size:clamp(2.8rem,6vw,5.3rem);line-height:1.06;margin:.38em 0 .25em;font-weight:900;letter-spacing:-.025em}.size-intro em{font-style:normal;color:#4c5ba4}.size-intro p{color:#535d77;max-width:34ch;font-size:1.15rem}.size-illustration{display:grid;place-items:center;min-height:235px;margin-top:18px;background:radial-gradient(ellipse,#e4e8ff 0%,transparent 70%)}.size-illustration .measure-object{width:220px;min-height:180px;background:linear-gradient(145deg,#6878c6,#303c76);color:#fff;transform:rotate(-9deg);clip-path:polygon(24% 0,38% 0,50% 12%,62% 0,76% 0,100% 28%,85% 52%,75% 42%,75% 100%,25% 100%,25% 42%,15% 52%,0 28%)}.size-workflow{background:#fff;border:1px solid #dde2f0;border-radius:24px;padding:clamp(18px,3.1vw,38px);box-shadow:0 16px 48px #28356b11;min-width:0}.size-progress{display:grid;grid-template-columns:1fr auto;gap:8px;color:#535d77;font-size:.85rem}.size-progress progress{grid-column:1/-1;width:100%;height:4px;accent-color:#4c5ba4;border:0}.size-workflow h2{font-size:clamp(1.45rem,3vw,2rem);line-height:1.2;margin:22px 0 15px;color:#202947}.size-workflow .fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.size-workflow .size-choices{grid-column:1/-1}.size-workflow .size-choices label,.size-workflow .fit-options label{background:#f7f8fd;border:1px solid #d8deee;min-height:52px;transition:background .18s,border-color .18s;cursor:pointer}.size-workflow label:has(input:checked){background:#edf0ff;border-color:#4c5ba4;color:#303c76}.size-workflow .size-number{font-size:1.6rem;color:#303c76;border-width:0 0 1px;border-radius:0;background:none}.size-workflow input[type=range]{min-height:28px;margin:0}.size-workflow .fit-live{display:flex;align-items:center;justify-content:space-between;background:#edf0ff;color:#303c76;font-weight:700}.size-workflow .actions button:not(.secondary){flex:1;border-radius:999px;min-height:50px;background:#3e4d94}.size-workflow .actions .secondary{border-color:#c5cce5;color:#303c76;border-radius:999px}.size-workflow .fit-options legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.sizing:has(.size-workflow .fit-options:not([hidden])) .size-workflow{min-height:300px}@media(max-width:760px){.sizing{grid-template-columns:1fr;gap:18px;margin-top:18px}.sizing .size-intro{display:grid;grid-template-columns:1fr auto;column-gap:12px}.size-intro span,.size-intro h1,.size-intro p{grid-column:1}.size-intro h1{font-size:clamp(2rem,8vw,3.5rem)}.size-intro p{font-size:1rem;margin:.5em 0}.size-illustration{grid-column:2;grid-row:1/4;margin:0;min-height:0}.size-illustration .measure-object{width:90px;min-height:90px}.size-workflow .fields{gap:9px}}.size-illustration{gap:10px;min-height:255px}.size-illustration small{color:#535d77}.body-preview{width:100%;height:225px;display:grid;place-items:end center;background:repeating-linear-gradient(to top,transparent 0 43px,#4c5ba417 44px 45px);overflow:hidden}.body-person{position:relative;width:108px;height:174px;transform-origin:center bottom;transition:transform .24s ease}.body-person i{position:absolute;background:linear-gradient(120deg,#7382c7,#34427f)}.body-person i:nth-child(1){width:31px;height:35px;left:38px;top:0;border-radius:48%}.body-person i:nth-child(2){inset:34px 22px 69px;border-radius:23px 23px 13px 13px}.body-person i:nth-child(3){inset:38px 0 62px;clip-path:polygon(22% 0,78% 0,100% 100%,85% 100%,68% 24%,32% 24%,15% 100%,0 100%)}.body-person i:nth-child(4){inset:96px 24px 0;clip-path:polygon(0 0,100% 0,90% 100%,57% 100%,50% 22%,43% 100%,10% 100%)}.catalog-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.catalog-filters button:not(.secondary){border-radius:999px;background:#e8ebfa;color:#303c76}.catalog-filters button[aria-pressed=true]:not(.secondary){background:#303c76;color:#fff}#catalog .grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr))}#catalog .card{padding:16px;transition:transform .22s,box-shadow .22s}#catalog .card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #28356b20}.catalog-cover{aspect-ratio:4/3;border-radius:14px;display:grid;place-content:center;background:linear-gradient(140deg,#e3e8ff,#f7f7fc);color:#4c5ba4;font-size:4rem}@media(max-width:760px){.size-illustration{min-height:0;min-width:90px}.body-preview{height:185px}.size-illustration small{font-size:.67rem}}@media(prefers-reduced-motion:reduce){.body-person,#catalog .card{transition:none}}.body-measurements{display:grid;grid-template-columns:54px minmax(0,1fr);gap:18px;align-items:end}.body-measurements .fields{grid-template-columns:1fr;margin:0}.body-measurements .size-illustration{display:block;background:none;margin:0;min-width:0;min-height:0}.body-measurements .body-preview{background:none;height:206px;overflow:visible;align-items:end}.body-measurements .body-person{width:44px;height:154px}.body-measurements .body-person i{background:#147981}.body-measurements .body-person i:nth-child(1){width:20px;height:20px;left:12px;top:0}.body-measurements .body-person i:nth-child(2){inset:22px 11px 67px;border-radius:5px}.body-measurements .body-person i:nth-child(3){inset:22px 4px 80px}.body-measurements .body-person i:nth-child(4){inset:77px 11px 0}.body-measurements{grid-template-columns:clamp(65px,17%,94px) minmax(0,1fr)}.body-measurements .body-person{width:76px;height:156px}.body-person svg{display:block;width:100%;height:100%;filter:drop-shadow(0 8px 8px #34427929)}.body-measurements .body-preview{border-radius:20px;background:radial-gradient(ellipse at center,#e8edff,transparent 74%)}.home-title>span{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.12em}.home-title>span>span{display:inline-block;animation:home-word .64s cubic-bezier(.2,.77,.22,1) both}.home-updates .card{overflow:hidden}.home-updates small{color:#394b9d;font-weight:700}.social-links{margin-top:10px;gap:8px}.social-links a{padding:6px 13px;border:1px solid #ccd4ed;border-radius:999px}.update-reveal{animation:home-card .52s cubic-bezier(.2,.77,.22,1) both}@keyframes home-word{0%{transform:translateY(115%)}to{transform:translateY(0)}}@keyframes home-card{0%{clip-path:inset(15% 0 0);transform:translateY(18px)}to{clip-path:inset(0);transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.home-title>span>span,.update-reveal{animation:none}}.premium-catalog{--royal:#3046a5;--deep:#1d286e;--yellow:#ffca28;color:var(--deep);scroll-margin-top:20px}.catalog-banner{min-height:244px;display:grid;grid-template-columns:1fr minmax(135px,32%);align-items:center;gap:12px;padding:clamp(18px,5vw,64px);background:radial-gradient(ellipse at 20% 50%,#e0e7ff,#f6f8ff 65%);border:1px solid #dce4fa;border-radius:28px}.catalog-banner h2{font-size:clamp(2rem,5vw,4rem);line-height:1.06;margin:0}.catalog-banner p{margin:12px 0 18px}.catalog-mascot{width:min(100%,230px);justify-self:center;overflow:visible}.mascot-float{transform-origin:center;animation:mascot-idle 3.8s ease-in-out infinite}.mascot-eyes{transform-box:fill-box;transform-origin:center;animation:mascot-blink 5s infinite}.mascot-arm{transform-origin:64px 138px}.mascot-stars{opacity:0}.catalog-mascot[data-mood=welcome] .mascot-arm{animation:mascot-wave .45s ease-in-out 3}.catalog-mascot[data-mood=thinking] .mascot-eyes{animation:none;transform:translate(4px,-4px)}.catalog-mascot:is([data-mood=happy],[data-mood=surprised],[data-mood=success]) .mascot-float{animation:mascot-react .5s ease-out}.catalog-mascot:is([data-mood=surprised],[data-mood=success]) .mascot-stars{animation:catalog-in .55s ease both;opacity:1}@keyframes mascot-idle{50%{transform:translateY(-5px) scale(1.015)}}@keyframes mascot-blink{0%,45%,49%,to{scale:1 1}47%{scale:1 .1}}@keyframes mascot-wave{50%{transform:rotate(22deg)}}@keyframes mascot-react{45%{transform:translateY(-8px) scale(1.03)}}.catalog-toolbar{display:grid;grid-template-columns:1fr minmax(140px,24%);gap:14px;margin-top:18px}.catalog-toolbar input,.catalog-toolbar select{border-color:#cbd4ee}.catalog-chips,.featured-strip{display:flex;gap:8px;overflow:auto;padding:6px 4px 12px;align-items:center}.featured-strip{margin-top:12px}.catalog-chips button:not(.secondary),.featured-strip button:not(.secondary){white-space:nowrap;background:#f0f3ff;color:var(--deep);border-radius:999px;gap:8px;transition:background .18s,color .18s}.catalog-chips i{width:8px;height:8px;border-radius:50%;background:var(--category-tone)}.catalog-chips button[aria-pressed=true]:not(.secondary){background:var(--deep);color:#fff;box-shadow:inset 0 -3px var(--yellow)}.catalog-count{color:#516184}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,245px),1fr));gap:16px}.catalog-product{background:#fff;border:1px solid #dce4fa;border-radius:20px;overflow:hidden;box-shadow:0 7px 24px #1d286e0b;transition:transform .3s,box-shadow .3s;animation:catalog-in .42s var(--delay,0ms) both}.catalog-product:focus-within,.catalog-product:hover{transform:translateY(-4px);box-shadow:0 15px 28px #1d286e1a}.product-visual{aspect-ratio:4/3;background:linear-gradient(130deg,#f6f8ff,#e7edff);color:var(--category-tone,#3046a5);display:grid;place-items:center;overflow:hidden}.product-visual img,.product-visual svg{width:100%;height:100%;object-fit:cover;transition:transform .32s}.product-visual svg{width:58%;height:auto}.catalog-product:hover .product-visual>*{transform:translate(var(--drift,0px)) scale(1.05)}.catalog-product-copy{padding:15px}.catalog-product h3{line-height:1.3}.catalog-product h3 a{text-decoration:none}.product-category{color:var(--category-tone,#3046a5);font-weight:700}.catalog-actions{display:flex;gap:8px;flex-wrap:wrap}.catalog-actions>*{flex:1;white-space:nowrap}.catalog-empty,.catalog-skeleton{padding:24px;background:#f1f4ff;border-radius:16px}.catalog-skeleton{min-height:280px;animation:mascot-idle 2s infinite}.catalog-dialog{border:0;border-radius:22px;width:min(740px,calc(100% - 28px));padding:22px;color:var(--deep);max-height:90dvh}.catalog-dialog::backdrop{background:#192553a0}.catalog-dialog[open]{animation:catalog-in .28s both}.quick-view{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-top:38px}.quick-close{position:absolute;top:8px;left:10px}.quote-mascot{width:110px}.quote-mascot svg{width:100%}@keyframes catalog-in{0%{opacity:0;translate:0 9px}to{opacity:1;translate:0 0}}@media(max-width:540px){.catalog-banner{min-height:180px;grid-template-columns:1fr minmax(92px,29%)}.catalog-banner .actions{gap:6px}.catalog-toolbar{grid-template-columns:minmax(0,1fr) 112px}.quick-view{grid-template-columns:1fr}.quick-view .product-visual{max-height:220px}}@media(prefers-reduced-motion:reduce){.premium-catalog *,.quote-mascot *{animation:none!important;transition:none!important}.catalog-product:hover,.catalog-product:focus-within,.catalog-product:hover .product-visual>*{transform:none}}.catalog-banner h2{overflow:hidden;padding-bottom:.17em}.catalog-banner h2 span{display:inline-block}.catalog-mascot-stage{min-width:0;display:grid;justify-items:center}.catalog-mascot .mascot-float,.catalog-mascot[data-mood] .mascot-arm,.catalog-mascot[data-mood] .mascot-float{animation:none}.catalog-mascot .mascot-float,.catalog-mascot .mascot-stars{transform-box:fill-box;transform-origin:center}.catalog-product{animation:none}.catalog-dialog[open]{animation:quick-rise .37s cubic-bezier(.16,1,.3,1) both}@keyframes quick-rise{0%{clip-path:inset(100% 0 0);transform:translateY(18px)}to{clip-path:inset(0);transform:translateY(0)}}