/*.product-gallery-preview-item > img {
    max-width:150px;
}*/
/* Buttons */
/*.product-card .product-thumb-overlay {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 80%;
    background-color: rgba(43,52,69,.5);
    z-index: 1;
}
.product-card .product-thumb-overlay{
    position: absolute;
    transition: all .15s ease-in-out;
    opacity: 0;
}


.product-card .product-thumb:hover .product-thumb-overlay {
    visibility: visible;
    opacity: 1;
}

.product-card .product-thumb-overlay {
    background-color: var(--body-primary-txt-color-op50);
}
.product-card .product-card-actions-kitchenware {

    top: 7.75rem;
    right: 6.75rem;
    transform: translateY(-50%);
    text-align: center;
    z-index: 5;
    visibility: hidden;
    position:absolute;
}
.product-card .product-thumb:hover .product-card-actions-kitchenware {
    visibility: visible;
    opacity: 1;
}*/
.tooltip-custom {
    position: relative;
    display: inline-block;
}

    .tooltip-custom .tooltiptext-custom {
        visibility: visible;
        width: 120px;
        background-color: var(--bs-primary);
        color: var(--body-bg-first-color);
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        top: -5px;
        left: 110%;
    }

        .tooltip-custom .tooltiptext-custom::after {
            content: "";
            position: absolute;
            top: 50%;
            right: 100%;
            margin-top: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: transparent var(--bs-primary) transparent transparent;
        }

.max-height-300 {
    max-height: 300px;
}

bg-error {
}

.btn-link {
    color: var(--bs-primary);
}

.bg-success {
    background-color: var(--bs-success) !important;
}

.text-success {
    color: var(--bs-success) !important;
}

.dropdown-menu {
    color: var(--body-primary-txt-color);
}

.dropdown-item:hover, .dropdown-item:focus {
    color: var(--bs-primary);
}

.form-check-input:checked {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}

.dropdown-divider {
    border-color: var(--border-color);
}

.product-gallery-thumblist-item {
    border-color: var(--border-color);
}

    .product-gallery-thumblist-item.active {
        border-color: var(--bs-primary);
    }

.quickview-button-product {
    background: var(--body-bg-second-color-op7a);
}

.tns-carousel [data-nav].tns-nav-active {
    background-color: var(--bs-primary);
}

.input-group-text {
    color: var(--body-primary-txt-color);
    border-color: var(--border-color);
}

.text-secondary {
    color: var(--body-secondary-txt-color) !important;
}

.nav-link-style:hover {
    color: var(--bs-primary);
}

.footer-opa6 {
    color: var(--footer-txt-color-opa6) !important;
}

.navbar-light .navbar-tool:hover .navbar-tool-icon-box.bg-secondary {
    background-color: var(--body-bg-second-color-op40) !important;
}

.widget-list-link {
    color: var(--body-primary-txt-color)
}

.topbar-dark .topbar-text, .topbar-dark .topbar-link {
    color: var(--topbar-txt-color);
}

.videoblock {
    width: 100%;
    height: 770px;
    /*padding: 56.25% 0 0 0;*/
    position: relative;
}

@media screen and (max-width: 600px) {
    .videoblock {
        height: 500px;
    }
}

.clicked.disabled {
    opacity: 1;
}

.op-1 {
    opacity: 1;
}

.product-floating-btn .disabled {
    opacity: 1;
}

.bg-warning {
    background-color: var(--bs-warning);
}

.hidden {
    display: none;
}

.cart-item-circle {
    position: absolute;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background-color: var(--bs-primary-text) !important;
    color: var(--bs-primary) !important;
    font-size: .75rem;
    font-weight: 500;
    text-align: center;
    line-height: 1.25rem;
}

.buttons {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.cart-button:hover {
    opacity: 1;
}

.cart-button {
    position: relative;
    border-radius: 0.3125rem;
    color: var(--bs-primary-text) !important;
    background-color: var(--bs-primary);
    opacity: 0.9;
    border-color: var(--bs-primary);
    /* font-size: 0.9375rem;*/
    border: 1px solid transparent;
    outline: 0;
    height: 48px;
    line-height: 0px;
    overflow: hidden;
    cursor: pointer
}

    .cart-button:focus {
        outline: none !important
    }

    .cart-button .ci-cart {
        position: absolute;
        z-index: 2;
        top: 50%;
        left: -10%;
        font-size: 1.8em;
        transform: translate(-50%, -50%)
    }

    .cart-button .cart-item-circle {
        position: absolute;
        z-index: 1;
        top: -25%;
        left: 50%;
        font-size: 0.8em;
        transform: translate(-50%, -50%)
    }

    .cart-button span {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%)
    }

        .cart-button span.added {
            opacity: 0
        }

    .cart-button.clicked .ci-cart {
        animation: cart 2s ease-in forwards
    }

    .cart-button.clicked .cart-item-circle {
        animation: box 2s ease-in forwards
    }

    .cart-button.clicked span.add-to-cart {
        animation: addcart 2s ease-in forwards
    }

    .cart-button.clicked span.added {
        animation: added 2s ease-in forwards
    }

@keyframes cart {
    0% {
        left: -10%
    }

    40%, 60% {
        left: 50%
    }

    100% {
        left: 110%
    }
}

@keyframes box {
    0%, 40% {
        top: -25%
    }

    60% {
        top: 36%;
        left: 51%
    }

    100% {
        top: 40%;
        left: 112%
    }
}

@keyframes addcart {
    0%, 30% {
        opacity: 1
    }

    30%, 100% {
        opacity: 0
    }
}

@keyframes added {
    0%, 80% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
    margin-left: -14px;
}



@media(min-width: 992px) {
    .product-list:hover + .border-top {
        opacity: 1;
    }
}

.form-control::placeholder {
    color: var(--body-primary-txt-color) !important;
    opacity: 0.75;
}

.navbar-light .navbar-tool-icon-box.bg-secondary {
    background-color: var(--body-bg-second-color-op08) !important;
}

.product-card-alt .product-thumb-overlay {
    background-color: var(--body-primary-txt-color-op50);
}

.tns-carousel [data-nav] {
    background-color: var(--border-color);
}

.tns-carousel.tns-nav-light [data-nav] {
    background-color: var(--body-bg-first-color);
}

.navbar-light .nav-item {
    background-color: var(--header-bg-color);
}

.widget-product-title > a {
    color: var(--body-primary-txt-color);
}

.navbar-light .navbar-brand {
    color: var(--header-txt-color);
}

.table > :not(:last-child) > :last-child > *, .table > :not(:last-child) > :last-child > * {
    border-bottom-color: var(--border-color);
}

.product-card:hover:not(.card-static) {
    box-shadow: none;
}

.page-link {
    color: var(--body-primary-txt-color);
}

    .page-link:hover {
        background-color: var(--border-color-op06);
        border-color: var(--border-color-op06) !important;
        color: var(--body-primary-txt-color);
    }

.product-badge.product-available {
    color: var(--bs-primary-text);
}

.nav-link-style.nav-link-light:hover {
    color: var(--breadcrumb-txt-color);
    opacity: 1 !important;
}

.view-icon-bg {
    background-color: var(--body-bg-first-color);
    color: var(--breadcrumb-bg-color);
}

.breadcrumb-light .breadcrumb-item.active, .breadcrumb-light .breadcrumb-item::before {
    color: var(--breadcrumb-txt-color-op06);
}

.form-select {
    color: var(--body-primary-txt-color);
    background-color: var(--body-bg-first-color);
}

.nav-link-style.nav-link-light {
    color: var(--breadcrumb-txt-color);
}

.breadcrumb-light .breadcrumb-item > a, .text-breadcrumb, .breadcrumb-light .breadcrumb-item > a:hover {
    color: var(--breadcrumb-txt-color);
}

.breadcrumb-light .breadcrumb-item, .text-breadcrumb, .breadcrumb-light .breadcrumb-item :hover {
    color: var(--breadcrumb-txt-color);
}

.bg-body {
    background-color: var(--body-bg-first-color) !important;
}

.bg-breadcrumb {
    background-color: var(--breadcrumb-bg-color);
}

.range-slider-ui .noUi-value {
    color: var(--body-primary-txt-color-op075) !important;
}

.noUi-handle {
    background: var(--body-bg-first-color)
}

.form-label {
    color: #fb0404c4; /*var(--body-primary-txt-color)*/
}

.border-bottom {
    border-bottom: 1px solid var(--border-color) !important;
}

.text-muted {
    color: var(--body-primary-txt-color-op075) !important;
}

.border-top {
    border-color: var( --border-color) !important;
}

.product-card .card-body {
    background-color: var(--body-bg-first-color);
}

.btn-secondary:disabled {
    color: var(--body-primary-txt-color);
    background-color: var(--body-bg-second-color);
    border-color: var( --border-color);
}
/*.tns-carousel [data-nav]{
    background-color:var(--body-bg-second-color);
}*/
.badge {
    color: var(--bs-primary-text);
}

.btn-secondary {
    border-color: var(--border-color);
    background-color: var(--body-bg-first-color);
    color: var(--body-primary-txt-color);
}

    .btn-secondary:hover {
        background-color: var(--body-bg-second-color);
        color: var(--bs-primary-text);
    }

.product-title > a {
    color: var(--body-primary-txt-color);
    word-break: break-word;
}

.nav-link-style {
    color: var(--body-primary-txt-color);
}

.btn-light {
    color: var(--body-primary-txt-color);
    background-color: var(--body-bg-first-color);
}

    .btn-light:hover {
        color: var(--bs-primary);
        background-color: var(--body-bg-first-color);
    }

.card {
    background-color: var(--body-bg-first-color);
}

.body-secondary {
    background-color: var(--body-bg-second-color);
}

.body-secondary-text {
    color: var(--body-secondary-txt-color) !important;
}

.navbar-light .navbar-nav .nav-link {
    color: var(--header-txt-color);
}

.tns-carousel [data-controls] {
    background-color: var(--body-bg-first-color);
    color: var(--body-primary-txt-color);
    border: 1px solid var(--border-color);
}

