#page2 .input-roulette {
            box-sizing: border-box;
            width: 100% !important;
            max-width: 300px !important
        }

#page2 .order_block img {
            max-width: 400px !important
        }

#page2 .about__info>ul>li {
            height: auto;
            background-position: left 34px center !important
        }

#page2 .about__info>ul>li>p {
            padding: 15px 0 15px 64px !important
        }

#page2 .door__wrapper {
            padding-bottom: 50px
        }

#page2 .reviews {
            padding-top: 0;
            margin-top: 0
        }

        @media (max-width: 600px) {
    #page2 .chat-content-buttons-gender {
                max-width: fit-content
            }
        }

        /* ============================================= */
        /* ПОЛНЫЙ РЕДИЗАЙН V2 — "CARDIOVITA"            */
        /* Тёмный Premium · Золотой акцент · Без обоев  */
        /* ============================================= */

        /* === ГЛОБАЛЬНЫЙ ФОН — УБИРАЕМ ОБОИ === */
        body {
            background: #080b14 !important;
            border-top-color: #0c1021 !important;
        }

#page2 .content {
            background: linear-gradient(170deg, #0c1021 0%, #111827 40%, #0f172a 100%) !important;
            background-image: none !important;
            height: calc(100vh - 100px) !important;
        }

#page2 .content::before {
            content: '' !important;
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background:
                radial-gradient(ellipse 600px 400px at 20% 10%, rgba(245, 158, 11, 0.04) 0%, transparent 70%),
                radial-gradient(ellipse 500px 500px at 80% 60%, rgba(139, 92, 246, 0.03) 0%, transparent 70%);
            pointer-events: none;
            z-index: 0;
        }

#page2 .chat {
            position: relative;
            z-index: 1;
        }

        /* === TRUST BANNER === */
#page2 .trust-banner {
            background: linear-gradient(135deg, #1e1b4b 0%, #312e81 50%, #1e1b4b 100%);
            color: #e0e7ff;
            text-align: center;
            padding: 10px 16px;
            font-size: 11px;
            font-weight: 600;
            letter-spacing: 1px;
            font-family: 'Inter', Arial, sans-serif;
            line-height: 1.4;
            text-transform: uppercase;
            border-bottom: 1px solid rgba(245, 158, 11, 0.12);
        }

        /* === HEADER === */
#page2 .header {
            background: rgba(15, 23, 42, 0.92) !important;
            backdrop-filter: saturate(180%) blur(20px) !important;
            -webkit-backdrop-filter: saturate(180%) blur(20px) !important;
            border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
            padding: 0 !important;
            position: sticky !important;
            z-index: 10 !important;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
        }

#page2 .header::after {
            display: none !important;
        }

#page2 .header__body {
            padding: 10px 16px !important;
            display: flex !important;
            align-items: center !important;
            gap: 0 !important;
        }

#page2 .header__name {
            display: flex !important;
            align-items: center !important;
            gap: 12px !important;
            margin: 0 !important;
            flex: 1 !important;
        }

#page2 .header__avatar {
            position: relative !important;
            width: 44px !important;
            min-width: 44px !important;
        }

#page2 .header__avatar img {
            width: 44px !important;
            height: 44px !important;
            border-radius: 50% !important;
            border: none !important;
            box-shadow: none !important;
            object-fit: cover !important;
        }

#page2 .header__avatar::after {
            content: '' !important;
            position: absolute !important;
            bottom: 1px !important;
            right: 1px !important;
            width: 12px !important;
            height: 12px !important;
            background: #22c55e !important;
            border-radius: 50% !important;
            border: 2.5px solid #0f172a !important;
            box-shadow: 0 0 6px rgba(34, 197, 94, 0.4) !important;
            animation: onlinePulse 3s ease-in-out infinite !important;
        }

#page2 .header__desc {
            display: flex !important;
            flex-direction: column !important;
            justify-content: center !important;
            margin: 0 !important;
            gap: 1px !important;
            overflow: hidden !important;
        }

