/* =========================================================
   AL HADEED COMPUTER & PRINTER TRADING - MAIN STYLESHEET
   Single shared CSS file. px units only. Spacing via padding.
========================================================= */
@media (min-width: 1500px){ .container{ max-width:1440px!important;} }
:root{--tred:#820000;--tred-dark:#6e0203;--tyellow:#ffc400;--tyellow-dark:#e6b000;--tgreen:#25a244;--twhats:#25d366;--tdark:#222222;--tgrey:#666666;--tgreybg:#f4f4f4;--tbordergrey:#e2e2e2;--twhite:#ffffff;--tfont:'Roboto', sans-serif; 
--yellow01:#ffcc00;
--grey:#6F6F6F;}
*{box-sizing:border-box;}
body{font-family:var(--tfont);color:var(--tdark);font-size:14px;line-height:22px;padding:0;background:var(--twhite);}
a{text-decoration:none;color:inherit;}
a:hover{text-decoration:none;}
ul{list-style:none;padding:0;}
img{max-width:100%;}
.ttextcenter{text-align:center;}
.text-red{color:#820000;}
.bgred{background:#820000;}
.bgyellow{background:#ffcc00;}
/* ---- Shared heading classes ---- */
.theading{font-size:18px;font-weight:600;color:var(--tdark);padding-bottom:12px;}
.theading01{font-size:22px;font-weight:700;color:var(--tred);letter-spacing: 1px;}
.theading02{font-size:32px;font-weight:700;color:#000000;letter-spacing: 1px;}
@media (max-width:1199px){.theading02{font-size: 22px;}}
.tinheading{font-size: clamp(22px, 2.4vw, 32px); font-weight: 500; text-align: left; color: var(--tred); line-height: 1;}
.tsubheading01 {font-size: clamp(15px, 2vw, 17px); font-weight: 700; color: #333333; line-height: 28px;}


.tbreadcrum {font-size: 13.59px; font-weight: 400; color: #444;
line-height: 1;}
.tbreadcrumactive{color: var(--tred);}
.ttext{font-size: 16px; font-weight: 400;text-align: justify;
 color: #777777;line-height: 25px;}
@media (max-width:991px){.ttext{font-size: 14px;}}
/* ---- Shared button ---- */
.tbtn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:13px;font-weight:600;padding-top:9px;padding-bottom:9px;padding-left:14px;padding-right:14px;border-radius:3px;border:none;cursor:pointer;}
.tbtn-whats{background:var(--tgreen);color:var(--twhite);}
.tbtn-whats:hover{background:#1e8a38;color:var(--twhite);}
.tbtn-cart{background:var(--tred);color:var(--twhite);}
.tbtn-cart:hover{background:var(--tred-dark);color:var(--twhite);}

/* =========================================================
   TOP BAR
========================================================= */

.tsitehead{position:sticky;top:0;z-index:1000;background:var(--twhite); border-bottom: 1px solid #fffae5;}
.tsitehead.is-scrolled .ttopbar{padding:8px 0;}
.tsitehead.is-scrolled .ttoplogo img{height:auto;}
@media(max-width:991px){
.tsitehead{position:sticky;top:0;}
.tsitehead.is-scrolled .ttopbar{padding:8px 0;}
}

.ttopbar{background:var(--twhite);padding:14px 0;}
.ttopbar-in{display:flex;align-items:center;justify-content:space-between;gap:20px;}
.ttoplogo img{height:auto;}
.ttopcontact{padding-left:10px; display:flex; flex-direction:column;gap:10px;}
.tcontactline{font-size:20px;font-weight:700;color:var(--tred);line-height:1;}
.tcontactline a{color: #444;}
.tcontactline a:hover{color:#000;}
.tcontactsub{font-size:14px;font-weight: 400;color:var(--grey);padding:0;line-height:1;text-transform: uppercase; letter-spacing: 1px;}
.ttopsearch{flex:1;max-width:340px;}

/* ===== Search suggestions dropdown (searchajax.php results) - paste into css/style.css ===== */
.tsearchform{position:relative;}
.tsearchhead{font-size: clamp(22px, 2.4vw, 28px); font-weight: 600; text-align: left; line-height: 1;}
.tsearchresultsdrop{display:none;position:absolute;top:100%;left:0;right:0;background:var(--twhite);border:1px solid var(--tbordergrey);border-top:none;max-height:320px;overflow-y:auto;z-index:150;box-shadow:0 8px 14px rgba(0,0,0,.12);}
.tsearchresultsdrop.tshow{display:block;}
.ttextsearch{display:block;font-size:13px;color:var(--tdark);padding-top:10px;padding-bottom:10px;padding-left:14px;padding-right:14px;border-bottom:1px solid var(--tbordergrey);}
.ttextsearch:last-child{border-bottom:none;}
.ttextsearch:hover{background:var(--tgreybg);color:var(--tred);}

.tsearchform{display:flex;overflow:hidden;border:1px solid #ced4da}
.tsearchinput{flex:1;border:none;outline:none;padding: 6px 12px;font-size:16px; font-weight: 400; color:#9B9B9B; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
.tsearchbtn{background:var(--tred);color:var(--twhite);border:none;padding:9px 12px;font-size:14px;font-weight: 500;transition: .5s;cursor:pointer;}
.tsearchbtn:hover{background:var(--tred-dark);}
.tsearchform:focus-within {border-color: #820000;}
.ttopuser{display:flex;align-items:center;gap:20px;white-space:nowrap;position:relative;}
.ttopuserwrap{position:relative; display: flex; align-items: center; gap: 20px;}
.ttopuserlink{font-size: 15px;color: #820000;font-weight: 400;cursor:pointer;display:flex;align-items:center;gap:3px;}
.ttopuserlink i	{font-size: 20px;}
.ttopcartlink{font-size: 15px; color: #820000;font-weight: 400;display:flex;align-items:center;gap:8px;}
.tcartcount{height: 22px;width: 22px; background: #820000;border: 1px solid #ffffff;outline: 1px solid #820000;padding: 2px;text-align: center;color: #ffffff;font-size: 15px; line-height: 1.1;}
/* Login/Signup/My Account hover panel - one shared panel for the whole ttopuserwrap */
.tloginpanel{display:none;position:absolute;top:100%;left:-5%;background:var(--twhite);border:1px solid #820000; width:350px; padding:25px 40px;box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;z-index:120;margin-top: 8px; box-sizing:border-box; overflow-wrap:break-word;}
/* Prevent dropdown from disappearing while moving mouse into the panel */
.tloginpanel::before { content: ""; position: absolute; top: -9px; left: 0; width: 100%; height: 9px;}
.ttopuserwrap:hover .tloginpanel{display:block;}
.tloginpaneltitle{ font-size: 14px; color: #333333;}
.tloginpaneltext{font-size:16px;font-weight:400;color:#777;padding-bottom:14px;line-height:25px;text-align:justify;width:100%;max-width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere;word-break:break-word;}
.tloginpanelbtns{display:flex;gap:25px;}
.tloginpanelbtns .tbtn{flex:1; font-size: 16px;font-weight: 500;}
.tbtn-loginoutline{background:var(--twhite);color:var(--tred);border:1px solid var(--tred); border-radius: 0px;}
.tbtn-loginoutline:hover{background:var(--tred);color:var(--twhite);}

.tmodaheadingsub{color:#333333;font-size:18px;text-align:left!important;}
.ttextbluealert{font-size:11px;color:#3D2F91;font-weight:normal;line-height:20px;text-align:justify;}
.tmodalgray{color:#333333;font-size:12px;}
#ModalSignup select.form-control{color:#000!important;font-size:16px;height:38px;padding:6px 12px;text-indent:0;appearance:auto;-webkit-appearance:menulist}
#ModalSignup select.form-control option{color:#000!important;background:#fff!important;display:block}
/* MY ACCOUNT list, shown inside .tloginpanel instead of the login/signup buttons when a member session exists */
.tmyaccountlinks{list-style:none;margin:0;padding:0;}
.tmyaccountlinks li{border-top:1px solid var(--tbordergrey);}
.tmyaccountlinks li:first-child{border-top:none;}
.tmyaccountlinks li a{display:flex;align-items:center;gap:8px;font-size:16px;color:#000;border-bottom: 1px dashed #820000;
    padding: 5px 0px;}
.tmyaccountlinks li a:hover{color:var(--tred);}
.tmyaccountlinks li i{color:var(--tred);font-size:16px;}

/* Main nav */
.tmainnav{background:var(--tred);position:relative;}
.tmainnav-in{display:flex;align-items:center;gap:0;position:relative;}
.thamburger{display:none;background:none;border:none;color:var(--tred);font-size:20px;padding:14px 0;padding-left:16px;padding-right:12px;cursor:pointer;}
.tallcatbtn{background:var(--yellow01);color:var(--tred);border:none;font-size: 16px;font-weight:700;line-height: 1.5; padding:20px 20px; cursor:pointer;white-space:nowrap; width: 250px;text-align: left;}
.tallcatbtn i{color:var(--tred);}
.tallcatwrap {position: static;}
.tnavlist{display:flex;margin:0;padding:0;list-style:none;}
.tnavitem{position: static;}
.tnavitem.bgyellow>.tnavlink{background:var(--tyellow);color:var(--twhite);}
.tnavlink{display:flex;align-items:center;gap:7px;font-size: 16px;font-weight: 700;color:var(--twhite);padding:20px 25px;white-space:nowrap; line-height: 1.5;}
.tmainnav-in .tnavdropdown{display:none;position:absolute;top: 58px;left:0; right:0;width:100%; background:#f0ebd3;box-shadow:0 5px 6px 0 rgba(0,0,0,.18);z-index:115; padding:38px 25px 25px 25px;}
.tnavitem:hover>.tnavdropdown,.tnavitem.tshow>.tnavdropdown{display:block;}
.tnavdropdown a{display:block;font-size: 14px;color: #656565;font-weight: 400;position: relative;padding: 5px 0px 5px 0px;white-space:nowrap;}
.tnavdropdown a:hover{color:var(--tred);}
.tnavdropdown .tcatsubblock{padding-bottom:10px;}
/* ALL CATEGORIES mega flyout */
.tcatmega{display:none; position:absolute;top:100%;left:0;z-index:110; width: 100%;}
.tallcatwrap:hover .tcatmega,.tallcatwrap.tshow .tcatmega{display:block;}
.tcatmega-primary{width:250px; height:89.3vh;background:var(--yellow01); border-left:3px solid #820000;border-bottom-left-radius: 3px;box-shadow: 0 5px 6px -2px rgba(0, 0, 0, .18); z-index: 99999; padding-top:10px;}
.tcatmega-item {position: static;}
.tcatmega-item>a{display:flex;align-items:center;justify-content:space-between;font-size:15px;font-weight:500;color:var(--tred);padding:20px 20px; text-transform: uppercase; outline: none;}
.tcatmega-item>a:after {content: '\f105';color: var(--tred);font-size: 13px; font-weight:400;    right: -8px;position: relative;pointer-events: none;font-family: FontAwesome;}
.tcatmega-item:hover>a,.tcatmega-item.tactive>a{background:var(--tred);color:var(--twhite);}
.tcatmega-item:hover>a:after{color:var(--twhite);}
.tcatmega-sub{display:none;position:absolute;left:250px; bottom:0; top:0;height:89.3vh;background:#f0ebd3; padding:10px 15px 0px 15px; width: calc(100% - 250px); overflow-y:auto;}
.tcatmega-item:hover .tcatmega-sub,.tcatmega-item.tactive .tcatmega-sub{display:block;}
.tcatmega-sub a{display:block;font-size: 14px;line-height: 26px; color: #656565;font-weight: 400;padding: 18px 15px 20px 15px;}
.tcatmega-sub a:hover{color:var(--tred);}
.tcatmega-sub .tcatsubblock{padding-bottom:4px;}

/* Shared leaf-link / subcategory-heading styles - used in the mega panel, the per-item nav dropdowns, and reused visually by the mobile sub-sub headings */
.tcatleaf{display:block;font-size:13px;color:#656565;padding-top:6px;padding-bottom:6px;}
.tcatleaf i{color:var(--tred);padding-right:4px;}
.tcatleaf:hover{color:var(--tred);}
.tcatsubhead{display:block;font-size:14px;font-weight:600;color:var(--tdark);padding-top:12px;padding-bottom:6px;}
.tcatsubhead:hover{color:var(--tred);}
.tcatsub2head{display:block;font-size:13px;font-weight:500;color:var(--tdark);padding-top:8px;padding-bottom:4px;padding-left:10px;}
.tcatsub2head:hover{color:var(--tred);}
.tcatsub2wrap{padding-left:10px;}

/* off-canvas panel base (must exist for the slide-in to work) */
.tmobileoverlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:transparent;z-index:999;}
.tmobileoverlay.tshow{display:block;}
.tmobile-open{overflow:hidden;}
.tmobilemenu{position:fixed;top:0;left:0;bottom:0;width:258px;max-width:80vw;background:var(--tred);z-index:1101;transform:translateX(-100%);transition:transform .25s ease;overflow-y:auto;}
.tmobilemenu.tshow{transform:translateX(0);}
.tmobilemenulist{margin:0;padding:0;list-style:none;}

/* ===== MOBILE HEADER + MOBILE MENU (screens below 992px) ===== */
.tmobilehead{padding:16px 15px 12px 15px;background:var(--twhite);}
.tmobiletop{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;}
.tmhamburger{background:#fff;border:0;padding:0;line-height:0;flex:0 0 auto;cursor:pointer; transition:transform .25s ease;}
.tmhamburger{position:relative;z-index:1102;}
body.tmobile-open .tmhamburger{transform:translateX(calc(min(258px, 80vw) - 15px));background:#fff; width:60px; height:60px;}
.tmhamburger img{width:26px;height:auto;display:block; margin:0px auto;}

.tmobilelogo{flex:1;display:block;padding-left:4px;}
.tmobilelogo img{height:auto;width:auto;}
.tmobileicons{display:flex;align-items:center;gap:12px;}
.tmobileicon{display:flex;align-items:center;justify-content:center;gap:10px;position:relative;flex:0 0 auto;font-size:20px;line-height:1;color:var(--tred);}
.tmobilesearch{width:100%;}
.tmobilesearch .tsearchinput{width:100%;}

/* off-canvas panel: root view + N levels of sub views (content slides, same as original) */
.tmobilemenu{width:258px;}
.tmobileview{display:none;}
.tmobilemain{display:block;}
.tmobilemenu{overflow-x:hidden;}
.tmobilemenu .tmobilesubview{display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:var(--tred);transform:translateX(-100%);visibility:hidden;transition:transform .25s ease,visibility 0s linear .25s;}
.tmobilemenu.tsubopen .tmobilesubview.tactive{transform:translateX(0);visibility:visible;transition:transform .25s ease,visibility 0s linear 0s;}
.tmobilemenu .tmobilemenuhead{display:block;width:100%;background:none;border:0;border-bottom:0;text-align:center;color:var(--twhite);font-size:14px;font-weight:700;letter-spacing:0;line-height:19px;padding:18px 20px 12px 20px;}

.tmobilemenu .tmobilemenulist li{border:0;}
.tmobilemenu .tmobilemenulist>li.bgyellow>a,.tmobilemenu .tmobilemenulist>li.bgyellow>span{background:var(--tyellow);color:var(--twhite);}
.tmobilemenu .tmobilemenulist>li>a,.tmobilemenu .tmobilemenulist>li>span{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:500;line-height:19px;text-transform:uppercase;color:var(--twhite);padding:9px 22px 9px 22px;cursor:pointer;}
.tmobilemenu .tmobilemenulist>li>span:hover,.tmobilemenu .tmobilemenulist>li>span:active,.tmobilemenu .tmobilemenulist>li>a:hover{background:var(--tyellow);color:var(--tdark);}
.tmobilemenu .tmobilesubview .tmobilemenulist>li>a{display:block;padding:9px 90px 9px 43px; line-height:35px;}
.tmobilemenu .tcaret{display:inline-block;width:0;height:0;border-left:6px solid var(--twhite);border-top:4px solid transparent;border-bottom:4px solid transparent;}
/* Deepest mobile level: a subcategory2's own plain-text heading above its Renewed/Brand New links */
.tmobilesub2head{font-size:12px;font-weight:700;color:var(--twhite);opacity:.8;padding-top:13px;padding-bottom:4px;padding-left:43px;text-transform:uppercase;}

/* Login / Signup / Forgot Password modals */
.tauthmodal .modal-content{border-radius:4px;border:none;}
.tauthmodaltitle{font-size: 18px; color: #333; font-weight: 500;}
.tauthmodal .modal-body{font-size: 18px;color: #820000; font-weight: 400;padding: 30px;}
.tauthintro{padding-bottom:14px; color: #333333;font-size: 18px; font-weight:700;}
.tauthfield{margin:0;padding-bottom:14px;}
.tauthcountry{max-width:180px;}
.tauthfield label{display:block;font-size:12px;font-weight:600;color:var(--tdark);padding-bottom:6px;}
.tauthfield input,.tauthfield select,.tauthfield textarea{width:100%;border:1px solid var(--tbordergrey);font-size:16px;padding: 6px 12px; font-weight: 400;line-height: 1.5; color: #9B9B9B !important; background-color: #fff;background-clip: padding-box; border: 1px solid #ced4da; appearance: none; border-radius: 0px !important; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
.tauthfield input:focus, .tauthfield select:focus, .tauthfield textarea:focus { border-color: #820000; box-shadow: none;outline: none;color: #9B9B9B;}
.tauthrow{display:flex;gap:10px;}
.tauthrow .tauthfield{flex:1;}
.tauthforgot{font-size:13px;font-weight:700;color:var(--tred);float:right;}
.tauthsubmitbtn{width:100%;background:var(--tred);color:var(--twhite);border:none;border-radius:0px;font-size:19px;font-weight:700;     line-height: 10px; padding:20px 16px 20px 16px;cursor:pointer;}
.tauthsubmitbtn:hover{background:var(--tred-dark);}
.tauthswitch{text-align:center;font-size: 12px; color: #333333; font-weight:600;}
.tauthswitch span{color:var(--tred);cursor:pointer;}
.modal-footer .tauthswitch {width: 100%; text-align: center; margin: 0;}
.tauthnote{font-size: 14px; color: #3D2F91;font-weight: normal;line-height: 20px;text-align: justify;}

.tauthinfo{display:block;color:#d00;font-size: 18px; line-height: 2; font-weight: 400;}
.tauthfield select{color:#333;}

/*****login page******/
.tloginpage{padding-top:14px;padding-bottom:30px;}
.tloginpagehead{font-size:26px;font-weight:700;color:var(--tred);padding-top:10px;padding-bottom:10px;}
.tloginbreadcrumb{font-size:13px;color:var(--tgrey);padding-top:10px;padding-bottom:10px;}
.tloginbreadcrumb a{color:var(--tgrey);}
.tloginbreadcrumb a:hover{color:var(--tred);}
.tloginbreadcrumb span{color:var(--tred);font-weight:600;}
.tloginbox{border:1px solid var(--tbordergrey);border-radius:4px;padding:24px 12px; width:100%;}
.tloginboxhead{font-size:16px;font-weight:700;color:var(--tdark);padding-bottom:18px;}
.tloginerrbox{font-size:16px; font-weight:400; line-height:1.5;padding:14px 14px;margin-bottom:18px;}
.tloginfield{padding-bottom:16px;}
.tloginpage .tcaptcha{padding-bottom:16px;  flex-shrink: 0;}
.tloginpage .tauthsubmitbtn {
    margin-left: auto;
}
.tauthforgot{cursor:pointer;}
.tauthswitch span,.tauthswitch b{cursor:pointer;}

@media (min-width:1400px) and (max-width:1499px){
.tcontactline {font-size: 17px;}
.tcontactsub{letter-spacing: 0px;}
}
@media (min-width:992px) and (max-width:1399px){
.tallcatbtn, .tnavlink{padding:15px 15px;font-size: 14px;font-weight: 500;}
}
@media (min-width:992px) and (max-width:1199px){
.tloginpanel{left:-50%;}
}
@media(max-width:991px){
.thamburger{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;background:none;border:none;color:var(--tdark);font-size:22px;padding:12px 14px;cursor:pointer;}
.tallcatbtn{display:none;}
.tnavlist{display:none;}
.tcatmega,.tnavdropdown{display:none !important;}
.ttopbar-in{gap:12px;}
.ttoplogo{flex:1;}
.ttopcontact,.ttopsearch,.ttopuser{display:none;}
}
@media(max-width:991px){
.tsitehead.is-scrolled .tmobilesearch{display:none;}
.tsitehead.is-scrolled .tmobiletop{padding-bottom:0;}
}
@media(min-width:992px){
.thamburger{display:none;}
.tmobilemenu,.tmobileoverlay{display:none !important;}
}


/*Signup verification*/
.tsumsg{font-size:13px;padding:8px 12px;border-radius:3px;margin-bottom:12px;}
.tsubad{color:#dc3545;border:1px solid #dc3545;}
.tsugood{color:#198754;border:1px solid #198754;}
.tsulinks{text-align:center;font-size:13px;margin:6px 0 0 0;}
.tsulink{background:none;border:0;padding:0;color:#820000;font-size:13px;cursor:pointer;text-decoration:underline;}

/* =========================================================
   FEATURE BAR
========================================================= */
.tfeaturebar{background:var(--twhite);padding:14px 0;}
.tfeaturebar-in{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;}
.tfeatureitem{text-align:center;flex:1;min-width:180px;}
.tfeaturetitle{font-size: 16px;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;line-height: 22px;color:var(--tred);padding:0;}
.tfeaturesub{font-size: 14px;font-weight: 400;text-transform: uppercase;letter-spacing: 1px;line-height: 22px;color:var(--tgrey);padding:0;}

@media (max-width: 1199px) {
.tfeatureitem {flex: 0 0 calc(50% - 7px);min-width: 0;padding-bottom: 16px;}
.tfeatureitem:nth-last-child(-n+2) { padding-bottom: 0;}
}

/* =========================================================
   BANNER SLIDER
========================================================= */
.tbannerswiper{margin-left:auto;margin-right:auto;position:relative;}
.tbannerswiper img{width:100%;}
.tbannernav{color:var(--tred);}
.tbannernav:after{font-size:22px;}
.tbannerpag{padding-bottom:10px;}
.tbannernav.swiper-button-prev,.tbannernav.swiper-button-next{position:absolute;top:48%;bottom:0;width:15%;height:100%;margin-top:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:0;color:#fff;text-align:center;background:none;border:0;opacity:.5;transition:opacity .15s ease;}
.tbannernav.swiper-button-prev{left:0;right:auto;}
.tbannernav.swiper-button-next{right:0;left:auto;}
.tbannernav.swiper-button-prev:hover,.tbannernav.swiper-button-prev:focus,.tbannernav.swiper-button-next:hover,.tbannernav.swiper-button-next:focus{color:#fff;text-decoration:none;outline:0;opacity:.9;}
.tbannernav::after{font-size:28px;}

.tbannerpag .swiper-pagination-bullet { width: 30px; height: 3px; border-radius: 0; cursor: pointer; background-color: #fff; opacity: 0.5; transition: opacity 0.6s ease;}
.tbannerpag .swiper-pagination-bullet-active {opacity: 1;}

@media (max-width: 991.98px) {
.tbanner > .container{max-width: 100%; width: 100%;padding-left: 0;padding-right: 0; --bs-gutter-x: 0;}
}


/* =========================================================
   STATS STRIP
========================================================= */
.tstatsstrip{padding-top:32px;padding-bottom:10px;}
.tstatsgrid{display:flex;gap:20px;flex-wrap:wrap;}
.tstatcard{flex:1;min-width:260px;display:flex;align-items:center; justify-content:center;gap:24px;border-radius:8px;padding: 40px 40px;}
.tstatcard-a{background:#fbe6d3;}
.tstatcard-b{background:#eef6cf;}
.tstatcard-c{background:#f6e2f5;}
.tstaticon{height: auto; max-width: 50px;object-fit:contain;}
.tstatnum{font-size: 22px; color: #820000;font-weight: 700; letter-spacing: 1px;}
.tstatsub{font-size: 14px; color: #6F6F6F; font-weight: 400; text-transform: uppercase; letter-spacing: 1px;}

@media (max-width: 1199px) {
.tstatcard{flex-direction:column;}
.tstat-desc{display:flex; flex-direction:column; align-items:center; justify-content:center;}
}
@media (min-width:768px) and (max-width:991.98px){
.tstatsgrid{justify-content:center;}
.tstatcard{flex:0 0 calc((50% - 10px));}
}

/* =========================================================
   BRANDS STRIP
========================================================= */
.tbrandsstrip .brands-swiper{padding-top:6px;padding-bottom:6px;}
.tbrandsstrip .swiper-slide{width:auto;padding-left:10px;padding-right:10px;}
.tbrandsstrip .tbrandcard{display:inline-block;border: 1px solid #dddddd;padding: 10px;}
.tbrandsstrip .tbrandcard img{max-height:90px;width:auto;margin-left:auto;margin-right:auto;}
/* Static layout when 4 or fewer brands */
.brands-static .swiper-wrapper {display: flex; justify-content: center; align-items: center; transform: none !important;}
.brands-static .swiper-slide { width: auto !important;  flex-shrink: 0;}
@media(max-width:767px){.tbrandsstrip .brands-swiper{padding-top:30px;padding-bottom:30px;}
}

/* =========================================================
   SPECIAL OFFERS
========================================================= */
.toffers{background-image:url("../img/specialofferbg.jpg");background-position:center;background-size:cover;background-attachment:fixed;background-repeat:no-repeat;padding-top:36px;padding-bottom:40px;position:relative;}
.toffers-title{color:var(--twhite);text-align:left;padding-bottom:24px;}
.toffers .toffersswiper{padding-top:4px;padding-bottom:4px;overflow:hidden;}
.toffers .swiper-wrapper{align-items:stretch;}
.toffers .swiper-slide{height:auto;}
.toffers .swiper-slide .boxpadding{width:100%;max-width:100%;flex:0 0 100%;padding-left:0;padding-right:0;height:100%;}
.toffersarrow{display:flex;align-items:center;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:none;border:0;padding:0;color:#ffcc00;opacity:.75;z-index:10;cursor:pointer;transition:opacity .2s ease;}
.toffersarrow:hover{opacity:1;}
.toffersarrow svg{width:40px;height:40px;display:block;fill:currentColor;}
.toffersarrow-prev{left:10%;}
.toffersarrow-next{right:10%;}
.toffersarrow.swiper-button-disabled{opacity:.3;cursor:default;}
@media (min-width:1700px) and (max-width:1899px){.toffersarrow-prev{left:6%;}.toffersarrow-next{right:6%;}}
@media (min-width:1500px) and (max-width:1699px){.toffersarrow-prev{left:2%;}.toffersarrow-next{right:2%;}}
@media (min-width:1200px) and (max-width:1499px){.toffersarrow-prev{left:1%;}.toffersarrow-next{right:1%;}}
@media(max-width:1199px){.toffersarrow{display:none;}}

/* ===== PRODUCT CARD  ===== */
.boxpadding{padding-top:10px;padding-bottom:10px;}
.card{border: 1px solid #820000;border-radius:0;overflow:hidden;height:100%;display:flex;flex-direction:column; padding:20px;color:var(--tdark);}
.card-header{padding: 20px 0px 15px 0px; margin-bottom: 0;background-color: #ffffff!important; border-bottom: 1px solid #cccccc!important;}
.card-header img{height:auto; width:100%;object-fit:contain;margin-left:auto;margin-right:auto;}
.tdiscount, .tnew{position:absolute;top:0px;font-size:14px;font-weight:500;border-radius:0;padding: 8px 8px; margin:0; text-align:center;min-height: 22px; min-width: 60px;}
.tdiscount{left:0px;background:var(--tyellow);color:var(--tdark);}
.tnew{right:0px;background:var(--tgreen);color:var(--twhite); }
.card-body{padding:0;}
.card-title{font-size: 18px; color: #333333; font-weight: 600; line-height: 25px; padding: 20px 0px 5px 0px;}
.tcardspec{list-style:disc;}
.tcardspec li{font-size: 15px; color: #777777; font-weight: 400; line-height:26px; margin-left: auto; margin-right: auto; list-style: none; list-style-image: url(../img/icon-greentick.jpg);}
.card-footer{margin-top:auto;background:var(--twhite);    padding: 0px; border-top: none !important;}
.cardbodyborder{border-bottom:1px solid var(--tbordergrey);}
.tpricestrike{font-size: 16px; color: #E01F27; font-weight: 500;
line-height: 22px;text-decoration: line-through #E01F27;}
.tprice{font-size: 22px; color: #000000; font-weight: 500; line-height: 28px; text-align:right;}
.tproductmsg{font-size:12px;color:var(--tgrey);line-height:17px;padding-top:8px;padding-bottom:8px;}
.tproductmsglink{color:#1a56db;}
.whatsappbutton{width:100%;font-size: 16px;color: #ffffff;background-color: #45C76C;border-radius: 0px;padding:10px 5px 10px 5px;border-right: 1px solid #ffffff;line-height: 20px;}
.whatsappbutton:hover{color:#FFFFFF; background-color:#820000; border-right: 1px solid #ffffff;}
.addcartbutton{width:100%; font-size: 16px; color: #ffffff; background-color: #820000; border-radius: 0px; padding: 10px 5px 10px 5px; border-right: 1px solid #ffffff; line-height: 20px;}
.addcartbutton:hover{color:#FFFFFF; background-color:#333333;}
.btn-block { display: block; width:100%; }
.toffers .swiper-slide .boxpadding{width:100%;max-width:100%;flex:0 0 100%;padding-left:0;padding-right:0; height:100%;} 


/* =========================================================
   TOP CATEGORIES
========================================================= */
.ttopcatgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.ttopcategories .ttopcatcard{position:relative;display:block;text-decoration:none; padding-bottom:5px;}
.ttopcategories span.ttopcatcard{cursor:default;}
.ttopcategories .ttopcatimgwrap{position:relative;overflow:hidden;}
.ttopcategories .ttopcatimgwrap img.ttopcatphoto{width:100%;height:auto;object-fit:cover;display:block;}
.ttopcategories .tdotstop{position: absolute; right: 30px; top: 0px;z-index: 2;}
.ttopcategories .tdotsbottom{position: absolute; left: 30px; bottom: 0px;z-index: 2;}
.ttopcategories .ttopcatlabel{position: absolute; left: 0;right: 0;bottom: 36px; display:block;text-align:center;    font-size: 22px;color: #000000;font-weight: 700;}

@media (max-width: 1199px) {
.ttopcategories .ttopcatlabel {position: static; padding-top: 20px;
text-align: center; font-size: 16px;}
}
@media (max-width: 767px) {
.ttopcatgrid{grid-template-columns:1fr;}
}

/* =========================================================
   OUR MAJOR CLIENTS
========================================================= */
.tclientsstrip{padding-top:40px;padding-bottom:48px;background:#fff;overflow:hidden;}
.tclientsstrip .container{overflow:hidden;}
.tclientsstrip .theading01{margin-bottom:30px;}
.tclients-slider{width:100%;overflow:hidden;position:relative; padding-bottom: 15px;}
.tclients-track{display:flex;align-items:center;width:max-content;will-change:transform;animation:tclientsScroll 70s linear infinite;}
.tclientcard{width:228px;min-width:180px;padding:0 10px;display:flex;align-items:center;justify-content:center;}
.tclientcard img{display:block;width:100%;height:auto;object-fit:contain; border: 1px solid #dddddd; padding: 10px;}
.tclients-slider:hover .tclients-track{animation-play-state:paused;}
@keyframes tclientsScroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@media(max-width:767px){.tclientsstrip{padding-top:30px;padding-bottom:30px;}.tclientsstrip .theading01{margin-bottom:20px;}}

/* =========================================================
   BRANCHES
========================================================= */
.tbranches{background:var(--twhite);}
.tbranches-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px; padding-bottom: 36px;}
.tbranchcard{border-left:5px solid var(--tred); background-color: #EFF3F5;padding:24px 24px; border-radius: 5px;}
.tbranchtag{color: #000000; font-size: 16px; color:var(--tdark);
padding-bottom:40px; display: flex; align-items: center;gap:25px;}
.tbranchtag span img{width: 53px; height: auto;}
.tbranchtitle{color: #820000; font-weight:700; font-size: 16px;line-height: 27px; padding-bottom:6px;}
.tbranchaddr{font-size: 16px; font-weight: 400; text-align: justify; color: #777777; line-height: 25px;}
.tbranchline{font-size: 14px; font-weight: 400; text-align: justify; color: #444; line-height: 23px;}
.tbranchline i{color: #444;width:14px;}
.tbranchline a { color: #444; text-decoration: none;}
.tbranchline a:hover {color: #000; text-decoration: none;}
.tbranchline a:hover i {  color: #000;
}
@media(max-width:1399px){
.tbranches-grid{grid-template-columns:repeat(2,1fr);column-gap:12px; row-gap:30px;}
}
@media(max-width:767px){
.tbranches-grid{grid-template-columns:1fr;gap:30px;}
}


/* =========================================================
   CONTACT BAR
========================================================= */
.tcontactbar{background:var(--twhite);border-top:1px solid var(--tbordergrey); padding: 30px 0px;}
.tcontactbar-in{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;}
.tcontactbaritem{font-size: 16px; color: #820000; font-weight: 500; display: inline-block; vertical-align: middle;}
.tcontactbaritem i{font-size: 24px; color: #820000; font-weight: 800;}
.tcontactbarcall {font-size: 18px;color: #000000;font-weight: 800;display: inline-block;vertical-align: middle;}
.tsociallinks{display:flex;align-items:center;gap:10px;}
.tsociallinks a	{width:40px; height:40px;color: #820000 !important;border: 1px solid #820000;border-radius: 38px; transition: .3s; font-size: 19px; display:flex;align-items:center;justify-content:center;}
.tsociallinks a i{display:flex;align-items:center;justify-content:center;}
.tsociallinks a:hover{background:var(--tred-dark);}
.tsociallinks a:hover i{color:#fff;}

@media(min-width:992px) and (max-width:1199px){
.tcontactbarcta{display:flex; flex-direction:column;gap:10px; align-items:center;}
}

/* ===== QUICK ENQUIRY (tab + popup + modals)  ===== */
.tenqopen{display:none;position:fixed;top:300px;right:14px;width:51px;background:#ffcc00;color:#820000;font-family:'Poppins',sans-serif;font-size:16px;line-height:24px;padding:14px;border:2px dashed #820000;cursor:pointer;z-index:1040;}
.tenqopentext{display:block;writing-mode:vertical-lr;transform:rotate(180deg);}
@media(min-width:992px){.tenqopen{display:block;}}
.tenqpopup{display:none;position:fixed;top:200px;right:15px;width:400px;max-width:calc(100% - 30px);background:#820000;border:3px solid #f1f1f1;padding:10px;z-index:1050;}
.tenqpopup.tshow{display:block;}
.tenqpophead{display:flex;align-items:center;justify-content:space-between;padding:8px 4px 4px 4px;}
.tenqtitle{font-size:22px;line-height:35px;font-weight:700;color:#ffffff;padding:0;}
.tenqfield{padding:8px 4px;}
.tenqmodal .tenqfield{padding-top:14px;padding-bottom:18px;}
.tenqinput{display:block;width:100%;font-size:16px;line-height:24px;color: #9B9B9B;background:#ffffff;border:1px solid #ced4da;border-radius:0;padding:6px 12px;}
.tenqinput:focus{outline:none;border-color:#820000;color: #9B9B9B;}
textarea.tenqinput{resize:vertical;min-height:88px;}
.tenqmsg{font-size:13px;line-height:18px;color:#ffffff;padding:4px 4px;}
.tenqmsg:empty{display:none;}
.tenqmodal .tenqmsg{color:#c0392b;}
.tenqactions{display:flex;justify-content:flex-end;gap:10px;padding:8px 4px 4px 4px;}
.tenqbtn{font-size:16px;font-weight:600;line-height:20px;border:0;border-radius:0;min-width:100px;padding:13px 19px;cursor:pointer;}
.tenqpopup .tenqbtn{padding:10px 19px;font-weight:500;}
.tenqpopup .tenqbtn:hover{color: #9B9B9B;}
.tenqbtn:disabled{opacity:.6;cursor:not-allowed;}
.tenqbtn-close{background:#000000;color:#ffffff;}
.tenqbtn-submit{background:#820000;color:#ffffff;}
.tenqpopup .tenqbtn-submit{background:#ffcc00;color:#820000;}
.tenqmodal .modal-header{border-bottom:0;}
.tenqmodal .modal-title{font-size: 18px; font-weight: 500; color: #333;}
.tenqthanks{font-size:16px;color:#333333;padding:6px 4px;}
.tenqhp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;}
.modal-body {font-size: 18px;color: #820000;font-weight: 400;padding: 30px;}

/* Quick Enquiry code step (e-mail verification) - only what is new; the existing .tenq styles are untouched */
.tenqstep2{display:none}
.tenqform.tenqcoding .tenqstep1{display:none}
.tenqform.tenqcoding .tenqstep2{display:block}
.tenqform.tenqcoding .tenqbtn-submit{display:none}
.tenqcodetext{font-size:14px;line-height:21px;color:#ffffff;padding:8px 4px 0 4px;margin:0}
.tenqmodal .tenqcodetext{color:#333333}
.tenqinput.tenqcode{font-size:26px;letter-spacing:10px;text-align:center;color:#333333}
.tenqbtn-verify{background:#820000;color:#ffffff}
.tenqpopup .tenqbtn-verify{background:#ffcc00;color:#820000;padding:10px 19px;font-weight:500}
.tenqlink{background:none;border:0;padding:0 6px;font-size:14px;line-height:20px;color:#ffffff;text-decoration:underline;cursor:pointer;margin-right:auto}
.tenqmodal .tenqlink{color:#820000}

/*=======RESET PASSWORD========*/
.tresetpage{padding-top:14px;padding-bottom:40px;}
.tresetpagehead{font-size:26px;font-weight:700;color:var(--tred);padding-top:10px;padding-bottom:18px;}
.tresetbox{border:1px solid var(--tbordergrey);border-radius:4px;padding-top:24px;padding-bottom:24px;padding-left:24px;padding-right:24px;max-width:500px;}
.tresetfield{padding-bottom:16px;}
.tresetfield input{width:100%;border:1px solid var(--tbordergrey);border-radius:3px;font-size:14px;padding-top:11px;padding-bottom:11px;padding-left:12px;padding-right:12px;}
.treseterr{color:#dc3545;font-size:13px;padding-bottom:14px;}
.tresetinvalid{color:var(--tgrey);font-size:14px;}

/* =========================================================
   FOOTER
========================================================= */
.tsitefooter{background:#F2F0EF;}
.tfootertitle{font-size: 18px;color: #820000; font-weight: 800;padding-bottom:14px;}
.tfootertext{font-size: 15px; color: #656565; font-weight: 400;}
.tfooterlinks li a{font-size: 15px; display: block; padding-bottom: 5px; text-align: left; color: #656565 !important; font-weight: 500;
text-transform: capitalize; transition: .3s;}
.tfooterlinks li a:hover{color: #820000!important;letter-spacing: 1px;box-shadow: none;}
.tfootercol-logo{display:flex;align-items:flex-start;justify-content:flex-end;}
.tcopytext{font-size: 14px; color: #656565;font-weight: 400;}
	
@media(max-width:1399px){.tfootercol-logo{display:none;}}
/* =========================================================
   FLOATING WIDGETS
========================================================= */
.twhatsfloat{position: fixed; right: 20px;bottom: 5px;z-index: 999;}
.twhatsfloat img{width:auto;height:auto;}

/* =========================================================
   RESPONSIVE
========================================================= */
@media(max-width:991px){
.ttopbar-in{flex-wrap:wrap;}
.ttopcontact{order:3;padding-left:0;}
.toffersrow{grid-template-columns:repeat(2,1fr);}
.tfooter-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:576px){
.toffersrow{grid-template-columns:1fr;}
.tbranches-grid{grid-template-columns:1fr;}
.tfooter-grid{grid-template-columns:1fr;}
.tmainnav-in{flex-wrap:wrap;}
.tnavlist{flex-wrap:wrap;}
}

/* =========================================================
   INNERPAGE
========================================================= */
ul.tlist01{list-style:disc;padding-left:1rem;}
ul.tlist01 li{display:list-item;}
.ttextlink{font-size: 13.59px; font-weight: 400; line-height: 23px; color: #444;text-decoration:none;}
.ttextlink:hover{color:#222;}

/* =========================================================
   CART 
========================================================= */
.tcartpage{padding:20px 0 60px}
.tcartmsg{padding:10px 16px;margin-bottom:16px;font-size:15px;transition:opacity 1.5s}
.tcartmsg.tfade{opacity:0}
.tcartbtns{display:flex;justify-content:flex-end;gap:8px;padding:20px 0}
.tcartbtn{display:inline-block;border:none;border-radius:0;font-size:17px;font-weight:400;line-height:10px;padding:16px 20px 16px 20px;cursor:pointer;text-decoration:none;text-transform:uppercase}
.tcartupdate{background-color: #820000; color:#fff}
.tcartupdate:hover{color: #9B9B9B;}
.tcartupdate:disabled{background-color: #000000; opacity: .65;  pointer-events: none;}
.tcartcontinue{background:#820000;color:#fff;border:1px solid var(--tred,#820000)}
.tcartcontinue:hover{background:var(--tred,#820000);color:#fff}
.tcartempty{text-align:center;padding:40px 0 80px}
.tcartempty img{max-width:100%;height:auto;padding:16px 0}
.tcartemptyhead{font-size:22px;font-weight:700;color:#333;padding-bottom:8px}
.tcartemptytext{font-size:15px;color:#555;padding-bottom:12px}
.tcartmobilebar{justify-content:space-between;font-size:14px;color:#000;padding:16px 0 12px}
.tcartmobilebar b{font-weight:500}
@media(max-width:991px){.tcartbtns .tcartbtn{flex:1;text-align:center}}

/*CART TABLE*/
.tcarttable{width:100%;border-collapse:collapse;background:#fff;border:1px solid #CBCBCB; padding:12px; }
.tcarttable th{font-size: 21px; font-weight: 600; color: #000;padding:28px 8px;border-bottom:2px solid #777;text-align:left}
.tcarttable td{font-size:15px;color:#333;padding:30px 8px;vertical-align:top;}
.tcarttable .tc{text-align:center}
.tcarttable .tc	span, .tcartlinetotal{font-size: 20px; color: #000;}
.tcarttable .tr{text-align:right;padding-right:16px}
.tcartimg img{width:100%;height:auto;display:block}
.tcartpname{font-size:16px; line-height:22px}
.tcartremove{background:none;border:none;padding:15px 0 0;font-size:16px;color:#000;cursor:pointer}
.tcartremove:hover{text-decoration:underline}
.tcartqty{width:64px;padding:10px;font-size:20px;color:#000;text-align:center;border:1px solid #777;border-radius:0}
.tcartqty:focus{border-color:var(--tred,#820000);outline:none;box-shadow:none}
.tcartqty.tbad{background:#FFFFDF;border-color:#d00}
@media(max-width:991px){
 .tcarttable,.tcarttable tbody{display:block;border:none;background:none}
 .tcarttable thead,.tcarttable br{display:none}
 .tcarttable tr{display:grid;grid-template-columns:100px 1fr;column-gap:12px;align-items:start;background:#fff;border:1px solid #ddd;padding:12px;margin-bottom:12px}
 .tcarttable td{display:block;border:none;padding:0}
 .tcarttable td.tcartimg{grid-column:1;grid-row:1/span 4}
 .tcarttable td.tcartname{display:contents}
 .tcartpname{grid-column:2;order:1;font-weight:700;padding-bottom:8px}
 .tcarttable td.tcartprice{grid-column:2;order:2;text-align:left;font-weight:700;padding-bottom:8px}
 .tcarttable td.tcartqtycell{grid-column:2;order:3;text-align:left;padding-bottom:8px}
 .tcarttable td.tcartqtycell:before{content:"Quantity";font-size:14px;padding-right:8px}
 .tcarttable td.tcartqtycell.tro:before{content:"Qty"}
 .tcartremove{grid-column:2;order:4;justify-self:start;padding-top:0}
 .tcarttable td.tcarttotalcell{display:none}
}

/*CART SUMMARY*/
.tcartsumwrap{padding-top:0}
.tcartsummary{border:1px solid #ddd;background:#fff;padding:24px}
.tcartsumhead{font-size:21px;font-weight:500;color:var(--tred);padding-bottom:12px;border-bottom:1px solid #ddd}
.tcartsumrow{display:flex;justify-content:space-between;gap:12px;font-size: 16px; color: #000; font-weight: 400;padding:12px 0;border-bottom:1px solid #eee}
.tcartsumrow.tcartsumtotal{font-weight:700;color:#000}
.tcartsumnote{font-size:15px;color:#333;padding:12px 0}
.tcartsumrow[hidden],.tcartsumnote[hidden]{display:none}
.tcartfree{color:#198754;font-weight:700}
.tcartdetails{background:none;border:none;padding:0 0 0 4px;font-size:15px;color:#0066c0;cursor:pointer}
.tcartcheckout{display:block;width:100%;background:#5DC25A;color:#fff;border:none;border-radius:0;text-align:center;font-size:16px;font-weight:700;line-height:10px;padding:16px 20px 16px 20px;cursor:pointer;text-decoration:none}
.tcartcheckout:hover{background:#000;color:#fff}
.tcartcheckwrap{padding-top:16px}
@media(max-width:991px){.tcartsumwrap{padding-top:16px}}


/*SEND ORDER*/
.tcopage{padding:20px 0 60px}
.tcobreadcrumb{font-size:14px;color:var(--tred,#820000);padding-bottom:16px}
.tcobreadcrumb a{color:#333;text-decoration:none}
.tcartmobilebar{justify-content:space-between;font-size:14px;color:#000;padding:16px 0 12px}
.tcartmobilebar b{font-weight:500}
.tcobox{border:1px solid #ddd;background:#fff;padding:24px;margin-top:24px}
.tcohead{font-size:25px;font-weight:400;color:var(--tred,#820000);padding-bottom:8px}
.tcointro{font-size:16px;color:#9B9B9B;padding-bottom:20px}
.tcofield{padding-bottom:16px}
.tcolabel{display:block;font-size:16px;color:#9B9B9B;padding-bottom:6px}
.tcolabel b{color:#e00;font-weight:400}
.tcofield input[type=text],.tcofield input[type=email],.tcofield select,.tcofield textarea{width:100%;border:1px solid #ced4da;font-size:16px;padding:6px 12px;font-weight:400;line-height:1.5; color: #9B9B9B;background-color:#fff;border-radius:0;appearance:none;transition:border-color .15s ease-in-out}
.tcofield input:focus,.tcofield select:focus,.tcofield textarea:focus{border-color:#820000;box-shadow:none;outline:none}
.tcofield input.tbad,.tcofield textarea.tbad{background:#FFFFDF;border-color:#d00}
.tcomsg{padding:10px 16px;margin-bottom:16px;font-size:15px}
.tcofield select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23820000' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px; color: #9B9B9B;}
.tcorow{display:flex;gap:10px}
.tcocode{flex:0 0 42%;min-width:0}
.tcorow .tcofield{padding-bottom:0}
.tcosame{font-size:16px; color: #9B9B9B;padding-bottom:16px}
.tcosame input,.tcocod input{accent-color:#820000}
.tcosame input{margin-right:8px}
.tcocod{font-size:15px;color:#000;line-height:22px}
.tcocod input{margin-right:6px}
.tcocaptcha{padding-top:16px}
.tcoactions{text-align:right;padding-top:16px}
.tcobtn{background:var(--tred,#820000);color:#fff;border:none;border-radius:0;font-size:17px;font-weight:400;line-height:20px;padding:14px 28px;text-transform:uppercase;cursor:pointer}
.tcobtn:hover{background:var(--tred-dark,#5c0000)}
.tcobtn:disabled{background:#c9c9c9;cursor:not-allowed}
@media(max-width:991px){.tcoactions .tcobtn{width:100%}.tcobox{padding:16px}}

/*ORDER SUCCESS*/
.tsspage{padding:20px 0 60px}
.tsstext{font-size:16px;color:#000;line-height:24px;margin:0 0 20px}
.tsstext.tsssmall{font-size:14px}
.tsstext a{color:#000;font-weight:700}
.tssdetails{width:100%;border-collapse:collapse;margin-bottom:8px}
.tssdetails td{font-size:16px;color:#000;height:30px;vertical-align:top}
.tssdetails td:first-child{width:25%;font-weight:700}
.tsshead{font-size:16px;font-weight:700;color:#820000;padding:28px 0 10px;border-bottom:1px solid #820000;margin-bottom:20px}
.tsstable{width:100%;border-collapse:collapse;background:#fff;margin-bottom:0}
.tsstable th{font-size:16px;font-weight:700;color:#000;padding:8px;text-align:left}
.tsstable td{font-size:16px;color:#000;padding:10px 8px;vertical-align:middle;border-bottom:1px solid #eee}
.tsstable .r{text-align:right}
.tsstable img{width:100%;height:auto;display:block}
.tsstable tr.tsstotal td{height:50px;font-weight:700}
.tssbtn{display:inline-block;background:var(--tred,#820000);color:#fff;border:none;border-radius:0;font-size:14px;font-weight:700;line-height:20px;padding:14px 28px;text-transform:uppercase;text-decoration:none;cursor:pointer}
.tssbtn:hover{background:var(--tred-dark,#5c0000);color:#fff}
.tsstablewrap{overflow-x:auto}
@media(max-width:575px){.tssdetails td:first-child{width:38%}.tsstable th,.tsstable td{padding:8px 4px;font-size:14px}.tsstable img{max-width:60px}}

/* ===== Checkout page ===== */
.tbtngreen{background: #5DC25A;}
.tchecksub{font-size:16px;font-weight:600;color:var(--tdark);padding-top:18px;padding-bottom:6px;}
.tcheckbox{border:1px solid var(--tbordergrey);border-radius:4px;padding:18px;height:100%;}
.tcheckboxhead{font-size:16px;font-weight:700;color:#1A2A36;padding-bottom:12px;}
.tchecklabel{font-size:16px;color:#000;}
.tchecktext{font-size:16px;color: #9B9B9B;}
.tcheckfield input,.tcheckfield select{width:100%;border:1px solid var(--tbordergrey);border-radius:3px;font-size:16px;padding:11px;background:var(--twhite);color: #9B9B9B;}
.tcheckfield input:focus, .tcheckfield select:focus{ border-color: #820000; box-shadow: none;outline: none;color: #9B9B9B;}

.tcheckerr{border:1px solid #dc3545;color:#dc3545;font-size:13px;padding-top:10px;padding-bottom:10px;padding-left:14px;padding-right:14px;margin-bottom:16px;}
.tchecklink{background:none;border:0;padding:0;font-size:13px;font-weight:700;color:var(--tred);cursor:pointer;}
.tcheckrow{display:flex;justify-content:flex-end;padding-bottom:14px;}
.tcheckcreate{text-align:center;font-size:13px;color:var(--tgrey);padding-top:18px;}
.tcheckcreate .tchecklink{padding-left:6px;}

/* =========================================================
   MY ORDERS 
========================================================= */
.tmopage{padding:20px 0 60px}
.tmocrumb{font-size:14px;color:var(--tred,#820000);padding:4px 0 16px}
.tmocrumb a{color:#333;text-decoration:none}
.tmotable{width:100%;margin-bottom:0}
.tmotable th{font-size:15px;font-weight:700;color:#333;padding:12px 8px;text-align:left}
.tmotable td{font-size:15px;color:#333;padding:12px 8px;vertical-align:top}
.tmotable .r{text-align:right}
.tmotable .c{text-align:center}
.tmoview{display:inline-block;font-size:14px;font-weight:700;color:var(--tred,#820000);text-decoration:none;white-space:nowrap}
.tmoview:hover{text-decoration:underline}
.tmofree{color:#198754;font-weight:700}
.tmocard{margin-bottom:20px;border-bottom:1px solid #ddd}
.tmocard .tmotable th{width:33%}
.tmocard .tmotable td{width:67%}
.tmoempty{text-align:center;padding:30px 0 80px}
.tmoempty img{max-width:100%;height:auto;padding:16px 0}
.tmoemptyhead{font-size:16px;font-weight:400;color: #9B9B9B;padding-bottom:8px}
.tmoemptytext{font-size:16px;font-weight:400;color: #9B9B9B;padding-bottom:12px}
.tmobtn{display:inline-block;background:var(--tred,#820000);color:#fff;border:none;border-radius:0;font-size:16px;font-weight:400;line-height:20px;padding:14px 28px;text-transform:uppercase;text-decoration:none}
.tmobtn:hover{background:var(--tred-dark,#5c0000);color:#fff}

/* MY ACCOUNT */
.tmapage{padding:20px 0 60px}
.tmacrumb{font-size:14px;color:var(--tred,#820000);padding:4px 0 16px}
.tmacrumb a{color:#333;text-decoration:none}
.tmabox{border:1px solid #ddd;background:#fff;padding:24px}
.tmamsg{padding:10px 16px;margin-bottom:16px;font-size:15px}
.tmahead{font-size:18px;font-weight:400;color:#333333;padding-bottom:12px}
.tmafield{padding-bottom:16px}
.tmalabel{display:block;font-size: 16px; color: #000; font-weight: 400;padding-bottom:6px}
.tmafield input[type=text],.tmafield input[type=email],.tmafield input[type=password],.tmafield select,.tmafield textarea{width:100%;border:1px solid #ced4da;font-size:16px;padding:6px 12px;font-weight:400;line-height:1.5;color: #9B9B9B; background-color: #fff;border-radius:0;appearance:none;transition:border-color .15s ease-in-out}
.tmafield input:focus,.tmafield select:focus,.tmafield textarea:focus{border-color:#820000;box-shadow:none;outline:none}
.tmafield input.tbad,.tmafield textarea.tbad,.tmafield select.tbad{background:#FFFFDF;border-color:#d00}
.tmafield select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23820000' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}
.tmarow{display:flex;gap:10px}
.tmacode{flex:0 0 42%;min-width:0}
.tmarow .tmafield{padding-bottom:0}
.tmahint{font-size:13px;color:#777;padding-top:4px}
.tmasame{font-size:14px;color:#333;padding-bottom:16px}
.tmasame input{accent-color:#820000;margin-right:8px}
.tmaactions{text-align:right;padding-top:16px}
.tmabtn{background:var(--tred,#820000);color:#fff;border:none;border-radius:0;font-size:16px;font-weight:700;line-height:20px;padding:16px 30px;text-transform:uppercase;cursor:pointer}
.tmabtn:hover{background:var(--tred-dark,#5c0000)}
.tmabtn:disabled{background:#c9c9c9;cursor:not-allowed}
@media(max-width:991px){.tmaactions .tmabtn{width:100%}.tmabox{padding:16px}}

/*ORDER DETAILS PAGE*/
.todpage{padding:20px 0 60px}
.todcrumb{font-size:14px;color:var(--tred,#820000);padding:4px 0 8px}
.todcrumb a{color:#333;text-decoration:none}
.todline{font-size:16px;color:#333;margin:0 0 14px}
.todtablewrap{overflow-x:auto;margin-top:10px}
.todtable{width:100%;margin-bottom:0}
.todtable th{font-size:15px;font-weight:700;color:#333;padding:10px 8px;text-align:left}
.todtable td{font-size:15px;color:#333;padding:10px 8px;vertical-align:middle}
.todtable .r{text-align:right}
.todtable img{width:100%;height:auto;display:block}
.todfree{color:#198754;font-weight:700}
.todback{display:inline-block;font-size:14px;font-weight:700;color:var(--tred,#820000);text-decoration:none}
.todback:hover{text-decoration:underline}
@media(max-width:575px){.todtable th,.todtable td{padding:8px 4px;font-size:14px}.todtable img{max-width:60px}}

/*VERIFY ORDER*/.tvopage{padding:20px 0 70px}
.tvobox{max-width:480px;margin:10px auto 0;border:1px solid #ddd;padding:28px 24px;background:#fff}
.tvotext{font-size:15px;color:#333;line-height:23px;margin:0 0 16px}
.tvocode{width:100%;font-size:28px;letter-spacing:10px;text-align:center;border:1px solid #bbb;border-radius:0;padding:10px 6px}
.tvocode:focus{outline:2px solid var(--tred,#820000);border-color:var(--tred,#820000)}
.tvobtn{display:block;width:100%;margin-top:16px;background:var(--tred,#820000);color:#fff;border:none;border-radius:0;font-size:14px;font-weight:700;line-height:20px;padding:14px 28px;text-transform:uppercase}
.tvobtn:hover{background:var(--tred-dark,#5c0000)}
.tvolink{background:none;border:none;padding:0;color:var(--tred,#820000);font-weight:700;font-size:14px;cursor:pointer;text-decoration:underline}
.tvomsg{font-size:14px;padding:10px 12px;margin-bottom:16px}
.tvomsg.bad{background:#fdecea;color:#7a1c14}
.tvomsg.good{background:#e8f5ec;color:#1e5b32}
.tvosmall{font-size:13px;color:#666;margin:18px 0 0;text-align:center}


/*PRODUCT DETAILS */
.tplhead{background:var(--tred,#820000);padding:20px 0 22px}
.tplhead h1{font-size:32px;font-weight:500; line-height:35px; color:#fff;margin:0}
@media(max-width:575px){.tplhead h1{font-size:22px}.tplpage{padding:30px 0 30px}}

/*PRODUCT SUBCATEGORY LIST*/
@media(max-width:575px){.tslpage{padding:30px 0 30px}.tslpt{font-size:12px}.tslps{font-size:11px}}

/*Product Details PAGE*/
.productdetailsbg {background-color: #F2F2F2;}
.tpdhead{background:var(--tred,#820000);padding:20px 0 22px}
.tpdhead h1{font-size:32px;font-weight:500;color:#fff;margin:0;line-height: 35px;}
.tpdcrumb{font-size:13.59px;color:#fff;padding:16px 0 0;margin:0;font-weight: 400; line-height: 19px;}
.tpdcrumb span{color:#FFCC00!important;}
.tpdcrumb a{color:#fff;text-decoration:none}
.tpdcrumb a:hover{text-decoration:underline}
.tpd{padding:0;}
.tpd .tpdtitle{font-size:21px;font-weight:500;line-height:27px;color:#333;margin:0 0 14px}
/* picture slider */
.tpdg{position:relative}
.tpdg-main{position:relative;border:1px solid #777;background:#fff;overflow:hidden}
.tpdg-track{display:flex;transition:transform .8s ease;will-change:transform}
.tpdg-slide{flex:0 0 100%;min-width:100%}
.tpdg-slide img{display:block;width:100%;height:auto}
.tpdg-btn{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border:none;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;font-size:18px;line-height:36px;padding:0;cursor:pointer;z-index:2}
.tpdg-btn:hover{background:var(--tred,#820000)}
.tpdg-btn[disabled]{opacity:.3;cursor:default;background:rgba(0,0,0,.55)}
.tpdg-prev{left:8px}.tpdg-next{right:8px}
.tpdg-thumbs{position:relative;overflow:hidden;margin-top:12px}
.tpdg-tt{display:flex;gap:8px;transition:transform .5s ease}
.tpdg-tt img{flex:0 0 calc(25% - 6px);width:calc(25% - 6px);height:auto;border:1px solid #777;cursor:pointer}
.tpdg-tt img.on{border-color:1px solid #777777;}
.tpdg-noimg{border:1px solid #777;padding:40px}
/* colours */
.tpd .tcolorhead{font-size:15px;font-weight:500;color:#000;margin:0 0 8px}
.tpd .color-picker{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
.tpd .color-option{position:relative;display:inline-block;width:28px;height:28px;margin:0;cursor:pointer}
.tpd .color-radio{position:absolute;opacity:0;cursor:pointer;width:0;height:0}
.tpd .checkmark{position:absolute;top:0;left:0;width:28px;height:28px;border:1px solid #820000;border-radius:50%}
.tpd .color-radio:checked ~ .checkmark{box-shadow:0 0 0 2px #fff,0 0 0 4px #fff}
.tpd .tcolortext{cursor:pointer;font-size:14px;color:#333;margin-right:6px}
.tpd .tproductbrandhead{font-size:20px;font-weight:400;color:#656565; line-height: 35px;}
/* storage sizes */
.tpd input[name=storagespace]{width:auto;min-width:90px;max-width:100%;text-align:center;cursor:pointer;border:1px solid #999;padding:6px 10px;margin-right:8px;font-size:14px;color:#222;background:#fff}
.tpd input[name=storagespace].on{border-color:var(--tred,#820000);box-shadow:0 0 0 1px var(--tred,#820000);font-weight:700}
/* tabs */
.tpd .ttabhead{font-size:16px;font-weight:500;color:#575757;border: none;}
.tpd .nav-tabs { border-bottom: 1px solid #dee2e6;}
.tpd .nav-tabs .nav-link.active{color:#495057;border-bottom: 2px solid red !important;}
.tpd .nav-tabs .nav-link{color:#575757}
.tpd .accordion-item{border:none; border-radius:0;}
.tpd .ttabtext{font-size:15px;line-height:24px;color:#777777; font-weight:400;}
.tpd .aboutdevice{list-style:none}
.tpd .aboutdevice li{padding:4px 0}
.tpd .devicespecification{padding-bottom:8px}
.tpd .tspecificationhead{font-size:17px;font-weight:500;color:#575757;}
.tpd .tspecificationtext{font-size:17px;font-weight:400; color:#777777; }
.tpd .buttonDownload{display:inline-block;background:var(--tred,#820000);color:#fff;font-size:13px;font-weight:700;padding:8px 18px;text-decoration:none}
/* price box */
.tpd .productcontentbg{background:#fff;padding: 8px;}
.tpd .cart-border{border:1px solid #ddd}
.tpd .tproductprice{font-size:26px;font-weight:700;color:#DF1917}
.tpd .tproductprice0{font-size:20px;font-weight:700;color:#656565;line-height: 30px; text-transform: uppercase;text-decoration:line-through}
.tpd .tsubprice{font-size:15px;font-weight:400;color:#333333}
.tpd .tproductmsg{font-size:14px;line-height:22px;color:#333;padding:14px 8px 0}
.tpd .tquantity{font-size:19px;font-weight:400;color:#656565}
.tpd .qty-container{display:flex;align-items:center}
.tpd .qty-btn-minus,.tpd .qty-btn-plus{width:57px;height:52px;border:1px solid #d4d4d4;background:#fff;cursor:pointer;padding:6px 13px;font-size: 25px; font-weight: 700;}
.tpd .input-qty{width:70px;height:52px;font-size: 18px;text-align:center;border:1px solid #bbb;border-left:0;border-right:0;border-radius:0}
.tpd .enquirybutton{width:100%;border-radius:0;color:#fff;font-size:13px;font-weight:700;text-transform:uppercase;padding:11px 6px}
.tpd .whatsappbutton{background:#1f9d55}
.tpd .enquirybutton{background:#444}
.tpd .addcartbutton:hover,.tpd .whatsappbutton:hover,.tpd .enquirybutton:hover{color:#fff;opacity:.9}
.tpd .instockbutton{background:#B5E3BC;color:#444;font-size:15px;font-weight:500;border-radius:0;}
@media(max-width:575px){.tpdhead h1{font-size:22px}.tpdpt{font-size:12px}.tpdps{font-size:11px}.tpd .tpdtitle{font-size:19px}}

/*Product Enquiry*/
.tpdnone{padding:30px 0 80px}
.tpdnone h1{font-size:26px;font-weight:700;color:#333}
.tpdnone a{color:var(--tred,#820000);font-weight:700}
.tpdwhy{font-size:13px;color:#777}

/*Product Enquiry Details*/
.tpepage{padding:40px 0 60px}
.tpebox{border:1px solid #EFF3F5;background:#EFF3F5; border-radius:15px; padding:28px 24px}
.tpebox .productenquirytext{font-size:20px;color:#222;margin:0}
.tpebox .ttext{font-size:15px;line-height:23px;color:#333;margin:0}
.tpebox .tlabeltext{font-size:16px;font-weight:400;color:#000}
.tpebox .tinputborder,.tpebox .ttitle{border:1px solid #bbb;border-radius:0;font-size:15px}
.tpebox .tinputborder:focus,.tpebox .ttitle:focus{border-color:var(--tred,#820000);box-shadow:none}
.tpebox .tbad{border-color:#c0392b;background:#fdf1f0}
.tpebox .submitbutton{background:var(--tred,#820000);color:#fff;border:none;border-radius:0;font-weight:700;text-transform:uppercase}
.tpebox .submitbutton:hover{background:var(--tred-dark,#5c0000);color:#fff}
.tpebox .continuebutton{background:var(--tred,#820000);color:#fff;border:none;border-radius:0;font-weight:700;text-transform:uppercase;padding:12px 28px}
.tpebox .taboutustext{font-size:17px;line-height:27px;color:#333}
.tpemsg{font-size:14px;padding:10px 12px;margin:0 0 6px;background:#fdecea;color:#7a1c14}
.tpetrap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
@media(max-width:575px){.tpepage{padding:24px 0 40px}.tpebox{padding:20px 14px}.tpept{font-size:12px}.tpeps{font-size:11px}}

/*PRODUCT RELATED & RENEWED*/
.tir .trelproducts{font-weight:700;font-size:18px;color:#333333}
.tir .borderbot{border-bottom:1px solid #ddd}
.tir .trelproductshead{font-size:16px;font-weight:500;color:#000000}
.tir .trelproductsrate{font-size:16px;font-weight:700;color:#820000}
.tir .trelproductsrate0{font-size:12px;font-weight:700;color:#656565;text-decoration:line-through}
.tir a{text-decoration:none;color:inherit}

/*VERIFY PRODUCT Enquiry*/
.tvppage{padding:20px 0 70px}
.tvpbox{max-width:480px;margin:10px auto 0;border:1px solid #ddd;padding:28px 24px;background:#fff}
.tvptext{font-size:15px;color:#333;line-height:23px;margin:0 0 16px}
.tvpcode{width:100%;font-size:28px;letter-spacing:10px;text-align:center;border:1px solid #bbb;border-radius:0;padding:10px 6px}
.tvpcode:focus{outline:2px solid var(--tred,#820000);border-color:var(--tred,#820000)}
.tvpbtn{display:block;width:100%;margin-top:16px;background:var(--tred,#820000);color:#fff;border:none;border-radius:0;font-size:14px;font-weight:700;line-height:20px;padding:14px 28px;text-transform:uppercase}
.tvpbtn:hover{background:var(--tred-dark,#5c0000)}
.tvplink{background:none;border:none;padding:0;color:var(--tred,#820000);font-weight:700;font-size:14px;cursor:pointer;text-decoration:underline}
.tvpmsg{font-size:14px;padding:10px 12px;margin-bottom:16px}
.tvpmsg.bad{background:#fdecea;color:#7a1c14}
.tvpmsg.good{background:#e8f5ec;color:#1e5b32}
.tvpsmall{font-size:13px;color:#666;margin:18px 0 0;text-align:center}

/*Contact*/
.tcubox{display:flex;align-items:center;background:#EFF3F5;border-left:5px solid #820000;border-radius:5px;padding:18px 20px;margin-bottom:20px; padding:24px 24px; gap: 20px;}
.tcubox img{width: auto;height:auto;margin-right:16px;flex:0 0 auto}
.tcubox a{font-size:19px;font-weight:400;color:#820000;text-decoration:none;word-break:break-all}
.tcubox a:hover{color:var(--tred,#820000)}


/*SHIPPING DETAILS*/
.tsdtable th { color:#495057; background:#e9ecef; border-color:#dee2e6; font-weight:600; }