/* ============================================= */
/* Seller Central Page Grid Layout - Fixed Version */
/* ============================================= */

.sellercentral-index-index #maincontent .columns .column.main {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
    padding: 0;
}

@media (min-width: 768px) {
    .sellercentral-index-index #maincontent .columns .column.main {
        grid-template-columns: repeat(2, 1fr);
    }
}fa

/* Grid Items */
.sellercentral-index-index #maincontent .block {
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    padding: 25px;
    margin: 0; /* Remove margins when using gap */
    min-width: 0; /* Fixes grid item overflow issues */
}

/* Form Elements */
.sellercentral-index-index #maincontent .block-title {
    color: #b5056f;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: center;
    border-bottom: 2px solid #b5056f;
    padding-bottom: 10px;
}

.sellercentral-index-index #maincontent .block-title .title {
    display: inline-block;
    margin: 0 10px;
    color: #777;
}

.sellercentral-index-index #maincontent .block-title .title.active {
    color: #b5056f;
    font-weight: bold;
}

.sellercentral-index-index #maincontent .block-content {
    padding: 0 10px;
}

/* Fields and Buttons */
.sellercentral-index-index #maincontent .field {
    margin-bottom: 15px;
}

.sellercentral-index-index #maincontent .actions-toolbar {
    margin-top: 25px;
}

.sellercentral-index-index #maincontent .primary button {
    background-color: #b5056f;
    border-color: #b5056f;
    color: white;
    width: 100%;
    padding: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: background-color 0.3s ease;
}

.sellercentral-index-index #maincontent .primary button:hover {
    background-color: #8d0459;
    border-color: #8d0459;
}

/* Links */
.sellercentral-index-index #maincontent .action.remind,
.sellercentral-index-index #maincontent .action.back {
    color: #b5056f;
    font-size: 13px;
}

.sellercentral-index-index #maincontent .action.remind:hover,
.sellercentral-index-index #maincontent .action.back:hover {
    text-decoration: underline;
}

/* Seller Registration Section */
.sellercentral-index-index #maincontent #wantptr {
    margin: 20px 0;
    padding: 15px;
    background: #f9f9f9;
    border-radius: 5px;
}

.sellercentral-index-index #maincontent #wantptr .label {
    font-weight: bold;
    color: #b5056f;
}

.sellercentral-index-index #maincontent #wantptr .control {
    margin-top: 10px;
}

.sellercentral-index-index #maincontent #seller-shop-field-wrapper {
    margin-top: 20px;
}

/* ============================================= */
/* IE11 Fallback (if needed) */
/* ============================================= */
@media all and (-ms-high-contrast: none) {
    .sellercentral-index-index #maincontent .columns .column.main {
        display: -ms-grid;
        -ms-grid-columns: 1fr 30px 1fr;
    }
    
    .sellercentral-index-index #maincontent .block-customer-login {
        -ms-grid-column: 1;
    }
    
    .sellercentral-index-index #maincontent .block-new-customer {
        -ms-grid-column: 3;
    }
}


.swatch-option.color {
    border-radius: 100%;
}
#top-cart-btn-checkout,
.cart-container .action.primary.checkout,
button.button.action.continue.primary,
button.action.primary.checkout {
    background-color: #b5056f !important;
    color: #fff !important;
}

.minicart-wrapper.minicart-slide .amount.price-container span.price {
    color: #b5056f;
}

.cms-index-index .product-item-name
 {
    text-align: center !important;
}

.explore-btn {
    background-color: #b5056f !important;
    color: #fff !important;
    width: 50% !important;
}

div#lenses-panel button.action.towishlist.mb-tooltip {
    padding-top: 20px;
}
.customer-account-login .page-main, .customer-account-forgotpassword .page-main, .customer-account-create .page-main, .customer-account-confirmation .page-main, .multishipping-checkout-login .page-main {
    background-color: #b5056f !important;
}

.box-tocart .field {
    padding-top: 23px;
}
.homepage-custom-images img{
width: 100%;
}

a.action.towishlist,
a.action.tocompare {
    font-size: 12px;
    padding: 10px;
}
img.footer-logo {
    width: 100%;
    height: 100%;
    padding-bottom: 26px;
}

.footer.content .widget.block.block-static-block {
    margin: 0 !important;
}

.search-trend .trend-tabs {
border-bottom: none !important;
}

.eye-glasses-wrap {
    padding: 0 40px;
}

.cms-index-index .product-item-inner {
    display: none;
}

footer.page-footer {
    background-color: #f1f1f1 !important;
}
.wk-seller-product-count::before,
.wk-ask-question-link #askque::before {
    color: #000 !important;
}

a#profileconnect,
a.wk-seller-product-count,
a#askque,
.wrapper-breadcrums li a {
    color: #b5056f;
}



.wk-seller-block .wk-seller-card-row {
    display: inline-block;
    margin: 0; /* Remove any default margins */
    padding: 0; /* Remove any default padding */
}