#page2 .header__desc p {
            margin: 0 !important;
            padding: 0 !important;
            line-height: 1.3 !important;
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
        }

#page2 .header__desc p:first-child {
            display: flex !important;
            align-items: center !important;
            gap: 6px !important;
            white-space: nowrap !important;
            overflow: hidden !important;
        }

#page2 .header__desc p span {
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
            font-weight: 600 !important;
            font-size: 15.5px !important;
            letter-spacing: -0.1px !important;
            color: #f8fafc !important;
            overflow: hidden !important;
            text-overflow: ellipsis !important;
        }

#page2 .header__desc p:last-child {
            font-size: 13px !important;
            color: rgba(148, 163, 184, 0.7) !important;
            font-weight: 400 !important;
            letter-spacing: 0.1px !important;
            white-space: nowrap !important;
            overflow: hidden !important;
            text-overflow: ellipsis !important;
        }

#page2 .header__online {
            display: none !important;
        }

        @keyframes onlinePulse {

            0%,
            100% {
                box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.35);
            }

            50% {
                box-shadow: 0 0 0 5px rgba(34, 197, 94, 0);
            }
        }

        /* === STATS BAR === */
#page2 .stats-bar {
            display: flex !important;
            justify-content: center !important;
            gap: 6px !important;
            padding: 10px 10px !important;
            background: linear-gradient(180deg, #131b2e 0%, rgba(15, 23, 42, 0.7) 100%) !important;
            margin: 0 !important;
            flex-wrap: nowrap !important;
            border-bottom: 1px solid rgba(245, 158, 11, 0.08) !important;
        }

#page2 .stats-bar__item {
            text-align: center !important;
            color: #e5e7eb !important;
            background: rgba(245, 158, 11, 0.04) !important;
            border: 1px solid rgba(245, 158, 11, 0.1) !important;
            border-radius: 14px !important;
            padding: 10px 10px !important;
            flex: 1 !important;
            max-width: 130px !important;
        }

#page2 .stats-bar__num {
            font-size: 20px !important;
            font-weight: 800 !important;
            color: #f59e0b !important;
            display: block !important;
            font-family: 'Inter', Arial, sans-serif !important;
        }

#page2 .stats-bar__label {
            font-size: 10px !important;
            color: rgba(229, 231, 235, 0.5) !important;
            display: block !important;
            margin-top: 2px !important;
            font-family: 'Inter', Arial, sans-serif !important;
            text-transform: uppercase !important;
            letter-spacing: 0.5px !important;
        }

        /* === SOCIAL PROOF TICKER === */
#page2 .social-proof-ticker {
            background: rgba(245, 158, 11, 0.03) !important;
            border-bottom: 1px solid rgba(245, 158, 11, 0.06) !important;
        }

#page2 .social-proof-ticker__inner .green {
            color: #f59e0b !important;
        }

        /* === CHAT TIME BADGE === */
#page2 .chat__time {
            background: linear-gradient(135deg, rgba(245, 158, 11, 0.12) 0%, rgba(217, 119, 6, 0.08) 100%) !important;
            border: 1px solid rgba(245, 158, 11, 0.2) !important;
            box-shadow: 0 2px 12px rgba(245, 158, 11, 0.06) !important;
            border-radius: 22px !important;
            padding: 10px 22px !important;
            width: auto !important;
            max-width: 340px !important;
        }

#page2 .chat__time p {
            font-family: 'Inter', Arial, sans-serif !important;
            font-weight: 600 !important;
            font-size: 13px !important;
            color: #fef3c7 !important;
        }

        /* === DOCTOR MESSAGES === */
#page2 .chat-content-item.manager {
            position: relative !important;
            padding-left: 42px !important;
            margin-bottom: 4px !important;
            animation: msgSlideIn 0.45s cubic-bezier(0.16, 1, 0.3, 1) both !important;
        }

