/* ============================================================
   CSS Variables — xbot theme
   ============================================================ */
:root {
    /* Colors */
    --xbot-bg-overlay:           rgba(0, 0, 0, 0.85);
    --xbot-modal-bg:             #111111;
    --xbot-input-bg:             #1a1a1a;
    --xbot-accent:               #3dff8f;
    --xbot-accent-dim:           rgba(61, 255, 143, 0.25);
    --xbot-accent-focus:         rgba(61, 255, 143, 0.7);
    --xbot-accent-links:         rgba(61, 255, 143, 0.8);
    --xbot-accent-border:        rgba(61, 255, 143, 0.3);
    --xbot-text:                 #ffffff;
    --xbot-text-placeholder:     rgba(255, 255, 255, 0.5);
    --xbot-text-muted:           rgba(255, 255, 255, 0.7);
    --xbot-btn-text:             #000000;
    --xbot-separator-color:      rgba(255, 255, 255, 0.15);
    --xbot-error-color:          var(--color-4);
    --xbot-footer-link-color:    #287ba7;

    /* Borders */
    --xbot-border-radius-input:  100vh;
    --xbot-border-radius-modal:  20px;
    --xbot-border-modal:         1px solid var(--xbot-accent-border);
    --xbot-border-input:         1px solid var(--xbot-accent-dim);

    /* Sizing */
    --xbot-input-height:         44px;
    --xbot-input-font-size:      14px;
    --xbot-input-padding:        8px 16px;
    --xbot-btn-height:           54px;
    --xbot-modal-max-width:      455px;
    --xbot-modal-padding:        20px 20px 30px 20px;
}

/* ============================================================
   #modalLogin — Layout & Position
   ============================================================ */
#modalLogin {
    display: block !important;
    opacity: 1 !important;
    transform: translateX(100vw);
    transition: transform 0.6s ease, background-color 0.3s ease !important;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    max-width: 100%;
}
#modalLogin.show {
    transform: translateX(0);
}
#modalLogin.modal.show {
    background-color: var(--xbot-bg-overlay) !important;
}

/* ============================================================
   #modalLogin — Dialog
   ============================================================ */
#modalLogin .modal-dialog {
    width: 100%;
    max-width: var(--xbot-modal-max-width);
    height: 100%;
    margin: 0 auto;
    transform: none;
    overflow: hidden !important;
}

/* ============================================================
   #modalLogin — Content & Body
   ============================================================ */
#modalLogin .modal-content {
    border: none;
    width: 100%;
    background-color: inherit;
}
#modalLogin.modal .modal-body {
    min-height: 280px;
    padding: var(--xbot-modal-padding);
    gap: 20px;
    border-radius: var(--xbot-border-radius-modal) !important;
    border: var(--xbot-border-modal) !important;
    background-color: var(--xbot-modal-bg) !important;
    color: var(--xbot-text) !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
}

/* ============================================================
   #modalLogin — Inputs
   ============================================================ */
#modalLogin #MyB2BFormLogIn input {
    width: 100% !important;
    box-sizing: border-box !important;
    padding: var(--xbot-input-padding);
    height: var(--xbot-input-height) !important;
    font-size: var(--xbot-input-font-size) !important;
    font-family: 'Arial';
    font-weight: 400;
    background-color: var(--xbot-input-bg) !important;
    border: var(--xbot-border-input) !important;
    color: var(--xbot-text) !important;
    border-radius: var(--xbot-border-radius-input) !important;
}
#modalLogin #MyB2BFormLogIn input::placeholder {
    color: var(--xbot-text-placeholder) !important;
}
#modalLogin #MyB2BFormLogIn input:focus {
    border-color: var(--xbot-accent-focus) !important;
    outline: none !important;
}
#modalLogin.modal .input_group.haveCredError input {
    border-color: var(--xbot-error-color) !important;
}

/* ============================================================
   #modalLogin — Input Group
   ============================================================ */
#modalLogin .input_group {
    width: 100% !important;
    box-sizing: border-box !important;
}

/* ============================================================
   #modalLogin — Title
   ============================================================ */
#modalLogin .titleWrap span {
    text-transform: initial;
    color: var(--xbot-text) !important;
}
#modalLogin #MyB2BFormLogIn .titleWrap {
    margin-bottom: 0;
    height: 34px;
}

/* ============================================================
   #modalLogin — Login Button
   ============================================================ */
#modalLogin .product__infobox__link.loginmodal {
    justify-content: center;
    position: relative;
    width: 100%;
    height: var(--xbot-btn-height);
    background-color: var(--xbot-accent) !important;
    border: none !important;
    color: var(--xbot-btn-text) !important;
    border-radius: var(--xbot-border-radius-input) !important;
    font-weight: bold !important;
}
#modalLogin .product__infobox__link.loginmodal:after {
    position: absolute;
    right: 5px;
}

/* ============================================================
   #modalLogin — Links & Icons
   ============================================================ */
#modalLogin #MyB2BFormLogIn .loginCloser {
    width: 100%;
    text-align: end;
    height: 20px;
}
#modalLogin #MyB2BFormLogIn .grey-seperator-login {
    height: 2px;
    border-radius: 2px;
    background-color: var(--xbot-separator-color);
    flex: 0 0 2px;
    width: 100%;
}
#modalLogin #MyB2BFormLogIn .w_100.d_flex {
    width: 100%;
    gap: 20px;
    height: 37px;
}
#modalLogin #MyB2BFormLogIn .w_100.d_flex .link_with_icon {
    display: flex;
    flex-grow: 1;
}
#modalLogin #MyB2BFormLogIn .w_100.d_flex .link_with_icon a,
#modalLogin #MyB2BFormLogIn .w_100.d_flex .link_with_icon span {
    position: relative;
    top: 1px;
    font-size: var(--xbot-input-font-size);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: var(--xbot-accent-links) !important;
    text-decoration: none;
}
#modalLogin #MyB2BFormLogIn .iconButton.round {
    width: 19px;
    height: 17px;
    border-radius: 50%;
}
#modalLogin #MyB2BFormLogIn > * {
    font-family: var(--font-family-medium);
}
#modalLogin #Layer_1 {
    fill: var(--xbot-error-color);
}

