html body .product-layout .product-thumb > .caption{align-self:stretch !important;}

/* CANVASIT-CHECKOUT-START (one-page checkout re-layout, Journal 3 Quick Checkout) */
:root{--ci-accent:#fe4d00;--ci-accent-dark:#d94100;--ci-accent-soft:#fff1ea;--ci-ink:#1f2430;--ci-muted:#76808f;--ci-line:#e8ebf1;--ci-card:#fff;--ci-page:#f2f4f8;--ci-radius:8px;--ci-gap:30px}
.quick-checkout-wrapper{background:var(--ci-page)}
.quick-checkout-wrapper .left,.quick-checkout-wrapper .right{display:none !important}
.ci-grid{display:grid;grid-template-columns:minmax(0,877fr) minmax(0,423fr);gap:30px;align-items:start}
.ci-main{display:flex;flex-direction:column;gap:30px;min-width:0}
.ci-main>form{display:flex;flex-direction:column;gap:30px;margin:0}
.ci-side{position:sticky;top:20px}
.ci-card,.quick-checkout-wrapper .ci-main>form>.checkout-section,.quick-checkout-wrapper .ci-main>.checkout-section{background:var(--ci-card);padding:20px !important;border:0 !important;border-radius:8px;box-shadow:0 1px 1px rgba(0,0,0,.1);margin:0 !important;overflow:visible}
.quick-checkout-wrapper .checkout-section>.section-title,.quick-checkout-wrapper .section-payment>.section-title,.quick-checkout-wrapper .section-shipping>.section-title{display:flex !important;align-items:center;gap:8px;margin:0 0 12px !important;padding:0 0 12px !important;border-bottom:3px solid #f2f4f8 !important;font-size:16px !important;font-weight:700 !important;color:#000 !important;background:transparent !important;text-transform:none;letter-spacing:0}
.quick-checkout-wrapper .checkout-section>.section-title::before,.quick-checkout-wrapper .section-payment>.section-title::before,.quick-checkout-wrapper .section-shipping>.section-title::before{content:"";flex:0 0 auto;width:16px;height:16px;border-radius:3px;background:var(--ci-accent);opacity:.9}
.quick-checkout-wrapper .checkout-section>.section-body{padding:0}
.ci-billing-card{display:grid !important;grid-template-columns:1fr 1fr;gap:20px 33px;padding:20px !important;align-content:start}
.ci-billing-card>.checkout-section{display:contents !important;padding:0 !important;background:transparent !important;border:0 !important;box-shadow:none !important}
.ci-billing-card>.checkout-section>.section-body{display:contents !important;padding:0 !important}
.ci-billing-card>.payment-address>.section-title{display:none !important}
.ci-billing-card>.payment-address>.section-body>div:not(.checkbox):not(.form-group){display:contents}
.quick-checkout-wrapper .ci-billing-card>.section-register>.section-title{grid-column:1/-1;margin:0 0 -8px !important;padding:0 0 12px !important}
.quick-checkout-wrapper .ci-billing-card .account-firstname.form-group{order:2 !important}
.quick-checkout-wrapper .ci-billing-card .account-lastname.form-group{order:3 !important}
.quick-checkout-wrapper .ci-billing-card .address-address-1.form-group{order:4 !important;grid-column:1/-1}
.quick-checkout-wrapper .ci-billing-card .address-city.form-group{order:5 !important}
.quick-checkout-wrapper .ci-billing-card .address-zone.form-group{order:6 !important}
.quick-checkout-wrapper .ci-billing-card .account-telephone.form-group{order:7 !important}
.quick-checkout-wrapper .ci-billing-card .account-email.form-group{order:8 !important}
.quick-checkout-wrapper .ci-billing-card .checkout-same-address{order:9 !important;grid-column:1/-1}
.quick-checkout-wrapper .ci-billing-card .ci-comment-slot{order:10 !important;grid-column:1/-1}
.quick-checkout-wrapper .ci-billing-card .form-group.ci-field,.quick-checkout-wrapper .ci-billing-card .form-group.ci-show{display:block !important}
.quick-checkout-wrapper .ci-billing-card .form-group.ci-hidden{display:none !important}
.quick-checkout-wrapper .form-group{margin:0}
.quick-checkout-wrapper .ci-billing-card .form-group>.control-label,.quick-checkout-wrapper .ci-label{display:block !important;line-height:20px !important;margin:0 0 5px !important;font-size:13px !important;font-weight:700 !important;color:#000;width:auto;max-width:none;float:none;text-align:left;padding:0}
.quick-checkout-wrapper .form-group.required>.control-label::after{content:"*";margin-left:2px;color:var(--ci-accent)}
.quick-checkout-wrapper .ci-main .form-group>.form-control{width:100% !important;max-width:none !important;height:42px !important;padding:5px 15px !important;font-size:15px !important;border:1px solid #ddd;border-radius:4px;box-shadow:none;color:var(--ci-ink);background-color:#fff}
.quick-checkout-wrapper .ci-main .form-group>textarea.form-control{height:100px !important;min-height:100px;padding:10px 15px !important;resize:vertical}
.quick-checkout-wrapper .form-control:focus{border-color:var(--ci-accent);box-shadow:0 0 0 3px rgba(254,77,0,.12);outline:0}
.quick-checkout-wrapper .form-control::placeholder{color:#aab2bf}
.quick-checkout-wrapper select.form-control{appearance:none;-webkit-appearance:none;padding-right:30px !important;background-image:linear-gradient(45deg,transparent 50%,var(--ci-muted) 50%),linear-gradient(135deg,var(--ci-muted) 50%,transparent 50%);background-position:calc(100% - 15px) 18px,calc(100% - 10px) 18px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
.ci-billing-card .checkout-same-address{display:block !important}
.ci-billing-card .checkout-same-address label,.quick-checkout-wrapper .section-login .login-options .radio label{display:block;position:relative;margin:0;padding-left:22px;font-size:12.5px;color:var(--ci-muted)}
.ci-billing-card .checkout-same-address label input,.quick-checkout-wrapper .section-login .login-options .radio label input{position:absolute !important;left:0;top:3px;margin:0 !important;accent-color:var(--ci-accent)}
.quick-checkout-wrapper .section-login .login-options{display:flex;flex-wrap:wrap;gap:8px 18px}
.quick-checkout-wrapper .section-login .login-options .radio{margin:0}
.quick-checkout-wrapper .ci-main>.shipping-payment{display:grid !important;grid-template-columns:1fr 1fr;gap:30px;background:transparent !important;border:0 !important;box-shadow:none !important;padding:0 !important;border-radius:0}
.quick-checkout-wrapper .shipping-payment>.section-payment,.quick-checkout-wrapper .shipping-payment>.section-shipping{width:auto !important;min-width:0;margin:0 !important;float:none !important;background:var(--ci-card);padding:20px;border:0;border-radius:8px;box-shadow:0 1px 1px rgba(0,0,0,.1)}
.quick-checkout-wrapper .shipping-payment>.section-payment{order:1}
.quick-checkout-wrapper .shipping-payment>.section-shipping{order:2}
.quick-checkout-wrapper .ci-methods-hint{margin:0 0 12px !important;font-size:13px;color:var(--ci-muted)}
.quick-checkout-wrapper .section-shipping .shippings{display:block}
.quick-checkout-wrapper .section-payment .section-body>div,.quick-checkout-wrapper .section-shipping .ship-wrapper{display:flex !important;align-items:center;gap:8px;padding-left:0 !important;margin-left:0 !important}
.quick-checkout-wrapper .section-payment .section-body>div>.radio,.quick-checkout-wrapper .section-shipping .ship-wrapper>.radio{flex:1 1 auto}
.quick-checkout-wrapper .section-payment .section-body>div{margin-bottom:10px}
.quick-checkout-wrapper .section-shipping .ship-wrapper>p{flex:0 0 auto;margin:0 !important;font-size:12px;color:var(--ci-muted)}
.quick-checkout-wrapper .section-shipping .ship-wrapper>p:empty{display:none}
.quick-checkout-wrapper .section-shipping .radio,.quick-checkout-wrapper .section-payment .radio{display:flex;align-items:center;gap:8px;width:100%;flex-wrap:nowrap;margin:0 !important;padding:0 !important}
.quick-checkout-wrapper .section-shipping .radio>label,.quick-checkout-wrapper .section-payment .radio>label{display:flex;flex:1 1 auto;flex-wrap:nowrap !important;align-items:center;gap:9px;width:100%;margin:0;border:0 !important;background:transparent !important;padding:2px 0 !important;font-size:14px !important;font-weight:400 !important;color:var(--ci-ink);cursor:pointer}
.quick-checkout-wrapper .section-shipping .radio label>span,.quick-checkout-wrapper .section-payment .radio label>span{flex:1 1 auto;min-width:0}
.quick-checkout-wrapper .section-shipping .radio label input,.quick-checkout-wrapper .section-payment .radio label input{position:static !important;flex:0 0 auto;margin:0 !important;accent-color:var(--ci-accent)}
.quick-checkout-wrapper .section-shipping .radio>label.ci-on,.quick-checkout-wrapper .section-payment .radio>label.ci-on{background:transparent !important;color:var(--ci-accent) !important;font-weight:600 !important}
.ci-accept{display:flex !important;flex-wrap:wrap;align-items:center;gap:6px;margin-top:14px;padding-top:12px;border-top:1px dashed var(--ci-line)}
.ci-accept-label{width:100%;margin-bottom:2px;font-size:12px;font-weight:700;color:var(--ci-ink)}
.ci-accept span{padding:3px 8px;border:1px solid var(--ci-line);border-radius:3px;background:#fbfcfe;font-size:11px;font-weight:600;color:var(--ci-muted)}
.ci-accept img{max-height:26px;width:auto}
.ci-side.ci-card{padding:20px !important}
.quick-checkout-wrapper .ci-side>.checkout-section{padding:0 !important;background:transparent !important;border:0 !important;box-shadow:none !important;margin:0 !important}
.ci-side .confirm-section>.section-title{display:none !important}
.quick-checkout-wrapper .ci-side .section-cvr>.section-body,.quick-checkout-wrapper .ci-side .confirm-section>.section-body,.quick-checkout-wrapper .ci-side .confirm-buttons,.quick-checkout-wrapper .ci-side .confirm-buttons>.pull-right{padding-left:0 !important;padding-right:0 !important;margin-left:0 !important;margin-right:0 !important;width:100% !important;float:none !important}
.quick-checkout-wrapper .ci-side .confirm-section>.section-body{margin-top:14px !important}
.ci-cvr-box{padding:11px;border:1px solid var(--ci-line);border-radius:4px;background:#fafbfd}
.ci-cvr-head{margin-bottom:9px;font-size:12.5px;font-weight:700;color:var(--ci-ink)}
.ci-cvr-head small{display:block;margin-top:2px;font-size:11.5px;font-weight:400;color:var(--ci-muted)}
.ci-cvr-tabs{display:flex;gap:6px;margin-bottom:9px}
.ci-cvr-tab{flex:1 1 0;padding:6px 8px;border:1px solid var(--ci-line);border-radius:4px;background:#fff;font-size:12px;font-weight:600;color:var(--ci-muted);cursor:pointer}
.ci-cvr-tab.ci-on{border-color:var(--ci-accent);background:var(--ci-accent);color:#fff}
.ci-side .form-coupon,.ci-side .form-voucher{margin:0}
.ci-side .form-coupon.ci-hide,.ci-side .form-voucher.ci-hide{display:none}
.quick-checkout-wrapper .ci-side .form-coupon>.control-label,.quick-checkout-wrapper .ci-side .form-voucher>.control-label{display:none !important}
.ci-side .input-group{display:flex;width:100%}
.ci-side .input-group .form-control{flex:1 1 auto;width:auto !important;border-radius:4px 0 0 4px}
.ci-side .input-group-btn{display:flex;width:auto}
.ci-side .input-group-btn .btn{height:42px;padding:0 14px;border:1px solid var(--ci-accent);border-radius:0 4px 4px 0;background:var(--ci-accent);color:#fff;font-size:12.5px;font-weight:600}
.ci-side .input-group-btn .btn:hover{background:var(--ci-accent-dark);border-color:var(--ci-accent-dark)}
.ci-totals{padding:14px 0 0}
.ci-total-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #f0f2f6;font-size:13px;color:var(--ci-ink)}
.ci-total-row:last-child{border-bottom:0}
.ci-total-row .ci-total-label{color:var(--ci-muted)}
.ci-total-row .ci-total-value{font-weight:600;white-space:nowrap}
.ci-total-row.ci-grand{padding-top:11px;margin-top:3px;border-top:1px solid var(--ci-line);font-size:15px}
.ci-total-row.ci-grand .ci-total-label{font-weight:700;color:var(--ci-ink)}
.ci-total-row.ci-grand .ci-total-value{font-size:18px;font-weight:700;color:var(--ci-accent)}
.ci-side .checkbox{margin:0 0 7px;padding:0}
.ci-side .checkbox label{display:block;position:relative;margin:0;padding-left:22px;font-size:12px;line-height:1.45;color:var(--ci-muted)}
.ci-side .checkbox label input{position:absolute !important;left:0;top:2px;margin:0 !important;accent-color:var(--ci-accent)}
.ci-side .checkbox a.agree,.ci-side .checkbox a.agree b{display:inline;color:var(--ci-accent);font-weight:600}
.quick-checkout-wrapper .ci-side .confirm-buttons .btn,.quick-checkout-wrapper .ci-side #quick-checkout-button-confirm{display:block;width:100% !important;max-width:none !important;height:42px;padding:0 16px;border:0;border-radius:4px;background:var(--ci-accent);color:#fff;font-size:14px;font-weight:600;text-transform:none;box-shadow:0 2px 6px rgba(254,77,0,.28)}
.quick-checkout-wrapper .ci-side .confirm-buttons .btn:hover,.quick-checkout-wrapper .ci-side #quick-checkout-button-confirm:hover{background:var(--ci-accent-dark)}
.quick-checkout-wrapper .cart-section .table{margin:0;border:0;font-size:13px}
.quick-checkout-wrapper .cart-section .table>thead>tr>td{padding:9px 12px;border:0;border-bottom:1px solid var(--ci-line);background:#fafbfd;font-size:11.5px;font-weight:700;color:var(--ci-muted);text-transform:uppercase;letter-spacing:.4px}
.quick-checkout-wrapper .cart-section .table>tbody>tr>td{padding:11px 12px;border:0;border-bottom:1px solid #f0f2f6;vertical-align:middle}
.quick-checkout-wrapper .cart-section .table>tbody>tr>td.td-product{font-weight:600;color:var(--ci-ink)}
.quick-checkout-wrapper .cart-section .table>tbody>tr>td.td-total,.quick-checkout-wrapper .cart-section .table>tbody>tr>td.td-price{font-weight:700;color:var(--ci-accent);white-space:nowrap}
.quick-checkout-wrapper .cart-section .table img{max-width:54px;height:auto;border-radius:4px}
.quick-checkout-wrapper .cart-section .table>thead>tr>td:first-child,.quick-checkout-wrapper .cart-section .table>tbody>tr>td:first-child{padding-left:0}
.quick-checkout-wrapper .cart-section .table>thead>tr>td:last-child,.quick-checkout-wrapper .cart-section .table>tbody>tr>td:last-child{padding-right:0}
.quick-checkout-wrapper .cart-section tfoot{display:none}
.quick-checkout-wrapper .alert{margin-bottom:30px;border-radius:4px;font-size:13px}
@media(max-width:1199px){.ci-grid{grid-template-columns:minmax(0,1fr) 300px}}
@media(max-width:991px){.ci-grid{grid-template-columns:minmax(0,1fr)}.ci-main{order:1}.ci-side{position:static;order:2}}
@media(max-width:767px){.quick-checkout-wrapper .ci-main>.shipping-payment{grid-template-columns:1fr}.quick-checkout-wrapper .ci-billing-card{grid-template-columns:1fr !important}.quick-checkout-wrapper .cart-section .td-model,.quick-checkout-wrapper .cart-section .td-price{display:none}}

/* --- delivery / payment methods stack vertically --- */
.quick-checkout-wrapper .section-shipping .ship-wrapper,
.quick-checkout-wrapper .ci-pay-list{display:block !important;flex:1 1 auto;min-width:0}
.quick-checkout-wrapper .section-payment .section-body > div:not(.ci-accept):not(.ci-methods-hint){display:flex !important;align-items:flex-start;gap:8px}
.quick-checkout-wrapper .section-shipping .radio,
.quick-checkout-wrapper .section-payment .radio{display:flex !important;flex-direction:row !important;align-items:center;gap:8px;width:100%;margin:0 0 10px !important}
.quick-checkout-wrapper .section-shipping .radio:last-child,
.quick-checkout-wrapper .section-payment .radio:last-child{margin-bottom:0 !important}
.quick-checkout-wrapper .section-shipping .radio > label,
.quick-checkout-wrapper .section-payment .radio > label{flex-direction:row !important;white-space:normal;width:100%}

/* CANVASIT-CHECKOUT-END */

/* Fix: main menu category text breaking mid-word on laptop screens */
.main-menu .j-menu > li,
.main-menu .j-menu > li > a {
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    min-width: max-content !important;
}

.side-products-blocks>div {
    margin-bottom: 10px !important;
}

.module-manufacturers-317
.swiper {
    padding-bottom: 0px !important;
}

.wcs_button_person_name, .wcs_button_person_description {
    color: #fff !important;
}

.search-result a{
display:flex !important;
}

.grid-col-top-3-3, .grid-col-top-3-1 {
    border-radius: 7px;
}

table>thead:first-of-type>tr>td {
    background: white;
}
.product-info .product-stats ul {
    flex-direction: unset !important;
}
.product-info .product-stats ul li{
    padding: 3px 10px 3px 10px;
    background: #F5F5FC;
    border-radius: 99px;
    margin-bottom: 5px;
}
.module-blocks-355 .tab-content>.tab-pane{
display: block !Important;
margin-bottom: 15px;
}


.refine-item a {
    width: auto;
}
.refine-categories .refine-item:not(.swiper-slide) {
    width: auto;
}
.one-column #content .refine-categories .refine-item:not(.swiper-slide) {
    width: auto;
}


.desktop-main-menu-wrapper .main-menu-291 > .j-menu li.main-menu-item-9.multi-level .dropdown-menu ul li .dropdown-menu{
     right: 100% !important;
    left: auto !important;
}
.desktop-main-menu-wrapper .main-menu-291 > .j-menu li.main-menu-item-8.multi-level .dropdown-menu ul li .dropdown-menu{
  right: 100% !important;
    left: auto !important;
}

.desktop-main-menu-wrapper .main-menu-3 > .j-menu li.main-menu-item-3.multi-level .dropdown-menu ul li .dropdown-menu{
-webkit-columns: 2;
    background: #082A43;
    min-width: 460px;
}


@media (max-width: 470px){
.route-product-product:not(.popup) .product-info .product-details .price-group{
justify-content: center;
    }
}
.module-title-395 .subtitle{
display: block!important;
}

.mobile-header-active #search .header-search{
background: #fff}

.mobile-header-active .header-search .search-button{
border-radius: 99px;

}


.product-info{
Background: #fff;
padding: 10px;
border-radius: 5px;
}
.module-side_products-292 .side-products-blocks .module-item{

background: #fff;
    padding: 10px !important;
    border-radius: 5px;
    border-bottom: 1px solid #ddd;
margin-bottom: 15px;

}

.module-products-367 .nav-tabs {
    margin: 10px;
    padding: 10px;
}
.module-products-410 .nav-tabs {
    margin: 10px 0px 10px 0px;
    padding: 10px;
}
.module-products-411 .nav-tabs {
    margin: 5px 5px 10px 5px;
    padding: 10px;
}
.module-products-412 .nav-tabs {
  
    padding: 10px;
}
.module-blocks-362 .block-short_description ul {
padding-inline-start: 17px !important;
}


.product-grid .product-thumb .name a{
    line-height: 25px;
height: 50px;
    overflow: hidden !important;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.side-product .name a{
    line-height: 25px;
height: 56px;
    overflow: hidden !important;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.module-blocks-355 .tab-content>.tab-pane{
display: block !Important;
margin-bottom: 15px;

}




/*------------------------Pc Builder--------------------*/
.product-thumb
.description {

   min-height:150px !important;   /* descriptionheight will be same */
    max-height: 150px  !important;;   /* height fix */
    overflow: hidden; 
    display: block  !important
}


.module-products-336 .product-grid .product-thumb .description,
.module-products-449 .product-grid .product-thumb .description
 {
    min-height: auto !important;
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
}
#pc-builder-journal3 .product-thumb .caption .price {
    background: white;
}



/*-----------------------Side-menu Cart & Compare Code start ------------------------------------------------*/

.side-menu > ul > li .links-text {
    position: relative;
    top: 4px;
    font-size: 10px;
}
@media (min-width: 768px) {
 .side-menu > ul > li:last-of-type:hover{
background: #2D358C !important;
}
.side-menu > ul > li:first-of-type:hover{
background: #2D358C!important;
}
.side-menu > ul > li:last-of-type{
     top: auto !important;
    position: fixed !important;
  bottom: 90px !important;
    right: 20px !important;
    z-index: 99999 !important;
    background: #081621 !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: #fff !important;
    text-align: center !important;
    font-weight: 600 !important;
    font-size: 10px !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    width: 59px !important;
    height: 59px !important;
    box-shadow: 0 0 15px rgb(0 0 0 / 10%), -5px 5px 10px rgb(0 0 0 / 10%) !important;
    border-radius: 4px !important;
}

.side-menu > ul > li:first-of-type{
     top: auto !important;
    position: fixed !important;
    bottom: 20px !important;
    right: 20px !important;
    z-index: 99999 !important;
    background: #081621 !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: #fff !important;
    text-align: center !important;
    font-weight: 600 !important;
    font-size: 10px !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    width: 59px !important;
    height: 59px !important;
    box-shadow: 0 0 15px rgb(0 0 0 / 10%), -5px 5px 10px rgb(0 0 0 / 10%) !important;
    border-radius: 4px !important;
}

}

/*-----------------------Side-menu Cart & Compare Code End------------------------------------------------*/


.module-catalog-389 .catalog-title {
    width: 100%;
}
.module-catalog-389 div.item-assets .subitems{
    width: 100%;
    height: 220px;
    overflow-x: hidden;
}
.module-catalog-391 .catalog-title{
    width: 100%;
}
.module-catalog-391 div.item-assets .subitems{
    width: 100%;
    height: 220px;
    overflow-x: hidden;
}

#collapse-6384a806bd133{
    height: 300px !important;
    overflow-y: scroll !important;
}


#cart-total {
    display: none;
    padding-right: 5px;
    padding-left: 5px;
    font-weight: 400;
    order: 0;
}

.module-info_blocks-405 .module-item-4 .info-block .info-block-text {
      font-family: "Trebuchet MS", sans-serif !important;
    font-weight: 400;
    color: rgba(189, 189, 189, 1);
    text-transform: lowercase;
    display: block;
}

.ttnee {
    margin-right: 46px;
    width: 100%;
    margin-left: 0px;
}

td.tntfirstname {
    min-width: 110px;
}

/*-----------------------Dealer price product page contact number ------------------------------------------------*/

.notice-module .module-body, .notice-module .hn-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: left;
}



.layout-2 h4 {
    font-size: 17px;
    color: rgba(0, 0, 0, 1);
    text-transform: none;
    margin-top: 10px;
    margin-bottom: 15px;
   padding: 5px;
}


.module-blocks-354 .module-item-1 .block-body .block-content {
    font-size: 15px;
    color: rgba(0, 0, 0, 1);
    font-weight: 400;
    text-transform: none;
}


.module-info_blocks-249 .info-block .info-block-title {
   font-family: "Trebuchet MS", sans-serif !important;
    font-weight: 550;
    font-size: 12px;
    color: rgba(105, 105, 115, 1);
    text-transform: capitalize;
    display: block;
}

/*-----------------------Canvas IT----------------------------------------------*/


.desktop-main-menu-wrapper .main-menu>.j-menu {
    border-radius: inherit;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-left: 10px;
}

.desktop-header-active .header-classic #logo {
    width: 100%;
    margin-left: 8px;
}


.module-info_blocks-405 .module-item-1 .info-block {
    display: flex
;
    flex-direction: column;
    justify-content: flex-start;
    text-align: left;
}

.links-menu .menu-item:first-child {
    border-top-width: 0;
    border-left-width: 0;
    display: none;
}


.links-menu-447 .menu-item a .links-text {
    white-space: normal;
    font-family: font-family: "Trebuchet MS", sans-serif !important;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    text-transform: none;
}



.compare-buttons .btn.btn-primary.btn-cart:hover {
    background-color: red !important; /* Removes background color change on hover */
    border-color: inherit !important; /* Keeps the border color unchanged */
    color: rgba(255, 255, 255, 1); !important; /* Keeps the text color unchanged */
    cursor: default !important; /* Prevents cursor change */
    font-family: "Trebuchet MS", sans-serif !important;
    font-size: 13px !important; /* Keeps the font size unchanged */
    text-decoration: capitalize !important; /* Ensures no text decoration on hover */
    font-weight: 700 !important; /* Keeps the font size unchanged */
}

.module-side_products-292 .side-product .price-new {
    margin: 0 5px 0 0;
    order: 1;
    color: rgb(221 14 28);
}

.module-title-345 .title-wrapper h3 {
   font-family: "Trebuchet MS", sans-serif !important;
    font-weight: 700;
    font-size: 25px;
   text-align: center;
}

.module-title-346 .title-wrapper h3 {
 font-family: "Trebuchet MS", sans-serif !important;
     font-weight: 700;
    font-size: 25px;
      text-align: center;
}

.desktop-header-active .header-classic .desktop-main-menu-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: black;
}

.desktop-main-menu-wrapper #main-menu {
    margin-left: 2px;
    margin-right: auto;
}

.header-search > span input {
    border-radius: inherit;
}

.header-search input {
   font-family: "Trebuchet MS", sans-serif !important;
    font-weight: 400;
    font-size: 13px;
    color: rgba(0, 0, 0, 1);
    background: rgba(255, 255, 255, 1) !important;
}


.module-title-396 .title-wrapper h3
 {
    font-family: "Trebuchet MS", sans-serif !important;
    font-weight: 700;
    font-size: 25px;
    color: rgba(44, 54, 64, 1);
}


.module-products-449 .nav-tabs > li > a, .module-products-449 .nav-tabs > li.active > a, .module-products-449 .nav-tabs > li.active > a:hover, .module-products-449 .nav-tabs>li.active>a:focus
 {
   font-family: "Trebuchet MS", sans-serif !important;
    font-weight: 700;
    font-size: 20px;
    color: black;
    text-transform: uppercase;
}


.module-products-449 .nav-tabs > li > a, .module-products-449 .nav-tabs > li.active > a, .module-products-449 .nav-tabs > li.active > a:hover, .module-products-449 .nav-tabs>li.active>a:focus {
    font-family: "Trebuchet MS", sans-serif !important;
    font-weight: 700;
    font-size: 15px;
    color: #fe4d00;
    text-transform: uppercase;
}
/*-----------------------Home Page Flash Sale margin CSS------------------------------------------------*/
.module-title-346 {
  font-family: "Trebuchet MS", sans-serif !important;
    font-weight: 400;
    font-size: 26px;
    color: rgba(0, 0, 0, 1);
    background: rgba(0, 0, 0, 0);
    margin-top: 30px;
    margin-bottom: -35px;
}



div.links-menu-450 .title.module-title {
  font-family: "Trebuchet MS", sans-serif !important;
    font-weight: 700;
    font-size: 20px;
    color: rgba(255, 255, 255, 1);
    text-transform: none;
    letter-spacing: 1px;
    text-align: left;
}

.module-info_blocks-405 .module-item-1 .info-block {
    display: flex;
    flex-direction: unset;
    justify-content: flex-start;
    text-align: left; 
   padding-left: 5px;
     width: 100%;
}

.module-info_blocks-405 .module-item-2 .info-block {
    border-radius: 10px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(255, 255, 255, 1);
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    text-align: left;
    padding-left: 5px;
}

.module-info_blocks-405 .module-item-2 .info-block:hover {
    border-radius: 10px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(255, 255, 255, 1);
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    text-align: left;
    padding-left: 5px;
    border: 1px solid #fe4d00;
}



/*-----------------------Wisjlist and compare button font color white------------------------------------------------*/

.main-products.product-grid .product-thumb .btn-wishlist::before {
    display: inline-block;
    content: '\eb67' !important;
    font-family: icomoon !important;
    font-size: 15px;
    color: rgb(255 255 255);
}

.main-products.product-grid .product-thumb .btn-compare::before {
    display: inline-block;
    content: '\e926' !important;
    font-family: icomoon !important;
    font-size: 15px;
    color: rgb(251 251 251);
}


.pc-builder-component-container a.btn:hover {
    background-color: rgb(55 72 187) !important;
    color: white !important;
    box-shadow: none !important;
    cursor: pointer; /* or default if you don't want pointer hand */
    font-size: 13px !important;
   font-family: "Trebuchet MS", sans-serif !important;
    font-weight: 700 !important;
    text-transform: capitalize !important;
}


/* Disable all hover changes on Back and Reset buttons */

/* Normal Back button style (optional to enforce consistency) */
#pc-builder-browse a.btn.btn-default.pull-left.btn-top[href="https://giftly.com.bd/pc-builder"] {
    background-color: #fe4d00 !important;
    color: #ffffff !important;
    border: 1px solid #ccc !important;
  font-family: "Trebuchet MS", sans-serif !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    padding: 6px 12px !important;
    border-radius: 4px !important;
    margin-right: 5px !important;
    text-decoration: none !important;
    line-height: 1.42857143 !important;
    cursor: pointer !important;
    box-shadow: none !important;
    transition: none !important;
}

/* Disable all hover styles on Back button */
#pc-builder-browse a.btn.btn-default.pull-left.btn-top[href="https://giftly.com.bd/pc-builder"]:hover {
    background-color: #fe4d00 !important;
    color: #ffffff !important;
    border: 1px solid #ccc !important;
   font-family: "Trebuchet MS", sans-serif !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    padding: 6px 12px !important;
    border-radius: 4px !important;
    margin-right: 5px !important;
    text-decoration: none !important;
    line-height: 1.42857143 !important;
    cursor: pointer !important;
    box-shadow: none !important;
    transition: none !important;
    transform: none !important;
}


/* Normal Reset button style */
#pc-builder-browse a.btn.btn-default.pull-left.btn-top[href="https://giftly.com.bd/index.php?route=extension/pc_builder/pc_builder_search&pc_builder_component_id=2"] {
      background-color: #fe4d00 !important;
    color: #ffffff !important;
    border: 1px solid #ccc !important;
    font-family: "Trebuchet MS", sans-serif !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    padding: 6px 12px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    line-height: 1.42857143 !important;
    cursor: pointer !important;
    box-shadow: none !important;
    transition: none !important;
}

/* Disable all hover styles on Reset button */
#pc-builder-browse a.btn.btn-default.pull-left.btn-top[href="https://giftly.com.bd/index.php?route=extension/pc_builder/pc_builder_search&pc_builder_component_id=2"]:hover {
    background-color: #fe4d00 !important;
    color: #ffffff !important;
    border: 1px solid #ccc !important;
    font-family: "Trebuchet MS", sans-serif !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    padding: 6px 12px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    line-height: 1.42857143 !important;
    cursor: pointer !important;
    box-shadow: none !important;
    transition: none !important;
    transform: none !important;
}

/* Disable all hover styles onSearch button */

#pc-builder-browse.pc-builder-journal3.pcb-search-header #button-search {
        background-color: #fe4d00 !important;
    color: #ffffff !important;
font-family: "Trebuchet MS", sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  padding: 11px !important;
  border-radius: 0 !important;
  border: none !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transition: none !important;
}

#pc-builder-browse.pc-builder-journal3.pcb-search-header #button-search:hover,
#pc-builder-browse.pc-builder-journal3.pcb-search-header #button-search:focus,
#pc-builder-browse.pc-builder-journal3.pcb-search-header #button-search:active {
  background-color: #fe4d00 !important;
  color:#ffffff !important;
 font-family: "Trebuchet MS", sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  padding: 11px !important;
  border-radius: 0 !important;
  border: none !important;
  box-shadow: none !important;
  cursor: pointer !important;
  outline: none !important;
  transition: none !important;
  transform: none !important;
  text-decoration: none !important;
}



/* Disable all hover, focus, active effects for Add to PC Builder button */
/* Base styles for Add to PC Builder button */
#pc-builder-cart .btn-cart {
  background-color: #fe4d00 !important;;
  color: rgba(255, 255, 255, 1) !important;
font-family: "Trebuchet MS", sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  padding: 10px !important;
  border-radius: 3px !important;
  border: none !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transition: none !important;
}

