/* @import "section-css/reset.css";
@import "section-css/header.css";
@import "section-css/hero.css";
@import "section-css/about.css";
@import "section-css/video.css";
@import "section-css/symptoms.css";
@import "section-css/awareness.css";
@import "section-css/shop.css";
@import "section-css/checkout.css";
@import "section-css/contact.css";
@import "section-css/breadcrumbs.css";
@import "section-css/details-page.css";
@import "section-css/footer.css";
@import "section-css/mobile-menu.css"; */
.hero-slide a {
	width: 100%;
}

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


    :root {
      --red:#FF4351;--red-dark:#E0313F;--red-light:#FF6B76;--red-pale:#FFF0F1;
      --blue:#1A2B6D;--blue-lt:#2F4299;--yellow:#FFD23F;--green:#1DB954;
      --white:#FFFFFF;--off-white:#F7F8FC;--light:#F0F2F8;--border:#E8EAF0;
      --text:#1A1D2E;--text-mid:#4A4F6A;--text-soft:#8890B0;
      --shadow:0 4px 24px rgba(255,67,81,.12);--shadow-md:0 8px 40px rgba(0,0,0,.1);
      --ff:'Barlow',sans-serif;--ff-cond:'Barlow Condensed',sans-serif;
      --r:12px;--r-lg:20px;--r-xl:50px;--ease:cubic-bezier(.4,0,.2,1);font-size:16px;
    }
    *,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
    html{scroll-behavior:smooth;}
    body{ font-family: "Montserrat", sans-serif; background:var(--white);color:var(--text);overflow-x:hidden; position: relative;}
    
    
    img{display:block;max-width:100%;}
    a{text-decoration:none;color:inherit;}
    ul{list-style:none;}
a{
  cursor: pointer;
}
.u-wrap {
	width: 1340px;
	margin-inline: auto;
	padding: 0 20px;
}
    .tag{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem 1rem;border-radius:var(--r-xl);font-size:1rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;}
    .tag--red{background:var(--red);color:var(--white);}
    .tag--yellow{background:var(--yellow);color:var(--text);}
    .tag--blue{background:var(--blue);color:var(--white);}
    .tag--green{background:var(--green);color:var(--white);}
    .section-label{font-size:1rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--red);}
.section-title {
    font-family: "Montserrat", sans-serif;
    font-size: clamp(2rem,4vw,3rem);
    font-weight: 700;
    line-height: 1.1;
    color: var(--text);
    margin-bottom: 20px;
}   .section-title span{color:var(--red);}
    .reveal{opacity:0;transform:translateY(24px);transition:opacity .6s var(--ease),transform .6s var(--ease);}
    .reveal.visible{opacity:1;transform:translateY(0);}

    .header-area__inner {
      position: relative;
      left: 0;
      width: 100%;
      z-index: 33;
    }
    /* TOPBAR */
.topbar {
	background: #fff;
	padding: .5rem 0;
	border-bottom: 1px solid #cccccc73;
}


.header-area.sticky .topbar {
  display: none;
}
.header-area.sticky .navbar {
  background: #fff;
  box-shadow: 0px 0px 5px #00000024;
}
    .topbar__inner{display:flex;align-items:center;justify-content:space-between;}
    .topbar__ticker{flex:1;overflow:hidden;}
.topbar__slide {
	color: var(--text-mid);
	font-size: 1rem;
	white-space: nowrap;
	display: flex;
	align-items: center;
	gap: .5rem;
}
.topbar__slide b {
	color: var(--red);
}
    .topbar__links{display:flex;gap:1.2rem;flex-shrink:0;margin-left:2.5rem;}
.topbar__links a {
	font-size: 1rem;
	color: var(--text-mid);
	transition: color .2s;
}  .topbar__links a:hover{color:var(--white);}

    /* NAVBAR */
.navbar {
	position: sticky;
	top: 0;
	z-index: 200;
	background: #FFF0;
	box-shadow: none;
	border-bottom: none;
}
.navbar__inner {
	display: flex;
	align-items: center;
	gap: 2.5rem;
	padding-block: 1rem;
	justify-content: space-between;
}
    .navbar__logo {
      font-family: var(--ff-cond);
      font-size: 1.9rem;
      font-weight: 900;
      letter-spacing: -.02em;
      color: var(--text);
      flex-shrink: 0;
      line-height: 1;
      max-width: 160px;
    }
    .navbar__logo span{color:var(--red);}
.navbar__nav {
	display: flex;
	align-items: center;
	gap: 15px;
	flex: 1;
	justify-content: center;
	margin: 0;
}
    .navbar__nav-item{position:relative;}
    .navbar__nav-link{display:flex;align-items:center;gap:.25rem;padding:.55rem 1rem;border-radius:var(--r);font-size:1rem;font-weight:600;color:var(--text-mid);transition:all .2s;white-space:nowrap;}