#page2 .chat-content-item.manager::before {
            content: '' !important;
            position: absolute !important;
            left: 0 !important;
            bottom: 10px !important;
            width: 32px !important;
            height: 32px !important;
            border-radius: 50% !important;
            background: url(./assets/header-ava-eac-arb.png) center/cover no-repeat !important;
            border: none !important;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
        }

#page2 .chat-content-desc-item.manager {
            background: linear-gradient(145deg, #1e293b 0%, #1e3a50 100%) !important;
            border-radius: 4px 20px 20px 20px !important;
            box-shadow: 0 3px 12px rgba(0, 0, 0, 0.25) !important;
            border-left: 3px solid rgba(245, 158, 11, 0.5) !important;
            position: relative !important;
            padding: 14px 18px !important;
        }

        /* === TEXT FORMATTING === */
#page2 .chat-content-desc-item strong {
            color: #f8fafc !important;
            font-weight: 700 !important;
        }

#page2 .chat-content-desc-item em {
            color: #cbd5e1 !important;
            font-style: italic !important;
        }

#page2 .hl-green {
            color: #34d399 !important;
            font-weight: 600 !important;
        }

#page2 .hl-red {
            color: #f87171 !important;
            font-weight: 600 !important;
        }

#page2 .msg-list-bad {
            display: block !important;
            background: rgba(239, 68, 68, 0.08) !important;
            border-left: 3px solid rgba(248, 113, 113, 0.5) !important;
            border-radius: 0 8px 8px 0 !important;
            padding: 10px 12px !important;
            margin: 4px 0 !important;
            line-height: 1.7 !important;
        }

#page2 .msg-list-good {
            display: block !important;
            background: rgba(52, 211, 153, 0.06) !important;
            border-left: 3px solid rgba(52, 211, 153, 0.4) !important;
            border-radius: 0 8px 8px 0 !important;
            padding: 10px 12px !important;
            margin: 4px 0 !important;
            line-height: 1.7 !important;
        }

#page2 .chat-content-desc-item.manager .text {
            line-height: 1.6 !important;
        }

#page2 .chat-content-desc-item.manager::after {
            content: '' !important;
            position: absolute !important;
            left: -10px !important;
            bottom: 10px !important;
            width: 0 !important;
            height: 0 !important;
            border-right: 8px solid #1e293b !important;
            border-bottom: 8px solid transparent !important;
            border-top: 4px solid transparent !important;
        }

        /* === USER MESSAGES === */
#page2 .chat-content-item.user {
            animation: msgSlideInRight 0.45s cubic-bezier(0.16, 1, 0.3, 1) both !important;
        }

#page2 .chat-content-desc-item.user {
            background: linear-gradient(145deg, #4c1d95 0%, #5b21b6 100%) !important;
            border-radius: 20px 4px 20px 20px !important;
            box-shadow: 0 3px 12px rgba(76, 29, 149, 0.35) !important;
            position: relative !important;
            padding: 14px 18px !important;
        }

#page2 .chat-content-desc-item.user::after {
            content: '' !important;
            position: absolute !important;
            right: -8px !important;
            bottom: 10px !important;
            width: 0 !important;
            height: 0 !important;
            border-left: 8px solid #4c1d95 !important;
            border-bottom: 8px solid transparent !important;
            border-top: 4px solid transparent !important;
        }

        /* === MESSAGE TEXT === */
#page2 .chat-content-desc-item p.text {
            font-size: 15px !important;
            line-height: 1.65 !important;
            color: #e5e7eb !important;
            font-family: 'Inter', Arial, sans-serif !important;
            letter-spacing: 0.15px !important;
        }

#page2 .message-time {
            font-size: 11px !important;
            color: rgba(255, 255, 255, 0.28) !important;
            font-family: 'Inter', Arial, sans-serif !important;
        }

        /* === ANIMATIONS === */
        @keyframes msgSlideIn {
            from {
                opacity: 0;
                transform: translateY(15px) translateX(-10px);
            }

            to {
                opacity: 1;
                transform: translateY(0) translateX(0);
            }
        }

        @keyframes msgSlideInRight {
            from {
                opacity: 0;
                transform: translateY(15px) translateX(10px);
            }

            to {
                opacity: 1;
                transform: translateY(0) translateX(0);
            }
        }

        /* === QUIZ BUTTONS — GRADIENT PILL === */