/* ============================================================
   #modalLogin — Footer
   ============================================================ */
#modalLogin .modal-footer {
    display: flex;
    flex-direction: column;
    padding: 12px 0 0;
    margin: 0 50px 12px;
}
#modalLogin .modal-footer > * {
    font-size: var(--xbot-input-font-size);
    font-weight: bold;
}
#modalLogin .modal-footer > a,
#modalLogin .pass-amnesia {
    color: var(--xbot-footer-link-color);
    font-style: italic;
}
#modalLogin .modal-footer > a:hover,
#modalLogin .pass-amnesia:hover {
    color: var(--xbot-footer-link-color) !important;
}

/* ============================================================
   #modalLogin — Media Queries
   ============================================================ */
@media screen and (max-width: 600px) {
    #modalLogin .modal-footer {
        display: flex !important;
    }
    #modalLogin .modal-dialog.modal-md {
        margin: auto;
    }
}
@media screen and (max-height: 740px) {
    #modalLogin .modal-content {
        min-height: 65vh !important;
    }
}

/* ============================================================
   Flex utilities
   ============================================================ */
.d_flex          { display: flex !important; }
.d_iflex         { display: inline-flex !important; }
.fd_row          { flex-direction: row !important; }
.fd_column       { flex-direction: column !important; }
.jc_center       { justify-content: center !important; }
.jc_spacebetween { justify-content: space-between !important; }
.ai_center       { align-items: center !important; }
.ta_center       { text-align: center !important; }
.fw_500          { font-weight: 500 !important; }
.lh_1            { line-height: 1; }
.w_100           { width: 100% !important; }

/* ============================================================
   Input group (generic)
   ============================================================ */
.input_group {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: flex-start;
    gap: 7px;
    align-self: stretch;
}
.input_group.centered {
    justify-content: center;
}
.input_group.centered label,
.input_group.centered .form_input {
    text-align: center;
}
.input_group label {
    color: var(--main-black);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
}
.input_group .form_input {
    height: 40px;
    flex-shrink: 0;
    width: 100%;
    border-radius: 5px;
    border: 1px solid var(--main-gray);
    background: white;
    outline: 0 !important;
}

/* ============================================================
   link_with_icon (generic)
   ============================================================ */
.link_with_icon {
    gap: 5px;
    min-height: 1px;
}
.link_with_icon span {
    position: relative;
    top: 1px;
    
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.customHover_newUser svg {
    width: 24px;
    transition: transform 0.3s ease-in-out;
}
.customHover_refresh svg {
    width: 20px;
    transition: transform 0.3s ease-in-out;
}
.link_with_icon.customHover_newUser:hover svg {
    transform: scale(-1, 1);
}
.link_with_icon.customHover_refresh:hover svg {
    transform: rotate(180deg);
}

/* ============================================================
   hoverIcon (generic)
   ============================================================ */
.hoverIcon {
    cursor: pointer;
}
.hoverIcon > span:after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    border-top: 1px solid var(--main-gray);
    transform-origin: center left;
    transform: scale(0, 1);
    transition: all .2s ease-in-out !important;
}
.hoverIcon:hover > span:after {
    transform: scale(1, 1);
}

/* ============================================================
   iconButton (generic)
   ============================================================ */
.iconButton {
    display: flex;
    justify-content: center;
    align-items: center;
}
.iconButton .icon,
.iconButton .icon circle,
.iconButton .icon path {
    transition: fill, stroke 0.2s ease-in-out;
}
.iconButton.round {
    width: 28px;
    height: 28px;
    border-radius: 50%;
}

/* ============================================================
   modal-content / modal-body (generic)
   ============================================================ */
.modal-content {
    padding: 20px 0;
    background: var(--background-gray);
}
.modal-body {
    padding: 20px 20px 70px 20px;
    background: var(--background-gray);
}

/* ============================================================
   errorMessage (generic)
   ============================================================ */
.errorMessage {
    color: var(--main-red);
    display: none;
}
.haveCredError .errorMessage {
    display: inline-block;
}

/* ============================================================
   Modal dialog (generic)
   ============================================================ */
.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem);
}
@media (min-width: 576px) {
    .modal-dialog-scrollable { height: calc(100% - 3.5rem); }
    .modal-dialog-centered   { min-height: calc(100% - 3.5rem); }
}
.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0, -50px);
}
.modal.show .modal-dialog {
    transform: none;
}

/* ============================================================
   loginCloser (generic)
   ============================================================ */
.loginCloser {
    cursor: pointer;
    z-index: 1;
}
.loginCloser svg {
    width: 16px;
    height: 16px;
    will-change: transform;
    transition: transform 0.2s ease;
    vertical-align: top;
}
.loginCloser svg > * {
    transition: stroke 0.2s ease;
}

/* ============================================================
   titleWrap (generic)
   ============================================================ */
.titleWrap {
    display: flex;
    text-align: center;
    gap: 10px;
    margin-bottom: 30px;
    height: 33px;
}
.titleWrap svg {
    height: 24px;
}
.titleWrap span {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 100.305%;
    text-transform: uppercase;
    color: var(--main-black);
}
#modalLogin #Layer_1 path,
#modalLogin #Layer_1 polygon {
    fill: var(--xbot-accent) !important;
}
#modalLogin .iconButton svg path,
#modalLogin .iconButton svg polygon,
#modalLogin .titleWrap svg path,
#modalLogin .titleWrap svg polygon {
    fill: var(--xbot-accent) !important;
}