/* Disable hover, focus, and active styles — keep same as base */
#pc-builder-cart .btn-cart:hover,
#pc-builder-cart .btn-cart:focus,
#pc-builder-cart .btn-cart:active {
  background-color: rgba(55, 73, 187, 1) !important;
  color: rgba(255, 255, 255, 1) !important;
 font-family: "Trebuchet MS", sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  padding: 10px !important;
  border-radius: 3px !important;
  border: none !important;
  box-shadow: none !important;
  cursor: pointer !important;
  outline: none !important;
  transition: none !important;
  transform: none !important;
  text-decoration: none !important;
}

/* Footer right side logo and title css*/
.module-info_blocks-452 .module-item-1 .info-block .info-block-title {
    font-family: "Trebuchet MS", sans-serif !important;
    font-weight: 700;
    font-size: 15px;
    color: rgba(255, 255, 255, 1);
    text-transform: uppercase;
    margin-bottom: 0px;
    display: block;
    margin-top: 10px;
}

.module-info_blocks-452 .module-item-2 .info-block-img {
    left: 0px;
    top: 2px;
    align-self: center;
}

.module-info_blocks-405 .module-item-1 .info-block
 {
    display: flex;
    flex-direction: unset;
    justify-content: flex-start;
    text-align: left;
    padding-left: 5px;
    width: 100%;
    border: 1px solid white;
}

