/* ===========================================
   الشريف والمصطفى — Premium Theme v2.0
   =========================================== */
:root{
  --primary:#3A2418;--cream:#F8F3EC;--beige:#E8D8C5;
  --gold:#C8A46A;--text:#22201E;--white:#fff;
  --muted:#7a6e63;--wa:#25d366;
  --font:'Cairo',sans-serif;
  --r-sm:10px;--r-md:16px;--r-lg:24px;--r-xl:32px;
  --shadow:0 8px 30px rgba(0,0,0,0.08);
  --t:0.3s ease;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font);color:var(--text);background:var(--cream);line-height:1.7;direction:rtl;-webkit-font-smoothing:antialiased;padding-bottom:72px}
@media(min-width:1024px){body{padding-bottom:0}}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none;transition:var(--t)}
ul,ol{list-style:none}
button{cursor:pointer;font-family:inherit;border:none;background:none}
h1,h2,h3,h4{font-weight:700;line-height:1.3}
.es-container{max-width:1280px;margin:0 auto;padding:0 20px}
@media(min-width:768px){.es-container{padding:0 40px}}

/* === BUTTONS === */
.es-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;font-size:15px;font-weight:700;border-radius:var(--r-xl);transition:var(--t);justify-content:center;white-space:nowrap;border:none}
.es-btn--primary{background:var(--primary);color:var(--white)}
.es-btn--primary:hover{background:#2a1a10;transform:translateY(-2px);box-shadow:var(--shadow)}
.es-btn--wa{background:var(--wa);color:var(--white)}
.es-btn--wa:hover{background:#1da851;transform:translateY(-2px);box-shadow:0 8px 24px rgba(37,211,102,0.35)}
.es-btn--outline{background:transparent;border:2px solid var(--primary);color:var(--primary)}
.es-btn--outline:hover{background:var(--primary);color:var(--white)}
.es-btn--outline-light{background:transparent;border:2px solid rgba(255,255,255,0.5);color:var(--white)}
.es-btn--outline-light:hover{background:var(--white);color:var(--primary)}
.es-btn--sm{padding:10px 18px;font-size:13px;gap:7px}
.es-btn--lg{padding:18px 36px;font-size:16px}

/* === HEADER === */
.es-header{position:sticky;top:0;z-index:1000;background:var(--white);box-shadow:0 2px 12px rgba(0,0,0,0.04);border-bottom:1px solid rgba(0,0,0,0.04)}
.es-header .custom-logo-link img,.es-header .custom-logo{max-height:48px;max-width:180px;width:auto;height:auto}
.es-header__row{display:flex;align-items:center;justify-content:space-between;height:70px;gap:16px}
.es-header__logo img{max-height:48px;max-width:180px;width:auto}
.es-header__logo a{font-size:18px;color:var(--primary)}
.es-header__nav{display:none}
@media(min-width:1100px){.es-header__nav{display:block}}
.es-header__nav ul{display:flex;gap:26px;align-items:center}
.es-header__nav a{font-size:14px;font-weight:600;color:var(--text);position:relative;padding:6px 0}
.es-header__nav a:hover{color:var(--primary)}
.es-header__nav a::after{content:'';position:absolute;bottom:0;right:0;width:0;height:2px;background:var(--gold);transition:var(--t)}
.es-header__nav a:hover::after{width:100%}
.es-header__menu-btn{display:flex;padding:8px;color:var(--primary)}
@media(min-width:1100px){.es-header__menu-btn{display:none}}
.es-header__wa span{display:none}
@media(min-width:768px){.es-header__wa span{display:inline}}

/* === MOBILE MENU === */
.es-mobile-menu{position:fixed;top:0;right:-100%;width:85%;max-width:380px;height:100vh;background:var(--white);z-index:9999;transition:right .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow-y:auto}
.es-mobile-menu .custom-logo-link img,.es-mobile-menu .custom-logo{max-height:48px;max-width:200px;width:auto;height:auto}
.es-mobile-menu.open{right:0}
.es-mobile-menu__top{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--beige)}
.es-mobile-menu__top img{max-height:48px;max-width:200px;width:auto}
.es-mobile-menu__top button{padding:8px;color:var(--text)}
.es-mobile-menu__nav{flex:1;padding:20px 24px;display:flex;flex-direction:column}
.es-mobile-menu__nav a{display:block;padding:14px 0;font-size:17px;font-weight:600;border-bottom:1px solid var(--beige)}
.es-mobile-menu__cta{padding:20px 24px;display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--beige)}
.es-mobile-menu__cta .es-btn{width:100%}
.es-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.55);z-index:9998;opacity:0;visibility:hidden;transition:var(--t)}
.es-overlay.open{opacity:1;visibility:visible}