body {
    color: var(--body-primary-txt-color);
    background-color: var(--body-bg-first-color);
}

.handheld-toolbar {
    background-color: var(--header-bg-color);
}

.handheld-toolbar-item, .handheld-toolbar-icon, .handheld-toolbar-label {
    color: var(--header-txt-color);
}

.bg-footer {
    background-color: var(--footer-bg-color);
}

.footer-text {
    color: var(--footer-txt-color) !important;
}

.form-control {
    background-color: var(--body-bg-first-color);
    color: var(--body-primary-txt-color-op075) !important;
    border: 1px solid var(--border-color);
}

    .form-control:focus {
        background-color: var(--body-bg-first-color);
        border-color: var(--border-color);
    }

.body-bg-second {
    background-color: var(--body-bg-second-color);
}

.btn-primary.btn-shadow {
    box-shadow: 0 0.5rem 1.125rem -0.5rem var(--bs-primary-op04);
}

.navbar-light .navbar-mega-nav::after {
    background-color: var(--header-txt-color);
}

.navbar-light .nav-link > i {
    color: var(--header-txt-color);
}

.btn-primary {
    color: var(--bs-primary-text) !important;
    background-color: var(--bs-primary);
    opacity: 0.9;
    border-color: var(--bs-primary);
}

    .btn-primary:hover {
        color: var(--bs-primary-text) !important;
        border-color: var(--bs-primary);
        background-color: var(--bs-primary);
        opacity: 1;
    }

.modal-content {
    background-color: var(--body-bg-first-color);
    border: 1px solid var(--border-color);
}

.navbar-light .navbar-tool:hover .navbar-tool-icon-box {
    color: var(--bs-primary);
}

.navbar-light .navbar-tool:hover .navbar-tool-text {
    color: var(--bs-primary);
}

.bg-navbar {
    background-color: var(--header-bg-color);
}

.navbar-light .navbar-tool-text {
    color: var(--header-txt-color);
}

.navbar-tool .navbar-tool-label {
    color: var(--bs-primary-text);
    background-color: var(--bs-primary);
}

.navbar-light .navbar-tool-icon-box {
    color: var(--header-txt-color);
}

.navbar-light .navbar-tool-text > small, .navbar-light .navbar-tool-text > .small {
    color: var(--header-txt-color-op085);
}

.navbar-expand-lg .dropdown-menu:not(.dropdown-menu-dark) {
    border-color: var( --border-color);
    background-color: var(--body-bg-first-color);
}

    .navbar-expand-lg .dropdown-menu:not(.dropdown-menu-dark) .dropdown-menu {
        background-color: var(--body-bg-first-color);
    }

.dropdown-menu {
    background-color: var(--body-bg-first-color);
}

.dropdown-item {
    color: var(--body-primary-txt-color);
}

.topbar-dark .topbar-link {
    color: var(--topbar-txt-color-op065);
}

    .topbar-dark .topbar-link:hover {
        color: var(--topbar-txt-color);
    }

.bg-topbar {
    background-color: var(--topbar-bg-color);
}

.topbar-dark .topbar-text > .text-muted {
    color: var(--topbar-txt-color) !important;
}

.simplebar-track {
    background-color: var(--border-color);
}

.border-bottom-footer {
    border-bottom: 1px solid var(--footer-txt-color-op025) !important;
}

.page-item.active .page-link {
    color: var(--bs-primary-text);
    background-color: var(--bs-primary);
    box-shadow: 0 0.5rem 1.125rem -0.425rem var(--bs-primary-op09);
}

.bg-secondary {
    background-color: var(--body-bg-second-color) !important;
}

.bg-primary {
    background-color: var(--bs-primary) !important;
}

.btn-outline-primary {
    border-color: var(--bs-primary-op035);
    color: var(--bs-primary);
}

    .btn-outline-primary:hover {
        background-color: var(--bs-primary);
        border-color: var(--bs-primary);
    }

.steps-light .step-item {
    color: var(--body-primary-txt-color-op075);
}

    .steps-light .step-item.active.current {
        color: var(--body-primary-txt-color);
    }

/*.steps-light .step-count, .steps-light .step-progress {
    color: var(--breadcrumb-txt-color);
    background-color: var(--breadcrumb-txt-color-op03);
}*/

.table > :not(caption) > * > * {
    background-color: var(--body-bg-first-color-op00);
    box-shadow: inset 0 0 0 9999px var(--body-bg-first-color-op00);
}

.table {
    color: var(--body-primary-txt-color);
    border-color: var(--border-color) !important;
}

    .table:not(.table-dark) td {
        color: var(--body-primary-txt-color-op80) !important;
    }

.table-hover > tbody > tr:hover > * {
    box-shadow: inset 0 0 0 9999px var(--body-bg-second-color);
    color: var(--body-primary-txt-color);
}

.btn-warning {
    color: var(--bs-primary-text)
}

.table:not(.table-dark) thead th, .table:not(.table-dark) tbody th {
    color: var(--body-primary-txt-color) !important;
}

.text-body {
    color: var(--body-primary-txt-color) !important;
}

.btn-check:focus + .btn-primary, .btn-primary:focus {
    color: var(--bs-primary-text);
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    box-shadow: unset,0 0 0 0 var(--bs-primary-text-op05);
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: var(--bs-primary);
    background-color: transparent;
    border-color: var(--bs-primary);
}

    .nav-tabs .nav-link.active::before {
        background-color: var(--bs-primary);
    }

.modal-header {
    border-bottom: 1px solid var(--border-color);
}

a {
    color: var(--bs-primary);
}

    a:hover {
        color: var(--bs-primary) !important;
    }

.password-toggle-btn .password-toggle-indicator {
    color: var(--bs-primary);
    opacity: 0.75;
}

    .password-toggle-btn .password-toggle-indicator:hover {
        color: var(--bs-primary);
        opacity: 1;
    }

.btn-close, .btn-close:hover {
    color: var(--body-primary-txt-color);
}

.text-primary {
    color: var(--bs-primary) !important;
}

.navbar-light .nav-item.active .nav-link:not(.disabled) > i, .navbar-light .nav-item.show .nav-link:not(.disabled) > i, .navbar-light .nav-item.dropdown .nav-link:focus:not(.disabled) > i, .navbar-light .nav-item.active .nav-link:not(.disabled), .navbar-light .nav-item.show .nav-link:not(.disabled), .navbar-light .nav-item.dropdown .nav-link:focus:not(.disabled) {
    color: var(--bs-primary) !important;
}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
    color: var(--bs-primary) !important;
}

.navbar-light .nav-item:hover .nav-link:not(.disabled), .navbar-light .nav-item:hover .nav-link:not(.disabled) > i {
    color: var(--bs-primary) !important;
}

.dropdown-menu li:hover > .dropdown-item {
    color: var(--bs-primary) !important;
}

.form-select:focus {
    border-color: var(--bs-primary-op07);
}

.btn-outline-secondary {
    border-color: var(--border-color) !important;
}

    .btn-outline-secondary:hover, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.show {
        color: var(--bs-primary-text) !important;
    }

    .btn-secondary, .btn-secondary:hover, .btn-outline-secondary, .btn-outline-secondary:hover, .btn-light, .btn-light:hover {
        color: var(--body-primary-txt-color) !important;
        border-color: var(--border-color) !important;
    }

        .btn-outline-secondary:hover {
            background-color: var(--body-bg-second-color) !important;
            color: var(--bs-primary-text) !important;
        }

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
    color: var(--body-primary-txt-color);
}

.text-danger {
    color: var(--bs-danger) !important;
}

bg-danger {
    background-color: var(--bs-danger) !important;
}

.invalid-message {
    color: var(--bs-danger) !important;
    font-size: 0.75rem !important;
}

.spiner-text {
    color: var(--bs-primary-text);
}

.was-validated .form-control:invalid, .form-control.is-invalid {
    border-color: var(--bs-danger);
}

.was-validated .form-control:valid, .form-control.is-valid {
    border-color: var(--bs-success);
}

.navbar-light .navbar-toggler {
    color: var(--header-txt-color);
}

.active > .nav-link-style, .nav-link-style.active {
    color: var(--bs-primary);
}

.text-heading {
    color: var(--body-primary-txt-color-op075) !important;
}

.range-slider-ui .noUi-connect {
    background-color: var(--bs-primary);
}

.range-slider-ui .noUi-tooltip {
    background-color: var(--body-primary-txt-color);
    color: var(--body-bg-first-color);
}

.range-slider-ui {
    background-color: var(--border-color);
}

.bg-success.badge-shadow {
    box-shadow: 0 0.5rem 1.125rem var(--bs-success-op09);
}

.steps-light .step-item.active .step-count, .steps-light .step-item.active .step-progress {
    background-color: var(--bs-primary);
    color: var(--bs-primary-text);
}

.text-breadcrumb {
    color: var(--breadcrumb-txt-color) !important;
}

.bg-warning.badge-shadow {
    box-shadow: 0 0.5rem 1.125rem var(--bs-warning-op09);
}

.bg-warning {
    background-color: var(--bs-warning);
}

.nav-link {
    color: var(--body-primary-txt-color-op075);
}

.nav-tabs {
    border-bottom: 1px solid var(--border-color);
}

.cart-icon {
    width: 32px;
    height: 32px;
    padding: 1px 6px;
}

.product-card .quickview {
    display: none;
}

.product-card:hover .quickview {
    display: block;
}

.product-card .quantity {
    width: 70px;
    height: 32px;
    padding: 0.625rem 0.5rem;
}

.product-card-alt .quantity {
    width: 70px;
    height: 32px;
    padding: 0.625rem 0.5rem;
}

@media screen and (max-width: 767px) {
    .product-card-alt .quantity {
        width: 55px;
        margin-inline: .3rem;
    }
}

