*{outline:none;}
html{scroll-behavior: smooth;}
body{font-family:'Urbanist', sans-serif !important;}


.owl-stage-outer::-webkit-scrollbar{background:#fff; width:13px; height:13px; border:1px solid #D0D9EC; border-radius:4px;}
.owl-stage-outer::-webkit-scrollbar-thumb{background:#D0D9EC; border-radius:4px; border-top:1px solid #D0D9EC; border-bottom:1px solid #D0D9EC; box-shadow:inset 0 0 0 4px #fff;}

.bg-opacity-10{--bs-bg-opacity:0.1;}
.bg-opacity-20{--bs-bg-opacity:0.2;}
.bg-opacity-30{--bs-bg-opacity:0.3;}
.bg-opacity-40{--bs-bg-opacity:0.4;}
.bg-opacity-50{--bs-bg-opacity:0.5;}
.bg-opacity-60{--bs-bg-opacity:0.6;}
.bg-opacity-70{--bs-bg-opacity:0.7;}
.bg-opacity-80{--bs-bg-opacity:0.8;}
.bg-opacity-90{--bs-bg-opacity:0.9;}

.text-opacity-10{--bs-text-opacity-:0.1;}
.text-opacity-20{--bs-text-opacity:0.2;}
.text-opacity-30{--bs-text-opacity:0.3;}
.text-opacity-40{--bs-text-opacity:0.4;}
.text-opacity-50{--bs-text-opacity:0.5;}
.text-opacity-60{--bs-text-opacity:0.6;}
.text-opacity-70{--bs-text-opacity:0.7;}
.text-opacity-80{--bs-text-opacity:0.8;}
.text-opacity-90{--bs-text-opacity:0.9;}

.py-94, .pt-94{padding-top:94px;}
.py-94, .pb-94{padding-bottom:94px;}

.wm-prefooter-gap{height:94px;}



a{text-decoration:none; transition:300ms}
a:hover{text-decoration:underline;}
input, select, textarea, .btn, .badge{box-shadow:none !important; border-radius:unset !important;}

.fs-12{font-size:12px;}
.fs-14{font-size:14px;}
.fs-18{font-size:18px;}
.top-unset{top:unset;}
.min-width-auto{min-width:auto;}

.card{border-radius:0;}

.btn{padding:5px 30px;}
.shadow-sm{box-shadow: 0 0 7px #dadada !important;}

.list-style-dash{padding-left:23px; }
.list-style-dash li:before{content:"-"; margin-right:1rem; margin-left:-23px; color:#B9C6E2;}

#header{position:sticky; top:0; z-index:555;}
#header .nav-link{color:#fff; font-weight:700; font-size:14px}

/* Header live search: segmented tabs (mobile) */
#siteSearchDropdown{
  --wm-search-tabs-split: 50%;
  border-radius:12px;
  overflow:hidden;
}
#siteSearchDropdown .wm-search-tabs-row{
  background:#fff;
}
#siteSearchDropdown .wm-search-tabs{
  display:grid;
  grid-template-columns: var(--wm-search-tabs-split) 1fr;
  background:rgba(var(--bs-primary-rgb), 0.1);
}
#siteSearchDropdown .wm-search-tab-wrap{
  min-width:0;
}
#siteSearchDropdown .wm-search-tab{
  width:100%;
  border:0;
  background:transparent;
  padding:14px 10px;
  text-align:center;
  font-size:14px;
  font-weight:700;
  letter-spacing:0.08em;
  color:rgba(var(--bs-dark-rgb));
}
#siteSearchDropdown .wm-search-tab-wrap + .wm-search-tab-wrap .wm-search-tab{
  border-left:1px solid rgba(0,0,0,0.06);
}
#siteSearchDropdown .wm-search-tab.active{
  background:#fff;
  color:rgba(var(--bs-dark-rgb));
}