#b2b__login__slidePopup .form_input {
        padding: 20px 25px 20px 20px;
    width: 100%;
    max-width: stretch;
    border: 1px solid #323941;
    background-color: transparent;
    font-family: var(--fontfamily);
    font-size: 16px;
    color: #D9D9D9;
	border-radius: 100vh;
	height: auto;
}

#b2b__login__slidePopup .form_input:focus {
    outline: none;
    border-color: rgba(255,255,255,0.5);
}

#b2b__login__slidePopup .input_group {
    width: 100%;
}

#b2b__login__slidePopup .credentialsForError {
    width: 100%;
}

#b2b__login__slidePopup .product__infobox__link.loginmodal {
   
    text-align: center;
}
#b2b__login__slidePopup .slidePopup__item__contentInner {
    padding: 20px;
}



#b2b__login__slidePopup .input_group {
    width: 100%;
    box-sizing: border-box;
}

#b2b__login__slidePopup .credentialsForError {
    width: 100%;
    box-sizing: border-box;
}

#b2b__login__slidePopup .product__infobox__link.loginmodal {
    
    padding: 17.5px 20px;
    border: 1px solid #323941;
    border-radius: 100vh;
    background: linear-gradient(180deg, #151718 0%, #222525 100%);
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 17.5px;
    cursor: pointer;
    transition: background-color .3s;
}

#b2b__login__slidePopup .link_with_icon a,
#b2b__login__slidePopup .link_with_icon span {
    color: rgba(255,255,255,0.7);
    text-decoration: none;
    
    cursor: pointer;
}

#b2b__login__slidePopup input::-webkit-input-placeholder {
	color: #D9D9D9;; 
} /* Chrome/Safari */
#b2b__login__slidePopup input::-moz-placeholder {
	color: #D9D9D9;; 
} /* Firefox */
#b2b__login__slidePopup input::placeholder{
	color: #D9D9D9;; 
} /* Standard */
#b2b__login__slidePopup button {
    margin-right: auto;
    padding: 17.5px 20px;
    border: 1px solid #323941;
    border-radius: 100vh;
    background: linear-gradient(180deg, #151718 0%, #222525 100%);
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 17.5px;
    cursor: pointer;
    transition: background-color .3s;
}
#b2b__login__slidePopup .iconButton svg {
  fill: #39F2AE;
}

.loginLoaderNew .lds-dual-ring {
    width: 40px;
    height: 40px;
    border: 4px solid rgba(255,255,255,0.2);
    border-top-color: #39F2AE;
    border-radius: 50%;
    animation: loginspin 0.8s linear infinite;
}

@keyframes loginspin {
    to { transform: rotate(360deg); }
}

.field_error {
    display: none;
    color: #dc3232;
    font-size: 1em;
    font-weight: normal;
   
}

.input_group.haveCredError .field_error {
    display: block;
}

.input_group.haveCredError .form_input {
    border-color: red;
}

.b2b-loggedin {
    position: relative;
}

.b2b-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    background: #1a1a1a;
    border-radius: 12px;
    padding: 8px;
    min-width: 150px;
    z-index: 9999;
    flex-direction: column;
    gap: 4px;
    list-style: none;
    margin: 0;
}

.b2b-loggedin:hover .b2b-dropdown {
    display: flex;
}

.b2b-dropdown li a {
    display: block;
    padding: 10px 16px;
    border-radius: 8px;
    color: white;
    text-decoration: none;
    transition: background 0.2s;
}

.b2b-dropdown li a:hover {
    background: rgba(255,255,255,0.1);
}
/* Override του theme */
.b2b-loggedin .b2b-dropdown {
    opacity: 0 !important;
    visibility: hidden !important;
    display: flex !important;
    flex-direction: column;
    transform: translateY(10px);
    transition: opacity .3s, transform .3s, visibility .3s;
}

.b2b-loggedin:hover .b2b-dropdown {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0);
}
.b2b-dropdown {
    counter-reset: none !important;
    list-style: none !important;
}

.b2b-dropdown li {
    counter-increment: none !important;
    list-style: none !important;
}

.b2b-dropdown li::before,
.b2b-dropdown li::marker {
    display: none !important;
    content: none !important;
}
.b2b-dropdown li a::before {
    content: none !important;
    display: none !important;
}
.b2b-dropdown li a{
	justify-content: center;
}
.b2b-dropdown li a:hover{
	color: #39F2AE;
}

.product__salePoints__icon,
.product__addToCart__icon,
.product__tab__addToCart__icon {
    position: relative;
}
.product__salePoints__icon::before,
.product__addToCart__icon::before,
.product__tab__addToCart__icon::before {
    content: '';
    background-color: #39F2AE;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    display: block;
}
.product__salePoints__icon::after,
.product__addToCart__icon::after,
.product__tab__addToCart__icon::after {
    content: '';
    background-image: url(/wp-content/themes/artware-child/assets/icon/product__whereToBuy.svg);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 16px;
    height: 20px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.product__addToCart__icon::after,
.product__tab__addToCart__icon::after {
    background-image: url(/wp-content/themes/artware-child/assets/icon/product__cart.svg);
    width: 22px;
    height: 20px;
}
.product__salePoints__text, .product__addToCart__text, .product__tab__addToCart__text {
    width: calc(100% - 60px);
    font-family: var(--font-family-medium);
    font-size: 18px;
    color: var(--color-2);
    text-align: center;
}

footer .menuItem__login.b2b__login__trigger > a::after{
	display: none !important;
}

@media (min-width: 660px) and (max-width: 1280px) {
     .menuItem__login {
        display: block; 
    }
	.header__2ndNav {
		width: 460px;
		
	}
	body.b2buser #nav_menu-3 .menuItem__login.menuItem__account__mobile{
		display: block !important;
	}
	body.b2buser #nav_menu-3 .menuItem__login.menuItem__logout{
		display: block !important;
	}
}
@media  (max-width: 659px) {
   
	
	body.b2buser #nav_menu-3 .menuItem__login.menuItem__account__mobile{
		display: block !important;
	}
	body.b2buser #nav_menu-3 .menuItem__login.menuItem__logout{
		display: block !important;
	}
}
body.b2buser .burgerMenu__alternative .menuItem__login {
    display: none;
}
body.b2b-template-default header{
	background: #1d1919;
}
body.b2b-template-default.admin-bar header {
    top: 32px;
}
.widget-container li.cat-parent .menucatTitle a{
	text-decoration: none;
}