.module-info_blocks-405 .module-item-1 .info-block:hover
 {
    display: flex;
    flex-direction: unset;
    justify-content: flex-start;
    text-align: left;
    padding-left: 5px;
    width: 100%;
    border: 1px solid #fe4d00;
}


* ...............Home page category icon width css..................*/


.module-title-345 .title-wrapper
 {
    text-align: center;
    text-align: center;
    margin-bottom: -20px;
    margin-top: 6px;
    padding-top: 10px;
    padding-bottom: 0px;
}
.module-title-396 .title-wrapper {
    text-align: center;
    padding-top: 10px;
    background: #e7e7e7e7;
    border-radius: 30px;
   height: 48px;
}
.module-title-453 .title-wrapper
 {
    text-align: center;
     background: #e7e7e7e7;
    padding-top: 12px;
    border-radius: 30px;
   height: 48px;
}

* .....Specification Table ............................................................*/
.module-blocks-355 .module-item-1 .block-content.table.tbody.td
 {
    border-width: 0 !important;
    border-bottom-width: 1px !important;
    border-style: solid !important;
    border-color: rgba(221, 221, 221, 0.45) !important;
    width: 50%;
}

* ....................................................................Specification table............................................................*
* ....................................................................Specification table............................................................*/

table>thead:first-of-type>tr>td {
    background: white;
}