/* === HERO === */
.es-hero{position:relative;min-height:92vh;display:flex;align-items:center;background:linear-gradient(135deg,#3A2418 0%,#5a3d2a 50%,#7a5a3a 100%);background-size:cover;background-position:center;overflow:hidden}
.es-hero__overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(26,16,10,0.7) 0%,rgba(26,16,10,0.5) 40%,rgba(26,16,10,0.85) 100%)}
.es-hero__content{position:relative;z-index:2;max-width:720px;color:var(--white);padding:80px 0 60px}
.es-hero__eyebrow{display:inline-block;font-size:13px;font-weight:700;color:var(--gold);letter-spacing:3px;margin-bottom:16px;padding:8px 18px;border:1px solid rgba(200,164,106,0.4);border-radius:var(--r-xl);background:rgba(200,164,106,0.08)}
.es-hero__title{font-size:clamp(34px,6vw,58px);font-weight:900;line-height:1.15;margin-bottom:20px}
.es-hero__sub{font-size:17px;opacity:0.9;line-height:1.9;margin-bottom:36px;max-width:580px}
.es-hero__btns{display:flex;gap:14px;flex-wrap:wrap}

/* === SECTIONS === */
.es-section{padding:80px 0}
@media(min-width:768px){.es-section{padding:110px 0}}
.es-section--beige{background:var(--beige)}
.es-section--dark{background:var(--primary)}
.es-section-head{text-align:center;margin-bottom:50px}
.es-section-head__eyebrow{display:block;font-size:13px;font-weight:700;color:var(--gold);letter-spacing:3px;margin-bottom:10px}
.es-section-head__title{font-size:clamp(28px,4.5vw,42px);font-weight:800;margin-bottom:12px}
.es-section-head__sub{font-size:16px;color:var(--muted);max-width:600px;margin:0 auto}
.es-section-foot{text-align:center;margin-top:50px}

/* === CATEGORY CARDS === */
.es-cats-grid{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:600px){.es-cats-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.es-cats-grid{grid-template-columns:repeat(3,1fr)}}
.es-cat-card{position:relative;border-radius:var(--r-lg);overflow:hidden;height:320px;display:flex;align-items:flex-end;padding:28px;background:var(--primary);transition:var(--t);cursor:pointer}
.es-cat-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px rgba(0,0,0,0.2)}
.es-cat-card--tall{grid-row:span 2;height:100%;min-height:500px}
@media(max-width:599px){.es-cat-card--tall{grid-row:auto;min-height:320px}}
.es-cat-card__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.4,0,.2,1)}
.es-cat-card:hover .es-cat-card__img{transform:scale(1.08)}
.es-cat-card__overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(26,16,10,0.88) 0%,rgba(26,16,10,0.2) 55%,transparent 100%)}
.es-cat-card__content{position:relative;z-index:2;color:var(--white)}
.es-cat-card__content h3{font-size:24px;font-weight:800;margin-bottom:4px}
.es-cat-card__content span{font-size:13px;opacity:0.8;color:var(--gold)}

/* === PRODUCT CARDS === */
.es-products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
@media(min-width:768px){.es-products-grid{grid-template-columns:repeat(3,1fr);gap:24px}}
@media(min-width:1200px){.es-products-grid{grid-template-columns:repeat(4,1fr)}}
.es-product-card{background:var(--white);border-radius:var(--r-lg);overflow:hidden;transition:var(--t);box-shadow:0 4px 16px rgba(0,0,0,0.04)}
.es-product-card:hover{transform:translateY(-8px);box-shadow:0 16px 40px rgba(0,0,0,0.1)}
.es-product-card__img{display:block;position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--beige)}
.es-product-card__img img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.es-product-card:hover .es-product-card__img img{transform:scale(1.06)}
.es-product-card__cat{position:absolute;top:14px;right:14px;background:var(--primary);color:var(--white);font-size:11px;font-weight:700;padding:5px 14px;border-radius:20px}
.es-product-card__body{padding:18px}
.es-product-card__title{font-size:16px;font-weight:700;margin-bottom:12px;line-height:1.4}
.es-product-card__title a:hover{color:var(--primary)}
.es-product-card__body .es-btn{width:100%}