#page2 .chat-content-buttons-gender {
            background: transparent !important;
            border-radius: 0 !important;
            padding: 6px 0 !important;
            gap: 8px !important;
            animation: msgSlideInRight 0.45s cubic-bezier(0.16, 1, 0.3, 1) both !important;
        }

#page2 .chat-content-buttons-gender-block {
            background: linear-gradient(135deg, rgba(245, 158, 11, 0.08) 0%, rgba(217, 119, 6, 0.04) 100%) !important;
            border: 1.5px solid rgba(245, 158, 11, 0.35) !important;
            border-radius: 28px !important;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
            margin: 0 !important;
            min-height: 46px !important;
        }

#page2 .chat-content-buttons-gender-block span {
            font-size: 14px !important;
            padding: 12px 22px !important;
            font-family: 'Inter', Arial, sans-serif !important;
            font-weight: 600 !important;
            color: #fbbf24 !important;
        }

#page2 .chat-content-buttons-gender-block:hover {
            background: linear-gradient(135deg, rgba(245, 158, 11, 0.18) 0%, rgba(217, 119, 6, 0.12) 100%) !important;
            border-color: #f59e0b !important;
            transform: translateY(-2px) scale(1.02) !important;
            box-shadow: 0 6px 20px rgba(245, 158, 11, 0.15) !important;
        }

#page2 .chat-content-buttons-gender-block:active {
            transform: translateY(0) scale(0.98) !important;
            background: rgba(245, 158, 11, 0.22) !important;
        }

        /* === FORM === */
#page2 .order_block {
            background: linear-gradient(170deg, #1e1b4b 0%, #1e293b 100%) !important;
            border-radius: 24px !important;
            padding: 28px 24px 24px !important;
            margin: 15px auto !important;
            max-width: 400px !important;
            box-shadow: 0 12px 48px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(245, 158, 11, 0.1) !important;
            text-align: center !important;
            border: 1px solid rgba(245, 158, 11, 0.08) !important;
        }

#page2 .order_block img {
            border-radius: 16px !important;
            margin: 0 auto 12px !important;
        }

#page2 .order_block h3 {
            font-family: 'Inter', Arial, sans-serif !important;
            font-size: 18px !important;
            line-height: 1.4 !important;
            color: #fef3c7 !important;
            background: none !important;
            margin-bottom: 16px !important;
            font-weight: 700 !important;
        }

#page2 .input-roulette {
            border: 2px solid rgba(245, 158, 11, 0.2) !important;
            background: rgba(15, 23, 42, 0.8) !important;
            color: #e5e7eb !important;
            padding: 15px 16px 15px 42px !important;
            border-radius: 14px !important;
            font-size: 16px !important;
            transition: all 0.3s ease !important;
            font-family: 'Inter', Arial, sans-serif !important;
            width: 100% !important;
            max-width: 320px !important;
            box-sizing: border-box !important;
            min-height: 52px !important;
        }

#page2 .input-roulette:focus {
            border-color: #f59e0b !important;
            box-shadow: 0 0 0 4px rgba(245, 158, 11, 0.12) !important;
            outline: none !important;
            background: rgba(15, 23, 42, 1) !important;
        }

#page2 .input-roulette::placeholder {
            color: rgba(229, 231, 235, 0.4) !important;
        }

        /* === SUBMIT BUTTON === */