/* Krypse to cart mexri na to topo8etisei to JS sti sosti thesi */
.synectics__cartItem {
    visibility: hidden;
}
.synectics__cartItem.is-positioned {
    visibility: visible;
}


/* ============================================================
   MINI CART
============================================================ */

/* Cart trigger icon sto header */
/* Cart trigger icon sto header */
.synectics__cartWrapper {
    list-style: none;
    display: inline-flex;
    align-items: center;
}
.headerMeta__cart {
    position: relative;
    display: inline-flex !important;
    align-items: center;
}
.headerMeta__cart__icon {
    width: 22px;
    height: 20px;
    display: block;
}
.headerMeta__cart__icon path,
.headerMeta__cart__icon circle {
    filll: none !important;
    strokee: currentColor !important;
}
.headerMeta__cart__counter {
    padding: 2px 5px;
    min-width: 14px;
    height: 14px;
    background-color: var(--color-09);
    border-radius: 3px;
    font-family: var(--font-family-regular, sans-serif);
    font-size: 10px;
    line-height: 10px;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -5px;
    right: -7.5px;
}


/* Overlay */
.product__overlay {
    background-color: rgba(0, 0, 0, 0);
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: background-color .3s;
}
.product__overlay.show {
    z-index: 9994;
    background-color: rgba(0, 0, 0, .7);
}