#tab-specification table tbody td:first-child {
     white-space: nowrap;
    word-break: keep-all;
}

#pc-builder-browse > div:first-child {
    display: flex;
}



* ...........price-group css...........*/


.product-info .product-details .price-group .product-price-new {
font-family: "Trebuchet MS", sans-serif !important;
    font-weight: 700;
    font-size: 24px;
    color: rgb(248 39 0);
}



* .................Shopping Cart font CSS............................*/

checkout-success h1.title.page-title {
    color: #fe4d00 !important;
    font-family: 'YourFontName', sans-serif; /* optional */
}

.success-page-title {
    color: #fe4d00 !important;
    font-family: 'YourFontName', sans-serif;
}


.compare-buttons .btn-cart span {
 font-family: "Trebuchet MS", sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;

  color: inherit !important;
  background: none !important;
  border: none !important;
  text-decoration: none !important;
  box-shadow: none !important;
  cursor: default !important;
  transition: none !important;
}

/* Remove hover effect on the span  from prodcut page quick comapre table add to cart */
.compare-buttons .btn-cart span:hover {
  color: inherit !important;
  background: none !important;
  border: none !important;
  text-decoration: none !important;
  box-shadow: none !important;
  cursor: default !important;
  transition: none !important;
}

center > .btn-remove {
  display: none !important;
}

