@import "/Plugin/css/common.css";
@import "/Plugin/css/team-support.css";

/*css giao dien FAQ*/
#Faq .faq-head{
    margin-bottom:29px;
}
#Faq .faq-title {
   font-size: 23px;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 10px;
    text-transform:uppercase;
}
#Faq .accordion-list{
    position:relative;
}
#Faq .accordion-list .btn-download{
    width: 190px;
    position: absolute;
    top: -29px;
    right: -115px;
}
#Faq .accordion-list .btn-download a{
    font-size:29px;
    line-height:29px;
    padding:12px 36px;
    border-radius:22px;
    color:#fff;
    background:#00328B;
}
#Faq .accordion-list ul {
    padding: 0;
    list-style: none;
}
#Faq .accordion-list li + li {
    margin-top: 15px;
}
#Faq .accordion-list li {
    padding: 20px;
    background: #E4EEFF;
    border-radius: 22px;
}
#Faq .accordion-list a {
    display: block;
    position: relative;
    font-family:'Roboto',sans-serif;
    font-size: 16px;
    line-height: 24px;
    padding-right: 30px;
    outline: 0;
    font-weight: 600;
    margin-bottom: 7px;
}
#Faq .accordion-list span {
    /*background-color: #1a4697;
    color: #fff;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;*/
    line-height: 30px;
}
#Faq .accordion-list ul li i {
    font-size: 16px;
    position: absolute;
    right: 0;
    top: 5px;
}
#Faq .accordion-list .icon-show {
    display: none;
}
#Faq .accordion-list a.collapsed, .Faq .accordion-list a:active {
    color: #222;
}
#Faq .accordion-list a.collapsed:hover {
    color: #1a4697;
}
#Faq .accordion-list a.collapsed .icon-show {
    display: inline-block;
}
#Faq .accordion-list a.collapsed .icon-close {
    display: none;
}
#Faq .form-faq .form-head{
    margin: 20px 0 20px;
}
#Faq .form-faq .form-title{
    font-size: 23px;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 10px;
    text-transform: uppercase;
}
#Faq .box-faq{
    background:#FFFFFF;
    box-sizing: border-box;       
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 22px;
    padding:36px 64px 29px;
    border: 1px solid #C8C8C8;
}
#Faq .box-faq{
    font-size:20px;
}
#Faq .box-faq .w3-col{
    width:auto;
    margin-right:18px;
}
#Faq .box-faq .w3-col span {
    font-weight: 600;
    display: block;
    padding-top: 16px;
}
#Faq .box-faq .box-hvt{
    width: calc(100% - 88px);
}
#Faq .box-faq .box-email{
    width: calc(100% - 80px);
}
#Faq .box-faq .box-dt{
    width: calc(100% - 115px);
}
#Faq .box-faq .box-noidung {
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 22px;
    color: #B5B5B5;
    padding-top: 15px;
    padding-left: 29px;
    margin-top: 36px;
}
#Faq .box-faq .btn-faq {
     background-color:#00328B;
     color:#fff;
     font-weight:600;
     font-size:29px;
     padding:7px 58px 8px;
     border-radius:22px;
     border: none;
 }
@media (max-width:768px) {
    #Faq .accordion-list .btn-download {
        width: 108px;
        position: absolute;
        top: -30px;
        right: 0;
    }
    #Faq .accordion-list .btn-download a {
        text-align: center;
        font-size: 19px;
        line-height: 20px;
        padding: 5px 10px;
        border-radius: 22px;
        color: #fff;
        background: #00328B;
    }    
    #Faq .form-faq .form-title {
        display: inline;
        font-size: 19px;
    }
    #Faq .box-faq {
        padding: 10px 15px;
        font-size: 18px;
    }
    #Faq .box-faq .btn-faq {
        font-size: 20px;
        padding: 5px 25px;
    } 
}

/*css giao dien tai phan mem*/
.counts {
    color:#fff;
    background: url("/images/icon_v3/bg_count.jpg") center top / cover no-repeat rgb(23, 115, 88);
}
.counts .count-box {
    text-align: center;
    padding: 73px 0;
}
.counts .iDownload,.counts .iwebsite,.counts .iurl{
    border-right:1px solid #fff;
}
.counts .count-box span {
    font-size: 40px;
    font-weight: 600;
}
.counts .count-box p {
    padding: 0;
    margin: 0;
    font-size: 23px;
    font-weight: 500;
}
#downCate .down-h1 {
    margin-top: 30px;
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 500;
}
#downCate ul{
    margin-bottom: 20px;
}

