html, body {
    overflow-x: hidden;
}

body {
    font-family: 'Open Sans', sans-serif;
    background-color: #fff !important;
}

.table-no-records-found {
    color: #999 !important;
    font-size: 15px !important;
    font-weight: 400 !important;
}

/*
    HOME
*/
.home-section-header {
    margin-bottom: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.home-section-title {
    font-weight: 700;
    font-size: 24px;
}

.home-section-subtitle {
    font-size: 13px;
    font-weight: 400;
}

.home-section-view-all-link {
    font-size: 14px;
}

.home-view-all-block-products-arrow {
    width: 40px;
    height: 40px;
    background-color: #eef1f6;
    color: #333d4c;
    border: none;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.3s, transform 0.2s;
}

.home-view-all-block-products-arrow:hover {
    background-color: #e0e5eb;
    color: #181d25;
    transform: scale(1.1);
}

.home-view-all-block-products-arrow i {
    color: #333d4c;
    font-size: 18px;
}

.home-view-all-block-products-arrow i:hover {
    color: #181d25;
}

.home-section-trending-products-nav-tabs {
    display: flex;
    justify-content: space-between; /* Lai visi vienmērīgi izkārtoti */
    flex-wrap: nowrap; /* Neizlaužam jaunu līniju */
    overflow-x: auto; /* Horizontāla ritināšana, ja vajag */
    white-space: nowrap; /* Novērš tekstu pārtraukties vairākās rindās */
    padding: 0;
    margin: 0;
}

.home-section-nav-item {
    flex: 1 0 auto; /* Padara visus elementus vienāda platuma */
    max-width: 150px; /* Ierobežo maksimālo platumu katram elementam */
    padding: 0;
    margin: 0;
}

.home-section-nav-item .nav-link {
    line-height: 14px;
}

.home-section-nav-item .nav-link.active {
    background-color: #e0e5eb;
    color: #181d25;
}

.home-section-trending-products-tab {
    display: block;
    text-align: center;
    border: none; /* Noņemam robežas no saitēm */
    color: #333; /* Teksta krāsa */
    transition: color 0.3s ease; /* Pārejas efekts hover laikā */
    font-size: 12px;
}

.home-section-trending-products-large-icon {
    font-size: 24px;
    display: block;
    color: #6A6A6A;
    margin-bottom: 5px;
}

.home-section-trending-products-large-icon.active {
    color: #181d25;
}

/* Buttons */
.halloween-btn {
    background: #FF512F; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #F09819, #FF512F); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #F09819, #FF512F); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color: #fff !important;
    font-size: 15px;
    cursor: pointer;
    border-radius: 4px !important;
}

.latvia-celebration-btn {
    background: #A40000; /* Fallback tumši sarkanā krāsa (ja gradienti netiek atbalstīti) */
    background: -webkit-linear-gradient(to right, #A40000, #FF6363); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #A40000, #FF6363); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color: #fff !important;
    font-size: 15px;
    cursor: pointer;
    transition: background 0.3s ease;
    border-radius: 4px !important;
}

.btn-sell {
    background-color: #222222;
    font-weight: 500;
    font-size: 15px;
    color: #ffffff;
    padding: 10px 34px 10px 24px;
    max-height: 44px;
    min-height: 44px;
    border-radius: 28px !important;
    text-transform: uppercase;
    transition: none !important;
    /*transition: box-shadow 0.2s cubic-bezier(0.2,0,0,1), transform 0.1s cubic-bezier(0.2,0,0,1);*/
}

.btn-sell:hover {
    background-color: #000000;
    color: #ffffff;
}

.btn-sell:active,
.btn-sell:focus {
    background-color: #222222;
}

.btn-sell-business {
    font-size: 15px;
    text-transform: uppercase;
    padding: 10px 24px 10px 24px !important;
    max-height: 44px;
    min-height: 44px;
    font-weight: 500 !important;
    border-radius: 28px !important;
    color: #ffffff !important;
    background: linear-gradient(to right, #E61E4D 0%, #E31C5F 50%, #D70466 100%)
}

.btn-sell-business:hover {
    color: #ffffff !important;
}

.btn-grey {
    background-color: #e0e5eb;
    font-weight: 500;
    font-size: 14px;
    padding: 8px 10px 8px 14px;
    border-radius: 28px !important;
    line-height: 20px;
}

.btn-grey:hover {
    background-color: #e0e5eb;
}

.btn-step-next {
    position: relative;
    align-items: flex-start;
    padding: 12px 60px 12px 60px !important;
    border-radius: 28px !important;
    transition: box-shadow 0.2s cubic-bezier(0.2, 0, 0, 1), transform 0.1s cubic-bezier(0.2, 0, 0, 1);
    background-color: #222 !important;
    cursor: pointer;
    margin: 0;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #fff !important;
    text-transform: none !important;
}

.btn-step-next:hover {
    color: #fff;
    background-color: #000;
}

.btn-step-next.disabled {
    background-color: #DDDDDD;
}

.btn-step-next.disabled:hover {
    cursor: not-allowed;
}

.btn-step-back {
    display: block;
    float: left;
    position: relative;
    align-items: flex-start;
    transition: box-shadow 0.2s cubic-bezier(0.2, 0, 0, 1), transform 0.1s cubic-bezier(0.2, 0, 0, 1);
    cursor: pointer;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #000;
}

.btn-step-back:hover {
    color: #000;
    text-decoration: underline;
}

.bnt-no-underline {
    color: #222;
}

.bnt-no-underline:hover {
    text-decoration: none !important;
    color: #000;
}

.btn-all-items {
    background-color: #222934;
    color: #fff;
    border-radius: 20px;
    min-width: 300px;
}

.btn-all-items:hover {
    background-color: #222934;
    color: #fff;
}

.btn-primary {
    background-color: #222 !important;
    border-radius: 28px !important;
    padding: 10px 28px 10px 28px !important;
    transition: none;
    color: #fff !important;
    text-transform: none !important;
}

.btn-primary:hover {
    background-color: #000000 !important;
}

.btn-primary-large {
    background-color: #222 !important;
    border-radius: 28px !important;
    padding: 14px 30px 14px 30px !important;
    transition: none;
    color: #fff !important;
    text-transform: none !important;
}

.btn-primary-large:hover {
    background-color: #000000 !important;
}

.btn-primary-login {
    font-weight: 500 !important;
    background-color: #222 !important;
    border-radius: 28px !important;
    padding: 10px 10px 10px 10px !important;
    transition: none;
    color: #fff !important;
    text-transform: none !important;
    font-size: 16px !important;
}

.btn-primary-login:hover {
    background-color: #000000 !important;
}

.btn-primary-social-login {
    font-weight: 500 !important;
    background-color: #222 !important;
    border-radius: 28px !important;
    padding: 10px 28px !important;
    transition: none;
    color: #fff !important;
    text-transform: none !important;
    font-size: 15px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex-direction: row-reverse !important;
}

.btn-primary-social-login:hover {
    background-color: #000000 !important;
}

.btn-secondary {
    border-radius: 28px !important;
    padding: 10px 24px 10px 24px !important;
    background-color: rgba(0, 0, 0, 0.05) !important;
    transition: none;
    text-transform: none !important;
}

.btn-secondary:hover {
    background-color: rgba(0, 0, 0, 0.1) !important;
}

.btn-link {
    text-transform: none !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #0066b3 !important;
}

.btn-link:hover {
    text-decoration: underline !important;
}

.btn-link-register {
    text-transform: none !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #0066b3 !important;
}

.btn-link-register:hover {
    text-decoration: underline !important;
}

.btn-sm {
    padding: 0 5px 0 5px !important;
    margin: 0 !important;
    font-size: 13px !important;
    text-transform: none !important;
    line-height: unset !important;
}

.btn-md {
    padding: 6px 20px 6px 20px !important;
    font-size: 14px !important;
    text-transform: none !important;
}

.btn-lg {
    padding: 12px 40px 12px 40px !important;
    font-size: 18px !important;
    text-transform: none !important;
    max-height: unset !important;
}

.btn-filter {
    padding: 6px 14px 6px 14px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

/*.btn-special {*/
/*    position: relative;*/
/*    padding: 14px 28px;*/
/*    border-radius: 28px;*/
/*    font-size: 16px;*/
/*    font-weight: 500;*/
/*    color: white;*/
/*    text-align: center;*/
/*    cursor: pointer;*/
/*    border: none;*/
/*    background: radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%), #FF5A5F 0%, #FF385C 80%);*/
/*    transition: background 0.2s ease, transform 0.15s ease;*/
/*    overflow: hidden;*/
/*}*/

/*
    Links
*/
.link-underline {
    text-decoration: underline !important;
}

.error-block {
    margin: 0 0 12px 0;
    text-align: center;
    padding: 10px 16px 10px 16px;
    border-radius: 4px;
    background-color: rgb(253, 237, 237);
    color: rgb(95, 33, 32);
}

.success-block {
    margin: 0 0 12px 0;
    text-align: center;
    padding: 10px 16px 10px 16px;
    border-radius: 4px;
    background-color: rgb(237, 247, 237);
    color: rgb(30, 70, 32);
}

.info-block {
    margin: 0 0 12px 0;
    text-align: center;
    padding: 10px 16px 10px 16px;
    border-radius: 4px;
    background-color: #e9ecef;
    color: rgb(30, 70, 32);
}

.btn-blue {
    background-color: #009de0ff !important;
    font-weight: 500;
    font-size: 13px !important;
    color: #fff !important;
    border-radius: 28px !important;
    padding: 8px 18px 8px 18px !important;
    transition: none;
    text-transform: none !important;
}

.btn-blue:hover {
    background-color: #009de0e0 !important;
    color: #ffffffff;
}

/*
    MUI - Number fields remove arrows
*/
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

/*
    MUI Dialog
*/
.dialog-wrapper {
    padding: 100px !important;
}

.dialog-content {
    /*padding: 100px !important;*/
}

.dialog-actions {
    padding: 10px 20px 10px 20px !important;
}

/*
    Login form
*/
.login-form-label {
    font-weight: 500;
}