@import url('./fonts/fonts.css');

:root{--font-ui:'Noto Sans Arabic',Arial,sans-serif}
body{font-family:var(--font-ui);font-size:16px;line-height:1.8;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font-family:var(--font-ui);font-variant-numeric:lining-nums tabular-nums}
h1,h2,h3{font-family:var(--font-ui);font-style:normal;text-wrap:balance}
p{overflow-wrap:break-word}
.number,.qty,.stat strong,.pos-stats b,.product-code,.work-count,.feature-chip,th,td{font-variant-numeric:lining-nums tabular-nums}
.number{white-space:nowrap;unicode-bidi:isolate;font-weight:inherit}
.brand{font-size:24px;letter-spacing:-.7px;line-height:1.5}
.nav{padding-block:24px}.navlinks{font-size:15px;gap:26px}
.lang{font-size:15px;line-height:1.7;min-height:44px;padding:7px 12px;border-radius:8px;max-width:160px}
.eyebrow{font-size:13px;letter-spacing:.12em;line-height:1.65}
.studio-hero{padding-block:74px 64px;gap:54px}
.studio-hero h1{font-size:clamp(44px,5.8vw,78px);font-weight:600;letter-spacing:-.04em;line-height:1.18;margin-block:25px}
.studio-hero p,.hero-bottom p{font-size:18px;line-height:1.85;max-width:590px}
.hero-feature{transform:rotate(2deg)}
.hero-feature h3{font-size:30px;font-weight:600;line-height:1.4;letter-spacing:-.025em}
.hero-feature-top{font-size:13px;letter-spacing:.05em}
.hero-feature .ticket{line-height:1.8;grid-template-columns:minmax(0,1fr) auto;gap:13px}
.hero-feature-bottom,.feature-chip{font-size:14px}
.section-head h2,.about h2{font-size:clamp(30px,3.3vw,43px);font-weight:600;line-height:1.35;letter-spacing:-.035em}
.section-head p{font-size:16px;line-height:1.85;max-width:370px}
.ticker{font-size:14px;line-height:1.8;gap:18px;padding-block:20px}
.btn{font-size:15px;line-height:1.75;min-height:48px;border-radius:8px}
.textlink{font-size:15px;line-height:1.7}
.project-filters button,.filter,.store-filters button{font-size:14px;line-height:1.8;min-height:42px}
.demo-card .project-meta h3{font-size:22px;line-height:1.5;font-weight:600;letter-spacing:-.02em}
.demo-card p,.project p,.service p,.process-step p,.faq-list p{font-size:16px;line-height:1.85}
.project-meta{margin-top:20px;align-items:start}.round{flex-shrink:0}
.demo-cover{border-radius:10px}.cover-copy b{font-size:30px;line-height:1.35;font-weight:600;letter-spacing:-.02em}
.cover-copy small,.demo-cover .cover-type{font-size:13px;line-height:1.7}
.card-ui{padding:18px}.card-ui .bar,.card-ui .row{font-size:13px;line-height:1.8}.card-ui .amount{font-size:30px;line-height:1.5}
.service h3{font-size:26px;line-height:1.45;font-weight:600;letter-spacing:-.025em;margin-top:23px}
.service small,.tag{font-size:14px;line-height:1.8}
.about p{font-size:21px;line-height:1.95;max-width:760px}
.process-step h3{font-size:21px;font-weight:600;line-height:1.5}
.faq-grid h2{font-size:36px;font-weight:600;line-height:1.45}.faq-list summary{font-size:18px;line-height:1.8;font-weight:500;align-items:start}.faq-list details{padding-block:21px}
.contact h2{font-size:clamp(34px,4.1vw,56px);line-height:1.3;letter-spacing:-.035em;font-weight:600}
.contact p,.project-brief{line-height:1.85}.project-brief h3{font-size:24px;line-height:1.5}
.brief-grid label{font-size:15px;font-weight:500}.brief-grid textarea,.brief-grid select{font-size:16px;line-height:1.8;border-radius:6px}
.brief-hint{font-size:14px}.contact-details{font-size:15px}footer{font-size:13px;line-height:1.8}
.demo-bar{font-size:14px;line-height:1.8}.demo-note{font-size:14px;line-height:1.8}
.store-brand{font-family:var(--font-ui);font-size:27px;font-weight:700;letter-spacing:.05em;line-height:1.5}
.haircare .store-brand,.shoes .store-brand,.clothes .store-brand{letter-spacing:-.025em}
.store-hero h1,.haircare .store-hero h1{font-family:var(--font-ui);font-weight:600;font-style:normal;line-height:1.22;letter-spacing:-.035em;font-size:clamp(42px,4.8vw,64px)}
.makeup .store-hero h1{font-style:normal;font-weight:500}
.clothes .store-hero h1,.shoes .store-hero h1{font-size:clamp(44px,5.1vw,68px);line-height:1.13;letter-spacing:-.035em;font-weight:800}
.store-hero p{font-size:17px;line-height:1.85}.store .btn{font-size:15px}
.store-hero .eyebrow{font-size:13px;letter-spacing:.1em}.store-benefits{font-size:14px;line-height:1.8}
.collection-head h2{font-size:36px;line-height:1.4;font-weight:600;letter-spacing:-.025em}
.collection-head select,.bag-button{font-size:15px;line-height:1.8;min-height:44px}
.product-card h3{font-size:20px;line-height:1.6;font-weight:600;letter-spacing:-.015em}
.product-card small{font-size:13px;line-height:1.8}.product-bottom{font-size:16px;line-height:1.8;flex-wrap:wrap}.product-bottom button{font-size:14px;min-height:40px}
.product-img .product-badge{font-size:12px;line-height:1.8;padding:4px 10px}
.store-story h2{font-family:var(--font-ui);font-size:32px;font-weight:600;line-height:1.5}.store-story p{font-size:17px;line-height:1.9}
.detail-grid h3{font-size:27px;line-height:1.5;font-weight:600}.detail-grid p{font-size:16px;line-height:1.85}
.detail-grid label,.detail-grid select{font-size:16px;line-height:1.8}
.bag-line h3{font-size:17px;font-weight:600;line-height:1.6}.bag-line small{font-size:14px}.bag-line b{font-size:15px}.bag-note{font-size:14px;line-height:1.8}
.qty button{min-width:34px;min-height:34px}.bag-total{font-size:21px;line-height:1.8}
.dialog-head h2{font-size:25px;font-weight:600;line-height:1.5}.dialog-head{gap:16px}.dialog-close{min-width:42px;min-height:42px}
.pos-heading h1,.stock-head h1{font-size:36px;line-height:1.45;font-weight:600;letter-spacing:-.03em}
.pos-heading p,.stock-head p{font-size:16px;line-height:1.85}
.pos-product strong{font-size:18px;line-height:1.6;font-weight:600}.pos-product small{font-size:15px;line-height:1.8}
.pos-register h2{font-size:24px;line-height:1.5}.register-item strong{font-size:16px;line-height:1.8}.register-summary>div{font-size:15px;line-height:1.8}
.register-summary .grand-total{font-size:23px}.pos-payment label,.pos-payment input{font-size:16px;line-height:1.8}.pos-payment input{text-align:start}
.pos-note,.inventory-note{font-size:14px;line-height:1.85}.receipt{font-size:15px;line-height:1.8}.receipt h3{font-size:27px;line-height:1.5}
.stat span{font-size:15px}.stat strong{font-size:28px;line-height:1.6}.stats{gap:18px}th,td{font-size:15px;line-height:1.8}
.cafe-hero h1{font-family:var(--font-ui);font-size:clamp(43px,5.3vw,70px);font-weight:600;line-height:1.22;letter-spacing:-.035em}
.cafe-hero p,.business-hero p{font-size:17px;line-height:1.9}.business-hero h1{font-size:clamp(44px,5.3vw,70px);font-weight:600;line-height:1.2;letter-spacing:-.035em}
.menu-item h3,.business-service h3{font-size:22px;line-height:1.5;font-weight:600}.menu-item p,.business-service p{font-size:16px;line-height:1.85}.small-btn{font-size:15px;min-height:40px}
[dir=rtl] body{line-height:1.95}
[dir=rtl] .studio-hero h1,[dir=rtl] .store-hero h1,[dir=rtl] .haircare .store-hero h1,[dir=rtl] .clothes .store-hero h1,[dir=rtl] .shoes .store-hero h1,[dir=rtl] .cafe-hero h1,[dir=rtl] .business-hero h1{font-family:var(--font-ui);font-size:clamp(40px,4.7vw,63px);font-weight:600;font-style:normal;line-height:1.55;letter-spacing:0}
[dir=rtl] .eyebrow,[dir=rtl] .store-hero .eyebrow,[dir=rtl] .store-brand,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] .cover-copy b{letter-spacing:0}
[dir=rtl] .studio-hero p,[dir=rtl] .about p,[dir=rtl] .store-hero p,[dir=rtl] .demo-card p,[dir=rtl] .service p{line-height:2}
[dir=rtl] .section-head h2,[dir=rtl] .contact h2,[dir=rtl] .about h2{line-height:1.6}
@media(max-width:1000px){.studio-hero{gap:32px}.studio-hero h1{font-size:58px}.hero-feature h3{font-size:27px}.pos-layout{grid-template-columns:1fr 1fr}.pos-register{padding:20px}.hero-feature-body{padding:20px}.store-hero h1,.haircare .store-hero h1{font-size:48px}}
@media(max-width:720px){.nav{padding-block:18px}.brand{font-size:22px}.studio-hero{padding-block:40px 46px;gap:32px}.studio-hero h1{font-size:clamp(38px,10.6vw,53px);line-height:1.2;letter-spacing:-.035em}.studio-hero p{font-size:17px;line-height:1.9}.hero-feature{transform:none}.hero-feature h3{font-size:28px}.eyebrow{font-size:12px}.ticker{font-size:13px;gap:10px 16px}.section-head h2,.about h2{font-size:31px}.section-head p{font-size:16px}.cover-copy b{font-size:30px}.process-grid{grid-template-columns:1fr}.process-step h3{font-size:22px}.about p{font-size:18px;line-height:1.95}.faq-grid h2{font-size:31px}.faq-list summary{font-size:17px}.contact h2{font-size:35px}.contact-box{padding:26px}.store-hero h1,.haircare .store-hero h1{font-size:43px}.clothes .store-hero h1,.shoes .store-hero h1{font-size:48px}.store-products{gap:25px 15px}.product-card h3{font-size:17px}.product-bottom{font-size:15px}.bag-line{grid-template-columns:45px minmax(0,1fr);gap:12px}.bag-line>b{grid-column:2}.pos-layout{grid-template-columns:1fr}.register-summary .grand-total{font-size:22px}.stats{gap:12px}.stat strong{font-size:26px}.cafe-hero h1,.business-hero h1{font-size:43px;line-height:1.3}[dir=rtl] .studio-hero h1,[dir=rtl] .store-hero h1,[dir=rtl] .haircare .store-hero h1,[dir=rtl] .clothes .store-hero h1,[dir=rtl] .shoes .store-hero h1,[dir=rtl] .cafe-hero h1,[dir=rtl] .business-hero h1{font-size:clamp(33px,9vw,43px);line-height:1.65}}