/* header cart, pc builder right css */
.desktop-header-active .header-classic .mid-bar .desktop-search-wrapper {
    order: 0 !important;
    order: 2;
    flex-grow: 1;
}


/* header  css */

.top-menu .dropdown.dropdown .j-menu>li>a {
    flex-direction: row;
    font-size: 13px;
    color: rgba(255, 255, 255, 1);
    text-transform: none;
    border-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    background: #fe4d00;
   padding-right: 15px;
   padding-left: 15px;
}

/* header  css for PC Builder */
.menu-item.top-menu-item.top-menu-item-2 > a {
   background-color: #fe4d00 !important;
    color: rgba(255, 255, 255, 1) !important;
    font-family: "Trebuchet MS", sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: none !important;
    pointer-events: auto; /* set to 'none' if you want it unclickable */
}

.menu-item.top-menu-item.top-menu-item-2 > a:hover {
    background-color: #fe4d00 !important;
    color: rgba(255, 255, 255, 1) !important;
   font-family: "Trebuchet MS", sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: none !important;
    text-decoration: none !important;
    cursor: default;
}

/* header  css for Sign In*/
.menu-item.top-menu-item.top-menu-item-3 > a {
    background-color: #000000 !important;
    color: rgba(255, 255, 255, 1) !important;
    font-family: "Trebuchet MS", sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: none !important;
    pointer-events: auto; /* set to 'none' if you want it unclickable */
}

.menu-item.top-menu-item.top-menu-item-3 > a:hover {
    background-color: #fe4d00 !important;
    color: rgba(255, 255, 255, 1) !important;
    font-family: "Trebuchet MS", sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: none !important;
    text-decoration: none !important;
    cursor: default;
}


/* header  css for PC Builder */
.menu-item.top-menu-item.top-menu-item-1 > a {
    background-color: #fe4d00 !important;
    color: rgba(255, 255, 255, 1) !important;
    font-family: "Trebuchet MS", sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: none !important;
  
}

.menu-item.top-menu-item.top-menu-item-1 > a:hover {
    background-color: #fe4d00 !important;
    color: rgba(255, 255, 255, 1) !important;
   font-family: "Trebuchet MS", sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: none !important;
   }

/* Product Grid padding css for category page*/

.main-products.product-grid
 {
    margin: -5px;
    margin-top: 3px;
    padding-right: 10px;
}

.refine-categories:not(.refine-carousel) {
    padding: 10px;
    padding-top: 0px;
    margin-top: 10px;
}


/* header cart  Prevent vertical wrapping of product name */

/* Prevent vertical wrapping of product name */
.cart-products .td-name a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 250px; /* Adjust as needed */
  vertical-align: middle;
  line-height: 1.4;
}

/* Ensure image and text align properly */
.cart-products .td-image img {
  max-width: 50px;
  height: auto;
  display: block;
}

/* Make the whole table behave */
.cart-products table {
  table-layout: fixed;
  width: 50%;
}

/* Optional: define column widths to avoid squishing */
.cart-products .td-image {
  width: 60px;
}
.cart-products .td-name {
  width: 250px;
}
.cart-products .td-qty,
.cart-products .td-total,
.cart-products .td-remove {
  width: 70px;
  white-space: nowrap;
  text-align: right;
  vertical-align: middle;
}

/* Product page Compare button add under buy now */

.route-product-product:not(.popup) .product-info .product-details .button-group-page .wishlist-compare
 {
    width: 71%;
    padding-right: 122px;
    padding-left: 0px;
    margin-left: 47px;
}


.top-menu-14 .j-menu li.top-menu-item-6>a:first-child {
  font-family: "Trebuchet MS", sans-serif !important;
    font-weight: 400;
    font-size: 13px;
    color: rgba(255, 255, 255, 1);
    background: #010210;
}

.top-menu-14 .j-menu li.top-menu-item-6>a:first-child:hover {
    font-family: "Trebuchet MS", sans-serif !important;
    font-weight: 400;
    font-size: 13px;
    color: rgba(255, 255, 255, 1);
    background: #fe4d00;
}

.route-product-compare #content table a {
    font-family: "Trebuchet MS", sans-serif !important;
    font-weight: 400;
    font-size: 15px;
    color: rgb(255 255 255);
}

.route-product-compare #content table a:hover {
   font-family: "Trebuchet MS", sans-serif !important;
    font-weight: 400;
    font-size: 15px;
    color: rgb(255 255 255);
}