.truncate {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.product-label {
    font-size: 12px;
    text-align: center;
    border-radius: 24px 23px 23px 0px;
    padding: 0px 8px;
    font-weight: 700;
    font-style: normal;
    z-index: 1;
}

.category-title:hover {
    background-color: var(--bg-primary);
    color: var(--body-text);
}

.icon-svg {
    fill: var(--bs-primary)
}

.svg-button .icon-svg {
    fill: var(--bs-primary)
}

.svg-button:hover .icon-svg {
    fill: var(--body-bg-second-color) !important;
}

.svg-button:active .icon-svg {
    fill: var(--body-bg-second-color) !important;
}

.svg-button:focus .icon-svg {
    fill: var(--bs-primary)
}

.svg-button {
    border-color: var(--bs-primary);
    background-color: var(--bs-primary-text);
}

.svg-button {
    background-color: var(--bs-primary-text);
    border-color: var(--bs-primary);
}

    .svg-button:hover {
        background-color: var(--bs-primary);
        border-color: var(--bs-primary);
    }

    .svg-button:active {
        background-color: var(--bs-primary);
        border-color: var(--bs-primary);
    }


.form-check-input:focus {
    border-color: var(--bs-primary);
    outline: 0;
    box-shadow: 0 0 0 0 rgba(254,105,106,.25)
}

.form-check-input:checked {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
}

.nav-icon-svg {
    fill: var(--body-bg-second-color) !important;
}

.navbar-tool-icon:hover .nav-icon-svg {
    fill: var(--bs-primary) !important;
}

.navbar-tool-icon:active .nav-icon-svg {
    fill: var(--bs-primary);
}

.navbar-tool-icon:focus .nav-icon-svg {
    fill: var(--bs-primary);
}


/*Product Swiper*/
.swiper-slide-thumb-active {
    border: 1px solid var(--bs-primary);
    border-radius: 8px;
    padding: 4px;
}

.side-product-swiper .swiper-slide {
    cursor: pointer;
}

@media (min-width: 768px) {
    .side-product-swiper .swiper-slide {
        height: calc(511px / 4) !important;
    }
}

@media (max-width: 767px) {
    .side-product-swiper .swiper-slide {
        height: 100px !important;
    }
}

.side-product-swiper {
    height: 550px;
    width: 18%;
}

.main-product-swiper {
    width: 80%;
}

    .main-product-swiper img {
        height: 470px;
        object-fit: contain;
    }

    .main-product-swiper .image-empty {
        height: 350px;
    }

.product-gallery .swiper-pagination {
    display: none;
}

.main-product-swiper .navigation {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 10;
}

.main-product-swiper .button-prev, .main-product-swiper .button-next {
    background: var(--body-bg-second-color);
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-left: 7px;
    margin-right: 7px;
}

.main-product-swiper .swiper-button-disabled {
    opacity: 0.5;
}

/*HeroSwiper*/
.heroSwiper {
    width: 100%;
    height: auto;
    max-height: 700px;
    /*max-width: 1920px;*/
}

    .heroSwiper .swiper-slide {
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .heroSwiper .swiper-slide img {
            /* display: block;*/
            width: 100%;
            height: 100%;
            object-fit: cover;
            max-width: 1920px;
        }

    .heroSwiper .button-prev, .heroSwiper .button-next {
        position: absolute;
        top: 50%;
        z-index: 10;
        background: var(--body-bg-second-color);
        width: 40px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
    }

    .heroSwiper .button-prev {
        left: 10px;
        transform: translate(10px, -50%);
    }

    .heroSwiper .button-next {
        right: 10px;
        transform: translate(-10px, -50%);
    }

    .heroSwiper .swiper-button-disabled {
        opacity: 0.8;
    }

.clear-filters {
    top: 10px;
    right: 0px;
}

@media(max-width: 992px) {
    .clear-filters {
        top: 22px;
        right: 40px;
    }

    .heroSwiper {
        height: auto;
        max-height: 300px;
    }
}

@media (max-width: 767px) {
    .side-product-swiper {
        height: 100px;
        width: 100%;
        margin-bottom: 40px;
    }

    .product-gallery {
        display: flex !important;
        flex-wrap: wrap;
    }

    .main-product-swiper {
        width: 100%;
    }

        .main-product-swiper img {
            max-height: 300px;
        }

        .main-product-swiper .button-prev, .main-product-swiper .button-next {
            display: none;
        }

    .heroSwiper .button-prev {
        left: 5px;
        transform: translate(5px, -50%);
    }

    .heroSwiper .button-next {
        right: 5px;
        transform: translate(-5px, -50%);
    }

    .heroSwiper .button-prev, .heroSwiper .button-next {
        width: 30px;
        height: 30px;
    }

        .heroSwiper .button-prev svg, .heroSwiper .button-next svg {
            width: 8px;
            height: 8px;
        }
}

/*mobile lang menu*/
.nav-item.mobile-lang-nmu {
    display: none;
}

.navbar-nav .nav-item.mobile-lang-nmu {
    border-top: 1px solid #d3d3d3;
    margin-bottom: 0;
}

.navbar-light .navbar-nav .mobile-lang-nmu .nav-link {
    color: #808080;
}

.navbar-light .mobile-lang-nmu.nav-item:hover .nav-link:not(.disabled) {
    color: #808080 !important;
}

@media(max-width: 992px) {
    .nav-item.mobile-lang-nmu {
        display: block;
    }
}

/************ Product page start ************/
.prod-description {
    font-size: 16px;
}

.swiper.productSwiper,
.productSwiper .swiper-wrapper,
.productSwiper .swiper-slide {
    width: 100%;
    height: 100%;
}

    .productSwiper .swiper-slide img {
        display: block;
        margin: 0 auto;
        width: 100%;
        height: auto;
    }

.product-carousel {
    position: relative;
    list-style: none;
    padding: 0px;
    z-index: 1;
    display: block;
}

    .product-carousel .swiper-wrapper {
        align-items: baseline;
    }

    .product-carousel .navigation {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        bottom: -75px;
        width: 100%;
        z-index: 10;
        height: 55px;
    }

        .product-carousel .navigation .swiper-button {
            background: var(--body-bg-second-color);
            width: 40px;
            height: 40px;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 50%;
            margin-left: 7px;
            margin-right: 7px;
        }

.productSwiper .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    transition-property: transform;
    font-size: 18px;
    background: #fff;
    display: flex;
    align-items: stretch;
    flex-direction: column;
}

.product-carousel .navigation .swiper-button svg {
    fill: (--body-primary-txt-color);
}

/* fix arrows position */
.product-carousel .navigation .swiper-button-next {
    right: 0;
    left: auto;
}

.product-carousel .navigation .swiper-button-prev {
    right: 60px;
    left: auto;
}

.product-carousel .swiper-button-next:after,
.product-carousel .swiper-button-prev:after {
    font-size: 18px;
    color: #4B566B;
}

.product-carousel .swiper-button-next:hover,
.product-carousel .swiper-button-prev:hover {
    font-weight: 800;
}


.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #ffffff;
}

.variations-form-table > thead > tr,
.variations-form-table.table-striped > tbody > tr:nth-child(even) > td,
.variations-form-table.table-striped > tbody > tr:nth-child(even) > th {
    background-color: #F8F5F5;
}

.cart-button.fashion-btn {
    width: 100%;
    max-width: 250px;
}

.variations-form-table tbody th {
    text-align: right;
}

.form-option-label:hover {
    cursor: default;
}

.headcol {
    padding-left: 30px !important;
}

/************ Product page end ************/

.master-related .flex-1 {
    flex: 1;
}

.bg-table-header-dark {
    background-color: #373f50;
    color: #ffffff;
}

.master-related .cart-icon {
    height: 40px;
    width: 40px;
    padding: 11px 6px;
}

.desktop-hide {
    display: none;
}

.mr-title {
    display: none;
}


.bg-table-header-dark .flex-1.px-2 {
    display: flex;
    justify-content: center;
}

.master-related .custom-justify-content-between {
    justify-content: center;
}

@media(max-width: 768px) {

    .bg-table-header-dark {
        display: none !important;
    }

    .master-related .mob-addtocart {
        width: 100%;
        margin: 0px 0px;
        margin-bottom: 8px;
    }

    .master-related .form-control.quantity {
        padding-top: 7px;
        padding-bottom: 7px;
    }

    .boxcart {
        width: 100%;
    }

        .boxcart > button > span {
            display: flex;
            flex-direction: row;
            justify-content: center;
        }

    .desktop-hide {
        display: block;
        margin-left: 5px;
    }

    .master-related .cart-icon {
        padding: 9px 6px;
    }

    .mr-title {
        display: block;
    }

    .master-related .flex-1.d-flex {
        border-bottom: 1px solid #e9e9e9;
        padding-bottom: 5px;
        padding-top: 5px;
    }

    .master-related .custom-justify-content-between {
        justify-content: space-between;
    }

    .master-related .mr-content.product-title {
        text-align: right;
    }
}

/***************************************************/

.quick-shoping-list .mr-title {
    display: inline;
}

.fw-500 {
    font-weight: 500;
}

.quick-shoping-list .master-related .form-control.quantity {
    padding: 5px 5px;
    text-align: center;
}

.product-inline-layout {
    text-align: left;
}

.color-transition {
    background-color: #ffffff; /* Default background color */
    transition: background-color 0.3s ease; /* Transition property */
}

.w-12p {
    width: 12%;
}

.w-19p {
    width: 19%;
}

.w-7p {
    width: 7%;
}

@media(max-width: 768px) {
    .w-7p, .w-19p, .w-12p {
        width: 100%
    }
}

.cookie-card {
    bottom: 0px;
    z-index: 100;
}

@media(max-width: 991px) {
    .cookie-card {
        bottom: 56px;
    }
}

.sidemenu-placeholder {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

.invalid-feedback {
    color: var(--bs-danger) !important;
}

.btn-primary:disabled, .btn-primary.disabled {
    color: var(--bs-primary-text) !important;
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}

.btn-tag {
    border-color: var(--border-color);
    color: var(--bs-primary);
}

#monthlytransactions > .row p {
    overflow-wrap: break-word;
}

.input-cart::-webkit-inner-spin-button {
    appearance: none;
    margin-left: 0 !important;
}

