/* Add custom CSS styles below */ 
/* ENMASCO — reference-inspired header */
.store-header {
    --header-accent: #c92027;
    --header-soft: #fff3f3;
    --header-line: #f0d9da;
    background: #fff;
    border-top: 6px solid #f7e5e6;
    border-bottom: 1px solid var(--header-line);
    color: #6e5155;
}

.store-header .s-search-input {
    background: #fff9f9 !important;
    border: 1px solid var(--header-line) !important;
    color: #6e5155 !important;
    box-shadow: none !important;
}

.store-header .s-search-input:focus {
    outline: 2px solid #c92027;
    outline-offset: 2px;
}

.store-header .s-localization-modal-trigger-btn {
    background: var(--header-soft);
    border: 1px solid var(--header-line);
    border-radius: 14px;
    color: var(--header-accent);
    padding: 10px 14px;
}

.store-header .s-user-menu-login-btn,
.store-header .header-btn__icon {
    color: #473232;
}

@media(min-width:1024px) {
    .store-header {
        display: grid;
        grid-template-columns: 150px minmax(240px, 1fr) auto auto auto;
        grid-template-rows: 90px auto;
        align-items: center;
        column-gap: 26px;
        padding-inline: max(32px, calc((100% - 1320px)/2));
        position: relative;
        z-index: 30;
    }

    .store-header .top-navbar,
    .store-header .top-navbar>.container,
    .store-header .top-navbar>.container>.flex-1,
    .store-header #mainnav,
    .store-header #mainnav>.inner,
    .store-header #mainnav>.inner>.container,
    .store-header #mainnav>.inner>.container>.flex,
    .store-header #mainnav>.inner>.container>.flex>.flex {
        display: contents !important;
    }

    .store-header .top-navbar salla-menu,
    .store-header .top-navbar salla-contacts {
        display: none !important;
    }

    .store-header .navbar-brand {
        grid-column: 1;
        grid-row: 1;
        margin: 0 !important;
        padding: 0 !important;
        width: 140px;
    }

    .store-header .navbar-brand img {
        width: 140px !important;
        height: 64px !important;
        max-height: 64px !important;
        object-fit: contain;
        object-position: center;
    }

    .store-header .header-search {
        grid-column: 2;
        grid-row: 1;
        width: 100%;
        min-width: 0;
        margin: 0 !important;
    }

    .store-header .s-search-input {
        height: 50px !important;
        border-radius: 28px !important;
        padding-inline-end: 92px !important;
        font-size: 13px;
    }

    .store-header .s-search-input-wrapper {
        position: relative;
    }

    .store-header .s-search-input-wrapper::after {
        content: 'بحث';
        position: absolute;
        inset-inline-end: 8px;
        top: 8px;
        height: 34px;
        min-width: 76px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 22px;
        background: var(--header-accent);
        color: #fff;
        font-size: 12px;
        pointer-events: none;
    }

    html[lang^='en'] .store-header .s-search-input-wrapper::after {
        content: 'Search';
    }

    .store-header .s-search-icon {
        color: #c92027;
    }

    .store-header .header-buttons {
        grid-column: 3;
        grid-row: 1;
        margin: 0;
    }

    .store-header salla-user-menu {
        grid-column: 4;
        grid-row: 1;
    }

    .store-header .s-user-menu-login-btn {
        display: flex;
        align-items: center;
        gap: 9px;
        border: 0;
        background: transparent;
        width: auto;
        border-radius: 0;
        white-space: nowrap;
    }

    .store-header .s-user-menu-login-btn svg {
        width: 23px;
        height: 23px;
    }

    .store-header .s-user-menu-login-btn::after {
        content: 'حسابي';
        font-size: 13px;
        font-weight: 400;
    }

    html[lang^='en'] .store-header .s-user-menu-login-btn::after {
        content: 'My account';
    }

    .store-header salla-cart-summary {
        grid-column: 5;
        grid-row: 1;
        margin: 0 !important;
    }

    .store-header .s-cart-summary-wrapper {
        gap: 9px;
    }

    .store-header .s-cart-summary-wrapper::after {
        content: 'السلة';
        font-size: 13px;
        white-space: nowrap;
    }

    html[lang^='en'] .store-header .s-cart-summary-wrapper::after {
        content: 'Cart';
    }

    .store-header .s-cart-summary-content {
        display: none;
    }

    .store-header .header-btn__icon {
        border: 0 !important;
        width: 26px;
        height: 30px;
        font-size: 23px;
    }

    .store-header .s-cart-summary-count {
        background: var(--header-accent);
        font-size: 10px;
    }

    .store-header custom-main-menu {
        display: block;
        grid-column: 1 / -1;
        grid-row: 2;
        width: 100%;
        min-width: 0;
    }

    .store-header .main-menu {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        width: 100%;
        padding: 4px 0 10px !important;
    }

    .store-header .main-menu>.root-level {
        flex: 0 1 auto;
    }

    .store-header .main-menu>.root-level>a {
        display: flex;
        align-items: center;
        gap: 9px;
        padding: 13px 12px !important;
        min-height: 48px;
        font-size: 13px;
        font-weight: 400;
        color: #6e5155;
        white-space: nowrap;
        border-radius: 12px;
    }

    .store-header .main-menu>.root-level>a:hover,
    .store-header .main-menu>.root-level>a:focus-visible {
        background: var(--header-soft);
        color: var(--header-accent);
    }

    .store-header .main-menu>.root-level>.offers-link {
        background: var(--header-soft);
        color: var(--header-accent);
    }

    .store-header .main-menu>.root-level[id='2006215872'] {
        order: 10;
        border-inline-start: 1px solid var(--header-line);
    }

    .store-header .main-menu>.root-level[id='2006215872']>a {
        color: #6e5155;
        font-size: 12px;
    }

    .store-header .main-menu>.root-level>a::before {
        content: '';
        width: 29px;
        height: 29px;
        flex-shrink: 0;
        border-radius: 8px;
        background-color: var(--header-soft);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 19px;
    }

    .store-header .main-menu>.root-level[id='2006215872']>a::before,
    .store-header .main-menu>.root-level[id='1466794340']>a::before {
        display: none;
    }

    .store-header .sub-menu {
        border: 1px solid var(--header-line);
        border-radius: 12px;
        box-shadow: 0 12px 30px #47202012;
    }
}