.navbar__nav-link:hover, .navbar__nav-link.active {
    color: var(--blue);
}
    .navbar__nav-link svg{width:13px;height:13px;transition:transform .2s;}
    .navbar__nav-item:hover>.navbar__nav-link svg{transform:rotate(180deg);}
    .navbar__dd{position:absolute;top:calc(100% + .6rem);left:0;background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);min-width:200px;box-shadow:var(--shadow-md);padding:.5rem 0;opacity:0;visibility:hidden;transform:translateY(8px);transition:all .22s var(--ease);z-index:300;}
    .navbar__nav-item:hover .navbar__dd{opacity:1;visibility:visible;transform:translateY(0);}
    .navbar__dd-link{display:flex;align-items:center;gap:.6rem;padding:.65rem 1.2rem;font-size:1rem;color:var(--text-mid);transition:all .18s;}
    .navbar__dd-link:hover{color:var(--red);background:var(--red-pale);padding-left:2.5rem;}
    .navbar__dd-link span{font-size:.65rem;font-weight:700;}
    .navbar__actions{display:flex;align-items:center;gap:.8rem;flex-shrink:0;}
    .navbar__search{display:flex;align-items:center;gap:.5rem;background:var(--light);border-radius:var(--r-xl);padding:.5rem 1rem;border:1.5px solid transparent;transition:all .2s;}
    .navbar__search:focus-within{border-color:var(--red);background:var(--white);}
    .navbar__search input{border:none;outline:none;background:transparent;font-family:var(--ff);font-size:1rem;width:160px;color:var(--text);}
    .navbar__search input::placeholder{color:var(--text-soft);}
    .navbar__icon-btn{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--light);border:none;cursor:pointer;font-size:1rem;color:var(--text-mid);transition:all .2s;position:relative;}
    .navbar__icon-btn:hover{background:var(--red-pale);color:var(--red);}
    .navbar__cart-count{position:absolute;top:-4px;right:-4px;width:16px;height:16px;border-radius:50%;background:var(--red);color:var(--white);font-size:.55rem;font-weight:800;display:flex;align-items:center;justify-content:center;transition:transform .2s;}
    .navbar__cta{background:var(--red);color:var(--white);padding:.55rem 1.4rem;border-radius:var(--r-xl);font-size:1rem;font-weight:700;letter-spacing:.04em;transition:all .22s;border:none;cursor:pointer;white-space:nowrap;box-shadow:0 4px 16px rgba(255,67,81,.35);}
    .navbar__cta:hover{background:var(--red-dark);transform:translateY(-1px);box-shadow:0 8px 24px rgba(255,67,81,.45);}
    .navbar__burger{display:none;flex-direction:column;gap:5px;background:transparent;border:none;cursor:pointer;padding:.3rem;}
    .navbar__burger span{display:block;width:22px;height:2px;background:var(--text);border-radius:2px;transition:.25s;}
    .navbar__burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
    .navbar__burger.open span:nth-child(2){opacity:0;}
    .navbar__burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
    .navbar__mobile {
      max-height: 0;
      overflow: hidden;
      background: var(--white);
      transition: max-height .35s var(--ease);
      display: none;
    }
    .navbar__mobile.open {
      max-height: 500px;
    }   
     .navbar__mobile-link{display:block;padding:1rem 2.5rem;font-size:.92rem;font-weight:600;color:var(--text-mid);border-bottom:1px solid var(--border);transition:all .2s;}
    .navbar__mobile-link:hover{color:var(--red);padding-left:2rem;}
   .header-area__inner {
            background: #fff;
            box-shadow: 0 2px 5px rgba(0,0,0,0.05);
            transition: all .3s ease;
        }
    /* HERO SLIDER */
    .hero-slider{position:relative;}
    .hero-slide{position:relative;overflow:hidden;display:flex;align-items:center;}
    .hero-slide img {
      min-height: 700px;
      object-fit: cover;
    }
    .hero-slide a{
      width:100%;
    }
    .hero-slide--1{background:linear-gradient(130deg,#FF4351 0%,#FF6060 40%,#FFB347 100%);}
    .hero-slide--2{background:linear-gradient(130deg,#1A2B6D 0%,#2F4299 50%,#0F1A4A 100%);}
    .hero-slide--3{background:linear-gradient(130deg,#0D0D0D 0%,#1A1A1A 50%,#2D1A00 100%);}
    .hero-slide__shape{position:absolute;border-radius:50%;opacity:.12;}
    .hero-slide__shape--1{width:500px;height:500px;background:rgba(255,255,255,1);top:-150px;right:-100px;}
    .hero-slide__shape--2{width:300px;height:300px;background:rgba(255,255,255,1);bottom:-80px;left:30%;}
    .hero-slide__inner{width:min(1280px);margin-inline:auto;display:grid;grid-template-columns:1.1fr 1fr;gap:3rem;align-items:center;padding-block:4rem;position:relative;z-index:1;}
    .hero-slide__tag{margin-bottom:1rem;}
    .hero-slide__title{font-family: "Montserrat", sans-serif;font-size:clamp(2.4rem,6vw,5rem);font-weight:900;line-height:1.0;color:var(--white);margin-bottom:.6rem;text-transform:uppercase;}
    .hero-slide__sub{font-size:1rem;color:rgba(255,255,255,.82);line-height:1.7;margin-bottom:1.8rem;}
    .hero-slide__specs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;}
    .hero-slide__spec{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);color:var(--white);font-size:1rem;font-weight:600;padding:.35rem 1rem;border-radius:var(--r-xl);backdrop-filter:blur(4px);}
    .hero-slide__btns{display:flex;gap:1rem;flex-wrap:wrap;}
    .hero-slide__visual{display:flex;align-items:center;justify-content:center;position:relative;}
    .hero-slide__price-tag{position:absolute;bottom:2rem;right:-1rem;background:var(--white);border-radius:var(--r-lg);padding:1rem 1.2rem;box-shadow:0 8px 32px rgba(0,0,0,.15);text-align:center;}
    .hero-slide__price-label{font-size:1rem;color:var(--text-soft);text-transform:uppercase;letter-spacing:.08em;}
    .hero-slide__price-num{font-family: "Montserrat", sans-serif;font-size:1.8rem;font-weight:900;color:var(--red);line-height:1;}
    .hero-slide__price-old{font-size:1rem;color:var(--text-soft);text-decoration:line-through;}
    .hero-slider .owl-dots{position:absolute;bottom:2.5rem;left:50%;transform:translateX(-50%);display:flex;gap:.5rem;z-index:10;}
    .hero-slider .owl-dot span{width:10px;height:10px;border-radius:50%;background:#fff;display:block;transition:all .3s;}
.hero-slider .owl-dot.active span {
	background: var(--red);
	width: 28px;
	border-radius: 4px;
}
.hero-slider .owl-nav button {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: var(--text) !important;
	border: 1.5px solid rgba(255,255,255,.3) !important;
	border-radius: 50% !important;
	width: 46px;
	height: 46px;
	color: var(--white) !important;
	font-size: 1.2rem !important;
	transition: all .22s;
	z-index: 10;
}   .hero-slider .owl-nav button:hover{background: var(--text)  !important;}
    .hero-slider .owl-nav .owl-prev{left:2.5rem;}
    .hero-slider .owl-nav .owl-next{right:2.5rem;}
    @keyframes phoneFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-14px);}}

    /* BUTTONS */
    .btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;border-radius:var(--r-xl);font-family:var(--ff);font-size:1rem;font-weight:700;cursor:pointer;border:none;transition:all .25s var(--ease);letter-spacing:.04em;}
    .btn--red{background:var(--red);color:var(--white);box-shadow:0 6px 20px rgba(255,67,81,.4);}
    .btn--red:hover{background:var(--red-dark);transform:translateY(-2px);box-shadow:0 10px 28px rgba(255,67,81,.5);}
    .btn--white{background:var(--white);color:var(--red);}
    .btn--white:hover{background:var(--off-white);transform:translateY(-1px);}
    .btn--outline-white{background:transparent;color:var(--white);border:2px solid rgba(255,255,255,.5);}
    .btn--outline-white:hover{border-color:var(--white);background:rgba(255,255,255,.1);}
    .btn--blue{background:var(--blue);color:var(--white);}
.btn--blue:hover {
	background: var(--blue-lt);
	transform: translateY(-1px);
	color: #fff;
}    .btn--sm{padding:.6rem 1.4rem;font-size:.8rem;}

    /* STATS BAR */
    .stats-bar{background:var(--text);padding-block:2.5rem;}
    .stats-bar__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;text-align:center;}
    .stats-bar__item{display:flex;align-items:center;justify-content:center;gap:1rem;}
.stats-bar__icon {
	font-size: 2.6rem;
}
.stats-bar__num {
	font-family: var(--ff-cond);
	font-size: 2.5rem;
	font-weight: 800;
	color: var(--white);
	line-height: 1;
	text-align: left;
}  

.stats-bar__label {
	font-size: 1rem;
	color: rgba(255,255,255,.55);
	text-transform: uppercase;
	margin-top: 10px;
}

.bg-background{
  background-color: var(--off-white);
}

    /* HOT PRODUCTS */
    .hot-products{padding-block:5rem;background:var(--white);}
.hot-products__header {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	margin-bottom: 2.5rem;
	flex-wrap: wrap;
	gap: 1rem;
	text-align: center;
}    .hot-products__view-all{font-size:1rem;font-weight:700;color:var(--red);display:flex;align-items:center;gap:.35rem;transition:gap .2s;}
    .hot-products__view-all:hover{gap:.6rem;}
    .hot-products__layout{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;}
.hot-products__featured {
	border-radius: var(--r-lg);
	padding: 0;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	min-height: 480px;
	gap: 30px;
	position: relative;
	object-fit: cover;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}.hot-products__featured::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 70% 30%,rgba(255,67,81,.2) 0%,transparent 60%);}
    .hot-products__featured-tag{margin-bottom:1rem;}
.hot-products__featured-name {
	font-family: var(--ff-cond);
	font-size: 3.8rem;
	font-weight: 700;
	color: var(--text);
	line-height: 1;
	margin-bottom: .5rem;
}
.overlay_image_content {
	position: absolute;
	top: 0;
	width: 100%;
	text-align: center;
	justify-content: center;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 60px;
	justify-content: start;
}

