/* Общие стили */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Arial, sans-serif;
}

body {
    background: linear-gradient(135deg, #f5e6d3 0%, #f0ddd0 25%, #ebd4cd 50%, #f0ddd0 75%, #f5e6d3 100%);
    background-image: url('../image/background.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-blend-mode: soft-light;
    text-align: center;
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
    position: relative;
}

body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at 20% 50%, rgba(255, 200, 150, 0.15) 0%, transparent 50%),
                radial-gradient(circle at 80% 80%, rgba(255, 183, 120, 0.12) 0%, transparent 50%);
    pointer-events: none;
    z-index: 0;
}

/* Заголовки секций */
.section-title {
    font-size: 26px;
    font-weight: bold;
    color: #3d2418;
    margin-bottom: 15px;
    text-transform: uppercase;
    text-shadow: 0px 1px 3px rgba(255, 255, 255, 0.8),
                 0px 2px 5px rgba(0, 0, 0, 0.1);
    letter-spacing: 1px;
    position: relative;
    z-index: 1;
}

/* Заголовок товара */
.product-title {
    font-family: 'Cormorant Garamond', 'Playfair Display', Georgia, serif;
    font-size: 34px;
    font-weight: 600;
    color: #1a0f08;
    margin-bottom: 20px;
    text-transform: none;
    text-shadow: 
        0px 2px 6px rgba(255, 255, 255, 0.95),
        0px 1px 3px rgba(0, 0, 0, 0.1),
        0px 0px 15px rgba(255, 183, 77, 0.2);
    letter-spacing: 0.8px;
    line-height: 1.4;
    position: relative;
    z-index: 1;
    padding: 0 15px;
    text-align: center;
}

/* Главная секция */
.product-section {
    width: 100%;
    padding: 20px;
}

.product-image-container {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
}

.product-image {
    max-width: 100%;
    height: auto;
    display: block;
    border-radius: 20px;
    box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.4),
                0px 0px 20px rgba(255, 183, 77, 0.25);
    border: 2px solid rgba(255, 200, 100, 0.2);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.product-image:hover {
    transform: scale(1.02);
    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.5),
                0px 0px 30px rgba(255, 183, 77, 0.35);
}

/* Кнопка "Заказать" - дубликат стилей (удалён, используется основной стиль выше) */

/* Секция с преимуществами */
.features-section {
    width: 100%;
    max-width: 480px;
    padding: 20px;
    display: flex;
    justify-content: center;
}

/* Контейнер для элементов */
.features-container {
    display: flex;
    flex-direction: column; /* Размещаем элементы в колонку */
    align-items: center;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.75) 30%, rgba(255, 250, 240, 0.7) 100%);
    border-radius: 15px;
    padding: 10px;
    width: 100%;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
    gap: 5px; /* Уменьшил расстояние между элементами */
    border: 1px solid rgba(255, 200, 100, 0.3);
}

/* Контейнер для каждого элемента */
.feature-item {
    display: flex;
    align-items: center; /* Выравниваем картинку и текст по центру */
    text-align: left;
    width: 100%;
    padding: 5px 0; /* Минимальный внутренний отступ */
}

/* Размер изображения */
.feature-image {
    width: 80px;
    height: 80px;
    display: block;
    margin-right: 15px; /* Немного уменьшил отступ между картинкой и текстом */
}

/* Текст */
.feature-text {
    font-size: 16px;
    font-weight: bold;
    color: #3d2418;
    flex: 1; /* Заполняет оставшееся пространство */
}

/* Секция с видео */
.video-section {
    width: 100%;
    max-width: 480px;
    padding: 20px;
    text-align: center;
}

.video-container {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

/* Секция с описанием */
.description-section {
    width: 100%;
    max-width: 480px;
    padding: 20px;
    text-align: center;
    position: relative;
    z-index: 1;
}

.description-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.85) 0%, rgba(255, 250, 240, 0.9) 50%, rgba(255, 255, 255, 0.85) 100%);
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 25px;
    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.15),
                inset 0px 1px 0px rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(255, 200, 100, 0.4);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    position: relative;
    overflow: hidden;
}

