/* الحريري — ودجتات التصميم (الهيدر، السلايدر، الأدوات العائمة). منسوخة من التصميم المعتمد بحركاته كاملة. */
:root{--m:#650505;--md:#3a0202;--ml:#8e1414;--g:#e3a93a;--gl:#f3c869;--c:#fbf5ea;--c2:#f4e9d6;--ink:#1f0e0b;--r:28px}
.wrap{width:min(1240px,92%);margin:auto}
.kick{color:var(--m);font-weight:800;display:inline-flex;gap:12px;align-items:center}
.kick::before{content:"";width:42px;height:3px;background:var(--g)}
.kick.l{color:var(--g)}
.pill{display:inline-flex;align-items:center;gap:10px;padding:13px 28px;border-radius:99px;background:var(--m);color:#fff;font-weight:800;transition:.3s}
.pill:hover{background:var(--g);color:var(--md);transform:translateY(-3px)}
.pill.g{background:var(--g);color:var(--md)}.pill.g:hover{background:#fff}
.pill.o{background:transparent;border:2px solid currentColor;color:var(--m)}.pill.o:hover{background:var(--m);color:#fff}
.pk svg{width:100%;height:auto;display:block}
.emb{aspect-ratio:660/831;background:url(logo.png) 0 0/286.5% 100% no-repeat}
.hrw *,.hrw *::before,.hrw *::after{box-sizing:border-box}
#prog{position:fixed;top:0;right:0;height:3px;width:0;background:linear-gradient(90deg,#e3a93a,#650505);z-index:120}
/* ===== الشريط العلوي ===== */
.tb{background:var(--md);color:#fff;font-size:13.5px}
.tb .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:8px 0;flex-wrap:wrap}
.tb .i{display:flex;gap:22px;flex-wrap:wrap;opacity:.9}
.tb .i span{display:inline-flex;gap:8px;align-items:center}
.tb .i b{color:var(--g)}
.tb .s{display:flex}
.tb .s a{width:34px;height:30px;display:grid;place-items:center;border-inline-start:1px solid #ffffff1f;transition:.3s}
.tb .s a:hover{background:var(--g);color:var(--md)}
.tb svg{width:15px;height:15px;fill:currentColor}
@media(max-width:700px){.tb .i span:nth-child(2){display:none}}

/* ===== القائمة الرئيسية ===== */
.nav{position:sticky;top:0;z-index:100;background:#fbf5eaf2;backdrop-filter:blur(14px);transition:box-shadow .3s}
.nav.s{box-shadow:0 10px 30px #65050518}
.nav .wrap{width:min(1400px,96%)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;height:84px;transition:height .3s}
.nav.s .wrap{height:70px}
.nav .logo{flex:none}
.nav .logo img{height:58px;width:auto;max-width:none;transition:.3s}.nav.s .logo img{height:48px}
.menu{display:flex;align-items:center;gap:4px;list-style:none;height:100%}
.menu>li{height:100%;display:flex;align-items:center;position:relative}
.menu>li>a{padding:8px 13px;font-weight:700;font-size:15.5px;border-radius:12px;display:flex;gap:6px;align-items:center;transition:.25s;white-space:nowrap}
.menu>li>a:hover,.menu>li:focus-within>a{color:var(--m);background:#65050510}
.menu .ar{font-size:10px;transition:.3s}
.menu>li:hover .ar{transform:rotate(180deg)}
.soon-b{font-size:10.5px;background:var(--g);color:var(--md);padding:0 8px;border-radius:99px;font-weight:800}
.dd{position:absolute;top:100%;right:0;min-width:240px;background:#fff;border-radius:20px;padding:12px;box-shadow:0 30px 60px #3a020230;opacity:0;visibility:hidden;transform:translateY(12px);transition:.3s;list-style:none;border-top:3px solid var(--g)}
.menu>li:hover .dd,.menu>li:focus-within .dd{opacity:1;visibility:visible;transform:none}
.dd a{display:flex;gap:10px;align-items:center;padding:10px 14px;border-radius:12px;font-weight:700;font-size:15px;transition:.25s}
.dd a:hover{background:var(--c);color:var(--m);padding-inline-start:20px}
.dd a::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--g)}
/* القائمة الضخمة للمنتجات */
.mega{position:fixed;top:100%;right:50%;translate:50% 0;width:min(1100px,94vw);display:grid;grid-template-columns:repeat(7,1fr) 1.5fr;gap:8px;padding:16px}
.mega a.mc{flex-direction:column;text-align:center;padding:14px 8px;gap:4px;background:var(--c);border-radius:18px;font-size:14px}
.mega a.mc::before{display:none}
.mega a.mc .pk{width:58%;transition:.5s cubic-bezier(.2,.9,.3,1.3);filter:drop-shadow(0 10px 8px #3a020233)}
.mega a.mc:hover{background:#fff;box-shadow:0 14px 30px #65050520;padding-inline-start:8px}
.mega a.mc:hover .pk{transform:translateY(-6px) rotate(-5deg)}
.mega .feat{background:linear-gradient(160deg,var(--m),var(--md));color:#fff;border-radius:18px;padding:20px;display:flex;flex-direction:column;justify-content:space-between}
.mega .feat b{color:var(--g);font-size:13px}
.mega .feat h4{font-size:20px;line-height:1.3;margin:6px 0}
.mega .feat p{font-size:13px;opacity:.8}
.mega .feat a{background:var(--g);color:var(--md);padding:8px 16px;border-radius:99px;justify-content:center;margin-top:10px}
.mega .feat a::before{display:none}
.nav .act{display:flex;gap:10px;align-items:center}
.cartb{position:relative;width:48px;height:48px;border-radius:50%;background:#65050512;display:grid;place-items:center;transition:.3s}
.cartb:hover{background:var(--m);color:#fff}
.cartb svg{width:22px;fill:currentColor}
.cartb i{position:absolute;top:-2px;left:-2px;min-width:22px;height:22px;border-radius:99px;background:var(--g);color:var(--md);font-style:normal;font-size:12px;font-weight:800;display:grid;place-items:center;transform:scale(0);transition:.3s cubic-bezier(.2,.9,.3,1.6)}
.cartb i.on{transform:scale(1)}
.cartb.bump{animation:bump .5s}
@keyframes bump{40%{transform:scale(1.25)}}
.burger{display:none;width:48px;height:48px;border-radius:14px;background:var(--m);place-items:center}
.burger span,.burger span::before,.burger span::after{display:block;width:22px;height:2px;background:#fff;position:relative;transition:.3s}
.burger span::before,.burger span::after{content:"";position:absolute}
.burger span::before{top:-7px}.burger span::after{top:7px}
.pill{white-space:nowrap}
.menu{flex:1;min-width:0;justify-content:center}
.menu>li>a{font-size:15.5px;padding:8px 13px}
.nav .act .pill{padding:11px 22px;font-size:15px}
/* يتم الضبط تلقائياً بالقياس: أولاً تضييق، ثم قائمة جانبية إن لم تتسع */
.nav.tight .menu>li>a{padding:8px 8px;font-size:14.5px}
.nav.measuring .menu>li>a{transition:none!important}
.nav.collapsed .menu{display:none}.nav.collapsed .burger{display:grid}.nav.collapsed .act .pill{display:none}
.nav .act{flex:none}
#cartn{display:none;min-width:24px;height:24px;border-radius:99px;background:var(--g);color:var(--md);font-style:normal;font-size:13px;font-weight:800;place-items:center;padding:0 6px;margin-inline-start:2px}
#cartn.on{display:inline-grid}
#cartb.bump{animation:bump .5s}
@media(max-width:1024px){.menu{display:none}.burger{display:grid}.nav .act .pill{display:none}}
/* درج الجوال */
.drawer{position:fixed;inset:0;z-index:200;visibility:hidden}
.drawer.on{visibility:visible}
.drawer .bg{position:absolute;inset:0;background:#1f0e0b88;opacity:0;transition:.4s}
.drawer.on .bg{opacity:1}
.drawer .pn{position:absolute;top:0;right:0;bottom:0;width:min(380px,88vw);background:var(--c);transform:translateX(100%);transition:.45s cubic-bezier(.2,.8,.2,1);overflow:auto;padding:22px}
.drawer.on .pn{transform:none}
.drawer .hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.drawer .hd img{height:48px}
.drawer .x{width:44px;height:44px;border-radius:50%;background:#65050512;font-size:22px}
.drawer details{border-bottom:1px solid #65050518}
.drawer summary,.drawer .ln{display:flex;justify-content:space-between;padding:15px 4px;font-weight:800;list-style:none;cursor:pointer}
.drawer summary::-webkit-details-marker{display:none}
.drawer summary::after{content:"+";color:var(--m);font-size:20px;transition:.3s}
.drawer details[open] summary::after{transform:rotate(45deg)}
.drawer details a{display:block;padding:9px 18px;opacity:.8}
.drawer details a:hover{color:var(--m);opacity:1}
.drawer .ln{border-bottom:1px solid #65050518}
.drawer .pill{margin-top:22px;width:100%;justify-content:center}


/* ===== الواجهة ===== */
/* ===== سلايدر الواجهة ===== */
/* الانتقال: الشريحة الجديدة تتكشّف بدائرة تتوسع من مركز العبوات */
.hero{position:relative;height:calc(100vh - 128px);min-height:560px;max-height:860px;overflow:hidden;touch-action:pan-y;user-select:none;background:var(--c)}
.slide{position:absolute;inset:0;background:var(--sb);color:var(--st);display:grid;align-items:center;visibility:hidden;clip-path:circle(0% at 28% 52%)}
.slide.on{visibility:visible;z-index:2;clip-path:circle(150% at 28% 52%);transition:clip-path 1.3s cubic-bezier(.7,0,.2,1)}
.slide.prev{visibility:visible;z-index:1;clip-path:circle(150% at 28% 52%)}
.slide .wrap{position:relative;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:40px;width:min(1180px,84%)}
.slide .kick{color:var(--st)}.slide .kick.l{color:var(--g)}
.ghost{position:absolute;left:-2%;bottom:-6%;font-size:min(26vw,40vh);font-weight:800;line-height:1;color:var(--st);opacity:.05;white-space:nowrap;pointer-events:none;transform:translateX(-8%);transition:transform 2.2s cubic-bezier(.2,.8,.2,1)}
.slide.on .ghost{transform:none}
.big{font-size:clamp(52px,min(9vw,13vh),150px);font-weight:800;line-height:1;margin:12px 0 16px;color:var(--st)}
.big span{display:block;overflow:hidden;padding-bottom:.08em}
.big span i{display:inline-block;font-style:normal;transform:translateY(115%);transition:transform 1s cubic-bezier(.2,.9,.2,1)}
.slide.on .big span i{transform:none;transition-delay:.25s}
.slide.on .big span:nth-child(2) i{transition-delay:.42s}
.big i.ol{-webkit-text-stroke:3px var(--st);color:transparent}
.big i.gd{color:var(--g)}
.slide .a1,.slide .a2,.slide .a3{opacity:0;transform:translateY(26px);transition:.8s cubic-bezier(.2,.8,.2,1)}
.slide.on .a1{opacity:1;transform:none;transition-delay:.15s}
.slide.on .a2{opacity:.85;transform:none;transition-delay:.55s}
.slide.on .a3{opacity:1;transform:none;transition-delay:.7s}
.slide .sub{max-width:520px;font-size:19px;margin-bottom:28px}
.slide .btns{display:flex;gap:12px;flex-wrap:wrap}
.slide.dark .pill.o{color:#fff}.slide.dark .pill.o:hover{background:#fff;color:var(--m)}
.slide.dark .orb{border-color:#ffffff30}
.slide .pk{opacity:0;transform:translateY(90px) rotate(-10deg) scale(.85);transition:opacity .7s,transform 1s cubic-bezier(.2,.9,.3,1.25)}
.slide.on .pk{opacity:1;transform:none;transition-delay:var(--d,0s)}
.slide .pk svg{animation:fl 6s ease-in-out infinite}
.slide .pk:nth-child(odd) svg{animation-delay:-3s}
/* أدوات التحكم: عمود عمودي على الطرف الأيسر */
.hs-side{position:absolute;z-index:5;left:2.4%;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:14px;color:var(--cur,#650505);transition:color .8s}
.hs-side>button{width:44px;height:44px;border-radius:50%;border:1.5px solid currentColor;font-size:16px;transition:.3s;opacity:.7}
.hs-side>button:hover{opacity:1;background:var(--g);border-color:var(--g);color:var(--md)}
.hs-num{font-weight:800;line-height:1;text-align:center}
.hs-num b{display:block;font-size:30px}
.hs-num span{font-size:13px;opacity:.6}
.hs-dots{display:flex;flex-direction:column;gap:8px;align-items:center}
.hs-dots button{width:4px;height:26px;border-radius:4px;background:currentColor;opacity:.25;position:relative;overflow:hidden;transition:height .5s,opacity .3s}
.hs-dots button:hover{opacity:.5}
.hs-dots button.on{height:64px;opacity:1;background:#ffffff00;box-shadow:inset 0 0 0 1px currentColor}
.hs-dots button i{position:absolute;top:0;right:0;left:0;height:0;background:var(--g);border-radius:4px}
.hs-name{display:none}
.stage{position:relative;height:min(520px,60vh)}
.stage .disc{position:absolute;inset:6% 4%;border-radius:50%;background:radial-gradient(circle,#e3a93a66,#e3a93a14 58%,transparent 70%)}
.stage .orb{position:absolute;inset:0;border:1.5px dashed #65050530;border-radius:50%;animation:rot 50s linear infinite}
.stage .orb::after{content:"";position:absolute;top:10%;left:14%;width:16px;height:16px;border-radius:50%;background:var(--g);box-shadow:0 0 0 8px #e3a93a33}
@keyframes rot{to{transform:rotate(360deg)}}
.stage .pk{position:absolute;filter:drop-shadow(0 30px 26px #3a020255)}
@keyframes fl{50%{transform:translateY(-20px) rotate(2deg)}}
@media(max-width:960px){
 .hero{height:760px;max-height:none}
 .slide{align-items:start;padding-top:20px}
 .slide .wrap{grid-template-columns:1fr;gap:0;width:90%}
 .stage{height:300px}.slide .tx{order:2}
 .big{font-size:clamp(48px,15vw,84px)}.slide .sub{font-size:16px}
 .hs-side{top:auto;bottom:18px;left:50%;transform:translateX(-50%);flex-direction:row}
 .hs-dots{flex-direction:row}.hs-dots button{width:26px;height:4px;transition:width .5s}.hs-dots button.on{width:56px;height:4px}
 .hs-dots button i{bottom:0;left:auto;height:auto;width:0}
 .hs-num,.hs-name{display:none}
}


/* عائمات */
.wa{position:fixed;bottom:22px;left:22px;z-index:90;width:58px;height:58px;border-radius:50%;background:#25d366;display:grid;place-items:center;box-shadow:0 10px 30px #0004;animation:wp 2.4s infinite}
.wa svg{width:30px;fill:#fff}
@keyframes wp{0%{box-shadow:0 0 0 0 #25d36688}100%{box-shadow:0 0 0 22px #25d36600}}
.totop{position:fixed;bottom:22px;right:22px;z-index:90;width:54px;height:54px;border-radius:50%;background:#fff;box-shadow:0 10px 30px #0003;display:grid;place-items:center;opacity:0;transform:translateY(20px);transition:.4s}
.totop.on{opacity:1;transform:none}
.totop svg{position:absolute;inset:0;transform:rotate(-90deg)}
.totop circle{fill:none;stroke-width:3}
.toast{position:fixed;bottom:96px;left:50%;translate:-50% 0;z-index:400;background:var(--md);color:#fff;padding:12px 22px;border-radius:99px;font-weight:700;box-shadow:0 14px 40px #0005;opacity:0;transform:translateY(20px);transition:.4s;pointer-events:none}
.toast.on{opacity:1;transform:none}


.slide .pk{position:absolute}
.pk img{width:100%;height:auto;display:block}
.stage .pk img{filter:drop-shadow(0 30px 26px rgba(58,2,2,.33))}
.stage .p1{width:40%;right:30%;top:2%;z-index:3}
.stage .p2{width:33%;right:2%;top:36%;z-index:2}
.stage .p3{width:31%;right:66%;top:40%;z-index:2}
.stage .p4{width:20%;right:44%;top:62%;z-index:4}
/* ===== الفوتر ===== */
footer{background:var(--md);color:#fff;position:relative}
.f-clip{position:absolute;inset:0;overflow:hidden;pointer-events:none} /* يقصّ الشعار الخلفي فقط، لا شريط الدعوة */
.f-cta{width:min(1240px,92%);margin:0 auto;transform:translateY(-50%);display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding:32px 42px;border-radius:30px;background:linear-gradient(120deg,var(--g),var(--gl));color:var(--md);box-shadow:0 24px 60px #0004}
.f-cta h3{font-size:clamp(22px,3vw,32px);line-height:1.3}
.f-main{width:min(1240px,92%);margin:-30px auto 0;padding-bottom:40px;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1.3fr;gap:36px;position:relative;z-index:1}
.f-main img{height:70px;width:auto;margin-bottom:16px;filter:brightness(0) invert(1)}
.f-main p{opacity:.75;font-size:15px;max-width:320px}
.f-main h4{font-size:17px;margin-bottom:20px;padding-bottom:12px;position:relative;color:var(--g)}
.f-main h4::after{content:"";position:absolute;bottom:0;right:0;width:34px;height:2px;background:var(--g)}
.f-main ul{list-style:none;display:grid;gap:11px}
.f-main li a{opacity:.8;transition:.3s;display:inline-block}
.f-main li a:hover{opacity:1;color:var(--g);transform:translateX(-6px)}
.f-main small{display:block;opacity:.6;line-height:1.3}
.soc{display:flex;gap:10px;margin-top:20px}
.soc a{width:42px;height:42px;border-radius:50%;border:1.5px solid #ffffff33;display:grid;place-items:center;transition:.35s}
.soc a svg{width:18px;fill:#fff}
.soc a:hover{background:var(--g);border-color:var(--g);transform:translateY(-5px)}
.soc a:hover svg{fill:var(--md)}
.f-mark{position:absolute;left:-380px;bottom:-60px;width:1200px;opacity:.05;filter:brightness(0) invert(1);clip-path:inset(0 65% 0 0);pointer-events:none}
.f-bar{border-top:1px solid #ffffff1c;position:relative;z-index:1}
.f-bar div{width:min(1240px,92%);margin:auto;padding:20px 0;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:14px;opacity:.8}
@media(max-width:1000px){.f-main{grid-template-columns:1fr 1fr}.f-main>div:first-child{grid-column:1/-1}}
@media(max-width:520px){.f-main{grid-template-columns:1fr}}



/* تكييف مع Elementor: تثبيت الهيدر (يختفي الشريط العلوي عند التمرير وتبقى القائمة) */
.elementor-location-header{position:sticky;top:calc(-1 * var(--tbh,36px));z-index:100}
body.admin-bar .elementor-location-header{top:calc(32px - var(--tbh,36px))}
@media(max-width:782px){body.admin-bar .elementor-location-header{top:calc(46px - var(--tbh,36px))}}
.nav{position:relative;top:auto}
.elementor-widget-hariri_header>.elementor-widget-container,.elementor-widget-hariri_hero>.elementor-widget-container,.elementor-widget-hariri_footer>.elementor-widget-container,.elementor-widget-hariri_tools>.elementor-widget-container{margin:0;padding:0}
:where(.hrw) a{text-decoration:none}
:where(.hrw) ul,:where(.hrw) ol{list-style:none;margin:0;padding:0}
:where(.hrw) h1,:where(.hrw) h2,:where(.hrw) h3,:where(.hrw) h4{margin:0}
:where(.hrw) p{margin:0}
:where(.hrw) button{font:inherit;cursor:pointer;border:0;background:none;color:inherit;padding:0}
.hr-footer{display:block;background:var(--md);color:#fff;position:relative}
.hr-footer .f-main{padding-top:0}
:where(.hrw) img{max-width:100%}
.hr-header,.hr-footer,.hrw-hero{font-family:'Almarai',sans-serif;line-height:1.8}
:where(.hrw) a{color:inherit}
:where(.hrw) .s a,:where(.hrw) .menu a{color:inherit}

/* ===== المعرض الأفقي ===== */
#rail-sec{height:420vh}
.pin{position:sticky;top:0;height:100vh;overflow:hidden}
.rail{display:flex;height:100%;will-change:transform}
.panel{flex:0 0 100vw;height:100%;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:60px 8% 0;gap:40px;position:relative;overflow:hidden}
.panel .num{position:absolute;left:4%;bottom:-8%;font-size:32vw;font-weight:800;line-height:1;color:#fff;opacity:.3;pointer-events:none}
.panel .tag{font-weight:800;opacity:.7}
.panel h3{font-size:clamp(40px,6vw,92px);line-height:1.05;margin:8px 0 16px}
.panel p{font-size:19px;max-width:460px;opacity:.85;margin-bottom:24px}
.panel .pk{width:min(330px,32vw);margin:auto;filter:drop-shadow(0 40px 36px #0006);transform:rotate(var(--r,-6deg));transition:.6s}
.panel:hover .pk{transform:rotate(0) scale(1.05)}
.rail-ui{position:absolute;inset:auto 8% 34px 8%;display:flex;align-items:center;gap:20px;z-index:5}
.rail-ui .bar{flex:1;height:4px;background:#0000001f;border-radius:4px}
.rail-ui .bar i{display:block;height:100%;width:0;background:var(--m);border-radius:4px}
.rail-ui b{font-weight:800;color:var(--m);white-space:nowrap}
@media(max-width:800px){.panel{grid-template-columns:1fr;align-content:center;text-align:center;gap:6px;padding-top:80px}.panel p{margin-inline:auto;font-size:16px}.panel .pk{width:min(180px,46vw);order:-1}}


/* ===== مكوّن دبس البندورة ===== */
.tomato{padding:120px 0;background:linear-gradient(160deg,var(--md),var(--m));color:#fff;overflow:hidden}
.tomato .wrap{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.tomato .h2 em{color:var(--g);background:none}
.tomato .lead{color:#fff}
.opt{margin-top:24px}
.opt>b{display:block;margin-bottom:10px;color:var(--g)}
.opts{display:flex;gap:10px;flex-wrap:wrap}
.opts button{padding:10px 20px;border-radius:16px;border:1.5px solid #ffffff38;font-weight:700;transition:.3s;background:#ffffff0c}
.opts button:hover{border-color:var(--g)}
.opts button.on{background:var(--g);border-color:var(--g);color:var(--md)}
.tview{position:relative;height:520px;display:grid;place-items:center}
.tview .halo{position:absolute;width:80%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#e3a93a55,transparent 65%);animation:pls 4s ease-in-out infinite}
@keyframes pls{50%{transform:scale(1.12)}}
.tview .pk{position:relative;width:min(300px,60%);filter:drop-shadow(0 40px 36px #0008);transition:transform .6s cubic-bezier(.2,.9,.3,1.3),opacity .3s}
.tview .pk.sw{transform:scale(.6) rotate(-20deg);opacity:0}
.meter{position:absolute;bottom:10px;right:0;left:0;background:#ffffff14;border:1px solid #ffffff26;border-radius:20px;padding:14px 18px;backdrop-filter:blur(6px)}
.meter .row{display:flex;justify-content:space-between;font-size:14px;margin-bottom:8px}
.meter .row b{color:var(--g)}
.meter .tr{height:10px;border-radius:10px;background:#ffffff1f;overflow:hidden}
.meter .tr i{display:block;height:100%;width:50%;border-radius:10px;background:linear-gradient(90deg,#f08a5d,#c62d1f,#7a0b0b);transition:width .7s cubic-bezier(.2,.9,.3,1.2)}
@media(max-width:900px){.tomato .wrap{grid-template-columns:1fr}.tview{height:440px}}


.hrw .h2{font-size:clamp(32px,4.6vw,62px);line-height:1.15;margin:12px 0 16px;font-weight:800}
.hrw .lead{font-size:18px;opacity:.78;max-width:560px}
.hrw .h2 em{font-style:normal}

/* ===== تابات (من نحن) ===== */
.hr-tabbar{display:flex;gap:6px;background:#fff;padding:6px;border-radius:99px;width:max-content;max-width:100%;margin:24px 0 18px;box-shadow:0 8px 24px #65050510;overflow:auto}
.hr-tabbar button{padding:9px 22px;border-radius:99px;font-weight:800;font-family:inherit;font-size:16px;border:0;background:transparent;color:inherit;cursor:pointer;transition:.3s;white-space:nowrap}
.hr-tabbar button.on{background:#650505;color:#fff}
.hr-tabp{min-height:120px}
.hr-tabp>div{display:none}
.hr-tabp>div.on{display:block;animation:hrfd .5s}
.hr-tabp p{font-size:17px;opacity:.82;margin:0 0 12px;line-height:1.9}
@keyframes hrfd{from{opacity:0;transform:translateY(10px)}}
.panel .pk img{width:72%;margin-inline:auto}

/* ===== أزرار .pill بلون ثابت + تنبيه الطلب ===== */
.hrw .pill:not(.o):not(.g){color:#fff}
.hrw .pill:not(.o):not(.g):hover{color:#3a0202}
.hrw .pill.g,.hrw .pill.g:hover{color:#3a0202}
.hrw .pill.o{color:#650505}.hrw .pill.o:hover{color:#fff}
.hrw .slide.dark .pill.o{color:#fff}.hrw .slide.dark .pill.o:hover{color:#650505}
.hr-toast{position:fixed;inset:auto auto 90px 50%;transform:translate(-50%,30px);background:#3a0202;color:#fff;padding:13px 26px;border-radius:99px;font-weight:800;opacity:0;pointer-events:none;transition:.4s;z-index:9999;box-shadow:0 14px 40px #0005}
.hr-toast.on{opacity:1;transform:translate(-50%,0)}
#t-add.busy{opacity:.6;pointer-events:none}
#cartn:empty{display:none}
/* ===== مستكشف المنتجات ===== */
.hrx .wrap{width:min(1200px,92%);margin-inline:auto}
.hrx .explore{padding:70px 0 110px;background:#fff}
.hrx .ex-head{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:30px}
.hrx .chips{display:flex;gap:8px;flex-wrap:wrap}
.hrx .chips button{padding:9px 20px;border-radius:99px;border:1.5px solid #65050526;font-weight:700;font-family:inherit;font-size:16px;background:transparent;color:inherit;cursor:pointer;transition:.3s}
.hrx .chips button:hover{border-color:#650505}
.hrx .chips button.on{background:#650505;border-color:#650505;color:#fff}
.hrx .search{position:relative;width:min(320px,100%)}
.hrx .search input{width:100%;padding:13px 46px 13px 18px;border-radius:99px;border:1.5px solid #65050526;background:#fbf5ea;font:inherit;box-sizing:border-box}
.hrx .search input:focus{outline:0;border-color:#650505}
.hrx .search svg{position:absolute;right:16px;top:50%;translate:0 -50%;width:18px;fill:#650505}
.hrx .pgrid{display:grid;grid-template-columns:repeat(var(--cols,4),1fr);gap:20px}
.hrx .pc{background:#fbf5ea;border-radius:28px;padding:20px;text-align:center;position:relative;overflow:hidden;transition:.4s;cursor:pointer}
.hrx .pc.hide{display:none}
.hrx .pc::before{content:"";position:absolute;inset:auto -20% -50% -20%;height:70%;background:radial-gradient(circle,var(--cc),transparent 70%);opacity:.2;transition:.5s}
.hrx .pc:hover{transform:translateY(-8px);box-shadow:0 26px 50px #65050522;background:#fff}
.hrx .pc:hover::before{opacity:.4}
.hrx .pc .pk{width:62%;margin:6px auto 12px;transition:.6s cubic-bezier(.2,.9,.3,1.3);filter:drop-shadow(0 16px 12px #3a020240);position:relative}
.hrx .pc .pk img{width:100%;height:auto;display:block}
.hrx .pc:hover .pk{transform:translateY(-10px) rotate(-5deg) scale(1.06)}
.hrx .pc small{color:#650505;font-weight:700;opacity:.7;display:block;position:relative}
.hrx .pc h4{font-size:18px;margin:2px 0 12px;position:relative}
.hrx .pc .bt{display:flex;gap:8px;justify-content:center;position:relative}
.hrx .pc .bt button{padding:7px 14px;border-radius:99px;font-size:13px;font-weight:800;font-family:inherit;background:#fff;color:#2b1a14;border:1.5px solid #65050526;cursor:pointer;transition:.3s}
.hrx .pc .bt button.add{background:#650505;color:#fff;border-color:#650505}
.hrx .pc .bt button:hover{background:#e3a93a;color:#3a0202;border-color:#e3a93a}
.hrx .empty-r{grid-column:1/-1;text-align:center;opacity:.6;padding:40px;display:none}
@media(max-width:1000px){.hrx .pgrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.hrx .pgrid{grid-template-columns:repeat(2,1fr)}.hrx .pc .bt{flex-direction:column}}
.hrx .modal{position:fixed;inset:0;z-index:9000;display:grid;place-items:center;padding:20px;visibility:hidden}
.hrx .modal.on{visibility:visible}
.hrx .modal .bg{position:absolute;inset:0;background:#1f0e0b99;backdrop-filter:blur(4px);opacity:0;transition:.4s}
.hrx .modal.on .bg{opacity:1}
.hrx .modal .bx{position:relative;width:min(860px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:32px;display:grid;grid-template-columns:1fr 1.1fr;opacity:0;transform:translateY(40px) scale(.96);transition:.45s cubic-bezier(.2,.9,.3,1.2)}
.hrx .modal.on .bx{opacity:1;transform:none}
.hrx .modal .vis{background:var(--mc,#650505);display:grid;place-items:center;padding:40px;border-radius:0 32px 32px 0;min-height:340px;position:relative;overflow:hidden}
.hrx .modal .vis::before{content:"";position:absolute;inset:14%;border-radius:50%;background:radial-gradient(circle,#ffffff55,transparent 65%)}
.hrx .modal .vis img{width:62%;height:auto;position:relative;filter:drop-shadow(0 30px 26px #0007);animation:fl 5s ease-in-out infinite}
.hrx .modal .inf{padding:40px 34px}
.hrx .modal .inf h3{font-size:32px;line-height:1.2;margin:6px 0 12px}
.hrx .modal .inf ul{list-style:none;margin:16px 0 22px;padding:0;display:grid;gap:8px}
.hrx .modal .inf li{display:flex;gap:10px}
.hrx .modal .inf li::before{content:"✓";color:#650505;font-weight:800}
.hrx .modal .x{position:absolute;top:14px;left:14px;width:42px;height:42px;border-radius:50%;background:#fff;color:#2b1a14;box-shadow:0 6px 20px #0002;font-size:20px;z-index:2;border:0;cursor:pointer}
@media(max-width:720px){.hrx .modal .bx{grid-template-columns:1fr}.hrx .modal .vis{border-radius:32px 32px 0 0;min-height:260px}}
/* ===== التوزيع والتصدير ===== */
.hrx2 .export{padding:120px 0;background:#3a0202;color:#fff;overflow:hidden}
.hrx2 .export .wrap{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;align-items:center}
.hrx2 .h2{font-size:clamp(32px,4.6vw,62px);line-height:1.15;margin:12px 0 16px;font-weight:800;color:#fff}
.hrx2 .h2 em{font-style:normal;color:#e3a93a;background:none}
.hrx2 .lead{font-size:18px;max-width:560px;color:#fff;margin:0}
.hrx2 .xl{list-style:none;margin:26px 0;padding:0;display:grid;gap:12px}
.hrx2 .xl li{display:flex;gap:14px;align-items:center;padding:14px 18px;border-radius:18px;background:#ffffff0d;border:1px solid #ffffff1a;transition:.35s}
.hrx2 .xl li:hover{background:#ffffff18;border-color:#e3a93a;transform:translateX(-6px)}
.hrx2 .xl b{width:38px;height:38px;border-radius:12px;background:#e3a93a;color:#3a0202;display:grid;place-items:center;flex:none}
.hrx2 .route{background:#ffffff08;border:1px solid #ffffff1a;border-radius:32px;padding:20px}
.hrx2 .route svg{width:100%;height:auto;display:block}
.hrx2 .route .city text{fill:#fff;font-family:Almarai,sans-serif;font-weight:700;font-size:15px}
.hrx2 .route .city text:not([text-anchor]){direction:ltr;text-anchor:start}
.hrx2 .route .pin-c{animation:hrpc 2.2s ease-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes hrpc{from{transform:scale(.6);opacity:.9}to{transform:scale(2.6);opacity:0}}
@media(max-width:900px){.hrx2 .export .wrap{grid-template-columns:1fr}.hrx2 .export{padding:80px 0}}
.hr-rv-on .hrw .rv{opacity:0;transform:translateY(46px);transition:opacity 1s,transform 1s cubic-bezier(.2,.8,.2,1)}
.hr-rv-on .hrw .rv.d1{transition-delay:.15s}
.hr-rv-on .hrw .rv.in{opacity:1;transform:none}
/* عنوان السلايدر يبقى سطرين مهما كان عرض الشاشة */
.hrw-hero .slide .tx{container-type:inline-size}
.hrw-hero .big{font-size:min(clamp(52px,min(9vw,13vh),150px),20cqw)}
@media(max-width:960px){.hrw-hero .big{font-size:min(clamp(48px,15vw,84px),20cqw)}}

/* ===== الأخبار والمقالات ===== */
.hrn .wrap{width:min(1200px,92%);margin-inline:auto}
.hrn .news{padding:70px 0 100px;background:#fff}
.hrn .nfeat{display:grid;grid-template-columns:1.1fr 1fr;border-radius:32px;overflow:hidden;background:linear-gradient(135deg,#3a0202,#650505);color:#fff;margin-bottom:46px;box-shadow:0 30px 70px #65050030}
.hrn .nfeat .im{display:grid;place-items:center;min-height:360px;background:#f4e9d6;overflow:hidden}
.hrn .nfeat .im img{width:100%;height:100%;object-fit:cover;transition:.7s}
.hrn .nfeat .im img.emb{width:34%;height:auto;object-fit:contain}
.hrn .nfeat:hover .im img{transform:scale(1.05)}
.hrn .nfeat .tx{padding:46px 42px;display:flex;flex-direction:column;gap:14px;justify-content:center;align-items:flex-start}
.hrn .nfeat h2{font-size:clamp(26px,3vw,40px);line-height:1.25;font-weight:800;color:#fff}
.hrn .nfeat h2 a,.hrn .nfeat p{color:#fff}
.hrn .nfeat p{opacity:.8;margin:0;font-size:17px;line-height:1.9}
.hrn .nfeat .mt{opacity:.7;font-size:14px}
.hrn .nbar{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:30px}
.hrn .chips{display:flex;gap:8px;flex-wrap:wrap}
.hrn .chips a{padding:9px 20px;border-radius:99px;border:1.5px solid #65050026;font-weight:700;transition:.3s;display:inline-flex;gap:8px;align-items:center}
.hrn .chips a:hover{border-color:#650505}
.hrn .chips a.on{background:#650505;border-color:#650505;color:#fff}
.hrn .chips a i{font-style:normal;font-size:12px;background:#e3a93a;color:#3a0202;border-radius:99px;padding:0 8px}
.hrn .search{position:relative;width:min(320px,100%)}
.hrn .search input[type=search]{width:100%;padding:13px 46px 13px 18px;border-radius:99px;border:1.5px solid #65050026;background:#fbf5ea;font:inherit;box-sizing:border-box}
.hrn .search input:focus{outline:0;border-color:#650505}
.hrn .search svg{position:absolute;right:16px;top:50%;translate:0 -50%;width:18px;fill:#650505;pointer-events:none}
.hrn .ngrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.hrn .nw{border-radius:28px;overflow:hidden;background:#fbf5ea;transition:.4s;display:flex;flex-direction:column}
.hrn .nw:hover{transform:translateY(-8px);box-shadow:0 26px 50px #65050020}
.hrn .nw .im{height:210px;display:grid;place-items:center;position:relative;overflow:hidden}
.hrn .nw .im img{width:100%;height:100%;object-fit:cover;transition:.6s}
.hrn .nw .im img.emb{width:30%;height:auto;object-fit:contain;opacity:.9}
.hrn .nw:hover .im img{transform:scale(1.08)}
.hrn .nw .tx{padding:22px;display:flex;flex-direction:column;flex:1}
.hrn .nw small{color:#650505;font-weight:800}
.hrn .nw h4{font-size:19px;line-height:1.5;margin:6px 0 8px;font-weight:800}
.hrn .nw p{font-size:14.5px;opacity:.72;margin:0 0 14px;line-height:1.8}
.hrn .nw .more{margin-top:auto;color:#650505;font-weight:800}
.hrn .nempty{text-align:center;opacity:.6;padding:60px 0}
.hrn .npag{display:flex;gap:8px;justify-content:center;margin-top:44px;flex-wrap:wrap}
.hrn .npag a,.hrn .npag span{min-width:42px;height:42px;padding:0 14px;border-radius:99px;border:1.5px solid #65050026;display:grid;place-items:center;font-weight:800}
.hrn .npag .current{background:#650505;border-color:#650505;color:#fff}
.hrn .npag a:hover{border-color:#650505}
.hrn .narch{margin-top:60px;padding:30px 34px;border-radius:28px;background:#fbf5ea}
.hrn .narch h3{font-size:20px;margin:0 0 16px;font-weight:800}
.hrn .narch .chips a{background:#fff}
.hrn .nhead{background:linear-gradient(135deg,#3a0202,#8e1414);color:#fff;padding:70px 0 60px}
.hrn .nhead .wrap{width:min(900px,92%)}
.hrn .nhead .crumb{opacity:.75;font-size:14px;margin-bottom:14px}
.hrn .nhead .crumb a{color:#fff}
.hrn .nhead h1{font-size:clamp(30px,4.4vw,56px);line-height:1.25;font-weight:800;color:#fff;margin:0 0 20px}
.hrn .nhead .meta{display:flex;gap:10px;flex-wrap:wrap}
.hrn .nhead .meta span{padding:6px 16px;border-radius:99px;background:#ffffff1a;font-size:14px;font-weight:700}
.hrn .nart{padding:60px 0 20px;background:#fff}
.hrn .nart .wrap{width:min(820px,92%)}
.hrn .cover{margin:-110px 0 40px;border-radius:28px;overflow:hidden;box-shadow:0 30px 60px #65050030}
.hrn .cover img{display:block;width:100%;height:auto}
.hrn .body{font-size:18.5px;line-height:2.05;color:#2b1a14}
.hrn .body p{margin:0 0 1.3em}
.hrn .body h2,.hrn .body h3{font-weight:800;line-height:1.4;margin:1.6em 0 .6em;color:#3a0202}
.hrn .body h2{font-size:30px}.hrn .body h3{font-size:24px}
.hrn .body a{color:#650505;text-decoration:underline}
.hrn .body img{max-width:100%;height:auto;border-radius:20px}
.hrn .body ul,.hrn .body ol{padding-inline-start:1.4em;margin:0 0 1.3em}
.hrn .body li{margin-bottom:.4em}
.hrn .body blockquote{margin:1.6em 0;padding:18px 26px;border-inline-start:5px solid #e3a93a;background:#fbf5ea;border-radius:0 18px 18px 0;font-weight:700}
.hrn .share{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:40px 0 10px;padding:22px 0;border-block:1px solid #65050015}
.hrn .share b{margin-inline-end:8px}
.hrn .pn{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:26px 0 0}
.hrn .pn a{display:block;padding:20px 24px;border-radius:22px;background:#fbf5ea;transition:.3s}
.hrn .pn a:hover{background:#f4e9d6;transform:translateY(-4px)}
.hrn .pn small{display:block;color:#650505;font-weight:800;margin-bottom:4px}
.hrn .pn .nx{text-align:left}
.hrn .nrel{padding:60px 0 90px}
.hrn .nrel .wrap{width:min(1200px,92%)}
.hrn .nrel h3{font-size:28px;font-weight:800;margin:0 0 26px}
.hrn .ncta{padding:0 0 90px;background:#fff}
.hrn .ncta .wrap{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding:36px 44px;border-radius:28px;background:linear-gradient(120deg,#e3a93a,#f3c869);color:#3a0202}
.hrn .ncta h3{font-size:clamp(22px,3vw,32px);font-weight:800;margin:0 0 4px}
.hrn .ncta p{margin:0;opacity:.8}
.hrn .ncta .pill{background:#650505;color:#fff}
@media(max-width:960px){.hrn .nfeat{grid-template-columns:1fr}.hrn .nfeat .im{min-height:240px}.hrn .ngrid{grid-template-columns:repeat(2,1fr)}.hrn .cover{margin-top:-70px}}
@media(max-width:620px){.hrn .ngrid,.hrn .pn{grid-template-columns:1fr}.hrn .nfeat .tx{padding:30px 24px}.hrn .ncta .wrap{padding:28px 24px}}
.hrn .cover{margin:-110px 0 40px!important}.hrn .body{margin-top:0}
.hrx .pc h4 a{color:inherit}

/* صفحة المنتج: أزرار YITH والتبويبات */
.yith-ywraq-add-button a.add-request-quote-button,.yith-ywraq-add-button .button{background:#650505!important;color:#fff!important;border:0!important;border-radius:99px!important;padding:14px 30px!important;font-weight:800!important;font-family:inherit!important;font-size:16px!important;transition:.3s!important}
.yith-ywraq-add-button a.add-request-quote-button:hover{background:#e3a93a!important;color:#3a0202!important;transform:translateY(-3px)}
.woocommerce-tabs ul.tabs li a{font-weight:800}
.woocommerce-Tabs-panel{font-size:17.5px;line-height:2}
.woocommerce-Tabs-panel h2{display:none}
.woocommerce-Tabs-panel h3{font-weight:800;color:#3a0202;margin:1.4em 0 .5em;font-size:22px}
.woocommerce-Tabs-panel ul{padding-inline-start:1.3em;margin:0 0 1.2em}
.woocommerce-Tabs-panel.panel{display:block!important}
body .yith-ywraq-add-button.show a.add-request-quote-button.button,body .yith-ywraq-add-button.show a.add-request-quote-button.button:visited{background:#650505!important;background-color:#650505!important;color:#fff!important;border-radius:99px!important;border:0!important}
body .yith-ywraq-add-button.show a.add-request-quote-button.button:hover{background:#e3a93a!important;background-color:#e3a93a!important;color:#3a0202!important}

/* ===== تواصل + وظائف ===== */
.hrx3 .wrap{width:min(1240px,92%);margin-inline:auto}
.hrx3 .h2{font-size:clamp(28px,3.4vw,40px);line-height:1.2;margin:12px 0 16px;font-weight:800}
.hrx3 .h2 em{font-style:normal;color:#e3a93a}
.hrx3 .contact{padding:70px 0 110px}
.hrx3 .ct{display:grid;grid-template-columns:1fr 1.1fr;border-radius:40px;overflow:hidden;background:#fff;box-shadow:0 40px 80px #65050022}
.hrx3 .sd{background:#650505;color:#fff;padding:50px 42px;position:relative;overflow:hidden}
.hrx3 .sd .h2{color:#fff}
.hrx3 .sd .emb,.hrx3 .cr .emb{position:absolute;bottom:-40px;left:-30px;width:220px;max-width:none;opacity:.1;filter:brightness(0) invert(1);pointer-events:none}
.hrx3 .sd ul{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:18px;position:relative}
.hrx3 .sd li{display:flex;gap:14px;align-items:center}
.hrx3 .sd li b{width:44px;height:44px;border-radius:14px;background:#ffffff1c;display:grid;place-items:center;color:#e3a93a;flex:none;font-size:18px}
.hrx3 .sd small{display:block;opacity:.7;line-height:1.3}
.hrx3 .sd a{color:#fff}.hrx3 .sd a:hover{color:#e3a93a}
.hrx3 .sd .pill{margin-top:26px;position:relative}
.hrx3 .sd .pill.g,.hrx3 .sd .pill.g:hover{color:#3a0202}
.hrx3 form{padding:50px 42px;display:grid;gap:14px;align-content:center}
.hrx3 .two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.hrx3 .inp{width:100%;padding:15px 18px;border-radius:16px;border:1.5px solid #65050022;background:#fbf5ea;font:inherit;color:inherit;box-sizing:border-box}
.hrx3 .inp:focus{outline:0;border-color:#650505;box-shadow:0 0 0 4px #65050012}
.hrx3 form .pill{border:0;cursor:pointer;font-family:inherit;font-size:16px}
.hrx3 .careers{padding:70px 0 100px}
.hrx3 .cr{border-radius:40px;background:#650505;color:#fff;padding:54px;display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;position:relative;overflow:hidden}
.hrx3 .cr .h2{color:#fff}
.hrx3 .cr .lead{color:#fff;font-size:18px;margin:0;opacity:.9}
.hrx3 .roles{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:relative}
.hrx3 .role{display:block;padding:16px;border-radius:18px;background:#ffffff10;border:1.5px solid #ffffff22;font-weight:800;transition:.3s;color:#fff}
.hrx3 .role small{display:block;font-weight:400;opacity:.7;font-size:13px}
.hrx3 .role:hover{background:#e3a93a;color:#3a0202;border-color:#e3a93a;transform:translateY(-4px)}
@media(max-width:900px){.hrx3 .ct,.hrx3 .cr{grid-template-columns:1fr}.hrx3 .two{grid-template-columns:1fr}.hrx3 form,.hrx3 .sd{padding:34px 26px}.hrx3 .cr{padding:34px}}
/* ===== نموذج التوظيف ===== */
.hrx3 .apply{padding:0 0 110px}
.hrx3 .ap{display:grid;grid-template-columns:.8fr 1.2fr;gap:0;border-radius:40px;overflow:hidden;background:#fff;box-shadow:0 40px 80px #65050022}
.hrx3 .ap-side{background:#fbf5ea;padding:50px 42px}
.hrx3 .ap-side .h2{color:#3a0202}
.hrx3 .perks{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:20px}
.hrx3 .perks li{display:flex;gap:14px;align-items:flex-start}
.hrx3 .perks b{width:40px;height:40px;border-radius:13px;background:#650505;color:#e3a93a;display:grid;place-items:center;flex:none}
.hrx3 .perks strong{display:block;font-size:17px}
.hrx3 .perks span{opacity:.75;font-size:15px}
.hrx3 .apply form{padding:46px 42px;display:grid;gap:14px}
.hrx3 .apply label{display:grid;gap:6px;font-weight:700;font-size:14.5px}
.hrx3 .apply .inp{font-weight:400;background:#fff;border-color:#65050026}
.hrx3 .apply textarea.inp{resize:vertical}
.hrx3 .apply .chk{display:flex;gap:10px;align-items:center;font-weight:400}
.hrx3 .apply .chk input{width:18px;height:18px;accent-color:#650505}
.hrx3 .ap-note{margin:0;font-size:13.5px;opacity:.65;text-align:center}
@media(max-width:900px){.hrx3 .ap{grid-template-columns:1fr}.hrx3 .ap-side,.hrx3 .apply form{padding:34px 26px}}
.hrx3 .sd .emb,.hrx3 .cr .emb{width:240px;bottom:-50px;left:-40px;opacity:.12}

/* زر الأعلى */
.totop{color:#650505}
.totop .ar-up{position:relative;width:22px;height:22px;display:block}
.totop .ar-up svg{position:static;transform:none;width:22px;height:22px;fill:#650505}
.totop>svg circle:first-child{stroke:#65050033}
.totop #ring{stroke:#650505}
.totop:hover{background:#650505}.totop:hover .ar-up svg{fill:#fff}

/* زر تبديل اللغة */
.hrw a.langbtn{display:inline-grid;place-items:center;min-width:48px;height:48px;padding:0 14px;border-radius:99px;background:#3a0202;color:#fff;font-weight:800;font-size:14px;letter-spacing:.5px;transition:.3s;border:2px solid transparent;box-sizing:border-box;text-decoration:none}
.hrw a.langbtn:hover{background:#e3a93a;color:#3a0202}
.drawer a.langbtn{height:44px;min-width:44px}

/* ===== تفاصيل المنتج ===== */
.hrpm{background:#fff;padding:60px 0 90px}
.hrpm .wrap{width:min(1240px,92%);margin-inline:auto}
.hrpm .trust{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:50px}
.hrpm .trust>div{background:#fbf5ea;border-radius:22px;padding:22px;display:grid;gap:4px;justify-items:start;transition:.3s}
.hrpm .trust>div:hover{transform:translateY(-5px);box-shadow:0 18px 40px #65050015}
.hrpm .trust b{width:46px;height:46px;border-radius:14px;background:#650505;color:#e3a93a;display:grid;place-items:center;font-size:20px;margin-bottom:8px}
.hrpm .trust strong{font-size:17px}
.hrpm .trust span{font-size:14px;opacity:.72;line-height:1.7}
.hrpm .cols{display:grid;grid-template-columns:1.6fr 1fr;gap:26px;align-items:start}
.hrpm .card{background:#fff;border:1px solid #65050014;border-radius:28px;padding:34px 36px;box-shadow:0 18px 50px #6505050d}
.hrpm .card h2{font-size:26px;font-weight:800;margin:0 0 16px;color:#3a0202}
.hrpm .card h3{font-size:20px;font-weight:800;margin:0 0 14px;color:#3a0202}
.hrpm .body{font-size:17.5px;line-height:2}
.hrpm .body p{margin:0 0 1em}
.hrpm .body h3{font-size:21px;margin:1.3em 0 .5em}
.hrpm .body ul{padding-inline-start:1.3em;margin:0 0 1em}
.hrpm .spec table{width:100%;border-collapse:collapse}
.hrpm .spec th,.hrpm .spec td{padding:12px 0;border-bottom:1px dashed #65050022;text-align:start;font-size:15.5px}
.hrpm .spec th{font-weight:800;color:#650505;width:40%}
.hrpm .spec tr:last-child th,.hrpm .spec tr:last-child td{border-bottom:0}
.hrpm .rel{margin-top:70px}
.hrpm .rel h2{font-size:30px;font-weight:800;margin:0 0 24px;color:#3a0202}
.hrpm .pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.hrpm .pc{background:#fbf5ea;border-radius:28px;padding:20px;text-align:center;transition:.4s;position:relative;overflow:hidden}
.hrpm .pc:hover{transform:translateY(-8px);box-shadow:0 26px 50px #65050022;background:#fff}
.hrpm .pc .pk{display:block;width:62%;margin:6px auto 12px;transition:.6s cubic-bezier(.2,.9,.3,1.3);filter:drop-shadow(0 16px 12px #3a020240)}
.hrpm .pc:hover .pk{transform:translateY(-10px) rotate(-5deg) scale(1.06)}
.hrpm .pc .pk img{width:100%;height:auto;display:block}
.hrpm .pc small{color:#650505;font-weight:700;opacity:.7;display:block}
.hrpm .pc h4{font-size:18px;margin:2px 0 12px}
.hrpm .pc .bt{display:flex;gap:8px;justify-content:center}
.hrpm .pc .b{padding:7px 14px;border-radius:99px;font-size:13px;font-weight:800;font-family:inherit;background:#fff;color:#2b1a14;border:1.5px solid #65050026;cursor:pointer;transition:.3s}
.hrpm .pc .b.add{background:#650505;color:#fff;border-color:#650505}
.hrpm .pc .b:hover{background:#e3a93a;color:#3a0202;border-color:#e3a93a}
@media(max-width:1000px){.hrpm .trust,.hrpm .pgrid{grid-template-columns:repeat(2,1fr)}.hrpm .cols{grid-template-columns:1fr}}
@media(max-width:560px){.hrpm .card{padding:24px}.hrpm .pc .bt{flex-direction:column}}
.hr-pimg .woocommerce-product-gallery__image{border-radius:32px;overflow:hidden;box-shadow:0 30px 70px #65050022}
.hr-pimg .woocommerce-product-gallery__image img{border-radius:32px}
/* آخر المستجدات */
.hrln .news{background:#fbf5ea;padding:100px 0}
.hrln .lnhead{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;margin-bottom:34px}
.hrln .h2{font-size:clamp(30px,4vw,52px);line-height:1.15;margin:12px 0 0;font-weight:800}
.hrln .h2 em{font-style:normal;color:#650505;background:linear-gradient(transparent 68%,#e3a93a66 68%)}
.hrln .nw{background:#fff}
.hrln .pill.o{background:transparent;border:2px solid #650505;color:#650505}.hrln .pill.o:hover{background:#650505;color:#fff}

.hrpm .body ul{list-style:disc}.hrn .body ul{list-style:disc}.hrn .body ol{list-style:decimal}

/* صفحة المنتج — تحسينات تصميمية */
.hrpm .faq2{margin-top:50px}
.hrpm .faq2 h2{font-size:28px;font-weight:800;margin:0 0 20px;color:#3a0202}
.hrpm .faq2 details{background:#fbf5ea;border-radius:20px;margin-bottom:10px;overflow:hidden;transition:.3s}
.hrpm .faq2 details[open]{background:#fff;box-shadow:0 14px 36px #65050015}
.hrpm .faq2 summary{padding:18px 24px;font-weight:800;font-size:17px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:14px;align-items:center}
.hrpm .faq2 summary::-webkit-details-marker{display:none}
.hrpm .faq2 summary::after{content:"+";width:30px;height:30px;border-radius:50%;background:#fff;color:#650505;display:grid;place-items:center;flex:none;font-size:20px;transition:.3s}
.hrpm .faq2 details[open] summary::after{transform:rotate(45deg);background:#650505;color:#fff}
.hrpm .faq2 p{margin:0;padding:0 24px 20px;opacity:.78;line-height:1.9}
.hrpm .helpc{margin-top:50px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding:34px 40px;border-radius:30px;background:linear-gradient(135deg,#3a0202,#650505);color:#fff}
.hrpm .helpc h3{font-size:clamp(22px,3vw,30px);font-weight:800;margin:0 0 6px;color:#fff}
.hrpm .helpc p{margin:0;opacity:.8}
.hrpm .helpc .pill{background:#e3a93a;color:#3a0202}.hrpm .helpc .pill:hover{background:#fff}
.hr-pinfo{background:#fff!important;border-radius:32px!important;padding:38px 40px!important;box-shadow:0 24px 60px #6505051a}
.hr-pinfo .woocommerce-product-details__short-description{font-size:19px;line-height:2;border-inline-start:4px solid #e3a93a;padding-inline-start:18px}
.hr-pinfo .hr-quote-btn,.hr-pinfo .hariri-wa{margin-top:4px}
.hr-pmeta{opacity:.8;font-size:15px;border-top:1px dashed #65050022;padding-top:14px}
.hr-pimg{position:sticky;top:120px}
.hr-pimg .woocommerce-product-gallery{background:radial-gradient(circle at 50% 40%,#fff,#f4e9d6);border-radius:32px}
.hr-badges{display:flex;gap:8px;flex-wrap:wrap}
.hr-badges span,.hr-badges a{padding:7px 16px;border-radius:99px;background:#fbf5ea;color:#650505;font-weight:800;font-size:14px;border:1px solid #65050018}
.hr-badges .g{background:#e3a93a;border-color:#e3a93a;color:#3a0202}
/* ===== رحلة الجودة + الأسئلة ===== */
.hrx4 .wrap{width:min(1240px,92%);margin-inline:auto}
.hrx4 .h2{font-size:clamp(30px,4.2vw,56px);line-height:1.15;margin:12px 0 16px;font-weight:800}
.hrx4 .h2 em{font-style:normal;color:#650505;background:linear-gradient(transparent 68%,#e3a93a66 68%)}
.hrx4 .lead{font-size:18px;opacity:.78;max-width:560px;margin:0}
.hrx4 .journey{padding:100px 0}
.hrx4 .jt{position:relative;margin-top:60px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.hrx4 .jt .ln{position:absolute;top:38px;right:10%;left:10%;height:3px;background:#65050020;border-radius:3px}
.hrx4 .jt .ln i{display:block;height:100%;width:0;background:linear-gradient(270deg,#650505,#e3a93a);border-radius:3px;transition:width .2s linear}
.hrx4 .st{text-align:center;position:relative}
.hrx4 .st .n{width:78px;height:78px;margin:0 auto 18px;border-radius:50%;background:#fff;border:3px solid #65050030;display:grid;place-items:center;font-size:28px;font-weight:800;color:#65050070;transition:.5s;position:relative;z-index:1}
.hrx4 .st.on .n{background:#650505;border-color:#650505;color:#e3a93a;transform:scale(1.1);box-shadow:0 0 0 10px #65050014}
.hrx4 .st h4{font-size:20px;margin:0 0 6px}
.hrx4 .st p{font-size:15px;opacity:.7;max-width:240px;margin:auto}
.hrx4 .faq{padding:70px 0 110px}
.hrx4 .faq .wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}
.hrx4 .faq details{background:#fff;border-radius:22px;margin-bottom:12px;box-shadow:0 10px 30px #65050010;overflow:hidden;transition:.3s}
.hrx4 .faq details[open]{box-shadow:0 18px 40px #65050020}
.hrx4 .faq summary{padding:20px 24px;font-weight:800;font-size:17px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:14px;align-items:center}
.hrx4 .faq summary::-webkit-details-marker{display:none}
.hrx4 .faq summary::after{content:"+";width:32px;height:32px;border-radius:50%;background:#fbf5ea;color:#650505;display:grid;place-items:center;flex:none;font-size:20px;transition:.3s}
.hrx4 .faq details[open] summary::after{transform:rotate(45deg);background:#650505;color:#fff}
.hrx4 .faq details p{margin:0;padding:0 24px 20px;opacity:.78;line-height:1.9}
@media(max-width:900px){.hrx4 .faq .wrap{grid-template-columns:1fr;gap:20px}.hrx4 .jt{grid-template-columns:1fr 1fr;row-gap:40px}.hrx4 .jt .ln{display:none}}
/* ===== منشئ طلب الجملة ===== */
.hro .wrap{width:min(1240px,92%);margin-inline:auto}
.hro .order{padding:70px 0 110px;background:#f4e9d6}
.hro .h2{font-size:clamp(30px,4.2vw,56px);line-height:1.15;margin:12px 0 16px;font-weight:800}
.hro .h2 em{font-style:normal;color:#650505;background:linear-gradient(transparent 68%,#e3a93a66 68%)}
.hro .lead{font-size:18px;opacity:.78;max-width:560px;margin:0}
.hro .og{display:grid;grid-template-columns:1.25fr 1fr;gap:20px;margin-top:40px}
.hro .box{background:#fff;border-radius:32px;padding:30px;box-shadow:0 20px 60px #65050012}
.hro .rows{display:grid;gap:10px;margin-top:16px;max-height:620px;overflow:auto;padding-inline-end:4px}
.hro .orow{display:grid;grid-template-columns:52px 1fr auto;gap:14px;align-items:center;padding:10px 14px;border-radius:18px;background:#fbf5ea;border:2px solid transparent;transition:.3s}
.hro .orow.on{border-color:#650505;background:#fff;box-shadow:0 10px 26px #65050014}
.hro .orow .pk{width:46px}.hro .orow .pk img{width:100%;height:auto;display:block}
.hro .orow b{display:block;line-height:1.25}.hro .orow small{opacity:.6;font-size:13px}
.hro .qty{display:flex;align-items:center;gap:4px;background:#fff;border-radius:99px;padding:4px;border:1.5px solid #65050022}
.hro .qty button{width:32px;height:32px;border-radius:50%;background:#650505;color:#fff;font-size:17px;transition:.2s;border:0;cursor:pointer;font-family:inherit}
.hro .qty button:hover{background:#e3a93a;color:#3a0202}
.hro .qty span{min-width:30px;text-align:center;font-weight:800}
.hro .vbtn{padding:8px 16px;border-radius:99px;background:#fff;border:1.5px solid #65050026;font-weight:800;font-size:13px;color:#650505}
.hro .vbtn:hover{background:#e3a93a;border-color:#e3a93a;color:#3a0202}
.hro .sum{background:linear-gradient(160deg,#3a0202,#650505);color:#fff;position:sticky;top:110px;align-self:start}
.hro .sum h3{color:#e3a93a;margin:0 0 10px;display:flex;justify-content:space-between;font-size:22px}
.hro .sum ul{list-style:none;min-height:70px;margin:0 0 16px;padding:0;display:grid;gap:8px}
.hro .sum li{display:flex;justify-content:space-between;gap:10px;padding-bottom:8px;border-bottom:1px dashed #ffffff30;animation:hrpop .35s}
.hro .sum li button{opacity:.6;font-size:13px;color:#fff;background:none;border:0;cursor:pointer}.hro .sum li button:hover{opacity:1;color:#e3a93a}
@keyframes hrpop{from{opacity:0;transform:translateX(20px)}}
.hro .sum .empty{opacity:.6;border:0}
.hro .fld{width:100%;padding:14px 18px;border-radius:16px;border:1.5px solid #ffffff33;background:#ffffff12;color:#fff;font:inherit;margin-bottom:10px;box-sizing:border-box}
.hro .fld::placeholder{color:#ffffffaa}.hro .fld:focus{outline:0;border-color:#e3a93a}
.hro .sum .pill{width:100%;justify-content:center;border:0;cursor:pointer;font-family:inherit;font-size:16px;background:#e3a93a;color:#3a0202}
.hro .sum .pill:hover{background:#fff}
@media(max-width:900px){.hro .og{grid-template-columns:1fr}.hro .sum{position:static}}
/* ===== الآلات والجرارات ===== */
.hrx5 .wrap{width:min(1240px,92%);margin-inline:auto}
.hrx5 .machines{padding:90px 0}
.hrx5 .mc-box{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;border-radius:40px;padding:56px;background:linear-gradient(135deg,#fff,#f4e9d6);box-shadow:0 40px 80px #65050018}
.hrx5 .h2{font-size:clamp(30px,4.2vw,56px);line-height:1.15;margin:12px 0 16px;font-weight:800}
.hrx5 .h2 em{font-style:normal;color:#650505;background:linear-gradient(transparent 68%,#e3a93a66 68%)}
.hrx5 .lead{font-size:18px;opacity:.78;margin:0}
.hrx5 .chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.hrx5 .chips a{border:1.5px solid #65050040;color:#650505;padding:6px 18px;border-radius:99px;font-weight:700;transition:.3s}
.hrx5 .chips a:hover{background:#650505;color:#fff}
.hrx5 .btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.hrx5 .pill.o{background:transparent;border:2px solid #650505;color:#650505}.hrx5 .pill.o:hover{background:#650505;color:#fff}
.hrx5 .vis img{width:100%;height:auto;display:block;filter:drop-shadow(0 30px 26px #3a020244);animation:fl 6s ease-in-out infinite}
@media(max-width:900px){.hrx5 .mc-box{grid-template-columns:1fr;padding:32px 24px}}
/* تابات الجوال */
.hr-tabs{width:100%;max-width:100%;min-width:0}
.hr-tabbar{max-width:100%}
@media(max-width:600px){.hr-tabbar button{padding:9px 14px;font-size:14px}.hr-tabbar{width:100%;box-sizing:border-box;justify-content:space-between}}

@media(max-width:1024px){.nav .act a.langbtn{display:inline-grid}}
@media(max-width:960px){.hrw-hero .slide .tx{padding-bottom:90px}}

@media(max-width:960px){.hr-badge{left:10px!important}}

/* ===== صفحة المقال الاحترافية ===== */
.hra .ahero{position:relative;color:#fff;padding:90px 0 80px;background:linear-gradient(135deg,#3a0202,#8e1414);overflow:hidden}
.hra .ahero.has-img::before{content:"";position:absolute;inset:0;background:var(--cv) center/cover;opacity:.28;filter:saturate(.9)}
.hra .ahero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#3a020055,#3a0202cc)}
.hra .ahero .wrap{position:relative;z-index:1;width:min(900px,92%)}
.hra .ahero .crumb{opacity:.75;font-size:14px;margin-bottom:18px}.hra .ahero .crumb a{color:#fff}
.hra .achip{display:inline-block;padding:6px 18px;border-radius:99px;background:#e3a93a;color:#3a0202;font-weight:800;font-size:14px;margin-bottom:16px}
.hra .ahero h1{font-size:clamp(30px,4.6vw,58px);line-height:1.25;font-weight:800;color:#fff;margin:0 0 16px}
.hra .alead{font-size:19px;line-height:1.9;opacity:.85;margin:0 0 24px;max-width:720px}
.hra .ameta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:14.5px}
.hra .ameta i{opacity:.5;font-style:normal}
.hra .av{width:36px;height:36px;border-radius:50%;background:#e3a93a;color:#3a0202;display:inline-grid;place-items:center;font-weight:800}
.hra .av.big{width:56px;height:56px;font-size:22px;flex:none}
.hra .awrap{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:48px;padding:56px 0 30px;width:min(1200px,92%);align-items:start}
.hra .abody{min-width:0}
.hra .cover{margin:0 0 36px;border-radius:30px;overflow:hidden;box-shadow:0 30px 60px #65050026}
.hra .cover img{display:block;width:100%;height:auto}
.hra .body{font-size:19px;line-height:2.1;color:#2b1a14}
.hra .body>p:first-of-type::first-letter{float:right;font-size:3.4em;line-height:.9;font-weight:800;color:#650505;margin:.08em 0 0 .12em}
.hra .body p{margin:0 0 1.3em}
.hra .body h2,.hra .body h3{font-weight:800;line-height:1.4;margin:1.8em 0 .6em;color:#3a0202;scroll-margin-top:110px}
.hra .body h2{font-size:31px;padding-inline-start:16px;border-inline-start:5px solid #e3a93a}.hra .body h3{font-size:24px}
.hra .body a{color:#650505;text-decoration:underline}
.hra .body img{max-width:100%;height:auto;border-radius:20px}
.hra .body ul,.hra .body ol{padding-inline-start:1.4em;margin:0 0 1.3em;list-style:disc}.hra .body ol{list-style:decimal}
.hra .body blockquote{margin:1.8em 0;padding:22px 28px;border-inline-start:5px solid #e3a93a;background:#fbf5ea;border-radius:0 20px 20px 0;font-weight:700;font-size:21px}
.hra .atags{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px}.hra .atags a{padding:5px 14px;border-radius:99px;background:#fbf5ea;color:#650505;font-weight:700;font-size:14px}
.hra .share{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:34px 0 20px;padding:20px 0;border-block:1px solid #65050015}
.hra .abox{display:flex;gap:16px;align-items:center;padding:22px 26px;border-radius:24px;background:#fbf5ea}.hra .abox p{margin:2px 0 0;opacity:.7}
.hra .aside{position:sticky;top:110px;display:grid;gap:18px}
.hra .acard{background:#fbf5ea;border-radius:26px;padding:24px}
.hra .acard h4{font-size:18px;font-weight:800;margin:0 0 14px;color:#3a0202}
.hra .toc ol{list-style:none;margin:0;padding:0;display:grid;gap:4px;counter-reset:t}
.hra .toc li a{display:block;padding:8px 12px;border-radius:12px;font-size:15px;transition:.25s;border-inline-start:3px solid transparent}
.hra .toc li a:hover,.hra .toc li a.on{background:#fff;border-inline-start-color:#650505;color:#650505}
.hra .toc li.s{padding-inline-start:14px;font-size:14px}
.hra .alat{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.hra .alat a{display:flex;gap:12px;align-items:center}
.hra .alat img,.hra .alat i{width:64px;height:64px;border-radius:16px;object-fit:cover;flex:none;background:#e3a93a33}
.hra .alat b{display:block;font-size:15px;line-height:1.5}.hra .alat small{opacity:.6}
.hra .acard .chips{display:flex;gap:8px;flex-wrap:wrap}.hra .acard .chips a{padding:6px 14px;border-radius:99px;border:1.5px solid #65050026;font-weight:700;font-size:14px;display:inline-flex;gap:8px;align-items:center;background:#fff}.hra .acard .chips a i{font-style:normal;font-size:12px;background:#e3a93a;border-radius:99px;padding:0 8px}
.hra .acta{background:linear-gradient(135deg,#3a0202,#650505);color:#fff}.hra .acta h4{color:#e3a93a}.hra .acta p{margin:0 0 16px;opacity:.85}.hra .acta .pill{background:#e3a93a;color:#3a0202;width:100%;justify-content:center;box-sizing:border-box}
.hra .nrel{padding:50px 0 90px;background:#fff}
.hra .nrel h3{font-size:28px;font-weight:800;margin:0 0 26px}
#hr-read{position:fixed;top:0;inset-inline:0;height:4px;z-index:9999;pointer-events:none}#hr-read i{display:block;height:100%;width:0;background:linear-gradient(90deg,#650505,#e3a93a)}
@media(max-width:960px){.hra .awrap{grid-template-columns:1fr;gap:30px}.hra .aside{position:static}.hra .ahero{padding:60px 0 50px}.hra .body{font-size:17.5px}.hra .body h2{font-size:25px}}
.hra .cover{margin:0 0 36px!important}
.hra .body>p:first-of-type::first-letter{font-size:2.6em;line-height:1;margin:.04em 0 0 .1em}

@media(max-width:600px){.hro .box{padding:18px}.hro .orow{grid-template-columns:44px 1fr auto;gap:10px;padding:8px 10px}.hro .orow b{font-size:15px}.hro .orow small{font-size:12px}.hro .qty button{width:30px;height:30px}.hro .qty span{min-width:24px}.hro .vbtn{padding:7px 12px;font-size:12px}.hro .sum h3{font-size:19px}}