.hot-products__featured-tagline {
	font-size: 1.2rem;
	margin-bottom: 1.2rem;
}   .hot-products__featured-prices{display:flex;align-items:center;gap:1rem;margin-bottom:2.5rem;flex-wrap:wrap;}
.hot-products__featured-price-box {
	background: var(--text);
	border: 1px solid rgba(255,255,255,.12);
	border-radius: var(--r);
	padding: .6rem 1rem;
	text-align: center;
}    .hot-products__featured-variant{font-size:1rem;color:rgba(255,255,255,.5);letter-spacing:.08em;margin-bottom:.15rem;}
.hot-products__featured-pnum {
	font-family: var(--ff-cond);
	font-size: 1.5rem;
	font-weight: 800;
	color: var(--yellow);
}    .hot-products__grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;}

    /* PRODUCT CARD */
    .product-card{background:var(--white);border:1.5px solid var(--border);border-radius:var(--r-lg);overflow:hidden;transition:all .28s var(--ease);cursor:pointer;}
    .product-card:hover{border-color:var(--red);transform:translateY(-5px);box-shadow:var(--shadow);}
    .product-card__img{background:var(--light);aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:5.5rem;position:relative;overflow:hidden;}
.product-card__badge {
	position: absolute;
	top: 0;
	right: 0;
	align-items: start;
	justify-content: start;
	line-height: initial;
	display: flex;
	top: 10px;
	right: 10px;
}    .product-card__wish{position:absolute;top:.7rem;right:.7rem;width:30px;height:30px;border-radius:50%;background:var(--white);border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.8rem;transition:all .2s;opacity:0;}
    .product-card:hover .product-card__wish{opacity:1;}
    .product-card__wish:hover{background:var(--red-pale);border-color:var(--red);color:var(--red);}
    .product-card__body{padding:1rem 1.1rem 1.3rem;}
    .product-card__name{font-weight:700;font-size:1.2rem;margin-bottom:.2rem;color:var(--text);}
    .product-card__subtitle{font-size:1rem;color:var(--text-soft);margin-bottom:.8rem;}
    .product-card__footer{display:flex;align-items:center;justify-content:space-between;}
    .product-card__price{font-family: "Montserrat", sans-serif;font-size:1.25rem;font-weight:800;color:var(--red);}
    .product-card__price-old{font-size:1rem;color:var(--text-soft);text-decoration:line-through;}
.product-card__add {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: var(--text);
	color: var(--white);
	border: none;
	font-size: 1.1rem;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .2s;
	box-shadow: 0 4px 12px rgba(255,67,81,.3);
}   




.blog-detail-content .content-gallery {
	color: inherit;
}

.product-card__add:hover{background:var(--red-dark);transform:scale(1.1);}
.section-title.section-title__v2 {
	font-size: 30px;
}
    /* PRODUCT FEATURE SECTION */
.product-landing {
	padding-block: 20px;
	background: var(--off-white);
}

.u-wrap.content-gallery p {
  display: inline-block;
  display: inline-block;
  width: 100%;
}
.u-wrap.content-gallery p img {
  display: inline-block;
}

.u-wrap.content-gallery {
  text-align: center;
  display: flex;
}
.u-wrap.content-gallery img {
  border-radius: 10px;
}
    .product-landing__inner{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;}
    .product-landing__visual{position:relative;text-align:center;}
    .product-landing__phone-bg{position:absolute;inset:-2rem;background:radial-gradient(ellipse at center,rgba(255,67,81,.1) 0%,transparent 65%);pointer-events:none;}
    .product-landing__phone-emoji{font-size:14rem;line-height:1;filter:drop-shadow(0 30px 50px rgba(255,67,81,.25));animation:phoneFloat 5s ease-in-out infinite;position:relative;z-index:1;}
.product-landing__color-dots {
	display: flex;
	justify-content: start;
	gap: 1rem;
	margin-top: 2.5rem;
	align-items: start;
}  
.dotLabel{
  margin-top:10px;
}
.section-label.section-label__model {
	font-size: 20px;
	letter-spacing: inherit;
}
  .product-landing__dot{width:18px;height:18px;border-radius:50%;cursor:pointer;border:3px solid transparent;transition:all .2s;box-shadow:0 2px 8px rgba(0,0,0,.15);}
    .product-landing__dot.active{border-color:var(--red);transform:scale(1.2);}
    .product-landing__name{font-family: "Montserrat", sans-serif;font-size:3.5rem;font-weight:900;line-height:1;color:var(--text);margin-bottom:.4rem;}
    .product-landing__tagline{font-family: "Montserrat", sans-serif;font-size:1.4rem;font-style:italic;color:var(--red);margin-bottom:2.5rem;font-weight:600;}
.product-landing__desc {
	font-size: 1rem;
	color: var(--text-mid);
	line-height: 1.75;
	margin-bottom: 2rem;
}    .product-landing__features{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem;}
    .feature-pill{background:var(--white);border:1.5px solid var(--border);border-radius:var(--r-lg);padding:1rem 1.1rem;display:flex;align-items:center;gap:1rem;transition:all .22s;}
    .feature-pill:hover{border-color:var(--red);box-shadow:var(--shadow);}
    .feature-pill__icon{width:44px;height:44px;border-radius:var(--r);background:var(--red-pale);display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0;}
    .feature-pill__num{font-family: "Montserrat", sans-serif;font-size:1.2rem;font-weight:800;color:var(--red);line-height:1;}
    .feature-pill__label{font-size:1rem;color:var(--text-soft);}
    .product-landing__price-row{display:flex;align-items:center;gap:2.5rem;margin-bottom:2.5rem;flex-wrap:wrap;}
    .product-landing__price{font-family: "Montserrat", sans-serif;font-size:2.5rem;font-weight:900;color:var(--red);line-height:1;}
    .product-landing__price-old{font-size:1rem;color:var(--text-soft);text-decoration:line-through;}

    /* SPEC SECTION */
    .spec-section{padding-block:5.5rem;background:var(--off-white);}
.spec-section__inner {
	display: flex;
	grid-template-columns: 1fr 1.2fr;
	gap: 4rem;
	align-items: start;
	justify-content: space-between;
}   
.spec-section__inner  .inside-spec-tab{
  width: 100%;
} .spec-section__visual{text-align:center;}
    .spec-section__phone{font-size:11rem;line-height:1;filter:drop-shadow(0 20px 40px rgba(255,67,81,.2));}
    .spec-section__color-name{margin-top:1rem;font-size:1rem;color:var(--text-soft);font-weight:600;}
    .spec-section__colors{display:flex;justify-content:center;gap:.7rem;margin-top:1rem;}
    .spec-dot{width:16px;height:16px;border-radius:50%;cursor:pointer;border:2.5px solid transparent;transition:all .2s;box-shadow:0 2px 6px rgba(0,0,0,.15);}
    .spec-dot.active{border-color:var(--red);transform:scale(1.2);}
    .spec-tabs{display:flex;gap:.5rem;margin-bottom:2.5rem;flex-wrap:wrap;}
    .spec-tab{padding:.5rem 1.2rem;border-radius:var(--r-xl);font-size:1rem;font-weight:700;cursor:pointer;border:1.5px solid var(--border);color:var(--text-mid);transition:all .2s;background:var(--white);}
    .spec-tab.active{background:var(--red);color:var(--white);border-color:var(--red);}
    .spec-tab:hover:not(.active){border-color:var(--red);color:var(--red);}
    .spec-table{background:var(--white);border-radius:var(--r-lg);overflow:hidden;border:1.5px solid var(--border);}
    .spec-row{display:grid;grid-template-columns:160px 1fr;border-bottom:1px solid var(--border);transition:background .15s;}
    .spec-row:last-child{border-bottom:none;}
    .spec-row:hover{background:var(--red-pale);}
    .spec-row__label{padding:1.2rem 1.2rem;font-size:1rem;font-weight:700;color:var(--text-mid);background:var(--light);border-right:1px solid var(--border);}
    .spec-row__value{padding:1.2rem 1.2rem;font-size:1rem;color:var(--text);}
    .spec-row__value b{color:var(--red);}

    /* VIDEO SECTION */
    .video-section{padding-block:5rem;background:var(--white);}
    .video-section__header{text-align:center;margin-bottom:3rem;}
    .video-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;}
    .video-card{border-radius:var(--r-lg);overflow:hidden;background:var(--light);position:relative;cursor:pointer;aspect-ratio:9/16;transition:all .28s var(--ease);}
    .video-card:hover{transform:scale(1.03);box-shadow:var(--shadow-md);}