/*css giao dien category tin tuc*/
.post-cate{
    padding:30px 0;
}
.post-cate .post-cate-item{
    display: flex;
    -webkit-box-align: center ;
    -ms-flex-align: center ;
    align-items: center;
}
.post_thumnail{
    padding-right: 6px;
}
.post-cate .post_thumnail img{
    border:1px solid #D9D9D9;
}
.post-content .post_title{
    font-size: 25px;
    font-weight: 600;
    line-height: 30px;  
    text-transform: uppercase;
    margin-bottom: 7px;
}
.post-content .post_description p{
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 11px;
    color: #111111;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
@media (max-width:768px){
    .post-cate .post-cate-item {
        flex-direction: column;
    }
    .post-content, .post_thumnail {
        padding: 0;
    }
    .post-content .post_title {
        font-size: 18px;
        margin-top: 20px;
    }
    .post-content .post_description p {
        font-size: 16px;
    }
}

/*ShowCate Product - giao diện sản phẩm chuyên mục*/
.product-Cate{
    width:1044px;
    margin:0 auto;
}
.product-Cate .title-toppic {
    font-size: 27px;
    font-weight: 600;
    text-align: center;
    position: relative;
    color: #00328B;
    margin: 50px 0 22px;
}
ul.product-lst{
    display:flex;
    flex-wrap:wrap;
}
ul.product-lst >li{
    width:50%;
    list-style-type: none;
    margin-bottom:21.5px;
}
ul.product-lst >li:nth-child(odd) {
    padding-right:39px;         
}
ul.product-lst >li:nth-child(even) {
    padding-left:39px;
}
ul.product-lst .box-product{
    box-sizing: border-box;
    position: relative;
    border: 1px solid #C8C8C8;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 22px;
    padding:50px 27px 14px;
    text-align: center;
    margin:22.5px 0;
}
ul.product-lst .box-product .box-title {
    /*margin-bottom: 30px;*/
}
.box-product .box-title h3{
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: center;
    font-size:25px;
    font-weight: 600;
}
.box-product .box-title h3 a{
    color: #00328B;
}
.box-product .box-title p {
    font-size: 17px;
    min-height: 2.8rem;
    color: #111111;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 0;
}
.box-product .box-product-img img{
    /*background: #C8C8C8;*/
    border-radius: 22px;
    min-height:300px;
}
.box-product .box-price-percent{
    position: absolute;
    top: -14px;
    right: -16px;
    background: #BE0000;
    color: #fff;
    border-radius: 20px;
    padding: 14px 8px 14px 8px;
    font-size: 25px;
    font-weight: 600;
}
.box-product .box-product-price {
    color: #EF4130;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    min-height: 70px;
    /*margin-top: 10px;*/    
}
.box-product .box-product-price h4{
    font-size:24px;
    font-weight:600;
}
.box-product .box-product-price h5{
    font-size:20px;
    font-weight:600;
    text-decoration:line-through;
}
.box-product .box-product-content {
    text-align: justify;
    font-size: 17px;
    max-height: 350px;
    color: #111111;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
} 
.box-product .box-product-content ul li{
    list-style:disc!important;
    margin-left:20px;
}
.box-product .box-btn-more{
    font-size: 14px;
    margin-top: 18px;
    text-align: right;
}
.box-product .box-btn-more a{
    color:#5F5F5F; 
}
@media (max-width: 768px) {
    .product-Cate {
        width: 100%;
    }
    .product-Cate .title-toppic{
        font-size: 25px;
    }
    ul.product-lst{
        flex-direction:column;
    }
    ul.product-lst >li {
        width:100%;
        padding: 15px!important;
    }
    ul.product-lst .box-product .box-title{
        margin-bottom: 15px;
    }
    .box-product .box-title h3 {
        font-size:20px;
    }
    .box-product .box-title p {
        font-size: 15px;
    }
    .box-product .box-product-price h4 {
        font-size: 20px;
    }
    .box-product .box-product-price h5 {
        font-size: 17px;
    }
    .box-product .box-price-percent{
        top: -15px;
        right: -8px;
        padding: 8px 4px 8px 4px;
        font-size: 20px;
        border-radius:12px;
    }
    .box-product .box-product-content {
        text-align: justify;
        font-size: 15px;       
    }
}
.mt-cproduct img{
    max-width: 100%;
}
.mt-cproduct iframe{
    max-width: 100%;
}
.item {
    position: relative;
    overflow: hidden; /* Đảm bảo nút không tràn ra ngoài */
}

.item img {
    width: 100%; /* Đảm bảo ảnh lấp đầy container */
    display: block; /* Loại bỏ khoảng trắng dưới ảnh */
}

.buttons {
    position: absolute;
    bottom: 10%; /* Cách lề dưới ảnh */
    left: 50%; /* Canh giữa theo chiều ngang */
    transform: translateX(-50%); /* Điều chỉnh vị trí chính xác */
    display: flex;
    gap: 50px; /* Khoảng cách giữa hai nút */
    padding: 0 10px; /* Padding bên trong */
}

.btn {
    padding: 10px 40px; /* Kích thước nút */
    border: none;
    border-radius: 5px; /* Bo góc nhẹ */
    cursor: pointer;
    /* font-size: 14px; */
    font-family: Arial, sans-serif;
    transition: all 0.3s ease; /* Hiệu ứng mượt khi hover */
}

.price-btn {
    background-color: #BEC0B1; /* Màu xanh đậm giống ảnh */
    color: #005bb5; /* Chữ trắng */
    border: 1px solid #005bb5; /* Viền xanh đậm */
    font-weight: 700;
}

.price-btn:hover {
    background-color: #005bb5; /* Màu đậm hơn khi hover */
    color: #fff;
}

.contact-btn {
    background-color: #BEC0B1; /* Nền trắng */
    color: #005bb5; /* Chữ xanh đậm */
    border: 1px solid #005bb5; /* Viền xanh đậm */
    font-weight: 700;
}

.contact-btn:hover {
    background-color: #005bb5; /* Nền xanh khi hover */
    color: #fff; /* Chữ trắng khi hover */
}

/* Responsive cho mobile */
@media (max-width: 768px) {
    .buttons {
        flex-direction: column;
        gap: 5px;
        width: 80%;
    }

    .btn {
        width: 100%;
    }
}
.seo-image {
    max-width: 100%;
    height: auto;
}
.content-section {
    /* background-color: #f8f9fa; */
    padding: 20px;
}
.content-section h2 {
    color: #005bb5;
    font-weight: bold;
    font-size: 2rem;
}
.content-section p {
    color: #333;
    font-size: 1rem;
    line-height: 1.6;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .seo-image {
        margin-bottom: 20px;
    }
    .content-section h2 {
        font-size: 1.5rem;
    }
    .content-section p {
        font-size: 0.9rem;
    }
}

@media (max-width: 576px) {
    .content-section {
        border-left: none;
        padding: 15px;
    }
    .content-section h2 {
        font-size: 1.2rem;
    }
    .content-section p {
        font-size: 0.85rem;
    }
}
.Titleh3{
    color: #005bb5;
    font-weight: 600;
    border-top: 1px solid #bbbbbb; /* Viền xanh đậm */
    border-bottom: 1px solid #bbbbbb; /* Viền xanh đậm */

}
.Titleha{
    color: #005bb5;
    font-weight: 600;
    font-size: 20px;
}
/* CSS tùy chỉnh */
.header-section {
    background-color: #005bb5;
    color: #fff;
    /* padding: 20px; */
    height: 300px;
    text-align: center;
    margin-bottom: -93px;
}
.header-section h1 {
    font-size: 2rem;
    font-weight: bold;
    margin: 0;
}
.reason-card {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 20px;
    min-height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.reason-card .card-title {
    color: #ff0000;
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 10px;
}
.reason-card .card-text {
    color: #333;
    font-size: 1rem;
    line-height: 1.5;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .header-section h1 {
        font-size: 1.5rem;
    }
    .reason-card .card-title {
        font-size: 1rem;
    }
    .reason-card .card-text {
        font-size: 0.9rem;
    }
}

@media (max-width: 576px) {
    .header-section {
        padding: 15px;
    }
    .header-section h1 {
        font-size: 1.2rem;
    }
    .reason-card {
        padding: 10px;
        min-height: 140px;
    }
    .reason-card .card-title {
        font-size: 0.9rem;
    }
    .reason-card .card-text {
        font-size: 0.85rem;
    }
    .header-section {
        margin-bottom: -150px;
    }
}
.accordion {
    max-width: 600px;
    margin: 0 auto;
}
.accordion-button {
    font-size: 1.1rem;
}
.accordion-body {
    font-size: 1rem;
}
.contact__button .default__button{
    background: red;
    color: white;
    width: 100%;
    font-weight: 600;
    font-size: 20px;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.footer__menu__title .footer__menu a{
    color: white;
}
.footer-title div{
    font-size: 15px;
    font-weight: 500;
}
.footer__menu__title h6{
    font-size: 15px;
    font-weight: 500;
}
.card-titlee{
    color: #ff0000;
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 10px;
}
.txtdes{
    font-size: 16px;
    font-weight: 700;
    color: #005bb5;
}
.d-flex-ngang{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.btn-newsp{
    background: #ff0000 !important;
    color: white !important;
    font-weight: 500 !important;
    font-size: 15px !important;
}
/*Sản phẩm XSEO*/
.details-product-price {
    margin-bottom: 20px;
    margin-top: 20px;
    display: flex;
    align-items: center;
}

.details-product-price h3 {
    font-size: 1.7rem;
    color: #000000; 
    font-weight: 700;
    display: inline-block;
    margin-right: 30px;
}

.details-product-price h4.linethrough {
    font-size: 1.25rem;
    color: #dc3545; 
    font-weight: 500;
    text-decoration: line-through;
    display: inline-block;
}
.product-header h1 {
    font-size: 2rem;
    font-weight: bold;
    color: #00338A;
    margin: 30px 0 10px;
    text-transform: uppercase;
}
.product-details .img-sale{
    aspect-ratio: 3 / 1;
    object-fit: cover;
    border-radius: 15px;
}
.product-header .btn-register{
    color: black;
    background: white;
}
.product-header .btn-register a{
    color: black;
    background: white;
    border: 1px solid rgb(56, 56, 56);
    font-size: 21px;
    font-weight: 500;
    border-radius: 15px;
}
.btn-action a {
    border-radius: 10px;
}
.btn-action .btn-download a {
    border-radius: 15px;
}
.font-img-sp{
    max-width: 80%;
}
.product-header .col-xl-5 img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    background-color: #e9ecef; /* Màu nền xám nhạt giống ảnh */
}
@media (max-width: 768px) {
    .font-img-sp{
        max-width: 100%;
    }
}

.carousel-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}

.arrow-left, .arrow-right {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    background: rgba(234, 234, 234, 0.5);
    color: #000000;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
    z-index: 10;
}

.arrow-left {
    left: -60px;
}

.arrow-right {
    right: -60px;
}

.arrow-left:hover, .arrow-right:hover {
    background: rgba(234, 234, 234, 0.5);
}
@media (max-width: 768px) {
    .arrow-left {
        left: 0px;
    }
    
    .arrow-right {
        right: 0px;
    }
}









/* ==========================================================
   SENDCV WIZARD - CSS ĐỒNG BỘ VỚI sendcv.asp + sendcv.js
   ========================================================== */

#sendcvRoot,
#sendcvRoot * { box-sizing: border-box; }

#sendcvRoot {
    --sendcv-primary: #0875d1;
    --sendcv-primary-dark: #055ba5;
    --sendcv-primary-light: #edf7ff;
    --sendcv-success: #16a34a;
    --sendcv-danger: #dc2626;
    --sendcv-text: #172033;
    --sendcv-text-light: #64748b;
    --sendcv-border: #dbe5ef;
    --sendcv-border-dark: #c5d3e0;
    --sendcv-card: #ffffff;
    --sendcv-shadow: 0 18px 55px rgba(7, 59, 120, .12);
    --sendcv-radius-large: 22px;
    --sendcv-radius-medium: 14px;
    --sendcv-radius-small: 10px;
    width: 100%;
    padding: 28px 14px;
    color: var(--sendcv-text);
    font-family: "Be Vietnam Pro", Arial, Helvetica, sans-serif;
    background:
        radial-gradient(circle at top left, rgba(8,117,209,.08), transparent 38%),
        linear-gradient(180deg, #f7fbff 0%, #eef5fb 100%);
}

#sendcvRoot button,
#sendcvRoot input,
#sendcvRoot select,
#sendcvRoot textarea { font: inherit; }

#sendcvRoot button { appearance: none; -webkit-appearance: none; }

#sendcvRoot .sendcv-form {
    position: relative;
    width: 100%;
    max-width: 1050px;
    margin: 0 auto;
    overflow: hidden;
    background: var(--sendcv-card);
    border: 1px solid rgba(8,117,209,.12);
    border-radius: var(--sendcv-radius-large);
    box-shadow: var(--sendcv-shadow);
}

#sendcvRoot .sendcv-form::before {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    left: 0;
    height: 5px;
    background: linear-gradient(90deg, #073b78, #0875d1 45%, #38a5ef);
}

/* Header */
#sendcvRoot .sendcv-header {
    position: relative;
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 30px 34px 25px;
    overflow: hidden;
    color: #fff;
    background:
        radial-gradient(circle at top right, rgba(255,255,255,.18), transparent 38%),
        linear-gradient(135deg, #06356d, #0875d1 65%, #1594e8);
}

#sendcvRoot .sendcv-header::after {
    content: "";
    position: absolute;
    right: -85px;
    bottom: -115px;
    width: 250px;
    height: 250px;
    border: 45px solid rgba(255,255,255,.08);
    border-radius: 50%;
}

