/* /sahab_beauty_rose/static/src/css/fonts.css */ @font-face{font-family:'Cormorant Garamond';font-weight:500;font-display:swap;src:url('/sahab_beauty_rose/static/fonts/cormorant-garamond-500.woff2') format('woff2')}@font-face{font-family:'Cormorant Garamond';font-weight:600;font-display:swap;src:url('/sahab_beauty_rose/static/fonts/cormorant-garamond-600.woff2') format('woff2')}@font-face{font-family:'Montserrat';font-weight:400;font-display:swap;src:url('/sahab_beauty_rose/static/fonts/montserrat-400.woff2') format('woff2')}@font-face{font-family:'Montserrat';font-weight:500;font-display:swap;src:url('/sahab_beauty_rose/static/fonts/montserrat-500.woff2') format('woff2')}@font-face{font-family:'Montserrat';font-weight:600;font-display:swap;src:url('/sahab_beauty_rose/static/fonts/montserrat-600.woff2') format('woff2')}@font-face{font-family:'IBM Plex Sans Arabic';font-weight:300;font-display:swap;src:url('/sahab_beauty_rose/static/fonts/ibm-plex-sans-arabic-300.woff2') format('woff2')}@font-face{font-family:'IBM Plex Sans Arabic';font-weight:400;font-display:swap;src:url('/sahab_beauty_rose/static/fonts/ibm-plex-sans-arabic-400.woff2') format('woff2')}@font-face{font-family:'IBM Plex Sans Arabic';font-weight:500;font-display:swap;src:url('/sahab_beauty_rose/static/fonts/ibm-plex-sans-arabic-500.woff2') format('woff2')}@font-face{font-family:'IBM Plex Sans Arabic';font-weight:600;font-display:swap;src:url('/sahab_beauty_rose/static/fonts/ibm-plex-sans-arabic-600.woff2') format('woff2')}@font-face{font-family:'Noto Kufi Arabic';font-weight:500;font-display:swap;src:url('/sahab_beauty_rose/static/fonts/noto-kufi-arabic-500.woff2') format('woff2')}@font-face{font-family:'Noto Kufi Arabic';font-weight:600;font-display:swap;src:url('/sahab_beauty_rose/static/fonts/noto-kufi-arabic-600.woff2') format('woff2')} /* /sahab_beauty_rose/static/src/css/tokens.css */ :root{--drawer-bg:rgba(244,232,226,.97);--drawer-fg:#4A2E2A;--drawer-radius:16px; --font-sans:'Montserrat',system-ui,sans-serif; --font-ar:'IBM Plex Sans Arabic','Montserrat',system-ui,sans-serif; --font-ar-head:'Noto Kufi Arabic','IBM Plex Sans Arabic',serif; --bokeh:radial-gradient(circle,rgba(255,255,255,.55),rgba(255,255,255,0) 70%); --hint-fg:#FFF1EC;--swatch-ring:#fff; --sw-rose:#C98C86;--sw-berry:#8E1F45;--sw-coral:#E0604F;--sw-nude:#B98563; --card-bg:rgba(255,247,243,.7);--card-line:rgba(107,69,64,.22);--card-radius:14px; --input-bg:#FFF7F3;--input-line:rgba(107,69,64,.35);--note-ok:#2f6b4f;--note-bad:#9b2c2c; --sec-alt-bg:#F1E2DA; --page-bg:#E4CEC4; --page-fg:#4A2E2A; --stage-bg:#E4CEC4; --theme-fade:.6s ease; --space-xs:6px; --space-s:12px; --space-m:24px; --gutter:2.2vw; --gutter-m:16px; --icon-size:18px; --icon-stroke:1.5; --icon-btn:34px; --loader-bg:#E4CEC4; --loader-fg:var(--page-fg); --loader-track:rgba(0,0,0,.12); --loader-size:22px; --loader-w:180px; --hdr-h:13vh; --hdr-bg:transparent; --hdr-fg:#4A2E2A; --hdr-border:0; --nav-font:var(--font-sans); --nav-size:17px; --nav-weight:500; --nav-track:0; --nav-case:none; --nav-gap:52px; --nav-opacity:.85; --nav-pad:6px 0; --nav-underline:1px; --logo-font:'Cormorant Garamond',serif; --logo-size:46px; --logo-size-m:19px; --logo-weight:500; --logo-track:.02em; --logo-sub-size:14px; --logo-sub-track:.18em; --logo-sub-gap:0; --micro-h:22px; --micro-size:10px; --micro-track:.08em; --micro-fg:#1A1A1A; --field-w:190px; --field-h:30px; --field-pad:10px; --field-border:0; --field-radius:0; --field-bg:transparent; --field-fg:inherit; --field-size:12px; --field-placeholder:rgba(0,0,0,.45); --btn-h:52px; --btn-pad:0 40px; --btn-bg:#B9837C; --btn-fg:#FFF6F2; --btn-border:0; --btn-radius:3px; --btn-font:var(--font-sans); --btn-size:16px; --btn-weight:600; --btn-track:.08em; --btn-case:uppercase; --btn-bg-hover:#A86F68; --btn-fg-hover:#fff; --btn-ghost-bg:transparent; --btn-ghost-fg:inherit; --btn-ghost-border:1px solid currentColor; --btn-link-pad:4px 0; --btn-link-border:1px solid currentColor; --badge-size:14px; --badge-bg:#111; --badge-fg:#fff; --badge-font:8px; --seq-length:520vh; --scene-shift:14px; --scene-fade:.45s; --h-font:'Cormorant Garamond',serif; --h-weight:500; --h-size:clamp(30px,4.8vw,76px); --h-size-m:30px; --h-track:.06em; --h-line:1.05; --h-color:#5B3A33; --h-top:19%; --tag-font:var(--font-sans); --tag-size:11px; --tag-track:.3em; --tag-weight:400; --tag-gap:10px; --tag-color:inherit; --lede-size:13px; --lede-line:1.6; --lede-color:inherit; --lede-w:420px; --crumbs-top:calc(var(--hdr-h) + 18px); --crumbs-size:11px; --crumbs-fg:#333; --arrow-size:40px; --arrow-border:0; --arrow-fg:#333; --arrow-inset:2.5vw; --dots-bottom:4.5%; --dot-gap:14px; --dot-size:7px; --dot-radius:50%; --dot-border:0; --dot-bg:rgba(110,70,64,.35); --dot-active-bg:#6B4540; --dot-active-w:8px; --fab-inset:1.8vw; --fab-size:44px; --fab-bg:rgba(255,255,255,.35); --fab-fg:#6B4540; --fab-border:0; --sec-bg:var(--page-bg); --sec-fg:var(--page-fg); --sec-muted:rgba(0,0,0,.6); --sec-pad:110px 8vw; --sec-title-size:clamp(28px,3.4vw,48px); --foot-bg:#111; --foot-fg:#eee; --pill-bg:rgba(150,92,84,.72); --pill-fg:#FFF1EC; --line-color:rgba(107,69,64,.45); --knob:#FFF7F3; --tint:transparent; --tint-opacity:0; --spark-a:#F6D9C6; --spark-b:#E7A99C; --spark-c:#D9B27A;}body[data-theme="berry"]{--tint:#8E1F45; --tint-opacity:.32; --btn-bg:#8E2A4B; --pill-bg:rgba(120,30,62,.78); --h-color:#5E1730; --spark-b:#C24A72;}body[data-theme="coral"]{--tint:#E0604F; --tint-opacity:.26; --btn-bg:#D2624F; --pill-bg:rgba(190,80,62,.78); --h-color:#7A2E22; --spark-b:#F08A72;}body[data-theme="nude"]{--tint:#B98563; --tint-opacity:.24; --btn-bg:#A67756; --pill-bg:rgba(140,96,70,.78); --h-color:#5A3B26; --spark-b:#D9A57F;}:root{--phone-h1:clamp(34px,11vw,46px);--phone-pill:999px;--phone-cta-h:52px;--phone-card:82%;--phone-pad:12px;--phone-focus:50% 50%;} /* /sahab_beauty_rose/static/src/css/base.css */ *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{background:var(--page-bg);color:var(--page-fg);-webkit-font-smoothing:antialiased}body{font-family:var(--font-sans);background:var(--page-bg);color:var(--page-fg);transition:background var(--theme-fade),color var(--theme-fade)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}.icon{width:var(--icon-size);height:var(--icon-size);stroke:currentColor;fill:none;stroke-width:var(--icon-stroke);display:block}.loader{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:var(--loader-bg);color:var(--loader-fg);transition:opacity .6s ease,visibility .6s}.loader.is-done{opacity:0;visibility:hidden}.loader__inner{display:grid;gap:var(--space-s);justify-items:center;font-family:var(--logo-font);letter-spacing:var(--logo-track);font-size:var(--loader-size)}.loader__track{width:var(--loader-w);height:1px;background:var(--loader-track)}.loader__bar{height:100%;background:var(--loader-fg);transform-origin:left;transform:scaleX(var(--load,0))}.site-header{position:fixed;inset:0 0 auto 0;z-index:20;height:var(--hdr-h);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 var(--gutter);background:var(--hdr-bg);color:var(--hdr-fg);border-bottom:var(--hdr-border);transition:background var(--theme-fade),color var(--theme-fade)}.site-header__left,.site-header__right{display:flex;align-items:center;gap:var(--nav-gap)}.site-header__right{justify-content:flex-end}.nav{display:flex;gap:var(--nav-gap)}.nav__link{font-family:var(--nav-font);font-size:var(--nav-size);font-weight:var(--nav-weight);letter-spacing:var(--nav-track);text-transform:var(--nav-case);opacity:var(--nav-opacity);position:relative;padding:var(--nav-pad)}.nav__link--active{opacity:1}.nav__link--active::after{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--nav-underline);background:currentColor}.logo{white-space:nowrap;font-family:var(--logo-font);font-size:var(--logo-size);font-weight:var(--logo-weight);letter-spacing:var(--logo-track);text-transform:uppercase;line-height:1;text-align:center}.logo__sub{display:block;font-family:var(--font-sans);font-size:var(--logo-sub-size);letter-spacing:var(--logo-sub-track);margin-top:var(--logo-sub-gap)}.microbar{position:fixed;top:0;right:var(--gutter);z-index:21;display:flex;gap:var(--space-s);height:var(--micro-h);align-items:center;font-size:var(--micro-size);letter-spacing:var(--micro-track);text-transform:uppercase;color:var(--micro-fg)}.microbar__sep{opacity:.5}.field{display:flex;align-items:center;gap:var(--space-xs);width:var(--field-w);height:var(--field-h);padding:0 var(--field-pad);border:var(--field-border);border-radius:var(--field-radius);background:var(--field-bg);color:var(--field-fg);font-size:var(--field-size)}.field__input{border:0;outline:0;background:transparent;font:inherit;color:inherit;width:100%}.field__input::placeholder{color:var(--field-placeholder)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);height:var(--btn-h);padding:var(--btn-pad);background:var(--btn-bg);color:var(--btn-fg);border:var(--btn-border);border-radius:var(--btn-radius);font-family:var(--btn-font);font-size:var(--btn-size);font-weight:var(--btn-weight);letter-spacing:var(--btn-track);text-transform:var(--btn-case);transition:background .3s,color .3s,transform .3s}.btn:hover{background:var(--btn-bg-hover);color:var(--btn-fg-hover)}.btn--ghost{background:var(--btn-ghost-bg);color:var(--btn-ghost-fg);border:var(--btn-ghost-border)}.btn--link{height:auto;padding:var(--btn-link-pad);background:transparent;color:inherit;border:0;border-bottom:var(--btn-link-border);border-radius:0}.btn--link:hover{background:transparent;color:inherit}.icon-btn{display:inline-grid;place-items:center;width:var(--icon-btn);height:var(--icon-btn)}.user{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--nav-size)}.badge{display:grid;place-items:center;min-width:var(--badge-size);height:var(--badge-size);border-radius:50%;background:var(--badge-bg);color:var(--badge-fg);font-size:var(--badge-font)}.seq{position:relative;height:var(--seq-length)}.seq__sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:var(--stage-bg)}.seq__canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.stage-ui{position:absolute;inset:0;z-index:5;color:var(--h-color);transition:color var(--theme-fade);pointer-events:none}.stage-ui a,.stage-ui button{pointer-events:auto}.scene{position:absolute;opacity:0;transform:translateY(var(--scene-shift));transition:opacity var(--scene-fade) ease-in-out,transform var(--scene-fade) ease-in-out}.scene.is-on{opacity:1;transform:none}.headline-wrap{left:0;right:0;top:var(--h-top);text-align:center;padding:0 var(--gutter)}.headline{font-family:var(--h-font);font-weight:var(--h-weight);font-size:var(--h-size);letter-spacing:var(--h-track);line-height:var(--h-line);text-transform:uppercase}.tag{display:block;font-family:var(--tag-font);font-size:var(--tag-size);letter-spacing:var(--tag-track);text-transform:uppercase;font-weight:var(--tag-weight);margin-bottom:var(--tag-gap);color:var(--tag-color)}.lede{font-size:var(--lede-size);line-height:var(--lede-line);color:var(--lede-color);max-width:var(--lede-w)}.crumbs{position:absolute;top:var(--crumbs-top);left:var(--gutter);display:flex;gap:var(--space-s);font-size:var(--crumbs-size);color:var(--crumbs-fg)}.arrow{position:absolute;top:50%;display:grid;place-items:center;width:var(--arrow-size);height:var(--arrow-size);border:var(--arrow-border);border-radius:50%;color:var(--arrow-fg);transform:translateY(-50%)}.arrow--prev{left:var(--arrow-inset)}.arrow--next{right:var(--arrow-inset)}.dots{position:absolute;left:50%;bottom:var(--dots-bottom);display:flex;gap:var(--dot-gap);transform:translateX(-50%)}.dots__dot{width:var(--dot-size);height:var(--dot-size);border-radius:var(--dot-radius);border:var(--dot-border);background:var(--dot-bg);transition:background .3s,width .3s}.dots__dot.is-active{background:var(--dot-active-bg);width:var(--dot-active-w)}.fab{position:absolute;bottom:var(--fab-inset);display:grid;place-items:center;width:var(--fab-size);height:var(--fab-size);border-radius:50%;background:var(--fab-bg);color:var(--fab-fg);border:var(--fab-border)}.fab--right{right:var(--fab-inset)}.fab--left{left:var(--fab-inset)}.sec{position:relative;z-index:6;background:var(--sec-bg);color:var(--sec-fg);padding:var(--sec-pad);display:grid;gap:var(--space-m);justify-items:center;text-align:center}.sec__title{font-family:var(--h-font);font-weight:var(--h-weight);font-size:var(--sec-title-size);letter-spacing:var(--h-track);text-transform:uppercase}.sec__text{max-width:var(--lede-w);font-size:var(--lede-size);line-height:var(--lede-line);color:var(--sec-muted)}.foot{background:var(--foot-bg);color:var(--foot-fg);padding:var(--space-m) var(--gutter);display:flex;justify-content:space-between;font-size:var(--micro-size);letter-spacing:var(--micro-track);text-transform:uppercase}.only-mobile{display:none}@media (max-width:760px){.nav,.only-desktop{display:none}.only-mobile{display:inline-grid}.site-header{grid-template-columns:auto 1fr auto;padding:0 var(--gutter-m)}.logo{font-size:var(--logo-size-m)}.headline{font-size:var(--h-size-m)}.arrow{display:none}.microbar{display:none}}.sprite{position:absolute;overflow:hidden}.scene:not(.is-on){pointer-events:none}.menu-toggle{display:none;place-items:center;width:var(--icon-btn);height:var(--icon-btn);color:inherit;background:none;border:0;padding:0;cursor:pointer}@media (max-width:760px){.menu-toggle{display:inline-grid}.site-header.is-open .nav{display:flex;position:absolute;top:var(--hdr-h);left:var(--gutter-m);right:var(--gutter-m);flex-direction:column;gap:var(--space-xs);padding:var(--space-s);border-radius:var(--drawer-radius);background:var(--drawer-bg);color:var(--drawer-fg)}.site-header.is-open .nav__link{padding:var(--space-s)}} /* /sahab_beauty_rose/static/src/css/site.css */ .site-header{grid-template-columns:auto 1fr auto;gap:4vw}.site-header .logo{text-align:center}.site-header .nav{justify-content:center}.rail{position:absolute;left:4vw;right:22vw;top:15.5%;height:1px;background:var(--line-color)}.rail__knob{position:absolute;top:50%;left:calc(var(--p,0)*100%);width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--knob);border:1px solid var(--line-color);transition:left .2s linear}.tint{position:absolute;inset:0;background:var(--tint);opacity:var(--tint-opacity);mix-blend-mode:color;transition:opacity .8s ease,background .8s ease;pointer-events:none;z-index:1}.fx{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.seq{height:100vh}.is-floating .seq__canvas{animation:float 5s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0) scale(1.02)}50%{transform:translateY(-1.2%) scale(1.02)}}.bokeh{position:absolute;border-radius:50%;background:var(--bokeh);animation:drift linear infinite;opacity:0;transition:opacity 1s;pointer-events:none}.is-open .bokeh{opacity:1}.bokeh--1{width:120px;height:120px;left:78%;top:58%;animation-duration:14s}.bokeh--2{width:70px;height:70px;left:12%;top:24%;animation-duration:11s}.bokeh--3{width:160px;height:160px;left:66%;top:20%;animation-duration:18s}.bokeh--4{width:54px;height:54px;left:30%;top:80%;animation-duration:9s}@keyframes drift{0%{transform:translate(0,0)}50%{transform:translate(18px,-26px)}100%{transform:translate(0,0)}}.hot{position:absolute;border-radius:50%;pointer-events:auto;cursor:pointer}.hot--compact{left:36%;top:62%;width:28%;height:26%}.hot--lipstick{left:6%;top:32%;width:16%;height:42%;display:none}.is-paused .hot--lipstick{display:block}.hint{position:absolute;left:50%;top:90%;transform:translateX(-50%);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--hint-fg);animation:blink 1.8s ease-in-out infinite;transition:opacity .4s}.is-open .hint{animation:none;opacity:0}.is-paused .hint{animation:blink 1.8s ease-in-out infinite;opacity:1}@keyframes blink{50%{opacity:.35}}.pill{position:absolute;display:inline-flex;align-items:center;justify-content:center;padding:16px 44px;border-radius:999px;background:var(--pill-bg);color:var(--pill-fg);font-size:clamp(12px,1.3vw,20px);font-weight:600;letter-spacing:.12em;text-transform:uppercase;pointer-events:auto;cursor:pointer;transition:background .6s}.shade{left:73%;top:42.5%}.glow{left:0;right:0;margin-inline:auto;width:max-content;top:81%}.brand{left:5%;top:40%;text-align:center}.brand .headline{font-size:clamp(44px,8.2vw,124px);line-height:.95;letter-spacing:.02em}.brand .tag{font-size:clamp(15px,2.6vw,40px);letter-spacing:.2em;margin:6px 0 0;font-family:var(--logo-font);font-weight:500}.swatches{position:absolute;left:75%;top:52%;display:flex;gap:8px;pointer-events:auto}.swatch{width:18px;height:18px;border-radius:50%;border:2px solid var(--swatch-ring);cursor:pointer}.swatch--rose{background:var(--sw-rose)}.swatch--berry{background:var(--sw-berry)}.swatch--coral{background:var(--sw-coral)}.swatch--nude{background:var(--sw-nude)}@media (max-width:760px){.rail{display:none}.brand{left:0;right:0;margin-inline:auto;width:max-content;top:20%}.shade{left:0;right:0;margin-inline:auto;width:max-content;top:22%}.swatches{left:0;right:0;margin-inline:auto;width:max-content;top:31%}.hot--compact{left:20%;width:60%}}@media (max-width:760px){.site-header .btn{white-space:nowrap}} /* /sahab_beauty_rose/static/src/css/sections.css */ html{scroll-behavior:smooth;overflow-x:hidden}.sec{grid-template-columns:minmax(0,1fr)}.sec--alt{background:var(--sec-alt-bg)}.svc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:var(--space-m);width:100%;max-width:1100px}.svc{display:grid;gap:var(--space-s);align-content:start;padding:var(--space-m);border-radius:var(--card-radius);background:var(--card-bg);border:1px solid var(--card-line);text-align:start}.svc__name{font-family:var(--h-font);font-size:26px;font-weight:var(--h-weight);color:var(--h-color)}.svc__text{font-size:var(--lede-size);line-height:var(--lede-line);color:var(--sec-muted)}.svc__meta{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.book{display:grid;gap:var(--space-s);width:100%;max-width:460px;text-align:start}.book__label{display:grid;gap:var(--space-xs);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.book__input{height:46px;padding:0 var(--space-s);border:1px solid var(--input-line);border-radius:var(--btn-radius);background:var(--input-bg);color:var(--page-fg);font:inherit;font-size:15px;width:100%}.book__send{width:100%}.note{font-size:14px}.note--ok{color:var(--note-ok)}.note--bad{color:var(--note-bad)}.foot__link{text-decoration:underline}.lang{font-size:13px;letter-spacing:.08em;text-transform:uppercase;opacity:var(--nav-opacity)}@media (max-width:760px){.sec{padding:64px var(--gutter-m)}.site-header__right{gap:var(--space-s)}.site-header .btn{height:38px;padding:0 14px;font-size:12px}.foot{flex-direction:column;gap:var(--space-s);text-align:center}.pill{padding:12px 26px}}@media (min-width:761px) and (max-width:1100px){.nav{--nav-gap:24px;--nav-size:14px}.logo{--logo-size:32px}.site-header .btn{padding:0 22px}}[dir="rtl"] body,[dir="rtl"] .btn,[dir="rtl"] .nav__link,[dir="rtl"] .pill,[dir="rtl"] .book__input{font-family:var(--font-ar);letter-spacing:0}[dir="rtl"] .headline,[dir="rtl"] .sec__title,[dir="rtl"] .svc__name{font-family:var(--font-ar-head);letter-spacing:0}[dir="rtl"] .tag,[dir="rtl"] .svc__meta,[dir="rtl"] .book__label,[dir="rtl"] .hint{letter-spacing:0}@media (prefers-reduced-motion:reduce){.is-floating .seq__canvas,.bokeh,.hint{animation:none}} /* /sahab_beauty_rose/static/src/css/phone.css */ .ro-dock{display:none}@media (max-width:600px){.seq__sticky{height:100svh}.headline{font-size:var(--phone-h1);line-height:1.05;padding-inline:var(--phone-pad)}.sec .btn, .book .btn{display:flex;width:calc(100% - 2 * var(--phone-pad));max-width:none;min-height:var(--phone-cta-h);margin-inline:auto;border-radius:var(--phone-pill)}.svc-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:var(--phone-pad);padding-bottom:var(--phone-pad);max-width:100%}.svc-grid > *{flex:0 0 var(--phone-card);min-width:0;scroll-snap-align:start}.ro-dock{display:flex;position:fixed;z-index:40;inset-inline:var(--phone-pad);bottom:calc(var(--phone-pad) + env(safe-area-inset-bottom));min-height:var(--phone-cta-h);border-radius:var(--phone-pill)}.foot{padding-bottom:calc(var(--phone-cta-h) + 3 * var(--phone-pad))}}