.video-card__bg {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 3rem;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}    .video-card__overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.75) 0%,rgba(0,0,0,.1) 60%);}
    .video-card__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--red);box-shadow:0 4px 16px rgba(0,0,0,.3);}
    .video-card__duration{position:absolute;bottom:.6rem;right:.6rem;background:rgba(0,0,0,.7);color:var(--white);font-size:.65rem;font-weight:700;padding:.15rem .4rem;border-radius:4px;}
    .video-card__info{position:absolute;bottom:0;left:0;right:0;padding:1rem;}
    .video-card__title{font-size:1rem;color:var(--white);font-weight:600;line-height:1.4;margin-bottom:.3rem;}
    .video-card__views{font-size:1rem;color:rgba(255,255,255,.65);}
    .video-card__tag{position:absolute;top:.6rem;left:.6rem;}

    /* ORDER SECTION */
    .order-section{padding-block:5.5rem;background:var(--off-white);}
    .order-section__inner{display:grid;grid-template-columns:1.1fr 1fr;gap:5rem;align-items:start;}
    .order-section__perks{display:flex;flex-direction:column;gap:1rem;margin-block:1.8rem 2.5rem;}
    .order-perk{display:flex;align-items:center;gap:1rem;background:var(--white);border:1.5px solid var(--border);border-radius:var(--r-lg);padding:.9rem 1.2rem;transition:border-color .2s;}
    .order-perk:hover{border-color:var(--red);}
    .order-perk__icon{width:42px;height:42px;border-radius:var(--r);background:var(--red-pale);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;}
    .order-perk__title{font-size:1rem;font-weight:700;color:var(--text);}
    .order-perk__sub{font-size:1rem;color:var(--text-soft);}
    .order-form{background:var(--white);border-radius:var(--r-lg);padding:2.4rem 2.2rem;box-shadow:var(--shadow-md);border:1.5px solid var(--border);position:relative;overflow:hidden;}
    .order-form::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--red),var(--red-light),var(--yellow));}
    .order-form__title{font-family: "Montserrat", sans-serif;font-size:1.6rem;font-weight:800;color:var(--text);margin-bottom:.3rem;}
    .order-form__sub{font-size:1rem;color:var(--text-soft);margin-bottom:1.8rem;}
    .form{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;}
    .form__group{display:flex;flex-direction:column;gap:.4rem;}
    .form__group--full{grid-column:1 / -1;}
    .form__label{font-size:1rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-mid);}
    .form__label span{color:var(--red);}
    .form__input,.form__select,.form__textarea{width:100%;padding:1rem 1rem;border:1.5px solid var(--border);border-radius:var(--r);font-family:var(--ff);font-size:.9rem;color:var(--text);background:var(--off-white);outline:none;transition:all .22s var(--ease);}
    .form__input:focus,.form__select:focus,.form__textarea:focus{border-color:var(--red);background:var(--white);box-shadow:0 0 0 3px rgba(255,67,81,.1);}
    .form__textarea{resize:vertical;min-height:88px;}
    .form__variants{display:flex;gap:.5rem;flex-wrap:wrap;}
    .form__variant{padding:.45rem .9rem;border-radius:var(--r-xl);font-size:.8rem;font-weight:700;cursor:pointer;border:1.5px solid var(--border);color:var(--text-mid);transition:all .2s;background:var(--white);}
    .form__variant:hover,.form__variant.active{border-color:var(--red);background:var(--red-pale);color:var(--red);}
    .form__submit{grid-column:1 / -1;width:100%;padding:1.05rem 2rem;background:var(--red);color:var(--white);border:none;border-radius:var(--r-xl);font-family:var(--ff);font-size:1.2rem;font-weight:800;cursor:pointer;transition:all .25s;box-shadow:0 6px 20px rgba(255,67,81,.4);letter-spacing:.04em;}
    .form__submit:hover{background:var(--red-dark);transform:translateY(-2px);box-shadow:0 12px 30px rgba(255,67,81,.5);}
    .form__disclaimer{grid-column:1 / -1;text-align:center;font-size:1rem;color:var(--text-soft);}

    /* BRANDS */
    .brands{padding-block:3rem;background:var(--white);border-top:1px solid var(--border);}
    .brands__label{text-align:center;font-size:1rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-soft);margin-bottom:1.8rem;}
    .brands__row{display:flex;align-items:center;justify-content:center;gap:2.5rem;flex-wrap:wrap;}
    .brands__item{font-family: "Montserrat", sans-serif;font-size:1.3rem;font-weight:900;color:var(--text-soft);letter-spacing:.06em;transition:color .2s;}
    .brands__item:hover{color:var(--red);}

    /* FOOTER */
    .footer{background:var(--text);padding-block:4rem 2rem;}
    .footer__main{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem;}
    .footer__logo{font-family: "Montserrat", sans-serif;font-size:2rem;font-weight:900;color:var(--white);margin-bottom:.8rem;}
    .footer__logo span{color:var(--red);}
    .footer__desc{font-size:1rem;color:rgba(255,255,255,.5);line-height:1.75;max-width:280px;margin-bottom:2.5rem;}
    .footer__socials{display:flex;gap:.7rem;}
    .footer__social i {
      line-height: initial;
    }    .footer__social:hover{background:var(--red);color:var(--white);border-color:var(--red);}
    .footer__col-title{font-size:1rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin-bottom:1.2rem;}
    .footer__col-link{display:block;font-size:1rem;color:rgba(255,255,255,.5);margin-bottom:.65rem;transition:color .2s;}
    .footer__col-link:hover{color:var(--white);}
    .footer__bottom {
      border-top: 1px solid rgba(255,255,255,.08);
      padding-top: 2.5rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 1rem;
      text-align: center;
      justify-content: center;
    }    .footer__copy{font-size:1rem;color:rgba(255,255,255,.35);}
    .footer__legal{display:flex;gap:2.5rem;}
    .footer__legal a{font-size:1rem;color:rgba(255,255,255,.35);transition:color .2s;}
    .footer__legal a:hover{color:var(--white);}

    /* TOAST */
    .toast{display:none;position:fixed;bottom:2rem;right:2rem;background:var(--red);color:var(--white);padding:1rem 1.6rem;border-radius:var(--r);font-weight:700;font-size:1rem;z-index:999;box-shadow:0 8px 24px rgba(255,67,81,.4);align-items:center;gap:.6rem;}
    .toast.visible{display:flex;animation:slideUp .4s ease;}
    @keyframes slideUp{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:translateY(0);}}
    @keyframes phoneFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-14px);}}





  