#page2 .submit-roulette {
            background: linear-gradient(135deg, #f59e0b 0%, #d97706 50%, #b45309 100%) !important;
            border: none !important;
            padding: 17px 30px !important;
            border-radius: 16px !important;
            font-size: 18px !important;
            font-weight: 800 !important;
            letter-spacing: 0.5px !important;
            cursor: pointer !important;
            transition: all 0.3s ease !important;
            box-shadow: 0 6px 24px rgba(245, 158, 11, 0.3) !important;
            animation: ctaPulse 2.5s ease-in-out infinite !important;
            font-family: 'Inter', Arial, sans-serif !important;
            text-transform: uppercase !important;
            width: 100% !important;
            max-width: 320px !important;
            color: #1a1a2e !important;
            margin-top: 8px !important;
            min-height: 56px !important;
        }

#page2 .submit-roulette:hover {
            transform: translateY(-2px) !important;
            box-shadow: 0 10px 35px rgba(245, 158, 11, 0.45) !important;
        }

#page2 .submit-roulette:active {
            transform: translateY(1px) !important;
        }

        @keyframes ctaPulse {

            0%,
            100% {
                box-shadow: 0 6px 24px rgba(245, 158, 11, 0.3);
            }

            50% {
                box-shadow: 0 6px 35px rgba(245, 158, 11, 0.55);
            }
        }

        /* === URGENCY BAR === */
#page2 .urgency-bar {
            background: linear-gradient(135deg, #dc2626, #b91c1c) !important;
            color: #fff !important;
            text-align: center !important;
            padding: 10px 16px !important;
            font-size: 14px !important;
            font-weight: 600 !important;
            border-radius: 14px !important;
            font-family: 'Inter', Arial, sans-serif !important;
            margin: 12px auto !important;
            max-width: 340px !important;
            animation: urgencyFlash 2.5s ease-in-out infinite !important;
            box-shadow: 0 4px 16px rgba(220, 38, 38, 0.25) !important;
        }

        @keyframes urgencyFlash {

            0%,
            100% {
                opacity: 1;
                transform: scale(1);
            }

            50% {
                opacity: 0.92;
                transform: scale(1.005);
            }
        }

#page2 .time_remains {
            background: rgba(0, 0, 0, 0.3) !important;
            color: #fef2f2 !important;
            padding: 4px 10px !important;
            border-radius: 6px !important;
            font-size: 1.3em !important;
            font-weight: 800 !important;
            display: inline-block !important;
            min-width: 35px !important;
            text-align: center !important;
        }

        /* === PRODUCT IMAGE === */
#page2 .product-img {
            border-radius: 18px !important;
            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(245, 158, 11, 0.1) !important;
        }

        /* === POPUP === */
#page2 .pop-up-window {
            border-radius: 24px !important;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6) !important;
            background: linear-gradient(170deg, #1e1b4b 0%, #0f172a 100%) !important;
            padding: 70px 20px 30px !important;
            border: 1px solid rgba(245, 158, 11, 0.15) !important;
        }

#page2 .pop-up-window .ruletka-p,
#page2 .pop-up-window .pop-up-text {
            color: #e5e7eb !important;
            font-family: 'Inter', Arial, sans-serif !important;
        }

#page2 .pop-up-window .danger-text {
            color: #fbbf24 !important;
        }

#page2 .pop-up-button {
            background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
            border-radius: 14px !important;
            padding: 14px 40px !important;
            font-size: 18px !important;
            font-weight: 700 !important;
            text-decoration: none !important;
            display: inline-block !important;
            transition: all 0.3s ease !important;
            color: #1a1a2e !important;
            font-family: 'Inter', Arial, sans-serif !important;
            box-shadow: 0 4px 18px rgba(245, 158, 11, 0.3) !important;
        }

#page2 .pop-up-button:hover {
            transform: translateY(-2px) !important;
            box-shadow: 0 8px 28px rgba(245, 158, 11, 0.4) !important;
        }

        /* === VERIFIED BADGE === */
#page2 .verified-badge {
            display: inline-flex;
            align-items: center;
            gap: 5px;
            background: rgba(245, 158, 11, 0.1);
            color: #fbbf24;
            padding: 4px 10px;
            border-radius: 20px;
            font-size: 12px;
            font-weight: 600;
            margin-top: 5px;
            border: 1px solid rgba(245, 158, 11, 0.15);
        }