/* Slide popup base */
.miniCart__slidePopup {
    background-color: var(--color-0, #fff);
    border: 2px solid var(--color-3, #ddd);
    border-radius: 0 0 0 20px;
    width: 350px;
    height: 100vh;
    position: fixed;
    z-index: 9995;
    top: 0;
    right: 0;
    transform: translateX(100%);
    transition: all .6s;
}
.miniCart__slidePopup.open {
    transform: translateX(0);
}

.product__slidePopup__content {
    padding: 20px 15px;
}
.product__slidePopup__header {
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
    border-bottom: 2px solid var(--color-3, #ddd);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.product__slidePopup__title {
    font-family: var(--font-family-medium, sans-serif);
    font-size: 28px;
    line-height: 32px;
    color: var(--color-2, #000);
}
.product__slidePopup__close {
        width: 40px;
    height: 40px;
    margin-left: auto;
    border: 1px solid var(--color-08);
    border-radius: 10px;
    background: linear-gradient(180deg, var(--color-08) 0%, var(--color-06) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.product__slidePopup__close::before {
       width: 20px;
    height: 20px;
    content: '';
    background-color: var(--color-09);
    -webkit-mask-image: url(assets/icon/close.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icon/close.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
}

/* Mini cart content & list */
.miniCart__content {
    padding: 0 10px 0 0;
    height: calc(100vh - 120px);
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
}
.miniCart__list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.miniCart__list__item {
    border: 2px solid var(--color-3, #ddd);
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    position: relative;
}
.miniCart__list__item__remove {
    width: 22px;
    height: 22px;
    border: 2px solid var(--color-3, #ddd);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 99;
    top: 5px;
    right: 5px;
    cursor: pointer;
}
.miniCart__list__item__remove::before {
    content: '';
    background-image: url('../icon/quantity__plus.svg');
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    display: block;
    transform: rotate(45deg);
}
.miniCart__list__item__media {
    width: 75px;
    height: 120px;
    background-color: var(--color-2, #eee);
    display: flex;
    align-items: center;
    border-radius: 10px;
}
.miniCart__list__item__media img {
    width: 100%;
    height: auto;
}
.miniCart__list__item__details {
    padding: 10px;
    width: calc(100% - 105px);
}
.miniCart__list__item__info .product__sku {
    font-family: var(--font-family-light, sans-serif);
    font-size: 12px;
    color: var(--color-2, #000);
}
.miniCart__list__item__info .product__title {
    line-height: 16px;
	margin-bottom: 10px;
}
.miniCart__list__item__info .product__title a {
    font-family: var(--font-family-regular, sans-serif);
    font-size: 12px;
    line-height: 16px;
    color: var(--color-2, #000);
    text-decoration: none;
}
.miniCart__list__item__price {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.miniCart__list__item__price .product__price__loggedIn {
    width: calc(100% - 140px);
}
.miniCart__list__item__price .product__price__value__regular {
    font-family: var(--font-family-medium, sans-serif);
    font-size: 14px;
    color: var(--color-2, #000);
}
.miniCart__list__item__price .product__addToCart__quantity {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.miniCart__list__item__price .product__addToCart__quantity .minus,
.miniCart__list__item__price .product__addToCart__quantity .plus {
    width: 28px;
    height: 28px;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px;
}
.miniCart__list__item__price .product__addToCart__quantity .minus {
    background-image: url('../icon/quantity__minus.svg');
}
.miniCart__list__item__price .product__addToCart__quantity .plus {
    background-image: url('../icon/quantity__plus.svg');
}
.miniCart__list__item__price .product__addToCart__quantity input {
    background-color: var(--color-2, #eee);
    border: none;
    width: 30px;
    height: 30px;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
}
.miniCart__slidePopup .miniCart__content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.miniCart__slidePopup .miniCart__content .miniCart__list {
    flex-grow: 1;
    overflow-y: auto;
}

/* Totals & checkout */
.miniCart__totals {
    margin: 10px 0;
    padding: 10px 0;
    border-top: 2px solid var(--color-3, #ddd);
    border-bottom: 2px solid var(--color-3, #ddd);
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.miniCart__totals__item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
}
.miniCart__totals__item__title,
.miniCart__totals__item__value {
    width: calc(50% - 10px);
    font-family: var(--font-family-light, sans-serif);
    font-size: 15px;
    line-height: 23px;
    color: var(--color-2, #000);
}
.miniCart__totals__item__value {
    font-family: var(--font-family-medium, sans-serif);
    text-align: right;
}
.miniCart__totals__checkout {
   
    margin-top: 15px;
}
.miniCart__checkout {
    padding: 17.5px 25px;
    background: linear-gradient(180deg, #151718 0%, #222525 100%);
    border: 1px solid #323941;
    border-radius: 100vh;
    font-family: var(--font-family-medium, sans-serif);
    font-size: 16px;
    line-height: 1;
    text-decoration: none;
    color: var(--xbot-text);
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    cursor: pointer;
    transition: background .3s;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
}

.miniCart__checkout:hover {
    background: linear-gradient(180deg, #1c1f20 0%, #2a2d2d 100%);
    color: var(--xbot-text);
}
.miniCart__checkout::after {
    content: '';
    width: 8px;
    height: 8px;
    background-image: none;
    border-top: 2px solid var(--xbot-accent);
    border-right: 2px solid var(--xbot-accent);
    transform: rotate(45deg);
    margin: 0;
    display: inline-block;
    transition: transform .3s, border-color .3s;
}
.miniCart__checkout:hover::after {
    background-image: none;
    transform: rotate(45deg) translate(2px, -2px);
}


/* Loader spinner gia AJAX */
.miniCart__slidePopup .loaderWrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.6);
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
}
.miniCart__slidePopup .lds-dual-ring {
    display: block;
    width: 40px !important;
    height: 40px !important;
    border: 4px solid var(--xbot-accent-border);
    border-top-color: var(--xbot-accent);
    border-radius: 50%;
    animation: lds-spin 1s linear infinite;
}
.miniCart__slidePopup .lds-dual-ring::after,
.miniCart__slidePopup .lds-dual-ring:after {
    content: none !important;
    display: none !important;
}

@keyframes lds-spin {
    to { transform: rotate(360deg); }
}

/* No-scroll body otan einai anoixto to popup */
body.no-scroll {
    overflow: hidden;
}


/* ============================================================
   MINI CART — DARK THEME OVERRIDES (match B2B Login modal)
============================================================ */

/* Popup container */
.miniCart__slidePopup {
    background-color: var(--xbot-modal-bg);
    border: var(--xbot-border-modal);
    border-radius: 0 0 0 var(--xbot-border-radius-modal);
    color: var(--xbot-text);
	border: none;
    border-left: 1px solid var(--color-06);
}

/* Header */
.miniCart__slidePopup .product__slidePopup__title {
    color: var(--xbot-text);
	display:flex;
}
.miniCart__slidePopup .product__slidePopup__header {
    border-bottom-color: var(--xbot-separator-color);
}
.miniCart__slidePopup .miniCart__counter {
    color: var(--xbot-accent);
    margin-left: 8px;
}

/* Close X button */
.miniCart__slidePopup .product__slidePopup__close {
    
    background-color: var(--xbot-input-bg);
}
.miniCart__slidePopup .product__slidePopup__close::before {
    background-image: none;
    background-color: var(--xbot-accent);
    -webkit-mask-image: url('../icon/close.svg');
    mask-image: url('../icon/close.svg');
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}
.miniCart__slidePopup .miniCart__counter {
    color: #000;
    margin-left: 8px;
    width: 32px;
    height: 32px;
    background-color: var(--color-09);
    border-radius: 100%;
    font-size: 18px;
    line-height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Cart list items */
.miniCart__slidePopup .miniCart__list__item {
    border-color: var(--xbot-separator-color);
    background-color: var(--xbot-input-bg);
}
.miniCart__slidePopup .miniCart__list__item__media {
    background-color:#000;
}
.miniCart__slidePopup .miniCart__list__item__info .product__sku {
    color: var(--xbot-text-muted);
}
.miniCart__slidePopup .miniCart__list__item__info .product__title a {
    color: var(--xbot-text);
}
.miniCart__slidePopup .miniCart__list__item__price .product__price__value__regular {
    color: var(--xbot-text);
}

/* Remove (X) button on item */
.miniCart__slidePopup .miniCart__list__item__remove {
    border-color: var(--color-09);
    background-color: transparent;
}
.miniCart__slidePopup .miniCart__list__item__remove::before {
    background-image: none;
    background-color: var(--color-09);
    -webkit-mask-image: url('../icon/quantity__plus.svg');
    mask-image: url('../icon/quantity__plus.svg');
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

/* Quantity controls */
.miniCart__slidePopup .product__addToCart__quantity input {
    background-color: var(--xbot-input-bg);
    color: var(--xbot-text);
    border: 1px solid var(--xbot-separator-color);
    border-radius: 4px;
}
.miniCart__slidePopup .product__addToCart__quantity .minus,
.miniCart__slidePopup .product__addToCart__quantity .plus {
    background-image: none;
    background-color: var(--xbot-text);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 12px;
    mask-size: 12px;
}
.miniCart__slidePopup .product__addToCart__quantity .minus {
    -webkit-mask-image: url('../icon/quantity__minus.svg');
    mask-image: url('../icon/quantity__minus.svg');
}
.miniCart__slidePopup .product__addToCart__quantity .plus {
    -webkit-mask-image: url('../icon/quantity__plus.svg');
    mask-image: url('../icon/quantity__plus.svg');
}

/* Totals */
.miniCart__slidePopup .miniCart__totals {
    border-top-color: var(--xbot-separator-color);
    border-bottom-color: var(--xbot-separator-color);
}
.miniCart__slidePopup .miniCart__totals__item__title {
    color: var(--xbot-text-muted);
}
.miniCart__slidePopup .miniCart__totals__item__value {
    color: var(--xbot-text);
}
.miniCart__slidePopup .miniCart__totals__item.TotalMinicart .miniCart__totals__item__title,
.miniCart__slidePopup .miniCart__totals__item.TotalMinicart .miniCart__totals__item__value {
    color: var(--color-09);
    font-weight: bold;
}

/* Checkout button — pill style opws to Login button */


/* Loader */
.miniCart__slidePopup .loaderWrapper {
    background: rgba(0, 0, 0, 0.6);
}
.miniCart__slidePopup .lds-dual-ring {
    border-color: var(--xbot-accent-border);
    border-top-color: var(--color-09);
}

/* Empty cart fallback */
.miniCart__slidePopup .miniCart__list:empty::before {
    content: 'Καλάθι κενό';
    display: block;
    padding: 20px;
    color: var(--xbot-text-muted);
    text-align: center;
}

body.search-results .xProduct__item.xExternal__item .xProduct__item__categoriesInner span{
	    font-size: 14px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

/* ============================================================
   xExternal item — search results footer (price + add to cart)
============================================================ */
.xExternal__item__footer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid var(--xbot-separator-color);
	align-items: center;
}
.xExternal__item__price {
    font-family: var(--font-family-medium, sans-serif);
    font-size: 22px;
    line-height: 1.2;
    color: var(--color-09);
    font-weight: bold;
    display: block;
}
.xExternal__item__addToCart {
    padding: 14px 24px;
    background: linear-gradient(180deg, #151718 0%, #222525 100%);
    border: 1px solid #323941;
    border-radius: 100vh;
    font-family: var(--font-family-medium, sans-serif);
    font-size: 14px;
    line-height: 1;
    text-decoration: none;
    color: var(--xbot-text);
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 12px;
    cursor: pointer;
    transition: background .3s, border-color .3s;
	width: 100%;
}
.xExternal__item__addToCart:hover {
    background: linear-gradient(180deg, #1c1f20 0%, #2a2d2d 100%);
   
    color: var(--xbot-text);
}
.xExternal__item__addToCart::after {
    content: '';
    width: 14px;
    height: 14px;
    background-color: var(--color-09);
    -webkit-mask-image: url('../icon/product__cart.svg');
    mask-image: url('../icon/product__cart.svg');
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    display: inline-block;
}


@media (max-width: 600px) {
    body.b2buser .header__2ndNav {
        width: 220px;
    }
}
@media (max-width: 450px) {
    body.b2buser .header__logo {
        width: 100px;
    }
	body.b2buser .header__2ndNav {
		gap: 0;
	}
	body.b2buser .header__containerInner{
		padding-left: 10px;
		padding-right: 10px;
	}
}
@media (max-width: 400px) {
    
	body.b2buser .header__containerInner{
		padding-left: 5px;
		padding-right: 5px;
	}
}

/* Search results — AJAX loader */
.searchLanding__loader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.searchLanding__loader .lds-dual-ring {
    width: 60px;
    height: 60px;
    border: 4px solid var(--xbot-accent-border);
    border-top-color: var(--color-09);
    border-radius: 50%;
    animation: lds-spin 0.8s linear infinite;
}


/* ============================================================
   SEARCH MODAL — Tab system (Synectics)
============================================================ */
.synectics__searchTabs {
    display: flex;
    gap: 8px;
    margin: 16px 0;
}
.synectics__searchTab {
    padding: 8px 16px;
    background: var(--xbot-input-bg);
    border: 1px solid var(--xbot-accent-border);
    border-radius: 100vh;
    color: var(--xbot-text-muted);
    font-family: var(--font-family-regular, sans-serif);
    font-size: 13px;
    cursor: pointer;
    transition: all .2s;
}
.synectics__searchTab:hover { color: var(--xbot-text); }
.synectics__searchTab.active {
    background: var(--color-09);
    border-color: var(--color-09);
    color: #000;
}

.synectics__searchTab__external { margin-top: 8px; }
/* External item links — base look apo to existing search */
.synectics__externalItem__link {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1;
    text-decoration: none;
    color: inherit;
    min-width: 0;
}

/* Item container override — flex pou periexei link + side */
.synectics__searchTab__externalItem {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px;
}

/* Side panel: Price + Add to cart */
.synectics__externalItem__side {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
    flex-shrink: 0;
}
.synectics__externalItem__price {
    color: var(--color-09);
    font-family: var(--font-family-medium, sans-serif);
    font-weight: bold;
    font-size: 16px;
    white-space: nowrap;
}
.synectics__externalItem .xExternal__item__addToCart,
.synectics__searchTab__externalItem .xExternal__item__addToCart {
    padding: 8px 14px;
    font-size: 12px;
    margin: 0;
    width: auto;
    line-height: 1;
}

.synectics__searchTab__externalPrice {
    color: var(--color-09);
    font-weight: bold;
    font-size: 13px;
    white-space: nowrap;
}
.synectics__searchTab__external .xExternal__item__addToCart {
    padding: 6px 14px;
    font-size: 12px;
    margin: 0;
    width: auto;
}
.synectics__searchTab__externalMore {
    display: block;
    margin-top: 12px;
    padding: 10px;
    text-align: center;
    color: var(--color-09);
    text-decoration: none;
    border-top: 1px solid var(--xbot-separator-color);
    font-size: 14px;
    transition: color .2s;
}
.synectics__searchTab__externalMore:hover {
    color: var(--xbot-text);
}
.synectics__searchTab__loader {
    display: flex;
    justify-content: center;
    padding: 30px;
}
.synectics__searchTab__loader .lds-dual-ring {
    width: 40px;
    height: 40px;
    border: 4px solid var(--xbot-accent-border);
    border-top-color: var(--color-09);
    border-radius: 50%;
    animation: lds-spin 0.8s linear infinite;
}
.synectics__searchEmpty {
    text-align: center;
    padding: 30px;
    color: var(--xbot-text-muted);
}


/* Loader gia external API se fasi loading */
.synectics__externalLoader {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
}
.synectics__externalLoader .lds-dual-ring-small {
    width: 16px;
    height: 16px;
    border: 2px solid var(--xbot-accent-border);
    border-top-color: var(--color-09);
    border-radius: 50%;
    animation: lds-spin 0.8s linear infinite;
}
.synectics__searchTab__external mark {
    padding: 0 1px;
    background-color: var(--color-09);
}

/* Fallback SVG icon — xroma allazei me background-color */
.kdevelop__enhancedSearch__item__image.is-fallback {
    position: relative;
    background-color: var(--xbot-input-bg);
	background-color: #000;
}
.kdevelop__enhancedSearch__item__image.is-fallback::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60%;
    height: 60%;
    background-color: var(--color-09);
    -webkit-mask-image: url('/wp-content/themes/artware-child/assets/logo/xbot.svg');
    mask-image: url('/wp-content/themes/artware-child/assets/logo/xbot.svg');
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}
.kdevelop__enhancedSearch__item__image.is-fallback::beforee{
	 content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    height: 60%;
	background-image: url('/wp-content/themes/artware-child/assets/logo/catalogue-light.png');
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


/* Search results — Fallback SVG icon gia xExternal items */
.xProduct__item__media.is-fallback {
    position: relative;
    background-color: var(--xbot-input-bg);
	background-color: #000;
}
.xProduct__item__media.is-fallback::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
    height: 50%;
    background-color: var(--xbot-accent);
    -webkit-mask-image: url('/wp-content/themes/artware-child/assets/logo/xbot.svg');
    mask-image: url('/wp-content/themes/artware-child/assets/logo/xbot.svg');
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    pointer-events: none;
    z-index: 1;
}
.xProduct__item__media.is-fallback::afterr {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70%;
    height: 50%;
    background-image: url('/wp-content/themes/artware-child/assets/logo/catalogue-light.png');
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    pointer-events: none;
    z-index: 1;
}
.miniCart__list__item__media.is-fallback::afterr {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
    height: 50%;
    background-image: url('/wp-content/themes/artware-child/assets/logo/catalogue-light.png');
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    pointer-events: none;
    z-index: 1;
}
.miniCart__list__item__media.is-fallback::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
    height: 50%;
    background-color: var(--xbot-accent);
    -webkit-mask-image: url('/wp-content/themes/artware-child/assets/logo/xbot.svg');
    mask-image: url('/wp-content/themes/artware-child/assets/logo/xbot.svg');
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    pointer-events: none;
    z-index: 1;
}

.miniCart__slidePopup .miniCart__list__item__media{
	position: relative;
}

/* Cart page (b2b) — Payment & Complete button (match Login button style) */
.product__completecheckout {
    margin: 30px 0 15px 0 !important;
    padding: 17.5px 25px !important;
    background: linear-gradient(180deg, #151718 0%, #222525 100%) !important;
    border: 1px solid #323941 !important;
    border-radius: 100vh !important;
    font-family: var(--font-family-medium, sans-serif) !important;
    font-size: 16px !important;
    line-height: 1 !important;
    color: var(--xbot-text) !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    cursor: pointer !important;
    transition: background .3s !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
.product__completecheckout:hover {
    background: linear-gradient(180deg, #1c1f20 0%, #2a2d2d 100%) !important;
    border-color: #323941 !important;
}
.product__completecheckout .product__addToCart__text {
    color: var(--xbot-text);
    flex: 1;
    text-align: left;
}
/* Krypse to icon kai vale teal chevron */
.product__completecheckout .product__addToCart__icon {
    display: none !important;
}
.product__completecheckout::after {
    content: '';
    width: 10px;
    height: 10px;
    border-top: 2px solid var(--xbot-accent);
    border-right: 2px solid var(--xbot-accent);
    transform: rotate(45deg);
    display: inline-block;
    margin: 0 5px 0 auto;
    transition: transform .3s;
}
.product__completecheckout:hover::after {
    transform: rotate(45deg) translate(2px, -2px);
}


/* Cart page — fallback SVG icon me prasino bg */
.loading-tile.is-fallback {
    position: relative;
    display: block;
    width: 100px;  /* prosarmose se otidipote dimension theleis */
    height: 100px;
    background-color: var(--xbot-input-bg);
	background-color: #000;
    border-radius: 10px;
}
.loading-tile.is-fallback::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60%;
    height: 60%;
    background-color: var(--xbot-accent);
    -webkit-mask-image: url('/wp-content/themes/artware-child/assets/logo/xbot.svg');
    mask-image: url('/wp-content/themes/artware-child/assets/logo/xbot.svg');
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    pointer-events: none;
}


/* Override gray b2b loader → teal (sto telos kai stin selida kalathiou kai opou allou) */
.lds-dual-ring::after,
.lds-dual-ring:after {
    border-color: var(--xbot-accent) transparent var(--xbot-accent) transparent !important;
}

.cart_remove_btn:hover svg > *{
	stroke: var(--color-09);
}

/* Add to cart button — loading state */
.xExternal__item__addToCart.is-loading {
    pointer-events: none;
    opacity: 0.7;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
}
.xExternal__item__addToCart .lds-dual-ring-small {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid var(--xbot-accent-border);
    border-top-color: var(--xbot-accent);
    border-radius: 50%;
    animation: lds-spin 0.8s linear infinite;
    vertical-align: middle;
}
/* Krypse to gri spinner sto telos */
.xExternal__item__addToCart .lds-dual-ring-small::after {
    display: none !important;
    content: none !important;
}
/* Krypse to red b2b spinner ::after pseudo opou xrisimopoiume to lds-dual-ring-small */
.synectics__externalLoader .lds-dual-ring-small::after,
.synectics__externalLoader .lds-dual-ring-small:after,
.synectics__searchTab__loader .lds-dual-ring-small::after,
.synectics__searchTab__loader .lds-dual-ring-small:after,
.xExternal__item__addToCart .lds-dual-ring-small::after,
.xExternal__item__addToCart .lds-dual-ring-small:after {
    content: none !important;
    display: none !important;
}

/* Checkout page — Submit order button (match Login button style) */
.product__completecheckout_checkout {
    padding: 17.5px 25px !important;
    background: linear-gradient(180deg, #151718 0%, #222525 100%) !important;
    border: 1px solid #323941 !important;
    border-radius: 100vh !important;
    font-family: var(--font-family-medium, sans-serif) !important;
    font-size: 16px !important;
    line-height: 1 !important;
    color: var(--xbot-text) !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    cursor: pointer !important;
    transition: background .3s !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin-top: 20px;
}
.product__completecheckout_checkout:hover {
    background: linear-gradient(180deg, #1c1f20 0%, #2a2d2d 100%) !important;
    border-color: #323941 !important;
}
.product__completecheckout_checkout .product__addToCart__text {
    color: var(--xbot-text);
    flex: 1;
    text-align: left;
}
/* Krypse to idio kai vale teal chevron */
.product__completecheckout_checkout .product__addToCart__icon {
    display: none !important;
}
.product__completecheckout_checkout::after {
    content: '';
    width: 10px;
    height: 10px;
    border-top: 2px solid var(--xbot-accent);
    border-right: 2px solid var(--xbot-accent);
    transform: rotate(45deg);
    display: inline-block;
    margin: 0 5px 0 auto;
    transition: transform .3s;
}
.product__completecheckout_checkout:hover::after {
    transform: rotate(45deg) translate(2px, -2px);
}
/* 1. Καλάθι = συμπαγές εικονίδιο, ΟΧΙ chunky pill (αφαιρεί padding/border που κληρονομεί) */


/* 2. Να ΜΗΝ στοιβάζονται ποτέ τα items σε 2η σειρά */
.header__2ndNav      { flex-wrap: nowrap; }
.header__2ndMenu > ul { flex-wrap: nowrap; }

/* 3. Λίγο παραπάνω πλάτος στο 2ndNav, με αντίστοιχη μείωση στο 1stNav */
.header__2ndNav { width: 460px; width: 500px; }
.header__1stNav { width: calc(100% - 900px);width: calc(100% - 940px); }
@media (max-width: 1536px) {
    .header__1stNav { width: calc(100% - 620px);width: calc(100% - 660px); }
}
body:not(.b2buser) .menu-item.synectics__cartWrapper{
	display: none;
}
.kdevelop__enhancedSearch__item.synectics__searchTab__externalItem{
	cursor: default;
}
.xExternal__item .xProduct__item__media__inner,
.xExternal__item .xExternal__item__title {
    cursor: default;
}
.xProduct__item__content > span {
    font-size: 28px;
    text-decoration: none;
    color: var(--color-17);
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

/* Search — xexternal tab loader styling */
.searchLanding__tab__content.xexternal-tab {
    min-height: 600px;
    position: relative;
}

.searchLanding__loader-inline {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 600px;
    width: 100%;
    grid-column: 1 / -1;  /* an o parent einai grid, span all columns */
}


.searchLanding__loader-inline .lds-dual-ring {
    display: inline-block;
    width: 80px;
    height: 80px;
}

.searchLanding__loader-inline .lds-dual-ring::after {
    content: " ";
    display: block;
    width: 64px;
    height: 64px;
    margin: 8px;
    border-radius: 50%;
    border: 6px solid #8c8c8c;
    border-color: #8c8c8c transparent #8c8c8c transparent;
    animation: searchLanding-spin 1.2s linear infinite;
}

@keyframes searchLanding-spin {
    0%   { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.xExternal__item .xProduct__item__media__inner img{
	width: 100%;
    height: 100%;
    object-fit: contain;
}
#cartInner .line-item .product-image{
	object-fit: contain;
}

.slidePopup#b2b__login__slidePopup{
	width: calc(100% - 50px);
    min-width: 300px;
    max-width: 550px;
}
.headerMeta__cart__counter{
	    min-width: 13px !important;
		height: 19px !important;
	    border-radius: 100% !important;
		
	    font-size: 14px !important;

}
.DashCardRow .row.KartelaCl .btn.btn-outline-dark, .row.KartelaCl .btn.btn-outline-dark{
	border-radius: 100vh !important;
}
@media (max-width: 1280px){
	#cartheadertext{
		display: none;
	}
}
#main-content-container{
	border-radius: 20px;
    
}
#main-content-container .account-header{
	border-radius: 20px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.user-info .username#username{
	font-weight: 400;
}