/* ─── TESTIMONIALS ──────────────────────── */
.testi-sec{padding:7rem 0;background:#fff;}
.testi-sec__head{text-align:center;margin-bottom:3.5rem;}
.testi-avg{display:inline-flex;align-items:center;gap:.6rem;margin-top:.9rem;}
.testi-stars {
	color: #FFBE00;
	font-size: 1.5rem;
	letter-spacing: .08em;
}
.testi-avg-txt{font-size:1rem;font-weight:500;color:var(--g3);}
/* owl testi */
.testi-sec .owl-nav button {
	background: var(--text) !important;
	border: 1px solid var(--g2) !important;
	border-radius: 50% !important;
	width: 40px;
	height: 40px;
	color: var(--g4) !important;
	font-size: 1rem !important;
	box-shadow: 0 2px 8px rgba(0,0,0,.06);
	transition: all .2s;
	color: #fff !important;
}.testi-sec .owl-nav button:hover{background:var(--red);!important;color:#fff!important;border-color:var(--k)!important;}
.testi-sec .owl-nav{display:flex;justify-content:center;gap:.6rem;margin-top:2.2rem;}
.testi-sec .owl-dots{display:flex;justify-content:center;gap:.38rem;margin-top:.9rem;}
.testi-sec .owl-dot span{width:5px;height:5px;border-radius:50%;background:var(--g2);display:block;transition:all .3s;}
.testi-sec .owl-dot.active span{background:var(--r);width:20px;border-radius:2.5px;}
.tc {
	background: #fff;
	border: 1px solid #1515153b;
	border-radius: 24px;
	padding: 1.9rem 1.8rem;
	margin: .4rem;
	transition: all .3s;
	display: flex;
	flex-direction: column;
	gap: .9rem;
	position: relative;
	overflow: hidden;
}.tc::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,transparent);transition:background .3s;}
.tc:hover{border-color:rgba(255,67,81,.18);box-shadow:0 12px 40px rgba(255,67,81,.07);}
.tc:hover::before{background:linear-gradient(90deg,var(--r),rgba(255,67,81,.3));}
.tc__q-mark{font-family:var(--serif);font-size:3.5rem;color:var(--r);line-height:.55;font-style:italic;opacity:.25;align-self:flex-start;}
.tc__quote{font-size:.9rem;color:var(--k3);line-height:1.75;font-weight:400;font-style:italic;}
.tc__stars{color:#FFBE00;font-size:1.5rem;letter-spacing:.1em;}
.tc__auth{display:flex;align-items:center;gap:.8rem;margin-top:.3rem;}
.tc__av {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: .85rem;
	font-weight: 700;
	color: var(--r);
	border: 1px solid #ccc;
}.tc__name{font-size:.85rem;font-weight:700;color:var(--k);letter-spacing:-.01em;}
.tc__loc{font-size:.72rem;color:var(--g3);}
.tc__model{display:inline-flex;align-items:center;gap:.3rem;background:var(--g1);border-radius:20px;padding:.15rem .65rem;font-size:.66rem;font-weight:600;color:var(--g4);margin-top:.25rem;}

/* ─── BLOG ──────────────────────────────── */
.blog-sec{padding:7rem 0;background:var(--off-white);}
.blog-sec__head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:3rem;flex-wrap:wrap;gap:1rem;}
.blog-grid{display:grid;grid-template-columns:1.75fr 1fr 1fr;gap:1.4rem;align-items:start;}
.bc{background:#fff;border:1px solid var(--g2);border-radius:22px;overflow:hidden;transition:all .3s var(--ease);cursor:pointer;display:flex;flex-direction:column;}
.bc:hover{border-color:rgba(255,67,81,.18);box-shadow:0 14px 44px rgba(0,0,0,.07);transform:translateY(-4px);}
.bc__img-wrap{position:relative;overflow:hidden;}
.bc__img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .6s var(--ease);}
.bc--main .bc__img{aspect-ratio:16/10;}
.bc:hover .bc__img{transform:scale(1.05);}
.bc__cat{position:absolute;top:.85rem;left:.85rem;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-radius:20px;padding:.2rem .7rem;font-size:.63rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--r);}
.bc__body {
	padding: 1.4rem 1.5rem 1.6rem;
	flex: 1;
	display: flex;
	flex-direction: column;
	text-align: left;
}.bc__meta{display:flex;align-items:center;gap:.5rem;margin-bottom:.65rem;}
.bc__av-init{width:22px;height:22px;border-radius:50%;background:var(--g1);color:var(--g3);font-size:.62rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.bc__author{font-size:.73rem;font-weight:600;color:var(--g3);}
.bc__dot{width:2.5px;height:2.5px;border-radius:50%;background:var(--g2);}
.bc__date{font-size:.7rem;color:var(--g3);}
.bc__read-time{font-size:.7rem;color:var(--g3);}
.bc__title{font-size:.97rem;font-weight:700;color:var(--k);line-height:1.42;letter-spacing:-.01em;margin-bottom:.5rem;flex:1;}
.bc--main .bc__title{font-size:1.25rem;margin-bottom:.65rem;}
.bc__exc{font-size:1rem;color:var(--g3);line-height:1.65;margin-bottom:.9rem;font-weight:400;}
.bc__read{display:inline-flex;align-items:center;gap:.28rem;font-size:.78rem;font-weight:700;color:var(--r);transition:gap .2s;}
.bc:hover .bc__read{gap:.5rem;}
.bc--main__column{
  display: flex;
  flex-direction: column;
  gap: 1.4rem;
}


@media(max-width:767px){
  .blog-grid {
    display: block;
  }
}

.product-upper-heading {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 0 0px 30px;
	margin-top: 50px;
	border-bottom: 1px solid #cccccc45;
}
.product-upper-heading__group {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  line-height: initial;
  align-items: center;
}
.product-upper-heading h3 {
  margin: 0;
}
.product-upper-heading__group a {
  line-height: 1.3em;
  font-weight: 500;
  color: var(--blue);
}

    /* RESPONSIVE */
    @media(max-width:1299px){
      .u-wrap {
        width: 100%;
      }
    }
    @media(max-width:1100px){
      .navbar__nav{display:none;}.navbar__search{display:none;}.navbar__burger{display:flex;}
      .hot-products__layout{grid-template-columns:1fr;}.hot-products__featured {
	min-height: 320px;
	background: none;
}
      .product-landing__inner{grid-template-columns:1fr;}.spec-section__inner{grid-template-columns:1fr;}
      .order-section__inner{grid-template-columns:1fr;gap:2.5rem;}.footer__main{grid-template-columns:1fr 1fr;}
     .navbar__mobile.open {
        display: block;
      }  
    }
    @media(max-width:768px){
      :root{font-size:15px;}
      .hero-slide__inner{grid-template-columns:1fr;}.hero-slide__visual{display:none;}
      .stats-bar__grid{grid-template-columns:repeat(2,1fr);}.hot-products__grid{grid-template-columns:1fr 1fr;}
      .video-cards{grid-template-columns:repeat(2,1fr);}.product-landing__features{grid-template-columns:1fr 1fr;}
      .form{grid-template-columns:1fr;}.form__group--full{grid-column:1;}.form__submit{grid-column:1;}.form__disclaimer{grid-column:1;}
      .footer__main{grid-template-columns:1fr;}.topbar__links{display:none;}
    }
    @media(max-width:480px){.hot-products__grid{grid-template-columns:1fr;}.video-cards{grid-template-columns:1fr 1fr;}}
    
      @media(max-width:991px){
          .hero-slide img{min-height:350px;}
          
      }
       @media(max-width:500px){
          .hero-slide img {
            	min-height: 220px;
            }
          
      }

 @media(max-width:375px){
          .hero-slide img {
            	min-height: 200px;
            }
          
      }

.hide-desktop{
    display:none;
}

 @media(max-width:767px){
    .hide-desktop {
	display: block;
	text-align: center;
}
.hide-phone{
    display:none;
}
 }





    
/* SECTION wrapper */
.feat-bento {
	padding: 6rem 0;
}
.feat-bento .wrap {
  width: min(1280px, 90%);
  margin-inline: auto;
}

/* Section header */
.feat-bento__head {
  text-align: center;
  margin-bottom: 2.8rem;
}

/* ── GRID ────────────────────────────────── */
.feat-bento__grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: 280px 280px 280px;
  gap: 12px;
}