@media(min-width:1024px) and (max-width:1199px) {
    .store-header {
        column-gap: 16px;
        padding-inline: 24px;
        grid-template-columns: 110px minmax(220px, 1fr) auto auto auto;
    }

    .store-header .navbar-brand,
    .store-header .navbar-brand img {
        width: 110px !important;
    }

    .store-header .main-menu {
        gap: 2px;
    }

    .store-header .main-menu>.root-level>a {
        padding: 10px 7px !important;
        font-size: 12px;
        gap: 6px;
    }

    .store-header .main-menu>.root-level>a::before {
        width: 24px;
        height: 26px;
        background-size: 17px;
    }
}

@media(max-width:1023px) {
    .store-header .top-navbar {
        background: #fff;
    }

    .store-header #mainnav {
        box-shadow: none;
        border-bottom: 1px solid var(--header-line);
    }

    .store-header .s-cart-summary-count {
        background: var(--header-accent);
    }
}

@media(min-width:1024px) {
    .store-header .main-menu>.root-level[id="635446501"]>a::before {
        background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23c92027%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%225%22%20y%3D%223%22%20width%3D%2214%22%20height%3D%2218%22%20rx%3D%222%22%2F%3E%3Crect%20x%3D%229%22%20y%3D%227%22%20width%3D%226%22%20height%3D%225%22%20rx%3D%221%22%2F%3E%3Cpath%20d%3D%22M10%2016h4%22%2F%3E%3C%2Fsvg%3E");
    }

    .store-header .main-menu>.root-level[id="743557018"]>a::before {
        background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23c92027%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%225%22%20y%3D%223%22%20width%3D%2214%22%20height%3D%2218%22%20rx%3D%223%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22M9%2014h6m-6%203h6%22%2F%3E%3C%2Fsvg%3E");
    }

    .store-header .main-menu>.root-level[id="1134801041"]>a::before {
        background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23c92027%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%2211%22%20width%3D%2218%22%20height%3D%229%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M7%2011V5m10%206V5M7%2016h.01M11%2016h.01M15%2016h2%22%2F%3E%3C%2Fsvg%3E");
    }

    .store-header .main-menu>.root-level[id="1249900839"]>a::before {
        background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23c92027%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%225%22%20y%3D%223%22%20width%3D%2214%22%20height%3D%2218%22%20rx%3D%225%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2210%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M9%2017h6%22%2F%3E%3C%2Fsvg%3E");
    }

    .store-header .main-menu>.root-level[id="2028327941"]>a::before {
        background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23c92027%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%226%22%20width%3D%2218%22%20height%3D%2214%22%20rx%3D%223%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2213%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22m8%206%202-3h4l2%203%22%2F%3E%3C%2Fsvg%3E");
    }

    .store-header .main-menu>.root-level[id="offers"]>a::before {
        background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23c92027%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%203h7l10%2010-7%207L3%2010Z%22%2F%3E%3Ccircle%20cx%3D%227%22%20cy%3D%227%22%20r%3D%221%22%2F%3E%3C%2Fsvg%3E");
    }
}

