/* -----Cover Spin Start-------*/

.cover-spin {
    position:fixed;
    width:100%;
    left:0;right:0;top:0;bottom:0;
    background-color: rgba(255,255,255,0.7);
    z-index:9999;
    display:none;
}

@-webkit-keyframes spin {
	from {-webkit-transform:rotate(0deg);}
	to {-webkit-transform:rotate(360deg);}
}

@keyframes spin {
	from {transform:rotate(0deg);}
	to {transform:rotate(360deg);}
}
.cover-spin h2{
 clear:both;
 float:left;
 position:absolute;
 top:50%; 
 left: 0;
 right:0;
 color:hsl(258, 64%, 42%);
 text-align:center;
}
.cover-spin::after {
    content:'';
    display:block;
    position:absolute;
    left:48%;top:40%;
    width:40px;height:40px;
    border-style:solid;
    border-color:hsl(256, 82%, 62%);
    border-top-color:transparent;
    border-width: 6px;
    border-radius:50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}

/* -----Cover Spin End-------*/

/*** Bootstrap column ***/
.col-xs-6 {
        width: 50%;
}
@media (max-width: 575px) {

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .col-xs-4 {
        width: 33.33333333%;
    }

    .col-xs-7 {
        width: 58.33333333%;
    }

    .col-xs-12 {
        flex: 0 0 auto;
        width: 100%;
    }
}

@media (min-width: 992px) {
    .col-md-push-8 {
        left: 66.66666667%;
    }
}
@media (min-width: 992px) {
    .col-md-4 {
        width: 33.33333333%;
    }
}
@media (min-width: 992px) {
    .col-md-pull-4 {
        right: 33.33333333%;
    }
}
@media (min-width: 992px) {
    .col-md-8 {
        width: 66.66666667%;
    }
}