.description-item::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255, 183, 77, 0.1) 0%, transparent 70%);
    animation: shimmer 3s infinite;
    pointer-events: none;
}

@keyframes shimmer {
    0%, 100% { transform: translate(-50%, -50%) rotate(0deg); opacity: 0.3; }
    50% { transform: translate(-50%, -50%) rotate(180deg); opacity: 0.6; }
}

.description-item:hover {
    transform: translateY(-5px);
    box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.3),
                inset 0px 1px 0px rgba(255, 255, 255, 0.15),
                0px 0px 20px rgba(255, 183, 77, 0.2);
}

.description-item:nth-child(odd) {
    flex-direction: column;
}

.description-item:nth-child(even) {
    flex-direction: column;
}

.description-image {
    width: 100%;
    max-width: 100%;
    height: auto;
    border-radius: 18px;
    box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.4),
                0px 0px 10px rgba(255, 183, 77, 0.3);
    margin-bottom: 18px;
    transition: transform 0.3s ease;
    position: relative;
    z-index: 1;
}

.description-item:hover .description-image {
    transform: scale(1.02);
}

.description-text {
    font-size: 17px;
    font-weight: 500;
    color: #2c1810;
    max-width: 95%;
    margin-top: 0;
    line-height: 1.6;
    text-align: left;
    text-shadow: 0px 1px 2px rgba(255, 255, 255, 0.5);
    position: relative;
    z-index: 1;
    letter-spacing: 0.3px;
}


/* Секция "Характеристики" */
.specs-section {
    width: 100%;
    max-width: 480px;
    padding: 20px;
    text-align: center;
}

.specs-container {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.85) 30%, rgba(255, 250, 240, 0.8) 100%);
    border-radius: 15px;
    padding: 20px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(255, 200, 100, 0.3);
}

/* Элемент характеристики */
.specs-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
    font-weight: bold;
    color: #3d2418;
    padding: 10px 0;
    border-bottom: 1px solid rgba(60, 36, 24, 0.2);
}

/* Последний элемент без границы */
.specs-item:last-child {
    border-bottom: none;
}

/* Декоративные точки между характеристикой и значением */
.dots {
    flex-grow: 1;
    border-bottom: 1px dashed rgba(60, 36, 24, 0.3);
    margin: 0 10px;
}





/* Галерея отзывов */
.reviews-section {
    width: 100%;
    max-width: 480px;
    padding: 20px;
    text-align: center;
}

.review-main {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1));
    border-radius: 20px;
    padding: 15px;
    margin-bottom: 15px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
}

.review-image {
    width: 100%;
    height: auto;
    border-radius: 15px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
    display: none;
}

.review-image.active {
    display: block;
}

.review-thumbs {
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
}

.review-thumbs .thumb {
    width: 70px;
    height: 70px;
    object-fit: cover;
    border-radius: 10px;
    opacity: 0.5;
    cursor: pointer;
    transition: 0.3s;
    border: 2px solid transparent;
}

.review-thumbs .thumb:hover,
.review-thumbs .thumb.active {
    opacity: 1;
    border-color: #ffcc00;
}




/* Кнопки навигации */
.gallery-prev, .gallery-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    color: white;
    font-size: 24px;
    border: none;
    padding: 10px;
    cursor: pointer;
    z-index: 10;
    border-radius: 50%;
}

.gallery-prev {
    left: 5px;
}

.gallery-next {
    right: 5px;
}

.gallery-prev:hover, .gallery-next:hover {
    background: rgba(0, 0, 0, 0.8);
}


/* Секция "Как заказать" */
.how-to-order {
    width: 100%;
    max-width: 480px;
    padding: 20px;
    text-align: center;
}

.order-step {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 15px;
    padding: 15px;
    border-radius: 20px;
    gap: 10px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.75) 30%, rgba(255, 250, 240, 0.7) 100%);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 200, 100, 0.3);
}

.order-step:nth-child(odd) {
    flex-direction: row;
}

.order-step:nth-child(even) {
    flex-direction: row-reverse;
}

.order-image {
    width: 85px;
    height: 85px;
    border-radius: 50%;
}