#page2 .verified-badge::before {
            content: "✓";
            background: #f59e0b;
            color: #1a1a2e;
            width: 16px;
            height: 16px;
            border-radius: 50%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 10px;
            font-weight: 700;
        }

        /* === SCROLLBAR === */
#page2 .content::-webkit-scrollbar-thumb {
            background: linear-gradient(180deg, #f59e0b, #d97706) !important;
        }

        /* === DOOR TITLE === */
#page2 .door__wrapper .door__title {
            background: linear-gradient(135deg, #4c1d95 0%, #6d28d9 100%) !important;
            border: none !important;
        }

        /* === GLOBAL FONT === */
        body,
#page2 .text,
#page2 .chat-content-desc-item p,
#page2 .message-time,
#page2 .chat-content-buttons-gender-block span {
            font-family: 'Inter', Arial, sans-serif !important;
            -webkit-font-smoothing: antialiased !important;
            -moz-osx-font-smoothing: grayscale !important;
        }

        /* === MOBILE === */
        @media (max-width: 600px) {
    #page2 .header__body {
                padding: 8px 12px !important;
            }

    #page2 .header__avatar {
                width: 40px !important;
                min-width: 40px !important;
            }

    #page2 .header__avatar img {
                width: 40px !important;
                height: 40px !important;
            }

    #page2 .header__avatar::after {
                width: 10px !important;
                height: 10px !important;
                border-width: 2px !important;
            }

    #page2 .header__desc p span {
                font-size: 14.5px !important;
            }

    #page2 .header__desc p:last-child {
                font-size: 12px !important;
            }

    #page2 .trust-banner {
                font-size: 10px !important;
                padding: 8px 10px !important;
                letter-spacing: 0.5px !important;
            }

    #page2 .stats-bar {
                gap: 4px !important;
                padding: 8px 6px !important;
            }

    #page2 .stats-bar__item {
                padding: 7px 6px !important;
                border-radius: 10px !important;
            }

    #page2 .stats-bar__num {
                font-size: 17px !important;
            }

    #page2 .stats-bar__label {
                font-size: 9px !important;
            }

    #page2 .chat-content-item.manager {
                padding-left: 36px !important;
            }

    #page2 .chat-content-item.manager::before {
                width: 28px !important;
                height: 28px !important;
                bottom: 8px !important;
            }

    #page2 .chat-content-desc-item.manager,
    #page2 .chat-content-desc-item.user {
                padding: 12px 14px !important;
            }

    #page2 .chat-content-desc-item p.text {
                font-size: 14px !important;
            }

    #page2 .chat-content-buttons-gender-block span {
                font-size: 13px !important;
                padding: 10px 18px !important;
            }
        }

#page2 .order_block img {
            width: 100% !important;
            max-width: 200px !important;
            margin: 0 auto
        }
        /* ===== REALISTIC DOOR STYLES ===== */
#page2 .door__wrapper .door__container {
            display: flex !important;
            justify-content: center !important;
            gap: 14px !important;
        }

#page2 .door__wrapper .box__door {
            perspective: 900px !important;
            position: relative !important;
        }

#page2 .door__wrapper .box__door,
#page2 .door__wrapper .door {
            width: 150px !important;
            height: 300px !important;
            box-shadow: none !important;
            border-radius: 6px !important;
        }

#page2 .door__wrapper .door,
#page2 .door__wrapper .hi {
            position: absolute !important;
            top: 0 !important;
            left: 0 !important;
            width: 100% !important;
            height: 100% !important;
        }

#page2 .door__wrapper .hi {
            background: linear-gradient(160deg, #1e293b 0%, #0f172a 100%) !important;
            border-radius: 6px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
        }

