/* HAMMAM storefront refinement layer — intentionally loaded after the active theme. */
.site-header,.site-footer { width:100vw !important; max-width:100vw !important; margin-inline:calc(50% - 50vw) !important; }
.site-header { background:#fff; }
.site-header .hammam-shell { width:100%; max-width:none; margin:0; padding-inline:clamp(22px,4.2vw,76px); box-sizing:border-box; }
.utility-bar,.nav-band { width:100% !important; max-width:none !important; }
.utility-bar { overflow:hidden; border-bottom:1px solid rgba(19,61,84,.14); background:linear-gradient(90deg,#c98f25 0%,#e6bd61 50%,#c98f25 100%); color:#0f3348; font-family:Alexandria,sans-serif; }
.utility-bar__inner { display:flex !important; align-items:center; justify-content:center; width:100%; min-height:42px; overflow:hidden; }
.utility-bar__promises,.utility-bar__meta { display:none !important; }
.utility-bar__inner::before { content:'التوصيل مجاني للطلبات أكثر من 5000 جنيه'; display:block; color:#0f3348; font-size:13px; font-weight:700; letter-spacing:.01em; white-space:nowrap; animation:hammam-core-topline 7s ease-in-out infinite alternate; }
@keyframes hammam-core-topline { from { transform:translateX(-44px); } to { transform:translateX(44px); } }
.site-header .brand-mark--reference img { width:176px; height:auto; max-height:none; object-fit:contain; mix-blend-mode:normal; filter:contrast(1.07) saturate(1.04); }
.homepage-hero__arrow { display:none !important; }

/* The offer copy is consistently placed on the left, with one refined scale. */
.offer-banner__copy { inset:0 auto 0 0 !important; align-items:flex-start !important; width:56% !important; padding:clamp(20px,2.25vw,32px) !important; color:#fff; font-family:Alexandria,sans-serif; direction:rtl; text-align:left !important; }
.offer-banner__title { margin-bottom:4px !important; font-size:14px !important; font-weight:600 !important; line-height:1.35 !important; }
.offer-banner__copy strong { margin-bottom:6px !important; color:#d9a63e !important; font-family:Alexandria,sans-serif !important; font-size:clamp(29px,2.55vw,38px) !important; font-weight:700 !important; line-height:1.08 !important; letter-spacing:-.03em !important; }
.offer-banner__copy > span:not(.offer-banner__title) { font-size:14px !important; font-weight:500 !important; line-height:1.5 !important; }
.offer-banner__copy em { margin-top:16px !important; padding:9px 14px !important; font-size:12px !important; line-height:1 !important; }

/* Preserve each mark at a crisp native size while it moves across the band. */
.brand-section { overflow:hidden; }
.brand-grid { display:flex !important; grid-template-columns:none !important; width:max-content; gap:14px !important; padding:10px 0; animation:none; }
.brand-grid.is-hammam-marquee { animation:hammam-core-brand-marquee 26s linear infinite; }
.brand-grid a { display:grid !important; place-items:center; flex:none; width:154px; height:78px; padding:15px; box-sizing:border-box; border:1px solid #e6e0d7; border-radius:8px; background:#fff; }
.brand-grid img { display:block; width:auto !important; max-width:106px; max-height:38px; height:auto; object-fit:contain; image-rendering:auto; filter:contrast(1.12); }
@keyframes hammam-core-brand-marquee { from { transform:translateX(0); } to { transform:translateX(-33.333333%); } }

/* Three identical sets guarantee a continuous mark strip on wide screens. */
.brand-marquee__track { animation-duration:32s !important; }
@keyframes hammam-brand-marquee { from { transform:translateX(0); } to { transform:translateX(-33.333333%); } }

/* Desktop footer balance and a transparent white HAMMAM mark on the navy field. */
.site-footer { margin-top:0 !important; border-top:2px solid rgba(255,255,255,.92); }
.site-footer .hammam-shell { width:min(calc(100% - 128px),1440px); margin-inline:auto; }
.footer-grid { grid-template-columns:minmax(270px,1.55fr) minmax(135px,.82fr) minmax(155px,.92fr) minmax(250px,1.25fr) !important; gap:clamp(28px,4.6vw,76px) !important; padding-block:72px 50px !important; }
.footer-brand { max-width:290px; }
.footer-brand .custom-logo-link,.footer-brand .brand-mark--reference { display:inline-flex; width:178px; margin-bottom:19px; padding-top:16px; border-top:1px solid rgba(255,255,255,.72); background:transparent; }
.footer-brand .brand-mark--reference img { width:178px; height:auto; mix-blend-mode:normal; filter:brightness(0) invert(1); }
.footer-social { display:flex; gap:12px; margin-top:22px; }
.footer-social a { display:grid; place-items:center; width:38px; height:38px; border:1px solid rgba(255,255,255,.42); border-radius:50%; color:#fff; }
.footer-social svg { width:19px; height:19px; fill:currentColor; }
.footer-social a:hover { border-color:#d9a63e; color:#d9a63e; }
.whatsapp-float { position:fixed; z-index:80; right:24px; bottom:24px; display:grid; place-items:center; width:56px; height:56px; border:2px solid #fff; border-radius:50%; background:#25d366; color:#fff; box-shadow:0 12px 28px rgba(15,43,59,.28); transition:transform .2s ease,box-shadow .2s ease; }
.whatsapp-float:hover { color:#fff; box-shadow:0 16px 34px rgba(15,43,59,.38); transform:translateY(-3px); }
.whatsapp-float svg { width:30px; height:30px; fill:currentColor; }

@media (max-width:820px) { .site-header .hammam-shell { padding-inline:var(--gutter); } .utility-bar__inner::before { font-size:11px; } .offer-banner__copy { width:60% !important; } .brand-grid a { width:138px; height:70px; } .footer-grid { grid-template-columns:1.3fr 1fr !important; gap:36px !important; } }
@media (max-width:560px) { .offer-banner__copy { width:65% !important; padding:20px !important; } .offer-banner__copy strong { font-size:29px !important; } .offer-banner__title,.offer-banner__copy > span:not(.offer-banner__title) { font-size:12px !important; } .whatsapp-float { right:16px; bottom:16px; width:52px; height:52px; } }
@media (prefers-reduced-motion:reduce) { .utility-bar__inner::before,.brand-grid.is-hammam-marquee { animation:none; } }