.order-text {
    font-size: 18px;
    font-weight: bold;
    color: #3d2418;
    flex: 1;
    text-align: left;
}

/* Форма заказа */
.order-form-section {
    width: 100%;
    max-width: 480px;
    padding: 20px;
    text-align: center;
}

.product-image-container {
    margin-bottom: 20px;
}

.order-form {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.85) 0%, rgba(255, 250, 240, 0.9) 50%, rgba(255, 255, 255, 0.85) 100%);
    padding: 25px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.15),
                inset 0px 1px 0px rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(255, 200, 100, 0.4);
}

.order-form label {
    font-size: 16px;
    font-weight: bold;
    color: #3d2418;
    text-align: left;
    display: block;
    margin-bottom: 5px;
}

.order-form input {
    width: 100%;
    padding: 14px;
    font-size: 18px;
    border: 2px solid rgba(60, 36, 24, 0.3);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.9);
    color: #3d2418;
    outline: none;
}

.order-form input:focus {
    border-color: rgba(255, 183, 77, 0.6);
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 10px rgba(255, 183, 77, 0.3);
}

.order-form input::placeholder {
    color: rgba(60, 36, 24, 0.5);
}

.gradient-button {
    background: linear-gradient(135deg, #ff6b35 0%, #ff8c42 25%, #ffa366 50%, #ff8c42 75%, #ff6b35 100%);
    background-size: 200% 200%;
    border: none;
    padding: 20px 60px 20px 25px;
    font-size: 22px;
    color: #fff;
    font-weight: 900;
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    width: 100%;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 
        0px 8px 25px rgba(255, 107, 53, 0.5),
        0px 0px 30px rgba(255, 140, 66, 0.4),
        0px 0px 50px rgba(255, 183, 77, 0.3),
        inset 0px 2px 5px rgba(255, 255, 255, 0.3),
        inset 0px -2px 5px rgba(0, 0, 0, 0.2);
    border: 3px solid rgba(255, 255, 255, 0.4);
    position: relative;
    overflow: hidden;
    animation: buttonGlow 3s ease-in-out infinite;
    z-index: 1;
}

.gradient-button > * {
    position: relative;
    z-index: 3;
}

.gradient-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
    transition: left 0.6s;
    z-index: 1;
}

.gradient-button::after {
    content: '✨';
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
    opacity: 0.9;
    animation: sparkle 2s ease-in-out infinite;
    z-index: 2;
    pointer-events: none;
}


.gradient-button:hover::before {
    left: 100%;
}

.gradient-button:hover {
    background-position: 100% 0%;
    transform: translateY(-3px) scale(1.03);
    box-shadow: 
        0px 12px 35px rgba(255, 107, 53, 0.6),
        0px 0px 40px rgba(255, 140, 66, 0.5),
        0px 0px 60px rgba(255, 183, 77, 0.4),
        inset 0px 2px 5px rgba(255, 255, 255, 0.4),
        inset 0px -2px 5px rgba(0, 0, 0, 0.2);
    border-color: rgba(255, 255, 255, 0.6);
}

.gradient-button:active {
    transform: translateY(-1px) scale(1.01);
    box-shadow: 
        0px 6px 20px rgba(255, 107, 53, 0.4),
        0px 0px 30px rgba(255, 140, 66, 0.3);
}



/* Подвал */
.footer {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.7) 30%, rgba(255, 250, 240, 0.6) 100%);
    padding: 20px;
    text-align: center;
    color: #3d2418;
    font-size: 14px;
    line-height: 20px;
    border-top: 1px solid rgba(60, 36, 24, 0.2);
}

.footer-container {
    max-width: 480px;
    margin: 0 auto;
}

.footer-link {
    color: rgba(60, 36, 24, 0.8);
    text-decoration: none;
    font-size: 14px;
    display: block;
    margin-top: 5px;
}

.footer-link:hover {
    color: #ff6b35;
    text-decoration: underline;
}