/* ── TILE BASE ───────────────────────────── */
.fb-tile {
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1.4rem 1.5rem;
  transition: transform .35s cubic-bezier(.16,1,.3,1), box-shadow .35s;
}
.fb-tile:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 48px rgba(0,0,0,.1);
}

/* bg image sits behind content */
.fb-tile__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .55s cubic-bezier(.16,1,.3,1);
}
.fb-tile:hover .fb-tile__img { transform: scale(1.04); }

.fb-tile__overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.fb-tile__top,
.fb-tile__bottom {
  position: relative;
  z-index: 1;
}

/* label + title inside tile */
.fb-tile__eyebrow {
  font-size: .65rem;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  opacity: .65;
  display: block;
  margin-bottom: .28rem;
}
.fb-tile__title {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -.01em;
}
.fb-tile__big-num {
  font-size: 3.2rem;
  font-weight: 900;
  letter-spacing: -.04em;
  line-height: 1;
}
.fb-tile__big-num span {
  font-size: 1.1rem;
  font-weight: 600;
  opacity: .7;
}
.fb-tile__sub {
  font-size: .72rem;
  font-weight: 500;
  letter-spacing: .06em;
  text-transform: uppercase;
  opacity: .5;
  margin-top: .2rem;
}
.fb-tile__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 2px solid rgba(255,255,255,.25);
  font-size: .82rem;
  font-weight: 800;
}

/* ── TILE COLOURS / POSITIONS ────────────── */