/* Preserve measurable theme wrappers for its responsive menu. */
@media(min-width:1024px) {
    .store-header {
        grid-template-rows: 90px 64px;
    }

    .store-header #mainnav {
        display: block !important;
        position: absolute !important;
        inset: 0;
        height: 154px !important;
        background: transparent;
        box-shadow: none !important;
    }

    .store-header #mainnav>.inner {
        display: block !important;
        position: static !important;
        height: 100%;
    }

    .store-header #mainnav>.inner>.container {
        display: block !important;
        width: 100%;
        max-width: 1384px;
        padding-inline: 32px;
        height: 100%;
    }

    .store-header #mainnav>.inner>.container>.flex {
        display: flex !important;
        position: relative;
        height: 90px;
        align-items: center;
    }

    .store-header #mainnav>.inner>.container>.flex>.flex {
        display: flex !important;
        align-items: center;
    }

    .store-header #mainnav>.inner>.container>.flex>.flex:first-child {
        width: 100%;
    }

    .store-header #mainnav>.inner>.container>.flex>.flex:last-child {
        position: absolute;
        inset-inline-end: 0;
        top: 0;
        height: 90px;
        margin: 0;
        gap: 26px;
    }

    .store-header .header-search,
    .store-header .header-buttons {
        position: relative;
        z-index: 2;
    }

    .store-header custom-main-menu {
        position: absolute;
        top: 90px;
        inset-inline: 0;
        width: 100%;
        height: 64px;
    }

    .store-header .main-menu {
        margin: 0 !important;
    }

    .store-header .main-menu>.root-level[id='more-menu-dropdown']>a::before {
        display: none;
    }
}

@media(min-width:1024px) and (max-width:1199px) {
    .store-header #mainnav>.inner>.container {
        padding-inline: 24px;
    }

    .store-header #mainnav>.inner>.container>.flex>.flex:last-child {
        gap: 16px;
    }
}

@media(min-width:1024px) {
    .store-header {
        grid-template-columns: 150px minmax(240px, 1fr) 100px 90px 70px;
    }
}

@media(min-width:1024px) and (max-width:1199px) {
    .store-header {
        grid-template-columns: 110px minmax(220px, 1fr) 100px 80px 60px;
    }
}