/* 1) Make the link the positioning context */
.top-menu-14 .j-menu li.top-menu-item-6 > a:first-child,
.secondary-menu .top-menu .j-menu > li > a {
  position: relative;
  overflow: visible; /* just in case */
}

/* 2) Put the badge on the icon corner (left side of the link) */
.top-menu-14 .j-menu li.top-menu-item-6 > a:first-child .count-badge {
  position: absolute !important;
  top: -6px;              /* tweak to fit your icon */
  left: 26px;             /* ~ icon width; adjust 20–32px */
  margin: 0 !important;
  transform: none !important;
  z-index: 5;
  min-width: 18px;
  height: 18px;
  line-height: 18px;
  padding: 0 4px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* (optional) smaller badges look nicer on icons */

.top-menu-14 .j-menu li.top-menu-item-6 > a:first-child .count-badge {
  font-size: 11px;
}


#product-search h1,
#product-search h2,
#product-search .page-title {
    display: none !important;
}

#product-search #compare-total,
#product-search .compare-btn {
    display: none !important;
}

.route-product-search .grid-list {
  display: none !important;
}

.route-product-search .grid-list {
  display: flex !important;         /* keep block visible */
  align-items: center;
  justify-content: flex-start;      /* adjust position */
}

.route-product-search .grid-list * {
  display: none !important;         /* hide all children */
}

.route-product-search .grid-list::before {
  content: "Search";
  font-family: "Trebuchet MS", sans-serif !important;
  font-size: 14px;
  font-weight: 600;
  color: #000;
  Padding-left: 5px;
}

.pc-builder-container {
    max-width: 900px; /* or 1140px based on your layout */
    margin: 0 auto; /* Center horizontally */
    float: none; /* Prevent floating */
    Margin-top: 10px;
    Margin-bottom: 10px;
}

#extension-pc-builder-pc-builder.pc-builder-journal3 
.pc-builder-container 
.pc-builder-category-container 
.pc-builder-component-container 
.component-name {
    font-size: 13px;          /* balanced between 12px and 15px */
    font-weight: 600;         /* bold but not too heavy */
    color:  #fe4d00;              /* softer than pure black */
    margin-bottom: 4px;
    padding: 0;               /* no unnecessary padding */
    text-transform: none; /* optional: makes "Processor" look like a label */
    letter-spacing: 0.3px;    /* adds readability */
}

.module-blocks-355 ul.nav-tabs > li.active > a, .module-blocks-355 ul.nav-tabs > li.active > a:hover, .module-blocks-355 ul.nav-tabs>li.active>a:focus {
    background: #fe4d00 !important;
}


body,
.btn, .btn:visited,
body div,
Buy Now,
p, 
btn btn-primary,
span, 
a, 
li, 
input, 
button, 
select, 
textarea, 
.subtitle
.btn-text
h1, h2, h3, h4, h5, h6 {
    font-family: "Trebuchet MS", sans-serif !important;
}

#extension-pc-builder-pc-builder .pc-builder-container #total-container .total-amount,
#extension-pc-builder-pc-builder .pc-builder-container #total-container .total-amount div {
    color: #FFF !important;
}

#extension-pc-builder-pc-builder.pc-builder-journal3 .pc-builder-container .sub-heading {
    color: #0f3a8d;
    margin: 15px 0 0;
    font-weight: 600;
    text-align: left;
    white-space: nowrap;
}

.swiper-slide.swiper-slide-visible.swiper-slide-active {
      padding-right: 50px;
      padding-left: 20px;
}

.route-product-product:not(.popup) .product-info .product-left {
    background: rgba(255, 255, 255, 1);
    padding-top: 15px;
    padding-right: 30px;
}

.module-banners-321 .module-item.module-item-1 {
    padding-top: 0 !important;
    padding-bottom: 10px  !important;
}

/*Home page product display size small width 60% */

.product-thumb .product-img img {
    pointer-events: none;
    -webkit-transition: all 0.2s 
ease-out;
    transition: all 0.2s 
ease-out;
    width: 60%;
    height: auto;
}


.module-banners-321 .module-item:not(.swiper-slide) {
    /* padding: 5px; */
    width: 100%;
    padding-top: 0px;
    padding-bottom: 5px;
}

/*.............................................PC Builder  Padding css all................................../

#extension-pc-builder-pc-builder .pc-builder-container
 {
    border: 1px solid #dadada;
     padding-right: 60px !important;
     padding-left: 60px !important;
}

#extension-pc-builder-pc-builder 
.pc-builder-container 
.pc-builder-category-container 
.pc-builder-component-container {
    border: none !important;
}


#extension-pc-builder-pc-builder .pc-builder-container 
.pc-builder-category-container 
.pc-builder-component-container.pc-builder-component-container {
    border-bottom: 1px solid #eee !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

/* your old rules */


/* reset any borders/shadows (including pseudo-elements) */
#extension-pc-builder-pc-builder .pc-builder-container .pc-builder-category-container .pc-builder-component-container.pc-builder-component-container,
#extension-pc-builder-pc-builder .pc-builder-container .pc-builder-category-container .pc-builder-component-container.pc-builder-component-container::before,
#extension-pc-builder-pc-builder .pc-builder-container .pc-builder-category-container .pc-builder-component-container.pc-builder-component-container::after {
    border: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 0 !important;
    box-shadow: none !important;
    outline: none !important;
}

/* then add only the bottom border */
#extension-pc-builder-pc-builder .pc-builder-container .pc-builder-category-container .pc-builder-component-container.pc-builder-component-container {
    border-bottom: 1px solid #eee !important;
}



/* product option css */

.product-options .form-group .control-label {
    max-width: 125px;
    justify-content: flex-start;
    display: none;
}


.product-info .product-options .option-price {
    display: none;
    margin-left: 5px;
}


.product-info .product-options .push-option > div .option-value {
    margin-right: 18px;
    margin-bottom: 18px;
    min-width: 20px;
    min-height: 20px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(221, 221, 221, 1);
    border-radius: 2px;
    margin-top: 10px;
    padding: 10px;
}

.product-info .product-options .push-option .radio:first-child .option-value {
    border: 1px solid #fe4d00  !important;
    width: 100%;
}

/* Hover effect on first radio */
.product-info .product-options .push-option .radio:first-child .option-value:hover {
    background: #fe4d00;
    Color: #fff;
}

.product-info .product-options .push-option .radio:nth-child(2) .option-value {
 border: 1px solid #fe4d00  !important;
 width: 100%;
}
.product-info .product-options .push-option .radio:nth-child(2) .option-value:hover {
      background: #fe4d00;
    Color: #fff;
}



#tab-related_options .help-block {
    display: none !important;
}



/* When radio is selected → keep background fixed */
.product-info .product-options .push-option .radio input[type="radio"]:checked + .option-value {
    background-color: #fe4d00 !important;
    border: none !important;
    color: #fff; /* optional: makes text white for better contrast */
}

/* Optional: keep hover from changing background when selected */
.product-info .product-options .push-option .radio input[type="radio"]:checked + .option-value:hover {
    background-color: #fe4d00 !important;
    color: #fff; /* same as selected */
}


