:root {
            --sh-orange: #ff5a1f;
            --sh-orange-light: #ff7a27;
            --sh-red: #e5093c;
            --sh-ink: #172033;
            --sh-muted: #aeb7c6;
            --sh-line: rgba(255, 255, 255, 0.18);
        }

        body {
            font-family: 'Tajawal',sans-serif;
        }

        /* =====================================================
           SperHub V2 — Header and Hero
           ===================================================== */

        .sh-v2-hero.container-fold {
            position: relative;
            display: flex;
            min-height: 680px;
            flex-direction: column;
            overflow: hidden;
            padding: 0 !important;
            isolation: isolate;
            background-position: center center !important;
            background-size: cover !important;
        }

        .sh-v2-hero::before {
            position: absolute;
            z-index: -2;
            inset: 0;
            content: "";
            background:
                linear-gradient(
                    90deg,
                    rgba(20, 10, 7, 0.93) 0%,
                    rgba(45, 18, 11, 0.80) 43%,
                    rgba(40, 15, 9, 0.60) 100%
                );
        }

        body.rtl .sh-v2-hero::before {
            background:
                linear-gradient(
                    270deg,
                    rgba(20, 10, 7, 0.93) 0%,
                    rgba(45, 18, 11, 0.80) 43%,
                    rgba(40, 15, 9, 0.60) 100%
                );
        }

        .sh-v2-hero::after {
            position: absolute;
            z-index: -1;
            inset: 0;
            content: "";
            opacity: 0.56;
            background:
                radial-gradient(
                    circle at 22% 34%,
                    rgba(255, 90, 31, 0.23),
                    transparent 34%
                ),
                linear-gradient(
                    180deg,
                    rgba(0, 0, 0, 0.05),
                    rgba(0, 0, 0, 0.30)
                );
            pointer-events: none;
        }

        .sh-v2-navbar {
            position: relative;
            z-index: 30;
            min-height: 74px;
            margin: 0 !important;
            border: 0 !important;
            border-bottom: 1px solid var(--sh-line) !important;
            border-radius: 0 !important;
            background: rgba(18, 12, 10, 0.20) !important;
            box-shadow: none !important;
            backdrop-filter: blur(14px);
            -webkit-backdrop-filter: blur(14px);
        }

        .sh-v2-navbar .container {
            width: min(1180px, calc(100% - 32px));
            padding: 0;
        }

        .sh-v2-navbar-inner {
            display: flex;
            min-height: 74px;
            align-items: center;
            gap: 16px;
        }

        body.rtl .sh-v2-navbar-inner {
            direction: rtl;
        }

        .sh-v2-navbar .navbar-header {
            display: flex;
            min-width: 116px;
            float: none !important;
            align-items: center;
        }

        .sh-v2-brand {
            display: inline-flex !important;
            width: 108px;
            height: 48px !important;
            align-items: center;
            padding: 3px 0 !important;
        }

        .sh-v2-brand img {
            display: block;
            width: 98px;
            max-height: 46px;
            object-fit: contain;
            filter: drop-shadow(0 8px 20px rgba(0, 0, 0, 0.18));
        }

        .sh-v2-navbar .navbar-collapse {
            flex: 1;
            padding: 0 !important;
            border: 0 !important;
            box-shadow: none !important;
        }

        .sh-v2-navbar .sh-v2-collapse-inner {
            display: flex;
            align-items: center;
            gap: 18px;
        }

        body.rtl .sh-v2-navbar .sh-v2-collapse-inner {
            direction: rtl;
        }

        .sh-v2-main-nav {
            display: flex;
            flex: 1;
            align-items: center;
            justify-content: center;
            gap: 4px;
            margin: 0 !important;
        }

        .sh-v2-navbar .navbar-nav > li {
            float: none !important;
        }

        .sh-v2-navbar .navbar-nav > li > a {
            position: relative;
            padding: 26px 10px !important;
            color: rgba(255, 255, 255, 0.86) !important;
            background: transparent !important;
            font-size: 14px;
            font-weight: 700;
            transition: color 0.2s ease;
        }

        .sh-v2-navbar .navbar-nav > li > a::after {
            position: absolute;
            right: 28%;
            bottom: 16px;
            left: 28%;
            height: 2px;
            border-radius: 10px;
            background: var(--sh-orange);
            content: "";
            opacity: 0;
            transform: scaleX(0);
            transition: 0.22s ease;
        }

        .sh-v2-navbar .navbar-nav > li > a:hover,
        .sh-v2-navbar .navbar-nav > li.active > a {
            color: #ffffff !important;
        }

        .sh-v2-navbar .navbar-nav > li > a:hover::after,
        .sh-v2-navbar .navbar-nav > li.active > a::after {
            opacity: 1;
            transform: scaleX(1);
        }

        .sh-v2-auth {
            display: flex;
            align-items: center;
            gap: 7px;
            margin: 0 !important;
        }

        .sh-v2-navbar .sh-v2-auth > li > a {
            padding: 11px 14px !important;
            border-radius: 999px;
        }

        .sh-v2-navbar .sh-v2-auth > li > a::after {
            display: none;
        }

        .sh-v2-navbar .sh-v2-auth .sh-v2-login-link {
            border: 1px solid rgba(255, 255, 255, 0.24);
        }

        .sh-v2-navbar .sh-v2-auth .sh-v2-signup-link {
            min-width: 126px;
            border: 0 !important;
            color: #fff !important;
            background:
                linear-gradient(
                    135deg,
                    var(--sh-orange),
                    var(--sh-red)
                ) !important;
            box-shadow: 0 12px 28px rgba(229, 9, 60, 0.26);
            text-align: center;
        }

        .sh-v2-actions {
            display: flex;
            flex: 0 0 auto;
            align-items: center;
            gap: 5px;
            margin: 0 !important;
            white-space: nowrap;
        }

        .sh-v2-actions > li {
            position: relative;
            margin: 0 !important;
            padding: 0 !important;
        }

        .sh-v2-actions > li > a {
            display: grid;
            width: 32px;
            height: 32px;
            place-items: center;
            padding: 0 !important;
            border: 1px solid rgba(255, 255, 255, 0.17);
            border-radius: 11px;
            color: #fff !important;
            background: rgba(255, 255, 255, 0.07);
            text-decoration: none;
            transition: 0.2s ease;
        }

        .sh-v2-actions > li > a:hover {
            border-color: rgba(255, 90, 31, 0.72);
            background: rgba(255, 90, 31, 0.18);
            transform: translateY(-2px);
        }

        .sh-v2-actions .badge-notify {
            position: absolute;
            z-index: 3;
            top: -5px;
            inset-inline-end: -5px;
            min-width: 17px;
            height: 17px;
            padding: 2px 4px;
            border: 2px solid #5a271b;
            border-radius: 999px;
            color: #fff;
            background: var(--sh-orange);
            font-size: 8px;
            line-height: 11px;
        }

        .sh-v2-actions .btn-lang {
            width: auto !important;
            min-width: 76px;
            padding: 0 13px !important;
            border-radius: 999px !important;
            font-size: 9px;
            font-weight: 800;
        }

        .sh-v2-navbar .navbar-toggle {
            margin: 11px 0 !important;
            border: 1px solid rgba(255, 255, 255, 0.25) !important;
            border-radius: 12px;
            background: rgba(255, 255, 255, 0.08) !important;
        }

        .sh-v2-navbar .navbar-toggle .icon-bar {
            background: #fff !important;
        }

        /* Logged-in profile */

        .sh-v2-navbar .user-loggedin > a {
            display: flex !important;
            align-items: center;
            gap: 7px;
        }

        .sh-v2-navbar .user-loggedin .special-img {
            width: 30px;
            height: 30px;
            object-fit: cover;
        }

        .sh-v2-navbar .dropdown-menu {
            margin-top: 0;
            border: 0;
            border-radius: 14px;
            box-shadow: 0 18px 45px rgba(23, 32, 51, 0.16);
        }

        /* Hero content */

        .sh-v2-hero-content {
            position: relative;
            z-index: 5;
            display: flex;
            flex: 1;
            align-items: center;
            padding: 28px 0 38px;
        }

        .sh-v2-hero-content .container {
            width: min(1180px, calc(100% - 32px));
        }

        .sh-v2-hero-grid {
            display: grid;
            grid-template-columns: minmax(0, 1.2fr) minmax(300px, 0.58fr);
            gap: 38px;
            align-items: center;
        }

        .sh-v2-hero-copy {
            max-width: 680px;
        }

        .sh-v2-eyebrow {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            margin-bottom: 11px;
            padding: 6px 10px;
            border: 1px solid rgba(255, 255, 255, 0.16);
            border-radius: 999px;
            color: #ffd6c8;
            background: rgba(255, 255, 255, 0.07);
            backdrop-filter: blur(8px);
            font-size: 9px;
            font-weight: 800;
        }

        .sh-v2-eyebrow i {
            color: var(--sh-orange);
        }

        .sh-v2-hero-copy h1 {
            max-width: 680px;
            margin: 0;
            color: #ffffff;
            font-size: clamp(34px, 4vw, 54px);
            font-weight: 900;
            line-height: 1.16;
            letter-spacing: -0.9px;
        }

        .sh-v2-hero-copy h1 span {
            color: #ff7a27;
        }

        .sh-v2-hero-copy > p {
            max-width: 620px;
            margin: 13px 0 0;
            color: rgba(255, 255, 255, 0.74);
            font-size: 13px;
            font-weight: 500;
            line-height: 1.72;
        }

        .sh-v2-quick-search {
            max-width: 680px;
            margin-top: 17px;
            padding: 6px;
            border: 1px solid rgba(255, 255, 255, 0.16);
            border-radius: 12px;
            background: rgba(255, 255, 255, 0.96);
            box-shadow: 0 25px 70px rgba(0, 0, 0, 0.22);
        }

        .sh-v2-search-form {
            display: grid;
            grid-template-columns: 132px minmax(0, 1fr) auto;
            gap: 7px;
            align-items: center;
        }

        .sh-v2-search-select {
            position: relative;
            border-inline-end: 1px solid #e4e8ee;
        }

        .sh-v2-search-select i {
            position: absolute;
            z-index: 2;
            top: 50%;
            inset-inline-start: 13px;
            color: var(--sh-orange);
            transform: translateY(-50%);
            pointer-events: none;
        }

        .sh-v2-search-select select {
            width: 100%;
            height: 44px;
            padding-inline-start: 36px;
            padding-inline-end: 10px;
            border: 0;
            color: var(--sh-ink);
            background: transparent;
            box-shadow: none;
            font-size: 9px;
            font-weight: 800;
            cursor: pointer;
            outline: none;
        }

        .sh-v2-search-input {
            position: relative;
        }

        .sh-v2-search-input i {
            position: absolute;
            top: 50%;
            inset-inline-start: 13px;
            color: #9ba4b4;
            transform: translateY(-50%);
        }

        .sh-v2-search-input input {
            width: 100%;
            height: 44px;
            padding-inline-start: 40px;
            padding-inline-end: 12px;
            border: 0;
            color: var(--sh-ink);
            background: transparent;
            box-shadow: none;
            font-size: 13px;
            outline: none;
        }

        .sh-v2-search-input input::placeholder {
            color: #9ca5b4;
        }

        .sh-v2-search-submit {
            display: inline-flex;
            min-width: 118px;
            height: 44px;
            align-items: center;
            justify-content: center;
            gap: 8px;
            border: 0;
            border-radius: 11px;
            color: #fff;
            background:
                linear-gradient(
                    135deg,
                    var(--sh-orange),
                    var(--sh-orange-light)
                );
            box-shadow: 0 12px 28px rgba(255, 90, 31, 0.26);
            font-size: 10px;
            font-weight: 900;
            transition: 0.2s ease;
        }

        .sh-v2-search-submit:hover {
            color: #fff;
            transform: translateY(-2px);
            box-shadow: 0 15px 32px rgba(255, 90, 31, 0.34);
        }

        .sh-v2-hero-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            margin-top: 12px;
        }

        .sh-v2-hero-btn {
            display: inline-flex;
            min-height: 40px;
            align-items: center;
            justify-content: center;
            gap: 8px;
            padding: 0 14px;
            border-radius: 12px;
            font-size: 9px;
            font-weight: 900;
            text-decoration: none !important;
            transition: 0.2s ease;
        }

        .sh-v2-hero-btn-primary {
            color: #fff !important;
            background: var(--sh-orange);
            box-shadow: 0 12px 28px rgba(255, 90, 31, 0.23);
        }

        .sh-v2-hero-btn-secondary {
            border: 1px solid rgba(255, 255, 255, 0.22);
            color: #fff !important;
            background: rgba(255, 255, 255, 0.07);
            backdrop-filter: blur(8px);
        }

        .sh-v2-hero-btn:hover {
            transform: translateY(-2px);
        }

        .sh-v2-methods {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            margin-top: 13px;
        }

        .sh-v2-method {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            color: rgba(255, 255, 255, 0.78);
            font-size: 10px;
            font-weight: 700;
        }

        .sh-v2-method i {
            display: grid;
            width: 22px;
            height: 22px;
            place-items: center;
            border-radius: 8px;
            color: #fff;
            background: rgba(255, 90, 31, 0.86);
            font-size: 9px;
        }

        /* Visual card */

        .sh-v2-hero-visual {
            position: relative;
            min-height: 330px;
        }

        .sh-v2-orbit {
            position: absolute;
            inset: 50% auto auto 50%;
            width: 300px;
            height: 300px;
            border: 1px solid rgba(255, 255, 255, 0.13);
            border-radius: 50%;
            transform: translate(-50%, -50%);
        }

        .sh-v2-orbit::before,
        .sh-v2-orbit::after {
            position: absolute;
            inset: 27px;
            border: 1px dashed rgba(255, 255, 255, 0.12);
            border-radius: 50%;
            content: "";
        }

        .sh-v2-orbit::after {
            inset: 68px;
        }

        .sh-v2-logo-card {
            position: absolute;
            z-index: 3;
            top: 50%;
            left: 50%;
            display: grid;
            width: 190px;
            height: 190px;
            place-items: center;
            border: 1px solid rgba(255, 255, 255, 0.18);
            border-radius: 50%;
            background:
                radial-gradient(
                    circle at 35% 30%,
                    rgba(255, 255, 255, 0.15),
                    rgba(255, 90, 31, 0.08) 38%,
                    rgba(20, 10, 8, 0.35) 72%
                );
            box-shadow:
                0 35px 90px rgba(0, 0, 0, 0.34),
                inset 0 0 50px rgba(255, 255, 255, 0.05);
            transform: translate(-50%, -50%);
            backdrop-filter: blur(10px);
        }

        .sh-v2-logo-card img {
            width: 148px;
            max-height: 142px;
            object-fit: contain;
            filter: drop-shadow(0 22px 28px rgba(0, 0, 0, 0.28));
        }

        .sh-v2-floating-card {
            position: absolute;
            z-index: 4;
            display: flex;
            min-width: 138px;
            align-items: center;
            gap: 8px;
            padding: 9px;
            border: 1px solid rgba(255, 255, 255, 0.18);
            border-radius: 12px;
            color: #fff;
            background: rgba(17, 14, 13, 0.60);
            box-shadow: 0 18px 45px rgba(0, 0, 0, 0.25);
            backdrop-filter: blur(12px);
            animation: shFloat 4.5s ease-in-out infinite;
        }

        .sh-v2-floating-card:nth-of-type(2) {
            animation-delay: -1.3s;
        }

        .sh-v2-floating-card:nth-of-type(3) {
            animation-delay: -2.6s;
        }

        .sh-v2-floating-card i {
            display: grid;
            width: 32px;
            height: 32px;
            flex: 0 0 32px;
            place-items: center;
            border-radius: 11px;
            color: #fff;
            background:
                linear-gradient(
                    135deg,
                    var(--sh-orange),
                    var(--sh-orange-light)
                );
            font-size: 12px;
        }

        .sh-v2-floating-card strong,
        .sh-v2-floating-card small {
            display: block;
        }

        .sh-v2-floating-card strong {
            margin-bottom: 3px;
            font-size: 9px;
            font-weight: 900;
        }

        .sh-v2-floating-card small {
            color: rgba(255, 255, 255, 0.62);
            font-size: 8px;
            line-height: 1.5;
        }

        .sh-v2-card-one {
            top: 15px;
            inset-inline-start: 0;
        }

        .sh-v2-card-two {
            top: 145px;
            inset-inline-end: -5px;
        }

        .sh-v2-card-three {
            bottom: 5px;
            inset-inline-start: 5px;
        }

        @keyframes shFloat {
            0%, 100% {
                transform: translateY(0);
            }

            50% {
                transform: translateY(-9px);
            }
        }

        .sh-v2-scroll-hint {
            position: absolute;
            z-index: 6;
            bottom: 19px;
            left: 50%;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 5px;
            color: rgba(255, 255, 255, 0.54);
            font-size: 8px;
            font-weight: 700;
            transform: translateX(-50%);
        }

        .sh-v2-scroll-hint i {
            color: var(--sh-orange);
            font-size: 12px;
            animation: shScroll 1.6s ease-in-out infinite;
        }

        @keyframes shScroll {
            0%, 100% {
                transform: translateY(0);
            }

            50% {
                transform: translateY(6px);
            }
        }

        @media (min-width: 992px) {
            .sh-v2-navbar .navbar-collapse.collapse {
                display: block !important;
                height: auto !important;
            }
        }

        @media (max-width: 1199px) {
            .sh-v2-navbar .navbar-nav > li > a {
                padding-inline: 8px !important;
                font-size: 10px;
            }

            .sh-v2-hero-grid {
                gap: 35px;
            }

            .sh-v2-orbit {
                width: 350px;
                height: 350px;
            }

            .sh-v2-logo-card {
                width: 225px;
                height: 225px;
            }

            .sh-v2-logo-card img {
                width: 175px;
            }

            .sh-v2-floating-card {
                min-width: 155px;
            }
        }

        @media (max-width: 991px) {
            .sh-v2-hero.container-fold {
                min-height: auto;
            }

            .sh-v2-navbar {
                min-height: 70px;
                background: rgba(25, 12, 9, 0.82) !important;
            }

            .sh-v2-navbar-inner {
                display: block;
                min-height: 70px;
            }

            .sh-v2-navbar .navbar-header {
                min-height: 70px;
                justify-content: space-between;
            }

            .sh-v2-brand {
                width: 125px;
                height: 55px !important;
            }

            .sh-v2-brand img {
                width: 118px;
            }

            .sh-v2-navbar .navbar-collapse {
                margin: 0 -16px !important;
                padding: 10px 16px 17px !important;
                background: rgba(27, 13, 10, 0.97);
            }

            .sh-v2-navbar .sh-v2-collapse-inner {
                display: block;
            }

            .sh-v2-main-nav,
            .sh-v2-auth {
                display: block;
                width: 100%;
            }

            .sh-v2-navbar .navbar-nav > li > a {
                padding: 11px 12px !important;
                border-radius: 10px;
            }

            .sh-v2-navbar .navbar-nav > li > a::after {
                display: none;
            }

            .sh-v2-navbar .navbar-nav > li > a:hover,
            .sh-v2-navbar .navbar-nav > li.active > a {
                background: rgba(255, 255, 255, 0.07) !important;
            }

            .sh-v2-auth {
                margin-top: 8px !important;
            }

            .sh-v2-actions {
                margin-top: 12px !important;
            }

            .sh-v2-hero-content {
                padding: 58px 0 64px;
            }

            .sh-v2-hero-grid {
                grid-template-columns: 1fr;
                gap: 45px;
            }

            .sh-v2-hero-copy {
                max-width: none;
            }

            .sh-v2-hero-visual {
                display: none;
            }
        }

        @media (max-width: 680px) {
            .sh-v2-hero-content .container,
            .sh-v2-navbar .container {
                width: min(100% - 22px, 1240px);
            }

            .sh-v2-hero-content {
                padding-top: 47px;
            }

            .sh-v2-eyebrow {
                font-size: 9px;
            }

            .sh-v2-hero-copy h1 {
                font-size: 38px;
                line-height: 1.22;
                letter-spacing: -0.8px;
            }

            .sh-v2-hero-copy > p {
                font-size: 13px;
                line-height: 1.85;
            }

            .sh-v2-quick-search {
                padding: 7px;
                border-radius: 16px;
            }

            .sh-v2-search-form {
                grid-template-columns: 1fr;
            }

            .sh-v2-search-select {
                border-inline-end: 0;
                border-bottom: 1px solid #e6e9ee;
            }

            .sh-v2-search-select select,
            .sh-v2-search-input input {
                height: 46px;
            }

            .sh-v2-search-submit {
                width: 100%;
                min-height: 48px;
            }

            .sh-v2-hero-actions {
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            .sh-v2-hero-btn {
                padding: 0 10px;
                font-size: 9px;
            }

            .sh-v2-methods {
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            .sh-v2-scroll-hint {
                display: none;
            }
        }
    
        /* Final compact desktop tuning */
        @media (min-width: 992px) {
            .sh-v2-hero.container-fold {
                min-height: 680px !important;
            }

            .sh-v2-hero-content {
                min-height: 575px;
                padding-top: 26px !important;
                padding-bottom: 32px !important;
            }

            .sh-v2-hero-grid {
                align-items: center;
            }

            .sh-v2-hero-copy h1 {
                max-width: 650px;
            }

            .sh-v2-hero-copy > p {
                max-width: 600px;
            }

            .sh-v2-hero-visual {
                min-height: 320px !important;
                transform: scale(.94);
                transform-origin: center;
            }

            .sh-v2-scroll-hint {
                display: none;
            }
        }

        @media (min-width: 1200px) and (max-height: 760px) {
            .sh-v2-hero.container-fold {
                min-height: 645px !important;
            }

            .sh-v2-hero-content {
                min-height: 548px;
                padding-top: 20px !important;
                padding-bottom: 24px !important;
            }

            .sh-v2-hero-copy h1 {
                font-size: 48px !important;
            }

            .sh-v2-hero-copy > p {
                margin-top: 10px !important;
            }

            .sh-v2-quick-search {
                margin-top: 14px !important;
            }

            .sh-v2-hero-actions,
            .sh-v2-methods {
                margin-top: 10px !important;
            }
        }

    
        /* =====================================================
           SperHub Marketplace Header V2
           Inspired by large commerce homepages, with SperHub identity
           ===================================================== */

        .sh-market-hero.sh-v2-hero.container-fold {
            min-height: 660px !important;
            background-position: center 42% !important;
        }

        .sh-market-hero .sh-v2-navbar {
            background: rgba(55, 21, 14, .94) !important;
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
        }

        .sh-market-search-dock {
            position: relative;
            z-index: 25;
            padding: 13px 0 12px;
            border-bottom: 1px solid rgba(23, 32, 51, .10);
            background:
                radial-gradient(circle at 88% -40%, rgba(255,255,255,.30), transparent 38%),
                linear-gradient(135deg, #ff5a1f, #ff7426);
            box-shadow: 0 13px 34px rgba(55, 21, 14, .18);
        }

        .sh-market-search-dock .container {
            width: min(1180px, calc(100% - 32px));
            padding: 0;
        }

        .sh-market-search-box {
            display: grid;
            grid-template-columns: minmax(0, 1fr) 520px;
            gap: 12px;
            align-items: center;
        }

        .sh-market-search-main {
            min-width: 0;
        }

        .sh-market-search-form {
            display: grid;
            grid-template-columns: 142px minmax(0, 1fr) 126px;
            min-height: 58px;
            overflow: hidden;
            border: 1px solid rgba(23, 32, 51, .08);
            border-radius: 15px;
            background: #fff;
            box-shadow: 0 15px 32px rgba(77, 28, 11, .17);
        }

        .sh-market-search-current {
            display: flex;
            min-width: 0;
            align-items: center;
            gap: 8px;
            padding: 0 13px;
            border-inline-end: 1px solid #e8ebf0;
            color: #172033;
            background: #f9fafc;
        }

        .sh-market-search-current > i {
            display: grid;
            width: 31px;
            height: 31px;
            flex: 0 0 31px;
            place-items: center;
            border-radius: 9px;
            color: #fff;
            background: linear-gradient(135deg, #ff5a1f, #ff7a27);
            font-size: 12px;
        }

        .sh-market-search-current strong,
        .sh-market-search-current small {
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .sh-market-search-current strong {
            margin-bottom: 2px;
            color: #172033;
            font-size: 8px;
            font-weight: 900;
        }

        .sh-market-search-current small {
            color: #9099a8;
            font-size: 6.5px;
        }

        .sh-market-search-input {
            position: relative;
            min-width: 0;
        }

        .sh-market-search-input > i {
            position: absolute;
            top: 50%;
            inset-inline-start: 15px;
            color: #939cab;
            font-size: 14px;
            transform: translateY(-50%);
            pointer-events: none;
        }

        .sh-market-search-input input {
            width: 100%;
            height: 56px;
            padding: 0 43px 0 14px;
            padding-inline-start: 43px;
            padding-inline-end: 14px;
            border: 0;
            color: #172033;
            background: transparent;
            font-size: 12px;
            font-weight: 600;
            outline: none;
        }

        .sh-market-search-input input::placeholder {
            color: #9aa3b1;
            font-weight: 500;
        }

        .sh-market-search-input input[readonly] {
            cursor: pointer;
        }

        .sh-market-search-submit {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 7px;
            padding: 0 12px;
            border: 0;
            color: #fff;
            background: #172033;
            font-size: 9px;
            font-weight: 900;
            cursor: pointer;
            transition: .2s ease;
        }

        .sh-market-search-submit:hover {
            background: #263249;
        }

        .sh-market-search-methods {
            display: grid;
            grid-template-columns: repeat(5, minmax(0, 1fr));
            gap: 6px;
        }

        .sh-market-method {
            position: relative;
            display: flex;
            min-width: 0;
            min-height: 58px;
            align-items: center;
            gap: 7px;
            padding: 7px 8px;
            overflow: hidden;
            border: 1px solid rgba(255,255,255,.26);
            border-radius: 13px;
            color: #fff;
            background: rgba(255,255,255,.10);
            cursor: pointer;
            text-align: start;
            transition: .22s ease;
        }

        .sh-market-method:hover {
            border-color: rgba(255,255,255,.72);
            background: rgba(255,255,255,.18);
            transform: translateY(-2px);
        }

        .sh-market-method.is-active {
            border-color: #172033;
            color: #172033;
            background: #fff;
            box-shadow: 0 10px 24px rgba(72, 25, 9, .15);
        }

        .sh-market-method-icon {
            display: grid;
            width: 32px;
            height: 32px;
            flex: 0 0 32px;
            place-items: center;
            border-radius: 9px;
            color: #ff5a1f;
            background: #fff;
            font-size: 12px;
        }

        .sh-market-method.is-active .sh-market-method-icon {
            color: #fff;
            background: linear-gradient(135deg, #ff5a1f, #ff7a27);
        }

        .sh-market-method strong,
        .sh-market-method small {
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .sh-market-method strong {
            margin-bottom: 2px;
            font-size: 7.5px;
            font-weight: 900;
        }

        .sh-market-method small {
            color: rgba(255,255,255,.66);
            font-size: 5.8px;
        }

        .sh-market-method.is-active small {
            color: #87909f;
        }

        .sh-market-method-premium::after {
            position: absolute;
            top: 4px;
            inset-inline-end: 5px;
            color: #fff2be;
            font-family: FontAwesome;
            font-size: 7px;
            content: "\f219";
        }

        .sh-market-method-premium.is-active::after {
            color: #ff5a1f;
        }

        .sh-market-search-hint {
            display: flex;
            min-height: 29px;
            align-items: center;
            gap: 7px;
            margin-top: 6px;
            padding: 5px 9px;
            border: 1px solid rgba(255,255,255,.22);
            border-radius: 9px;
            color: rgba(255,255,255,.78);
            background: rgba(79, 26, 9, .16);
            font-size: 7px;
            line-height: 1.5;
        }

        .sh-market-search-hint > i {
            color: #fff;
        }

        .sh-market-search-hint strong {
            color: #fff;
            font-weight: 900;
        }

        .sh-market-hint-progress {
            position: relative;
            width: 48px;
            height: 3px;
            margin-inline-start: auto;
            overflow: hidden;
            border-radius: 999px;
            background: rgba(255,255,255,.22);
        }

        .sh-market-hint-progress span {
            display: block;
            width: 100%;
            height: 100%;
            border-radius: inherit;
            background: #fff;
            transform-origin: right center;
            animation: shMarketHintProgress 4s linear infinite;
        }

        body.ltr .sh-market-hint-progress span {
            transform-origin: left center;
        }

        .sh-market-search-dock.is-paused .sh-market-hint-progress span {
            animation-play-state: paused;
        }

        @keyframes shMarketHintProgress {
            from { transform: scaleX(0); }
            to { transform: scaleX(1); }
        }

        /* Marketplace hero banner */

        .sh-market-banner {
            position: relative;
            z-index: 5;
            display: flex;
            min-height: 440px;
            flex: 1;
            align-items: center;
            padding: 36px 0 42px;
        }

        .sh-market-banner .container {
            width: min(1180px, calc(100% - 32px));
        }

        .sh-market-banner-grid {
            display: grid;
            grid-template-columns: minmax(0, 1.15fr) minmax(300px, .65fr);
            gap: 54px;
            align-items: center;
        }

        .sh-market-banner-copy {
            max-width: 700px;
        }

        .sh-market-banner-kicker {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            margin-bottom: 10px;
            padding: 6px 10px;
            border: 1px solid rgba(255,255,255,.16);
            border-radius: 999px;
            color: #ffd7ca;
            background: rgba(255,255,255,.07);
            font-size: 8px;
            font-weight: 900;
            backdrop-filter: blur(8px);
        }

        .sh-market-banner-kicker i {
            color: #ff7a27;
        }

        .sh-market-banner h1 {
            max-width: 680px;
            margin: 0;
            color: #fff;
            font-size: clamp(36px, 4.2vw, 57px);
            font-weight: 900;
            line-height: 1.13;
            letter-spacing: -.8px;
        }

        .sh-market-banner h1 span {
            display: block;
            color: #ff7a27;
        }

        .sh-market-banner-copy > p {
            max-width: 630px;
            margin: 13px 0 0;
            color: rgba(255,255,255,.72);
            font-size: 12px;
            line-height: 1.82;
        }

        .sh-market-banner-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            margin-top: 18px;
        }

        .sh-market-banner-actions a {
            display: inline-flex;
            min-height: 43px;
            align-items: center;
            justify-content: center;
            gap: 7px;
            padding: 0 15px;
            border-radius: 11px;
            font-size: 8.5px;
            font-weight: 900;
            text-decoration: none !important;
            transition: .2s ease;
        }

        .sh-market-banner-primary {
            color: #fff !important;
            background: linear-gradient(135deg, #ff5a1f, #ff7a27);
            box-shadow: 0 12px 28px rgba(255,90,31,.22);
        }

        .sh-market-banner-secondary {
            border: 1px solid rgba(255,255,255,.20);
            color: #fff !important;
            background: rgba(255,255,255,.07);
            backdrop-filter: blur(8px);
        }

        .sh-market-banner-actions a:hover {
            transform: translateY(-2px);
        }

        .sh-market-banner-trust {
            display: flex;
            flex-wrap: wrap;
            gap: 7px;
            margin-top: 18px;
        }

        .sh-market-banner-trust span {
            display: inline-flex;
            align-items: center;
            gap: 5px;
            padding: 6px 8px;
            border: 1px solid rgba(255,255,255,.11);
            border-radius: 8px;
            color: rgba(255,255,255,.67);
            background: rgba(255,255,255,.045);
            font-size: 6.5px;
            font-weight: 700;
        }

        .sh-market-banner-trust i {
            color: #ff7a27;
        }

        .sh-market-banner-visual {
            position: relative;
            min-height: 300px;
        }

        .sh-market-visual-ring {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 290px;
            height: 290px;
            border: 1px solid rgba(255,255,255,.13);
            border-radius: 50%;
            transform: translate(-50%, -50%);
        }

        .sh-market-visual-ring::before,
        .sh-market-visual-ring::after {
            position: absolute;
            border: 1px dashed rgba(255,255,255,.11);
            border-radius: 50%;
            content: "";
        }

        .sh-market-visual-ring::before {
            inset: 28px;
        }

        .sh-market-visual-ring::after {
            inset: 72px;
        }

        .sh-market-visual-logo {
            position: absolute;
            z-index: 3;
            top: 50%;
            left: 50%;
            display: grid;
            width: 185px;
            height: 185px;
            place-items: center;
            border: 1px solid rgba(255,255,255,.16);
            border-radius: 50%;
            background:
                radial-gradient(circle at 35% 28%, rgba(255,255,255,.14), transparent 35%),
                rgba(51,19,12,.48);
            box-shadow: 0 28px 65px rgba(0,0,0,.30);
            transform: translate(-50%, -50%);
            backdrop-filter: blur(10px);
        }

        .sh-market-visual-logo img {
            width: 143px;
            max-height: 135px;
            object-fit: contain;
            filter: drop-shadow(0 15px 22px rgba(0,0,0,.25));
        }

        .sh-market-visual-chip {
            position: absolute;
            z-index: 5;
            display: flex;
            min-width: 132px;
            align-items: center;
            gap: 7px;
            padding: 8px;
            border: 1px solid rgba(255,255,255,.16);
            border-radius: 12px;
            color: #fff;
            background: rgba(22,15,13,.68);
            box-shadow: 0 14px 34px rgba(0,0,0,.21);
            backdrop-filter: blur(10px);
            animation: shMarketFloat 4.3s ease-in-out infinite;
        }

        .sh-market-visual-chip i {
            display: grid;
            width: 31px;
            height: 31px;
            flex: 0 0 31px;
            place-items: center;
            border-radius: 9px;
            color: #fff;
            background: linear-gradient(135deg, #ff5a1f, #ff7a27);
            font-size: 11px;
        }

        .sh-market-visual-chip strong,
        .sh-market-visual-chip small {
            display: block;
        }

        .sh-market-visual-chip strong {
            margin-bottom: 2px;
            font-size: 7.5px;
            font-weight: 900;
        }

        .sh-market-visual-chip small {
            color: rgba(255,255,255,.55);
            font-size: 5.8px;
        }

        .sh-market-chip-one {
            top: 22px;
            inset-inline-start: 0;
        }

        .sh-market-chip-two {
            top: 134px;
            inset-inline-end: -8px;
            animation-delay: -1.5s;
        }

        .sh-market-chip-three {
            bottom: 8px;
            inset-inline-start: 12px;
            animation-delay: -2.8s;
        }

        @keyframes shMarketFloat {
            0%,100% { transform: translateY(0); }
            50% { transform: translateY(-7px); }
        }

        @media (max-width: 1100px) {
            .sh-market-search-box {
                grid-template-columns: minmax(0, 1fr) 460px;
            }

            .sh-market-search-form {
                grid-template-columns: 125px minmax(0, 1fr) 108px;
            }

            .sh-market-method {
                padding-inline: 6px;
            }

            .sh-market-method small {
                display: none;
            }
        }

        @media (max-width: 991px) {
            .sh-market-hero.sh-v2-hero.container-fold {
                min-height: auto !important;
            }

            .sh-market-search-box {
                grid-template-columns: 1fr;
            }

            .sh-market-search-methods {
                order: 2;
            }

            .sh-market-banner {
                min-height: 390px;
                padding: 40px 0 45px;
            }

            .sh-market-banner-grid {
                grid-template-columns: 1fr;
            }

            .sh-market-banner-visual {
                display: none;
            }
        }

        @media (max-width: 680px) {
            .sh-market-search-dock {
                padding: 9px 0;
            }

            .sh-market-search-dock .container,
            .sh-market-banner .container {
                width: min(100% - 22px, 1180px);
            }

            .sh-market-search-form {
                grid-template-columns: 1fr 84px;
                min-height: 52px;
            }

            .sh-market-search-current {
                grid-column: 1 / -1;
                min-height: 37px;
                border-inline-end: 0;
                border-bottom: 1px solid #e8ebf0;
            }

            .sh-market-search-input input {
                height: 51px;
            }

            .sh-market-search-methods {
                display: flex;
                gap: 6px;
                overflow-x: auto;
                padding-bottom: 2px;
                scrollbar-width: none;
            }

            .sh-market-search-methods::-webkit-scrollbar {
                display: none;
            }

            .sh-market-method {
                min-width: 118px;
                flex: 0 0 118px;
            }

            .sh-market-method small {
                display: block;
            }

            .sh-market-search-hint {
                min-height: 34px;
            }

            .sh-market-banner {
                min-height: 370px;
                padding-top: 38px;
            }

            .sh-market-banner h1 {
                font-size: 37px;
            }

            .sh-market-banner-copy > p {
                font-size: 10.5px;
            }
        }

    
        /* =====================================================
           Final desktop layout: search + five methods in one row
           ===================================================== */
        @media (min-width: 992px) {
            .sh-market-search-dock {
                padding: 10px 0 !important;
            }

            .sh-market-search-box {
                grid-template-columns:
                    minmax(560px, 1.28fr)
                    minmax(470px, .92fr) !important;
                gap: 10px !important;
                align-items: center !important;
            }

            .sh-market-search-main {
                min-width: 0;
            }

            .sh-market-search-form {
                min-height: 56px !important;
                grid-template-columns:
                    136px
                    minmax(0, 1fr)
                    118px !important;
            }

            .sh-market-search-current {
                min-width: 0;
                padding-inline: 11px !important;
            }

            .sh-market-search-input input {
                height: 54px !important;
            }

            .sh-market-search-methods {
                grid-template-columns: repeat(5, minmax(82px, 1fr)) !important;
                gap: 6px !important;
                min-width: 0;
            }

            .sh-market-method {
                min-width: 0;
                min-height: 56px !important;
                padding: 6px !important;
                gap: 6px !important;
            }

            .sh-market-method-icon {
                width: 30px !important;
                height: 30px !important;
                flex-basis: 30px !important;
            }

            .sh-market-method strong {
                font-size: 7px !important;
            }

            .sh-market-method small {
                display: block !important;
                font-size: 5.2px !important;
            }

            /*
             * The automatic explanation still works through:
             * - the selected method title
             * - the short text
             * - the changing input placeholder
             * This removes the second visual row.
             */
            .sh-market-search-hint {
                display: none !important;
            }
        }

        @media (min-width: 992px) and (max-width: 1180px) {
            .sh-market-search-box {
                grid-template-columns:
                    minmax(500px, 1.18fr)
                    minmax(430px, .92fr) !important;
            }

            .sh-market-search-form {
                grid-template-columns:
                    120px
                    minmax(0, 1fr)
                    104px !important;
            }

            .sh-market-method small {
                display: none !important;
            }
        }

    
        /* =====================================================
           SperHub V2 — Noon-inspired marketplace header
           ===================================================== */

        .sh-noon-header{
            position:relative;
            z-index:40;
            border:0;
            background:#ff641f;
            box-shadow:0 12px 34px rgba(50,18,8,.20)
        }

        .sh-noon-header .container{
            width:min(1240px,calc(100% - 28px));
            padding:0
        }

        .sh-noon-topbar{
            display:grid;
            grid-template-columns:112px 112px minmax(420px,1fr) auto;
            min-height:76px;
            align-items:center;
            gap:12px
        }

        body.rtl .sh-noon-topbar{
            direction:rtl
        }

        .sh-noon-logo{
            display:flex;
            height:60px;
            align-items:center;
            justify-content:center
        }

        .sh-noon-logo img{
            display:block;
            width:94px;
            max-height:56px;
            object-fit:contain;
            filter:drop-shadow(0 8px 17px rgba(81,20,3,.22))
        }

        .sh-noon-location{
            display:flex;
            min-width:0;
            align-items:center;
            gap:8px;
            padding:8px 10px;
            border:1px solid rgba(255,255,255,.25);
            border-radius:12px;
            color:#fff!important;
            background:rgba(255,255,255,.10);
            text-decoration:none!important;
            transition:.2s ease
        }

        .sh-noon-location:hover{
            border-color:#fff;
            background:rgba(255,255,255,.18);
            transform:translateY(-1px)
        }

        .sh-noon-location>i{
            font-size:16px
        }

        .sh-noon-location strong,
        .sh-noon-location small{
            display:block;
            overflow:hidden;
            text-overflow:ellipsis;
            white-space:nowrap
        }

        .sh-noon-location strong{
            margin-bottom:2px;
            font-size:9px;
            font-weight:900
        }

        .sh-noon-location small{
            color:rgba(255,255,255,.70);
            font-size:6.5px
        }

        /* Search rectangle */

        .sh-noon-search{
            display:grid;
            grid-template-columns:auto minmax(220px,1fr) 105px;
            min-width:0;
            min-height:58px;
            overflow:visible;
            border:2px solid rgba(255,255,255,.92);
            border-radius:17px;
            background:#fff;
            box-shadow:0 13px 30px rgba(85,25,5,.18)
        }

        body.rtl .sh-noon-search{
            direction:rtl
        }

        .sh-noon-methods{
            display:flex;
            align-items:center;
            gap:4px;
            padding:6px;
            border-inline-end:1px solid #e8ebef;
            background:#fafbfc;
            border-radius:15px 0 0 15px
        }

        body.rtl .sh-noon-methods{
            border-radius:0 15px 15px 0
        }

        .sh-noon-method{
            position:relative;
            display:grid;
            width:38px;
            height:38px;
            flex:0 0 38px;
            place-items:center;
            padding:0;
            border:1px solid #e1e6ec;
            border-radius:11px;
            color:#6f7989;
            background:#fff;
            cursor:pointer;
            transition:.2s ease
        }

        .sh-noon-method:hover{
            border-color:rgba(255,90,31,.48);
            color:#ff5a1f;
            background:#fff5f0;
            transform:translateY(-2px)
        }

        .sh-noon-method.is-active{
            border-color:#ff5a1f;
            color:#fff;
            background:linear-gradient(135deg,#ff5a1f,#ff7a27);
            box-shadow:0 8px 18px rgba(255,90,31,.25)
        }

        .sh-noon-method-premium::before{
            position:absolute;
            top:-5px;
            inset-inline-end:-4px;
            display:grid;
            width:15px;
            height:15px;
            place-items:center;
            border:2px solid #fff;
            border-radius:50%;
            color:#fff;
            background:#172033;
            font-family:FontAwesome;
            font-size:6px;
            content:"\f219"
        }

        .sh-noon-method::after{
            position:absolute;
            z-index:30;
            top:calc(100% + 10px);
            left:50%;
            width:max-content;
            max-width:180px;
            padding:7px 9px;
            border-radius:8px;
            color:#fff;
            background:#172033;
            box-shadow:0 10px 25px rgba(23,32,51,.20);
            content:attr(data-tip);
            font-size:7px;
            font-weight:800;
            line-height:1.55;
            opacity:0;
            pointer-events:none;
            text-align:center;
            transform:translate(-50%,-5px);
            transition:.18s ease
        }

        .sh-noon-method:hover::after{
            opacity:1;
            transform:translate(-50%,0)
        }

        .sh-noon-search-core{
            position:relative;
            min-width:0;
            padding:5px 10px 4px
        }

        .sh-noon-search-line{
            display:flex;
            min-width:0;
            align-items:center;
            gap:8px
        }

        .sh-noon-search-current{
            display:inline-flex;
            min-width:88px;
            max-width:125px;
            flex:0 0 auto;
            align-items:center;
            gap:6px;
            padding:5px 7px;
            border-radius:9px;
            color:#172033;
            background:#f3f5f8
        }

        .sh-noon-search-current>i{
            color:#ff5a1f;
            font-size:10px
        }

        .sh-noon-search-current strong{
            overflow:hidden;
            font-size:7px;
            font-weight:900;
            text-overflow:ellipsis;
            white-space:nowrap
        }

        .sh-noon-search-input{
            position:relative;
            min-width:0;
            flex:1
        }

        .sh-noon-search-input>i{
            position:absolute;
            top:50%;
            inset-inline-start:3px;
            color:#7e8898;
            font-size:13px;
            transform:translateY(-50%);
            pointer-events:none
        }

        .sh-noon-search-input input{
            width:100%;
            height:31px;
            padding:0 7px;
            padding-inline-start:25px;
            border:0;
            color:#172033;
            background:transparent;
            font-size:11px;
            font-weight:600;
            outline:none
        }

        .sh-noon-search-input input::placeholder{
            color:#9aa3b2;
            font-weight:500
        }

        .sh-noon-search-input input[readonly]{
            cursor:pointer
        }

        .sh-noon-search-hint{
            display:flex;
            min-width:0;
            align-items:center;
            gap:5px;
            margin-top:2px;
            padding-inline:4px;
            color:#8a93a2;
            font-size:6.4px;
            line-height:1.45
        }

        .sh-noon-search-hint>i{
            flex:0 0 auto;
            color:#ff5a1f
        }

        .sh-noon-search-hint strong{
            color:#566174;
            font-weight:900
        }

        .sh-noon-search-hint-text{
            overflow:hidden;
            text-overflow:ellipsis;
            white-space:nowrap
        }

        .sh-noon-search-progress{
            position:relative;
            width:40px;
            height:2px;
            flex:0 0 40px;
            margin-inline-start:auto;
            overflow:hidden;
            border-radius:999px;
            background:#e1e5eb
        }

        .sh-noon-search-progress span{
            display:block;
            width:100%;
            height:100%;
            border-radius:inherit;
            background:linear-gradient(90deg,#ff5a1f,#ff7a27);
            transform-origin:right center;
            animation:shNoonSearchProgress 4s linear infinite
        }

        body.ltr .sh-noon-search-progress span{
            transform-origin:left center
        }

        .sh-noon-header.is-paused .sh-noon-search-progress span{
            animation-play-state:paused
        }

        @keyframes shNoonSearchProgress{
            from{transform:scaleX(0)}
            to{transform:scaleX(1)}
        }

        .sh-noon-search-submit{
            display:inline-flex;
            align-items:center;
            justify-content:center;
            gap:7px;
            padding:0 10px;
            border:0;
            border-radius:14px 0 0 14px;
            color:#fff;
            background:#172033;
            font-size:8px;
            font-weight:900;
            cursor:pointer;
            transition:.2s ease
        }

        body.ltr .sh-noon-search-submit{
            border-radius:0 14px 14px 0
        }

        .sh-noon-search-submit:hover{
            background:#26334a
        }

        /* Header actions */

        .sh-noon-actions{
            display:flex;
            align-items:center;
            justify-content:flex-end;
            gap:3px;
            margin:0;
            padding:0;
            list-style:none;
            white-space:nowrap
        }

        .sh-noon-action{
            position:relative
        }

        .sh-noon-action>a{
            display:flex;
            min-height:44px;
            align-items:center;
            justify-content:center;
            gap:5px;
            padding:0 8px;
            border-radius:10px;
            color:#fff!important;
            background:transparent;
            font-size:7px;
            font-weight:900;
            text-decoration:none!important;
            transition:.18s ease
        }

        .sh-noon-action>a:hover{
            background:rgba(255,255,255,.14);
            transform:translateY(-1px)
        }

        .sh-noon-action>a>i{
            font-size:15px
        }

        .sh-noon-action .badge-notify{
            position:absolute;
            z-index:3;
            top:1px;
            inset-inline-end:1px;
            display:grid;
            min-width:16px;
            height:16px;
            place-items:center;
            padding:0 3px;
            border:2px solid #ff641f;
            border-radius:999px;
            color:#fff;
            background:#172033;
            font-size:6px
        }

        .sh-noon-account{
            min-width:74px
        }

        .sh-noon-account span{
            max-width:70px;
            overflow:hidden;
            text-overflow:ellipsis;
            white-space:nowrap
        }

        /* Navigation row like marketplace category links */

        .sh-noon-navrow{
            border-top:1px solid rgba(255,255,255,.18);
            background:#fff
        }

        .sh-noon-navlinks{
            display:flex;
            min-height:39px;
            align-items:center;
            justify-content:center;
            gap:4px;
            margin:0;
            padding:0;
            list-style:none
        }

        .sh-noon-navlinks a{
            display:flex;
            min-height:39px;
            align-items:center;
            padding:0 16px;
            color:#172033!important;
            font-size:8px;
            font-weight:900;
            text-decoration:none!important;
            transition:.18s ease
        }

        .sh-noon-navlinks a:hover,
        .sh-noon-navlinks li.active a{
            color:#ff5a1f!important;
            background:#fff4ee
        }

        .sh-noon-navlinks i{
            margin-inline-end:5px;
            color:#ff5a1f
        }

        /* Keep dropdowns usable */

        .sh-noon-header .cartpopover{
            top:48px
        }

        .sh-noon-header .dropdown-menu{
            margin-top:0;
            border:0;
            border-radius:14px;
            box-shadow:0 18px 45px rgba(23,32,51,.18)
        }

        /* Hero starts directly under the marketplace header */

        .sh-market-hero.sh-v2-hero.container-fold{
            min-height:650px!important
        }

        .sh-market-banner{
            min-height:500px
        }

        @media(max-width:1200px){
            .sh-noon-topbar{
                grid-template-columns:95px 92px minmax(380px,1fr) auto;
                gap:8px
            }

            .sh-noon-search{
                grid-template-columns:auto minmax(190px,1fr) 88px
            }

            .sh-noon-method{
                width:34px;
                height:34px;
                flex-basis:34px
            }

            .sh-noon-action>a{
                padding-inline:5px
            }

            .sh-noon-action>a span{
                display:none
            }

            .sh-noon-account{
                min-width:auto
            }
        }

        @media(max-width:991px){
            .sh-noon-topbar{
                grid-template-columns:90px minmax(0,1fr) auto;
                padding:8px 0
            }

            .sh-noon-location{
                display:none
            }

            .sh-noon-search{
                grid-column:1 / -1;
                grid-row:2;
                order:5
            }

            .sh-noon-actions{
                justify-content:flex-end
            }

            .sh-noon-navlinks{
                justify-content:flex-start;
                overflow-x:auto;
                scrollbar-width:none
            }

            .sh-noon-navlinks::-webkit-scrollbar{
                display:none
            }

            .sh-noon-navlinks a{
                white-space:nowrap
            }
        }

        @media(max-width:650px){
            .sh-noon-header .container{
                width:min(100% - 16px,1240px)
            }

            .sh-noon-topbar{
                grid-template-columns:72px minmax(0,1fr)
            }

            .sh-noon-actions{
                gap:0
            }

            .sh-noon-action:nth-child(2),
            .sh-noon-action:nth-child(3){
                display:none
            }

            .sh-noon-search{
                grid-template-columns:1fr 72px;
                min-height:auto
            }

            .sh-noon-methods{
                grid-column:1 / -1;
                justify-content:center;
                border-inline-end:0;
                border-bottom:1px solid #e8ebef;
                border-radius:15px 15px 0 0!important
            }

            .sh-noon-search-core{
                min-width:0
            }

            .sh-noon-search-current{
                min-width:68px;
                max-width:86px
            }

            .sh-noon-search-current strong{
                font-size:6px
            }

            .sh-noon-search-hint-text{
                max-width:170px
            }

            .sh-noon-search-submit{
                border-radius:0 0 0 14px
            }

            body.ltr .sh-noon-search-submit{
                border-radius:0 0 14px 0
            }

            .sh-market-banner{
                min-height:400px
            }
        }

    
        /* =====================================================
           Product-section navigation
           ===================================================== */

        .sh-product-sections-nav{
            border-top:1px solid #edf0f4!important;
            border-bottom:1px solid #e6eaf0!important;
            background:#fff!important
        }

        .sh-product-sections-scroll{
            display:flex;
            min-height:46px;
            align-items:center;
            justify-content:space-between;
            gap:2px;
            overflow-x:auto;
            scrollbar-width:none
        }

        .sh-product-sections-scroll::-webkit-scrollbar{
            display:none
        }

        .sh-product-sections-scroll>a{
            position:relative;
            display:inline-flex;
            min-height:46px;
            flex:0 0 auto;
            align-items:center;
            justify-content:center;
            gap:6px;
            padding:0 13px;
            color:#172033!important;
            background:transparent;
            font-size:8px;
            font-weight:900;
            text-decoration:none!important;
            white-space:nowrap;
            transition:.18s ease
        }

        .sh-product-sections-scroll>a::after{
            position:absolute;
            right:20%;
            bottom:0;
            left:20%;
            height:3px;
            border-radius:999px 999px 0 0;
            background:#ff5a1f;
            content:"";
            opacity:0;
            transform:scaleX(.3);
            transition:.18s ease
        }

        .sh-product-sections-scroll>a:hover,
        .sh-product-sections-scroll>a.is-active{
            color:#ff5a1f!important;
            background:#fff5ef
        }

        .sh-product-sections-scroll>a:hover::after,
        .sh-product-sections-scroll>a.is-active::after{
            opacity:1;
            transform:scaleX(1)
        }

        .sh-product-sections-scroll i{
            color:#ff5a1f;
            font-size:10px
        }

        /* =====================================================
           Finance advertisement
           ===================================================== */

        .sh-market-hero.sh-v2-hero.container-fold{
            min-height:auto!important;
            background:none!important
        }

        .sh-market-hero::before,
        .sh-market-hero::after{
            display:none!important
        }

        .sh-finance-banner{
            position:relative;
            padding:14px 0 17px;
            overflow:hidden;
            background:#f5f7fa
        }

        .sh-finance-banner .container{
            width:min(1240px,calc(100% - 28px));
            padding:0
        }

        .sh-finance-banner-inner{
            position:relative;
            display:grid;
            grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);
            min-height:190px;
            align-items:center;
            gap:35px;
            overflow:hidden;
            padding:25px 40px;
            border:1px solid rgba(23,32,51,.08);
            border-radius:22px;
            color:#fff;
            background:
                radial-gradient(circle at 82% 24%,rgba(82,255,216,.24),transparent 23%),
                radial-gradient(circle at 63% 110%,rgba(255,122,39,.40),transparent 33%),
                linear-gradient(110deg,#081d44 0%,#0c2d64 48%,#0d3a79 100%);
            box-shadow:0 17px 45px rgba(16,42,82,.16)
        }

        .sh-finance-banner-inner::before{
            position:absolute;
            inset:0;
            opacity:.09;
            background-image:
                linear-gradient(rgba(255,255,255,.13) 1px,transparent 1px),
                linear-gradient(90deg,rgba(255,255,255,.13) 1px,transparent 1px);
            background-size:30px 30px;
            content:"";
            pointer-events:none
        }

        .sh-finance-copy{
            position:relative;
            z-index:3;
            max-width:660px
        }

        .sh-finance-kicker{
            display:inline-flex;
            align-items:center;
            gap:6px;
            margin-bottom:8px;
            padding:5px 8px;
            border:1px solid rgba(255,255,255,.17);
            border-radius:999px;
            color:#bfffea;
            background:rgba(255,255,255,.07);
            font-size:7px;
            font-weight:900
        }

        .sh-finance-copy h1{
            margin:0;
            color:#fff;
            font-size:35px;
            font-weight:900;
            line-height:1.16
        }

        .sh-finance-copy h1 span{
            color:#ffb11b
        }

        .sh-finance-copy p{
            max-width:560px;
            margin:9px 0 0;
            color:rgba(255,255,255,.68);
            font-size:9px;
            line-height:1.75
        }

        .sh-finance-cta{
            display:inline-flex;
            min-height:38px;
            align-items:center;
            justify-content:center;
            gap:7px;
            margin-top:13px;
            padding:0 13px;
            border-radius:10px;
            color:#172033!important;
            background:#ffd814;
            box-shadow:0 10px 22px rgba(255,216,20,.18);
            font-size:8px;
            font-weight:900;
            text-decoration:none!important;
            transition:.18s ease
        }

        .sh-finance-cta:hover{
            transform:translateY(-2px)
        }

        .sh-finance-visual{
            position:relative;
            z-index:3;
            min-height:145px
        }

        .sh-finance-card{
            position:absolute;
            top:50%;
            left:50%;
            width:205px;
            height:120px;
            padding:17px;
            border:1px solid rgba(255,255,255,.20);
            border-radius:19px;
            color:#fff;
            background:
                radial-gradient(circle at 80% 14%,rgba(255,255,255,.18),transparent 26%),
                linear-gradient(135deg,#ff5a1f,#ff7b25);
            box-shadow:0 24px 48px rgba(0,0,0,.25);
            transform:translate(-50%,-50%) rotate(-5deg)
        }

        .sh-finance-card-chip{
            display:block;
            width:31px;
            height:23px;
            border-radius:6px;
            background:linear-gradient(135deg,#ffe073,#e8ad21)
        }

        .sh-finance-card-lines{
            display:flex;
            gap:5px;
            margin-top:14px
        }

        .sh-finance-card-lines span{
            width:27px;
            height:4px;
            border-radius:999px;
            background:rgba(255,255,255,.65)
        }

        .sh-finance-card strong,
        .sh-finance-card small{
            display:block
        }

        .sh-finance-card strong{
            margin-top:15px;
            font-size:16px;
            font-weight:900
        }

        .sh-finance-card small{
            margin-top:2px;
            color:rgba(255,255,255,.66);
            font-size:6px
        }

        .sh-finance-provider{
            position:absolute;
            z-index:4;
            display:flex;
            min-width:120px;
            flex-direction:column;
            padding:10px 12px;
            border-radius:13px;
            color:#172033;
            background:#fff;
            box-shadow:0 15px 32px rgba(0,0,0,.20);
            animation:shFinanceFloat 4s ease-in-out infinite
        }

        .sh-finance-provider span{
            font-size:15px;
            font-weight:900;
            letter-spacing:-.5px
        }

        .sh-finance-provider small{
            margin-top:2px;
            color:#7c8696;
            font-size:5.8px;
            font-weight:700
        }

        .sh-finance-tabby{
            top:6px;
            inset-inline-start:0;
            border-inline-start:5px solid #34f0c0
        }

        .sh-finance-tamara{
            right:0;
            bottom:2px;
            border-inline-start:5px solid #ff708d;
            animation-delay:-2s
        }

        .sh-finance-part{
            position:absolute;
            z-index:2;
            display:grid;
            place-items:center;
            border:1px solid rgba(255,255,255,.14);
            border-radius:50%;
            color:rgba(255,255,255,.80);
            background:rgba(255,255,255,.06)
        }

        .sh-finance-part-one{
            top:12px;
            inset-inline-end:18px;
            width:48px;
            height:48px;
            font-size:20px
        }

        .sh-finance-part-two{
            bottom:10px;
            inset-inline-start:35px;
            width:40px;
            height:40px;
            font-size:16px
        }

        .sh-finance-note{
            position:absolute;
            z-index:5;
            right:18px;
            bottom:8px;
            left:18px;
            display:flex;
            align-items:center;
            gap:5px;
            color:rgba(255,255,255,.45);
            font-size:5.5px
        }

        .sh-finance-note i{
            color:#82f5d6
        }

        @keyframes shFinanceFloat{
            0%,100%{transform:translateY(0)}
            50%{transform:translateY(-7px)}
        }

        @media(max-width:991px){
            .sh-finance-banner-inner{
                grid-template-columns:1fr;
                min-height:310px;
                padding:25px
            }

            .sh-finance-copy{
                max-width:none
            }

            .sh-finance-visual{
                min-height:130px
            }
        }

        @media(max-width:650px){
            .sh-product-sections-scroll{
                justify-content:flex-start
            }

            .sh-product-sections-scroll>a{
                padding-inline:11px
            }

            .sh-finance-banner{
                padding:10px 0 13px
            }

            .sh-finance-banner .container{
                width:min(100% - 16px,1240px)
            }

            .sh-finance-banner-inner{
                min-height:340px;
                padding:21px 18px 28px
            }

            .sh-finance-copy h1{
                font-size:29px
            }

            .sh-finance-card{
                width:180px;
                height:108px
            }

            .sh-finance-provider{
                min-width:105px
            }
        }

    
        /* =====================================================
           SperHub promotional slider — 6 campaigns
           ===================================================== */

        .sh-promo-slider-section{
            padding:14px 0 17px;
            overflow:hidden;
            background:#f5f7fa
        }

        .sh-promo-slider-section .container{
            width:min(1240px,calc(100% - 28px));
            padding:0
        }

        .sh-promo-slider{
            position:relative;
            min-height:210px;
            overflow:hidden;
            border-radius:22px;
            box-shadow:0 18px 48px rgba(23,32,51,.15)
        }

        .sh-promo-stage{
            position:relative;
            min-height:210px
        }

        .sh-promo-slide{
            position:absolute;
            inset:0;
            display:grid;
            grid-template-columns:minmax(0,1.05fr) minmax(350px,.95fr);
            min-height:210px;
            align-items:center;
            gap:34px;
            overflow:hidden;
            padding:27px 48px 31px;
            color:#fff;
            opacity:0;
            pointer-events:none;
            transform:translateX(38px) scale(.985);
            transition:
                opacity .55s ease,
                transform .65s cubic-bezier(.22,.8,.28,1)
        }

        body.rtl .sh-promo-slide{
            transform:translateX(-38px) scale(.985)
        }

        .sh-promo-slide.is-active,
        body.rtl .sh-promo-slide.is-active,
        body.ltr .sh-promo-slide.is-active{
            z-index:3;
            width:100%;
            height:100%;
            opacity:1;
            pointer-events:auto;
            transform:translate3d(0,0,0) scale(1)
        }


        .sh-promo-stage,
        .sh-promo-slide{
            width:100%
        }

        .sh-promo-slider{
            background:#172033
        }

        .sh-promo-slide::before{
            position:absolute;
            inset:0;
            opacity:.075;
            background-image:
                linear-gradient(rgba(255,255,255,.15) 1px,transparent 1px),
                linear-gradient(90deg,rgba(255,255,255,.15) 1px,transparent 1px);
            background-size:30px 30px;
            content:"";
            pointer-events:none
        }

        .sh-promo-slide-installments{
            background:
                radial-gradient(circle at 82% 20%,rgba(65,255,212,.25),transparent 24%),
                radial-gradient(circle at 62% 110%,rgba(255,113,34,.39),transparent 32%),
                linear-gradient(110deg,#081d44,#0c2d64 48%,#0c3b7b)
        }

        .sh-promo-slide-code{
            color:#172033;
            background:
                radial-gradient(circle at 80% 5%,rgba(255,255,255,.68),transparent 24%),
                linear-gradient(110deg,#ffd814,#ffbf13)
        }

        .sh-promo-slide-bank{
            background:
                radial-gradient(circle at 84% 14%,rgba(107,98,255,.34),transparent 27%),
                linear-gradient(115deg,#17144b,#29206e 55%,#46349b)
        }

        .sh-promo-slide-deals{
            color:#172033;
            background:
                radial-gradient(circle at 82% 18%,rgba(255,255,255,.72),transparent 27%),
                linear-gradient(115deg,#bff4d0,#79e5ad)
        }

        .sh-promo-slide-shipping{
            background:
                radial-gradient(circle at 83% 14%,rgba(255,230,105,.36),transparent 28%),
                linear-gradient(115deg,#a72c00,#e84b0c 58%,#ff6b1d)
        }

        .sh-promo-slide-request{
            background:
                radial-gradient(circle at 84% 17%,rgba(255,105,130,.26),transparent 25%),
                linear-gradient(115deg,#172033,#26344d 55%,#3e4960)
        }

        .sh-promo-copy{
            position:relative;
            z-index:4;
            max-width:650px
        }

        .sh-promo-kicker{
            display:inline-flex;
            align-items:center;
            gap:6px;
            margin-bottom:7px;
            padding:5px 8px;
            border:1px solid rgba(255,255,255,.17);
            border-radius:999px;
            color:#c8ffef;
            background:rgba(255,255,255,.07);
            font-size:7px;
            font-weight:900
        }

        .sh-promo-slide-code .sh-promo-kicker,
        .sh-promo-slide-deals .sh-promo-kicker{
            border-color:rgba(23,32,51,.10);
            color:#172033;
            background:rgba(255,255,255,.42)
        }

        .sh-promo-copy h2{
            margin:0;
            color:inherit;
            font-size:34px;
            font-weight:900;
            line-height:1.15
        }

        .sh-promo-copy h2 span{
            color:#ffb11b
        }

        .sh-promo-slide-code .sh-promo-copy h2 span{
            color:#ff5a1f
        }

        .sh-promo-slide-deals .sh-promo-copy h2 span{
            color:#087655
        }

        .sh-promo-copy p{
            max-width:560px;
            margin:8px 0 0;
            color:rgba(255,255,255,.68);
            font-size:9px;
            line-height:1.72
        }

        .sh-promo-slide-code .sh-promo-copy p,
        .sh-promo-slide-deals .sh-promo-copy p{
            color:rgba(23,32,51,.67)
        }

        .sh-promo-cta{
            display:inline-flex;
            min-height:38px;
            align-items:center;
            justify-content:center;
            gap:7px;
            margin-top:12px;
            padding:0 13px;
            border:0;
            border-radius:10px;
            font-size:8px;
            font-weight:900;
            text-decoration:none!important;
            cursor:pointer;
            transition:.2s ease
        }

        .sh-promo-cta:hover{
            transform:translateY(-2px)
        }

        .sh-promo-cta-yellow{
            color:#172033!important;
            background:#ffd814
        }

        .sh-promo-cta-light{
            color:#172033!important;
            background:#fff
        }

        .sh-promo-cta-dark{
            color:#fff!important;
            background:#172033
        }

        .sh-promo-code-button{
            color:#fff;
            background:#172033
        }

        .sh-promo-visual{
            position:relative;
            z-index:4;
            min-height:150px
        }

        .sh-promo-disclaimer{
            position:absolute;
            z-index:5;
            right:18px;
            bottom:8px;
            left:18px;
            display:flex;
            align-items:center;
            gap:5px;
            color:rgba(255,255,255,.47);
            font-size:5.5px
        }

        .sh-promo-slide-code .sh-promo-disclaimer,
        .sh-promo-slide-deals .sh-promo-disclaimer{
            color:rgba(23,32,51,.48)
        }

        /* Installments visual */

        .sh-promo-credit-card{
            position:absolute;
            top:50%;
            left:50%;
            width:205px;
            height:120px;
            padding:17px;
            border:1px solid rgba(255,255,255,.20);
            border-radius:19px;
            background:
                radial-gradient(circle at 80% 14%,rgba(255,255,255,.18),transparent 26%),
                linear-gradient(135deg,#ff5a1f,#ff7b25);
            box-shadow:0 24px 48px rgba(0,0,0,.25);
            transform:translate(-50%,-50%) rotate(-5deg)
        }

        .sh-promo-card-chip{
            display:block;
            width:31px;
            height:23px;
            border-radius:6px;
            background:linear-gradient(135deg,#ffe073,#e8ad21)
        }

        .sh-promo-card-line{
            display:block;
            width:65px;
            height:4px;
            margin-top:15px;
            border-radius:999px;
            background:rgba(255,255,255,.70)
        }

        .sh-promo-credit-card strong,
        .sh-promo-credit-card small{
            display:block
        }

        .sh-promo-credit-card strong{
            margin-top:14px;
            font-size:16px;
            font-weight:900
        }

        .sh-promo-credit-card small{
            color:rgba(255,255,255,.68);
            font-size:6px
        }

        .sh-promo-provider{
            position:absolute;
            z-index:5;
            display:flex;
            min-width:120px;
            flex-direction:column;
            padding:10px 12px;
            border-radius:13px;
            color:#172033;
            background:#fff;
            box-shadow:0 15px 32px rgba(0,0,0,.20);
            animation:shPromoFloat 4s ease-in-out infinite
        }

        .sh-promo-provider strong{
            font-size:14px;
            font-weight:900
        }

        .sh-promo-provider small{
            color:#7c8696;
            font-size:5.8px
        }

        .sh-promo-provider-tabby{
            top:4px;
            inset-inline-start:0;
            border-inline-start:5px solid #34f0c0
        }

        .sh-promo-provider-tamara{
            right:0;
            bottom:1px;
            border-inline-start:5px solid #ff708d;
            animation-delay:-2s
        }

        /* Coupon visual */

        .sh-promo-coupon{
            position:absolute;
            top:50%;
            left:50%;
            display:flex;
            width:260px;
            min-height:118px;
            flex-direction:column;
            justify-content:center;
            padding:18px 27px;
            border:2px dashed #172033;
            border-radius:18px;
            color:#172033;
            background:#fff;
            box-shadow:0 22px 45px rgba(91,70,0,.18);
            transform:translate(-50%,-50%) rotate(3deg)
        }

        .sh-promo-coupon::before,
        .sh-promo-coupon::after{
            position:absolute;
            top:50%;
            width:25px;
            height:25px;
            border-radius:50%;
            background:#ffd814;
            content:"";
            transform:translateY(-50%)
        }

        .sh-promo-coupon::before{left:-14px}
        .sh-promo-coupon::after{right:-14px}

        .sh-promo-coupon small,
        .sh-promo-coupon strong,
        .sh-promo-coupon span{
            display:block
        }

        .sh-promo-coupon small{
            color:#777f8c;
            font-size:7px;
            font-weight:800
        }

        .sh-promo-coupon strong{
            margin:4px 0;
            color:#ff5a1f;
            font-size:25px;
            font-weight:900;
            letter-spacing:1px
        }

        .sh-promo-coupon span{
            font-size:7px;
            font-weight:800
        }

        .sh-promo-coupon>i{
            position:absolute;
            top:9px;
            inset-inline-end:11px;
            color:#172033
        }

        .sh-promo-code-spark{
            position:absolute;
            display:grid;
            place-items:center;
            border-radius:50%;
            color:#fff;
            background:#ff5a1f;
            box-shadow:0 12px 24px rgba(255,90,31,.25)
        }

        .sh-promo-code-spark-one{
            top:7px;
            inset-inline-start:15px;
            width:40px;
            height:40px
        }

        .sh-promo-code-spark-two{
            right:11px;
            bottom:4px;
            width:48px;
            height:48px;
            font-size:17px
        }

        /* Bank visual */

        .sh-promo-bank-building{
            position:absolute;
            top:50%;
            left:50%;
            display:grid;
            width:175px;
            height:118px;
            place-items:center;
            border:1px solid rgba(255,255,255,.20);
            border-radius:18px;
            color:#2a206e;
            background:#fff;
            box-shadow:0 23px 45px rgba(0,0,0,.23);
            transform:translate(-50%,-50%)
        }

        .sh-promo-bank-building i{
            font-size:45px
        }

        .sh-promo-bank-building strong{
            font-size:8px;
            font-weight:900
        }

        .sh-promo-month{
            position:absolute;
            z-index:5;
            display:grid;
            width:61px;
            height:61px;
            place-items:center;
            border:1px solid rgba(255,255,255,.18);
            border-radius:18px;
            color:#fff;
            background:rgba(255,255,255,.10);
            box-shadow:0 14px 28px rgba(0,0,0,.18);
            backdrop-filter:blur(8px);
            animation:shPromoFloat 4s ease-in-out infinite
        }

        .sh-promo-month strong,
        .sh-promo-month span{
            display:block;
            text-align:center
        }

        .sh-promo-month strong{
            font-size:19px;
            font-weight:900
        }

        .sh-promo-month span{
            margin-top:-10px;
            color:rgba(255,255,255,.66);
            font-size:5.5px
        }

        .sh-promo-month-one{top:5px;inset-inline-start:8px}
        .sh-promo-month-two{right:2px;top:31px;animation-delay:-1.4s}
        .sh-promo-month-three{bottom:1px;inset-inline-start:39px;animation-delay:-2.7s}

        /* Deals visual */

        .sh-promo-deal-tag{
            position:absolute;
            top:50%;
            left:50%;
            display:grid;
            width:175px;
            height:105px;
            place-items:center;
            border-radius:20px;
            color:#fff;
            background:#087655;
            box-shadow:0 22px 45px rgba(8,118,85,.25);
            transform:translate(-50%,-50%) rotate(-5deg)
        }

        .sh-promo-deal-tag i{
            font-size:31px
        }

        .sh-promo-deal-tag strong{
            font-size:16px;
            font-weight:900
        }

        .sh-promo-deal-part{
            position:absolute;
            display:grid;
            place-items:center;
            border-radius:16px;
            color:#172033;
            background:#fff;
            box-shadow:0 14px 28px rgba(23,32,51,.14);
            animation:shPromoFloat 4s ease-in-out infinite
        }

        .sh-promo-deal-part-one{
            top:5px;
            inset-inline-start:3px;
            width:59px;
            height:59px;
            font-size:25px
        }

        .sh-promo-deal-part-two{
            top:17px;
            right:4px;
            width:52px;
            height:52px;
            font-size:21px;
            animation-delay:-1.4s
        }

        .sh-promo-deal-part-three{
            bottom:2px;
            inset-inline-start:25px;
            width:49px;
            height:49px;
            font-size:18px;
            animation-delay:-2.6s
        }

        /* Shipping visual */

        .sh-promo-truck{
            position:absolute;
            top:50%;
            left:50%;
            display:grid;
            width:190px;
            height:92px;
            place-items:center;
            border-radius:20px;
            color:#e84b0c;
            background:#fff;
            box-shadow:0 22px 45px rgba(84,18,0,.23);
            font-size:67px;
            transform:translate(-50%,-50%)
        }

        .sh-promo-package{
            position:absolute;
            display:grid;
            place-items:center;
            border-radius:14px;
            color:#172033;
            background:#ffd814;
            box-shadow:0 13px 25px rgba(78,44,0,.18);
            animation:shPromoFloat 3.8s ease-in-out infinite
        }

        .sh-promo-package-one{
            top:3px;
            inset-inline-start:14px;
            width:54px;
            height:54px;
            font-size:22px
        }

        .sh-promo-package-two{
            right:7px;
            bottom:8px;
            width:47px;
            height:47px;
            font-size:18px;
            animation-delay:-1.8s
        }

        .sh-promo-road{
            position:absolute;
            right:8px;
            bottom:15px;
            left:8px;
            height:5px;
            border-radius:999px;
            background:repeating-linear-gradient(
                90deg,
                rgba(255,255,255,.85) 0 22px,
                transparent 22px 38px
            )
        }

        /* Request visual */

        .sh-promo-request-card{
            position:absolute;
            top:50%;
            left:50%;
            display:flex;
            width:170px;
            height:120px;
            flex-direction:column;
            justify-content:center;
            gap:9px;
            padding:20px;
            border-radius:19px;
            color:#172033;
            background:#fff;
            box-shadow:0 23px 45px rgba(0,0,0,.24);
            transform:translate(-50%,-50%) rotate(3deg)
        }

        .sh-promo-request-card>i{
            color:#ff5a1f;
            font-size:27px
        }

        .sh-promo-request-card>span{
            display:block;
            width:100%;
            height:5px;
            border-radius:999px;
            background:#e7eaf0
        }

        .sh-promo-request-card>span:last-child{
            width:60%
        }

        .sh-promo-request-search,
        .sh-promo-request-check{
            position:absolute;
            display:grid;
            place-items:center;
            border-radius:50%;
            color:#fff;
            box-shadow:0 14px 28px rgba(0,0,0,.20);
            animation:shPromoFloat 4s ease-in-out infinite
        }

        .sh-promo-request-search{
            top:8px;
            inset-inline-start:12px;
            width:55px;
            height:55px;
            background:#ff5a1f;
            font-size:21px
        }

        .sh-promo-request-check{
            right:10px;
            bottom:2px;
            width:48px;
            height:48px;
            background:#2bb673;
            font-size:17px;
            animation-delay:-2s
        }

        /* Slider controls */

        .sh-promo-control{
            position:absolute;
            z-index:12;
            top:50%;
            display:grid;
            width:38px;
            height:38px;
            place-items:center;
            padding:0;
            border:1px solid rgba(255,255,255,.30);
            border-radius:50%;
            color:#fff;
            background:rgba(23,32,51,.34);
            box-shadow:0 10px 25px rgba(0,0,0,.16);
            cursor:pointer;
            opacity:.70;
            transform:translateY(-50%);
            transition:.2s ease;
            backdrop-filter:blur(8px)
        }

        .sh-promo-slider:hover .sh-promo-control{
            opacity:1
        }

        .sh-promo-control:hover{
            color:#172033;
            background:#fff;
            transform:translateY(-50%) scale(1.05)
        }

        .sh-promo-control-prev{inset-inline-start:11px}
        .sh-promo-control-next{inset-inline-end:11px}

        .sh-promo-dots{
            position:absolute;
            z-index:14;
            right:0;
            bottom:10px;
            left:0;
            display:flex;
            align-items:center;
            justify-content:center;
            gap:5px
        }

        .sh-promo-dots button{
            width:7px;
            height:7px;
            padding:0;
            border:0;
            border-radius:999px;
            background:rgba(255,255,255,.45);
            cursor:pointer;
            transition:.22s ease
        }

        .sh-promo-slide-code~.sh-promo-dots button{
            background:rgba(23,32,51,.30)
        }

        .sh-promo-dots button.is-active{
            width:24px;
            background:#ffb11b
        }

        .sh-promo-progress{
            position:absolute;
            z-index:15;
            right:0;
            bottom:0;
            left:0;
            height:3px;
            background:rgba(255,255,255,.14)
        }

        .sh-promo-progress span{
            display:block;
            width:100%;
            height:100%;
            background:linear-gradient(90deg,#ffb11b,#ff5a1f);
            transform-origin:right center;
            animation:shPromoProgress 5.2s linear infinite
        }

        body.ltr .sh-promo-progress span{
            transform-origin:left center
        }

        .sh-promo-slider.is-paused .sh-promo-progress span{
            animation-play-state:paused
        }

        @keyframes shPromoProgress{
            from{transform:scaleX(0)}
            to{transform:scaleX(1)}
        }

        @keyframes shPromoFloat{
            0%,100%{transform:translateY(0)}
            50%{transform:translateY(-7px)}
        }

        @media(max-width:991px){
            .sh-promo-slider,
            .sh-promo-stage{
                min-height:340px
            }

            .sh-promo-slide{
                grid-template-columns:1fr;
                min-height:340px;
                gap:12px;
                padding:24px 46px 34px
            }

            .sh-promo-copy{
                max-width:none
            }

            .sh-promo-visual{
                min-height:125px
            }

            .sh-promo-copy h2{
                font-size:29px
            }
        }

        @media(max-width:650px){
            .sh-promo-slider-section{
                padding:10px 0 13px
            }

            .sh-promo-slider-section .container{
                width:min(100% - 16px,1240px)
            }

            .sh-promo-slider,
            .sh-promo-stage{
                min-height:390px
            }

            .sh-promo-slide{
                min-height:390px;
                padding:23px 28px 39px
            }

            .sh-promo-copy h2{
                font-size:26px
            }

            .sh-promo-control{
                width:33px;
                height:33px
            }

            .sh-promo-control-prev{inset-inline-start:5px}
            .sh-promo-control-next{inset-inline-end:5px}

            .sh-promo-coupon{
                width:225px
            }

            .sh-promo-credit-card{
                width:180px;
                height:108px
            }
        }

    
        /* =====================================================
           Actual browser location
           ===================================================== */

        button.sh-noon-location{
            width:100%;
            margin:0;
            font-family:inherit;
            cursor:pointer;
            text-align:start;
            outline:none
        }

        .sh-noon-location-live{
            position:relative;
            padding-inline-end:27px!important
        }

        .sh-noon-location-live:focus{
            border-color:#fff;
            box-shadow:0 0 0 3px rgba(255,255,255,.18)
        }

        .sh-noon-location-refresh{
            position:absolute;
            top:50%;
            inset-inline-end:8px;
            color:rgba(255,255,255,.70);
            font-size:8px;
            transform:translateY(-50%);
            transition:.2s ease
        }

        .sh-noon-location-live:hover .sh-noon-location-refresh{
            color:#fff;
            transform:translateY(-50%) rotate(90deg)
        }

        .sh-noon-location-live.is-loading{
            pointer-events:none
        }

        .sh-noon-location-live.is-loading [data-sh-location-icon]{
            animation:shLocationPulse 1s ease-in-out infinite
        }

        .sh-noon-location-live.is-loading .sh-noon-location-refresh{
            color:#fff;
            animation:shLocationSpin .8s linear infinite
        }

        .sh-noon-location-live.is-success [data-sh-location-icon]{
            color:#fff
        }

        .sh-noon-location-live.is-error{
            border-color:rgba(255,255,255,.48);
            background:rgba(107,20,5,.22)
        }

        @keyframes shLocationSpin{
            from{transform:translateY(-50%) rotate(0deg)}
            to{transform:translateY(-50%) rotate(360deg)}
        }

        @keyframes shLocationPulse{
            0%,100%{transform:scale(1)}
            50%{transform:scale(1.18)}
        }