/* A: Display — wide top-left */
.fb-tile--display {
  grid-column: 1 / 8;
  grid-row: 1 / 2;
  background: linear-gradient(135deg, #0a1a4a 0%, #1a3a8a 100%);
  color: #fff;
}
.fb-tile--display .fb-tile__overlay {
  background: linear-gradient(90deg, rgba(10,26,74,.5) 0%, transparent 60%);
}

/* B: Phone back — tall right spanning 2 rows */
.fb-tile--phone {
  grid-column: 8 / 13;
  grid-row: 1 / 3;
  background: #dce8f5;
  color: #0a1a4e;
}

/* C: Gorilla Glass — bottom-left of row 2 */
.fb-tile--glass {
  grid-column: 1 / 5;
  grid-row: 2 / 3;
  background: #f0f0ec;
  color: #1a1a2e;
}

/* D: Processor */
.fb-tile--chip {
  grid-column: 5 / 8;
  grid-row: 2 / 3;
  background: linear-gradient(135deg, #0d1a3a 0%, #122860 100%);
  color: #fff;
}

/* E: Battery — wide bottom-left */
.fb-tile--battery {
  grid-column: 1 / 7;
  grid-row: 3 / 4;
  background: linear-gradient(135deg, #0d5cad 0%, #0a9ee8 100%);
  color: #fff;
}

/* F: IP65 — bottom-right */
.fb-tile--ip {
  grid-column: 7 / 13;
  grid-row: 3 / 4;
  background: linear-gradient(135deg, #1a1a2e 0%, #2a2a50 100%);
  color: #fff;
}

/* G: Camera — sits in second row, can swap with glass
   optional extra tile if you have a 3-col right slot */

/* ── RESPONSIVE ──────────────────────────── */
@media (max-width: 960px) {
  .feat-bento__grid {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    gap: 10px;
  }
  .fb-tile--display,
  .fb-tile--phone,
  .fb-tile--glass,
  .fb-tile--chip,
  .fb-tile--battery,
  .fb-tile--ip { grid-column: auto; grid-row: auto; min-height: 200px; }
  .fb-tile--phone { min-height: 260px; }
}
@media (max-width: 540px) {
  .feat-bento__grid { grid-template-columns: 1fr; }
  .fb-tile { min-height: 180px !important; }
}

.ov-mg-30{
  margin-top:30px;
  margin-bottom: 30px;
}

.border-hor-line{
  width:100%;
  height: 1px;
  background-color: #000;
  opacity: 0.1;
}
.product-dt-video iframe {
	height: 650px;
}
@media (max-width: 540px) {
.product-dt-video iframe {
	height: 300px;
}
}
@media (max-width: 767px) {
  .testi-avg{
    flex-direction: column;
    
  }
}

.bc-area {
	padding-top: 50px;
	background: #fafafa;
	text-align: center;
	padding-bottom: 50px;
}
.bc-area .breadcrumb li a {
	color: #000 !important;
}

.sec-padding {
	padding: 100px 0;
}
.product-images {
	display: flex;
	flex-direction: column;
	gap: 15px;
}


.hero {
	position: relative;
	min-height: 580px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 80px 24px 64px;
	text-align: center;
	overflow: hidden;
	background: #f0f3ff;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.hero::before {
	content: '';
	position: absolute;
	inset: 0;
	background: #fff;
	pointer-events: none;
	opacity: 0.78;
}

    /* decorative circles */
    .hero::after {
      content: '';
      position: absolute;
      width: 600px;
      height: 600px;
      border-radius: 50%;
      border: 1px solid rgba(65,95,255,0.08);
      top: -200px;
      right: -200px;
      pointer-events: none;
    }

    .hero-inner {
      position: relative;
      z-index: 1;
      width: 100%;
    }

    .Raeno-logo {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      margin-bottom: 32px;
    }

    .Raeno-logo span {
      font-size: 30px;
      color: var(--blue);
      letter-spacing: -1px;
    }

    .hero h1 {
      font-size: 42px;
      font-weight: 600;
      letter-spacing: -1.2px;
      line-height: 1.15;
      color: var(--blue);
      margin-bottom: 12px;
    }

    .hero p {
      font-size: 16px;
      font-weight: 300;
      color: var(--muted);
      margin-bottom: 32px;
    }

    .search-bar {
      display: flex;
      align-items: center;
      background: #ffffff;
      border: 1px solid var(--border);
      border-radius: 50px;
      padding: 12px 20px;
      gap: 10px;
      width: 100%;
      max-width: 460px;
      margin: 0 auto 18px;
      box-shadow: 0 2px 20px rgba(65,95,255,0.06);
      transition: border-color 0.2s, box-shadow 0.2s;
    }

    .search-bar:focus-within {
      border-color: var(--blue);
      box-shadow: 0 0 0 3px rgba(65,95,255,0.10);
    }

    .search-bar input {
      flex: 1;
      border: none;
      outline: none;
      font-size: 15px;
      color: var(--blue);
      background: transparent;
    }

    .search-bar input::placeholder {
      color: #aaaabc;
    }

    .search-bar svg {
      color: #aaaabc;
      flex-shrink: 0;
    }

    .quick-links {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 8px 20px;
    }

    .quick-links a {
      font-size: 14px;
      color: var(--muted);
      text-decoration: none;
      border-bottom: 1px solid transparent;
      transition: color 0.15s, border-color 0.15s;
    }

    .quick-links a:hover {
      color: var(--blue);
      border-color: var(--blue);
    }

    /* ─── SERVICES ─────────────────────────────────────── */
.services-section {
	background: var(--bg);
	position: relative;
	top: -50px;
	z-index: 333;
}

    .services-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	margin: 0 auto;
	border: 1px solid var(--border);
	border-radius: 20px;
	overflow: hidden;
	background: #fff;
}

    .service-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 14px;
        padding: 60px 20px;
        cursor: pointer;
        text-decoration: none;
        color: inherit;
        border-right: 1px solid var(--border);
        border-bottom: 1px solid var(--border);
        transition: background 0.15s, transform 0.15s;
        position: relative;
    }

    .service-item:hover {
      background: var(--blue-light);
    }

    .service-item:hover .svc-icon-wrap {
      background: var(--blue);
      border-color: var(--blue);
    }

    .service-item:hover .svc-icon-wrap svg {
      stroke: #fff;
    }

    .service-item:nth-child(3),
    .service-item:nth-child(6) {
      border-right: none;
    }

    .service-item:nth-child(4),
    .service-item:nth-child(5),
    .service-item:nth-child(6) {
      border-bottom: none;
    }

    .svc-icon-wrap {
      width: 90px;
      height: 90px;
      border-radius: 14px;
      border: 1px solid var(--border);
      background: var(--bg-soft);
      display: flex;
      align-items: center;
      justify-content: center;
      transition: background 0.15s, border-color 0.15s;
    }

   .svc-icon-wrap svg {
	width: 40px;
	height: 40px;
	stroke: var(--blue);
	stroke-width: 1.5;
	fill: none;
	transition: stroke 0.15s;
}

    .service-item span {
	font-size: 22px;
	font-weight: 600;
	color: var(--blue);
	text-align: center;
	line-height: 1.5;
}

    /* ─── CONTACT ──────────────────────────────────────── */
    .contact-section {
      background: var(--bg-soft);
      padding: 56px 24px;
    }

    .contact-section h2 {
      font-size: 26px;
      font-weight: 600;
      letter-spacing: -0.5px;
      text-align: center;
      margin-bottom: 32px;
    }

.contact-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	margin: 0 auto;
	background: var(--bg);
	border: 1px solid var(--border);
	border-radius: 20px;
	overflow: hidden;
}

    .contact-item {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 32px 16px;
      border-right: 1px solid var(--border);
      text-align: center;
      transition: background 0.15s;
      cursor: pointer;
    }

    .contact-item:last-child {
      border-right: none;
    }

    .contact-item:hover {
      background: var(--blue-light);
    }

    .contact-item:hover .ci-icon {
      background: var(--blue);
      border-color: var(--blue);
    }

    .contact-item:hover .ci-icon svg {
      stroke: #fff;
    }

.ci-icon {
	min-width: 60px;
	height: 60px;
	border-radius: 50%;
	border: 1px solid var(--border);
	background: var(--bg-soft);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 12px;
	transition: background 0.15s, border-color 0.15s;
}
    .ci-icon svg {
      width: 18px;
      height: 18px;
      stroke: var(--blue);
      stroke-width: 1.5;
      fill: none;
      transition: stroke 0.15s;
    }

    .ci-label {
        font-size: 20px;
        font-weight: 500;
        color: var(--blue);
        margin-bottom: 6px;
        word-break: break-word;
    }

    .ci-hours {
        font-size: 14px;
        color: var(--text);
        line-height: 1.6;
    }

    /* ─── RESPONSIVE ───────────────────────────────────── */
    @media (max-width: 700px) {
      .hero h1 { font-size: 28px; }
      .services-grid { grid-template-columns: repeat(2, 1fr); }
      .service-item:nth-child(2),
      .service-item:nth-child(4) { border-right: none; }
      .service-item:nth-child(3),
      .service-item:nth-child(5),
      .service-item:nth-child(6) { border-bottom: none; }
      .service-item:nth-child(3) { border-right: 1px solid var(--border); }
      .contact-grid { grid-template-columns: repeat(2, 1fr); }
      .contact-item:nth-child(2) { border-right: none; }
      .contact-item:nth-child(4) { border-right: none; }
      .contact-item { border-bottom: 1px solid var(--border); }
      .contact-item:last-child { border-bottom: none; }
    }











/* ── CHAT TRIGGER BUTTON ── */
.chat-btn {
	position: fixed;
	bottom: 28px;
	right: 28px;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: var(--red);
	border: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 20px rgba(65, 95, 255, 0.40);
	transition: transform 0.2s, background 0.2s;
	z-index: 1000;
}
    .chat-btn:hover {
      transform: scale(1.08);
	background: var(--red);
    }
 
    .chat-btn svg {
      width: 26px;
      height: 26px;
      fill: none;
      stroke: #fff;
      stroke-width: 1.8;
      transition: opacity 0.2s;
      position: absolute;
    }
 
    .chat-btn .icon-chat { opacity: 1; }
    .chat-btn .icon-close { opacity: 0; }
 
    .chat-btn.open .icon-chat { opacity: 0; }
    .chat-btn.open .icon-close { opacity: 1; }
 
    /* ── POPUP ── */
    .popup {
      position: fixed;
      bottom: 96px;
      right: 28px;
      width: 320px;
      background: #fff;
      border-radius: 16px;
      box-shadow: 0 8px 40px rgba(0, 0, 0, 0.14);
      z-index: 999;
      overflow: hidden;
 
      /* hidden state */
      opacity: 0;
      transform: translateY(16px) scale(0.97);
      pointer-events: none;
      transition: opacity 0.22s ease, transform 0.22s ease;
      transform-origin: bottom right;
    }
 
    .popup.open {
      opacity: 1;
      transform: translateY(0) scale(1);
      pointer-events: all;
    }
 
    /* header */
    .popup-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 22px 22px 16px;
      border-bottom: 1px solid #f0f0f5;
    }
 
    .popup-header h3 {
      font-size: 18px;
      font-weight: 600;
      color: #111118;
      letter-spacing: -0.3px;
    }
 
    .popup-close {
      width: 28px;
      height: 28px;
      border-radius: 50%;
      border: none;
      background: transparent;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #999;
      transition: background 0.15s, color 0.15s;
    }
 
    .popup-close:hover {
      background: #f0f0f5;
      color: #333;
    }
 
    .popup-close svg {
      width: 16px;
      height: 16px;
      stroke: currentColor;
      stroke-width: 2;
      fill: none;
    }
 
    /* contact list */
    .contact-list {
      padding: 8px 0 12px;
      max-height: 420px;
      overflow-y: auto;
    }
 