#sendcvRoot .sendcv-header-icon {
    position: relative;
    z-index: 1;
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    color: var(--sendcv-primary);
    font-size: 28px;
    font-weight: 900;
    background: #fff;
    border: 5px solid rgba(255,255,255,.22);
    border-radius: 18px;
    box-shadow: 0 12px 28px rgba(0,33,83,.2);
}

#sendcvRoot .sendcv-header-content { position: relative; z-index: 1; min-width: 0; }
#sendcvRoot .sendcv-title { margin: 0 0 7px; color: #fff; font-size: 30px; font-weight: 800; line-height: 1.35; }
#sendcvRoot .sendcv-description { max-width: 760px; margin: 0; color: rgba(255,255,255,.9); font-size: 14px; line-height: 1.7; }

/* Progress */
#sendcvRoot .sendcv-progress-wrapper { padding: 22px 34px 20px; background: #fff; border-bottom: 1px solid #e7eef6; }
#sendcvRoot .sendcv-progress-info { display: flex; justify-content: space-between; gap: 15px; margin-bottom: 10px; color: #526377; font-size: 13px; font-weight: 700; }
#sendcvRoot #sendcvStepText { color: #073b78; }
#sendcvRoot #sendcvStepPercent { color: var(--sendcv-primary); }
#sendcvRoot .sendcv-progress { width: 100%; height: 9px; overflow: hidden; background: #e5edf5; border-radius: 999px; }
#sendcvRoot .sendcv-progress-bar { position: relative; width: 0; height: 100%; background: linear-gradient(90deg, #0868bd, #1594e8); border-radius: inherit; transition: width .35s ease; }
#sendcvRoot .sendcv-progress-labels { display: grid; grid-template-columns: repeat(6, minmax(0,1fr)); gap: 8px; margin-top: 17px; }
#sendcvRoot .sendcv-progress-item { position: relative; display: flex; flex-direction: column; align-items: center; gap: 6px; min-width: 0; color: #91a0b0; text-align: center; }
#sendcvRoot .sendcv-progress-item::before { content: ""; position: absolute; z-index: 0; top: 15px; left: calc(-50% + 20px); width: calc(100% - 8px); height: 2px; background: #dbe5ef; }
#sendcvRoot .sendcv-progress-item:first-child::before { display: none; }
#sendcvRoot .sendcv-progress-number { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; width: 31px; height: 31px; color: #8393a5; font-size: 12px; font-weight: 800; background: #fff; border: 2px solid #d8e2ec; border-radius: 50%; transition: .2s ease; }
#sendcvRoot .sendcv-progress-name { max-width: 100%; overflow: hidden; font-size: 11px; font-weight: 700; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap; }
#sendcvRoot .sendcv-progress-item.active { color: var(--sendcv-primary); }
#sendcvRoot .sendcv-progress-item.active .sendcv-progress-number { color: #fff; background: var(--sendcv-primary); border-color: var(--sendcv-primary); transform: scale(1.08); box-shadow: 0 5px 15px rgba(8,117,209,.24); }
#sendcvRoot .sendcv-progress-item.completed { color: var(--sendcv-success); }
#sendcvRoot .sendcv-progress-item.completed::before { background: var(--sendcv-success); }
#sendcvRoot .sendcv-progress-item.completed .sendcv-progress-number { color: #fff; background: var(--sendcv-success); border-color: var(--sendcv-success); }