.cartItem-qty-control {
    border-radius: .2rem !important;
    border: 2px solid transparent !important;
    transition: all .3s ease-in-out;
}

    .cartItem-qty-control:hover {
        box-shadow: 2px 2px 4px 0px var(--Text-Secondary-Light-Theme, rgba(32, 32, 32, 0.32));
        border-color: var(--bs-primary) !important;
    }

        .cartItem-qty-control:hover .btn-control:hover {
            color: var(--bs-primary);
        }

.dimensionsText {
    color: var(--body-primary-txt-color);
    font-weight: 700;
}

.single-cartItem table .input-cart {
    width: 60px;
}

@media screen and (min-width: 601px) {
    .btn-control {
        opacity: 0;
        transition: all .3s ease-in-out;
    }

    .cartItem-qty-control:hover .btn-control {
        opacity: 1;
    }
}

@media screen and (max-width: 600px) {
    /* .single-cartItem .btn-link {
        transform-origin: right;
        transform: scaleX(0);
        transition: transform .3s ease-in-out;
    }
    .single-cartItem *:hover .btn-link {
        transform: scaleX(1);
    } */
    .single-cartItem .btn-icon, .single-cartItem .input-cart {
        padding: .3rem .2rem;
    }

    .single-cartItem .input-cart {
        width: 50px;
        flex: unset;
    }

    .single-cartItem .input-group {
        justify-content: center;
    }

    .single-cartItem .btn-icon .ci-add {
        font-size: .6rem;
        margin-top: 0;
        font-weight: bold;
    }

    .dimensionsText {
        font-size: .75rem;
        font-weight: normal;
    }

    .single-cartItem .accordion-item .accordion-button {
        box-shadow: none;
    }

        .single-cartItem .accordion-item .accordion-button.collapsed {
            box-shadow: inset 0 -1px 0 var(--border-color);
            border-radius: 0;
        }

        .single-cartItem .accordion-item .accordion-button:after {
            background-color: transparent;
        }
}

/* =========================================================
   B2B SUMMER SCHEDULE 2026
   Component: custom_kalokairi2026
   ========================================================= */

.bb-summer-2026 {
    --bb-summer-primary: #123f67;
    --bb-summer-primary-light: #1e6091;
    --bb-summer-primary-soft: #edf5fb;
    --bb-summer-accent: #e4a84f;
    --bb-summer-success: #367a5c;
    --bb-summer-danger: #b94747;
    --bb-summer-text: #17243a;
    --bb-summer-muted: #68768a;
    --bb-summer-border: #dee6ef;
    --bb-summer-background: #f5f8fc;
    --bb-summer-white: #ffffff;
    --bb-summer-shadow: 0 18px 48px rgba(23, 48, 78, 0.10);

    width: 100%;
    overflow: hidden;
    color: var(--bb-summer-text);
    background:
        radial-gradient(
            circle at 0 0,
            rgba(30, 96, 145, 0.08),
            transparent 30%
        ),
        var(--bb-summer-background);
    font-family: inherit;
    line-height: 1.55;
}

.bb-summer-2026 *,
.bb-summer-2026 *::before,
.bb-summer-2026 *::after {
    box-sizing: border-box;
}

.bb-summer-container {
    width: min(1180px, calc(100% - 40px));
    margin-right: auto;
    margin-left: auto;
}

/* HERO */

.bb-summer-hero {
    position: relative;
    overflow: hidden;
    color: var(--bb-summer-white);
    background:
        linear-gradient(
            125deg,
            rgba(13, 47, 78, 0.99),
            rgba(22, 76, 117, 0.96)
        );
}

.bb-summer-hero-decoration {
    position: absolute;
    display: block;
    border-radius: 50%;
    pointer-events: none;
    background: rgba(255, 255, 255, 0.055);
}

.bb-summer-hero-decoration-one {
    top: -190px;
    right: -130px;
    width: 460px;
    height: 460px;
}

.bb-summer-hero-decoration-two {
    bottom: -180px;
    left: -100px;
    width: 360px;
    height: 360px;
}

.bb-summer-hero-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(300px, 0.65fr);
    gap: 52px;
    align-items: center;
    padding-top: 74px;
    padding-bottom: 70px;
}

.bb-summer-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 22px;
    padding: 9px 15px;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.bb-summer-eyebrow-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--bb-summer-accent);
    box-shadow: 0 0 0 5px rgba(228, 168, 79, 0.15);
}

.bb-summer-hero h1 {
    max-width: 760px;
    margin: 0;
    color: var(--bb-summer-white);
    font-size: clamp(38px, 5vw, 66px);
    font-weight: 800;
    line-height: 1.03;
    letter-spacing: -0.04em;
}

.bb-summer-hero-content > p {
    max-width: 760px;
    margin: 24px 0 0;
    color: rgba(255, 255, 255, 0.82);
    font-size: clamp(17px, 2vw, 21px);
    line-height: 1.6;
}

.bb-summer-main-date {
    padding: 29px;
    border: 1px solid rgba(255, 255, 255, 0.20);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.10);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.18);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.bb-summer-main-date-label {
    display: block;
    margin-bottom: 10px;
    color: rgba(255, 255, 255, 0.69);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.bb-summer-main-date strong {
    display: block;
    margin-bottom: 13px;
    color: var(--bb-summer-white);
    font-size: 29px;
    line-height: 1.2;
}

.bb-summer-main-date small {
    display: block;
    color: rgba(255, 255, 255, 0.77);
    font-size: 15px;
    line-height: 1.6;
}

/* MAIN */

.bb-summer-main {
    padding-top: 52px;
    padding-bottom: 76px;
}

.bb-summer-intro {
    max-width: 880px;
    margin: 0 auto 40px;
    text-align: center;
}

.bb-summer-section-kicker {
    display: block;
    margin-bottom: 8px;
    color: var(--bb-summer-primary-light);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.10em;
    text-transform: uppercase;
}

.bb-summer-intro h2,
.bb-summer-section h2,
.bb-summer-returns-section h2,
.bb-summer-closing h2 {
    margin: 0;
    color: var(--bb-summer-text);
    font-weight: 800;
    letter-spacing: -0.025em;
}

.bb-summer-intro h2 {
    font-size: clamp(29px, 3vw, 42px);
}

.bb-summer-intro p {
    margin: 13px 0 0;
    color: var(--bb-summer-muted);
    font-size: 17px;
    line-height: 1.7;
}

/* SUMMARY */

.bb-summer-summary-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    margin-bottom: 32px;
}

.bb-summer-summary-card {
    position: relative;
    min-height: 224px;
    overflow: hidden;
    padding: 25px;
    border: 1px solid var(--bb-summer-border);
    border-radius: 18px;
    background: var(--bb-summer-white);
    box-shadow: 0 10px 30px rgba(23, 48, 78, 0.055);
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
}

.bb-summer-summary-card::after {
    position: absolute;
    right: -48px;
    bottom: -52px;
    width: 125px;
    height: 125px;
    border-radius: 50%;
    background: rgba(30, 96, 145, 0.055);
    content: "";
}

.bb-summer-summary-card:hover {
    transform: translateY(-4px);
    border-color: rgba(30, 96, 145, 0.28);
    box-shadow: 0 18px 40px rgba(23, 48, 78, 0.10);
}

.bb-summer-summary-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    margin-bottom: 19px;
    border-radius: 14px;
    color: var(--bb-summer-primary-light);
    background: var(--bb-summer-primary-soft);
}

.bb-summer-summary-icon svg {
    width: 26px;
    height: 26px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.bb-summer-summary-card h3 {
    margin: 0 0 7px;
    color: var(--bb-summer-text);
    font-size: 17px;
    font-weight: 750;
}

.bb-summer-summary-card > strong {
    position: relative;
    z-index: 2;
    display: block;
    margin-bottom: 8px;
    color: var(--bb-summer-primary);
    font-size: 20px;
    line-height: 1.3;
}

.bb-summer-summary-card p {
    position: relative;
    z-index: 2;
    margin: 0;
    color: var(--bb-summer-muted);
    font-size: 14px;
    line-height: 1.6;
}

/* SECTIONS */

.bb-summer-section {
    margin-top: 28px;
    padding: 34px;
    border: 1px solid var(--bb-summer-border);
    border-radius: 24px;
    background: var(--bb-summer-white);
    box-shadow: var(--bb-summer-shadow);
}

.bb-summer-section-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 27px;
}

.bb-summer-section-header > div:first-child {
    max-width: 760px;
}

.bb-summer-section-header h2 {
    font-size: clamp(25px, 3vw, 35px);
}

.bb-summer-section-header p {
    margin: 9px 0 0;
    color: var(--bb-summer-muted);
    font-size: 16px;
    line-height: 1.65;
}

.bb-summer-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 8px 13px;
    border-radius: 999px;
    color: var(--bb-summer-primary-light);
    background: var(--bb-summer-primary-soft);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.2;
    white-space: nowrap;
}

.bb-summer-badge-success {
    color: var(--bb-summer-success);
    background: #eaf6ef;
}

/* NOTICES */

.bb-summer-notice {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 16px;
    align-items: flex-start;
    margin-top: 18px;
    padding: 20px 22px;
    border-radius: 15px;
}

.bb-summer-notice-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    font-size: 18px;
    font-weight: 900;
}