@media (max-width: 470px) {
    .module-info_blocks-452 .module-item:not(.swiper-slide)
 {
        padding: 0px !important;
        width: calc(100% / 1 - 0.01px);
        Padding-top: 5px;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}



/* Product option border css */

.route-product-product:not(.popup) .product-info .product-details .product-options {
    padding-top: 5px;
    padding-bottom: 10px;
    border-width: 0;
  /*  border-top-width: 1px;*/
    /* border-bottom-width: 1px; */
    border-style: solid;
    border-color: rgba(221, 221, 221, 1);
    order: 9;
}

/* Hide "Search in subcategories" and "Search in product descriptions" */
.route-product-search .checkbox {
    display: none !important;
}

.route-product-search .search-criteria-title,
.route-product-search .search-form {
    display: none !important;
}

/* Hide bottom search button */
.route-product-search .buttons {
    display: none !important;
}


/* Hide product code in product grid/list */
.product-grid .product-sku,
.product-list .product-sku {
  display: none !important;
}


.product-thumb .btn-compare {
    display: none !important;
}

.product-list .product-thumb .name {
    padding-left: 60px !important; /* updated from 90px to 50px */
    margin: 0;
    padding-top: 0;
    flex-grow: 0;
}


.product-thumb .middle .description {
    margin-top: 6px;
    color: #555;
    font-size: 14px;
    padding-left: 50px; /* added padding-left */
}

/* ---------- Place price + button a bit higher (like your screenshot) ---------- */

/* make the product row a positioned container */
.product-thumb {
  display: flex;
  align-items: flex-start;    /* keep children top-aligned */
  position: relative;         /* needed for absolute .right */
  padding: 15px;
  box-sizing: border-box;
}

/* reserve horizontal space so .middle text doesn't go under the absolutely-positioned .right */
.product-thumb .middle {
  flex: 1;
  padding: 0 15px;
  padding-right: 260px; /* = .right width (220) + gap (40). Adjust if you change .right width. */
  box-sizing: border-box;
}

/* position the right block absolutely so we can control vertical offset precisely */


.product-thumb .right {
  position: absolute;
  right: 20px;              /* distance from right edge */
  top: 45%;                 /* tweak this percent to move the block up/down */
  transform: translateY(-50%); /* centers the block at the top position; combined with top:45% => slightly above exact center */
  width: 220px;             /* same width you used previously */
  text-align: right;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  box-sizing: border-box;
}

/* keep price / old price and button spacing */
.product-thumb .right .price {
  margin-bottom: 10px;
}
.product-thumb .right .price-old { display:block; }
.product-thumb .right .btn { min-width: 180px; }

/* ---------------- Responsive: stack normally on small screens ---------------- */
@media (max-width: 767px) {
  .product-thumb { display:block; position:static; }
  .product-thumb .middle { padding-right: 15px; }
  .product-thumb .right { position: static; transform: none; width: auto; margin-top: 12px; text-align:left; }
}


.product-thumb .right .price {
    font-size: 18px;
    font-weight: bold;
    color: #d00;
    margin-bottom: 10px;
    padding-right: 57px;
}


#pc-builder-browse {
    background: #fff;
    padding: 5px;
    border: 1px solid #ddd !important;
    padding-left: 30p;
    margin-left: 24px;
    margin-right: 25px;
}


html:not(.popup) .product-info .product-right h1.title.page-title {
    color: #000 !important;
}

html:not(.popup) #common-success.container .row #content.col-sm-12 h1.title.page-title {
    color: #fe4d00 !important;  /* custom orange color */
    font-family: 'Noto Sans', sans-serif;
    font-size: 20px;  /* adjust as needed */
}




.product-thumb .middle .name a {
    font-size: 14px !important;
    font-weight: 600;
    color: #02020f !important;
}

/* Default button style */
.product-thumb .right .btn.btn-primary {
    background-color: #02020f !important;    /* Black background */
    color: #fff !important;               /* White text */
    border-color: #000 !important;
    font-family: "Trebuchet MS", sans-serif !important;
    font-size: 13px !important;
    font-weight: normal !important;
    text-transform: none !important;
}

/* Hover state */
.product-thumb .right .btn.btn-primary:hover {
    background-color: #fe4d00 !important; /* Orange background */
    color: #fff !important;
}

/* Visited state */
.product-thumb .right .btn.btn-primary:visited {
    background-color: #000 !important;
    color: #fff !important;
    font-family: "Trebuchet MS", sans-serif !important;
    font-size: 13px !important;
}


.component-product {
    font-size: 14px !important;
}


.product-thumb {
  background: #fff;
  margin-bottom: 20px;
  padding: 15px;
  border: 1px solid #eee;
  display: flex;
  flex-direction: column; /* instead of row */
  align-items: center;
  text-align: center;
  height: 100%; /* keeps cards equal */
}

.product-thumb .image {
  margin-bottom: 10px;
}

.product-thumb .middle {
  flex: 1;
  padding: 10px 0;
}

.product-thumb .right {
  margin-top: auto; /* sticks price + button to bottom */
  text-align: center;
}

.product-thumb .description ul,
.product-thumb .description li {
    text-align: justify;
}



/* =====================================================
   STRONG FIX: Place Add-to-Cart & Buy-Now side-by-side
   Anchored to .product-thumb bottom, responsive & zoom-safe
   Targets: module-products-336, module-products-449, subcategory (main-products)
   ===================================================== */
/* =====================================================
   FIX: Add-to-Cart & Buy-Now side-by-side
   Equal height, same line, responsive
   Targets: module-products-336, module-products-449, subcategory (main-products)
   ===================================================== */

/* Make product tile the anchor */
.module-products-336 .product-grid .product-thumb,
.module-products-449 .product-grid .product-thumb,
.main-products.product-grid .product-thumb {
  position: relative !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

/* Reserve bottom space */
.module-products-336 .product-grid .product-thumb .buttons-wrapper,
.module-products-449 .product-grid .product-thumb .buttons-wrapper,
.main-products.product-grid .product-thumb .buttons-wrapper {
  position: relative !important;
  padding-bottom: 64px !important;
  box-sizing: border-box !important;
}

/* Shared button group styles */
.module-products-336 .product-grid .product-thumb .cart-group,
.module-products-449 .product-grid .product-thumb .cart-group,
.main-products.product-grid .product-thumb .cart-group,
.module-products-336 .product-grid .product-thumb .extra-group,
.module-products-449 .product-grid .product-thumb .extra-group,
.main-products.product-grid .product-thumb .extra-group {
  position: absolute !important;
  bottom: 12px !important;
  height: 42px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  z-index: 30 !important;
}

/* Left = Add to Cart */
.module-products-336 .product-grid .product-thumb .cart-group,
.module-products-449 .product-grid .product-thumb .cart-group,
.main-products.product-grid .product-thumb .cart-group {
  left: 5px !important;
 width: calc(50% - 12px) !important; /* wider center gap */

}

/* Right = Buy Now */
.module-products-336 .product-grid .product-thumb .extra-group,
.module-products-449 .product-grid .product-thumb .extra-group,
.main-products.product-grid .product-thumb .extra-group {
  right: 5px !important;
 width: calc(50% - 12px) !important; /* wider center gap */

}

/* Buttons inside groups */
.module-products-336 .product-grid .product-thumb .cart-group .btn,
.module-products-449 .product-grid .product-thumb .cart-group .btn,
.main-products.product-grid .product-thumb .cart-group .btn,
.module-products-336 .product-grid .product-thumb .extra-group .btn,
.module-products-449 .product-grid .product-thumb .extra-group .btn,
.main-products.product-grid .product-thumb .extra-group .btn {
  width: 100% !important;
  height: 42px !important;
  padding: 0 5px !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: clamp(13px, 1.2vw, 15px) !important;
  font-weight: 600 !important;
  border-radius: 4px !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  border: none !important;
  transition: all 0.18s ease !important;
  font-family: "Trebuchet MS", sans-serif !important;
}

/* Extra inner padding for Buy Now text */
.main-products.product-grid .product-thumb .extra-group .btn:first-child .btn-text {
  display: inline-block;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

/* Add To Cart color */
.module-products-336 .product-grid .product-thumb .cart-group .btn,
.module-products-449 .product-grid .product-thumb .cart-group .btn,
.main-products.product-grid .product-thumb .cart-group .btn {
  background: #eee !important;
  color: fe4d00 !important;
}
.module-products-336 .product-grid .product-thumb .cart-group .btn:hover,
.main-products.product-grid .product-thumb .cart-group .btn:hover {
  background: #fe4d00 !important;
  color: #fff !important;
}

.module-products-449 .product-grid .product-thumb .cart-group .btn:hover
{
  background: #02020 !important;
  color: #fff !important;
}

/* Buy Now color */
.module-products-336 .product-grid .product-thumb .extra-group .btn,
.module-products-449 .product-grid .product-thumb .extra-group .btn,
.main-products.product-grid .product-thumb .extra-group .btn {
  background: rgb(2,2,15) !important;
  color: #fff !important;
}
.module-products-336 .product-grid .product-thumb .extra-group .btn:hover,
.module-products-449 .product-grid .product-thumb .extra-group .btn:hover,
.main-products.product-grid .product-thumb .extra-group .btn:hover {
  background: rgb(2,2,15) !important;
}

/* Hide wishlist/compare */
.module-products-336 .product-grid .product-thumb .wish-group,
.module-products-449 .product-grid .product-thumb .wish-group,
.main-products.product-grid .product-thumb .wish-group {
  display: none !important;
}
/* -------- Responsive behavior -------- */
@media (max-width: 1200px) {
  .module-products-336 .product-grid .product-thumb .btn,
  .module-products-449 .product-grid .product-thumb .btn,
  .main-products.product-grid .product-thumb .btn {
    font-size: clamp(12px, 1.1vw, 14px) !important;
    padding: 0 4px !important;
  }
}
@media (max-width: 540px) {
  .module-products-336 .product-grid .product-thumb .cart-group,
  .module-products-449 .product-grid .product-thumb .cart-group,
  .main-products.product-grid .product-thumb .cart-group,
  .module-products-336 .product-grid .product-thumb .extra-group,
  .module-products-449 .product-grid .product-thumb .extra-group,
  .main-products.product-grid .product-thumb .extra-group {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    margin-top: 6px !important;
  }

 /* Force buttons to full width */
  .module-products-336 .product-grid .product-thumb .btn,
  .module-products-449 .product-grid .product-thumb .btn,
  .main-products.product-grid .product-thumb .btn {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box;
    margin-bottom: 6px; /* optional spacing between buttons */
    font-size: clamp(12px, 1.1vw, 14px) !important;
    padding: 8px 0 !important; /* full width padding */
  }

  .module-products-336 .product-grid .product-thumb .buttons-wrapper,
  .module-products-449 .product-grid .product-thumb .buttons-wrapper,
  .main-products.product-grid .product-thumb .buttons-wrapper {
    padding-bottom: 0 !important;
  }
}

.main-products.product-grid.product-grid .product-thumb .extra-group {
    margin-top: initial;
    background: 02020f !important;

}

/* বড় স্ক্রিনে (ডেস্কটপে) একটু ছোট করো */
@media (min-width: 1200px) {
    .main-products.product-grid.product-grid .product-thumb .extra-group {
      background: 02020f !important;
    }
}

/* মাঝারি স্ক্রিনে (ল্যাপটপ/ট্যাব) */
@media (max-width: 992px) {
    .main-products.product-grid.product-grid .product-thumb .extra-group {
        background: 02020f !important;
    }
}

/* ছোট স্ক্রিনে (মোবাইল) */
@media (max-width: 576px) {
    .main-products.product-grid.product-grid .product-thumb .extra-group {
        width: 100% !important;
        background: black;
    }
}
.module-products-336 .product-grid.product-grid .product-thumb .extra-group {
    position: static;
    margin-top: initial;
 background: rgb(2,2,15) !important;
}
.module-products-449 .product-grid.product-grid .product-thumb .extra-group {
    position: static;
    margin-top: initial;
 background: rgb(2,2,15) !important;
}






.products-filter {
    background: rgba(255, 255, 255, 1);
    margin-top: -10px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    border-width: 0;
    border-bottom-width: 1px;
    border-style: solid;
    border-color: rgba(221, 221, 221, 1);
    margin-right: 10px !important;
}

/* Hide "Search in filter" */
.route-product-search .products-filter {
    display: none !important;
}

.route-product-search .breadcrumb {
    display: none !important;
}


    /* Use margin-left instead of padding to push button from left */
    margin-left: 290px; /* adjust this value as needed */
    
    /* remove padding if you want full-width content inside */
    padding-left: 0;
    padding-right: 0;
  }
}


