/* =========================================================
   YUMI — inner pages: about / ingredients / reviews / contact
   ========================================================= */
.sec-more{display:flex;justify-content:center;margin-top:clamp(36px,5vw,56px)}
.benefits .sec-more .btn--ghost{color:var(--cream);border-color:rgba(253,246,240,.35)}

.xhero{position:relative;overflow:hidden;isolation:isolate;padding:calc(var(--header-h) + 70px) 0 clamp(60px,7vw,90px)}
.xhero .phero__sky{position:absolute;inset:0;z-index:-1}
.xhero__center{text-align:center;display:flex;flex-direction:column;align-items:center}
.xhero__center .eyebrow{justify-content:center}
.xhero__title{font-size:clamp(38px,5.6vw,76px);line-height:1.25;font-weight:600;color:var(--wine)}
.xhero__title em{font-family:var(--f-en);font-weight:500;color:var(--berry)}
.xhero__lead{margin-top:16px;max-width:560px;color:#6d4653;font-weight:300;font-size:clamp(15px,1.3vw,18px);line-height:1.9}
.xhero__center .xhero__lead{margin-inline:auto}
.xhero .crumbs{margin-top:20px}
.xhero__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.xhero__grid .crumbs{justify-content:flex-start}
.xhero__art{position:relative;height:clamp(300px,34vw,440px);display:grid;place-items:center}
.xhero__circle{position:absolute;width:88%;aspect-ratio:1;border-radius:50%;border:1px dashed rgba(168,35,79,.3);animation:spin 50s linear infinite}
.xhero__art img{position:relative;width:72%;aspect-ratio:1;object-fit:cover;border-radius:200px 200px 30px 30px;box-shadow:var(--shadow)}
.xhero__bottles{display:flex;align-items:flex-end;justify-content:center;gap:clamp(10px,2vw,28px);height:clamp(200px,24vw,300px);margin-top:36px}
.xhero__bottles img{height:82%;width:auto;filter:drop-shadow(0 24px 22px rgba(74,15,39,.25));animation:bob 5s ease-in-out infinite}
.xhero__bottles img:nth-child(2){height:100%;animation-delay:.6s}
.xhero__bottles img:nth-child(3){animation-delay:1.2s}

.values{background:var(--cream)}
.values__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.value{position:relative;padding:30px 24px;border-radius:var(--r-lg);background:#fff;box-shadow:0 30px 60px -45px rgba(74,15,39,.5);overflow:hidden;transition:transform .5s var(--ease-out)}
.value:hover{transform:translateY(-6px)}
.value__n{position:absolute;top:14px;left:18px;font-family:var(--f-en);font-style:italic;font-size:42px;line-height:1;color:var(--blush)}
.value__icon{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:var(--blush);font-size:28px}
.value h3{margin:18px 0 8px;font-size:19px;color:var(--wine)}
.value p{font-size:14.5px;color:var(--muted);line-height:1.85;font-weight:300}

.howto{background:var(--paper)}
.howto__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.howto__steps li{position:relative;padding:34px 26px 28px;border-radius:var(--r-lg);background:linear-gradient(160deg,#fff,var(--blush));text-align:center}
.howto__steps b{display:grid;place-items:center;width:56px;height:56px;margin:0 auto 14px;border-radius:50%;background:var(--wine);color:var(--cream);font-family:var(--f-en);font-size:20px;font-weight:500}
.howto__steps h3{font-size:19px;color:var(--wine);margin-bottom:6px}
.howto__steps p{font-size:14.5px;color:var(--muted);line-height:1.85}

.rsum{background:var(--cream);padding-top:10px}
.rsum__box{display:grid;grid-template-columns:auto 1fr auto;gap:clamp(20px,4vw,56px);align-items:center;padding:30px clamp(22px,4vw,44px);border-radius:var(--r-lg);background:#fff;box-shadow:0 30px 60px -45px rgba(74,15,39,.5);margin-top:-40px;position:relative}
.rsum__score{text-align:center;display:flex;flex-direction:column;align-items:center}
.rsum__score b{font-family:var(--f-en);font-size:72px;line-height:1;font-weight:500;color:var(--wine)}
.rsum__score small{color:var(--muted);font-size:13px;margin-top:4px}
.rsum__bars{display:flex;flex-direction:column;gap:12px}
.rsum__bars li{display:grid;grid-template-columns:100px 1fr 28px;align-items:center;gap:12px;font-size:14px}
.rsum__bars span{font-family:var(--f-en);font-style:italic;font-size:17px;color:var(--wine);direction:ltr;text-align:right}
.rsum__bars i{height:8px;border-radius:8px;background:var(--blush);overflow:hidden}
.rsum__bars em{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,var(--rose),var(--berry))}
.rsum__bars b{color:var(--muted);font-weight:600}
.rsum__box .btn svg{width:18px;height:18px}
.rgrid{background:var(--cream);padding-top:clamp(40px,5vw,60px)}
.rgrid__cols{columns:3 300px;column-gap:20px}
.rcard--grid{width:auto;break-inside:avoid;margin-bottom:20px}

.contact{background:var(--cream)}
.contact__grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(24px,4vw,50px);align-items:start}
.contact__info{display:flex;flex-direction:column;gap:14px}
.ccard{display:flex;align-items:center;gap:16px;padding:20px 22px;border-radius:var(--r);background:#fff;box-shadow:0 24px 50px -40px rgba(74,15,39,.5);transition:transform .45s var(--ease-out)}
a.ccard:hover{transform:translateX(-6px)}
.ccard__icon{flex:0 0 52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--blush);color:var(--wine)}
.ccard__icon svg{width:24px;height:24px}
.ccard small{display:block;font-size:13px;color:var(--muted)}
.ccard b{display:block;font-size:16.5px;color:var(--wine);font-weight:600}
.ccard b[dir="ltr"]{text-align:right}
.ccard--wa{background:linear-gradient(135deg,#25d366,#128c4a)}
.ccard--wa .ccard__icon{background:rgba(255,255,255,.2);color:#fff}
.ccard--wa small{color:rgba(255,255,255,.85)}
.ccard--wa b{color:#fff;font-size:19px}
.contact__social{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-radius:var(--r);background:var(--wine);color:var(--cream)}
.contact__social .socials a:hover{background:var(--cream);color:var(--wine)}
.contact__form{position:relative;padding:clamp(24px,3.5vw,40px);border-radius:var(--r-lg);background:#fff;box-shadow:0 40px 70px -50px rgba(74,15,39,.55);scroll-margin-top:120px}
.contact__form h2{font-size:clamp(26px,3vw,34px);color:var(--wine);line-height:1.3}
.contact__form h2 em{font-family:var(--f-en);color:var(--berry);font-weight:500}
.contact__form>p{color:var(--muted);margin:6px 0 22px}
.yform{display:flex;flex-direction:column;gap:16px}
.yform__row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.yform__hp{position:absolute;inset:0 auto auto 0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);opacity:0;pointer-events:none}
.yfield{display:flex;flex-direction:column;gap:7px}
.yfield>span{font-size:14px;font-weight:600;color:var(--wine)}
.yfield i{font-style:normal;color:var(--berry)}
.yfield input,.yfield select,.yfield textarea{width:100%;height:52px;padding:0 18px;border-radius:14px;border:1px solid var(--line);background-color:#fff;font-size:15px;color:var(--ink);outline:none;transition:border-color .3s,box-shadow .3s}
.yfield textarea{height:auto;padding:14px 18px;resize:vertical;line-height:1.8}
.yfield input:focus,.yfield select:focus,.yfield textarea:focus{border-color:var(--rose);box-shadow:0 0 0 4px rgba(226,123,151,.15)}
.yform .btn{margin-top:4px;height:56px}

/* ---------- Input direction (RTL site, LTR values) ---------- */
input,textarea,select{font-family:var(--f-ar)}
input[type="email"],input[type="tel"],input[type="url"],input[type="password"],#billing_phone,#billing_email,#reg_email,#username{direction:ltr;text-align:right}
input::placeholder,textarea::placeholder{color:#b49aa3;opacity:1}
.woocommerce select,.yfield select{appearance:none;-webkit-appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234a0f27' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat left 16px center/16px;padding-left:42px}

@media (max-width:991.98px){
  .xhero__grid{grid-template-columns:1fr;text-align:center}
  .xhero__grid .eyebrow,.xhero__grid .crumbs{justify-content:center}
  .xhero__grid .xhero__lead{margin-inline:auto}
  .values__grid{grid-template-columns:1fr 1fr}
  .rsum__box{grid-template-columns:1fr;text-align:center}
  .rsum__bars li{text-align:right}
  .contact__grid{grid-template-columns:1fr}
}
@media (max-width:767.98px){
  .xhero{padding:calc(var(--header-h) + 40px) 0 60px}
  .values__grid,.howto__steps{grid-template-columns:1fr}
  .yform__row{grid-template-columns:1fr}
  .rsum__bars li{grid-template-columns:84px 1fr 22px}
}


/* =========================================================
   TYPE SAFETY (Arabic ascenders/descenders) + SPACING RHYTHM
   ========================================================= */
:root{--gap-xs:8px;--gap-sm:12px;--gap:16px;--gap-md:24px;--gap-lg:clamp(32px,4vw,48px);--sec-head:clamp(36px,5vw,60px)}
h1,h2,h3,h4{line-height:1.45}
.sec-title,.phero__title,.xhero__title{line-height:1.45;padding-block:.06em}
.hero__title{line-height:1.3}
.hero__title .line{padding:.32em 0 .22em;margin:-.32em 0 -.22em}
.hero__title .line--en{line-height:1.25;margin-top:.04em}
.xbanner__title{line-height:1.4}
.xbanner__title span{padding-block:.04em}
.cta__title{line-height:1.45}
.ing h3{line-height:1.3}
.ing h3 small{line-height:1.6;margin-top:4px}
.bn h3,.sp__blist h3{line-height:1.3}
.pslide__name,.pcard__name,.cp__name,.dt__hero h3{line-height:1.2;padding-block:.04em}
.btn{line-height:1.5}
.btn span{display:inline-block;padding-block:2px}
.nav__link,.cn,.pslide__chip,.pslide__feat li,.pcard__chip{line-height:1.6}
.eyebrow{line-height:1.6}
p{line-height:1.9}

/* consistent gaps */
.eyebrow{margin-bottom:var(--gap-sm)}
.sec-head{margin-bottom:var(--sec-head)}
.sec-lead{margin-top:var(--gap)}
.hero__cta{gap:var(--gap-sm);margin-top:32px}
.hero__lead{margin-top:var(--gap-md)}
.hero__shades{margin-top:32px;padding-top:20px}
.xhero__lead{margin-top:var(--gap)}
.xhero .crumbs,.phero .crumbs{margin-top:var(--gap)}
.pslide__desc{margin-top:var(--gap-sm)}
.pslide__feat{margin-top:var(--gap-md);gap:var(--gap-xs)}
.pslide__buy{margin-top:28px;padding-top:var(--gap-md);gap:var(--gap-sm) var(--gap-md)}
.sp__price{margin-top:var(--gap)}
.sp__desc{margin-top:var(--gap-sm)}
.sp__info .pslide__feat{margin-top:var(--gap)}
.sp__cart{margin-top:var(--gap-md);padding-top:var(--gap-md)}
.sp__wa{margin-top:var(--gap)}
.sp__perks{margin-top:var(--gap-md)}
.formula__col,.contact__info{gap:var(--gap)}
.formula__grid{gap:var(--gap-lg)}
.sp__ings,.values__grid,.howto__steps,.pcards{gap:var(--gap-md)}
.ing,.value,.howto__steps li,.rcard,.ccard{padding:var(--gap-md)}
.flavor{margin-top:var(--gap-lg)}
.stats{margin-top:32px;gap:var(--gap-sm)}
.about__p p+p{margin-top:var(--gap)}
.cta__text .hero__cta{margin-top:var(--gap-md)}
.cta__text p{margin-top:var(--gap-sm)}
.xbanner__title{margin-bottom:28px}
.sec-more{margin-top:var(--gap-lg)}
.footer__top{gap:var(--gap-lg)}
.footer h4{margin-bottom:var(--gap)}
.footer__col{gap:var(--gap-sm)}
.footer__brand p{margin-bottom:var(--gap-md)}
.yform{gap:var(--gap)}
.yform__row{gap:var(--gap)}
.contact__form>p{margin:var(--gap-xs) 0 var(--gap-md)}
.auth__tabs{margin-bottom:var(--gap-md)}
.auth__row{margin:var(--gap-xs) 0 var(--gap-md)}
.woocommerce form .form-row,.auth .form-row{margin-bottom:var(--gap)}
.cart__foot{gap:var(--gap-sm)}
.rsum__box{gap:var(--gap-lg)}
.rcard{gap:var(--gap-sm)}
.pcard__body{padding:var(--gap-md);gap:var(--gap-xs)}
.pcard__foot{padding-top:var(--gap)}
.campaign__head{margin-bottom:var(--sec-head)}
@media (max-width:767.98px){
  :root{--gap-md:20px;--gap-lg:32px}
  .hero__cta{margin-top:28px}
  .hero__cta .btn{min-width:220px}
  .pslide__buy{gap:var(--gap-sm)}
}


/* ---------- Loader v2: ring + liquid logo, no text ---------- */
.loader__inner{width:200px;height:200px;display:grid;place-items:center;gap:0}
.loader__inner>*{grid-area:1/1}
.loader__glow{width:360px;height:360px;left:50%;top:50%}
.loader__ring{width:200px;height:200px;transform:rotate(-90deg);overflow:visible}
.loader__ring circle{fill:none;stroke-width:1.5}
.loader__track{stroke:rgba(253,246,240,.14)}
.loader__prog{stroke:var(--peach);stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(246,198,172,.8))}
.loader__orbit{width:184px;height:184px;position:relative;animation:spin 3.2s linear infinite}
.loader__orbit i{position:absolute;top:-4px;left:50%;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:var(--peach);box-shadow:0 0 12px var(--peach)}
.loader__orbit i:nth-child(2){transform:rotate(120deg);transform-origin:4px 96px;opacity:.6;width:6px;height:6px}
.loader__orbit i:nth-child(3){transform:rotate(240deg);transform-origin:4px 96px;opacity:.35;width:5px;height:5px}
.loader__logo{width:96px;animation:loaderFloat 2.4s ease-in-out infinite}
.loader__logo-fill{-webkit-mask:linear-gradient(#000,#000);transition:none}
.loader__logo-fill img{filter:drop-shadow(0 0 14px rgba(246,198,172,.55))}
@keyframes loaderFloat{50%{transform:translateY(-6px)}}
.loader__drop,.loader__meta,.loader__bar{display:none}

.hero__lead b{display:inline-block;margin-inline:.22em;unicode-bidi:isolate}

/* mixed Arabic/Latin spacing */
.lt{unicode-bidi:isolate;margin-inline:.18em}