button#product-addtocart-button:hover {
    background-color: #fcb800 !important;
}
button#product-addtocart-button {
    background-color: #b5056f;
    color: #fff;
}
.catalog-category-view .page-title {
    text-align: left !important;
}
a.product-item-link,
.cat-links a {
    color: #b5056f;
    font-weight: 600;
    font-size: 14px;
}
li.wk-mp-dropdown-menu-buyer {
    display: none;
}
/*h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .smartmenu, span, li {*/
/*    font-family: 'Poppins' !important;*/
/*}*/
.wk-mp-banner-container {
    padding: 0;
}
.wk-sellergroup-description button.action.primary {
    color: #fff !important;
}
div#mpbm-logo img {
    width: 218px;
}
div#mpbm-notice-msg {
    display: none;
}
ul.header.links {
    display: none;
}
.cms-index-index .container.main-container,
.marketplace-index-index .container.main-container  {
    padding: 0 !important;
}


@media (max-width: 600px) {
.page-title-wrapper.product {
    padding-top: 20px;
}
.product-info-main-top.product-info-main .row.align-items-center {
    width: 50%;
    float: right;
    margin-top: 2px;
}
div#mp-wk-block {
    width: 47%;
}
}

@media (min-width: 767px) {

.marketplace-seller-profile ol.products.list.items.product-items,
.marketplace-seller-collection  ol.products.list.items.product-items {
        display: grid !important;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
}

.wk-mp-header-container {
    margin: 0;
    width: 100%;
}
.product.info.detailed.wk-supplier-tabs
 {
    width: 100% !important;
}
.product-info-main-top.product-info-main .row.align-items-center {
    width: 50%;
    float: right;
    margin-top: -9px;
}

div#mp-wk-block {
    width: 47%;
}

.wk-seller-block .wk-seller-card-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px; /* Adjust spacing between items as needed */
}
    .bn-item-promo .bn-item-content {
        padding: 160px 90px !important;
    }
}
.search-title h2 {
    font-size: 36px ! IMPORTANT;
    text-align: center;
    font-family: 'Poppins';
}
.footer-contact {
    text-align: center;
}

/* Seller Central Page Styles */
.sellercentral-index-index #maincontent .columns .column.main {
    padding: 0;
}

/* Desktop - Two Column Layout */
@media (min-width: 768px) {
    .sellercentral-index-index #maincontent .block-customer-login,
    .sellercentral-index-index #maincontent .block-new-customer {
        /*width: 48%;*/
        /*float: left;*/
        box-sizing: border-box;
    }
    
    .sellercentral-index-index #maincontent .block-customer-login {
        margin-right: 4%;
    }
}

/* Mobile - One Column Layout */
@media (max-width: 767px) {
    .sellercentral-index-index #maincontent .block-customer-login,
    .sellercentral-index-index #maincontent .block-new-customer {
        width: 100%;
        float: none;
        margin-bottom: 30px;
    }
}

/* Common Styles for Both */
.sellercentral-index-index #maincontent .block {
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    padding: 25px;
    margin-bottom: 30px;
    overflow: hidden;
}

.sellercentral-index-index #maincontent .block-title {
    color: #b5056f;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: center;
    border-bottom: 2px solid #b5056f;
    padding-bottom: 10px;
}

.sellercentral-index-index #maincontent .block-title .title {
    display: inline-block;
    margin: 0 10px;
    color: #777;
}

.sellercentral-index-index #maincontent .block-title .title.active {
    color: #b5056f;
    font-weight: bold;
}

.sellercentral-index-index #maincontent .block-title a.title {
    text-decoration: none;
}

.sellercentral-index-index #maincontent .block-title a.title:hover {
    color: #b5056f;
}

.sellercentral-index-index #maincontent .block-content {
    padding: 0 10px;
}

.sellercentral-index-index #maincontent .field {
    margin-bottom: 15px;
}

.sellercentral-index-index #maincontent .actions-toolbar {
    margin-top: 25px;
}

.sellercentral-index-index #maincontent .primary button {
    background-color: #b5056f;
    border-color: #b5056f;
    color: white;
    width: 100%;
    padding: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.sellercentral-index-index #maincontent .primary button:hover {
    background-color: #8d0459;
    border-color: #8d0459;
}

.sellercentral-index-index #maincontent .action.remind {
    color: #b5056f;
    font-size: 13px;
}

.sellercentral-index-index #maincontent .action.remind:hover {
    text-decoration: underline;
}

.sellercentral-index-index #maincontent .action.back {
    color: #b5056f;
}

.sellercentral-index-index #maincontent .action.back:hover {
    text-decoration: underline;
}

/* Seller Registration Specific */
.sellercentral-index-index #maincontent #wantptr {
    margin: 20px 0;
    padding: 15px;
    background: #f9f9f9;
    border-radius: 5px;
}

.sellercentral-index-index #maincontent #wantptr .label {
    font-weight: bold;
    color: #b5056f;
}

.sellercentral-index-index #maincontent #wantptr .control {
    margin-top: 10px;
}

.sellercentral-index-index #maincontent #seller-shop-field-wrapper {
    margin-top: 20px;
}

/* Clear floats */
.sellercentral-index-index #maincontent .columns:after {
    content: "";
    display: table;
    clear: both;
}

.wk-sellergroup-description button.action.primary:hover {
    background-color: #b5056f !important;
}
.sellercentral-index-index form#login-form .block-title.text-center a {
    display: none;
}

button.action.search span {
    color: #fff;
}


.block.block-new-customer button.action.submit.primary {
    border: 1px solid #fff;
    background-color: #fff;
}
button#send2 {
    color: #fff;
}

button#send2:hover {
    color: #000;
}

.login-container .block .block-title a {
    color: #fff;
}