#bannerArea{background:url(../images/banner-bg.png) no-repeat center top; background-size:cover}
#bannerArea .carousel-indicators{position:unset; margin:0 auto;}
#bannerArea .carousel-indicators [data-bs-target]{border:none !important; background:rgba(var(--bs-primary-rgb)) !important; width:16px; height:4px; margin:0 8px 0 0; transition:300ms}
#bannerArea .carousel-indicators [data-bs-target]:last-child{margin:0;}
#bannerArea .carousel-indicators .active{width:36px;}
#bannerArea .carousel-control-prev,
#bannerArea .carousel-control-next{opacity:1 !important;}
#bannerArea .carousel-control-prev i,
#bannerArea .carousel-control-next i{background:#fff; color:#A4A5A8; width:40px; line-height:40px; box-shadow:0px 0px 0px 1px #EDF1FA; border-radius:50%; font-size:20px; transition: 300ms}

#bannerArea .carousel-control-prev i:hover,
#bannerArea .carousel-control-next i:hover{background:rgba(var(--bs-primary-rgb)); color: #fff}


#featureTabNav{border-bottom:1px solid #B9C6E2; gap:40px;}
#featureTabNav a{color:#494C51; font-size:20px; margin-bottom:-1px; padding-top:0}
#featureTabNav a.active{color:rgba(var(--bs-primary-rgb))}

#searchByFeature .owl-stage{margin-left:-1px}

#shopByPriceArea .irs-min,
#shopByPriceArea .irs-max{font-size:16px; font-weight:500; padding:0; background-color:unset !important; color:#77797c;}
#shopByPriceArea .irs-bar{background-color:rgba(var(--bs-primary-rgb)) !important;}
#shopByPriceArea .irs-from, 
#shopByPriceArea .irs-to,
#shopByPriceArea .irs-single{font-size:16px; font-weight:600; padding:0; color:rgba(var(--bs-primary-rgb)) !important; background-color:unset;}
#shopByPriceArea .irs-from::before, 
#shopByPriceArea .irs-to::before,
#shopByPriceArea .irs-single::before{content:unset;}
#shopByPriceArea .irs-handle{border-color:rgba(var(--bs-primary-rgb)) !important;}