/* ENMASCO modern footer — red accent, light editorial layout */
.store-footer {
 --footer-accent:#c92027;
 --footer-ink:#282426;
 --footer-muted:#70696c;
 --footer-line:#e8e3e4;
 background:#f7f7f7!important;
 color:var(--footer-ink)!important;
 border-top:1px solid var(--footer-line);
 position:relative;
}
.store-footer .store-footer__inner { background:transparent!important; border:0!important; padding:64px 0 48px!important; }
.store-footer .container { max-width:1320px; padding-inline:32px; }
.store-footer .store-footer__inner > .container { gap:40px; align-items:start; }
.store-footer .store-footer__inner > .container > div { min-width:0; padding-inline:0!important; }
.store-footer h3 { color:var(--footer-ink)!important; font-size:16px; font-weight:700; margin:0 0 22px; line-height:1.5; }
.store-footer .store-footer__inner > .container > div:first-child > a h3 { font-size:30px; letter-spacing:2px; margin:0; line-height:1.2; }
.store-footer .store-footer__inner > .container > div:first-child > a { width:fit-content; padding-bottom:18px; position:relative; }
.store-footer .store-footer__inner > .container > div:first-child > a::after { content:''; position:absolute; bottom:0; inset-inline-start:0; width:38px; height:3px; border-radius:3px; background:var(--footer-accent); }
.store-footer .max-w-sm { color:var(--footer-muted); font-size:14px; line-height:1.9; margin:16px 0; }
.store-footer .max-w-sm:has(p > br:only-child) { display:none; }
.store-footer .s-menu-footer-list { display:flex; flex-direction:column; gap:13px; }
.store-footer .s-menu-footer-item { color:var(--footer-muted)!important; font-size:14px; line-height:1.75; margin:0!important; padding:0!important; width:fit-content; }
.store-footer .s-menu-footer-item:hover { color:var(--footer-accent)!important; text-decoration:underline; text-underline-offset:5px; }
.store-footer .s-contacts-list { display:flex; flex-direction:column; gap:12px; }
.store-footer .s-contacts-item { display:flex; align-items:center; gap:12px; color:var(--footer-muted)!important; font-size:14px; margin:0!important; }
.store-footer .s-contacts-icon { display:flex; align-items:center; justify-content:center; width:36px; height:36px; min-width:36px; border-radius:11px; background:#fff; border:1px solid var(--footer-line); color:var(--footer-accent); }
.store-footer .s-contacts-icon svg { width:18px; height:18px; fill:currentColor; }
.store-footer .s-contacts-item:hover { color:var(--footer-accent)!important; }
.store-footer .s-social-list { display:flex; flex-wrap:wrap; justify-content:flex-start; gap:9px; }
.store-footer .s-social-link { margin:0!important; }
.store-footer .s-social-link a { display:flex; align-items:center; justify-content:center; width:40px; height:40px; border:1px solid var(--footer-line); border-radius:50%; background:#fff; color:var(--footer-ink); transition:background .2s,color .2s,border-color .2s; }
.store-footer .s-social-icon svg { width:17px; height:17px; fill:currentColor; }
.store-footer .s-social-link a:hover { background:var(--footer-accent); border-color:var(--footer-accent); color:#fff; }
.store-footer .store-footer__inner > .container > div:first-child > .flex.gap-4 { background:#fff; border:1px solid var(--footer-line); border-radius:16px; padding:22px; gap:0; margin-top:24px; }
.store-footer .store-footer__inner > .container > div:first-child > .flex.gap-4 p { color:var(--footer-muted); font-size:13px; margin-bottom:12px; }
.store-footer .store-footer__inner > .container > div:first-child > .flex.gap-4 b { color:var(--footer-ink); font-size:14px; font-weight:600; letter-spacing:.5px; direction:ltr; display:block; }
.store-footer salla-apps-icons:empty, .store-footer salla-trust-badges:empty { display:none; }
.store-footer > .container { border-top:1px solid var(--footer-line); padding-block:24px!important; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:24px; }
.store-footer .copyright-text p { font-size:12px; color:var(--footer-muted)!important; margin:0; }
.store-footer .copyright-text a { color:var(--footer-ink); font-weight:600; }
.store-footer .s-payments-list { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:7px; }
.store-footer .s-payments-list-item { background:#fff; border:1px solid var(--footer-line); border-radius:7px; padding:5px 7px; margin:0; height:33px; min-width:43px; display:flex; align-items:center; justify-content:center; }
.store-footer .s-payments-list-item img { width:auto; max-width:46px; height:21px; object-fit:contain; }
.store-footer .s-payments-list-item:has(.s-payments-sbc-image) { margin-inline-start:12px; }
.store-footer a:focus-visible { outline:2px solid var(--footer-accent); outline-offset:4px; }
@media(min-width:1024px) {
 .store-footer .store-footer__inner > .container { grid-template-columns:1.15fr 1.1fr 1.2fr 1fr; grid-template-rows:auto 1fr; column-gap:48px; row-gap:24px; }
 .store-footer .store-footer__inner > .container > div:first-child { display:contents; }
 .store-footer .store-footer__inner > .container > div:first-child > a { grid-column:1; grid-row:1; }
 .store-footer .store-footer__inner > .container > div:first-child > .max-w-sm { grid-column:1; grid-row:2; }
 .store-footer .store-footer__inner > .container > div:first-child > .hidden { grid-column:1; grid-row:3; }
 .store-footer .store-footer__inner > .container > div:first-child > .flex.gap-4 { grid-column:4; grid-row:1 / 4; margin:0; }
 .store-footer .store-footer__inner > .container > div:nth-child(2) { grid-column:2; grid-row:1 / 4; }
 .store-footer .store-footer__inner > .container > div:nth-child(3) { grid-column:3; grid-row:1 / 4; }
 .store-footer .store-footer__inner > .container > salla-apps-icons:not(:empty) { grid-column:1 / -1; padding:0!important; }
}
@media(max-width:1023px) {
 .store-footer .store-footer__inner { padding:40px 0 32px!important; }
 .store-footer .store-footer__inner > .container { grid-template-columns:1fr 1fr; gap:32px 24px; }
 .store-footer .store-footer__inner > .container > div:first-child { grid-column:1 / -1; }
 .store-footer .store-footer__inner > .container > div:first-child > .flex.gap-4 { width:fit-content; min-width:220px; }
 .store-footer .contact-social { margin-top:24px; }
 .store-footer > .container { justify-content:center; text-align:center; }
}
@media(max-width:600px) {
 .store-footer .container { padding-inline:22px; }
 .store-footer .store-footer__inner > .container { grid-template-columns:1fr; gap:30px; }
 .store-footer .store-footer__inner > .container > div:first-child > .flex.gap-4 { width:100%; }
 .store-footer h3 { margin-bottom:16px; }
 .store-footer .s-menu-footer-list { gap:12px; }
 .store-footer .s-payments-list { gap:6px; }
 .store-footer .s-payments-list-item { min-width:40px; padding-inline:5px; }
}


/* Main store logo in the footer; retain the accessible brand name. */
.store-footer .store-footer__inner > .container > div:first-child > a {
 width:150px; height:110px; padding:0; display:block;
 background-image:url("https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/pQZGdw/tfgruaXNjwDXaYm0QZFh867ME5webJZZY3ilJJhl.png");
 background-repeat:no-repeat; background-position:center; background-size:contain;
}
.store-footer .store-footer__inner > .container > div:first-child > a h3 {
 position:absolute; width:1px; height:1px; padding:0; margin:-1px;
 overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0;
}
.store-footer .store-footer__inner > .container > div:first-child > a::after { display:none; }
@media(max-width:600px) {
 .store-footer .store-footer__inner > .container > div:first-child > a { width:130px; height:96px; }
}

/* Keep the footer logo border-free. */
.store-footer .store-footer__inner > .container > div:first-child > a { border:0!important; outline:none!important; }
.store-footer .store-footer__inner > .container > div:first-child > a:focus-visible { box-shadow:0 0 0 2px #d4d4d4; border-radius:6px; }

/* Saudi VAT mark above the existing tax registration number. */
.store-footer .store-footer__inner > .container > div:first-child > .flex.gap-4 { flex-direction:column; align-items:center; text-align:center; }
.store-footer .store-footer__inner > .container > div:first-child > .flex.gap-4::before { content:''; display:block; width:72px; height:72px; margin-bottom:14px; flex-shrink:0; background:url('https://iconape.com/wp-content/png_logo_vector/saudi-vat.png') center / contain no-repeat; }


/* Refined footer navigation and contact cards */
.store-footer .store-footer__inner > .container > div:nth-child(2) > h3,
.store-footer .s-contacts-title {
 display:flex; align-items:center; gap:10px;
 font-size:18px; font-weight:700; letter-spacing:-.3px; margin-bottom:22px;
}
.store-footer .store-footer__inner > .container > div:nth-child(2) > h3::before,
.store-footer .s-contacts-title::before {
 content:''; width:4px; height:19px; border-radius:4px; background:#c92027; flex-shrink:0;
}
.store-footer .s-menu-footer-list { gap:0; }
.store-footer .s-menu-footer-item {
 width:100%; display:flex; align-items:center; justify-content:space-between; gap:14px;
 min-height:49px; padding:11px 0!important; border-bottom:1px solid #e8e3e4;
 font-size:14px; font-weight:500; color:#51494c!important;
 transition:color .2s,background .2s,padding .2s;
}
.store-footer .s-menu-footer-item::after {
 content:'↗'; display:flex; align-items:center; justify-content:center;
 width:25px; height:25px; flex-shrink:0; border-radius:50%;
 background:#eeeaea; color:#8f8084; font-family:Arial,sans-serif; font-size:15px;
 transition:background .2s,color .2s,transform .2s;
}
html[dir='rtl'] .store-footer .s-menu-footer-item::after { content:'↖'; }
.store-footer .s-menu-footer-item:hover {
 color:#c92027!important; text-decoration:none; padding-inline:8px!important; background:#fff1f2;
}
.store-footer .s-menu-footer-item:hover::after { background:#c92027; color:#fff; }
.store-footer .s-contacts-list { gap:10px; }
.store-footer .s-contacts-item {
 display:grid; grid-template-columns:40px minmax(0,1fr); grid-template-rows:auto auto;
 column-gap:12px; row-gap:3px; width:100%; padding:13px 14px;
 border:1px solid #e8e3e4; border-radius:13px; background:#fff;
 box-shadow:0 2px 5px #38242803;
 transition:border-color .2s,box-shadow .2s,transform .2s;
}
.store-footer .s-contacts-item .s-contacts-icon {
 grid-column:1; grid-row:1 / 3; width:40px; height:40px;
 border:0; border-radius:11px; background:#fff0f1; color:#c92027;
}
.store-footer .s-contacts-item::before {
 grid-column:2; grid-row:1; color:#827579; font-size:11px; line-height:1.4; font-weight:500;
}
.store-footer .s-contacts-item[href^='https://wa.me/']::before { content:'واتساب'; }
.store-footer .s-contacts-item[href^='tel:']::before { content:'اتصل بنا'; }
.store-footer .s-contacts-item[href^='mailto:']::before { content:'البريد الإلكتروني'; }
html[lang^='en'] .store-footer .s-contacts-item[href^='https://wa.me/']::before { content:'WhatsApp'; }
html[lang^='en'] .store-footer .s-contacts-item[href^='tel:']::before { content:'Call us'; }
html[lang^='en'] .store-footer .s-contacts-item[href^='mailto:']::before { content:'Email us'; }
.store-footer .s-contacts-item .unicode {
 grid-column:2; grid-row:2; direction:ltr; unicode-bidi:isolate;
 text-align:start; font-family:Arial,sans-serif; font-size:13px; font-weight:500;
 letter-spacing:.15px; line-height:1.5; color:#30282b; overflow-wrap:anywhere;
}
html[dir='rtl'] .store-footer .s-contacts-item .unicode { text-align:right; }
.store-footer .s-contacts-item:hover { border-color:#df9a9d; box-shadow:0 5px 14px #74272b0a; transform:translateY(-1px); }
@media(min-width:1024px) {
 .store-footer .store-footer__inner > .container { grid-template-columns:.95fr 1.25fr 1.35fr 1fr; column-gap:36px; }
}
@media(prefers-reduced-motion:reduce) {
 .store-footer .s-menu-footer-item,.store-footer .s-menu-footer-item::after,.store-footer .s-contacts-item { transition:none; transform:none; }
}

/* Align VAT card with the first contact card on desktop. */
@media(min-width:1024px) {
 .store-footer .store-footer__inner > .container > div:first-child > .flex.gap-4 { margin-top:49px; }
}

/* Give the footer a distinct, softly shaded surface. */
.store-footer { background:#f2f2f2!important; border-top-color:#dedada; }
/* Installation tab in the former Sale position */
.store-header .main-menu > .enm-installation-item { order:-1; }
@media(min-width:1024px){ .store-header .main-menu > .root-level > .enm-installation-link::before { background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23c92027%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%206a5%205%200%200%200-6%206L3%2017a2.8%202.8%200%200%200%204%204l5-5a5%205%200%200%200%206-6l-3%203-4-4%203-3Z%22%2F%3E%3C%2Fsvg%3E"); } }

@media(min-width:1024px){ .store-header .main-menu{flex-wrap:nowrap!important;gap:4px;} .store-header .main-menu>.root-level>a{padding-inline:8px!important;gap:7px;} }
@media(min-width:1024px) and (max-width:1199px){ .store-header .main-menu>.root-level>a{padding-inline:5px!important;gap:5px;font-size:12px;} .store-header .main-menu>.root-level>a::before{display:none;} }

/* ENMASCO centered showcase hero — homepage photos only */
#photos-1-slider{--enm-hero-width:min(60vw,1200px);--enm-hero-dots:30px;display:block;position:relative}
#photos-1-slider .s-slider-container{padding:0 0 var(--enm-hero-dots)!important;overflow:hidden!important}
#photos-1-slider .swiper-slide{width:var(--enm-hero-width)!important;padding:0 4px!important;margin:0!important;box-sizing:border-box;overflow:visible;align-self:center;transform:scale(.965);transition:transform .45s ease}
#photos-1-slider .swiper-slide-active{transform:scale(1)}
#photos-1-slider .swiper-slide>a{display:block;overflow:hidden;border-radius:18px}
#photos-1-slider .swiper-slide img{display:block;width:100%;height:auto!important;border-radius:18px!important;object-fit:contain!important}
#photos-1-slider .s-slider-block__title{position:static!important;height:0!important;margin:0!important;padding:0!important}
#photos-1-slider .s-slider-block__title-nav{position:absolute!important;inset:auto!important;left:50%!important;top:calc((100% - var(--enm-hero-dots))/2)!important;transform:translate(-50%,-50%)!important;width:calc(var(--enm-hero-width) - 36px)!important;max-width:none!important;display:flex!important;justify-content:space-between!important;gap:0!important;z-index:5;pointer-events:none;direction:ltr!important;flex-direction:row!important}
#photos-1-slider .s-slider-nav-arrow{position:static!important;transform:none!important;width:40px!important;height:40px!important;min-width:40px;border:1px solid #ffffffb3!important;border-radius:50%!important;background:#202024a6!important;color:white!important;box-shadow:0 2px 10px #0002;pointer-events:auto;opacity:1}
#photos-1-slider .s-slider-nav-arrow svg{fill:currentColor;width:24px;height:24px}
#photos-1-slider .s-slider-nav-arrow:hover{background:#c92027!important}
#photos-1-slider .s-slider-nav-arrow:disabled{opacity:.3}
#photos-1-slider .swiper-pagination{bottom:5px!important;display:flex;justify-content:center;align-items:center;gap:7px}
#photos-1-slider .swiper-pagination-bullet{width:7px!important;height:7px!important;margin:0!important;border-radius:50%!important;background:#bcb8ba!important;opacity:.6}
#photos-1-slider .swiper-pagination-bullet-active{background:#c92027!important;opacity:1;transform:scale(1.2)}
[dir=rtl] #photos-1-slider .s-slider-block__title-nav{flex-direction:row-reverse!important}
@media(max-width:1023px){#photos-1-slider{--enm-hero-width:80vw}}
@media(max-width:640px){#photos-1-slider{--enm-hero-width:92vw;--enm-hero-dots:26px}#photos-1-slider .swiper-slide{padding:0 3px!important;transform:scale(.98)}#photos-1-slider .swiper-slide-active{transform:scale(1)}#photos-1-slider .swiper-slide>a,#photos-1-slider .swiper-slide img{border-radius:12px!important}#photos-1-slider .s-slider-nav-arrow{width:30px!important;height:30px!important;min-width:30px}#photos-1-slider .s-slider-block__title-nav{width:calc(var(--enm-hero-width) - 24px)!important}}
@media(prefers-reduced-motion:reduce){#photos-1-slider .swiper-slide{transition:none}}
/* Hero: stronger center emphasis with tight edge spacing */
#photos-1-slider .swiper-slide{transform:none!important;padding:0 3px!important}
#photos-1-slider .swiper-slide>a{transform:scale(.92);transform-origin:center;transition:transform .55s ease}
#photos-1-slider .swiper-slide-active>a{transform:scale(1)}
#photos-1-slider .swiper-slide-prev>a{transform-origin:right center}
#photos-1-slider .swiper-slide-next>a{transform-origin:left center}
html[dir=rtl] #photos-1-slider .swiper-slide-prev>a{transform-origin:left center}
html[dir=rtl] #photos-1-slider .swiper-slide-next>a{transform-origin:right center}
@media(prefers-reduced-motion:reduce){#photos-1-slider .swiper-slide>a{transition:none}}
/* ENMASCO: keep the complete header visible while scrolling. */
.store-header{position:sticky!important;top:0;z-index:40;background:#fff;box-shadow:0 3px 12px #00000008;}
/* Keep mobile navigation inside the sticky header instead of pinning it twice. */
@media(max-width:1023px){
 .store-header #mainnav{height:auto!important;min-height:0!important;}
 .store-header #mainnav>.inner{position:static!important;top:auto!important;transform:none!important;animation:none!important;width:100%;}
}

/* ENMASCO compact photo category strip. The JS applies the inner styles to its shadow root. */
section.enm-category-reference {
  background: #f3f7f9 !important;
}

section.enm-category-reference > [component-name="category-showcase"] {
  display: block;
  width: 100%;
  padding: 0 !important;
}
@media(min-width:1024px){.store-header #mainnav>.inner{transform:none!important;animation:none!important;transition:none!important}}