#page2 .door__wrapper .door {
            /* Realistic wood — multi-stop gradient */
            background:
                linear-gradient(180deg,
                    #6b4226 0%,
                    #7a4e2e 8%,
                    #5c3a20 15%,
                    #7a4e2e 22%,
                    #8b5e3c 30%,
                    #6b4226 38%,
                    #7a4e2e 45%,
                    #5c3a20 52%,
                    #6b4226 58%,
                    #8b5e3c 65%,
                    #7a4e2e 72%,
                    #5c3a20 80%,
                    #6b4226 88%,
                    #7a4e2e 95%,
                    #5c3a20 100%) !important;
            background-image: none !important;
            background-repeat: no-repeat !important;
            background-size: 100% !important;
            transform: rotateY(0deg) !important;
            display: block !important;
            padding: 0 !important;
            transition: all .7s cubic-bezier(0.4, 0, 0.2, 1) !important;
            transform-origin: 0% 0% !important;
            cursor: pointer !important;
            border-radius: 6px !important;
            /* Door frame — thick dark edge */
            border: 5px solid #3d2410 !important;
            border-top: 6px solid #3d2410 !important;
            border-bottom: 7px solid #2e1a0b !important;
            box-shadow:
                0 6px 24px rgba(0, 0, 0, 0.6),
                inset 0 0 0 2px rgba(139, 94, 60, 0.25),
                inset 0 2px 8px rgba(255, 255, 255, 0.06),
                inset 0 -2px 8px rgba(0, 0, 0, 0.15) !important;
            overflow: hidden !important;
        }

        /* Subtle woodgrain lines */
#page2 .door__wrapper .door::before {
            content: '' !important;
            position: absolute !important;
            top: 0 !important;
            left: 0 !important;
            right: 0 !important;
            bottom: 0 !important;
            background:
                repeating-linear-gradient(180deg,
                    transparent,
                    transparent 3px,
                    rgba(0, 0, 0, 0.04) 3px,
                    rgba(0, 0, 0, 0.04) 4px),
                repeating-linear-gradient(180deg,
                    transparent,
                    transparent 11px,
                    rgba(255, 255, 255, 0.03) 11px,
                    rgba(255, 255, 255, 0.03) 12px) !important;
            pointer-events: none !important;
            z-index: 1 !important;
        }

#page2 .door__wrapper .door::after {
            display: none !important;
        }

        /* Raised door panels — 3D effect */
#page2 .door-panel-top,
#page2 .door-panel-bottom {
            display: block !important;
            position: absolute !important;
            left: 12% !important;
            width: 76% !important;
            border-radius: 3px !important;
            z-index: 2 !important;
            background: linear-gradient(180deg,
                    rgba(139, 94, 60, 0.15) 0%,
                    rgba(92, 58, 32, 0.1) 100%) !important;
            border: none !important;
            box-shadow:
                inset 1px 1px 0 rgba(255, 255, 255, 0.12),
                inset -1px -1px 0 rgba(0, 0, 0, 0.2),
                1px 1px 3px rgba(0, 0, 0, 0.2),
                -1px -1px 1px rgba(255, 255, 255, 0.05) !important;
        }

#page2 .door-panel-top {
            top: 8% !important;
            height: 36% !important;
        }

#page2 .door-panel-bottom {
            bottom: 8% !important;
            height: 32% !important;
        }

        /* Brass door knob — realistic sphere */
#page2 .door-handle {
            display: block !important;
            width: 14px !important;
            height: 14px !important;
            border-radius: 50% !important;
            background: radial-gradient(circle at 35% 30%,
                    #f5e4a0 0%,
                    #c9a84c 30%,
                    #a07828 60%,
                    #705218 100%) !important;
            box-shadow:
                0 1px 3px rgba(0, 0, 0, 0.6),
                0 0 8px rgba(201, 168, 76, 0.3),
                inset 0 -1px 2px rgba(0, 0, 0, 0.3),
                inset 0 1px 2px rgba(255, 255, 255, 0.3) !important;
            position: absolute !important;
            right: 12px !important;
            top: 52% !important;
            transform: translateY(-50%) !important;
            z-index: 3 !important;
        }

        /* Keyhole below knob */