.footer-links {
    margin-top: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

.footer-links a {
    color: rgba(60, 36, 24, 0.85);
    text-decoration: none;
    font-size: 14px;
    transition: color 0.2s ease;
}

.footer-links a:hover {
    color: #ff6b35;
    text-decoration: underline;
}



/* Главная секция */
.product-section {
    width: 100%;
    padding: 20px;
    text-align: center;
}

/* Название товара */

/* Контейнер изображения */
.product-image-container {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
}

/* Картинка товара */
.product-image {
    max-width: 100%;
    height: auto;
    display: block;
    border-radius: 20px;
    box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.4),
                0px 0px 20px rgba(255, 183, 77, 0.25);
    border: 2px solid rgba(255, 200, 100, 0.2);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.product-image:hover {
    transform: scale(1.02);
    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.5),
                0px 0px 30px rgba(255, 183, 77, 0.35);
}

/* Ссылка на цену */
.price-container-link {
    text-decoration: none;
    display: block;
    width: 90%;
    margin: 20px auto;
}

/* Секция с ценой */
.price-container {
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(135deg, 
        rgba(255, 183, 77, 0.4) 0%, 
        rgba(255, 200, 100, 0.5) 30%,
        rgba(255, 193, 7, 0.55) 50%,
        rgba(255, 200, 100, 0.5) 70%,
        rgba(255, 183, 77, 0.4) 100%);
    padding: 30px 25px;
    border-radius: 25px;
    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.2),
                0px 0px 30px rgba(255, 183, 77, 0.5),
                inset 0px 2px 5px rgba(255, 255, 255, 0.4);
    margin: 0;
    width: 100%;
    border: 3px solid rgba(255, 200, 100, 0.6);
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.3s ease;
}

.price-container::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.3) 0%, transparent 70%);
    animation: priceGlow 2s infinite;
    pointer-events: none;
}

@keyframes priceGlow {
    0%, 100% { transform: translate(-50%, -50%) rotate(0deg); opacity: 0.2; }
    50% { transform: translate(-50%, -50%) rotate(180deg); opacity: 0.5; }
}

.price-container:hover {
    transform: scale(1.03);
    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.3),
                0px 0px 50px rgba(255, 183, 77, 0.7),
                inset 0px 2px 5px rgba(255, 255, 255, 0.5);
    border-color: rgba(255, 200, 100, 0.8);
}

/* Обычная цена (перечеркнутая) */
.old-price, .new-price {
    flex: 1;
    text-align: center;
}

.price-label {
    font-size: 16px;
    font-weight: 600;
    color: rgba(60, 36, 24, 0.9);
    display: block;
    margin-bottom: 10px;
    text-shadow: 0px 1px 2px rgba(255, 255, 255, 0.5);
    position: relative;
    z-index: 2;
}

.price-strikethrough {
    font-size: 28px;
    font-weight: bold;
    text-decoration: line-through;
    color: rgba(100, 100, 100, 0.6);
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 2;
}

/* Новая цена */
.price-today {
    font-size: 42px;
    font-weight: 900;
    color: #ff6b35;
    text-shadow: 
        0px 0px 15px rgba(255, 107, 53, 0.6),
        0px 0px 25px rgba(255, 140, 66, 0.4),
        0px 2px 5px rgba(0, 0, 0, 0.2),
        0px 0px 40px rgba(255, 183, 77, 0.3);
    position: relative;
    z-index: 2;
    display: inline-block;
    letter-spacing: 1px;
}

/* Кнопка "Заказать" */
.order-button {
    display: block;
    margin: 25px auto;
    padding: 20px 60px 20px 25px;
    background: linear-gradient(135deg, #ff6b35 0%, #ff8c42 25%, #ffa366 50%, #ff8c42 75%, #ff6b35 100%);
    background-size: 200% 200%;
    color: #fff;
    font-size: 22px;
    font-weight: 900;
    text-decoration: none;
    border-radius: 50px;
    width: 90%;
    box-shadow: 
        0px 8px 25px rgba(255, 107, 53, 0.5),
        0px 0px 30px rgba(255, 140, 66, 0.4),
        0px 0px 50px rgba(255, 183, 77, 0.3),
        inset 0px 2px 5px rgba(255, 255, 255, 0.3),
        inset 0px -2px 5px rgba(0, 0, 0, 0.2);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    border: 3px solid rgba(255, 255, 255, 0.4);
    position: relative;
    overflow: hidden;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3);
    animation: buttonGlow 3s ease-in-out infinite;
    z-index: 1;
}