@media (max-width: 425px) {
.main-products.product-grid .product-thumb .caption {
  width: 290px !important;
  }
}

div#pc-builder-browse
 {
    padding-right: 38px;
    margin-right: 6px;
}


.icons-menu.icons-menu-61
 {
    margin-left: -19px;
}

.header-search input {
    font-family: "Trebuchet MS", sans-serif !important;
    font-weight: 400;
    font-size: 15px;
    color: rgba(0, 0, 0, 1);
    background: rgba(255, 255, 255, 1) !important;
}
/* -----Short description key features alignment now ok----- */

.product-thumb .description ul, .product-thumb .description li {
    text-align: left;
}

/* ✅ Responsive fix for Confirm Order button */
@media (max-width: 767px) {

.product-thumb .description ul, .product-thumb .description li {
    text-align: left;
    color: #666666;
}


/* === FORCE NO LINE BREAK ON ALL SCREEN SIZES === */

.table-responsive {
    overflow-x: auto ;
    -webkit-overflow-scrolling: touch  !important;
}

.table-responsive table {
    white-space: nowrap !important;
    min-width: 1100px; /* 1030–1300 issue এখানেই solve */
}

.table-responsive th,
.table-responsive td {
    white-space: nowrap !important;
    word-break: keep-all !important;
}

/* Desktop বড় হলে auto-fit */
@media (min-width: 1400px) {
    .table-responsive table {
        min-width: 100%;
    }
}

}  /* CANVASIT-FIX: closes the @media (max-width:767px) above, which was never closed */

/* Mominul-Updated Code */
.secondary-menu .top-menu .j-menu > li > a{
	cursor: pointer !important;
}

html body .product-layout .product-thumb > .caption{align-self:stretch !important;}



/* ==========================================================
   CANVASIT-SPEC-TABLE: mobile specification table wrapping
   + justified product description
   Append to: canvasit-custom.css  (then bump ?v= in the <link>)
   ========================================================== */

@media (max-width: 767px) {

  /* stop the horizontal scroll container */
  #tab-specification .table-responsive { overflow-x: visible !important; }

  /* the old rule forced min-width:1100px + nowrap — undo both */
  #tab-specification table.table {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    white-space: normal !important;
    table-layout: auto !important;
  }

  /* let long values break onto a second line */
  #tab-specification table.table td,
  #tab-specification table.table th {
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
  }

  /* label column narrower so values get more room
     (:not([colspan]) skips the section-heading rows) */
  #tab-specification table.table tr > td:first-child:not([colspan]) {
    width: 36% !important;
  }
}

/* product description — justified on all screen sizes */
.block-description, .block-description *,
.block-short_description, .block-short_description * {
  text-align: justify !important;
}


/* ==========================================================
   CANVASIT-PAYMENT-OPTIONS  —  v2 (no EMI / no monthly)
   Append to: canvasit-custom.css   (then bump ?v=)
   ========================================================== */

/* .product-details is a flex column ordered by CSS `order`:
   title -100 | product-stats 2 | Key Features 2 | rating 5
   order:3 puts this block right after Key Features            */
.cit-pay-box { order: 3; }

h2.cit-pay-title,
.cit-pay-title {
  font-size: 18px !important;
  font-weight: 400 !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  color: #000 !important;
  line-height: 1.3 !important;
  border: 0 !important;
  text-transform: none !important;
}

.cit-pay-options { display: flex; padding: 0 0 20px; margin: 0; }

.cit-pay-options .p-wrap {
  position: relative;
  cursor: pointer;
  display: block;
  margin: 0;
  padding: 15px 15px 15px 55px;
  border: 1.78px solid #edf2f5;
  background: transparent;
}

.cit-pay-options .p-wrap.cash    { flex: 0 0 45%; margin-right: 15px; }
.cit-pay-options .p-wrap.regular { flex: 1 1 auto; }

.cit-pay-options .p-wrap.active { border-color: #f15a22; }

.cit-pay-options .p-wrap input[type="radio"] {
  position: absolute;
  left: 12px;
  top: 50%;
  margin: -10px 0 0;
  width: 24px;
  height: 24px;
  accent-color: #f15a22;
  cursor: pointer;
}

.cit-pay-options .price {
  font-size: 20px;
  font-weight: 700;
  color: #000;
  display: inline-block;
  padding: 0 0 5px;
  line-height: 22px;
}

.cit-pay-options .price-old {
  font-size: 18px;
  font-weight: 400;
  color: #666;
  text-decoration: line-through;
  margin-left: 6px;
}

.cit-pay-options .p-tag {
  font-size: 13px;
  font-weight: 400;
  color: #000;
  line-height: 20px;
  margin: 0;
  padding: 0;
}

/* class is cit-muted, NOT "fade" — Bootstrap's .fade sets opacity:0 */
.cit-pay-options .p-tag.cit-muted { color: #666; }

@media (max-width: 767px) {
  .cit-pay-options { flex-direction: column; }
  .cit-pay-options .p-wrap.cash { flex: 1 1 auto; margin: 0 0 10px; }
}

/* duplicate price below Payment Options — already shown in the cards */
.product-details .product-price-group { display: none !important; }