/* === BENEFITS === */
.es-benefits{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:600px){.es-benefits{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.es-benefits{grid-template-columns:repeat(3,1fr)}}
.es-benefit-card{background:var(--white);border-radius:var(--r-lg);padding:32px 24px;text-align:center;transition:var(--t);box-shadow:0 4px 16px rgba(0,0,0,0.04);border:1px solid transparent}
.es-benefit-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px rgba(0,0,0,0.08);border-color:var(--gold)}
.es-benefit-card__icon{width:56px;height:56px;background:linear-gradient(135deg,var(--gold),#a88040);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);margin:0 auto 16px}
.es-benefit-card h3{font-size:17px;font-weight:700;margin-bottom:8px}
.es-benefit-card p{font-size:14px;color:var(--muted);line-height:1.6}

/* === ABOUT SPLIT === */
.es-about-split{display:grid;grid-template-columns:1fr;gap:40px;align-items:center}
@media(min-width:768px){.es-about-split{grid-template-columns:1fr 1.1fr;gap:70px}}
.es-about-split__image{position:relative}
.es-about-split__placeholder{aspect-ratio:4/5;background:linear-gradient(135deg,var(--primary),#5a3d2a);border-radius:var(--r-lg);opacity:0.9}
.es-about-split__badge{position:absolute;bottom:-20px;left:20px;background:var(--white);padding:18px 22px;border-radius:var(--r-md);box-shadow:0 12px 30px rgba(0,0,0,0.12)}
.es-about-split__badge-num{display:block;font-size:36px;font-weight:900;color:var(--gold);line-height:1}
.es-about-split__badge-txt{font-size:12px;color:var(--muted)}
.es-about-split__content p{font-size:16px;color:var(--muted);margin-bottom:16px;line-height:1.9}
.es-about-split__content .es-btn{margin-top:12px}

/* === CRAFTSMANSHIP === */
.es-craft-split{display:grid;grid-template-columns:1fr;gap:40px;align-items:center}
@media(min-width:768px){.es-craft-split{grid-template-columns:1fr 1fr;gap:70px}}
.es-craft-split__placeholder{aspect-ratio:4/5;background:linear-gradient(135deg,var(--gold),#8d6e27);border-radius:var(--r-lg);opacity:0.85}
.es-craft-list{display:flex;flex-direction:column;gap:16px}
.es-craft-list li{display:flex;align-items:center;gap:14px;font-size:16px;font-weight:600;color:var(--white)}
.es-craft-list li svg{color:var(--gold);flex-shrink:0}

/* === BRANCHES === */
.es-branches{display:grid;grid-template-columns:1fr;gap:20px}
@media(min-width:768px){.es-branches{grid-template-columns:repeat(2,1fr)}}
.es-branch-card{background:var(--white);border-radius:var(--r-lg);padding:32px;box-shadow:0 4px 16px rgba(0,0,0,0.04);border:1px solid var(--beige);transition:var(--t)}
.es-branch-card:hover{box-shadow:0 12px 30px rgba(0,0,0,0.08);border-color:var(--gold)}
.es-branch-card__icon{color:var(--gold);margin-bottom:14px}
.es-branch-card h3{font-size:18px;font-weight:700;margin-bottom:10px}
.es-branch-card p{font-size:14px;color:var(--muted);margin-bottom:6px;line-height:1.6}
.es-branch-card__btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}

/* === CTA === */
.es-cta{background:var(--primary);padding:80px 0}
@media(min-width:768px){.es-cta{padding:110px 0}}
.es-cta__inner{text-align:center;max-width:680px;margin:0 auto;color:var(--white)}
.es-cta__inner h2{font-size:clamp(26px,4vw,38px);font-weight:800;margin-bottom:16px}
.es-cta__inner p{font-size:16px;opacity:0.85;margin-bottom:32px;line-height:1.8}

/* === FOOTER === */
.es-footer{background:#14100c;color:rgba(255,255,255,0.7);padding:70px 0 0}
.es-footer .custom-logo-link img,.es-footer .custom-logo{max-height:60px;max-width:220px;width:auto;height:auto}
.es-footer__grid{display:grid;grid-template-columns:1fr;gap:36px;padding-bottom:40px}
@media(min-width:768px){.es-footer__grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.es-footer__grid{grid-template-columns:1.5fr 1fr 1.2fr 1fr}}
.es-footer__brand img{max-height:60px;width:auto;max-width:220px;margin-bottom:14px}
.es-footer__brand h3{color:var(--white);font-size:20px;margin-bottom:10px}
.es-footer__brand p{font-size:14px;line-height:1.8;margin-bottom:16px}
.es-footer__social{display:flex;gap:10px}
.es-footer__social a{width:38px;height:38px;background:rgba(255,255,255,0.06);border:1px solid rgba(200,164,106,0.2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--gold);transition:var(--t)}
.es-footer__social a:hover{background:var(--gold);color:var(--white);border-color:var(--gold)}
.es-footer__col h4{color:var(--white);font-size:15px;font-weight:700;margin-bottom:16px}
.es-footer__col ul li{margin-bottom:10px}
.es-footer__col ul li a,.es-footer__col ul li{font-size:14px;display:flex;align-items:center;gap:8px}
.es-footer__col ul li a:hover{color:var(--gold)}
.es-footer__branch{margin-bottom:14px}
.es-footer__branch strong{color:var(--white);font-size:13px;display:block;margin-bottom:3px}
.es-footer__branch span{font-size:13px;line-height:1.5}
.es-footer__bottom{padding:20px 0;border-top:1px solid rgba(255,255,255,0.06);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:13px}
.es-footer__credit{color:var(--gold)}

/* === FLOATING WHATSAPP === */
.es-wa-float{position:fixed;bottom:90px;left:20px;z-index:900;width:58px;height:58px;background:var(--wa);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;box-shadow:0 8px 28px rgba(37,211,102,0.45);animation:esPulse 2.5s infinite}
@keyframes esPulse{50%{transform:scale(1.1);box-shadow:0 8px 35px rgba(37,211,102,0.7)}}
@media(min-width:1024px){.es-wa-float{bottom:30px}}

/* === MOBILE BOTTOM BAR === */
.es-mobile-bar{position:fixed;bottom:0;left:0;right:0;z-index:950;background:var(--white);border-top:1px solid var(--beige);display:flex;box-shadow:0 -4px 16px rgba(0,0,0,0.06);padding:6px 0 env(safe-area-inset-bottom,6px)}
@media(min-width:1024px){.es-mobile-bar{display:none}}
.es-mobile-bar__item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px;font-size:11px;font-weight:700;color:var(--muted)}
.es-mobile-bar__item--wa{color:var(--wa)}

/* === WOOCOMMERCE OVERRIDES === */
.woocommerce ul.products{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;list-style:none;padding:0;margin:0}
@media(min-width:768px){.woocommerce ul.products{grid-template-columns:repeat(3,1fr);gap:24px}}
@media(min-width:1200px){.woocommerce ul.products{grid-template-columns:repeat(4,1fr)}}
.woocommerce ul.products li.product{margin:0;padding:0;float:none;width:auto}
.woocommerce .woocommerce-pagination{margin-top:40px;text-align:center}
.woocommerce .woocommerce-pagination ul{display:flex;gap:6px;justify-content:center}
.woocommerce .woocommerce-pagination ul li a,.woocommerce .woocommerce-pagination ul li span{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;font-weight:700;font-size:14px;background:var(--white);border:1px solid var(--beige)}
.woocommerce .woocommerce-pagination ul li span.current{background:var(--primary);color:var(--white);border-color:var(--primary)}

/* === PAGE HERO === */
.es-page-hero{background:var(--primary);color:var(--white);padding:80px 0 60px;text-align:center}
.es-page-hero h1{font-size:clamp(30px,5vw,48px);font-weight:900;margin-bottom:12px}
.es-page-hero p{font-size:16px;opacity:0.85;max-width:600px;margin:0 auto}

/* === SINGLE PRODUCT === */
.es-single-product{display:grid;grid-template-columns:1fr;gap:40px;padding:40px 0 80px}
@media(min-width:768px){.es-single-product{grid-template-columns:1.2fr 1fr;gap:60px}}
.es-single-product__gallery{border-radius:var(--r-lg);overflow:hidden;background:var(--beige)}
.es-single-product__gallery img{width:100%;height:auto}
.es-single-product__info h1{font-size:clamp(26px,4vw,36px);font-weight:800;margin:10px 0 16px}
.es-single-product__cat{font-size:13px;color:var(--gold);font-weight:700;letter-spacing:1px}
.es-single-product__desc{font-size:15px;color:var(--muted);line-height:1.9;margin-bottom:24px}
.es-btn-inquiry{display:inline-flex;align-items:center;gap:12px;padding:18px 32px;background:var(--wa);color:white;border-radius:var(--r-xl);font-size:16px;font-weight:700;transition:var(--t)}
.es-btn-inquiry:hover{background:#1da851;transform:translateY(-2px);box-shadow:0 10px 30px rgba(37,211,102,0.35)}

/* === UTILITIES === */
.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute;height:1px;width:1px;overflow:hidden}
body.admin-bar .es-header{top:32px}
@media(max-width:782px){body.admin-bar .es-header{top:46px}}

/* === HERO SLIDER === */
.es-hero-slider{position:relative}
.es-hero-swiper{width:100%;height:92vh;min-height:600px}
.es-hero-slide{position:relative;width:100%;height:100%;display:flex;align-items:center;background:linear-gradient(135deg,#3A2418,#5a3d2a,#7a5a3a);background-size:cover;background-position:center}
.es-hero-slide__overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(26,16,10,0.65) 0%,rgba(26,16,10,0.45) 40%,rgba(26,16,10,0.85) 100%)}
.es-hero-slide__content{position:relative;z-index:2;max-width:720px;color:var(--white);padding:40px 0}
.es-hero-slide__eyebrow{display:inline-block;font-size:13px;font-weight:700;color:var(--gold);letter-spacing:3px;margin-bottom:18px;padding:8px 20px;border:1px solid rgba(200,164,106,0.4);border-radius:var(--r-xl);background:rgba(200,164,106,0.08)}
.es-hero-slide__title{font-size:clamp(32px,6vw,56px);font-weight:900;line-height:1.15;margin-bottom:20px;opacity:0;transform:translateY(30px);animation:esSlideUp .8s .3s forwards}
.es-hero-slide__sub{font-size:17px;opacity:0;line-height:1.9;margin-bottom:36px;max-width:580px;transform:translateY(20px);animation:esSlideUp .8s .5s forwards}
.es-hero-slide__btns{display:flex;gap:14px;flex-wrap:wrap;opacity:0;transform:translateY(20px);animation:esSlideUp .8s .7s forwards}
.swiper-slide-active .es-hero-slide__title,.swiper-slide-active .es-hero-slide__sub,.swiper-slide-active .es-hero-slide__btns{opacity:0;animation:esSlideUp .8s forwards}
.swiper-slide-active .es-hero-slide__title{animation-delay:.3s}
.swiper-slide-active .es-hero-slide__sub{animation-delay:.5s}
.swiper-slide-active .es-hero-slide__btns{animation-delay:.7s}
@keyframes esSlideUp{to{opacity:1;transform:translateY(0)}}
.es-hero-pagination{position:absolute;bottom:30px!important;z-index:10;text-align:center}
.es-hero-pagination .swiper-pagination-bullet{width:12px;height:4px;border-radius:4px;background:rgba(255,255,255,0.4);opacity:1;transition:var(--t);margin:0 4px!important}
.es-hero-pagination .swiper-pagination-bullet-active{width:32px;background:var(--gold)}

/* === PRODUCTS SLIDER === */
.es-products-slider-wrap{position:relative}
.es-products-swiper{overflow:visible;padding:4px 0 20px}
.es-products-swiper .swiper-slide{height:auto}
.es-slider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:46px;height:46px;background:var(--white);border:1px solid var(--beige);border-radius:50%;display:none;align-items:center;justify-content:center;color:var(--primary);box-shadow:0 4px 16px rgba(0,0,0,0.08);transition:var(--t);cursor:pointer}
@media(min-width:1024px){.es-slider-arrow{display:flex}}
.es-slider-arrow:hover{background:var(--primary);color:var(--white);border-color:var(--primary);box-shadow:0 8px 24px rgba(58,36,24,0.2)}
.es-slider-arrow--next{left:-24px}
.es-slider-arrow--prev{right:-24px}

/* === TESTIMONIALS SLIDER === */
.es-testimonials-section{overflow:hidden}
.es-testimonials-swiper{padding-bottom:50px}
.es-testimonial-card{background:rgba(255,255,255,0.04);backdrop-filter:blur(10px);border:1px solid rgba(200,164,106,0.2);border-radius:var(--r-lg);padding:32px 28px;height:100%;display:flex;flex-direction:column}
.es-testimonial-card__stars{display:flex;gap:3px;color:var(--gold);margin-bottom:16px}
.es-testimonial-card__text{font-size:16px;color:rgba(255,255,255,0.9);line-height:1.8;flex:1;margin-bottom:20px;font-style:italic}
.es-testimonial-card__author{display:flex;gap:12px;align-items:center;padding-top:16px;border-top:1px solid rgba(255,255,255,0.1)}
.es-testimonial-card__avatar{width:44px;height:44px;background:linear-gradient(135deg,var(--gold),#8d6e27);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-weight:800;font-size:16px;flex-shrink:0}
.es-testimonial-card__author strong{display:block;color:var(--white);font-size:14px}
.es-testimonial-card__author span{font-size:12px;color:rgba(255,255,255,0.6)}
.es-testimonials-pagination .swiper-pagination-bullet{background:rgba(255,255,255,0.3);opacity:1}
.es-testimonials-pagination .swiper-pagination-bullet-active{background:var(--gold)}

/* === CATEGORIES MOBILE SLIDER === */
@media(max-width:599px){
  .es-cats-grid{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding-bottom:10px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .es-cats-grid::-webkit-scrollbar{display:none}
  .es-cats-grid .es-cat-card{flex:0 0 80%;scroll-snap-align:start;min-height:280px}
  .es-cats-grid .es-cat-card--tall{flex:0 0 80%;min-height:280px}
}

/* === CONTACT PAGE === */
.es-contact-intro{text-align:center;max-width:650px;margin:0 auto 50px;font-size:17px;color:var(--muted);line-height:1.9}
.es-contact-grid{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:600px){.es-contact-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.es-contact-grid{grid-template-columns:repeat(4,1fr)}}
.es-contact-card{display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--white);border-radius:var(--r-lg);padding:32px 20px;border:1px solid var(--beige);transition:var(--t);text-decoration:none}
.es-contact-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(0,0,0,0.08);border-color:var(--gold)}
.es-contact-card--wa{border-color:rgba(37,211,102,0.3)}
.es-contact-card--wa:hover{border-color:var(--wa);box-shadow:0 16px 40px rgba(37,211,102,0.12)}
.es-contact-card__icon{width:64px;height:64px;background:var(--cream);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--gold);margin-bottom:16px}
.es-contact-card--wa .es-contact-card__icon{background:rgba(37,211,102,0.08);color:var(--wa)}
.es-contact-card h3{font-size:16px;font-weight:700;margin-bottom:6px;color:var(--text)}
.es-contact-card p{font-size:13px;color:var(--muted);margin-bottom:12px}
.es-contact-card__action{font-size:13px;font-weight:700;color:var(--gold)}
.es-contact-card--wa .es-contact-card__action{color:var(--wa)}

/* === SECTION TRANSITIONS (smooth flow) === */
.es-section + .es-section--beige,
.es-section--beige + .es-section{border-top:none}
.es-section--dark + .es-section{padding-top:100px}

/* === ABOUT PAGE HERO === */
.es-page-hero{background:linear-gradient(135deg,#3A2418 0%,#5a3d2a 100%);color:var(--white);padding:100px 0 70px;text-align:center;position:relative;overflow:hidden}
.es-page-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(200,164,106,0.1),transparent 60%)}
.es-page-hero h1{font-size:clamp(32px,5vw,50px);font-weight:900;margin-bottom:14px;position:relative}
.es-page-hero p{font-size:17px;opacity:0.85;max-width:600px;margin:0 auto;position:relative;line-height:1.8}

/* === HEADER SCROLLED STATE === */
.es-header.scrolled{box-shadow:0 4px 20px rgba(0,0,0,0.08)}

/* === PRODUCT CARD POLISH === */
.es-product-card__body .es-btn--wa{font-size:12px;padding:10px 14px;gap:6px;border-radius:var(--r-md)}
@media(min-width:768px){.es-product-card__body .es-btn--wa{font-size:13px;padding:11px 16px}}

/* === SINGLE PRODUCT POLISH === */
.es-single-product{padding:40px 0 80px}
@media(min-width:768px){.es-single-product{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:start}}
.es-single-product__gallery{border-radius:var(--r-lg);overflow:hidden;background:var(--beige);margin-bottom:24px}
@media(min-width:768px){.es-single-product__gallery{margin-bottom:0;position:sticky;top:90px}}
.es-single-product__info{padding-top:10px}
.es-single-product__info h1{font-size:clamp(26px,4vw,36px);font-weight:800;margin:10px 0 20px;line-height:1.3}
.es-single-product__cat{font-size:13px;color:var(--gold);font-weight:700;letter-spacing:1px;display:inline-block}
.es-single-product__desc{font-size:15px;color:var(--muted);line-height:1.9;margin-bottom:28px}
.es-single-product__desc p{margin-bottom:12px}
.es-btn-inquiry{display:inline-flex;align-items:center;gap:12px;padding:18px 34px;background:var(--wa);color:white;border-radius:var(--r-xl);font-size:16px;font-weight:700;transition:var(--t);box-shadow:0 8px 24px rgba(37,211,102,0.25)}
.es-btn-inquiry:hover{background:#1da851;transform:translateY(-3px);box-shadow:0 12px 32px rgba(37,211,102,0.35)}

/* === 404 POLISH === */
.es-404{text-align:center;padding:120px 0}
.es-404__num{font-size:clamp(100px,20vw,180px);font-weight:900;color:var(--beige);line-height:1}
.es-404__text{font-size:20px;color:var(--muted);margin:20px 0 32px}

/* === MOBILE POLISH === */
@media(max-width:767px){
  .es-hero-swiper{height:80vh;min-height:520px}
  .es-hero-slide__content{padding:30px 0}
  .es-hero-slide__title{font-size:30px}
  .es-hero-slide__sub{font-size:15px;margin-bottom:28px}
  .es-hero-slide__btns{flex-direction:column;gap:10px}
  .es-hero-slide__btns .es-btn{width:100%;justify-content:center}
  .es-section{padding:60px 0}
  .es-section-head{margin-bottom:36px}
  .es-section-head__title{font-size:26px}
  .es-about-split{gap:30px}
  .es-craft-split{gap:30px}
  .es-benefit-card{padding:24px 18px}
  .es-branch-card{padding:24px}
  .es-cta{padding:60px 0}
  .es-cta__inner h2{font-size:24px}
  .es-footer__grid{gap:28px}
  .es-contact-grid{gap:12px}
  .es-contact-card{padding:24px 16px}
}

/* === SAFE BOTTOM PADDING (mobile bar) === */
@media(max-width:1023px){
  .es-footer{padding-bottom:80px}
  .es-cta{margin-bottom:0}
}

/* === SMOOTH SCROLL OFFSET FOR STICKY HEADER === */
html{scroll-padding-top:80px}

/* === IMAGE PLACEHOLDER CONSISTENCY === */
.es-about-split__placeholder,
.es-craft-split__placeholder{
  background:linear-gradient(135deg,var(--primary) 0%,#5a3d2a 100%);
  border-radius:var(--r-lg);
  position:relative;overflow:hidden
}
.es-about-split__placeholder::after,
.es-craft-split__placeholder::after{
  content:'';position:absolute;inset:0;
  background:radial-gradient(circle at 30% 70%,rgba(200,164,106,0.15),transparent 60%)
}

/* === FOCUS STATES (accessibility) === */
a:focus-visible,.es-btn:focus-visible,button:focus-visible{
  outline:3px solid var(--gold);outline-offset:3px;border-radius:var(--r-sm)
}

/* === PRINT STYLES === */
@media print{
  .es-header,.es-footer,.es-mobile-bar,.es-wa-float,.es-mobile-menu,.es-overlay{display:none!important}
  body{padding:0!important;background:#fff!important}
}

/* === OFFER CTA SECTION === */
.es-offer-section{background:var(--white)}
.es-offer-block{display:grid;grid-template-columns:1fr;gap:40px;align-items:center}
@media(min-width:768px){.es-offer-block{grid-template-columns:1.2fr 1fr;gap:60px}}
.es-offer-block__content p{font-size:16px;color:var(--muted);margin-bottom:24px;line-height:1.8}
.es-offer-block__placeholder{aspect-ratio:4/3;background:linear-gradient(135deg,var(--beige),var(--cream));border-radius:var(--r-lg);position:relative;overflow:hidden}
.es-offer-block__placeholder::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(200,164,106,0.15),transparent 70%)}

/* === TRUST BADGES === */
.es-trust-badges{background:var(--primary);padding:28px 0}
.es-trust-badges__grid{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 24px}
.es-trust-badge{display:flex;align-items:center;gap:8px;color:var(--white);font-size:13px;font-weight:600;opacity:0.9}
.es-trust-badge svg{color:var(--gold);flex-shrink:0}

/* === VARIATION BUTTONS === */
.es-variation-btn:hover{border-color:var(--gold)!important;background:rgba(200,164,106,0.05)!important}

/* === NEW HEADER NAV WITH ICONS === */
.es-header__nav ul li a{display:inline-flex;align-items:center;gap:6px}
.es-header__nav ul li a svg{opacity:0.7;color:var(--gold)}
.es-header__nav ul li a:hover svg{opacity:1}
.es-header__actions{display:flex;align-items:center;gap:10px}
.es-header__wa-icon{width:40px;height:40px;background:var(--wa);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--t)}
.es-header__wa-icon:hover{background:#1da851;transform:scale(1.08)}
.es-lang-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border:1px solid var(--beige);border-radius:20px;font-size:12px;font-weight:700;color:var(--text);transition:var(--t)}
.es-lang-btn:hover{border-color:var(--gold);color:var(--gold)}
.es-lang-btn svg{opacity:0.6}

/* === DROPDOWN === */
.es-has-dropdown{position:relative}
.es-dropdown{position:absolute;top:100%;right:0;background:var(--white);border:1px solid var(--beige);border-radius:var(--r-md);padding:10px 0;min-width:200px;box-shadow:0 12px 30px rgba(0,0,0,0.1);opacity:0;visibility:hidden;transform:translateY(8px);transition:var(--t);z-index:100;list-style:none}
.es-has-dropdown:hover .es-dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.es-dropdown li a{display:flex;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;color:var(--text);transition:var(--t)}
.es-dropdown li a:hover{background:var(--cream);color:var(--primary)}
.es-dropdown li a svg{color:var(--gold);opacity:0.8}
.es-dropdown li a::after{display:none}

/* === MOBILE MENU REDESIGN === */
.es-mobile-menu__item{display:flex;align-items:center;gap:12px;padding:14px 0;font-size:16px;font-weight:600;color:var(--text);border-bottom:1px solid var(--beige);text-decoration:none}
.es-mobile-menu__item svg{color:var(--gold);flex-shrink:0}
.es-mobile-menu__item--sub{padding-right:16px;font-size:15px;font-weight:500}
.es-mobile-menu__label{display:flex;align-items:center;gap:8px;padding:14px 0 6px;font-size:12px;font-weight:700;color:var(--gold);letter-spacing:2px;border:none}
.es-mobile-menu__label svg{opacity:0.7}
.es-mobile-menu__divider{height:1px;background:var(--beige);margin:4px 0}
.es-mobile-menu__icons{display:flex;justify-content:center;gap:14px;padding:20px 24px;border-top:1px solid var(--beige);margin-top:auto}
.es-mobile-menu__icons a{width:42px;height:42px;background:var(--cream);border:1px solid var(--beige);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--gold);transition:var(--t)}
.es-mobile-menu__icons a:hover{background:var(--gold);color:var(--white);border-color:var(--gold)}
/* Remove old nav styles that conflict */
.es-mobile-menu__nav a:not(.es-mobile-menu__item){display:none}
.es-mobile-menu__cta{display:none}