.order-button > * {
    position: relative;
    z-index: 3;
}

.order-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
    transition: left 0.6s;
    z-index: 1;
}

.order-button::after {
    content: '✨';
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
    opacity: 0.9;
    animation: sparkle 2s ease-in-out infinite;
    z-index: 2;
    pointer-events: none;
}


.order-button:hover::before {
    left: 100%;
}

.order-button:hover {
    background-position: 100% 0%;
    transform: translateY(-3px) scale(1.03);
    box-shadow: 
        0px 12px 35px rgba(255, 107, 53, 0.6),
        0px 0px 40px rgba(255, 140, 66, 0.5),
        0px 0px 60px rgba(255, 183, 77, 0.4),
        inset 0px 2px 5px rgba(255, 255, 255, 0.4),
        inset 0px -2px 5px rgba(0, 0, 0, 0.2);
    border-color: rgba(255, 255, 255, 0.6);
}

.order-button:active {
    transform: translateY(-1px) scale(1.01);
    box-shadow: 
        0px 6px 20px rgba(255, 107, 53, 0.4),
        0px 0px 30px rgba(255, 140, 66, 0.3);
}

@keyframes buttonGlow {
    0%, 100% {
        box-shadow: 
            0px 8px 25px rgba(255, 107, 53, 0.5),
            0px 0px 30px rgba(255, 140, 66, 0.4),
            0px 0px 50px rgba(255, 183, 77, 0.3),
            inset 0px 2px 5px rgba(255, 255, 255, 0.3);
    }
    50% {
        box-shadow: 
            0px 8px 25px rgba(255, 107, 53, 0.7),
            0px 0px 40px rgba(255, 140, 66, 0.6),
            0px 0px 70px rgba(255, 183, 77, 0.5),
            inset 0px 2px 5px rgba(255, 255, 255, 0.4);
    }
}

@keyframes sparkle {
    0%, 100% {
        opacity: 0.7;
        transform: translateY(-50%) scale(1) rotate(0deg);
    }
    50% {
        opacity: 1;
        transform: translateY(-50%) scale(1.2) rotate(180deg);
    }
}

/* Анимация пульсации для новой цены */
@keyframes pulse {
    0% {
        transform: scale(1);
        text-shadow: 
            0px 0px 15px rgba(255, 107, 53, 0.6),
            0px 0px 25px rgba(255, 140, 66, 0.4),
            0px 2px 5px rgba(0, 0, 0, 0.2);
    }
    50% {
        transform: scale(1.1);
        text-shadow: 
            0px 0px 20px rgba(255, 107, 53, 0.8),
            0px 0px 35px rgba(255, 140, 66, 0.6),
            0px 0px 50px rgba(255, 183, 77, 0.4),
            0px 2px 5px rgba(0, 0, 0, 0.3);
    }
    100% {
        transform: scale(1);
        text-shadow: 
            0px 0px 15px rgba(255, 107, 53, 0.6),
            0px 0px 25px rgba(255, 140, 66, 0.4),
            0px 2px 5px rgba(0, 0, 0, 0.2);
    }
}

/* Новая цена с анимацией */
.price-today {
    font-size: 42px;
    font-weight: 900;
    color: #fff;
    animation: pulse 2s infinite;
    position: relative;
    z-index: 2;
    display: inline-block;
    letter-spacing: 1px;
    cursor: pointer;
}

/* Чекбокс */
.checkbox-wrapper {
    margin-top: -10px;
    text-align: left;
}

.checkbox-label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.3;
    color: rgba(60, 36, 24, 0.85);
}

.checkbox-label input[type="checkbox"] {
    width: 14px;
    height: 14px;
    accent-color: #ff7e5f;
    cursor: pointer;
    flex-shrink: 0;
    margin: 0;
}

.checkbox-label span {
    display: inline;
    font-weight: normal;
}

.checkbox-label a {
    color: #ff6b35;
    font-weight: normal;
    text-decoration: none;
}

.checkbox-label a:hover {
    text-decoration: underline;
}