.bb-summer-notice-icon svg {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.bb-summer-notice strong {
    display: block;
    margin-bottom: 4px;
    font-size: 16px;
}

.bb-summer-notice p {
    margin: 0;
    font-size: 15px;
    line-height: 1.65;
}

.bb-summer-notice-warning {
    color: #654d24;
    border: 1px solid #efd7a8;
    background: #fff8e9;
}

.bb-summer-notice-warning .bb-summer-notice-icon {
    color: #936716;
    background: #f7e5b9;
}

.bb-summer-notice-info {
    color: #365971;
    border: 1px solid #cbddea;
    background: #f1f7fb;
}

.bb-summer-notice-info .bb-summer-notice-icon {
    color: var(--bb-summer-primary-light);
    background: #dcecf6;
}

.bb-summer-notice-pickup {
    color: #355a48;
    border: 1px solid #c7e1d4;
    background: #eff8f3;
}

.bb-summer-notice-pickup .bb-summer-notice-icon {
    color: var(--bb-summer-success);
    background: #dcefe5;
}

/* TIMELINE */

.bb-summer-timeline {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.bb-summer-timeline-card {
    display: grid;
    grid-template-columns: 134px minmax(0, 1fr);
    overflow: hidden;
    min-height: 190px;
    border: 1px solid var(--bb-summer-border);
    border-radius: 18px;
    background: #f9fbfd;
}

.bb-summer-date-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 22px 17px;
    color: var(--bb-summer-white);
    text-align: center;
    background:
        linear-gradient(
            145deg,
            var(--bb-summer-primary),
            var(--bb-summer-primary-light)
        );
}

.bb-summer-date-box-green {
    background:
        linear-gradient(
            145deg,
            #2e654d,
            #47866a
        );
}

.bb-summer-date-box span {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    opacity: 0.82;
}

.bb-summer-date-box strong {
    margin: 5px 0 3px;
    font-size: 42px;
    line-height: 1;
}

.bb-summer-date-box small {
    font-size: 14px;
    opacity: 0.88;
}

.bb-summer-timeline-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 25px;
}

.bb-summer-timeline-status {
    align-self: flex-start;
    margin-bottom: 10px;
    padding: 5px 9px;
    border-radius: 999px;
    color: var(--bb-summer-primary-light);
    background: var(--bb-summer-primary-soft);
    font-size: 10px;
    font-weight: 850;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.bb-summer-timeline-status-green {
    color: var(--bb-summer-success);
    background: #e5f3ea;
}

.bb-summer-timeline-content h3 {
    margin: 0 0 8px;
    color: var(--bb-summer-text);
    font-size: 20px;
    font-weight: 800;
}

.bb-summer-timeline-content p {
    margin: 0;
    color: var(--bb-summer-muted);
    font-size: 15px;
    line-height: 1.6;
}

/* SHOWROOMS */

.bb-summer-showroom-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 21px;
}

.bb-summer-showroom-card {
    overflow: hidden;
    border: 1px solid var(--bb-summer-border);
    border-radius: 18px;
    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f8fbfd 100%
        );
}

.bb-summer-showroom-heading {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 25px;
    border-bottom: 1px solid var(--bb-summer-border);
}

.bb-summer-showroom-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    border-radius: 14px;
    color: var(--bb-summer-primary-light);
    background: var(--bb-summer-primary-soft);
}

.bb-summer-showroom-icon svg {
    width: 25px;
    height: 25px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.bb-summer-showroom-heading span {
    display: block;
    margin-bottom: 2px;
    color: var(--bb-summer-muted);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.bb-summer-showroom-heading h3 {
    margin: 0;
    color: var(--bb-summer-text);
    font-size: 21px;
    font-weight: 800;
}

.bb-summer-showroom-row {
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr);
    gap: 17px;
    padding: 18px 25px;
    border-bottom: 1px solid var(--bb-summer-border);
}

.bb-summer-showroom-row > span {
    color: var(--bb-summer-muted);
    font-size: 13px;
    font-weight: 800;
}

.bb-summer-showroom-row > strong {
    color: var(--bb-summer-text);
    font-size: 15px;
    line-height: 1.55;
}

.bb-summer-showroom-footer {
    padding: 15px 25px;
    color: var(--bb-summer-success);
    background: #f1f8f4;
    font-size: 13px;
    font-weight: 700;
}

/* RETURNS */

.bb-summer-returns-section {
    display: grid;
    grid-template-columns: 78px minmax(0, 1fr);
    gap: 24px;
    align-items: center;
    border-color: #edcccc;
    background:
        linear-gradient(
            135deg,
            #fffafa 0%,
            #fff4f4 100%
        );
}

.bb-summer-returns-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 68px;
    height: 68px;
    border-radius: 19px;
    color: var(--bb-summer-danger);
    background: #f9dddd;
}

.bb-summer-returns-icon svg {
    width: 31px;
    height: 31px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.bb-summer-returns-content h2 {
    color: #873d3d;
    font-size: clamp(24px, 3vw, 32px);
}

.bb-summer-returns-content p {
    margin: 9px 0 0;
    color: #704d4d;
    font-size: 16px;
    line-height: 1.7;
}

/* CLOSING */

.bb-summer-closing {
    position: relative;
    overflow: hidden;
    margin-top: 30px;
    padding: 44px 35px;
    border-radius: 24px;
    color: var(--bb-summer-white);
    text-align: center;
    background:
        linear-gradient(
            135deg,
            rgba(13, 47, 78, 0.99),
            rgba(22, 76, 117, 0.96)
        );
    box-shadow: var(--bb-summer-shadow);
}

.bb-summer-closing::before,
.bb-summer-closing::after {
    position: absolute;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.05);
    content: "";
}

.bb-summer-closing::before {
    top: -100px;
    right: -80px;
    width: 250px;
    height: 250px;
}

.bb-summer-closing::after {
    bottom: -120px;
    left: -60px;
    width: 260px;
    height: 260px;
}

.bb-summer-closing-small {
    position: relative;
    z-index: 2;
    display: block;
    margin-bottom: 9px;
    color: var(--bb-summer-accent);
    font-size: 11px;
    font-weight: 850;
    letter-spacing: 0.10em;
    text-transform: uppercase;
}

.bb-summer-closing h2 {
    position: relative;
    z-index: 2;
    color: var(--bb-summer-white);
    font-size: clamp(27px, 3vw, 37px);
}

.bb-summer-closing p {
    position: relative;
    z-index: 2;
    max-width: 780px;
    margin: 13px auto 0;
    color: rgba(255, 255, 255, 0.80);
    font-size: 16px;
    line-height: 1.7;
}

.bb-summer-closing .bb-summer-wish {
    margin-top: 10px;
    color: var(--bb-summer-white);
    font-weight: 700;
}

.bb-summer-signature {
    position: relative;
    z-index: 2;
    margin-top: 23px;
    color: var(--bb-summer-white);
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 0.04em;
}

/* RESPONSIVE */

@media (max-width: 1050px) {
    .bb-summer-hero-grid {
        grid-template-columns: minmax(0, 1fr) minmax(280px, 0.7fr);
        gap: 30px;
    }

    .bb-summer-summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bb-summer-summary-card {
        min-height: 205px;
    }
}

@media (max-width: 820px) {
    .bb-summer-hero-grid {
        grid-template-columns: 1fr;
        padding-top: 56px;
        padding-bottom: 52px;
    }

    .bb-summer-main-date {
        max-width: 560px;
    }

    .bb-summer-section-header {
        flex-direction: column;
        gap: 15px;
    }

    .bb-summer-timeline {
        grid-template-columns: 1fr;
    }

    .bb-summer-showroom-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .bb-summer-container {
        width: min(100% - 24px, 1180px);
    }

    .bb-summer-hero-grid {
        padding-top: 42px;
        padding-bottom: 42px;
    }

    .bb-summer-hero h1 {
        font-size: 37px;
    }

    .bb-summer-hero-content > p {
        font-size: 16px;
    }

    .bb-summer-main-date {
        padding: 23px;
        border-radius: 18px;
    }

    .bb-summer-main-date strong {
        font-size: 24px;
    }

    .bb-summer-main {
        padding-top: 38px;
        padding-bottom: 48px;
    }

    .bb-summer-summary-grid {
        grid-template-columns: 1fr;
    }

    .bb-summer-summary-card {
        min-height: auto;
    }

    .bb-summer-section {
        padding: 23px 18px;
        border-radius: 19px;
    }

    .bb-summer-badge {
        white-space: normal;
    }

    .bb-summer-timeline-card {
        grid-template-columns: 1fr;
    }

    .bb-summer-date-box {
        flex-direction: row;
        gap: 9px;
        padding: 15px 18px;
    }

    .bb-summer-date-box strong {
        margin: 0;
        font-size: 29px;
    }

    .bb-summer-timeline-content {
        padding: 22px 19px;
    }

    .bb-summer-notice {
        grid-template-columns: 40px minmax(0, 1fr);
        gap: 12px;
        padding: 18px 16px;
    }

    .bb-summer-notice-icon {
        width: 36px;
        height: 36px;
    }

    .bb-summer-showroom-heading {
        padding: 21px 18px;
    }

    .bb-summer-showroom-row {
        grid-template-columns: 1fr;
        gap: 5px;
        padding: 16px 18px;
    }

    .bb-summer-showroom-footer {
        padding: 14px 18px;
    }

    .bb-summer-returns-section {
        grid-template-columns: 1fr;
    }

    .bb-summer-returns-icon {
        width: 58px;
        height: 58px;
    }

    .bb-summer-closing {
        padding: 35px 20px;
        border-radius: 19px;
    }
}

