.site-header{height:100px;display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:auto;padding:0 5.5%;border-bottom:1px solid #ddd0d166;gap:24px}.brand img{width:215px;height:61px;object-fit:contain}.header-center{display:flex;gap:36px;font-size:13px}.header-center a{padding:9px 0;position:relative}.header-center a:hover:after{content:'';height:1px;width:100%;position:absolute;bottom:0;background:var(--purple);right:0}.header-actions{display:flex;align-items:center;gap:15px}.language-toggle{font-family:var(--latin);font-size:12px;border:1px solid #d9c7ce;border-radius:50%;width:42px;height:42px;background:transparent;color:var(--purple)}.hero{max-width:1400px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:50px 6% 55px;align-items:center;position:relative}.hero-text{padding-bottom:15px}.eyebrow{display:flex;gap:12px;align-items:center;font-size:11px;letter-spacing:3px;color:var(--purple);font-family:var(--latin);direction:ltr;justify-content:flex-end;margin-bottom:25px}.eyebrow:before{content:'';width:38px;height:1px;background:var(--purple)}.hero h1{font-size:clamp(38px,4.8vw,69px);font-weight:600;letter-spacing:-1.7px;line-height:1.5;color:var(--plum);max-width:580px}.hero h1 .second-line{font-weight:400;color:var(--purple)}.hero-caption{font-size:17px;font-family:Georgia,serif;letter-spacing:.4px;color:#936e80;margin:12px 0 22px;direction:ltr;text-align:right}.hero-copy{color:#88787d;line-height:2;max-width:390px;font-size:14px}.hero-cta{display:flex;align-items:center;gap:27px;margin-top:27px}.hero-cta .btn{border-radius:3px;padding:14px 25px}.tiny-note{font-size:11px;color:#95848a}.hero-art{position:relative;padding:8px 20px 12px}.hero-arch{border-radius:48% 48% 9px 9px;background:#e4caa3;overflow:hidden;aspect-ratio:1/1.05;box-shadow:0 18px 60px #aa90711a}.hero-arch img{width:100%;height:100%;object-fit:cover;transform:scale(1.03)}.hero-outline{position:absolute;inset:0 6px 28px 35px;border:1px solid #a9898660;border-radius:48% 48% 5px 5px;transform:rotate(-5deg);z-index:-1}.hero-note{position:absolute;bottom:-2px;right:-18px;background:var(--white);box-shadow:0 9px 40px #5e414010;padding:17px 21px;display:flex;gap:25px;align-items:center;border:1px solid #ede2d4;border-radius:3px;min-width:260px}.hero-note strong{font-size:14px}.hero-note .sub{font-size:10px;color:var(--muted);display:block;font-family:var(--latin);margin-top:3px}.hero-note .price-tag strong{font-size:28px}.hero-side{position:absolute;left:-9px;top:50%;writing-mode:vertical-rl;font-size:9px;letter-spacing:3px;direction:ltr;font-family:var(--latin);color:#927a80}.small-seal{width:78px;height:78px;border-radius:50%;position:absolute;top:-5px;right:0;background:var(--purple);color:#f3dfcc;display:grid;place-content:center;text-align:center;border:5px solid var(--cream);font-family:Georgia,serif;font-size:15px;font-style:italic;line-height:1.1;transform:rotate(10deg)}.brand-divider{border-block:1px solid #dbcbd0;display:flex;justify-content:center;gap:80px;align-items:center;padding:16px 20px;color:var(--purple);background:#f2e9e6;font-size:12px}.brand-divider>span{display:flex;align-items:center;gap:12px}.brand-divider .icon{width:18px;height:18px}.brand-divider i{font-size:10px;font-family:Georgia,serif;direction:ltr;font-weight:400;color:#a68491}.menu-wrap{max-width:1320px;margin:auto;padding:57px 36px 80px}.section-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:27px}.section-intro h2{font-size:32px;font-weight:600;color:var(--plum)}.section-intro .overline{font-family:var(--latin);letter-spacing:2px;font-size:10px;color:#a18490;display:block;margin-bottom:8px}.section-intro p{color:var(--muted);font-size:13px;margin-top:5px}.search-box{background:var(--white);border:1px solid #e6dce0;display:flex;align-items:center;padding-inline:15px;border-radius:4px;width:320px}.search-box input{border:0;outline:0!important;box-shadow:none;background:transparent;width:100%;padding:13px 10px;font-size:12px}.search-box svg{color:#a58c97;width:18px}.category-nav{display:flex;gap:9px;overflow-x:auto;padding:5px 0 17px;scrollbar-width:thin;position:sticky;top:0;z-index:20;background:var(--cream);margin-bottom:27px}.category-chip{background:transparent;color:#89737f;border:1px solid #e7dce0;border-radius:4px;padding:12px 21px;font-size:var(--category-tab-font-size,17px);font-weight:500;line-height:1.35;flex-shrink:0;transition:.2s}.category-chip:hover{border-color:var(--purple);color:var(--purple)}.category-chip.active{background:var(--purple);border-color:var(--purple);color:white}.category-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:24px 0 22px;border-bottom:1px solid #dfcfd6;padding-bottom:14px}.category-title>div{display:flex;align-items:center;gap:13px}.category-title h3{font-size:21px;font-weight:500}.category-title .sub{font-size:10px;letter-spacing:1.5px;color:#a38592;font-family:var(--latin);direction:ltr}.category-title svg{width:26px;height:26px;color:var(--purple)}.category-count{color:#a68b96;font-size:11px;white-space:nowrap}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.product-card{padding:0;border-radius:5px;background:var(--white);text-align:inherit;overflow:hidden;border:1px solid #eee5e2;transition:transform .25s,box-shadow .25s;position:relative;color:var(--ink);display:flex;flex-direction:column;width:100%;font:inherit}.product-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #4d293812}.product-photo{aspect-ratio:1/1;overflow:hidden;background:#ead4b6;position:relative}.product-photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.product-card:hover .product-photo img{transform:scale(1.055)}.product-info{padding:18px 18px 15px;flex:1;display:flex;flex-direction:column}.product-info h3{font-weight:500;font-size:16px;line-height:1.7;white-space:normal}.product-name-en{font-family:var(--latin);font-size:10px;line-height:1.6;color:#aa919d;direction:ltr;text-align:right;margin-top:3px;min-height:30px}.product-bottom{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:auto;padding-top:14px}.product-bottom .price-tag strong{font-size:22px}.product-bottom .kcal{font-size:10px;color:#a8939c}.product-badge{position:absolute;top:13px;right:13px;background:var(--white);color:var(--purple);font-size:10px;padding:5px 10px;border-radius:2px;z-index:1}.product-badge.sold{background:#57484d;color:white}.product-badge.offer{background:var(--purple);color:white}.product-card.sold .product-photo{filter:saturate(.3);opacity:.8}.product-card.no-image{background:linear-gradient(140deg,#f3e9e2,#fbf6ef);min-height:250px;border:1px solid #ddc7d0}.product-card.no-image .product-info{padding-top:40px}.product-card.no-image .text-emblem{font-family:Georgia,serif;font-size:14px;letter-spacing:7px;color:#c0a3af;margin-bottom:28px;direction:ltr}.product-card.no-image h3{font-size:25px}.category-section{margin-bottom:38px}.about-banner{background:var(--purple);color:#f7efe5;display:grid;grid-template-columns:1fr 1fr;gap:50px;max-width:1248px;margin:0 auto 65px;padding:44px 55px;border-radius:3px;align-items:center}.about-banner .logo-white{width:210px;opacity:.95}.about-banner h2{font-weight:400;font-size:29px;margin-top:17px}.about-banner p{font-size:12px;line-height:2;opacity:.7;max-width:450px}.about-banner .big-serif{font-size:40px;font-family:Georgia,serif;line-height:1.3;text-align:left;color:#e7cbb9;font-style:italic}.site-footer{padding:28px 6%;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#a18894;font-size:11px}.site-footer .footer-brand{font-family:var(--latin);letter-spacing:3px;font-size:13px;color:var(--purple)}.site-footer small{font-size:10px}.offline-notice{background:#fbefd9;padding:7px 20px;font-size:11px;text-align:center;color:#8b633c}.detail-layout{display:grid;grid-template-columns:1fr 1fr;align-items:start}.detail-photo{width:100%;height:100%;max-height:610px;object-fit:cover}.detail-content{padding:35px 30px}.detail-content h2{font-size:27px;font-weight:600;color:var(--plum);margin-bottom:8px}.detail-en{font-family:var(--latin);font-size:13px;color:#9b8390;margin-bottom:20px;direction:ltr;text-align:right}.detail-content p{font-size:14px;line-height:2;color:#85727b}.detail-meta{border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.detail-meta strong{display:block;font-size:12px;margin:12px 0 4px}.detail-meta small{font-size:12px;color:var(--muted);line-height:1.8}.detail-content .price-tag{margin-top:23px}.detail-content .note{font-size:10px;margin-top:22px}.detail-close{position:absolute;top:12px;left:12px;background:var(--white);z-index:10}html[dir=ltr] .hero-caption,html[dir=ltr] .product-name-en,html[dir=ltr] .detail-en{text-align:left}html[dir=ltr] .eyebrow{justify-content:flex-start}html[dir=ltr] .hero h1{font-family:Georgia,serif;line-height:1.2;letter-spacing:-1px}html[dir=ltr] .hero-caption{font-family:var(--font)}
@media(min-width:1600px){.hero{gap:12%;padding-top:65px;padding-bottom:65px}}
@media(max-width:1000px){.hero{gap:5%;padding-inline:5%}.hero h1{font-size:46px}.hero-copy{font-size:12px}.hero-note{min-width:220px;right:0}.header-center{gap:20px}.brand-divider{gap:35px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.hero-cta .tiny-note{display:none}.about-banner{margin-inline:35px}}
@media(max-width:700px){.site-header{height:77px;padding:0 22px}.brand img{width:165px;height:45px}.header-center{display:none}.header-actions{gap:8px}.language-toggle{width:37px;height:37px}.hero{display:flex;flex-direction:column;padding:33px 27px 35px;gap:26px}.hero-text{width:100%;text-align:center;padding:0}.hero h1{font-size:42px;letter-spacing:-.5px;line-height:1.45;max-width:none}.eyebrow{justify-content:center;font-size:9px;letter-spacing:2.5px;margin-bottom:14px}.hero-caption{text-align:center;font-size:14px;margin:8px 0 11px}.hero-copy{font-size:12px;max-width:315px;margin:auto;line-height:1.85}.hero-cta{justify-content:center;margin-top:18px}.hero-cta .btn{padding:10px 20px;min-height:40px;font-size:12px}.hero-art{width:min(380px,100%);padding:5px 18px 16px}.hero-arch{aspect-ratio:1/1}.hero-note{padding:12px 16px;bottom:0;min-width:218px;right:0;gap:24px}.hero-note strong{font-size:12px}.hero-note .price-tag strong{font-size:22px}.small-seal{width:63px;height:63px;font-size:12px}.hero-side{font-size:8px;left:-1px}.brand-divider{gap:20px;padding:12px;font-size:10px}.brand-divider i{display:none}.brand-divider>span{gap:5px}.brand-divider svg{width:15px;height:15px}.menu-wrap{padding:32px 18px 30px}.section-intro{display:block;margin-bottom:17px}.section-intro h2{font-size:27px}.section-intro .overline{font-size:9px}.section-intro p{font-size:11px}.search-box{width:100%;margin-top:20px}.category-nav{padding-top:8px;padding-bottom:12px;margin-bottom:17px}.category-chip{padding:9px 13px;font-size:11px}.category-title h3{font-size:18px}.category-title .sub{font-size:8px;letter-spacing:.5px}.category-title{margin-top:13px;margin-bottom:17px}.category-title svg{width:21px}.category-count{font-size:10px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-info{padding:12px 11px}.product-info h3{font-size:13px;line-height:1.6}.product-name-en{font-size:9px;min-height:29px;line-height:1.45}.product-bottom{padding-top:9px;align-items:flex-end}.product-bottom .price-tag strong{font-size:20px}.product-bottom .kcal{font-size:9px;max-width:46px;line-height:1.5;text-align:left}.product-badge{font-size:8px;top:8px;right:8px;padding:4px 7px}.product-card.no-image{min-height:220px}.product-card.no-image h3{font-size:19px}.about-banner{display:block;margin:0 18px 30px;padding:30px}.about-banner .logo-white{width:180px}.about-banner h2{font-size:23px}.about-banner p{font-size:11px;margin-top:10px}.about-banner .big-serif{font-size:30px;margin-top:25px}.site-footer{padding:22px;display:block;line-height:2.4}.site-footer .footer-brand{display:block;margin-bottom:8px}.detail-layout{grid-template-columns:1fr}.detail-photo{max-height:320px;aspect-ratio:1.1;object-fit:cover}.detail-content{padding:23px}.detail-content h2{font-size:25px}html[dir=ltr] .hero-caption{text-align:center}html[dir=ltr] .eyebrow{justify-content:center}}

.small-seal{direction:ltr}

/* =========================================================
   ETUS FINAL SOCIAL + GOOGLE MAPS + WHATSAPP
   ========================================================= */

.social-panel{
  display:flex;
  flex-direction:column;
  gap:18px;
  align-items:flex-start;
}

.social-title{
  font-size:14px;
  font-weight:500;
  color:#f7efe5;
  opacity:.95;
}

.social-links{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center;
}

.social-links a{
  display:flex;
  align-items:center;
  gap:9px;
  color:#f7efe5;
  border:1px solid rgba(255,255,255,.25);
  padding:9px 14px;
  border-radius:999px;
  font-size:11px;
  text-decoration:none;
  transition:background .2s ease,border-color .2s ease,transform .2s ease;
}

.social-links a:hover{
  background:rgba(255,255,255,.09);
  border-color:rgba(255,255,255,.45);
  transform:translateY(-1px);
}

.social-links a>span{
  width:30px;
  height:30px;
  flex:0 0 30px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.11);
  font-family:var(--latin);
  font-weight:700;
  font-size:13px;
}

.social-links small{
  font-size:10px;
}

.social-empty{
  font-size:11px;
  opacity:.65;
}

/* Footer QR */
.site-footer>div:first-child{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  flex:1;
}

.footer-qr-wrap{
  display:flex;
  align-items:center;
  gap:10px;
  margin-inline-start:24px;
}

.footer-qr-wrap canvas{
  width:82px;
  height:82px;
  border:1px solid #eadde1;
  background:#fff;
  padding:3px;
}

.footer-qr-wrap span{
  max-width:85px;
  line-height:1.5;
  color:var(--muted);
}

/* Saudi Riyal symbol */
.riyal-symbol{
  font-family:'Segoe UI Symbol','Noto Sans Symbols 2',Arial,sans-serif;
  font-size:1.05em;
  line-height:1;
  display:inline-block;
  margin-inline-start:4px;
}

/* WhatsApp floating button */
.whatsapp-float{
  position:fixed !important;
  right:22px !important;
  left:auto !important;
  bottom:22px !important;

  width:58px !important;
  height:58px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  padding:0 !important;
  border-radius:50% !important;
  border:3px solid #fff !important;

  background:#25D366 !important;
  color:#fff !important;
  text-decoration:none !important;

  z-index:9999 !important;
  overflow:hidden;

  box-shadow:0 10px 30px rgba(0,0,0,.22) !important;
  transition:transform .2s ease,box-shadow .2s ease;
}

.whatsapp-float:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 34px rgba(0,0,0,.24) !important;
}

.whatsapp-float svg{
  width:31px !important;
  height:31px !important;
  display:block !important;
  color:#fff !important;
  fill:currentColor;
}

/* Mobile */
@media(max-width:700px){

  .about-banner .social-panel{
    margin-top:25px;
    align-items:center;
  }

  .social-title{
    width:100%;
    text-align:center;
  }

  .social-links{
    justify-content:center;
    gap:9px;
  }

  .social-links a{
    min-height:46px;
    padding:8px 12px;
  }

  .site-footer>div:first-child{
    display:block;
  }

  .footer-qr-wrap{
    margin:16px 0 0;
    justify-content:flex-start;
  }

  .footer-qr-wrap canvas{
    width:74px;
    height:74px;
  }

  /* Center WhatsApp so it does not cover the mobile widget */
  .whatsapp-float{
    right:auto !important;
    left:50% !important;
    transform:translateX(-50%) !important;

    bottom:calc(18px + env(safe-area-inset-bottom)) !important;

    width:56px !important;
    height:56px !important;
  }

  .whatsapp-float:hover{
    transform:translateX(-50%) translateY(-2px) !important;
  }

  .whatsapp-float svg{
    width:30px !important;
    height:30px !important;
  }
}



/* ETUS Riyal word fix — do not render symbol glyph */
.riyal-symbol{display:none!important}
.price-tag small{font-family:inherit!important;font-size:.52em!important;line-height:1!important;white-space:nowrap!important}