.col-md-4,  .col-md-8{
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
/*** END ***/

/*** Cart ***/
.summary_top{
    margin-top:10px;
}

.summary_top h3{
    color:#000;
    font-size: 24px;
}
.close_btn_div{position: absolute; top: -7px; right: -10px;}

.btn.btn-sm.btn-delete2 {
    padding: 6px 9px;
    font-size: 12px;
    min-width: 28px;
    min-height: 28px;
    border-radius: 50%; line-height:normal;
}

.btn-dark {
    color: #eaeaea;
    background-color: #3e3e3e;
    border-color: #3e3e3e;
}

.close_btn_div a i{color: #fff;}
.text-white{ color:#fff; }

@media (max-width: 992px){
.inner_sticky2 {
    position: relative !important;
    position: relative !important;
    top: 0 !important;
    margin-bottom: 20px;
}
}
.inner_sticky2 {
    position: -webkit-sticky;
    position: sticky;
    top: 150px;
    margin-bottom: 20px;
}
/*-- CHECKOUT FINAL PAGE --*/






.inner_mid{background-color: #fff;}

.left_cart{margin-bottom: 20px;}
.left_collapse{ width: 100%; text-align: left; padding-left: 10px; background:#6eab78; color: #000; border:none;padding-top: 10px; padding-bottom: 10px; font-size: 17px;}
.left_collapse span{color: #000; background: #fff; padding: 3px 7px; font-weight: bold; margin-right: 7px; border-radius: 2px; font-size: 12px;vertical-align: middle;}


.cart_inner{padding: 15px; background: #fff;  -webkit-box-shadow: 0px 3px 7px #c5c5c5;
-moz-box-shadow: 0px 3px 7px #c5c5c5;
box-shadow: 0px 3px 7px #c5c5c5;}
.cart_inner1{padding:0 15px 15px 15px;background: #fafafa;border: 1px solid #fde8ef;}




.cart2{margin-top: 20px;}
.login_cart_top h4{ margin-top: 0;}
.login_cart_top h4 span{padding:2px 5px; background:#fff7c9; font-weight: bold;}
.login_cart_bottom p{ font-size: 13px;}

.login_cart_bottom p span{font-weight: bold;}



.add_new2{}
.add_new2 label{ color: #2874f0;}
.add_new2 label{ color: #2874f0;}
.add_new2 a{ display: inline-block; font-size: 13px;}

.cart_block2{ border: 1px solid #d1d1d1; padding: 10px; margin-bottom: 15px;}

.cart_image2{ max-width: 140px; max-height: 180px; margin-top: 4px; position: relative;}
.cart_image2 img{border: 1px solid #d1d1d1;}
.cart_detail2{}
.cart_detail2 p{font-size: 13px; color:#535766; font-weight: 600;}
.cart_detail_top2{ margin-bottom: 10px;}
.cart_detail_top2 a{ font-size: 14px; color:#000; font-weight: 600; letter-spacing: 1px; text-transform: uppercase;}
.cart_detail_top2 h6{margin: 0; font-size: 13px;}


.qty_div2{}
.qty_div2 p{ margin-top: 10px; font-weight: normal;}
.qty_div2 p span{font-size: 14px; color: #000; margin-right: 3px;}




.cart_price2{ text-align: right;}
.cart_price2 p{color: #444; font-weight: normal;}

.close_btn_div{position: absolute; top: -7px; right: -10px;}

.btn.btn-sm.btn-delete2 {
    padding: 6px 9px !important;
    font-size: 12px;
    min-width: 28px;
    min-height: 28px;
    border-radius: 50%; line-height:normal;
}

.btn-dark {
    color: #eaeaea;
    background-color: #3e3e3e;
    border-color: #3e3e3e;
}

.close_btn_div a i{color: #fff;}


.cart_inner2{padding: 0; margin-top: 15px;background: #fff; -webkit-box-shadow: 0px 3px 7px #777777;
-moz-box-shadow: 0px 3px 7px #777777;
box-shadow: 0px 3px 7px #777777;}


.conf_left{}
.conf_left p{margin: 0; font-size:13px; margin-top: 5px;}
.conf_left p span{font-weight: bold;}

.conf_right{ text-align: right;}
.edit{text-align: right;}


.address_box{ margin-top: 20px; background: #fff; -webkit-box-shadow: 0px 3px 7px #777777;
-moz-box-shadow: 0px 3px 7px #777777;
box-shadow: 0px 3px 7px #777777;}
.custom_border{border: 1px solid #c1c1c1;}

.address_box_inner{padding:10px 20px 20px 20px;}
.address_box a{ text-decoration: none;}
.address_box p{color: #333; margin: 0 0 0 0; padding: 0 0 0 0; font-size: 13px;}


.address_text{margin-bottom:0; margin-top: 10px;}

.address_box label{color: #333;}

label.card_label{font-size: 13px;}
.cards_pay{margin-left:20px; margin-top: 10px;}
.cards_pay p{margin-top: 10px;}
.cards_pay p span{border-bottom: 1px solid #000; font-weight: bold;}



.address_box_inner ul{ list-style: none;}
.address_box_inner ul li{ padding-bottom: 25px; padding-top: 25px; border-bottom: 1px solid #e0e0e0;}

.no_border_bottom{border-bottom:0 !important;}


.disabled{}


.price_details_div2{background: #fafafa; padding: 15px;margin-top: 10px;}
.price_details_div2 h2{font-size: 15px; color:#9b9a9a; margin-top:0; font-weight: bold;}
.price_details_div2 ul{ list-style: none;}
.price_details_div2 ul li{ font-size: 13px;}


.inner_sticky2{ position: -webkit-sticky;
  position: sticky;
  top:150px;}

.price_details_div2 p span{ color:#35b2b6;}

.line_break{border-top: 1px solid #e0e0e0; margin-top: 10px; margin-bottom: 10px;}
.amt_pay p{font-weight: bold;}


.safe{margin-top: 20px; padding:5px 15px 5px 15px; background: rgb(20 205 168 / 20%);display: flex;padding:20px;}
.safe p{ color: #000; margin: 0;font-size: 13px;}



.new_body{background: #ededed;}



.material .form-radio,
.material .form-group {
  position: relative;
  margin-top: 30px;
  margin-bottom: 2.25rem;
}

.material .form-inline > .form-group,
.material .form-inline > .btn {
  display: inline-block;
  margin-bottom: 0;
}


.material .form-group input {
  height: 1.9rem;
}
.material .form-group textarea {
  resize: none;
}

.material .form-group .control-label {
  position: absolute;
  top: 0.25rem;
  pointer-events: none;
  padding-left: 0.125rem;
  z-index: 1;
  color: #b3b3b3;
  font-size: 14px;
  font-weight: normal;
  -webkit-transition: all 0.28s ease;
  transition: all 0.28s ease;
}
.material .form-group .bar {
  position: relative;
  border-bottom: 0.0625rem solid #999;
  display: block;
}
.material .form-group .bar::before {
  content: '';
  height: 0.125rem;
  width: 0;
  left: 50%;
  bottom: -0.0625rem;
  position: absolute;
  background: #337ab7;
  -webkit-transition: left 0.28s ease, width 0.28s ease;
  transition: left 0.28s ease, width 0.28s ease;
  z-index: 2;
}
.material .form-group input,
.material .form-group textarea {
  display: block;
  background: none;
  padding: 0.125rem 0.125rem 0.0625rem;
  font-size: 14px;
  border-width: 0;
  border-color: transparent;
  line-height: 1.9;
  width: 100%;
  color: transparent;
  -webkit-transition: all 0.28s ease;
  transition: all 0.28s ease;
  box-shadow: none;
}
.material .form-group input[type="file"] {
  line-height: 1;
}
.material .form-group input[type="file"] ~ .bar {
  display: none;
}
.material .form-group select,
.material .form-group input:focus,
.material .form-group input:valid,
.material .form-group input.form-file,
.material .form-group input.has-value,
.material .form-group textarea:focus,
.material .form-group textarea:valid,
.material .form-group textarea.form-file,
.material .form-group textarea.has-value {
  color: #333;
}
.material .form-group select ~ .control-label,
.material .form-group input:focus ~ .control-label,
.material .form-group input:valid ~ .control-label,
.material .form-group input.form-file ~ .control-label,
.material .form-group input.has-value ~ .control-label,
.material .form-group textarea:focus ~ .control-label,
.material .form-group textarea:valid ~ .control-label,
.material .form-group textarea.form-file ~ .control-label,
.material .form-group textarea.has-value ~ .control-label {
  font-size:12px;
  color: gray;
  top: -23px;
  left: 0;
}
.material .form-group select:focus,
.material .form-group input:focus,
.material .form-group textarea:focus {
  outline: none;
}
.material .form-group select:focus ~ .control-label,
.material .form-group input:focus ~ .control-label,
.material .form-group textarea:focus ~ .control-label {
  color: #337ab7;
}
.material .form-group select:focus ~ .bar::before,
.material .form-group input:focus ~ .bar::before,
.material .form-group textarea:focus ~ .bar::before {
  width: 100%;
  left: 0;
}

.material .checkbox label,
.material .form-radio label {
  position: relative;
  cursor: pointer;
  padding-left: 2rem;
  text-align: left;
  color: #333;
  display: block;
}
.material .checkbox input,
.material .form-radio input {
  width: auto;
  opacity: 0.00000001;
  position: absolute;
  left: 0;
}

.material h6{font-size: 13px;}

.material a{font-size: 13px;}

.profile_left{ margin-bottom: 20px;margin-top: 10px;}
.profile_left ul{ list-style: none;}
.profile_left ul li{ margin-bottom: 15px; border-bottom: 1px solid #000;}
.profile_left a{ text-align: center;text-transform: uppercase;
    letter-spacing: 2px;
    text-decoration: none;
    font-size: 14px;color:#000;}
.profile_left ul li a.active{ background: none; color:#1b8f48;}

ul.order_list{ list-style: none; margin-bottom:40px;}
ul.order_list li{ margin-bottom: 25px;}

.orders_wrap{}
.orders_top{ margin-bottom: 10px;}
.orders_top h3{font-size: 16px;
    color: #000;
    font-weight: 600; border-bottom: 1px solid #fff; padding-bottom: 6px; margin: 0 0 10px 0;}

.orders_top p{ margin: 0 0 0 0; padding: 0 0 0 0; color: #000;}


.return_inner{}
.return_inner ul{ list-style: none; margin-bottom: 20px;}
.return_inner ul li{ margin-top: 15px;}



.order_btns_wrap a{margin-top: 8px;padding: 5px 8px; font-size: 13px;}



.cart_block{border: 1px solid #e0dede;background: #fff;padding: 15px;margin-bottom: 15px;box-shadow: 0 4px 8px 1px rgb(0 0 0 / 19%);}

.cart_image{ max-width: 140px; max-height: 180px; margin-top: 4px; position: relative;}
.cart_detail{}
.cart_detail p{font-size: 15px; color:#000; font-weight: 600;}
.cart_detail_top{ margin-bottom: 10px;}
.cart_detail_top a{ font-size: 16px; color:#000; font-weight: 600;text-decoration: underline;}



.qty_div{}
.qty_div p{ margin-top: 3px; margin-bottom: 3px;}

.qty_div select{-webkit-appearance: none;
    appearance: none;}



.cart_price{ text-align: right;}
.cart_price h5{font-size: 12px; color:#777; font-weight: 600;}

.cart_price h5 span{ color: #ff0000;}


.line_break {
    border-top: 1px solid #e0e0e0;
    margin-top: 10px;
    margin-bottom: 10px;
}



.checkout_outer2{background: url(../images/dark_bg3.jpg) no-repeat top center;
    background-size: cover;
    background-attachment: fixed;
    padding-top:50px;
    padding-bottom:50px;}

@media(max-width:992px) {
  .cart_image{max-width:none;
    max-height: none;
   text-align: center;margin-bottom: 15px;
    position: relative;}
    
    
    .cart_image a{display:inline-block;}
    
    .cart_image a img{max-width: 170px;}
    
    .mob_price h4{color:#000;margin: 0 0 0 0; font-weight: bold;}
    
    .sort_box h3{display: block;}
    
    .filter{margin-top:0;}
    
    .collections{margin-top:30px;}
    
    .ss_wrap{text-align:left;margin-bottom: 10px;}
    
    .product_right{margin-top: 15px;}
    
    .mid_input .form-group{margin-bottom:15px;}
    
    .store_right h3 {
    color: #fff;
    margin-top:20px;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
}
}

.fair_div_check2{background: #fff; padding: 15px;box-shadow: 0 4px 8px 1px rgb(0 0 0 / 19%);margin-top:;
    margin-bottom: 30px;border: 1px solid #ededed;}

.fair_div_check2 h3{color:#000; margin-top: 0;}
.fair_div_check2 h5{color:#000; font-size: 15px; margin-top:0;font-weight: bold;}
.fair_div_check2 h5 span{font-weight: normal; color: #555; font-size: 12px;display: block; margin-top: 4px;}
.check_right2{text-align: right;font-size: 16px;}
.check_right2 a{color: #c10707;}


.fair_div_check2 .input-group{margin-top:10px; margin-bottom:10px;}

.fair_div_check2 .input-group .btn-default{color: #fff;background:#0a3a84;}
.top_summary img{border: 1px solid #e0e0e0;}

.top_summary_mid{padding-left: 0; padding-right: 0;}
.top_summary_mid h4{margin: 0 0 0 0; font-size: 15px; font-weight: bold;text-transform: uppercase;color:#000;}
.top_summary_mid h6{margin:5px 0 0 0; font-size: 13px;color:#000;}

.top_summary_right p{margin: 0 0 0 0; font-weight: bold; color: #000;line-height: normal;}

.ts1{ margin-bottom: 10px;}

.top_summary h3{margin: 0 0 10px 0; font-size: 15px; font-weight: bold;text-transform: uppercase;color:#000;text-decoration: underline;}

.shipping_options{margin-bottom:10px; display: block;}

.shipping_options label span{color: #50c9ff !important;}



.address_box{ background: #fff; border-radius: 20px; padding: 15px;box-shadow: 0 4px 8px 1px rgb(0 0 0 / 19%);margin-top:;
    margin-bottom:10px;border: 1px solid #ededed; margin-top: 10px;}
.custom_border{}

.address_box_inner{padding:0;}
.address_box a{ text-decoration: none;}
.address_box p{color: #333; margin: 0 0 0 0; padding: 0 0 0 0; font-size: 13px;}


.address_text{margin-bottom:0; margin-top: 10px;}

.address_box label{color: #333;}

label.card_label{font-size: 16px;color:#000;}
.cards_pay{margin-left:20px; margin-top: 10px;}
.cards_pay p{margin-top: 10px;}
.cards_pay p span{border-bottom: 1px solid #000; font-weight: bold;}

.cards_pay img{max-width: 240px;}

.address_box_inner ul{ list-style: none;}
.address_box_inner ul li{ padding-bottom: 20px; padding-top: 20px; border-bottom: 1px solid #e0e0e0;}

.no_border_bottom{border-bottom:0 !important;}



.order_box{text-align: center;margin-top: 40px; margin-bottom: 60px;}
.order_box h3{padding-bottom: 5px; font-size:20px; color: #000;}
.order_box h3 span{border-bottom: 1px solid #fff;}
.order_box p{font-size: 16px;color: #000;}
.order_box img{max-width: 90px;margin-bottom: 15px;}


.order_box p b{text-decoration: underline;}

.checkout_main .checkbox label{font-weight: bold;}
.checkout_main .checkbox input[type=checkbox]{margin-top: ;}
.price_details_div h3{
    color: #000;
    font-size: 24px;
}

.price_details_div{
    margin-top: 10px;
}

.mt-1{
    margin-top:10px;
}

.mt-2{
    margin-top:20px;
}

.mb-1{
    margin-bottom:10px !important;
}

.mb-2{
    margin-bottom:20px !important;
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.pay_now h6{
    margin-top: 0;
    color: #000;
    font-size: 12px;
}

.inner_sticky2 {
    position: -webkit-sticky;
    position: sticky;
    top: 150px;
}
.inner_sticky2 {
    position: -webkit-sticky;
    position: sticky;
    top: 150px;
    margin-bottom: 20px;
}
.collapse.in {
    display: block;
}
.account_box h4 {
    font-size: 18px;
    font-weight: bold;
    color: #000;
}
.account_box p {
    color: #000;
    padding-left: 10px;
    padding-right: 10px;
}
.enquiry-btn{
    margin-bottom:20px;
}
.person_box {
    padding: 15px;
    border: 2px solid #8b4260;
    margin-top: 30px;
}
.margin2 {
    margin-top: 20px;
}
.account_box{background: #fff; border-radius: 16px; margin-top: 30px; text-align: center;padding-bottom: 15px;overflow: hidden;min-height: 300px;box-shadow: 0 4px 8px 1px rgb(0 0 0 / 19%);}
.account_box img{margin-bottom: 15px;width: 100%;}
.account_box h4{font-size: 18px; font-weight: bold;color: #000;}
.account_box p{color: #000; padding-left: 10px; padding-right: 10px;}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}
.fade {
    transition: opacity .15s linear;
}
.fade.in {
    opacity: 1;
    display: block;
}
.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5;
}
.order-modal {
    margin-top: 100px;
}
.order-modal .modal-header {
    display: block;
}
.modal-title h3 {
    color: #000;
    margin-top: 0;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
}
.order-modal .close {
    color: #fff !important;
    margin-top: -23px;
    margin-right: -18px;
    float: right;
    font-size: 36px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 1.2;
}
.order-modal .modal-content {
    background-color: transparent;
    box-shadow: none;
    border: none;
}
.order-modal .modal-body {
    background: #edf5fc;
    background: -moz-linear-gradient(top, #edf5fc 0%, #ffffff 43%, #ffffff 65%, #edf5fc 100%);
    background: -webkit-linear-gradient(top, #edf5fc 0%,#ffffff 43%,#ffffff 65%,#edf5fc 100%);
    background: linear-gradient(to bottom, #edf5fc 0%,#ffffff 43%,#ffffff 65%,#edf5fc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf5fc', endColorstr='#edf5fc',GradientType=0 );
}
.order-modal .form_div_outer .form-control {
    background: #fff;
    color: #333;
    border: 1px solid #d6d6d6;
    border-radius: 6px;
    font-size: 13px;
    box-shadow: none;
    resize: none;
    height: 40px;
}
.order-modal .form_div_outer input {
    padding-left: 15px;
}
.order-modal .login_lower{
    float:right;
}
.form-group {
    margin-bottom: 15px;
}
.login_cart_top h4{
    font-size: 18px;
}
.login_cart_bottom p {
    font-size: 13px;
}
.text-right {
    text-align: right;
}
/*** End ***/

.add-to-wishlist:hover, .wishlist-login-btn:hover{
    cursor: pointer;
}

.hover-bg-main-600.wishlisted {
    background-color: var(--main-600) !important;
}
.hover-text-white.wishlisted {
    color: #fff !important;
}
.product-card__content{
    width:100%;
}

@media screen and (max-width: 2000px) {
    .product-card__cart {
        font-size: 12px;
        padding: 9px 12px !important;
    }
}
/* =====================================================================
   EXCELLENCIA — MODERN REDESIGN OVERRIDES
   ===================================================================== */

:root{
    --exc-violet: hsl(258, 64%, 42%);
    --exc-violet-bright: hsl(256, 82%, 62%);
    --exc-ink: #1e1b4b;
    --exc-lilac: #F5F2FF;
    --exc-shadow: 0 18px 40px -18px rgba(76, 29, 149, .35);
    --exc-shadow-sm: 0 8px 24px -12px rgba(76, 29, 149, .28);
}

body{ background:#ffffff; }

/* Font smoothing / crisper headings */
h1,h2,h3,h4,h5,h6{ letter-spacing:-.01em; }

/* ---------- Hero full-width banner slider ---------- */
.exc-hero{
    padding: 28px 0 8px;
    background: linear-gradient(180deg, var(--exc-lilac) 0%, #ffffff 100%);
}
.exc-hero__slider{ border-radius: 24px; }
.exc-hero__slide{ padding: 0 2px; }
.exc-hero__link{
    border-radius: 24px;
    overflow: hidden;
    box-shadow: var(--exc-shadow);
    display:block;
    background: var(--exc-lilac);
}
.exc-hero__img{
    display:block;
    border-radius: 24px;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    transition: transform .6s ease;
}
.exc-hero__link:hover .exc-hero__img{ transform: scale(1.015); }

.exc-hero__arrow{
    width: 52px; height: 52px;
    z-index: 5;
    background: #fff;
    color: var(--exc-violet);
    border: 1px solid rgba(124,58,237,.18);
    font-size: 20px;
    box-shadow: var(--exc-shadow-sm);
}
.exc-hero__arrow:hover{ background: var(--exc-violet); color:#fff; }
.exc-hero__arrow--prev{ left: 24px; }
.exc-hero__arrow--next{ right: 24px; }

.exc-hero .slick-dots{ bottom: 14px; }
.exc-hero .slick-dots li button:before{ color: var(--exc-violet); opacity:.35; font-size:9px; }
.exc-hero .slick-dots li.slick-active button:before{ color: var(--exc-violet); opacity:1; }

@media (max-width: 575px){
    .exc-hero__arrow{ width:40px; height:40px; font-size:16px; }
    .exc-hero__arrow--prev{ left:12px; }
    .exc-hero__arrow--next{ right:12px; }
    .exc-hero__link, .exc-hero__img{ border-radius:16px; }
}

/* ---------- Eyebrow label ---------- */
.exc-eyebrow{
    display:inline-block;
    font-family: var(--body-font);
    font-weight:700;
    font-size:12px;
    letter-spacing:.14em;
    text-transform:uppercase;
    color: var(--exc-violet);
    background: rgba(124,58,237,.10);
    padding:6px 14px;
    border-radius:999px;
    margin-bottom:14px;
}
.exc-eyebrow--light{
    color:#fff;
    background: rgba(255,255,255,.18);
}

/* ---------- Newsletter (Gear Up) ---------- */
.exc-newsletter{ box-shadow: var(--exc-shadow); }
.exc-newsletter__img{ display:block; }
.exc-subscribe{ max-width: 620px; margin-top: 24px; position: relative; z-index: 3; }
.exc-subscribe__field .form-control{
    background: #fff;
    border: 1px solid rgba(124,58,237,.14);
    box-shadow: var(--exc-shadow);
}
.exc-subscribe .btn-main{ padding-inline: 26px; }
@media (max-width: 575px){
    .exc-subscribe{ margin-top: 18px; }
    .exc-subscribe__field .form-control{ padding-right: 24px !important; }
    .exc-subscribe .btn-main{
        position: static !important;
        transform: none !important;
        margin: 12px 0 0 !important;
        width: 100%;
    }
}

/* ---------- About & Contact hero banners ---------- */
.exc-about-hero__banner,
.exc-contact-hero__banner{ box-shadow: var(--exc-shadow); }
.exc-about-hero__banner img,
.exc-contact-hero__banner img{ display:block; }

.exc-about-hero__overlay{
    position:absolute;
    top:50%; transform:translateY(-50%);
    left: 6%;
    max-width: 46%;
}
.exc-about-hero__title{ font-size: clamp(1.6rem, 2.4vw, 2.6rem); line-height:1.1; }
.exc-about-hero__lead{ color:#4b5563; font-size: clamp(.95rem,1.4vw,1.1rem); }

.exc-contact-hero__overlay{
    position:absolute;
    top:50%; transform:translateY(-50%);
    left: 6%;
    max-width: 52%;
}
.exc-contact-hero__overlay h1{ font-size: clamp(1.5rem, 2.6vw, 2.4rem); line-height:1.1; }

@media (max-width: 767px){
    .exc-about-hero__overlay,
    .exc-contact-hero__overlay{
        position:static;
        transform:none;
        max-width:100%;
        padding:20px 4px 0;
    }
    .exc-about-hero__lead,
    .exc-contact-hero__overlay p{ color:#4b5563 !important; }
    .exc-contact-hero__overlay h1,
    .exc-contact-hero__overlay p{ color: var(--exc-ink) !important; }
    .exc-eyebrow--light{ color: var(--exc-violet); background: rgba(124,58,237,.10); }
}

/* ---------- Readable prose (About page) ---------- */
.exc-prose{ color:#374151; font-size:16px; line-height:1.75; }
.exc-prose h3{ color: var(--exc-ink); margin-top: 28px; margin-bottom: 12px; font-weight:700; }
.exc-prose ul{ padding-left: 1.1rem; }
.exc-prose li{ margin-bottom:.4rem; }
.exc-prose strong{ color: var(--exc-ink); }

/* ---------- Card / button polish ---------- */
.product-card{ border-radius: 18px !important; box-shadow: 0 1px 2px rgba(30,27,75,.04); }
.product-card:hover{ box-shadow: var(--exc-shadow-sm); transform: translateY(-3px); }
.feature-item__thumb{ box-shadow: var(--exc-shadow-sm); }
.shipping-item{ box-shadow: 0 1px 2px rgba(30,27,75,.05); }
.btn-main{ box-shadow: 0 8px 20px -12px rgba(124,58,237,.6); }

/* Header call-to-action button rounding for a modern feel */
.header .header-right > a[href^="tel"]{ border-radius: 0; }

/* Feature-category circle images look crisp */
.feature-item__thumb{ background: var(--exc-lilac); }

/* =====================================================================
   EXCELLENCIA — HEADER / FOOTER END-TO-END + TRANSPARENT NAV
   ===================================================================== */

/* Transparent nav bar that blends into the lilac hero gradient */
.exc-header-transparent{
    background: transparent !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

/* Full-bleed nav: the "More Products" button sits flush to the left edge */
.exc-header-transparent .header-inner{
    width: 100%;
}
.exc-header-transparent .category__button{
    border-inline-start: none !important;   /* drop the left divider at the edge */
    padding-inline-start: 24px;
}

/* Footer bar edge-to-edge */
.bottom-footer .container-fluid{ width: 100%; }

/* Keep inner content comfortably away from the very edge on large screens */
@media (min-width: 1400px){
    .exc-header-transparent .container-fluid{ padding-inline: 12px; }
}

/* =====================================================================
   EXCELLENCIA — UNIFIED SEARCH BAR REDESIGN
   Turns the "All Categories + Search" form into one clean pill unit.
   ===================================================================== */

/* The whole search unit: single rounded container, one border, white fill */
.search-category.search-form{
    height: 52px !important;
    background: #fff;
    border: 1.5px solid #e6e1f5;
    border-radius: 999px;
    overflow: hidden;
    box-shadow: 0 2px 10px -6px rgba(76,29,149,.18);
    transition: border-color .2s ease, box-shadow .2s ease;
    align-items: stretch;
}
.search-category.search-form:focus-within{
    border-color: hsl(var(--main));
    box-shadow: 0 6px 18px -8px rgba(124,58,237,.35);
}

/* Category (Select2) block — transparent, borderless, with a divider on the right */
.search-category.search-form .select2-container{
    display: flex !important;
    align-items: center !important;
}
.search-category.search-form .select2-selection.select2-selection--single{
    height: 100% !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    position: relative;
}
/* subtle vertical divider between category and search input */
.search-category.search-form .select2-selection.select2-selection--single::after{
    content: "";
    position: absolute;
    inset-inline-end: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 24px;
    width: 1px;
    background: #e6e1f5;
}
.search-category.search-form .select2-container--default
    .select2-selection--single .select2-selection__rendered{
    color: #1e1b4b;
    font-weight: 500;
    line-height: 50px !important;
    padding-inline-start: 22px !important;
    padding-inline-end: 40px !important;
}
.search-category.search-form .select2-selection__arrow b{
    color: hsl(var(--main));
}

/* Search input — transparent, borderless, flush inside the pill */
.search-category.search-form .search-form__wrapper{
    flex: 1;
    display: flex;
    align-items: center;
}
.search-category.search-form .search-form__input{
    height: 100% !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    padding: 0 56px 0 20px !important;
    width: 520px;
    font-size: 15px;
    color: #1e1b4b;
}
.search-category.search-form .search-form__input:focus{
    box-shadow: none !important;
    border: none !important;
}
.search-category.search-form .search-form__input::placeholder{
    color: #9ca3af;
}

/* Search button — solid violet circle, snug to the right edge */
.search-category.search-form .search-form__wrapper > button[type="submit"]{
    width: 40px;
    height: 40px;
    background: hsl(var(--main)) !important;
    border: none;
    box-shadow: 0 4px 10px -4px rgba(124,58,237,.6);
    transition: background .2s ease, transform .15s ease;
    margin-inline-end: 6px !important;
}
.search-category.search-form .search-form__wrapper > button[type="submit"]:hover{
    background: hsl(var(--main-h) var(--main-s) 34%) !important;
    transform: translateY(-50%) scale(1.05);
}

/* Responsive input widths within the unified pill */
@media (max-width: 1499px){ .search-category.search-form .search-form__input{ width: 380px; } }
@media (max-width: 1399px){ .search-category.search-form .search-form__input{ width: 280px; } }
@media (max-width: 1199px){ .search-category.search-form .search-form__input{ width: 200px; } }

/* =====================================================================
   EXCELLENCIA — NAV DROPDOWN MENUS (Uniforms school/college, etc.)
   ===================================================================== */

/* First-level dropdown panel under a nav item */
.nav-menu .nav-menu__item.has-submenu > .nav-submenu.common-dropdown{
    min-width: 230px;
    padding: 10px;
    border-radius: 12px;
    box-shadow: 0 18px 40px -18px rgba(76,29,149,.35);
    border: 1px solid #efeaff;
}
.nav-menu .common-dropdown__link{
    font-size: 14px;
    padding: 9px 14px;
    border-radius: 8px;
}
.nav-menu .common-dropdown__link:hover{
    background: #f5f2ff;
    color: hsl(var(--main)) !important;
}
.nav-menu .common-dropdown__link.fw-medium{ color:#1e1b4b; }

/* Caret on items that open a nested flyout (School / College Uniforms) */
@media (min-width: 992px){
    .nav-menu .has-submenus-submenu{ position: relative; }
    .nav-menu .has-submenus-submenu > .common-dropdown__link{ padding-inline-end: 30px; }
    .nav-menu .has-submenus-submenu > .common-dropdown__link::after{
        content:"\e13a";              /* phosphor caret-right */
        font-family:"Phosphor";
        font-weight:900;
        position:absolute;
        inset-inline-end:12px;
        top:50%;
        transform:translateY(-50%);
        font-size:12px;
        color: hsl(var(--main));
        opacity:.7;
    }
    /* Nested flyout panel (the school/college sub-items) */
    .nav-menu .has-submenus-submenu > .submenus-submenu.common-dropdown{
        position:absolute;
        inset-inline-start:100%;
        inset-block-start:0;
        margin:0;
        min-width:220px;
        padding:10px;
        border-radius:12px;
        box-shadow:0 18px 40px -18px rgba(76,29,149,.35);
        border:1px solid #efeaff;
        background:#fff;
        visibility:hidden;
        opacity:0;
        transition:.15s ease;
    }
    .nav-menu .has-submenus-submenu:hover > .submenus-submenu.common-dropdown{
        visibility:visible;
        opacity:1;
    }
}

/* Mobile: indent nested items, keep dropdowns readable */
@media (max-width: 991px){
    .nav-menu--mobile .nav-submenu.common-dropdown{
        position: static !important;
        box-shadow: none;
        border: none;
        border-radius: 0;
        padding: 0 0 6px 8px;
        display: none;              /* toggled open by theme JS (slideToggle) */
    }
    .nav-menu--mobile .common-dropdown__link{ padding: 10px 12px; }
    .nav-menu--mobile .common-dropdown__link.ps-32{ padding-inline-start: 28px; }
}

/* =====================================================================
   EXCELLENCIA — "WHY SHOP" TRUST SECTION
   ===================================================================== */
.exc-why{ background: linear-gradient(180deg,#ffffff 0%, var(--exc-lilac) 100%); }
.exc-why__title{
    color: var(--exc-ink);
    font-weight: 700;
    font-size: clamp(1.5rem, 2.4vw, 2.2rem);
    letter-spacing: -.01em;
}
.exc-why__lead{
    color: #4b5563;
    max-width: 640px;
    font-size: 1.02rem;
}
.exc-why__card{
    background: #fff;
    border: 1px solid #efeaff;
    border-radius: 18px;
    padding: 32px 22px;
    box-shadow: 0 1px 2px rgba(30,27,75,.04);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.exc-why__card:hover{
    transform: translateY(-4px);
    box-shadow: var(--exc-shadow-sm);
    border-color: #e0d8ff;
}
.exc-why__icon{
    width: 68px;
    height: 68px;
    font-size: 32px;
    color: hsl(var(--main));
    background: var(--exc-lilac);
    transition: background .25s ease, color .25s ease, transform .25s ease;
}
.exc-why__card:hover .exc-why__icon{
    background: hsl(var(--main));
    color: #fff;
    transform: scale(1.06);
}
.exc-why__card-title{
    color: var(--exc-ink);
    font-weight: 700;
}
.exc-why__card-text{
    color: #6b7280;
    font-size: .95rem;
    line-height: 1.5;
}

/* =====================================================================
   EXCELLENCIA — NEED HELP + BRAND COMMUNITY SECTIONS
   ===================================================================== */

/* ---- Need Help ---- */
.exc-help__box{
    background: #fff;
    border: 1px solid #efeaff;
    box-shadow: var(--exc-shadow);
    padding: 44px;
}
.exc-help__title{
    color: var(--exc-ink);
    font-weight: 700;
    font-size: clamp(1.5rem, 2.4vw, 2.1rem);
}
.exc-help__lead{ color:#4b5563; font-size: 1.02rem; max-width: 420px; }
.exc-help__link{
    background: var(--exc-lilac);
    border: 1px solid #efeaff;
    border-radius: 14px;
    padding: 16px 18px;
    height: 100%;
    text-decoration: none;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease;
}
.exc-help__link:hover{
    transform: translateY(-3px);
    background: #fff;
    border-color: #e0d8ff;
    box-shadow: var(--exc-shadow-sm);
}
.exc-help__icon{
    width: 46px; height: 46px;
    background: #fff;
    color: hsl(var(--main));
    font-size: 22px;
    box-shadow: 0 4px 10px -6px rgba(124,58,237,.4);
    transition: background .2s ease, color .2s ease;
}
.exc-help__link:hover .exc-help__icon{ background: hsl(var(--main)); color:#fff; }
.exc-help__link-title{ color: var(--exc-ink); font-weight: 700; font-size: .98rem; }
.exc-help__link-text{ color:#6b7280; font-size: .85rem; }
@media (max-width: 575px){ .exc-help__box{ padding: 28px 20px; } }

/* ---- Excellencia Brand community ---- */
.exc-brand{ padding: 0 0 80px; }
.exc-brand__box{
    background:
        radial-gradient(1200px 300px at 100% 0%, rgba(139,92,246,.35), transparent 60%),
        linear-gradient(135deg, #2e1065 0%, #1e1b4b 100%);
    padding: 64px 40px;
    box-shadow: var(--exc-shadow);
}
.exc-brand__badge{
    width: 84px; height: 84px;
    background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.18);
    backdrop-filter: blur(4px);
}
.exc-brand__logo{ max-width: 48px; max-height: 48px; object-fit: contain; }
.exc-brand__title{ font-weight: 700; font-size: clamp(1.6rem, 2.6vw, 2.3rem); }
.exc-brand__lead{ max-width: 560px; opacity: .9; font-size: 1.05rem; }
.exc-brand .btn-white{
    background: #fff;
    color: var(--exc-ink);
    font-weight: 600;
    padding-inline: 26px;
    box-shadow: 0 10px 24px -10px rgba(0,0,0,.5);
}
.exc-brand .btn-white:hover{ background: var(--exc-lilac); color: hsl(var(--main)); }
@media (max-width: 575px){ .exc-brand__box{ padding: 44px 24px; } }

/* =====================================================================
   EXCELLENCIA — HOMEPAGE SECTIONS (Shop by Category, School Essentials,
   College Uniforms, Featured tabs)
   ===================================================================== */

.exc-section-title{
    color: var(--exc-ink);
    font-weight: 700;
    font-size: clamp(1.5rem, 2.4vw, 2.1rem);
    letter-spacing: -.01em;
}
.exc-section-lead{ color:#4b5563; font-size: 1.02rem; max-width: 520px; }

/* Shop by Category */
.exc-shop-cat .feature-item__thumb{
    width: 120px; height: 120px;
    margin: 0 auto;
    background: var(--exc-lilac);
    border: 1px solid #efeaff;
    transition: transform .2s ease, box-shadow .2s ease;
    overflow: hidden;
}
.exc-shop-cat .feature-item:hover .feature-item__thumb{
    transform: translateY(-4px);
    box-shadow: var(--exc-shadow-sm);
}
.exc-shop-cat .feature-item__thumb img{ max-width: 62%; max-height: 62%; object-fit: contain; }

/* School Essentials */
.exc-school-essentials__box{
    background: linear-gradient(135deg, #f5f2ff 0%, #eee9ff 100%);
    border: 1px solid #efeaff;
    padding: 48px;
    box-shadow: var(--exc-shadow);
}
.exc-school-essentials__img{ box-shadow: var(--exc-shadow); }
.exc-chip{
    display: inline-block;
    background: #fff;
    border: 1px solid #e6e1f5;
    color: var(--exc-ink);
    font-weight: 600;
    font-size: .92rem;
    padding: 9px 18px;
    border-radius: 999px;
    text-decoration: none;
    transition: all .2s ease;
}
.exc-chip:hover{
    background: hsl(var(--main));
    color: #fff;
    border-color: hsl(var(--main));
    transform: translateY(-2px);
}
@media (max-width: 575px){ .exc-school-essentials__box{ padding: 32px 22px; } }

/* Outline button variant */
.btn-outline-main{
    border: 1.5px solid hsl(var(--main));
    color: hsl(var(--main));
    background: transparent;
    font-weight: 600;
    padding: 12px 24px;
    transition: all .2s ease;
}
.btn-outline-main:hover{ background: hsl(var(--main)); color:#fff; }

/* Featured tabs */
.exc-tabs{
    list-style: none;
    display: inline-flex;
    gap: 8px;
    background: var(--exc-lilac);
    padding: 6px;
    border-radius: 999px;
    margin: 0;
}
.exc-tab{
    border: none;
    background: transparent;
    color: #4b5563;
    font-weight: 600;
    font-size: .95rem;
    padding: 9px 26px;
    border-radius: 999px;
    cursor: pointer;
    transition: all .2s ease;
}
.exc-tab:hover{ color: hsl(var(--main)); }
.exc-tab.active{
    background: hsl(var(--main));
    color: #fff;
    box-shadow: 0 6px 14px -6px rgba(124,58,237,.55);
}
.exc-tab-pane{ display: none; }
.exc-tab-pane.active{ display: block; animation: excFade .35s ease; }
@keyframes excFade{ from{opacity:0; transform: translateY(6px);} to{opacity:1; transform:none;} }

/* =====================================================================
   EXCELLENCIA — PAGE BANNER (upgrades the breadcrumb bar on every page)
   ===================================================================== */
.breadcrumb.bg-color-one{
    background: 
        radial-gradient(900px 260px at 88% -10%, rgba(139,92,246,.30), transparent 60%),
        linear-gradient(120deg, #2e1065 0%, #4c1d95 45%, #5b21b6 100%) !important;
    padding: 52px 0 !important;
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
}
/* soft dotted / shape accents */
.breadcrumb.bg-color-one::before{
    content:"";
    position:absolute;
    inset-block-start: -40px;
    inset-inline-end: -40px;
    width: 220px; height: 220px;
    background: radial-gradient(circle at center, rgba(255,255,255,.10) 0, transparent 62%);
    border-radius: 50%;
    pointer-events: none;
}
.breadcrumb.bg-color-one::after{
    content:"";
    position:absolute;
    inset-block-end: -60px;
    inset-inline-start: -30px;
    width: 180px; height: 180px;
    background: radial-gradient(circle at center, rgba(255,255,255,.06) 0, transparent 60%);
    border-radius: 50%;
    pointer-events: none;
}
.breadcrumb.bg-color-one .breadcrumb-wrapper{ position: relative; z-index: 2; }

/* Page title */
.breadcrumb.bg-color-one h6{
    color: #fff !important;
    font-size: clamp(1.35rem, 2.4vw, 1.9rem);
    font-weight: 700;
    letter-spacing: -.01em;
}

/* Breadcrumb trail chips */
.breadcrumb.bg-color-one ul{
    background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.16);
    padding: 8px 16px;
    border-radius: 999px;
    backdrop-filter: blur(4px);
}
.breadcrumb.bg-color-one ul li,
.breadcrumb.bg-color-one ul li a,
.breadcrumb.bg-color-one ul li i{
    color: rgba(255,255,255,.85) !important;
}
.breadcrumb.bg-color-one ul li a:hover{ color:#fff !important; }
.breadcrumb.bg-color-one ul li.text-main-600{
    color:#fff !important;
    font-weight: 600;
}
@media (max-width: 575px){
    .breadcrumb.bg-color-one{ padding: 36px 0 !important; }
}

/* Slim variant: for pages that already have their own image hero (About, Contact) */
.breadcrumb.bg-color-one.exc-breadcrumb--slim{
    background: var(--exc-lilac) !important;
    padding: 20px 0 !important;
    overflow: visible;
}
.breadcrumb.bg-color-one.exc-breadcrumb--slim::before,
.breadcrumb.bg-color-one.exc-breadcrumb--slim::after{ display:none; }
.breadcrumb.bg-color-one.exc-breadcrumb--slim h6{
    color: var(--exc-ink) !important;
    font-size: 1.05rem;
}
.breadcrumb.bg-color-one.exc-breadcrumb--slim ul{
    background: transparent;
    border: none;
    padding: 0;
    backdrop-filter: none;
}
.breadcrumb.bg-color-one.exc-breadcrumb--slim ul li,
.breadcrumb.bg-color-one.exc-breadcrumb--slim ul li a,
.breadcrumb.bg-color-one.exc-breadcrumb--slim ul li i{
    color: #6b7280 !important;
}
.breadcrumb.bg-color-one.exc-breadcrumb--slim ul li a:hover{ color: hsl(var(--main)) !important; }
.breadcrumb.bg-color-one.exc-breadcrumb--slim ul li.text-main-600{ color: hsl(var(--main)) !important; }

/* =====================================================================
   EXCELLENCIA — HERO TEXT OVERLAY (for images with left copy-space)
   ===================================================================== */
.exc-hero__frame{ box-shadow: var(--exc-shadow); background: var(--exc-lilac); }
.exc-hero__img{ display:block; border-radius: 24px; aspect-ratio: 16 / 9; object-fit: cover; }
.exc-hero__overlay{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    inset-inline-start: 6%;
    max-width: 44%;
    z-index: 3;
}
.exc-hero__title{
    color: var(--exc-ink);
    font-weight: 800;
    font-size: clamp(1.4rem, 3vw, 2.9rem);
    line-height: 1.08;
    letter-spacing: -.02em;
}
.exc-hero__text{
    color: #4b5563;
    font-size: clamp(.85rem, 1.3vw, 1.08rem);
    max-width: 420px;
}
@media (max-width: 767px){
    .exc-hero__overlay{ max-width: 62%; inset-inline-start: 6%; }
    .exc-hero__text{ display: none; }
    .exc-hero__overlay .btn{ padding: 8px 18px; font-size: .85rem; }
}
@media (max-width: 480px){
    .exc-hero__overlay{ max-width: 70%; }
    .exc-hero__title{ font-size: 1.15rem; }
    .exc-hero__overlay .exc-eyebrow{ font-size: 9px; padding: 4px 10px; }
}

/* =====================================================================
   EXCELLENCIA — FEATURED CATEGORY BANNERS (section 2 images)
   ===================================================================== */
.exc-cat-banner{
    box-shadow: var(--exc-shadow-sm);
    border: 1px solid #efeaff;
    transition: transform .25s ease, box-shadow .25s ease;
}
.exc-cat-banner img{
    display: block;
    aspect-ratio: 1962 / 801;
    object-fit: cover;
    transition: transform .5s ease;
}
.exc-cat-banner:hover{ transform: translateY(-4px); box-shadow: var(--exc-shadow); }
.exc-cat-banner:hover img{ transform: scale(1.03); }
.exc-cat-banner__content{
    position: absolute;
    inset-block-end: 0; inset-inline-start: 0;
    padding: 22px 26px;
    z-index: 2;
}
.exc-cat-banner__label{
    display: block;
    color: var(--exc-ink);
    font-weight: 700;
    font-size: clamp(1rem, 1.6vw, 1.35rem);
    margin-bottom: 6px;
}
.exc-cat-banner__cta{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: hsl(var(--main));
    font-weight: 600;
    font-size: .9rem;
}
.exc-cat-banner__cta i{ transition: transform .2s ease; }
.exc-cat-banner:hover .exc-cat-banner__cta i{ transform: translateX(4px); }