/* Message */
#sendcvRoot .sendcv-message { display: none; margin: 20px 34px 0; padding: 13px 16px; font-size: 14px; font-weight: 600; line-height: 1.6; text-align: center; border-radius: 12px; }
#sendcvRoot .sendcv-message.sendcv-success { display: block; color: #166534; background: #ecfdf3; border: 1px solid #bbf7d0; }
#sendcvRoot .sendcv-message.sendcv-error { display: block; color: #b91c1c; background: #fff1f2; border: 1px solid #fecdd3; }
#sendcvRoot .sendcv-message.sendcv-loading { display: block; color: #075985; background: #eff8ff; border: 1px solid #bae6fd; }

/* Steps */
#sendcvRoot .sendcv-step { display: none; padding: 30px 34px 34px; animation: sendcvFade .28s ease; }
#sendcvRoot .sendcv-step.active { display: block; }
@keyframes sendcvFade { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
#sendcvRoot .sendcv-step-heading { margin-bottom: 24px; }
#sendcvRoot .sendcv-step-badge { display: inline-flex; align-items: center; justify-content: center; min-height: 29px; margin-bottom: 10px; padding: 5px 13px; color: #0868bd; font-size: 12px; font-weight: 800; background: #eaf5ff; border: 1px solid #cfe8fb; border-radius: 999px; }
#sendcvRoot .sendcv-step-heading h3 { margin: 0 0 7px; color: #073b78; font-size: 23px; font-weight: 800; line-height: 1.4; }
#sendcvRoot .sendcv-step-heading p { max-width: 760px; margin: 0; color: var(--sendcv-text-light); font-size: 14px; line-height: 1.7; }

/* Mode cards */
#sendcvRoot .sendcv-mode-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
#sendcvRoot .sendcv-mode-card { position: relative; display: block; min-width: 0; cursor: pointer; }
#sendcvRoot .sendcv-mode-card > input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
#sendcvRoot .sendcv-mode-card-inner { position: relative; display: flex; align-items: flex-start; gap: 16px; min-height: 150px; height: 100%; padding: 21px; background: #fff; border: 2px solid #dce6ef; border-radius: 16px; transition: .22s ease; }
#sendcvRoot .sendcv-mode-card:hover .sendcv-mode-card-inner { border-color: #8fc8ef; transform: translateY(-2px); box-shadow: 0 12px 28px rgba(8,117,209,.11); }
#sendcvRoot .sendcv-mode-card > input:checked + .sendcv-mode-card-inner { background: linear-gradient(180deg,#f6fbff,#eaf6ff); border-color: var(--sendcv-primary); box-shadow: 0 0 0 4px rgba(8,117,209,.09), 0 14px 30px rgba(8,117,209,.12); }
#sendcvRoot .sendcv-mode-check { position: absolute; top: 14px; right: 14px; display: flex; align-items: center; justify-content: center; width: 25px; height: 25px; color: transparent; font-size: 14px; font-weight: 900; background: #fff; border: 2px solid #d4e0ea; border-radius: 50%; }
#sendcvRoot .sendcv-mode-check::before { content: "✓"; }
#sendcvRoot .sendcv-mode-card > input:checked + .sendcv-mode-card-inner .sendcv-mode-check { color: #fff; background: var(--sendcv-primary); border-color: var(--sendcv-primary); }
#sendcvRoot .sendcv-mode-icon { display: flex; flex: 0 0 auto; align-items: center; justify-content: center; width: 52px; height: 52px; color: var(--sendcv-primary); font-size: 24px; font-weight: 800; background: #edf7ff; border: 1px solid #cfe8fb; border-radius: 14px; }
#sendcvRoot .sendcv-mode-card > input:checked + .sendcv-mode-card-inner .sendcv-mode-icon { color: #fff; background: var(--sendcv-primary); border-color: var(--sendcv-primary); }
#sendcvRoot .sendcv-mode-content { min-width: 0; }
#sendcvRoot .sendcv-mode-title { display: block; margin-bottom: 7px; padding-right: 25px; color: #073b78; font-size: 17px; font-weight: 800; line-height: 1.45; }
#sendcvRoot .sendcv-mode-description { display: block; color: var(--sendcv-text-light); font-size: 13px; line-height: 1.65; }

/* Form */
#sendcvRoot .sendcv-step-mode-content { display: none; }
#sendcvRoot .sendcv-step-mode-content.active { display: block; animation: sendcvFade .25s ease; }
#sendcvRoot .sendcv-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
#sendcvRoot .sendcv-field { min-width: 0; }
#sendcvRoot .sendcv-field-full { grid-column: 1 / -1; }
#sendcvRoot .sendcv-field label { display: block; margin-bottom: 8px; color: #27384c; font-size: 13px; font-weight: 700; line-height: 1.5; }
#sendcvRoot .sendcv-required { color: var(--sendcv-danger); }
#sendcvRoot .sendcv-input,
#sendcvRoot .sendcv-select,
#sendcvRoot .sendcv-textarea { display: block; width: 100%; color: #172033; font-size: 14px; font-weight: 500; background: #fff; border: 1px solid var(--sendcv-border-dark); border-radius: var(--sendcv-radius-small); outline: none; transition: border-color .2s ease, box-shadow .2s ease, background .2s ease; }
#sendcvRoot .sendcv-input,
#sendcvRoot .sendcv-select { height: 47px; padding: 0 13px; }
#sendcvRoot .sendcv-textarea { min-height: 96px; padding: 12px 13px; line-height: 1.6; resize: vertical; }
#sendcvRoot .sendcv-input:focus,
#sendcvRoot .sendcv-select:focus,
#sendcvRoot .sendcv-textarea:focus { border-color: var(--sendcv-primary); box-shadow: 0 0 0 4px rgba(8,117,209,.11); }
#sendcvRoot .sendcv-input:disabled,
#sendcvRoot .sendcv-select:disabled,
#sendcvRoot .sendcv-textarea:disabled { color: #94a3b8; background: #f4f6f8; cursor: not-allowed; opacity: .8; }
#sendcvRoot .sendcv-code-input { color: #0868bd; font-weight: 700; background: #f3f8fc; border-style: dashed; }
#sendcvRoot .sendcv-conditional-field { display: none; }
#sendcvRoot .sendcv-conditional-field.active { display: block; }
#sendcvRoot .sendcv-info-box { padding: 17px 18px; color: #334155; font-size: 13px; line-height: 1.7; background: #f7fbff; border: 1px solid #cfe4f6; border-left: 4px solid var(--sendcv-primary); border-radius: 12px; }

/* Buttons */
#sendcvRoot .sendcv-step-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 28px; padding-top: 22px; border-top: 1px solid #e7eef5; }
#sendcvRoot .sendcv-step-actions-end { justify-content: flex-end; }
#sendcvRoot .sendcv-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 135px; min-height: 47px; padding: 10px 19px; font-size: 14px; font-weight: 800; line-height: 1.2; text-decoration: none; border: 1px solid transparent; border-radius: 11px; cursor: pointer; transition: .2s ease; }
#sendcvRoot .sendcv-btn:hover { transform: translateY(-1px); }
#sendcvRoot .sendcv-btn:disabled { opacity: .58; cursor: not-allowed; transform: none; box-shadow: none; }
#sendcvRoot .sendcv-btn-primary { color: #fff; background: linear-gradient(135deg,#0875d1,#055ba5); border-color: #0667b9; box-shadow: 0 8px 20px rgba(8,117,209,.2); }
#sendcvRoot .sendcv-btn-primary:hover { color: #fff; background: linear-gradient(135deg,#076abc,#044d8c); box-shadow: 0 11px 24px rgba(8,117,209,.27); }
#sendcvRoot .sendcv-btn-secondary { color: #526377; background: #fff; border-color: #cdd9e4; }
#sendcvRoot .sendcv-btn-secondary:hover { color: #27384c; background: #f4f7fa; border-color: #afbfce; }
#sendcvRoot .sendcv-btn-outline { color: var(--sendcv-primary); background: #f4faff; border-color: #9bcdf1; }
#sendcvRoot .sendcv-btn-outline:hover { color: var(--sendcv-primary-dark); background: #e8f5ff; border-color: var(--sendcv-primary); }
#sendcvRoot .sendcv-submit-btn { min-width: 200px; }

/* Validation */
#sendcvRoot .sendcv-invalid { border-color: var(--sendcv-danger) !important; background: #fffafa !important; box-shadow: 0 0 0 4px rgba(220,38,38,.08) !important; }
#sendcvRoot .sendcv-radio-group.sendcv-invalid,
#sendcvRoot .sendcv-confirm-box.sendcv-invalid,
#sendcvRoot .sendcv-upload-box.sendcv-invalid { padding: 10px; border: 1px solid var(--sendcv-danger) !important; border-radius: 12px; box-shadow: 0 0 0 4px rgba(220,38,38,.08) !important; }
#sendcvRoot .sendcv-field-error { display: block; margin-top: 6px; color: var(--sendcv-danger); font-size: 12px; font-weight: 600; line-height: 1.45; }

/* Wishes */
#sendcvRoot .sendcv-wish-progress { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 14px; padding: 10px 13px; color: #526377; font-size: 12px; font-weight: 800; background: #f6f9fc; border: 1px solid #e0e8f0; border-radius: 10px; }
#sendcvRoot .sendcv-wish-step { display: none; padding: 22px; background: linear-gradient(180deg,#fff,#f8fbfe); border: 1px solid #dce7f1; border-radius: 16px; box-shadow: 0 9px 24px rgba(15,57,99,.06); }
#sendcvRoot .sendcv-wish-step.active { display: block; animation: sendcvWishIn .28s ease; }
@keyframes sendcvWishIn { from { opacity: 0; transform: translateX(8px); } to { opacity: 1; transform: none; } }
#sendcvRoot .sendcv-wish-header { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #e3ebf3; }
#sendcvRoot .sendcv-wish-header-left { display: flex; align-items: center; gap: 12px; min-width: 0; }
#sendcvRoot .sendcv-wish-number { display: flex; flex: 0 0 auto; align-items: center; justify-content: center; width: 39px; height: 39px; color: #fff; font-size: 15px; font-weight: 800; background: linear-gradient(135deg,#0875d1,#055ba5); border-radius: 50%; box-shadow: 0 7px 16px rgba(8,117,209,.2); }
#sendcvRoot .sendcv-wish-title { margin: 0; color: #073b78; font-size: 18px; font-weight: 800; line-height: 1.4; }
#sendcvRoot .sendcv-wish-subtitle { margin: 3px 0 0; color: var(--sendcv-text-light); font-size: 12px; line-height: 1.5; }
#sendcvRoot .sendcv-wish-status { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; min-height: 28px; padding: 5px 11px; color: #526377; font-size: 11px; font-weight: 800; background: #f1f5f9; border: 1px solid #d9e2ea; border-radius: 999px; }
#sendcvRoot .sendcv-wish-status-required { color: #b91c1c; background: #fff1f2; border-color: #fecdd3; }
#sendcvRoot .sendcv-radio-group { display: flex; flex-wrap: wrap; gap: 11px; }
#sendcvRoot .sendcv-radio-option { position: relative; display: inline-flex; cursor: pointer; }
#sendcvRoot .sendcv-radio-option input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
#sendcvRoot .sendcv-radio-content { display: inline-flex; align-items: center; justify-content: center; min-height: 43px; padding: 9px 16px; color: #526377; font-size: 13px; font-weight: 700; background: #fff; border: 1px solid #d4e0ea; border-radius: 10px; transition: .2s ease; }
#sendcvRoot .sendcv-radio-option:hover .sendcv-radio-content { color: #075fae; background: #f5fbff; border-color: #8fc8ef; }
#sendcvRoot .sendcv-radio-option input:checked + .sendcv-radio-content { color: #fff; background: var(--sendcv-primary); border-color: var(--sendcv-primary); box-shadow: 0 7px 17px rgba(8,117,209,.2); }
#sendcvRoot .sendcv-add-wish-question { display: none; margin-top: 20px; padding: 22px; text-align: center; background: linear-gradient(135deg,#f7fbff,#eef7ff); border: 1px dashed #9dccec; border-radius: 15px; }
#sendcvRoot .sendcv-add-wish-question.active { display: block; animation: sendcvFade .25s ease; }
#sendcvRoot .sendcv-add-wish-icon { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; margin: 0 auto 12px; color: var(--sendcv-primary); font-size: 26px; font-weight: 800; background: #fff; border: 1px solid #cfe4f6; border-radius: 50%; }
#sendcvRoot .sendcv-add-wish-title { margin: 0 0 6px; color: #073b78; font-size: 17px; font-weight: 800; }
#sendcvRoot .sendcv-add-wish-description { max-width: 610px; margin: 0 auto; color: var(--sendcv-text-light); font-size: 13px; line-height: 1.65; }
#sendcvRoot .sendcv-add-wish-actions { display: flex; justify-content: center; gap: 11px; margin-top: 17px; }

/* Upload */
#sendcvRoot .sendcv-upload-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
#sendcvRoot .sendcv-upload-grid.single { grid-template-columns: 1fr; }
#sendcvRoot .sendcv-upload-box { position: relative; min-width: 0; padding: 22px; text-align: center; background: linear-gradient(180deg,#fff,#f8fbfe); border: 2px dashed #bfd3e5; border-radius: 15px; transition: .2s ease; }
#sendcvRoot .sendcv-upload-box:hover,
#sendcvRoot .sendcv-upload-box.dragover { background: #f5fbff; border-color: #6fb2e4; box-shadow: 0 10px 24px rgba(8,117,209,.08); }
#sendcvRoot .sendcv-upload-icon { display: flex; align-items: center; justify-content: center; width: 54px; height: 54px; margin: 0 auto 12px; color: var(--sendcv-primary); font-size: 26px; font-weight: 800; background: #eaf6ff; border-radius: 16px; }
#sendcvRoot .sendcv-upload-title { margin: 0 0 6px; color: #073b78; font-size: 15px; font-weight: 800; line-height: 1.45; }
#sendcvRoot .sendcv-upload-description { margin: 0; color: var(--sendcv-text-light); font-size: 12px; line-height: 1.6; }
#sendcvRoot .sendcv-upload-label { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; margin-top: 14px; padding: 8px 15px; color: #fff; font-size: 13px; font-weight: 800; background: var(--sendcv-primary); border-radius: 9px; cursor: pointer; transition: .2s ease; }
#sendcvRoot .sendcv-upload-label:hover { background: var(--sendcv-primary-dark); transform: translateY(-1px); }
#sendcvRoot .sendcv-upload-box input[type="file"] { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
#sendcvRoot .sendcv-file-name { display: none; margin-top: 13px; padding: 9px 11px; color: #166534; font-size: 12px; font-weight: 700; line-height: 1.5; word-break: break-word; background: #ecfdf3; border: 1px solid #bbf7d0; border-radius: 9px; }
#sendcvRoot .sendcv-file-name.active { display: block; }
#sendcvRoot .sendcv-file-name::before { content: "✓ "; font-weight: 900; }
#sendcvRoot .sendcv-upload-note { margin-top: 18px; padding: 13px 15px; color: #526377; font-size: 12px; line-height: 1.65; background: #f8fafc; border: 1px solid #e1e8ef; border-radius: 10px; }

/* Review */
#sendcvRoot .sendcv-review { display: grid; gap: 16px; }
#sendcvRoot .sendcv-review-section { overflow: hidden; background: #fff; border: 1px solid #dce7f1; border-radius: 14px; }
#sendcvRoot .sendcv-review-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 17px; background: linear-gradient(180deg,#f8fbfe,#f1f7fc); border-bottom: 1px solid #dfe8f0; }
#sendcvRoot .sendcv-review-title { margin: 0; color: #073b78; font-size: 15px; font-weight: 800; }
#sendcvRoot .sendcv-review-edit { color: var(--sendcv-primary); font-size: 12px; font-weight: 800; background: transparent; border: none; cursor: pointer; }
#sendcvRoot .sendcv-review-body { padding: 16px 17px; }
#sendcvRoot .sendcv-review-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px 20px; }
#sendcvRoot .sendcv-review-item-full { grid-column: 1 / -1; }
#sendcvRoot .sendcv-review-label { display: block; margin-bottom: 4px; color: #8492a1; font-size: 11px; font-weight: 700; text-transform: uppercase; }
#sendcvRoot .sendcv-review-value { display: block; color: #27384c; font-size: 13px; font-weight: 700; line-height: 1.55; word-break: break-word; }
#sendcvRoot .sendcv-review-empty { color: #94a3b8; font-style: italic; }
#sendcvRoot .sendcv-confirm-box { margin-top: 20px; padding: 16px; background: #f8fafc; border: 1px solid #dce5ed; border-radius: 12px; }
#sendcvRoot .sendcv-confirm-label { display: flex; align-items: flex-start; gap: 10px; margin: 0; color: #334155; font-size: 13px; font-weight: 600; line-height: 1.65; cursor: pointer; }
#sendcvRoot .sendcv-confirm-label input { flex: 0 0 auto; width: 18px; height: 18px; margin-top: 2px; accent-color: var(--sendcv-primary); }

/* Loading and finish */
#sendcvRoot .sendcv-submit-btn.is-loading { position: relative; color: transparent !important; pointer-events: none; }
#sendcvRoot .sendcv-submit-btn.is-loading::after { content: ""; position: absolute; top: 50%; left: 50%; width: 21px; height: 21px; margin: -11px 0 0 -11px; border: 3px solid rgba(255,255,255,.45); border-top-color: #fff; border-radius: 50%; animation: sendcvSpin .75s linear infinite; }
@keyframes sendcvSpin { to { transform: rotate(360deg); } }
#sendcvRoot .sendcv-finish { max-width: 680px; margin: 0 auto; padding: 18px 0 5px; text-align: center; }
#sendcvRoot .sendcv-finish-icon { display: flex; align-items: center; justify-content: center; width: 82px; height: 82px; margin: 0 auto 19px; color: #fff; font-size: 39px; font-weight: 900; background: linear-gradient(135deg,#22c55e,#15803d); border: 8px solid #dcfce7; border-radius: 50%; box-shadow: 0 12px 30px rgba(22,163,74,.21); }
#sendcvRoot .sendcv-finish-title { margin: 0 0 9px; color: #14532d; font-size: 25px; font-weight: 800; }
#sendcvRoot .sendcv-finish-description { max-width: 590px; margin: 0 auto; color: var(--sendcv-text-light); font-size: 14px; line-height: 1.75; }
#sendcvRoot .sendcv-finish-actions { display: flex; justify-content: center; margin-top: 23px; }
#sendcvRoot .sendcv-processing-overlay { position: absolute; z-index: 100; inset: 0; display: none; align-items: center; justify-content: center; padding: 20px; background: rgba(255,255,255,.82); backdrop-filter: blur(3px); }
#sendcvRoot .sendcv-processing-overlay.active { display: flex; }
#sendcvRoot .sendcv-processing-box { min-width: 210px; padding: 24px; text-align: center; background: #fff; border: 1px solid #dbe5ef; border-radius: 15px; box-shadow: 0 18px 45px rgba(15,23,42,.16); }
#sendcvRoot .sendcv-processing-spinner { width: 42px; height: 42px; margin: 0 auto 13px; border: 4px solid #dbeafe; border-top-color: var(--sendcv-primary); border-radius: 50%; animation: sendcvSpin .8s linear infinite; }
#sendcvRoot .sendcv-processing-text { margin: 0; color: #334155; font-size: 13px; font-weight: 700; }

/* Popup */
#sendcvRoot .sendcv-popup { position: fixed; z-index: 999999; inset: 0; display: none; align-items: center; justify-content: center; padding: 20px; background: rgba(15,23,42,.58); backdrop-filter: blur(5px); }
#sendcvRoot .sendcv-popup.active { display: flex; }
#sendcvRoot .sendcv-popup-dialog { position: relative; width: 100%; max-width: 490px; overflow: hidden; background: #fff; border: 1px solid rgba(8,117,209,.14); border-radius: 20px; box-shadow: 0 30px 90px rgba(15,23,42,.3); animation: sendcvPopupIn .3s ease; }
@keyframes sendcvPopupIn { from { opacity: 0; transform: translateY(16px) scale(.97); } to { opacity: 1; transform: none; } }
#sendcvRoot .sendcv-popup-dialog::before { content: ""; display: block; height: 5px; background: linear-gradient(90deg,#16a34a,#22c55e,#4ade80); }
#sendcvRoot .sendcv-popup-close { position: absolute; top: 14px; right: 14px; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; padding: 0; color: #64748b; font-size: 23px; background: #f1f5f9; border: 1px solid #e2e8f0; border-radius: 50%; cursor: pointer; }
#sendcvRoot .sendcv-popup-content { padding: 38px 34px 32px; text-align: center; }
#sendcvRoot .sendcv-popup-icon { display: flex; align-items: center; justify-content: center; width: 78px; height: 78px; margin: 0 auto 18px; color: #fff; font-size: 36px; font-weight: 900; background: linear-gradient(135deg,#22c55e,#15803d); border: 8px solid #dcfce7; border-radius: 50%; }
#sendcvRoot .sendcv-popup-title { margin: 0 0 10px; color: #14532d; font-size: 24px; font-weight: 800; }
#sendcvRoot .sendcv-popup-message { margin: 0; color: #64748b; font-size: 14px; line-height: 1.75; }
#sendcvRoot .sendcv-popup-actions { display: flex; justify-content: center; margin-top: 22px; }
#sendcvRoot .sendcv-popup.sendcv-popup-error .sendcv-popup-dialog::before { background: linear-gradient(90deg,#dc2626,#ef4444,#f87171); }
#sendcvRoot .sendcv-popup.sendcv-popup-error .sendcv-popup-icon { background: linear-gradient(135deg,#ef4444,#b91c1c); border-color: #fee2e2; }
#sendcvRoot .sendcv-popup.sendcv-popup-error .sendcv-popup-title { color: #991b1b; }
body.sendcv-popup-open { overflow: hidden; }

/* Utilities */
#sendcvRoot .sendcv-hidden { display: none !important; }
#sendcvRoot .sendcv-mt-20 { margin-top: 20px !important; }

#sendcvRoot .sendcv-btn:focus-visible,
#sendcvRoot input:focus-visible,
#sendcvRoot select:focus-visible,
#sendcvRoot textarea:focus-visible,
#sendcvRoot .sendcv-mode-card > input:focus-visible + .sendcv-mode-card-inner { outline: 3px solid rgba(8,117,209,.25); outline-offset: 2px; }

@media (max-width: 900px) {
    #sendcvRoot { padding: 20px 10px; }
    #sendcvRoot .sendcv-header { padding: 27px 25px 23px; }
    #sendcvRoot .sendcv-progress-wrapper { padding: 20px 25px 18px; }
    #sendcvRoot .sendcv-step { padding: 27px 25px 30px; }
    #sendcvRoot .sendcv-message { margin-right: 25px; margin-left: 25px; }
}

@media (max-width: 768px) {
    #sendcvRoot { padding: 10px 6px; }
    #sendcvRoot .sendcv-form { border-radius: 15px; }
    #sendcvRoot .sendcv-header { align-items: flex-start; gap: 13px; padding: 23px 17px 21px; }
    #sendcvRoot .sendcv-header-icon { width: 47px; height: 47px; font-size: 22px; border-width: 4px; border-radius: 14px; }
    #sendcvRoot .sendcv-title { font-size: 22px; }
    #sendcvRoot .sendcv-description { font-size: 12px; }
    #sendcvRoot .sendcv-progress-wrapper { padding: 18px 16px 16px; }
    #sendcvRoot .sendcv-progress-labels { gap: 2px; }
    #sendcvRoot .sendcv-progress-item::before { top: 12px; left: calc(-50% + 15px); width: calc(100% - 3px); }
    #sendcvRoot .sendcv-progress-number { width: 25px; height: 25px; font-size: 10px; }
    #sendcvRoot .sendcv-progress-name { max-width: 48px; font-size: 8px; white-space: normal; }
    #sendcvRoot .sendcv-message { margin: 15px 16px 0; font-size: 12px; }
    #sendcvRoot .sendcv-step { padding: 22px 16px 25px; }
    #sendcvRoot .sendcv-step-heading h3 { font-size: 19px; }
    #sendcvRoot .sendcv-step-heading p { font-size: 12px; }
    #sendcvRoot .sendcv-grid,
    #sendcvRoot .sendcv-mode-grid,
    #sendcvRoot .sendcv-review-grid,
    #sendcvRoot .sendcv-upload-grid { grid-template-columns: 1fr; }
    #sendcvRoot .sendcv-field-full,
    #sendcvRoot .sendcv-review-item-full { grid-column: auto; }
    #sendcvRoot .sendcv-mode-card-inner { min-height: 0; padding: 17px; }
    #sendcvRoot .sendcv-wish-step { padding: 17px; }
    #sendcvRoot .sendcv-radio-group { flex-direction: column; }
    #sendcvRoot .sendcv-radio-option,
    #sendcvRoot .sendcv-radio-content { width: 100%; }
    #sendcvRoot .sendcv-radio-content { justify-content: flex-start; }
    #sendcvRoot .sendcv-add-wish-actions { flex-direction: column; }
    #sendcvRoot .sendcv-step-actions { flex-direction: column-reverse; align-items: stretch; gap: 10px; }
    #sendcvRoot .sendcv-step-actions-end { flex-direction: column; }
    #sendcvRoot .sendcv-btn,
    #sendcvRoot .sendcv-submit-btn { width: 100%; min-width: 0; }
    #sendcvRoot .sendcv-popup-content { padding: 35px 20px 25px; }
}

@media (max-width: 480px) {
    #sendcvRoot .sendcv-progress-name { display: none; }
    #sendcvRoot .sendcv-wish-header { align-items: flex-start; gap: 8px; }
    #sendcvRoot .sendcv-wish-status { max-width: 85px; text-align: center; }
}

@media (prefers-reduced-motion: reduce) {
    #sendcvRoot *, #sendcvRoot *::before, #sendcvRoot *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}