:root {
            --deals-border: #ececec;
            --deals-shadow: 0 10px 24px rgba(18, 18, 18, 0.05);
            --deals-red: #ef3e36;
            --deals-red-soft: #fff4f2;
            --deals-text: #151515;
            --deals-muted: #777;
            --deals-card: #ffffff;
        }

        .deals-page {
            padding: 18px 0 46px;
            background: linear-gradient(180deg, #fff 0%, #fffdfb 100%);
        }

        .deals-shell {
            max-width: 1560px;
            width: 100%;
            margin: 0 auto;
            padding: 0 38px;
        }

        .deals-breadcrumb {
            margin-bottom: 16px;
            color: #808080;
            font-size: 13px;
        }

        .deals-breadcrumb a {
            color: #666;
            text-decoration: none;
        }

        .deals-breadcrumb span:last-child {
            color: #232323;
            font-weight: 600;
        }

        .deals-layout {
            display: grid;
            grid-template-columns: 250px minmax(0, 1fr);
            gap: 18px;
            align-items: start;
        }

        .deals-sidebar {
            display: flex;
            flex-direction: column;
            gap: 14px;
        }

        .deals-panel,
        .deals-hero,
        .deals-services,
        .deals-products-wrap,
        .deals-offer-band,
        .deals-category-wrap,
        .deals-bank-wrap,
        .deals-bottom-strip {
            background: var(--deals-card);
            border: 1px solid var(--deals-border);
            border-radius: 16px;
            box-shadow: var(--deals-shadow);
        }

        .deals-panel {
            padding: 22px 18px;
        }

        .deals-panel-title {
            margin: 0 0 18px;
            color: var(--deals-text);
            font-size: 17px;
            font-weight: 900;
            text-transform: uppercase;
        }

        .deals-link-list,
        .deals-filter-list {
            list-style: none;
            margin: 0;
            padding: 0;
        }

        .deals-link-list li + li,
        .deals-filter-list li + li {
            margin-top: 10px;
        }

        .deals-link-list a {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            color: #262626;
            text-decoration: none;
            font-size: 14px;
            font-weight: 700;
            padding: 6px 0 6px 12px;
            position: relative;
        }

        .deals-link-list a.is-active,
        .deals-link-list a:hover {
            color: var(--deals-red);
        }

        .deals-link-list a.is-active::before {
            content: '';
            position: absolute;
            left: 0;
            top: 3px;
            bottom: 3px;
            width: 3px;
            border-radius: 999px;
            background: var(--deals-red);
        }

        .deals-link-count {
            color: #9a9a9a;
            font-size: 13px;
            font-weight: 700;
        }

        .deals-filter-item {
            display: flex;
            align-items: center;
            gap: 10px;
            color: #2a2a2a;
            font-size: 14px;
            font-weight: 600;
            text-decoration: none;
        }

        .deals-filter-item:hover,
        .deals-filter-item.is-active {
            color: var(--deals-red);
            text-decoration: none;
        }

        .deals-filter-icon {
            width: 18px;
            text-align: center;
            color: #5c5c5c;
        }

        .deals-checkbox-row,
        .deals-radio-row {
            display: flex;
            align-items: center;
            gap: 10px;
            color: #373737;
            font-size: 14px;
            line-height: 1.4;
        }

        .deals-checkbox-row input,
        .deals-radio-row input {
            width: 16px;
            height: 16px;
            accent-color: var(--deals-red);
            flex-shrink: 0;
        }

        .deals-filter-count {
            color: #959595;
            font-size: 13px;
        }

        .deals-price-range {
            display: grid;
            grid-template-columns: 1fr 1fr 42px;
            gap: 10px;
            margin-top: 14px;
        }

        .deals-price-range input,
        .deals-price-range button {
            min-height: 42px;
            border: 1px solid var(--deals-border);
            border-radius: 10px;
            background: #fff;
            color: #818181;
            font-size: 14px;
            font-weight: 700;
        }

        .deals-price-range input {
            width: 100%;
            padding: 0 12px;
        }

        .deals-price-range button {
            color: #222;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            justify-content: center;
        }

        .deals-main {
            display: flex;
            flex-direction: column;
            gap: 18px;
            min-width: 0;
        }

        .deals-wide-sections {
            margin-top: 18px;
            display: flex;
            flex-direction: column;
            gap: 18px;
        }

        .deals-hero {
            padding: 0;
            overflow: hidden;
        }

        .deals-hero-inner {
            display: grid;
            grid-template-columns: minmax(320px, 1fr);
            align-items: center;
            min-height: 320px;
            position: relative;
            background:
                linear-gradient(90deg, rgba(255, 248, 247, 0.96) 0%, rgba(255, 246, 244, 0.82) 38%, rgba(255, 246, 244, 0.18) 72%, rgba(255, 246, 244, 0.02) 100%);
        }

        .deals-hero {
            background-size: contain;
            background-position: right center;
            background-repeat: no-repeat;
            background-color: #fff8f7;
        }

        .deals-hero-copy {
            padding: 34px 22px 34px 40px;
            display: flex;
            align-items: center;
            gap: 42px;
            max-width: 920px;
        }

        .deals-hero-copy-main {
            max-width: 420px;
        }

        .deals-hero-title {
            margin: 0 0 12px;
            color: #111;
            font-size: 34px;
            line-height: 1.15;
            font-weight: 900;
            text-transform: uppercase;
        }

        .deals-hero-subtitle {
            margin: 0 0 28px;
            color: #454545;
            font-size: 17px;
            line-height: 1.5;
        }

        .deals-button {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 134px;
            min-height: 46px;
            padding: 10px 18px;
            border-radius: 8px;
            background: #111;
            color: #fff;
            text-decoration: none;
            font-size: 13px;
            font-weight: 800;
            text-transform: uppercase;
            transition: background-color 0.2s ease, transform 0.2s ease;
        }

        .deals-button:hover {
            background: var(--deals-red);
            color: #fff;
            text-decoration: none;
            transform: translateY(-1px);
        }

        .deals-hero-offer {
            text-align: center;
            padding: 16px 10px;
            width: 100%;
            max-width: 320px;
            flex: 0 0 320px;
        }

        .deals-hero-offer-top {
            color: #202020;
            font-size: 19px;
            font-weight: 700;
            text-transform: uppercase;
        }

        .deals-hero-offer-value {
            color: var(--deals-red);
            font-size: 112px;
            line-height: 0.9;
            font-weight: 900;
            letter-spacing: -0.06em;
        }

        .deals-hero-offer-bottom {
            color: #171717;
            font-size: 28px;
            font-weight: 900;
            line-height: 1;
            text-transform: uppercase;
            margin-top: -6px;
        }

        .deals-hero-slider-dots {
            display: flex;
            justify-content: center;
            gap: 8px;
            padding: 10px 0 14px;
            background: #fff;
        }

        .deals-hero-slider-dots span {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: #dbdbdb;
            display: block;
        }

        .deals-hero-slider-dots span:first-child {
            background: var(--deals-red);
        }

        .deals-services {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            overflow: hidden;
        }

        .deals-service {
            display: flex;
            align-items: center;
            gap: 14px;
            padding: 20px 18px;
        }

        .deals-service + .deals-service {
            border-left: 1px solid #f0f0f0;
        }

        .deals-service-icon {
            width: 44px;
            height: 44px;
            border-radius: 50%;
            background: var(--deals-red-soft);
            color: var(--deals-red);
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 20px;
            flex-shrink: 0;
        }

        .deals-service-title {
            margin: 0 0 2px;
            color: #181818;
            font-size: 13px;
            font-weight: 900;
            text-transform: uppercase;
        }

        .deals-service-copy {
            margin: 0;
            color: #666;
            font-size: 13px;
            line-height: 1.35;
        }

        .deals-products-wrap {
            padding: 20px 18px 18px;
        }

        .deals-section-top {
            display: grid;
            grid-template-columns: auto auto 1fr auto;
            align-items: center;
            gap: 16px;
            margin-bottom: 18px;
        }

        .deals-section-title {
            margin: 0;
            color: #171717;
            font-size: 18px;
            font-weight: 900;
            text-transform: uppercase;
        }

        .deals-countdown-label {
            color: #242424;
            font-size: 14px;
            font-weight: 700;
        }

        .deals-countdown {
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .deals-countdown-box {
            min-width: 60px;
            min-height: 64px;
            padding: 8px 10px;
            border-radius: 10px;
            background: #f8f8f8;
            text-align: center;
        }

        .deals-countdown-box strong {
            display: block;
            color: #111;
            font-size: 18px;
            font-weight: 900;
            line-height: 1.15;
        }

        .deals-countdown-box span {
            color: #666;
            font-size: 11px;
            font-weight: 700;
            text-transform: uppercase;
        }

        .deals-view-all {
            color: var(--deals-red);
            text-decoration: none;
            font-size: 14px;
            font-weight: 800;
        }

        .deals-view-all:hover {
            color: #111;
            text-decoration: none;
        }

        .deals-product-grid {
            display: grid;
            grid-template-columns: repeat(5, minmax(0, 1fr));
            gap: 16px;
        }

        .deals-product-card {
            border: 1px solid #e8e8e8;
            border-radius: 12px;
            padding: 0;
            background: #fff;
            overflow: hidden;
        }

        .deals-product-thumb {
            position: relative;
            background: linear-gradient(180deg, #fafafa 0%, #fff 100%);
            min-height: 240px;
        }

        .deals-product-thumb img {
            width: 100%;
            height: 240px;
            object-fit: contain;
            display: block;
        }

        .deals-discount-tag {
            position: absolute;
            top: 10px;
            left: 10px;
            background: var(--deals-red);
            color: #fff;
            padding: 6px 8px;
            border-radius: 6px;
            font-size: 11px;
            font-weight: 900;
            line-height: 1;
            text-transform: uppercase;
        }

        .deals-wishlist-btn {
            position: absolute;
            top: 10px;
            right: 10px;
            width: 34px;
            height: 34px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.96);
            border: 1px solid #ececec;
            color: #7a7a7a;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
        }

        .deals-wishlist-btn:hover {
            color: var(--deals-red);
            text-decoration: none;
        }

        .deals-product-body {
            padding: 14px 14px 16px;
        }

        .deals-product-brand {
            color: #303030;
            font-size: 14px;
            font-weight: 700;
            margin-bottom: 3px;
        }

        .deals-product-name {
            color: #5a5a5a;
            font-size: 14px;
            line-height: 1.45;
            min-height: 42px;
            margin-bottom: 10px;
        }

        .deals-price-row {
            display: flex;
            align-items: baseline;
            gap: 8px;
            flex-wrap: wrap;
            margin-bottom: 10px;
        }

        .deals-price-current {
            color: #111;
            font-size: 18px;
            font-weight: 900;
            line-height: 1;
        }

        .deals-price-current.is-sale {
            color: var(--deals-red);
        }

        .deals-price-old {
            color: #999;
            font-size: 13px;
            text-decoration: line-through;
        }

        .deals-product-meta {
            color: #666;
            font-size: 12px;
            line-height: 1.45;
            min-height: 36px;
            margin-bottom: 14px;
        }

        .deals-product-button {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            min-height: 38px;
            border-radius: 6px;
            background: #111;
            color: #fff;
            text-decoration: none;
            font-size: 12px;
            font-weight: 900;
            text-transform: uppercase;
        }

        .deals-product-button:hover {
            background: var(--deals-red);
            color: #fff;
            text-decoration: none;
        }

        .deals-offer-band {
            display: grid;
            grid-template-columns: 1.2fr repeat(3, 1fr);
            gap: 20px;
            padding: 22px;
            background: linear-gradient(180deg, #fff8ea 0%, #fff6e3 100%);
        }

        .deals-offer-main,
        .deals-offer-card {
            border-radius: 20px;
            background: rgba(255, 255, 255, 0.88);
            border: 1px solid #f2d8a5;
            min-height: 178px;
            padding: 30px 26px;
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.9);
        }

        .deals-offer-main-title,
        .deals-offer-card-title {
            margin: 0;
            color: #181818;
            font-size: 22px;
            font-weight: 900;
            line-height: 1.2;
            text-transform: uppercase;
        }

        .deals-offer-main-copy,
        .deals-offer-card-copy {
            margin: 12px 0 0;
            color: #5f564d;
            font-size: 15px;
            line-height: 1.55;
        }

        .deals-offer-card {
            position: relative;
            display: flex;
            align-items: center;
            gap: 18px;
        }

        .deals-offer-badge {
            position: absolute;
            top: 12px;
            right: 14px;
            padding: 6px 10px;
            border-radius: 6px;
            background: #ffc233;
            color: #5c4300;
            font-size: 10px;
            font-weight: 900;
            text-transform: uppercase;
        }

        .deals-offer-gift {
            width: 68px;
            height: 68px;
            border-radius: 18px;
            background: #fff3dc;
            color: #f3a126;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 32px;
            flex-shrink: 0;
        }

        .deals-offer-card strong {
            color: #111;
            font-size: 20px;
            font-weight: 900;
            text-transform: uppercase;
            display: block;
            line-height: 1.2;
        }

        .deals-offer-value {
            margin-top: 10px;
            color: #111;
            font-size: 24px;
            font-weight: 900;
        }

        .deals-offer-value span {
            color: var(--deals-red);
        }

        .deals-offer-note {
            margin-top: 10px;
            color: #847c73;
            font-size: 11px;
            text-align: right;
        }

        .deals-category-wrap,
        .deals-bank-wrap {
            padding: 15px;
        }

        .deals-subsection-title {
            margin: 0 0 16px;
            color: #171717;
            font-size: 18px;
            font-weight: 900;
            text-transform: uppercase;
        }

        .deals-category-grid {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 16px;
        }

        .deals-category-tile {
            min-height: 230px;
            padding: 18px 18px 0;
            border: 1px solid #e9e9e9;
            border-radius: 10px;
            background:
                linear-gradient(180deg, #f4f4f4 0%, #efefef 100%);
            display: grid;
            grid-template-columns: minmax(0, 1fr) 145px;
            align-items: end;
            overflow: hidden;
            text-decoration: none;
        }

        .deals-category-tile:hover {
            text-decoration: none;
            transform: translateY(-2px);
        }

        .deals-category-tile h3 {
            /* margin: 0 0 4px; */
            color: #111;
            font-size: 18px;
            font-weight: 900;
            text-transform: uppercase;
        }

        .deals-category-tile p {
            margin: 0 0 14px;
            color: #5a5a5a;
            font-size: 14px;
        }

        .deals-category-button {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 96px;
            min-height: 36px;
            border-radius: 6px;
            background: rgba(255,255,255,0.92);
            color: #111;
            font-size: 12px;
            font-weight: 900;
            text-transform: uppercase;
            box-shadow: 0 1px 0 rgba(0, 0, 0, 0.03);
        }

        .deals-category-tile img {
            width: 100%;
            height: 218px;
            object-fit: contain;
            display: block;
            align-self: end;
        }

        .deals-category-copy {
            padding-bottom: 10px;
            align-self: center;
        }

        .deals-bank-wrap {
            background: linear-gradient(180deg, #f3f9ff 0%, #eef6ff 100%);
        }

        .deals-bank-grid {
            display: grid;
            grid-template-columns: 260px repeat(3, minmax(0, 1fr)) 180px;
            gap: 12px;
            align-items: stretch;
        }

        .deals-bank-card,
        .deals-bank-intro,
        .deals-bank-cta {
            min-height: 184px;
            padding: 22px 18px 20px;
            border-radius: 12px;
            background: rgba(255, 255, 255, 0.98);
            border: 1px solid #d9e6f4;
            box-shadow: 0 10px 24px rgba(35, 71, 114, 0.06);
        }

        .deals-bank-intro h3,
        .deals-bank-card h3,
        .deals-bank-cta h3 {
            margin: 0 0 14px;
            color: #111827;
            font-size: 15px;
            font-weight: 900;
            text-transform: uppercase;
        }

        .deals-bank-intro p,
        .deals-bank-card p,
        .deals-bank-cta p {
            margin: 0;
            color: #51657d;
            font-size: 13px;
            line-height: 1.55;
        }

        .deals-bank-logo {
            margin-bottom: 18px;
            color: #193f7a;
            font-size: 14px;
            font-weight: 900;
            text-transform: uppercase;
        }

        .deals-bank-card:nth-child(2) .deals-bank-logo {
            color: #0b4ea2;
        }

        .deals-bank-card:nth-child(3) .deals-bank-logo {
            color: #1f3b8f;
        }

        .deals-bank-card:nth-child(4) .deals-bank-logo {
            color: #1a73b8;
        }

        .deals-bank-terms {
            margin-top: 20px;
            color: #98a3af;
            font-size: 11px;
            font-weight: 700;
            text-transform: uppercase;
        }

        .deals-bank-cta {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

        .deals-bank-view-link {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            margin-top: 26px;
            color: #303642;
            font-size: 13px;
            font-weight: 800;
            text-decoration: none;
        }

        .deals-bank-view-link:hover {
            color: #ff3b30;
            text-decoration: none;
        }

        .deals-bank-arrow {
            width: 44px;
            height: 44px;
            border-radius: 50%;
            background: #f4f4f4;
            color: #111827;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 20px;
        }

        .deals-bottom-strip {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            overflow: hidden;
        }

        .deals-bottom-item {
            display: flex;
            align-items: center;
            gap: 14px;
            padding: 22px 20px;
        }

        .deals-bottom-item + .deals-bottom-item {
            border-left: 1px solid #efefef;
        }

        .deals-bottom-icon {
            width: 42px;
            height: 42px;
            border-radius: 50%;
            background: #f7f7f7;
            color: #333;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 20px;
            flex-shrink: 0;
        }

        .deals-bottom-item h4 {
            margin: 0 0 3px;
            color: #141414;
            font-size: 14px;
            font-weight: 900;
            text-transform: uppercase;
        }

        .deals-bottom-item p {
            margin: 0;
            color: #676767;
            font-size: 13px;
            line-height: 1.4;
        }

        .deals-pagination {
            margin-top: 22px;
        }

        .deals-pagination .pagination {
            justify-content: center;
        }

        @media (max-width: 1280px) {
            .deals-hero-inner {
                grid-template-columns: minmax(280px, 1fr) 250px 280px;
            }

            .deals-product-grid,
            .deals-category-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            .deals-bank-grid {
                grid-template-columns: repeat(3, minmax(0, 1fr));
            }
        }

        @media (max-width: 1080px) {
            .deals-layout {
                grid-template-columns: 1fr;
            }

            .deals-sidebar {
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            .deals-hero-inner,
            .deals-services,
            .deals-offer-band,
            .deals-bottom-strip {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            .deals-section-top {
                grid-template-columns: 1fr;
                justify-items: start;
            }

            .deals-bank-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
        }

        @media (max-width: 768px) {
            .deals-shell {
                padding: 0 12px;
            }

            .deals-sidebar,
            .deals-hero-inner,
            .deals-services,
            .deals-product-grid,
            .deals-offer-band,
            .deals-category-grid,
            .deals-bank-grid,
            .deals-bottom-strip {
                grid-template-columns: 1fr;
            }

            .deals-category-tile {
                grid-template-columns: 1fr 132px;
                min-height: 210px;
            }

            .deals-category-tile img {
                height: 190px;
            }

            .deals-hero-copy {
                padding: 28px 20px 10px;
            }

            .deals-hero-offer {
                padding: 0 20px 12px;
            }

            .deals-hero-offer-value {
                font-size: 82px;
            }

            .deals-hero-models {
                min-height: 280px;
                background-size: 44% auto, 46% auto;
            }

            .deals-service + .deals-service,
            .deals-bottom-item + .deals-bottom-item {
                border-left: none;
                border-top: 1px solid #efefef;
            }
        }