#fast-catr{ margin-bottom: 25px; } .fc-search-box{ position: relative; } .fc-search-box input, .fc-search-box textarea { resize: none; overflow: auto; height: 47px; max-height: 350px; border-radius: 8px; border: solid 2px #0099ff; width: 100%; padding: 12px 39px 12px 19px; font-size: 14px; background-color: #fff; z-index: 2; position: relative; } .fc-search-box textarea::-webkit-scrollbar{ width: 5px; height: 5px; } .fc-search-box textarea::-webkit-scrollbar-track{ background: #fff; } .fc-search-box textarea::-webkit-scrollbar-thumb{ background: #eef1f3; border-radius: 3.5px; } .fc-search-box button{ position: absolute; z-index: 3; top: 2px; right: 14px; margin-right: -14px; bottom: 4px; height: 45px; width: 50px; border: none; padding: 0; background: none; color: #fff; } .fc-search-box button svg { vertical-align: middle; width: 23px; height: 23px; fill: #0099ff; } .fc-search-box .autocomplete-search { position: absolute; top: 100%; left: 0; right: 0; z-index: 1; border-radius: 4px; box-shadow: 0 -1px 0 0 #e1e8ec, 0 5px 20px 0 rgb(0 0 0 / 6%); padding: 15px; background-color: #fff; } .fc-search-box .autocomplete-search .item { display: flex; cursor: pointer; } .fc-search-box .autocomplete-search .item .checkbox{ position: relative; width: 16px; height: 16px; flex: 0 0 16px; margin: auto 15px auto 0; } .fc-search-box .autocomplete-search .item .checkbox:before { content: ""; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; border-radius: 2px; pointer-events: none; background-color: #fff; border: #d6dbe0 solid 1px; transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; } .fc-search-box .autocomplete-search .item .checkbox:after{ content: ""; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: 8px; } .fc-search-box .autocomplete-search .item.active .checkbox:before { color: #fff; border-color: #0099ff; background-color: #0099ff; } .fc-search-box .autocomplete-search .item.active .checkbox:after{ background-image: url(../../theme/default/stylesheet/icons/check-icon.png); background-position: 4px 5px; } .fc-search-box .autocomplete-search .item.active { cursor: default; } .fc-search-box .autocomplete-search .item.active *{ opacity: 0.5; } .fc-search-box .autocomplete-search .item.active .checkbox{ opacity: 1; } .fc-search-box .autocomplete-search .item:not(:last-child) { margin-bottom: 5px; } .fc-search-box .autocomplete-search .item img{ display: block; width: 45px; height: 45px; margin: 0 15px 0 0; } .fc-search-box .autocomplete-search .item .name{ font-size: 15px; color: #001a1a; margin: auto auto auto 0; width: 350px; max-width: 350px; } .fc-search-box .autocomplete-search .item.active .name, .fc-search-box .autocomplete-search .item:hover .name{ color: #0099ff; } .fc-search-box .autocomplete-search .item .name .model{ font-size: 14px; color: #8b8b8b; margin-top: 3px; } .fc-search-box .autocomplete-search .item .price{ font-size: 16px; font-weight: bold; margin: auto 0 auto 15px; } .fast-cart-options { 
    background: linear-gradient(135deg, #f8fbff 0%, #e8f4fd 100%);
    border: 1px solid #e1e8ec;
    position: relative;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 4px 12px rgba(0, 149, 216, 0.08);
    transition: all 0.3s ease;
}

.fast-cart-options:hover {
    box-shadow: 0 6px 20px rgba(0, 149, 216, 0.12);
    transform: translateY(-2px);
}

.fast-cart-options .info{ 
    font-size: 16px; 
    color: #2c3e50; 
    font-weight: 500;
    margin-bottom: 16px;
    line-height: 1.4;
} 

.fast-cart-options .info:not(:first-child){ 
    margin-top: 10px; 
} 

.fast-cart-options .info button{ 
    display: inline-block; 
    background: none; 
    padding: 0; 
    margin: 0; 
    border: none; 
    color: #0099ff; 
} 

.fast-cart-options .info button:hover{ 
    color: #0095d8; 
} 