#page2 .door-handle::after {
            content: '' !important;
            display: block !important;
            width: 4px !important;
            height: 8px !important;
            background: #1a0e04 !important;
            border-radius: 2px 2px 1px 1px !important;
            position: absolute !important;
            left: 50% !important;
            top: 20px !important;
            transform: translateX(-50%) !important;
            box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.8) !important;
        }

        /* Door number */
#page2 .door-number {
            position: absolute !important;
            top: 8px !important;
            left: 50% !important;
            transform: translateX(-50%) !important;
            font-family: 'Inter', sans-serif !important;
            font-size: 0px !important;
            visibility: hidden !important;
            z-index: 4 !important;
        }

        /* Highlight on hover */
#page2 .door__wrapper .door:hover {
            transform: rotateY(-20deg) !important;
            box-shadow:
                0 8px 32px rgba(0, 0, 0, 0.5),
                0 0 20px rgba(201, 168, 76, 0.15),
                inset 0 0 0 2px rgba(139, 94, 60, 0.3) !important;
        }

#page2 .door__wrapper .door.open {
            transform: rotateY(-85deg) !important;
        }

        /* Sale text behind door */
#page2 .door__wrapper .door__sales {
            position: absolute !important;
            top: 50% !important;
            left: 50% !important;
            transform: translate(-50%, -50%);
            font-size: 36px !important;
            line-height: 42px !important;
            font-weight: 800 !important;
            color: #f59e0b !important;
            border-radius: 14px !important;
            padding: 16px 6px !important;
            box-shadow: 0 2px 16px rgba(245, 158, 11, 0.2) !important;
            width: 76% !important;
            min-width: 60px !important;
            background: rgba(245, 158, 11, 0.08) !important;
            border: 1px solid rgba(245, 158, 11, 0.2) !important;
            text-align: center !important;
            font-family: 'Inter', sans-serif !important;
            overflow: hidden !important;
            white-space: nowrap !important;
        }

#page2 .door__wrapper .door__title {
            color: #f8fafc !important;
            font-weight: 700 !important;
            text-transform: uppercase !important;
            text-align: center !important;
            font-size: 17px !important;
            margin-bottom: 24px !important;
            background: linear-gradient(135deg, #4c1d95 0%, #6d28d9 100%) !important;
            padding: 18px 20px !important;
            border-radius: 12px !important;
            letter-spacing: 0.3px !important;
            font-family: 'Inter', Arial, sans-serif !important;
            line-height: 1.4 !important;
            border: none !important;
            box-shadow: 0 4px 16px rgba(76, 29, 149, 0.4) !important;
        }

        @media (max-width: 840px) {
    #page2 .door__wrapper .door__sales {
                font-size: 22px !important;
                line-height: 26px !important;
                font-weight: 800 !important;
                color: #f59e0b !important;
                border-radius: 12px !important;
                width: 70% !important;
                min-width: 50px !important;
            }

    #page2 .door__wrapper .box__door,
    #page2 .door__wrapper .door {
                width: 95px !important;
                height: 200px !important;
            }

    #page2 .door__wrapper .door {
                background-image: none !important;
                padding: 0 !important;
                border-width: 4px !important;
                border-bottom-width: 5px !important;
            }

    #page2 .door-handle {
                width: 10px !important;
                height: 10px !important;
                right: 8px !important;
            }

    #page2 .door-handle::after {
                width: 3px !important;
                height: 6px !important;
                top: 15px !important;
            }

    #page2 .door-panel-top {
                top: 8% !important;
                height: 36% !important;
            }

    #page2 .door-panel-bottom {
                bottom: 8% !important;
                height: 32% !important;
            }

            #door__2,
            #door__3 {
                background-image: none !important;
            }
        }

        @media (max-width: 360px) {
    #page2 .door__wrapper .door__container {
                gap: 8px !important;
            }

    #page2 .door__wrapper .door__sales {
                font-size: 18px !important;
                line-height: 20px !important;
                font-weight: 800 !important;
                color: #f59e0b !important;
                border-radius: 10px !important;
            }
        }