/* =====================================================================
   Emadi — Beauty Clinic  (faithful Glowix-style recreation)
   Original stylesheet by the build. Palette & tokens sampled from design.
   Fonts: Ravi (local, Persian numerals) — headings + body
   ===================================================================== */

/* ------------------- Fonts (local Ravi, Farsi numerals) ------------------- */
@font-face{font-family:'Ravi';src:url('../fonts/RaviFaNum-Thin.woff2') format('woff2');font-weight:100;font-style:normal;font-display:swap;}
@font-face{font-family:'Ravi';src:url('../fonts/RaviFaNum-Light.woff2') format('woff2');font-weight:300;font-style:normal;font-display:swap;}
@font-face{font-family:'Ravi';src:url('../fonts/RaviFaNum-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'Ravi';src:url('../fonts/RaviFaNum-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:'Ravi';src:url('../fonts/RaviFaNum-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap;}
@font-face{font-family:'Ravi';src:url('../fonts/RaviFaNum-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;}
@font-face{font-family:'Ravi';src:url('../fonts/RaviFaNum-Black.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap;}
@font-face{font-family:'Ravi';src:url('../fonts/RaviFaNum-ExtraBlack.woff2') format('woff2');font-weight:900;font-style:normal;font-display:swap;}

:root{
    --primary:#481e0b;       /* brown — main brand accent */
    --primary-dark:#0a2947;  /* navy — hover / secondary accent */
    --dark:#481e0b;          /* deep brown — headings & default dark sections */
    --dark-2:#3a1808;
    --navy:#0a2947;          /* complementary navy */
    --cream:#f3e4c9;         /* warm light section bg */
    --sage:#d3d4c0;          /* soft cool tone — panels / borders */
    --tan:#d3d4c0;           /* alias → sage (kept for existing rules) */
    --text:#574e43;          /* warm gray body text */
    --white:#ffffff;
    --heading-font:'Ravi', sans-serif;
    --body-font:'Ravi', sans-serif;
    --radius:30px;
    --radius-pill:100px;
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
    font-family:var(--body-font);
    font-size:16px;
    line-height:1.6;
    color:var(--text);
    background:var(--white);
    overflow-x:clip;
}
html{overflow-x:clip;}
a{text-decoration:none;color:inherit;transition:all .4s ease;}
ul{list-style:none;}
img{max-width:100%;height:auto;display:block;}
.container{max-width:1300px;margin:0 auto;padding:0 15px;}
.container-fluid{width:100%;padding:0 40px;margin:0 auto;}
.row{display:flex;flex-wrap:wrap;margin:0 -15px;}
[class*="col-"]{padding:0 15px;width:100%;}
.align-items-center{align-items:center;}
.no-gutters{margin:0;}
.no-gutters [class*="col-"]{padding:0;}

.col-lg-12{width:100%;}
.col-lg-8{width:66.666%;}
.col-lg-6{width:50%;}
.col-lg-4{width:33.333%;}
.col-md-6{width:50%;}
.col-md-12{width:100%;}

h1,h2,h3,h4,h5,h6{font-family:var(--heading-font);color:var(--dark);font-weight:700;line-height:1.35;}
:lang(fa) p{line-height:1.9;}
p{margin-bottom:15px;}
p:last-child{margin-bottom:0;}

/* ------------------- Buttons ------------------- */
.btn-default{
    display:inline-block;
    background:var(--primary);
    color:var(--white);
    font-family:var(--body-font);
    font-size:16px;
    font-weight:500;
    padding:17px 34px;
    border-radius:var(--radius-pill);
    border:none;
    cursor:pointer;
    text-transform:capitalize;
    position:relative;
    overflow:hidden;
    z-index:1;
    transition:color .4s ease;
}
.btn-default::after{
    content:'';position:absolute;inset:0;background:var(--primary-dark);
    z-index:-1;transform:scaleX(0);transform-origin:right;transition:transform .45s ease;
}
.btn-default:hover{color:var(--white);}
.btn-default:hover::after{transform:scaleX(1);transform-origin:left;}
.btn-highlighted{box-shadow:0 12px 30px rgba(72,30,11,.28);}

/* round read-more arrow button */
.readmore-btn{
    width:52px;height:52px;border-radius:50%;background:var(--primary);
    display:flex;align-items:center;justify-content:center;flex:0 0 52px;
    transition:all .4s ease;border:none;cursor:pointer;
}
.readmore-btn img{width:16px;height:16px;transition:transform .4s ease;}
.readmore-btn:hover{background:var(--dark);}
.readmore-btn:hover img{transform:rotate(45deg);}

/* ------------------- Section title ------------------- */
.section-row{margin-bottom:50px;}
.section-title{margin-bottom:30px;}
.section-title h3{
    font-family:var(--body-font);
    font-size:14px;font-weight:600;
    text-transform:uppercase;letter-spacing:2.8px;
    color:var(--navy);margin-bottom:18px;position:relative;padding-left:0;
}
.section-title h1{font-size:60px;line-height:1.2;color:var(--dark);margin-bottom:20px;}
.section-title h2{font-size:35px;line-height:1.2;color:var(--dark);margin-bottom:20px;}
.section-title p{font-size:16px;line-height:1.7;color:var(--text);}
.section-title-center{text-align:center;max-width:680px;margin:0 auto 50px;}

.dark-section .section-title h2,
.dark-section .section-title h1,
.dark-section h2,.dark-section h3:not(.section-title h3){color:var(--white);}
.dark-section .section-title p,.dark-section p{color:rgba(255,255,255,.75);}
/* buttons & eyebrows on dark surfaces use light tones so they pop */
.dark-section .section-title h3{color:var(--cream);}
.dark-section .btn-default,
.header-contact-btn .btn-default{background:var(--cream);color:var(--dark);}
.dark-section .btn-default::after,
.header-contact-btn .btn-default::after{background:var(--white);}
.dark-section .btn-default:hover,
.header-contact-btn .btn-default:hover{color:var(--dark);}
.bg-section{background:var(--cream);}

/* ------------------- Preloader ------------------- */
.preloader{
    position:fixed;inset:0;background:var(--dark);z-index:9999;
    display:flex;align-items:center;justify-content:center;transition:opacity .6s ease,visibility .6s ease;
}
.preloader.loaded{opacity:0;visibility:hidden;}
.loading-container{text-align:center;}

/* ------------------- Header (frosted glass) ------------------- */
.main-header{position:absolute;top:0;left:0;width:100%;z-index:1000;}

/* glass bar — the frosted layer lives on ::before so the header itself is NOT a
   backdrop-filter containing block (which would trap the position:fixed mobile drawer).
   Also overrides the accidental cream bg so white text stays readable. */
.main-header .header-sticky{
    position:relative;isolation:isolate;background:transparent;
    border-bottom:1px solid rgba(255,255,255,.12);
    box-shadow:0 6px 24px rgba(72,30,11,.10);
    transition:box-shadow .4s ease,border-color .4s ease;
}
.main-header .header-sticky::before{
    content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
    background:rgba(60,25,10,.28);
    -webkit-backdrop-filter:saturate(160%) blur(16px);
    backdrop-filter:saturate(160%) blur(16px);
    transition:background .4s ease;
}
.header-sticky.scrolled{
    position:fixed;top:0;left:0;width:100%;
    border-bottom:1px solid rgba(255,255,255,.10);
    box-shadow:0 12px 34px rgba(0,0,0,.30);
    animation:slideDown .5s ease;
}
.header-sticky.scrolled::before{
    background:rgba(52,21,7,.78);
    -webkit-backdrop-filter:saturate(170%) blur(22px);
    backdrop-filter:saturate(170%) blur(22px);
}
@keyframes slideDown{from{transform:translateY(-100%);}to{transform:translateY(0);}}

.navbar{display:flex;align-items:center;justify-content:space-between;padding:12px 0;}
/* single-row layout: logo | menu | toggle (template was missing this, so it stacked) */
.navbar .container-fluid{display:flex;align-items:center;justify-content:space-between;gap:24px;}
.navbar-brand{flex:0 0 auto;}
.navbar-brand img{height: 46px;}

.main-menu{display:flex;align-items:center;gap:22px;flex:1;justify-content:flex-end;}
.navbar-nav{display:flex;align-items:center;gap:2px;}
.navbar-nav .nav-item{position:relative;}
.navbar-nav .nav-link{
    color:rgba(255,255,255,.90);font-size:15px;font-weight:500;padding:8px 14px;display:block;
    border-radius:var(--radius-pill);transition:color .3s ease,background .3s ease;
}
.navbar-nav .nav-link:hover{color:#fff;background:rgba(255,255,255,.10);}
.navbar-nav .submenu>.nav-link::after{content:'\f107';font-family:'Font Awesome 6 Free';font-weight:900;font-size:11px;margin-inline-start:5px;opacity:.85;}

/* glass dropdown */
.navbar-nav .submenu>ul{
    position:absolute;top:130%;right:0;left:auto;min-width:230px;
    background:rgba(255,255,255,.90);
    -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
    border:1px solid rgba(255,255,255,.6);
    border-radius:16px;padding:10px;box-shadow:0 24px 55px rgba(72,30,11,.20);
    opacity:0;visibility:hidden;transform:translateY(10px);transition:all .35s ease;z-index:50;
}
.navbar-nav .submenu:hover>ul{opacity:1;visibility:visible;transform:translateY(0);}
.navbar-nav .submenu>ul .nav-link{color:var(--dark);padding:9px 16px;font-size:14.5px;border-radius:10px;font-weight:500;}
.navbar-nav .submenu>ul .nav-link:hover{color:var(--primary);background:var(--cream);}

/* single, pill-shaped primary CTA — hide the redundant in-nav copy on desktop */
.highlighted-menu>.nav-link{color:#fff!important;background:var(--primary);}
.highlighted-menu>.nav-link:hover{background:var(--primary-dark);}

.header-contact-btn{display:flex;align-items:center;gap:18px;}
.header-contact-now{color:rgba(255,255,255,.90);font-size:14.5px;display:flex;align-items:center;gap:8px;font-weight:500;}
.header-contact-now i{color:var(--primary);}
.header-contact-now:hover{color:#fff;}
.header-contact-btn .btn-default{padding:11px 24px;font-size:14.5px;}
.navbar-toggle{
    display:none;width:44px;height:44px;align-items:center;justify-content:center;cursor:pointer;
    color:#fff;font-size:20px;border-radius:12px;
    background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);
    -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .3s ease;
}
.navbar-toggle:hover{background:rgba(255,255,255,.18);}
.navbar-toggle::before{content:'\f0c9';font-family:'Font Awesome 6 Free';font-weight:900;line-height:1;}
.navbar-toggle span{display:block;height:2px;background:var(--white);border-radius:2px;transition:all .3s ease;}

/* the CTA already lives in .header-contact-btn (desktop bar + mobile drawer),
   so drop the duplicate in-nav copy on every breakpoint */
.navbar-nav>.highlighted-menu{display:none;}

/* ------------------- Hero ------------------- */
.hero{
    position:relative;padding: 100px 0px 0px 0px;;background:var(--dark);
    background-image:url('../images/hero-bg-shape.svg');
    background-size:cover;background-position:center;overflow:hidden;
}
.hero-content{padding-right:20px;}
.hero-content .section-title h3{color:var(--cream);}
.hero-content .section-title h1{color:var(--white);font-size:50px;}
.hero-content .section-title p{color:rgba(255,255,255,.78);max-width:540px;}
.hero-body{display:flex;align-items:center;gap:34px;margin-top:34px;}
.video-play-button{display:flex;align-items:center;gap:14px;}
.video-play-button p{color:var(--white);margin:0;font-size:15px;}
.video-play-button a.popup-video{
    width:56px;height:56px;border-radius:50%;background:var(--white);color:var(--primary);
    display:flex;align-items:center;justify-content:center;position:relative;font-size:15px;
}
.video-play-button a.popup-video::before{
    content:'';position:absolute;inset:0;border-radius:50%;border:1px solid rgba(255,255,255,.5);
    animation:pulseRing 2s ease-out infinite;
}
@keyframes pulseRing{0%{transform:scale(1);opacity:.8;}100%{transform:scale(1.6);opacity:0;}}
.hero-review-box{margin-top:40px;}
.hero-review-box ul{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.hero-review-box ul li{color:var(--white);font-size:15px;display:flex;align-items:center;gap:4px;}
.hero-review-box ul li img{height:22px;}
.hero-review-box ul li i{color:#f5b301;font-size:14px;}
.hero-image{position:relative;text-align:center;}
.hero-image img{border-radius:var(--radius);margin-left:auto;}

/* ------------------- About ------------------- */
.about-us{padding:100px 0;}
.about-us-images{position:relative;padding-bottom:60px;}
.about-img-1{position:relative;width:78%;}
.about-img-1 img{border-radius:var(--radius);width:100%;}
.about-img-2{position:absolute;right:0;bottom:0;width:46%;border:8px solid var(--white);border-radius:var(--radius);overflow:hidden;}
.about-img-2 img{border-radius:22px;width:100%;}
.company-experience-circle{position:absolute;top:20px;right:8%;width:130px;animation:spin 18s linear infinite;}
@keyframes spin{to{transform:rotate(360deg);}}
.about-us-content{padding-left:30px;}
.about-experience-box{display:block;align-items:center;gap:26px;margin:26px 0;}
.about-experience-list ul li{position:relative;padding-left:30px;margin-bottom:12px;font-size:16px;color:var(--dark);font-family:var(--heading-font);}
.about-experience-list ul li::before{content:'\f00c';font-family:'Font Awesome 6 Free';font-weight:900;color:var(--primary);position:absolute;left:0;top:1px;font-size:14px;}
.about-experience-image figure{width:180px;border-radius:var(--radius);overflow:hidden;flex:0 0 180px;}
.about-experience-image img{border-radius:var(--radius);}
.about-us-body{display:flex;align-items:center;gap:40px;margin-top:30px;flex-wrap:wrap;}
.about-contact-box{display:flex;align-items:center;gap:16px;}
.about-contact-box .icon-box{width:56px;height:56px;border-radius:50%;background:var(--sage);color:var(--dark);display:flex;align-items:center;justify-content:center;font-size:20px;}
.about-contact-box-content p{margin:0;font-size:14px;}
.about-contact-box-content h3{font-size:20px;}
.about-contact-box-content h3 a:hover{color:var(--primary);}

/* ------------------- Services ------------------- */
.our-services{padding:100px 0;}
.our-services .row:last-child{margin-top:0;}
.service-item{
    background:var(--white);border-radius:var(--radius);padding:26px;margin-bottom:30px;
    box-shadow:0 10px 40px rgba(72,30,11,.06);transition:all .4s ease;
    display:flex;flex-direction:column;gap:22px;height:calc(100% - 30px);
}
.service-item:hover{transform:translateY(-8px);box-shadow:0 24px 60px rgba(72,30,11,.12);}
.service-content-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px;}
.service-content-title h2{font-size:24px;line-height:1.3;}
.service-content-title h2 a:hover{color:var(--primary);}
.service-content p{font-size:15px;}
.service-image{border-radius:var(--radius);overflow:hidden;}
.service-image img{border-radius:var(--radius);width:100%;height:220px;object-fit:cover;transition:transform .6s ease;}
.service-item:hover .service-image img{transform:scale(1.06);}
.section-footer-text{text-align:center;margin-top:24px;}
.section-footer-text p{font-size:18px;color:var(--dark);}
.section-footer-text p span{background:var(--primary);color:var(--white);font-size:12px;padding:4px 12px;border-radius:20px;margin-right:10px;text-transform:uppercase;font-family:var(--body-font);}
.section-footer-text p a{color:var(--primary);text-decoration:underline;font-weight:600;}

/* ------------------- What we do ------------------- */
.what-we-do{padding:100px 0;}
.what-we-image-1 img{border-radius:var(--radius);width:100%;}
.what-we-content{padding:0 20px;}
.what-we-content .about-experience-list{margin:24px 0;}
.what-we-image-2{position:relative;}
.what-we-image-2 figure{border-radius:var(--radius);overflow:hidden;}
.what-we-image-2 img{border-radius:var(--radius);width:100%;}
.experirnce-box{
    position:absolute;left:-20px;bottom:30px;background:var(--primary);color:var(--white);
    width:150px;height:150px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 16px 40px rgba(10,41,71,.28);
}
.experirnce-box h2{color:var(--white);font-size:40px;line-height:1;}
.experirnce-box p{color:var(--white);font-size:13px;margin-top:6px;}

/* ------------------- Intro video ------------------- */
.intro-video{padding:0;}
.intro-video-box{position:relative;height:520px;overflow:hidden;border-radius:0;}
.intro-bg-video{position:absolute;inset:0;background:linear-gradient(120deg,#481e0b 0%,#3a1808 40%,#0a2947 100%);}
.intro-bg-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.intro-video-box::after{content:'';position:absolute;inset:0;background:rgba(72,30,11,.35);}
.intro-video-box .video-play-button{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:2;}
.intro-video-box .video-play-button a{
    width:90px;height:90px;border-radius:50%;background:var(--white);color:var(--primary);
    display:flex;align-items:center;justify-content:center;font-size:0;position:relative;
}
.intro-video-box .video-play-button a::before{content:'\f04b';font-family:'Font Awesome 6 Free';font-weight:900;font-size:24px;}
.intro-video-box .video-play-button a::after{content:'';position:absolute;inset:0;border-radius:50%;border:2px solid rgba(255,255,255,.6);animation:pulseRing 2s ease-out infinite;}

/* ------------------- Case study ------------------- */
.case-study{padding:100px 0;}
.case-study-content{padding-right:30px;}
.case-study-item{position:relative;border-radius:var(--radius);overflow:hidden;margin-bottom:30px;}
.case-study-image img{width:100%;height:300px;object-fit:cover;transition:transform .6s ease;}
.case-study-item:hover .case-study-image img{transform:scale(1.07);}
.case-study-body{
    position:absolute;left:16px;right:16px;bottom:16px;background:var(--white);border-radius:18px;
    padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:14px;
    transform:translateY(20px);opacity:0;transition:all .4s ease;
}
.case-study-item:hover .case-study-body{transform:translateY(0);opacity:1;}
.case-study-item-content h3{font-size:19px;}
.case-study-item-content h3 a:hover{color:var(--primary);}
.case-study-readmore-btn .readmore-btn{width:46px;height:46px;flex:0 0 46px;}

/* ------------------- Why choose ------------------- */
.why-choose-us{padding:100px 0;}
.why-choose-images{position:relative;padding-left:40px;padding-bottom:40px;}
.why-choose-image{border-radius:var(--radius);overflow:hidden;}
.why-choose-image img{border-radius:var(--radius);width:100%;}
.why-choose-image.img-1{width:75%;}
.why-choose-image.img-2{position:absolute;left:0;bottom:0;width:42%;border:8px solid var(--white);border-radius:var(--radius);}
.years-experience-text{
    position:absolute;top:60px;right:-10px;background:var(--primary);color:var(--white);
    writing-mode:vertical-rl;padding:20px 12px;border-radius:14px;text-transform:uppercase;letter-spacing:2px;font-size:13px;
}
.years-experience-text p{color:var(--white);margin:0;}
.why-choose-content{padding-left:40px;}
.why-choose-contact-box h3{font-size:22px;line-height:1.5;color:var(--dark);font-family:var(--heading-font);margin:24px 0;font-weight:400;}
.why-choose-contact-item{display:flex;align-items:center;gap:16px;}
.why-choose-contact-item .icon-box{position:relative;width:60px;height:60px;flex:0 0 60px;}
.why-choose-contact-item .icon-box img{width:60px;height:60px;border-radius:50%;object-fit:cover;}
.why-choose-contact-item .icon-box i{position:absolute;right:-4px;bottom:-4px;width:26px;height:26px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;}
.why-choose-contact-item-content p{margin:0;}
.why-choose-contact-item-content a{color:var(--primary);font-weight:600;}

/* ------------------- How it work ------------------- */
.how-it-work{padding:100px 0;}
.how-work-content{padding-right:40px;}
.how-work-step-item{display:flex;gap:22px;padding:22px 0;border-bottom:1px solid #eee2db;align-items:flex-start;}
.how-work-step-item:first-child{padding-top:0;}
.how-work-step-item .icon-box{width:66px;height:66px;flex:0 0 66px;border-radius:50%;background:var(--sage);display:flex;align-items:center;justify-content:center;transition:all .4s ease;}
.how-work-step-item:hover .icon-box{background:var(--primary);}
.how-work-step-item .icon-box img{width:34px;height:34px;transition:filter .4s ease;}
.how-work-step-item:hover .icon-box img{filter:brightness(0) invert(1);}
.how-work-step-content h3{font-size:22px;margin-bottom:8px;}
.how-work-step-content p{font-size:15px;}

/* ------------------- Testimonials ------------------- */
.our-testimonials{padding:100px 0;background:var(--dark);}
.our-testimonial-image figure{border-radius:var(--radius);overflow:hidden;}
.our-testimonial-image img{border-radius:var(--radius);width:100%;}
.our-testimonial-content{padding-left:40px;}
.our-testimonial-content .section-title h3{color:var(--cream);}
.our-testimonial-content .section-title h2{color:var(--white);}
.our-testimonial-content .section-title p{color:rgba(255,255,255,.8);font-size:18px;line-height:1.7;font-style:italic;}
.testimonial-author-details h3{color:var(--white);font-size:22px;}
.testimonial-author-details p{color:var(--primary);}
.testimonial-slider{margin-top:60px;}
.testimonial-slider .swiper{overflow:hidden;}
.testimonial-item{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);padding:34px;height:100%;}
.testimonial-item-content p{color:rgba(255,255,255,.85);font-size:16px;line-height:1.7;margin-bottom:24px;}
.testimonial-author{display:flex;align-items:center;gap:16px;}
.testimonial-author .author-image figure{width:60px;height:60px;border-radius:50%;overflow:hidden;flex:0 0 60px;}
.testimonial-author .author-image img{width:60px;height:60px;object-fit:cover;}
.testimonial-author .author-content h3{color:var(--white);font-size:18px;}
.testimonial-author .author-content p{color:var(--primary);margin:0;font-size:14px;}

/* ------------------- Results ------------------- */
.our-results{padding:100px 0;}
.transformation-image{display:flex;gap:16px;margin-bottom:30px;}
.transformation-image figure{flex:1;border-radius:var(--radius);overflow:hidden;position:relative;}
.transformation-image figure img{width:100%;height:360px;object-fit:cover;}
.transform-img-1::after{content:'Before';position:absolute;top:14px;left:14px;background:rgba(72,30,11,.8);color:#fff;padding:5px 14px;border-radius:20px;font-size:12px;}
.transform-img-2::after{content:'After';position:absolute;top:14px;left:14px;background:var(--primary);color:#fff;padding:5px 14px;border-radius:20px;font-size:12px;}
.facts-counter-box{display:flex;flex-wrap:wrap;gap:20px;margin-top:40px;background:var(--cream);border-radius:var(--radius);padding:44px 30px;justify-content:space-between;}
.facts-counter-item{display:flex;align-items:center;gap:16px;flex:1;min-width:200px;}
.facts-counter-item .icon-box{width:60px;height:60px;flex:0 0 60px;}
.facts-counter-item .icon-box img{width:52px;height:52px;}
.facts-counter-content h3{font-size:38px;color:var(--dark);}
.facts-counter-content p{font-size:14px;margin:0;}

/* ------------------- Appointment ------------------- */
.our-appointment{padding:0px 0;}
.our-appointment-image figure{border-radius:var(--radius);overflow:hidden;}
.our-appointment-image img{border-radius:var(--radius);width:100%;}
.appointment-form{padding-left:40px;}
.form-group{margin-bottom:0;}
.mb-4{margin-bottom:20px;}
.form-control{
    width:100%;padding:15px 20px;border:1px solid #e6d8d0;border-radius:14px;background:var(--white);
    font-family:var(--body-font);font-size:15px;color:var(--dark);transition:border-color .3s ease;
}
.form-control::placeholder{color:#a99f99;}
.form-control:focus{outline:none;border-color:var(--primary);}
.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2369615d' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 20px center;}
.contact-form-btn{margin-top:6px;}
.appointment-form form .row{margin:0 -10px;}
.appointment-form .form-group{padding:0 10px;}

/* ------------------- Blog ------------------- */
.our-blog{padding:100px 0;}
.post-item{margin-bottom:30px;background:var(--white);border-radius:var(--radius);overflow:hidden;box-shadow:0 10px 40px rgba(72,30,11,.06);transition:all .4s ease;}
.post-item:hover{transform:translateY(-8px);box-shadow:0 24px 60px rgba(72,30,11,.12);}
.post-featured-image{overflow:hidden;}
.post-featured-image img{width:100%;height:250px;object-fit:cover;transition:transform .6s ease;}
.post-item:hover .post-featured-image img{transform:scale(1.07);}
.post-item-body{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:26px;}
.post-item-content h2{font-size:21px;line-height:1.35;}
.post-item-content h2 a:hover{color:var(--primary);}

/* posts: single row, 3 per view, horizontal scroll for the rest */
.our-blog .row:not(.section-row){
    flex-wrap:nowrap;gap:30px;margin:0;
    overflow-x:auto;overflow-y:hidden;
    scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;
    padding:14px 2px 20px;                 /* top room for hover-lift, bottom for scrollbar */
    scrollbar-width:thin;scrollbar-color:var(--primary) var(--tan);
}
.our-blog .row:not(.section-row) > [class*="col-"]{
    flex:0 0 calc((100% - 60px) / 3);max-width:calc((100% - 60px) / 3);
    padding:0;display:flex;scroll-snap-align:start;
}
.our-blog .row:not(.section-row) .post-item{margin-bottom:0;width:100%;display:flex;flex-direction:column;}
.our-blog .row:not(.section-row) .post-item-body{flex:1;}
/* brand scrollbar */
.our-blog .row:not(.section-row)::-webkit-scrollbar{height:8px;}
.our-blog .row:not(.section-row)::-webkit-scrollbar-track{background:var(--tan);border-radius:100px;}
.our-blog .row:not(.section-row)::-webkit-scrollbar-thumb{background:var(--primary);border-radius:100px;}
.our-blog .row:not(.section-row)::-webkit-scrollbar-thumb:hover{background:var(--primary-dark);}
@media(max-width:991px){
    .our-blog .row:not(.section-row) > [class*="col-"]{flex:0 0 47%;max-width:47%;}   /* ~2 per view */
}
@media(max-width:575px){
    .our-blog .row:not(.section-row) > [class*="col-"]{flex:0 0 85%;max-width:85%;}    /* 1 + peek */
}

/* ------------------- Footer (compact) ------------------- */
.main-footer{background:var(--navy);color:rgba(255,255,255,.7);padding-top:56px;}
.footer-intro{border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:26px;margin-bottom:38px;}
.footer-intro h2{color:var(--white);font-size:23px;line-height:1.7;max-width:780px;font-weight:600;}

.footer-widgets{row-gap:36px;}
.about-footer{padding-right:0;}
.footer-logo{margin-bottom:18px;}
.footer-logo img{height:42px;}
.about-footer-content p{color:rgba(255,255,255,.62);margin:0;font-size:15px;line-height:2;max-width:340px;}

.footer-links h3{color:var(--white);font-size:18px;margin-bottom:20px;}

/* social channels */
.footer-channels li{margin-bottom:10px;}
.footer-channels li a{display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.78);}
.footer-channels li a i{width:36px;height:36px;flex:0 0 36px;border-radius:50%;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--primary);transition:all .3s ease;}
.footer-channels li a:hover{color:#fff;}
.footer-channels li a:hover i{background:var(--primary);border-color:var(--primary);color:#fff;}
.footer-channels .ch-text{display:flex;flex-direction:column;line-height:1.35;}
.footer-channels .ch-name{font-size:14px;}
.footer-channels .ch-handle{font-size:12.5px;color:rgba(255,255,255,.5);}
.footer-note{display:flex;align-items:center;gap:8px;font-size:12.5px;color:rgba(255,255,255,.45);margin:16px 0 0;}
.footer-note i{color:rgba(255,255,255,.35);}

/* pharmacy */
.footer-contact-list li{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px;font-size:14.5px;line-height:1.9;color:rgba(255,255,255,.75);}
.footer-contact-list li i{color:var(--primary);margin-top:6px;flex:0 0 auto;}
.footer-contact-list li a:hover{color:var(--primary);}
.footer-pharmacy-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px;}
.footer-pharmacy-btns .btn-default{padding:11px 22px;font-size:14px;}
.btn-outline{display:inline-block;border:1px solid rgba(255,255,255,.28);color:#fff;border-radius:var(--radius-pill);padding:11px 22px;font-size:14px;font-weight:500;transition:all .35s ease;}
.btn-outline:hover{background:#fff;color:var(--dark);border-color:#fff;}

/* bottom bar */
.footer-copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:44px;padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:10px 34px;flex-wrap:wrap;}
.footer-disclaimer{margin:0;font-size:12.5px;color:rgba(255,255,255,.45);line-height:1.85;max-width:640px;}
.footer-copyright-text{margin:0;font-size:13px;color:rgba(255,255,255,.6);}

/* ------------------- WOW animations ------------------- */
.js .wow{visibility:hidden;}
.fadeInUp{animation-name:fadeInUp;}
@keyframes fadeInUp{from{opacity:0;transform:translateY(40px);}to{opacity:1;transform:translateY(0);}}
.animated{visibility:visible;animation-duration:1s;animation-fill-mode:both;}
figure.image-anime,figure.reveal{overflow:hidden;}

/* ------------------- Video modal ------------------- */
.video-modal{position:fixed;inset:0;background:rgba(20,8,3,.85);z-index:3000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease;padding:20px;}
.video-modal.show{opacity:1;visibility:visible;}
.video-modal-inner{position:relative;width:100%;max-width:900px;aspect-ratio:16/9;}
.video-modal-inner iframe{width:100%;height:100%;border:none;border-radius:14px;}
.video-modal-close{position:absolute;top:-42px;right:0;color:#fff;font-size:34px;cursor:pointer;line-height:1;}

/* ------------------- Order utilities ------------------- */
.order-1{order:1;}.order-2{order:2;}
@media(min-width:992px){.order-lg-1{order:1;}.order-lg-2{order:2;}}

/* ===================== Responsive ===================== */
@media(max-width:1199px){
    .container{max-width:1140px;}
    .section-title h1{font-size:52px;}
    .section-title h2{font-size:35px;}
}
@media(max-width:991px){
    .col-lg-8,.col-lg-6,.col-lg-4{width:100%;}
    .container-fluid{padding:0 20px;}
    .navbar-toggle{display:flex;}
    .main-menu{
        position:fixed;top:0;right:-320px;width:300px;height:100vh;background:var(--dark);
        flex-direction:column;justify-content:flex-start;align-items:stretch;padding:80px 24px 30px;
        gap:0;overflow-y:auto;transition:right .4s ease;z-index:1200;box-shadow:-10px 0 40px rgba(0,0,0,.3);
    }
    .main-menu.open{right:0;}
    .navbar-nav{flex-direction:column;align-items:stretch;gap:0;width:100%;}
    .navbar-nav .nav-link{padding:12px 4px;border-bottom:1px solid rgba(255,255,255,.08);}
    .navbar-nav .submenu>ul{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;background:transparent;padding:0 0 0 14px;display:none;}
    .navbar-nav .submenu.open>ul{display:block;}
    .navbar-nav .submenu>ul .nav-link{color:rgba(255,255,255,.8);}
    .header-contact-btn{flex-direction:column;align-items:stretch;gap:14px;margin-top:20px;}
    .header-contact-now{color:#fff;}
    .menu-close{position:absolute;top:20px;right:22px;font-size:26px;color:#fff;cursor:pointer;}
    .hero{padding:150px 0 80px;}
    .hero-image{margin-top:50px;}
    .about-us-content,.why-choose-content,.our-testimonial-content,.appointment-form,.what-we-content,.how-work-content,.case-study-content{padding-left:0;padding-right:0;margin-top:40px;}
    .footer-header{flex-direction:column;align-items:flex-start;}
    .col-md-6{width:50%;}
    body.menu-open{overflow:hidden;}
    .menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:1100;opacity:0;visibility:hidden;transition:all .3s ease;}
    .menu-overlay.show{opacity:1;visibility:visible;}
}
@media(max-width:767px){
    .col-md-6{width:100%;}
    .section-title h1{font-size:40px;}
    .section-title h2{font-size:32px;}
    .hero-body{flex-wrap:wrap;gap:22px;}
    .about-us-body{flex-direction:column;align-items:flex-start;gap:22px;}
    .facts-counter-box{flex-direction:column;}
    .footer-newsletter-form form .form-group{min-width:auto;width:100%;}
    .footer-links-box,.footer-contact-box{gap:24px;}
    .transformation-image{flex-direction:column;}
    .container-fluid{padding:0 15px;}
    .section-footer-text p{font-size:16px;}
}
@media(max-width:479px){
    .section-title h1{font-size:32px;}
    .navbar-brand img{height: 46px;}
    .experirnce-box{left:0;}
}

/* =====================================================================
   RTL — Persian (right-to-left) overrides
   ===================================================================== */
[dir="rtl"] body{text-align:right;}
[dir="rtl"] .section-title h1,[dir="rtl"] .section-title h2{line-height:1.5;}
[dir="rtl"] .hero-content .section-title h1{line-height:1.45;}

/* spacing mirrors */
[dir="rtl"] .hero-content{padding-right:0;padding-left:20px;}
[dir="rtl"] .about-us-content{padding-left:0;padding-right:30px;}
[dir="rtl"] .case-study-content{padding-right:0;padding-left:30px;}
[dir="rtl"] .why-choose-content{padding-left:0;padding-right:40px;}
[dir="rtl"] .our-testimonial-content{padding-left:0;padding-right:40px;}
[dir="rtl"] .how-work-content{padding-right:0;padding-left:40px;}
[dir="rtl"] .appointment-form{padding-left:0;padding-right:40px;}

/* checkmark list */
[dir="rtl"] .about-experience-list ul li{padding-left:0;padding-right:30px;}
[dir="rtl"] .about-experience-list ul li::before{left:auto;right:0;}

/* about images */
[dir="rtl"] .about-img-2{right:auto;left:0;}
[dir="rtl"] .company-experience-circle{right:auto;left:8%;}

/* what-we experience badge */
[dir="rtl"] .experirnce-box{left:auto;right:-20px;}

/* why choose images + vertical badge */
[dir="rtl"] .why-choose-images{padding-left:0;padding-right:40px;}
[dir="rtl"] .why-choose-image.img-2{left:auto;right:0;}
[dir="rtl"] .years-experience-text{right:auto;left:-10px;}
[dir="rtl"] .why-choose-contact-item .icon-box i{right:auto;left:-4px;}

/* services free tag + select arrow */
[dir="rtl"] .section-footer-text p span{margin-right:0;margin-left:10px;}
[dir="rtl"] .form-select{background-position:left 20px center;}

/* header dropdown */
[dir="rtl"] .navbar-nav .submenu>ul{left:auto;right:0;}
[dir="rtl"] .navbar-nav .submenu>ul .nav-link:hover{padding-left:22px;padding-right:28px;}
[dir="rtl"] .navbar-nav .submenu>.nav-link::after{margin-left:0;margin-right:6px;}

/* footer */
[dir="rtl"] .footer-links ul li a:hover{padding-left:0;padding-right:5px;}
[dir="rtl"] .footer-newsletter-form form .form-group{padding:6px 24px 6px 6px;}

/* keep numeric stats left-to-right so "25+" / "150K+" read correctly */
[dir="rtl"] .facts-counter-content h3,[dir="rtl"] .experirnce-box h2{direction:ltr;text-align:right;}
[dir="rtl"] .experirnce-box h2{text-align:center;}

/* mobile slide-in menu from the left in RTL */
@media(max-width:991px){
    [dir="rtl"] .main-menu{right:auto;left:-320px;}
    [dir="rtl"] .main-menu.open{left:0;right:auto;}
    [dir="rtl"] .main-menu{box-shadow:10px 0 40px rgba(0,0,0,.3);}
    [dir="rtl"] .menu-close{right:auto;left:22px;}
    [dir="rtl"] .navbar-nav .submenu>ul{padding:0 14px 0 0;}
    [dir="rtl"] .about-us-content,[dir="rtl"] .why-choose-content,[dir="rtl"] .our-testimonial-content,
    [dir="rtl"] .appointment-form,[dir="rtl"] .what-we-content,[dir="rtl"] .how-work-content,
    [dir="rtl"] .case-study-content,[dir="rtl"] .hero-content{padding-left:0;padding-right:0;}
}