.fast-cart-options .info ul {
    list-style: none;
    padding: 0;
    margin: 16px 0 0 0;
}

.fast-cart-options .info ul li {
    position: relative;
    padding: 8px 0 8px 28px;
    color: #5a6c7d;
    font-size: 14px;
    line-height: 1.5;
    transition: color 0.2s ease;
}

.fast-cart-options .info ul li:hover {
    color: #0099ff;
}

.fast-cart-options .info ul li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 8px;
    width: 18px;
    height: 18px;
    background: #0099ff;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: bold;
}

.fast-cart-options .option{ 
    font-size: 15px; 
    color: #0099ff; 
    cursor: pointer; 
} 

.fast-cart-options .option:hover{ 
    color: #0095d8; 
} 

.fast-cart-options .option:not(:first-child){ 
    margin-top: 10px; 
} 

.fast-cart-options .option i{ 
    color: #d6dbe0; 
    display: inline-block; 
    margin-right: 5px; 
    top: 2px; 
    position: relative; 
} .customer-cart{ padding: 19px; border: 2px solid #d6dbe0; border-radius: 4px; position: relative; } .customer-cart:hover{ border-color: #0099ff; } .customer-cart .name{ font-size: 14px; font-weight: 600; margin-bottom: 5px; } .customer-cart .date{ font-size: 13px; color: #8b8b8b; margin-bottom: 5px; } .customer-cart .products-total{ font-size: 13px; } .customer-cart .remove{ position: absolute; top: -1px; right: 10px; z-index: 2; color: #eef1f3; fill: currentColor; cursor: pointer; font-size: 22px; } .customer-cart .remove:hover { color: #001a1a; } .customer-cart .load{ position: absolute; top: 0; left: 0; right: 25px; bottom: 0; cursor: pointer; } .close-options{ border-radius: 4px; border: solid 2px #0099ff; background: none; font-size: 13px; color: #0099ff; line-height: 28px; padding: 0 15.5px; display: block; float: right; } .close-options:hover{ color: #fff; background: #0099ff; } #fast-catr-options .input-box-cart{ width: auto; } #fast-catr-options .input-box-cart input{ width: 50%; } #fast-catr-options .input-box-cart button{ display: inline-block; width: auto; padding: 3px 15px; margin-left: 10px; } #fast-catr-options{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000; background: rgba(0,0,0,0.25); display: flex; } #fast-catr-options .content-line{ width: 800px; max-width: 98%; max-height: 95%; background-color: #fff; margin: auto; padding: 0px 25px 25px; border-radius: 4px; box-shadow: 0 4px 10px 0 rgb(0 0 0 / 5%); position: relative; z-index: 2; overflow-y: auto; } #fast-catr-options .close-btn{ position: absolute; right: 15px; top: 15px; color: #d6dbe0; fill: currentColor; cursor: pointer; } #fast-catr-options .close-btn:hover{ color: #000; } #fast-catr-options .scroll::-webkit-scrollbar{ width: 3px; height: 3px; } #fast-catr-options .scroll::-webkit-scrollbar-track{ background: #fff; } #fast-catr-options .scroll::-webkit-scrollbar-thumb{ background: #0099ff; border-radius: 3.5px; } .buttons-dialog{ margin-top: 20px; } .buttons-dialog button{ border-radius: 8px; font-size: 15px; font-weight: 500; padding: 8px 13px; margin: 0 auto; display: inline-block; min-width: 197px; text-align: center; } .buttons-dialog button:not(:last-child){ margin-right: 10px; } .buttons-dialog button.confirm{ background-color: #0099ff; border: 1px solid #0099ff; color: #fff; } .buttons-dialog button.confirm:hover{ background-color: #008fee; border: 1px solid #008fee; } .buttons-dialog button.cancel{ background-color: #fff; border: 1px solid #d6dbe0; color: #d6dbe0; } .buttons-dialog button.cancel:hover{ border: 1px solid #8b8b8b; color: #8b8b8b; } .a-button{ color: #0099ff; cursor: pointer; } .a-button:hover{ color: #0095d8; cursor: pointer; } .content-title:not(:first-child) { margin-top: 38px; }