/* B2B RETURNS & RMA FULL FLOW v4 - replace the previous RMA block */
.bb-rma-portal,.bb-rma-portal *{box-sizing:border-box}.bb-rma-modal-open{overflow:hidden}.bb-rma-portal{--navy:#0a3158;--blue:#075da8;--cyan:#12a7cf;--green:#1f9d72;--orange:#f28b33;--red:#d94c4c;--text:#17324d;--muted:#667c8f;--line:#dce7ef;--bg:#f4f8fb;width:100%;padding:24px 0 38px;color:var(--text);font-family:inherit}.bb-rma-shell{width:min(1240px,calc(100% - 32px));margin:auto}.bb-rma-hero{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:220px;padding:clamp(28px,5vw,58px);border-radius:26px;color:#fff;background:radial-gradient(circle at 100% 0%,rgba(36,183,224,.38),transparent 35%),linear-gradient(135deg,#071f39,#0b4f86 58%,#0875b8);box-shadow:0 22px 60px rgba(7,45,80,.18)}.bb-rma-eyebrow{display:block;margin-bottom:12px;color:#70ddf7;font-size:12px;font-weight:900;letter-spacing:.11em}.bb-rma-hero h1{margin:0 0 14px;color:#fff;font-size:clamp(30px,4vw,48px);font-weight:900}.bb-rma-hero p{max-width:700px;margin:0;color:rgba(255,255,255,.82);font-size:16px;line-height:1.7}.bb-rma-security{display:flex;flex:0 0 245px;align-items:center;gap:13px;padding:18px;border:1px solid rgba(255,255,255,.24);border-radius:17px;background:rgba(255,255,255,.1)}.bb-rma-security>b{display:flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:13px;color:#fff;background:var(--green);font-size:20px}.bb-rma-security span{display:flex;flex-direction:column}.bb-rma-security small{color:rgba(255,255,255,.72)}
.bb-rma-state{display:flex;align-items:center;gap:16px;margin-top:22px;padding:22px;border:1px solid var(--line);border-radius:16px;background:#fff}.bb-rma-state>div{display:flex;flex-direction:column}.bb-rma-state small{color:var(--muted)}.bb-rma-state--error{justify-content:space-between;border-color:#f2c9c9;background:#fff7f7}.bb-rma-spinner{display:inline-block;width:28px;height:28px;border:3px solid rgba(7,93,168,.16);border-top-color:var(--blue);border-radius:50%;animation:rmaspin .75s linear infinite}.bb-rma-spinner--small{width:17px;height:17px;border-width:2px;border-color:rgba(255,255,255,.35);border-top-color:#fff}@keyframes rmaspin{to{transform:rotate(360deg)}}
.bb-rma-choice-section,.bb-rma-workspace{margin-top:26px}.bb-rma-heading{display:flex;gap:14px;margin-bottom:18px}.bb-rma-heading>span{height:fit-content;padding:7px 11px;border-radius:999px;color:var(--blue);background:#e8f4fb;font-size:11px;font-weight:900}.bb-rma-heading h2{margin:0 0 4px;font-size:24px;font-weight:900}.bb-rma-heading p{margin:0;color:var(--muted)}.bb-rma-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.bb-rma-choice{display:flex;min-height:395px;flex-direction:column;padding:28px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 14px 34px rgba(22,58,87,.07)}.bb-rma-choice__icon{display:flex;width:58px;height:58px;margin-bottom:22px;align-items:center;justify-content:center;border-radius:17px;color:#fff;font-size:26px}.bb-rma-choice--return .bb-rma-choice__icon{background:linear-gradient(135deg,#ef7f24,#f7a44f)}.bb-rma-choice--rma .bb-rma-choice__icon{background:linear-gradient(135deg,#0975b8,#12afd5)}.bb-rma-choice>small{font-weight:900;letter-spacing:.12em}.bb-rma-choice--return>small{color:#c86517}.bb-rma-choice--rma>small{color:#0877ad}.bb-rma-choice h3{margin:10px 0 12px;font-size:23px;font-weight:900}.bb-rma-choice p{color:var(--muted);line-height:1.65}.bb-rma-choice ul{display:grid;flex:1;gap:9px;padding:0;list-style:none}.bb-rma-choice li:before{margin-right:9px;color:var(--green);content:'✓';font-weight:900}
.bb-rma-btn{display:inline-flex;min-height:45px;align-items:center;justify-content:center;gap:9px;padding:10px 17px;border:0;border-radius:11px;font:850 13px/1.2 inherit;cursor:pointer}.bb-rma-btn:disabled{cursor:not-allowed;opacity:.45}.bb-rma-btn--return{color:#fff;background:linear-gradient(135deg,#e8741c,#f39a43)}.bb-rma-btn--rma,.bb-rma-btn--primary{color:#fff;background:linear-gradient(135deg,#075da8,#0b8cc8)}.bb-rma-btn--light{color:var(--blue);border:1px solid #bad7e8;background:#fff}
.bb-rma-workspace{padding:26px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 16px 42px rgba(22,58,87,.07)}.bb-rma-workspace__top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid var(--line)}.bb-rma-back,.bb-rma-link{padding:0;border:0;color:var(--blue);background:transparent;font:850 12px inherit;cursor:pointer}.bb-rma-flow-title{display:flex;align-items:center;gap:13px}.bb-rma-flow-title h2{margin:0;font-size:24px}.bb-rma-flow-title p{margin:4px 0 0;color:var(--muted);font-size:12px}.bb-rma-pill{padding:9px 12px;border-radius:10px;color:#fff;font-size:11px;font-weight:900}.bb-rma-pill--return{background:var(--orange)}.bb-rma-pill--rma{background:var(--cyan)}
.bb-rma-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:22px 0 26px}.bb-rma-progress button{display:flex;align-items:center;gap:10px;min-width:0;padding:12px;border:1px solid var(--line);border-radius:13px;color:var(--muted);background:#f8fbfd;font:800 11px inherit;text-align:left;cursor:pointer}.bb-rma-progress button:disabled{cursor:default;opacity:.58}.bb-rma-progress button b{display:flex;width:29px;height:29px;flex:0 0 29px;align-items:center;justify-content:center;border-radius:9px;color:#fff;background:#9bb0bf}.bb-rma-progress button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bb-rma-progress button.is-active{border-color:#9dcfe5;color:var(--blue);background:#eef8fc}.bb-rma-progress button.is-active b{background:var(--blue)}.bb-rma-progress button.is-complete b{background:var(--green)}
.bb-rma-info{display:flex;gap:12px;margin:22px 0 26px;padding:16px 18px;border:1px solid #cde5f1;border-radius:14px;background:#f1f9fd}.bb-rma-info>b{display:flex;width:25px;height:25px;flex:0 0 25px;align-items:center;justify-content:center;border-radius:50%;color:#fff;background:var(--cyan)}.bb-rma-info p{margin:0;color:#355c76;line-height:1.55}
.bb-rma-rows{display:grid;gap:16px}.bb-rma-row{overflow:hidden;border:1px solid var(--line);border-radius:17px}.bb-rma-row>header{display:flex;align-items:center;gap:12px;padding:15px 18px;border-bottom:1px solid var(--line);background:#f8fbfd}.bb-rma-row>header>b{display:flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:10px;color:#fff;background:var(--navy)}.bb-rma-row h3{margin:0;font-size:15px}.bb-rma-row header p{margin:2px 0 0;color:var(--muted);font-size:11px}.bb-rma-remove{margin-left:auto;border:0;border-radius:9px;color:#a33b3b;background:#fff0f0;font-size:21px}.bb-rma-row__body{padding:18px}.bb-rma-row__body>label{display:block;margin-bottom:7px;font-size:12px;font-weight:850}.bb-rma-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.bb-rma-search input{min-height:46px;padding:10px 14px;border:1px solid #c9d9e4;border-radius:11px;outline:none;font:14px inherit}.bb-rma-search input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(18,167,207,.12)}
.bb-rma-message{display:flex;align-items:center;gap:13px;margin-top:14px;padding:14px 15px;border-radius:12px}.bb-rma-message>div{display:flex;flex:1;flex-direction:column}.bb-rma-message--error{align-items:flex-start;border:1px solid #f1c9c9;color:#913939;background:#fff6f6}.bb-rma-message--warning{border:1px solid #efd6a7;color:#725323;background:#fffaf0}.bb-rma-message--manual{border:1px solid #c8e2d7;color:#245d4b;background:#f2fbf7}.bb-rma-message--manual>b{display:flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:50%;color:#fff;background:var(--green)}.bb-rma-message--manual em{padding:7px 10px;border-radius:999px;color:#fff;background:var(--green);font-size:10px;font-style:normal;font-weight:900}
.bb-rma-selected{display:grid;grid-template-columns:auto .7fr 1.7fr auto;align-items:center;gap:14px;margin-top:14px;padding:15px;border:1px solid #b9ddce;border-radius:13px;background:#f2fbf7}.bb-rma-selected__icon{display:flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:10px;color:#fff;background:var(--green);font-weight:900}.bb-rma-selected__summary,.bb-rma-selected__docs,.bb-rma-selected__docs>div{display:flex;min-width:0;flex-direction:column}.bb-rma-selected small,.bb-rma-selected span{color:#587363;font-size:10px}.bb-rma-selected strong{overflow:hidden;color:#234d3d;text-overflow:ellipsis;white-space:nowrap}.bb-rma-selected__docs{max-height:115px;gap:7px;overflow:auto}.bb-rma-selected__docs>div{padding-bottom:6px;border-bottom:1px solid rgba(31,157,114,.15)}.bb-rma-add{margin-top:15px;padding:10px 14px;border:1px dashed #9cc6dc;border-radius:11px;color:var(--blue);background:#f4fbfe;font-weight:850}
.bb-rma-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}.bb-rma-footer>div{display:flex;align-items:baseline;gap:6px;color:var(--muted)}.bb-rma-footer strong{color:var(--text);font-size:18px}
.bb-rma-detail-list{display:grid;gap:18px}.bb-rma-detail-card,.bb-rma-common-card{overflow:hidden;border:1px solid var(--line);border-radius:17px;background:#fff}.bb-rma-detail-card>header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 19px;border-bottom:1px solid var(--line);background:#f8fbfd}.bb-rma-detail-card>header small,.bb-rma-detail-card>header p{color:var(--muted)}.bb-rma-detail-card>header h3{margin:3px 0;font-size:17px}.bb-rma-detail-card>header p{margin:0;font-size:11px}.bb-rma-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;padding:20px}.bb-rma-field{display:flex;min-width:0;flex-direction:column;gap:7px}.bb-rma-field--full{grid-column:1/-1}.bb-rma-field--small{max-width:320px}.bb-rma-field label{font-size:12px;font-weight:850}.bb-rma-field>small{color:var(--muted);font-size:10px}.bb-rma-field input,.bb-rma-field select,.bb-rma-field textarea{width:100%;min-height:46px;padding:10px 13px;border:1px solid #c9d9e4;border-radius:11px;outline:none;color:var(--text);background:#fff;font:13px inherit}.bb-rma-field textarea{min-height:100px;resize:vertical}.bb-rma-field input:focus,.bb-rma-field select:focus,.bb-rma-field textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(18,167,207,.12)}.bb-rma-inline-error{margin:0 20px 20px;padding:11px 13px;border:1px solid #f1c9c9;border-radius:10px;color:#913939;background:#fff6f6;font-size:12px;font-weight:750}
.bb-rma-upload{display:flex;align-items:center;gap:13px;min-height:75px;padding:14px;border:1px dashed #9cc6dc;border-radius:13px;color:var(--blue);background:#f4fbfe;cursor:pointer}.bb-rma-upload input{position:absolute;width:1px;height:1px;opacity:0}.bb-rma-upload>b{display:flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:11px;color:#fff;background:var(--blue);font-size:20px}.bb-rma-upload>span{display:flex;flex-direction:column}.bb-rma-upload small{color:var(--muted)}.bb-rma-file-list{display:grid;gap:8px;margin-top:10px}.bb-rma-file-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff}.bb-rma-file-list span{display:flex;min-width:0;flex-direction:column}.bb-rma-file-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bb-rma-file-list small{color:var(--muted)}.bb-rma-file-list button{width:30px;height:30px;border:0;border-radius:8px;color:#a33b3b;background:#fff0f0;cursor:pointer}
.bb-rma-review{display:grid;gap:16px}.bb-rma-review__header,.bb-rma-review-contact{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:17px;border:1px solid var(--line);border-radius:15px;background:#f8fbfd}.bb-rma-review__header>div,.bb-rma-review-contact>div{display:flex;min-width:0;flex-direction:column}.bb-rma-review small{color:var(--muted);font-size:10px}.bb-rma-review strong{overflow:hidden;text-overflow:ellipsis}.bb-rma-review-product{overflow:hidden;border:1px solid var(--line);border-radius:15px}.bb-rma-review-product>header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 17px;border-bottom:1px solid var(--line);background:#f8fbfd}.bb-rma-review-product h3{margin:3px 0 0;font-size:17px}.bb-rma-review-grid{display:grid;grid-template-columns:1.3fr 1.3fr .6fr;gap:18px;padding:17px}.bb-rma-review-grid>div{min-width:0}.bb-rma-review-grid p{display:flex;flex-direction:column;margin:7px 0 0;color:#456176;font-size:12px}.bb-rma-review-notes{padding:17px;border:1px solid var(--line);border-radius:15px;background:#fff}.bb-rma-review-notes p{margin:7px 0 0;white-space:pre-wrap}.bb-rma-confirm{display:flex;align-items:center;gap:11px;margin-top:20px;padding:15px;border:1px solid #cde5f1;border-radius:13px;background:#f1f9fd;cursor:pointer}.bb-rma-confirm input{position:absolute;opacity:0}.bb-rma-confirm i{display:flex;width:22px;height:22px;flex:0 0 22px;align-items:center;justify-content:center;border:2px solid #9eb8c9;border-radius:6px;background:#fff}.bb-rma-confirm input:checked+i{border-color:var(--green);background:var(--green)}.bb-rma-confirm input:checked+i:after{color:#fff;content:'✓';font-size:14px;font-weight:900}.bb-rma-preview-note{display:flex;flex-direction:column;gap:3px;margin-top:14px;padding:13px 15px;border:1px solid #efd6a7;border-radius:12px;color:#725323;background:#fffaf0}
.bb-rma-success{display:flex;min-height:420px;align-items:center;justify-content:center;flex-direction:column;gap:10px;margin-top:26px;padding:45px 25px;border:1px solid #b9ddce;border-radius:22px;text-align:center;background:#f2fbf7;box-shadow:0 16px 42px rgba(22,58,87,.07)}.bb-rma-success__icon{display:flex;width:72px;height:72px;align-items:center;justify-content:center;margin-bottom:6px;border-radius:22px;color:#fff;background:var(--green);font-size:36px;font-weight:900}.bb-rma-success>small{color:var(--green);font-weight:900;letter-spacing:.1em}.bb-rma-success h2{max-width:720px;margin:5px 0;font-size:28px}.bb-rma-success p{color:var(--muted)}.bb-rma-success__actions{display:flex;gap:10px;margin-top:12px}
.bb-rma-modal-backdrop{position:fixed;z-index:99999;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(5,24,42,.72)}.bb-rma-modal{display:flex;width:min(1060px,100%);max-height:calc(100vh - 40px);flex-direction:column;overflow:hidden;border-radius:20px;background:#fff}.bb-rma-modal>header,.bb-rma-modal>footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px}.bb-rma-modal>header{border-bottom:1px solid var(--line)}.bb-rma-modal header h3{margin:3px 0;font-size:22px}.bb-rma-modal header p{margin:0;color:var(--muted)}.bb-rma-modal header>button{width:38px;height:38px;border:0;border-radius:11px;background:#edf3f7;font-size:23px;cursor:pointer}.bb-rma-modal__toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 24px;border-bottom:1px solid var(--line);color:var(--muted);background:#f8fbfd}.bb-rma-modal__body{overflow:auto;padding:18px 24px}.bb-rma-doc{display:grid;grid-template-columns:auto 95px .75fr 1.3fr 85px;align-items:center;gap:13px;margin-bottom:10px;padding:14px;border:1px solid var(--line);border-radius:13px;cursor:pointer}.bb-rma-doc.is-selected{border-color:var(--cyan);background:#eefaff}.bb-rma-doc input{position:absolute;opacity:0}.bb-rma-doc>i{display:flex;width:20px;height:20px;align-items:center;justify-content:center;border:2px solid #aac0cf;border-radius:6px;background:#fff}.bb-rma-doc.is-selected>i{border-color:var(--cyan);background:var(--cyan)}.bb-rma-doc.is-selected>i:after{color:#fff;content:'✓';font-size:13px;font-weight:900}.bb-rma-doc>div{display:flex;min-width:0;flex-direction:column}.bb-rma-doc strong,.bb-rma-doc small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bb-rma-doc small{color:var(--muted);font-size:10px}.bb-rma-doc__qty{align-items:flex-end}.bb-rma-modal>footer{border-top:1px solid var(--line);background:#f8fbfd}
@media(max-width:900px){.bb-rma-hero{align-items:flex-start;flex-direction:column}.bb-rma-security{width:100%;flex-basis:auto}.bb-rma-choice-grid{grid-template-columns:1fr}.bb-rma-workspace__top{flex-direction:column}.bb-rma-progress{grid-template-columns:repeat(2,minmax(0,1fr))}.bb-rma-selected{grid-template-columns:auto 1fr auto}.bb-rma-selected__docs{grid-column:2/-1}.bb-rma-form-grid,.bb-rma-review-grid{grid-template-columns:1fr}.bb-rma-field--full,.bb-rma-field--small{grid-column:auto;max-width:none}.bb-rma-review__header,.bb-rma-review-contact{grid-template-columns:repeat(2,minmax(0,1fr))}.bb-rma-doc{grid-template-columns:auto 90px 1fr 70px}.bb-rma-doc>div:nth-of-type(2){grid-column:2/-1}}
@media(max-width:640px){.bb-rma-shell{width:calc(100% - 18px)}.bb-rma-hero{padding:25px 21px;border-radius:19px}.bb-rma-workspace{padding:17px}.bb-rma-heading,.bb-rma-message,.bb-rma-footer{align-items:stretch;flex-direction:column}.bb-rma-progress{grid-template-columns:1fr}.bb-rma-search{grid-template-columns:1fr}.bb-rma-search .bb-rma-btn,.bb-rma-footer .bb-rma-btn{width:100%}.bb-rma-selected{grid-template-columns:auto 1fr}.bb-rma-selected__docs,.bb-rma-selected>.bb-rma-link{grid-column:1/-1}.bb-rma-review__header,.bb-rma-review-contact{grid-template-columns:1fr}.bb-rma-review-product>header{align-items:flex-start;flex-direction:column}.bb-rma-success__actions{width:100%;flex-direction:column}.bb-rma-success__actions .bb-rma-btn{width:100%}.bb-rma-modal-backdrop{align-items:flex-end;padding:0}.bb-rma-modal{max-height:92vh;border-radius:20px 20px 0 0}.bb-rma-doc{grid-template-columns:auto 1fr 64px}.bb-rma-doc>span,.bb-rma-doc>div{grid-column:2/-1}.bb-rma-doc__qty{grid-column:3;grid-row:1}.bb-rma-modal>footer{flex-direction:column-reverse}.bb-rma-modal>footer .bb-rma-btn{width:100%}}
/* B2B RETURNS & RMA FULL FLOW v4 END */


/* FULL FLOW v4 - Conditional return method fields */
.bb-rma-field--readonly input {
    color: #587086;
    background: #f4f7f9;
    cursor: default;
}

.bb-rma-conditional-field {
    padding: 14px;
    border: 1px solid #b9ddce;
    border-radius: 13px;
    background: #f2fbf7;
}

.bb-rma-return-method-note {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 4px 11px;
    padding: 14px 16px;
    border: 1px solid #b9ddce;
    border-radius: 13px;
    color: #245d4b;
    background: #f2fbf7;
}

.bb-rma-return-method-note > b {
    display: flex;
    width: 30px;
    height: 30px;
    grid-row: 1 / 3;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    color: #fff;
    background: var(--green);
}

.bb-rma-return-method-note > span {
    font-weight: 850;
}

.bb-rma-return-method-note > small {
    color: #587363;
}

.bb-rma-review-contact {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width: 900px) {
    .bb-rma-review-contact {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .bb-rma-review-contact {
        grid-template-columns: 1fr;
    }
}


/* FULL FLOW v4 - Product autocomplete and ERP branches */
.bb-rma-autocomplete {
    position: relative;
    min-width: 0;
}

.bb-rma-autocomplete > input {
    width: 100%;
}

.bb-rma-suggestions {
    position: absolute;
    z-index: 40;
    top: calc(100% + 6px);
    right: 0;
    left: 0;
    max-height: 330px;
    overflow: auto;
    border: 1px solid #b9cedc;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 16px 36px rgba(7, 45, 80, .18);
}

.bb-rma-suggestions > button {
    display: flex;
    width: 100%;
    min-height: 56px;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    gap: 3px;
    padding: 10px 13px;
    border: 0;
    border-bottom: 1px solid #e5edf3;
    color: var(--text);
    background: #fff;
    text-align: left;
    cursor: pointer;
}

.bb-rma-suggestions > button:last-of-type {
    border-bottom: 0;
}

.bb-rma-suggestions > button:hover {
    background: #eef8fc;
}

.bb-rma-suggestions > button strong {
    color: var(--navy);
    font-size: 13px;
}

.bb-rma-suggestions > button span {
    color: var(--muted);
    font-size: 11px;
}

.bb-rma-suggestions__loading,
.bb-rma-suggestions__empty {
    padding: 14px;
    color: var(--muted);
    font-size: 11px;
    line-height: 1.5;
}

.bb-rma-suggestions__loading {
    display: flex;
    align-items: center;
    gap: 10px;
}

.bb-rma-suggestions__loading .bb-rma-spinner {
    width: 20px;
    height: 20px;
    border-width: 2px;
}

.bb-rma-code-resolved {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-top: 10px;
    padding: 9px 11px;
    border: 1px solid #b9ddce;
    border-radius: 10px;
    color: #245d4b;
    background: #f2fbf7;
    font-size: 11px;
}

.bb-rma-code-resolved > b {
    display: flex;
    width: 22px;
    height: 22px;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    color: #fff;
    background: var(--green);
}

@media (max-width: 640px) {
    .bb-rma-suggestions {
        max-height: 260px;
    }
}


/* FULL FLOW v4 - UI fixes */

/*
 * Το dropdown προτάσεων βρίσκεται μέσα στην κάρτα προϊόντος.
 * Το παλιό overflow:hidden το έκοβε στο κάτω όριο της κάρτας.
 */
.bb-rma-row {
    overflow: visible;
    position: relative;
}

.bb-rma-row:focus-within {
    z-index: 80;
}

.bb-rma-row > header {
    border-radius: 17px 17px 0 0;
}

.bb-rma-row__body {
    position: relative;
    border-radius: 0 0 17px 17px;
    background: #fff;
}

.bb-rma-autocomplete {
    z-index: 85;
}

.bb-rma-suggestions {
    z-index: 999;
}

/*
 * Κρατάμε την επόμενη γραμμή / footer πίσω από το ανοιχτό dropdown.
 */
.bb-rma-rows,
.bb-rma-workspace {
    overflow: visible;
}

/* =========================================================
   BAKLATSIDIS B2B MEGAMENU
   ICON SCALE & VISUAL POLISH V4
   Βάλε το στο ΤΕΛΟΣ της CSS του navbarcustom_megamenunew
   ========================================================= */


/* ---------------------------------------------------------
   ΟΜΑΛΗ ΚΙΝΗΣΗ ΤΩΝ ICON BOXES
   --------------------------------------------------------- */

.bb-mega-card-media,
.bb-mega-left-icon,
.bb-mega-action-icon,
.bb-mega-benefit-icon {
    transition:
        transform 0.18s ease,
        background-color 0.18s ease,
        box-shadow 0.18s ease;
}


/* Κεντρικές κάρτες κατηγοριών */

.bb-mega-card:hover .bb-mega-card-media {
    background: #edf7ff;
    box-shadow: 0 7px 18px rgba(15, 87, 144, 0.09);
    transform: translateY(-1px) scale(1.045);
}


/* Αριστερό menu */

.bb-mega-left-item:hover .bb-mega-left-icon,
.bb-mega-left-item.is-active .bb-mega-left-icon {
    background: #e5f3ff;
    transform: scale(1.04);
}


/* Quick actions */

.bb-mega-action:hover .bb-mega-action-icon {
    background: #e4f4ff;
    transform: scale(1.05);
}


/* ---------------------------------------------------------
   ΜΕΓΑΛΕΣ DESKTOP ΟΘΟΝΕΣ
   Το screenshot μας εμπίπτει ουσιαστικά εδώ
   --------------------------------------------------------- */

@media (min-width: 1501px) {

    /* ΑΡΙΣΤΕΡΗ ΣΤΗΛΗ */

    .bb-mega-left-item {
        grid-template-columns: 40px minmax(0, 1fr) 16px;
        min-height: 58px;
        padding: 10px 11px;
    }

    .bb-mega-left-icon {
        width: 34px;
        height: 34px;
        border-radius: 10px;
        background: #edf7ff;
    }

    .bb-mega-left-icon svg {
        width: 27px;
        height: 27px;
    }


    /* ΚΕΝΤΡΙΚΕΣ ΚΑΡΤΕΣ ΚΑΤΗΓΟΡΙΩΝ */

    .bb-mega-card {
        min-height: 138px;
        padding: 14px 8px 12px;
    }

    .bb-mega-card-media {
        width: 72px;
        height: 72px;
        margin-bottom: 10px;
        border-radius: 17px;
        background: #f3f8fd;
    }

    .bb-mega-card-media img {
        width: 88%;
        height: 88%;
        object-fit: contain;
    }

    .bb-mega-card-icon svg {
        width: 34px;
        height: 34px;
    }

    .bb-mega-card-title {
        font-size: 11.5px;
        line-height: 1.28;
    }


    /* ΓΡΗΓΟΡΕΣ ΕΝΕΡΓΕΙΕΣ */

    .bb-mega-action {
        grid-template-columns: 50px minmax(0, 1fr) auto;
        min-height: 66px;
        gap: 11px;
        padding: 10px 11px;
    }

    .bb-mega-action-icon {
        width: 46px;
        height: 46px;
        border-radius: 12px;
    }

    .bb-mega-action-icon svg {
        width: 26px;
        height: 26px;
    }

    .bb-mega-action-title {
        font-size: 12.5px;
    }

    .bb-mega-action-subtitle {
        font-size: 10.5px;
    }


    /* ΚΑΤΩ ΠΛΕΟΝΕΚΤΗΜΑΤΑ */

    .bb-mega-benefit {
        grid-template-columns: 44px minmax(0, 1fr);
        gap: 11px;
    }

    .bb-mega-benefit-icon {
        width: 38px;
        height: 38px;
    }

    .bb-mega-benefit-icon svg {
        width: 22px;
        height: 22px;
    }

    .bb-mega-benefit-title {
        font-size: 11.5px;
    }

    .bb-mega-benefit-subtitle {
        font-size: 9.5px;
    }
}


/* ---------------------------------------------------------
   ΚΑΝΟΝΙΚΕΣ DESKTOP / LAPTOP ΟΘΟΝΕΣ
   --------------------------------------------------------- */

@media (min-width: 1200px) and (max-width: 1500px) {

    .bb-mega-left-item {
        grid-template-columns: 38px minmax(0, 1fr) 16px;
        min-height: 56px;
    }

    .bb-mega-left-icon {
        width: 32px;
        height: 32px;
        border-radius: 9px;
        background: #edf7ff;
    }

    .bb-mega-left-icon svg {
        width: 25px;
        height: 25px;
    }


    .bb-mega-card {
        min-height: 128px;
    }

    .bb-mega-card-media {
        width: 66px;
        height: 66px;
        margin-bottom: 9px;
        border-radius: 16px;
    }

    .bb-mega-card-media img {
        width: 88%;
        height: 88%;
        object-fit: contain;
    }

    .bb-mega-card-icon svg {
        width: 31px;
        height: 31px;
    }


    .bb-mega-action {
        grid-template-columns: 46px minmax(0, 1fr) auto;
        min-height: 64px;
    }

    .bb-mega-action-icon {
        width: 42px;
        height: 42px;
        border-radius: 11px;
    }

    .bb-mega-action-icon svg {
        width: 24px;
        height: 24px;
    }


    .bb-mega-benefit {
        grid-template-columns: 41px minmax(0, 1fr);
    }

    .bb-mega-benefit-icon {
        width: 36px;
        height: 36px;
    }

    .bb-mega-benefit-icon svg {
        width: 21px;
        height: 21px;
    }
}


/* ---------------------------------------------------------
   ΜΙΚΡΟΤΕΡΟ DESKTOP
   Διατηρούμε την αύξηση χωρίς να στριμώξουμε το menu
   --------------------------------------------------------- */

@media (min-width: 992px) and (max-width: 1199.98px) {

    .bb-mega-left-item {
        grid-template-columns: 36px minmax(0, 1fr) 16px;
    }

    .bb-mega-left-icon {
        width: 30px;
        height: 30px;
        border-radius: 9px;
        background: #edf7ff;
    }

    .bb-mega-left-icon svg {
        width: 24px;
        height: 24px;
    }


    .bb-mega-card {
        min-height: 120px;
    }

    .bb-mega-card-media {
        width: 62px;
        height: 62px;
        margin-bottom: 8px;
        border-radius: 15px;
    }

    .bb-mega-card-media img {
        width: 88%;
        height: 88%;
    }

    .bb-mega-card-icon svg {
        width: 29px;
        height: 29px;
    }


    .bb-mega-action {
        grid-template-columns: 44px minmax(0, 1fr) auto;
    }

    .bb-mega-action-icon {
        width: 40px;
        height: 40px;
        border-radius: 10px;
    }

    .bb-mega-action-icon svg {
        width: 23px;
        height: 23px;
    }
}


/* ---------------------------------------------------------
   ΧΑΜΗΛΕΣ DESKTOP ΟΘΟΝΕΣ
   Δεν αφήνουμε τα μεγαλύτερα icons να προκαλέσουν overflow
   --------------------------------------------------------- */

@media (max-height: 780px) and (min-width: 992px) {

    .bb-mega-card {
        min-height: 112px;
        padding-top: 10px;
        padding-bottom: 9px;
    }

    .bb-mega-card-media {
        width: 58px;
        height: 58px;
        margin-bottom: 7px;
        border-radius: 14px;
    }

    .bb-mega-card-icon svg {
        width: 28px;
        height: 28px;
    }

    .bb-mega-action {
        min-height: 58px;
    }

    .bb-mega-action-icon {
        width: 38px;
        height: 38px;
    }

    .bb-mega-action-icon svg {
        width: 22px;
        height: 22px;
    }

    .bb-mega-benefit-icon {
        width: 34px;
        height: 34px;
    }

    .bb-mega-benefit-icon svg {
        width: 20px;
        height: 20px;
    }
}