#footer ::placeholder,
input.text-bg-primary::placeholder{color:#fff !important; opacity:0.3}
#footer #social a{display:block; width:36px; line-height:36px; border-radius:50%; background:rgba(255,255,255,0.1); color:#fff; transition:300ms;}
#footer #social a:hover{background:rgba(var(--bs-primary-rgb)) !important;}
#footer #social span{display:block; height:1px; width:65px; background:#A9A9A9;}


.v2 .owl-prev{left:-50px}
.v2 .owl-next{right:-50px}

#filter a[aria-expanded]{display:flex;}
#filter a[aria-expanded]:after{margin-left:auto; content:"\F64D"; font-family:bootstrap-icons !important;}
#filter a[aria-expanded="true"]:after{content:"\F63B"}

.min-height-scroll{max-height:162px; overflow:auto;}

#filter,
#sort{background:#e7ecf5}
#filter .irs-min,
#filter .irs-max{font-size:12px; padding:0; background-color:unset !important; color:#77797c; top:26px;}
#filter .irs--round .irs-bar{background-color:rgba(var(--bs-primary-rgb)) !important; top:6px; z-index:1;}
#filter .irs--round .irs-handle{width:16px; height:16px; top:0; border-width:3px; z-index:2;}
#filter .irs-from, 
#filter .irs-to,
#filter .irs-single{font-size:12px; padding:0; color:rgba(var(--bs-primary-rgb)) !important; background-color:unset; top:26px}
#filter .irs-from::before, 
#filter .irs-to::before,
#filter .irs-single::before{content:unset;}
#filter .irs-handle{border-color:rgba(var(--bs-primary-rgb)) !important;}

#filter .irs--round{height:24px;}
#filter .irs-line {top:5px; height:4px;  background-color:#dee4ec; border-radius:4px;}

/* Ensure space below main menu sliders (e.g., Price Range) without affecting submenus */
#filter .wm-mainslider{ margin-bottom: 1rem !important; }
/* Let main slider container include its labels height so the gap is real */
#filter .wm-mainslider .irs--round{ height: 56px !important; }

/* Discontinued visual state */
.card.is-discontinued img{ filter: grayscale(100%); opacity:0.7; }
.card.is-discontinued h3,
.card.is-discontinued h4,
.card.is-discontinued .text-primary{ color:#6c757d !important; }
/* Availability tags share the approved palette on every phone surface. */
.badge.wm-status-discontinued{ background-color:#e5e7eb !important; color:#374151 !important; }
.badge.wm-status-not-available{ background-color:#fee2e2 !important; color:#991b1b !important; }
.wm-discontinued-image,
.wm-phone-hero.is-discontinued img{ filter:grayscale(100%); opacity:0.7; }
.wm-phone-hero-image > .tag{ margin-left:-6px !important; }
/* Rating turns grey, not yellow */
.card.is-discontinued .rating .badge{
  background-color: rgba(108,117,125,0.12) !important; /* light grey */
  color:#6c757d !important;
}
.card.is-discontinued .rating .badge i{ color:#6c757d !important; }

 

/* Reusable class for filter sub-menu titles (e.g., Resolution, Features) */
.filter-submenu-title {
  font-size:15px;
  padding-top:0;
  margin-top:-6px;
}

/* Right-fill single-knob pattern (no teardrop) */
.wm-rightfill-slider .irs--round .irs-handle.to{ display:none !important; }
.wm-rightfill-slider .irs-to{ display:inline-block !important; color:#77797c !important; }
.wm-rightfill-slider .irs--round .irs-bar{ right:0 !important; width:auto !important; }

/* Submenu sliders only (do not affect Price Range) */
#filter .wm-subslider{ margin-bottom:0 !important; }
/* Teardrop knob (scoped to Refresh Rate only) */
.wm-teardrop-slider .irs--round .irs-bar{
  background-color: rgba(var(--bs-primary-rgb)) !important;
  right: 0 !important;           /* ensure bar reaches the very end */
  width: auto !important;        /* let left + right define full length */
}
.wm-teardrop-slider .irs--round .irs-handle{
  width: 24px !important;   /* handle box width */
  height: 24px !important;  /* handle box height */
  top: -1px !important;     /* align tip on track centerline */
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.wm-teardrop-slider .irs--round .irs-handle:before{
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 16px;  /* diameter → 16px (radius 8px) */
  height: 16px; /* diameter → 16px (radius 8px) */
  background: #fff;
  border: 3px solid rgba(var(--bs-primary-rgb));
  border-radius: 50%;
  box-shadow: 0 1px 2px rgba(0,0,0,.15);
}
.wm-teardrop-slider .irs--round .irs-handle:after{
  content: "";
  position: absolute;
  bottom: 2px;
  left: 50%;
  transform: translateX(-50%);
  width: 0; height: 0;
  border-left: 6px solid transparent;  /* tip width → 12px */
  border-right: 6px solid transparent;
  border-top: 9px solid rgba(var(--bs-primary-rgb)); /* tip height → 9px */
}
.wm-teardrop-slider .irs--round .irs-handle.to{ display:none !important; }
/* Show fixed max label on the right */
.wm-teardrop-slider .irs-to{ display:inline-block !important; color:#77797c !important; }
.wm-teardrop-slider .irs--round .irs-handle:hover:before{
  box-shadow: 0 2px 4px rgba(0,0,0,.2);
}
.wm-teardrop-slider .irs--round .irs-handle:focus-visible:before{
  outline: none;
  box-shadow: 0 0 0 3px rgba(var(--bs-primary-rgb), .45);
}
.wm-teardrop-slider.is-disabled,
.wm-teardrop-slider.is-disabled *{
  opacity: .5;
  pointer-events: none;
}



#productList .card{transition:300ms;}
#productList .card:hover{box-shadow:2px 4px 14px 2px rgba(46, 43, 43, 0.22);}
#productList.list-view .d-none{display:block !important;}
#productList.list-view > .col-6{width:100%;}
#productList.list-view .card{display:table; padding:1rem 0}
#productList.list-view .card .rating{display:none;}
#productList.list-view .card .image{width:200px; height:224px; float:left; display:flex; flex-direction:column; align-items:stretch;
border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;}
#productList.list-view .card .image a{border:none !important; padding:0 !important;}
#productList.list-view .maintext{width:calc(100% - 200px); float:left; padding-bottom:0 !important}
#productList.list-view .maintext .text-center{display:flex; text-align:left !important;}
#productList.list-view .maintext .text-center h3{margin-bottom:0 !important; margin-right:15px; flex-grow:1 !important; font-size:20px !important}
#productList.list-view .maintext .text-center h4{flex-shrink:0 !important; font-size:22px !important}
#productList.list-view .maintext .star-rating{direction:rtl; display:inline-block !important; cursor:default;}
#productList.list-view .maintext .star-rating input[type=radio]{display:none;}
#productList.list-view .maintext .star-rating label{color:#dee4ec; font-size:16px; cursor:pointer; transition:300ms;}
#productList.list-view .maintext .star-rating label:hover,
#productList.list-view .maintext .star-rating label:hover ~ label,
#productList.list-view .maintext .star-rating input[type=radio]:checked ~ label{color:rgba(var(--bs-warning-rgb)) !important;}
#productList.list-view .maintext button{display:none;}
#productList.list-view .shortDetail{width:calc(100% - 200px); float:left;}	

#productList .maintext .btn-primary,
#productList .shortDetail .btn-primary{background:#EDF1FA; color:rgba(var(--bs-primary-rgb)); border:none; font-weight:500;}
#productList .maintext .btn-primary:hover,
#productList .shortDetail .btn-primary:hover{background:rgba(var(--bs-primary-rgb)); color:#fff;}

.pagination a{box-shadow:none !important; color:#77797C; border-radius:0 !important;}
.pagination a:hover{box-shadow:none; color:#fff; background:rgba(var(--bs-primary-rgb)); border-color:rgba(var(--bs-primary-rgb));}


#newsThumbArea .card{position:relative;}
#newsThumbArea .card:after{position:absolute; top:0; right:0; bottom:0; left:0; content:""; background: linear-gradient(0deg, rgba(3, 4, 11, 0.94) -1.05%, rgba(13, 24, 65, 0.08) 97.05%); z-index:1; transition:300ms}
#newsThumbArea .card:hover:after{opacity:0.5;}
#newsThumbArea .card .card-img-overlay{z-index:2;}

#detailArea .star-rating2{direction:rtl; display:inline-block !important; cursor:default;}
#detailArea .star-rating2 input[type=radio]{display:none;}
#detailArea .star-rating2 label{color:#dee4ec; font-size:16px; cursor:pointer; transition:300ms;}
#detailArea .star-rating2 label:hover,
#detailArea .star-rating2 label:hover ~ label,
#detailArea .star-rating2 input[type=radio]:checked ~ label{color:rgba(var(--bs-warning-rgb)) !important;}
#detailArea .btn-primary.bg-opacity-10{background:#EDF1FA; color:rgba(var(--bs-primary-rgb)); border:none; font-weight:500;}

#productView .carousel-indicators{position:unset;}
#productView .carousel-indicators>a{width:80px; height:auto; margin:10px 5px 0 0; border:none !important; }
#productView .carousel-indicators a img{display:block;}


#reviewArea .star-rating3{direction:rtl; display:inline-block !important; cursor:default;}
#reviewArea .star-rating3 input[type=radio]{display:none;}
#reviewArea .star-rating3 label{color:#dee4ec; font-size:20px; cursor:pointer; transition:300ms;}
#reviewArea .star-rating3 label:hover,
#reviewArea .star-rating3 label:hover ~ label,
#reviewArea .star-rating3 input[type=radio]:checked ~ label{color:rgba(var(--bs-warning-rgb)) !important;}
#reviewArea .btn-primary.bg-opacity-10{background:#EDF1FA; color:rgba(var(--bs-primary-rgb)); border:none; font-weight:500;}


#comparisonsCarouselArea .owl-prev{left:-50px}
#comparisonsCarouselArea .owl-next{right:-50px}

/*#latestMobileArea .owl-prev{left:-50px}
#latestMobileArea .owl-next{right:-50px}*/

#tabNavBar a{transition:300ms}
#tabNavBar a:hover,
#tabNavBar a.active{color:rgba(var(--bs-primary-rgb)) !important; background:#D0D9EC !important;}


#phonesArea .compare-nav a{background:#fff; color:#77797C !important; padding:10px; display:block; transition:300ms}
#phonesArea .compare-nav li:last-child{border:unset !important;}
#phonesArea .compare-nav a.active,
#phonesArea .compare-nav a:hover{background:rgba(var(--bs-primary-rgb)); color:#fff !important}

#phonesArea .mx-n5{margin-left:-30px !important; margin-right:-30px !important; position:relative; z-index:55; padding:15px 26px; }
#phonesArea .mx-n5:after{content:""; position:absolute; left:0; bottom:-10px; width:6px; height:10px; background:#000; clip-path:polygon(100% 0, 0 0, 100% 100%);}
#phonesArea .mx-n5:before{content:""; position:absolute; right:0; bottom:-10px; width:6px; height:10px; background:#000; clip-path:polygon(100% 0, 0 0, 0 100%);}

#phonesArea .dropdown-toggle:after{content:unset;}




@media (max-width:1199px){
#shopByPriceArea .border-end{border:unset !important;}
#navbarNav .offcanvas-body .dropdown-menu{border:unset;}

.list-group.list-group-flush a.row h5{font-size:1rem !important; color:rgba(var(--bs-primary-rgb));}
}
@media (max-width:767px){
/* Mobile header: hide on scroll-down, show on scroll-up */
body{padding-top:var(--wm-header-h, 0px);}
#header{
  position:fixed;
  left:0;
  right:0;
  top:0;
  width:100%;
  transition:transform 180ms ease;
  will-change:transform;
}
#header.wm-hidden{transform:translateY(-110%);}

#header.scrolled .me-auto{display:none !important;}
#header.scrolled .row{flex-wrap: nowrap;}
#header.scrolled #scrollSearch{width:calc(100% - 46px) !important}
#bannerArea{background-position:30% top;}



#productList.list-view .card{padding-bottom:0; }
#productList.list-view .image{width:40% !important; height:180px !important; display:unset !important; text-align:center;}
#productList.list-view .card .image a{margin:0 !important;}
#productList.list-view .maintext{width:calc(100% - 40%); float:left;}
#productList.list-view .maintext .text-center{display:block; margin-bottom:0.5rem !important}
#productList.list-view .maintext .text-center h3{margin-bottom:0.5rem !important; margin-right:0; font-size:16px !important;}
#productList.list-view .maintext .text-center h4{font-size:16px !important;}
#productList.list-view .shortDetail{width:100%; clear:both;}

#featureTabNav{gap:25px;}
#featureTabNav a{font-size:14px;}



#phonesArea .mx-n5{margin-left:-22px !important; margin-right:-22px !important; position:relative; z-index:55; padding:15px 26px; }

#phonesArea label{font-size:14px}
#phonesArea .btn.bg-primary{font-size:12px; padding:8px !important;}
#phonesArea h5.fw-bold.mb-0{font-size:14px;}
#phonesArea .fs-18{font-size:14px !important;}
#phonesArea p.mb-0.text-primary.fw-bold{font-size:14px !important;}
#phonesArea .dropdown-menu{min-width:auto}

#compareArea .border-md-fix{border-left:unset !important}

}
@media (min-width:1200px){
#header.scrolled .justify-content-xl-between{justify-content:end !important;}

/* Keep everything on one line in compact (scrolled) desktop header */
#header.scrolled .row.justify-content-xl-between{flex-wrap:nowrap !important; column-gap:16px;}

#header.scrolled #scrollHide li:first-child{display:none !important;}

/* Scrolled desktop: keep menu static (4 items) */
#header.scrolled #scrollMenu{
  display:block !important;
  flex:0 0 auto !important;
}
#header.scrolled #scrollMenu > .nav{flex-wrap:nowrap; white-space:nowrap;}

/* Search keeps a stable width */
#header.scrolled #scrollSearch{
  flex:0 0 clamp(260px, 24vw, 420px) !important;
  width:clamp(260px, 24vw, 420px) !important;
  min-width:260px;
}

#header.scrolled #scrollHide{width:auto !important}

#filter{position:static; visibility:visible; transform:unset; background:unset; border:unset; }
#filter .offcanvas-header{display:none;}
#filter .offcanvas-body{padding:0; overflow:unset}
}
@media (max-width:991px){
#popularMobilePriceListsArea .gap-4 li:last-child{margin-bottom:1.5rem;}
#popularMobilePriceListsArea .col-lg-4:last-child .gap-4 li:last-child{margin-bottom:0;}
#popularMobilePriceListsArea .border-end.border-start{border:unset !important;}

#popularComparisonsArea .gap-4 li:last-child{margin-bottom:1.5rem;}
#popularComparisonsArea .col-lg-6:last-child .gap-4 li:last-child{margin-bottom:0;}
#popularComparisonsArea .border-start{border:unset !important;}

#mobileDetailBg{background:#EDF1FA; padding:15px 0; }
}
@media (min-width:576px){
#shopByPriceArea .flex-column:first-child li:last-child{border:unset !important;}
}

@media (min-width:1200px) and (max-width:1399px){
#header.scrolled .me-auto{width:20% !important; padding-right:0;}
#header.scrolled #scrollSearch{padding:0 !important;}

#productList.list-view .card .image{height:282px;}
}
@media (min-width:992px) and (max-width:1199px){
#productList.list-view .card .image{height:282px;}
}

@media (min-width:768px) and (max-width:991px){
#productList.list-view  .card .image{height:282px;}


#tabArea .nav.border a{border-bottom:1px solid var(--bs-border-color) !important;}

}
@media (min-width:576px) and (max-width:767px){}
@media (min-width:0px) and (max-width:575px){
.py-94, .pt-94{padding-top:60px;}
.py-94, .pb-94{padding-bottom:60px;}

.wm-prefooter-gap{height:60px;}

.owl-stage-outer{overflow-x: auto !important; padding-bottom: 15px;}


#latestMobileArea{}
#latestMobileArea .owlCarouselAll{padding:1.5rem 0 !important; width:calc(100% + 24px); margin:0 -12px }
#latestMobileArea .owl-item{padding-left: 16px;}

#latestBrandMobileArea{}
#latestBrandMobileArea .owlCarouselAll{padding:1.5rem 0 !important; width:calc(100% + 24px); margin:0 -12px }
#latestBrandMobileArea .owl-item{padding-left: 10px;}

#searchByFeatureArea{}
#searchByFeatureArea #featureTabNav{margin-left: 16px}
#searchByFeatureArea > .container > .bg-white.p-4{padding:1.5rem 0 !important; width:calc(100% + 12px); margin:0 -12px 0 0 }
#searchByFeatureArea .owl-stage-outer{overflow:hidden !important;}
#searchByFeatureArea .owl-item{padding-left: 16px;}

#searchByBrandArea{}
#searchByBrandArea .owl-carousel{padding:1.5rem 0 !important; width:calc(100% + 12px); margin:0 -12px 0 0 }
#searchByBrandArea .owl-item{padding-left: 16px;}
#searchByBrandArea .wm-brand-circle{width:110px;}
@media (min-width: 992px){
  #searchByBrandArea .wm-brand-circle img{max-width:84px !important;max-height:84px !important;}
}

#popularMobileArea{}
#popularMobileArea .owl-carousel{padding:0 !important; width:calc(100% + 24px); margin:0 -12px}
#popularMobileArea .owl-item{padding-left: 16px;}

#upcomingMobileArea{}
#upcomingMobileArea .owl-carousel{padding:0 !important; width:calc(100% + 24px); margin:0 -12px}
#upcomingMobileArea .owl-item{padding-left: 16px;}


#latestNewsArea{}
#latestNewsArea .owl-carousel{padding:0 !important; width:calc(100% + 24px); margin:0 -12px}
#latestNewsArea .owl-item{padding-left: 16px;}

#latestVideoReviewArea{}
#latestVideoReviewArea .owl-carousel{padding:0 !important; width:calc(100% + 12px); margin:0 -12px}
#latestVideoReviewArea .owl-stage-outer{overflow:hidden !important;}
#latestVideoReviewArea .owl-item{padding-left: 16px;}

/* Comparisons container edge-to-edge on mobile */
#comparisonsCarouselArea .container{padding:0;}
#comparisonsCarouselArea .owl-carousel{padding:0 !important; width:calc(100% + 48px); margin:0 -24px }
#comparisonsCarouselArea .owl-item{padding-left: 16px;}


.product img{width:75px }
.product h3{
  font-size:12px !important;
  line-height:1.4;
  height:2.8em;      /* always reserve 2 lines */
  overflow:hidden;   /* truncate anything beyond 2 lines */
}
.product p{font-size: 12px !important;}


#shopByPriceArea .irs-min, #shopByPriceArea .irs-max, #shopByPriceArea .irs-from, #shopByPriceArea .irs-to, #shopByPriceArea .irs-single {font-size: 12px;}


#bannerArea .carousel-control-prev i,
#bannerArea .carousel-control-next i{width:28px; line-height:28px; font-size:14px;}

#latestMobileArea .h1,
#latestBrandMobileArea .h1,
#searchByFeatureArea .h1,
#shopByPriceArea .h1,
#searchByBrandArea .h1,
#bestPhoneByPriceArea .h1,
#popularMobileArea .h1,
#upcomingMobileArea .h1,
#latestNewsArea .h1,
#latestVideoReviewArea .h1,
#popularMobilePriceListsArea .h1,
#popularComparisonsArea .h1,
#priceInPakistanArea .h1,
#comparisonsCarouselArea .h1{font-size:20px}

#latestMobileArea .h1 .fs-18,
#latestBrandMobileArea .h1 .fs-18,
#searchByFeatureArea .h1 .fs-18,
#shopByPriceArea .h1 .fs-18,
#searchByBrandArea .h1 .fs-18,
#bestPhoneByPriceArea .h1 .fs-18,
#popularMobileArea .h1 .fs-18,
#upcomingMobileArea .h1 .fs-18,
#latestNewsArea .h1 .fs-18,
#latestVideoReviewArea .h1 .fs-18,
#popularMobilePriceListsArea .h1 .fs-18,
#popularComparisonsArea .h1 .fs-18,
#comparisonsCarouselArea .h1 fs-18{font-size:14px}




#shopByPriceArea{}
#shopByPriceArea .flex-column.w-50{width:100% !important;}

#bestPhoneByPriceArea .row .row h3.fs-6{font-size: 12px !important}

#detailArea .nav.border-bottom{border:none !important;}
#detailArea .nav.border-bottom a{border-bottom:1px solid var(--bs-border-color) !important;}

#reviewArea .flex-shrink-0 img{height:60px;}


#tabArea .nav.border a{border-bottom:1px solid var(--bs-border-color) !important;}
}

/* Latest brand phones – tweak outer card width on mobile */
@media (max-width:575px){
  #latestBrandMobileArea .latest-brand-carousel .card.product{
    width:85%;
    margin:0 auto;
  }
}

/* Specs comparisons carousel – shared styles */
@media (min-width:576px){
  #comparisonsCarouselArea .cmp-phone{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
  }
  #comparisonsCarouselArea .cmp-phone img{
    height:125px;
    width:auto;
    object-fit:contain;
  }
  #comparisonsCarouselArea .cmp-name{
    line-height:1.35;
    min-height:2.7em;
    text-align:center;
  }
}

#comparisonsCarouselArea .cmp-vs{
  display:flex;
  align-items:center;
  justify-content:center;
}

@media (max-width:575.98px){
  #comparisonsCarouselArea .cmp-phone img{
    height:125px;
    width:auto;
    object-fit:contain;
  }
  #comparisonsCarouselArea .cmp-name{
    line-height:1.35;
    min-height:2.4em;
    text-align:center;
  }
}