.contact-list a {
	display: flex;
	flex-direction: row;
	align-items: start;
	justify-content: start;
	text-align: left;
	gap: 20px;
	padding: 10px 20px;
}












 /* ── HERO ── */
    .service-area {
      position: relative;
      height: 260px;
      background: linear-gradient(to bottom, rgba(0,0,0,0.28), rgba(0,0,0,0.18)),
                  url('https://images.unsplash.com/photo-1556761175-5973dc0f32e7?w=1400&q=80') center/cover no-repeat;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      padding: 0 20px 24px;
    }

    .service-area h1 {
      font-size: 38px;
      font-weight: 600;
      color: #fff;
      letter-spacing: -0.5px;
      margin-bottom: 8px;
      text-shadow: 0 1px 8px rgba(0,0,0,0.2);
    }

    .service-area p {
      font-size: 15px;
      color: rgba(255,255,255,0.85);
      margin-bottom: 24px;
    }

    /* ── DROPDOWN TRIGGER ── */
    .location-dropdown-wrap {
      position: relative;
      width: 100%;
      max-width: 560px;
    }

    .location-trigger {
      width: 100%;
      background: #fff;
      border: none;
      border-radius: 50px;
      padding: 14px 20px;
      display: flex;
      align-items: center;
      gap: 10px;
      cursor: pointer;
      font-size: 15px;
      color: #333;
      box-shadow: 0 2px 16px rgba(0,0,0,0.12);
      transition: box-shadow 0.2s;
    }

    .location-trigger:hover { box-shadow: 0 4px 24px rgba(0,0,0,0.16); }

    .location-trigger svg.pin { width: 16px; height: 16px; stroke: #415FFF; fill: none; stroke-width: 2; flex-shrink: 0; }
    .location-trigger .loc-text { flex: 1; text-align: left; font-size: 15px; }
    .location-trigger svg.caret { width: 16px; height: 16px; stroke: #888; fill: none; stroke-width: 2; flex-shrink: 0; transition: transform 0.2s; }
    .location-trigger.open svg.caret { transform: rotate(180deg); }

    /* ── DROPDOWN PANEL ── */
    .dropdown-panel {
      position: absolute;
      top: calc(100% + 6px);
      left: 0; right: 0;
      background: #fff;
      border-radius: 16px;
      box-shadow: 0 8px 40px rgba(0,0,0,0.14);
      z-index: 100;
      overflow: hidden;
      display: none;
    }

    .dropdown-panel.open { display: block; }

    .dp-header {
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 14px 20px;
      border-bottom: 1px solid #f0f0f5;
    }

    .dp-header svg { width: 16px; height: 16px; stroke: #415FFF; fill: none; stroke-width: 2; }
    .dp-header span { font-size: 15px; color: #333; flex: 1; }

    /* tabs */
    .dp-tabs {
      display: flex;
      gap: 0;
      padding: 14px 20px 0;
    }

    .dp-tab {
      flex: 1;
      padding: 10px 0;
      border: none;
      border-radius: 8px;
      font-size: 14px;
      font-weight: 500;
      cursor: pointer;
      background: #f0f0f5;
      color: #888;
      transition: background 0.15s, color 0.15s;
    }

    .dp-tab:first-child { margin-right: 6px; }
    .dp-tab.active { background: #415FFF; color: #fff; }

    /* options grid */
    .dp-options {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 8px;
      padding: 16px 20px 20px;
    }

    .dp-opt {
      padding: 9px 12px;
      border: none;
      border-radius: 8px;
      font-size: 14px;
      cursor: pointer;
      background: transparent;
      color: #333;
      text-align: center;
      transition: background 0.15s, color 0.15s;
    }

    .dp-opt:hover { background: #eef1ff; color: #415FFF; }
    .dp-opt.active { background: #415FFF; color: #fff; }

    /* ── CONTENT SECTION ── */
    .content {
      max-width: 900px;
      margin: 40px auto;
      padding: 0 20px 60px;
    }


    .section-divider {
      width: 40px;
      height: 2px;
      background: #415FFF;
      margin: 0 auto 16px;
      border-radius: 2px;
    }

    .vivo-badge {
      width: 28px;
      height: 28px;
      background: #415FFF;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      margin-top: 2px;
    }

    .vivo-badge span {
      color: #fff;
      font-size: 11px;
      font-weight: 700;
      letter-spacing: -0.5px;
    }

    .section-desc p {
      font-size: 14px;
      color: #555;
      line-height: 1.6;
      max-width: 460px;
      text-align: center;
    }

    /* ── CARD ── */
    .center-card {
      background: #fff;
      border-radius: 16px;
      border: 1px solid #e8e8f0;
      overflow: hidden;
    }

    /* map placeholder */
    .map-area {
      width: 100%;
      height: 220px;
      background: #e8eaf0;
      position: relative;
      overflow: hidden;
    }

    .map-area iframe {
      width: 100%;
      height: 100%;
      border: none;
      display: block;
    }

    .map-placeholder {
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      gap: 8px;
      background: #eef0f8;
    }

    .map-placeholder svg { width: 36px; height: 36px; stroke: #415FFF; fill: none; stroke-width: 1.5; }
    .map-placeholder span { font-size: 13px; color: #888; }

    /* address info */
    .card-body {
      padding: 24px;
    }

    .card-body h3 {
      font-size: 17px;
      font-weight: 600;
      margin-bottom: 16px;
      color: #111;
    }

    .info-row {
      display: flex;
      align-items: flex-start;
      gap: 10px;
      margin-bottom: 12px;
    }

    .info-row svg {
      width: 16px;
      height: 16px;
      stroke: #aaa;
      fill: none;
      stroke-width: 1.8;
      flex-shrink: 0;
      margin-top: 2px;
    }

    .info-row span {
      font-size: 14px;
      color: #444;
      line-height: 1.5;
    }

    .note {
      margin-top: 16px;
      font-size: 13px;
      color: #d0021b;
      line-height: 1.6;
    }

    .card-actions {
      display: flex;
      gap: 20px;
      margin-top: 20px;
      padding-top: 16px;
      border-top: 1px solid #f0f0f5;
    }

    .card-actions a {
      font-size: 14px;
      color: #415FFF;
      text-decoration: none;
      font-weight: 500;
      display: flex;
      align-items: center;
      gap: 4px;
      transition: opacity 0.15s;
    }

    .card-actions a:hover { opacity: 0.75; }

    /* empty state */
    .empty-state {
      text-align: center;
      padding: 48px 20px;
      color: #aaa;
      font-size: 14px;
    }

    .empty-state svg {
      width: 40px; height: 40px;
      stroke: #ccc; fill: none;
      stroke-width: 1.5;
      margin-bottom: 12px;
    }

    
.service-area.hero h1 {
  color: var(--text);
  z-index: 111;
  text-shadow: none;
}
.service-area.hero p {
  color: #333;
  opacity: 1 !important;
  text-shadow: none;
  z-index: 222;
}


.support-section-title {
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.3px;
  margin-bottom: 6px;
}

.support-section-divider {
  width: 40px;
  height: 2px;
  background: #415FFF;
  margin: 0 auto 16px;
  border-radius: 2px;
}

.support-section-desc {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    text-align: center;
    justify-content: center;
    margin-bottom: 24px;
}

.overview-section__inner img {
	width: 100%;
	max-height: 750px;
	object-fit: cover;
}
.details-page-area {
	padding: 50px 0;
}

.selection-card .select2-container--default .select2-selection--single .select2-selection__clear {
	cursor: pointer;
	float: right;
	font-weight: bold;
	height: 26px;
	margin-right: 20px;
	padding-right: 0px;
	background: var(--red);
	width: 20px;
	border-radius: 100%;
	min-width: 20px;
	height: 20px;
	display: fj;
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
	color: #fff;
	left: 10px !important;
	margin-left: 10px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {

	background: var(--red) !important;
}
.header-area.sticky {
	position: relative;
}

.product-landing .u-wrap.content-gallery {
  flex-direction: column;
}



@media(max-width:767px){
.product-landing__inner {
    gap: 10px;
}
.owl-nav{
    display:none;
}
.product-landing__variant {
    margin-bottom: 24px;
    order: -1;
}
.product-landing__variant {
    margin-bottom: 24px;
    order: -1;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
}
.overlay_image_content .btn{
    display:none;
}
}

.product-landing__content {
    display: flex;
    flex-direction: column;
}

.product-card__add a svg {
	margin-left: 7px;
	margin-top: -3px;
	width: 15px;
	height: 15px;
}


.header-area.sticky {
	position: fixed;
	left: 0;
	animation: slideDown 0.3s ease;
}


/* Optional smooth entrance */
@keyframes slideDown {
    from {
        transform: translateY(-100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.header-area {
	width: 100%;
	z-index: 3333;
}