*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

a{
    text-decoration: none;
}
    :root{
      --bg:#f6f6f6;
      --card:#ffffff;
      --border:#e5e5e5;
      --text:#111111;
      --muted:#666666;
      --green:#008f45;
      --green-bg:#edf9f1;
      --red:#e53935;
      --red-bg:#fff0f0;
    }

    body{
      background:var(--bg);
      color:var(--text);
      font-family:'Poppins',sans-serif;
      min-height:100vh;
      margin:0;
    }

  /* ── Brand bar ── */
  .brand {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 40px;
  }
  .brand-logo {
    width: 44px; height: 44px;
    background: var(--accent);
    border-radius: 10px;
    display: grid; place-items: center;
    font-size: 22px; font-weight: 800;
    color: #000;
  }
  .brand-name {
    font-size: 20px; font-weight: 700;
    letter-spacing: -.5px;
  }
  .brand-name span { color: var(--accent); }

  /* ── Card ── */
  .card {
    width: 100%;
    max-width: 480px;
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    overflow: hidden;
    animation: rise .5s ease both;
  }
  @keyframes rise {
    from { opacity:0; transform: translateY(24px); }
    to   { opacity:1; transform: translateY(0); }
  }

  /* ── Status header ── */
  .status-bar {
    padding: 20px 28px;
    display: flex;
    align-items: center;
    gap: 14px;
  }
  .status-bar.genuine { background: rgba(0,232,122,.08); border-bottom: 1px solid rgba(0,232,122,.2); }
  .status-bar.fake    { background: rgba(255,76,76,.08);  border-bottom: 1px solid rgba(255,76,76,.2);  }

  .status-icon {
    width: 44px; height: 44px; border-radius: 50%;
    display: grid; place-items: center;
    font-size: 22px; flex-shrink: 0;
  }
  .genuine .status-icon { background: rgba(0,232,122,.15); }
  .fake    .status-icon { background: rgba(255,76,76,.15);  }

  .status-label { font-size: 11px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; opacity: .6; }
  .status-title { font-size: 18px; font-weight: 700; margin-top: 2px; }
  .genuine .status-title { color: var(--accent); }
  .fake    .status-title { color: var(--danger); }

  /* ── Product name banner ── */
  .product-name-bar {
    padding: 18px 28px;
    background: var(--surface);
    border-bottom: 1px solid var(--border);
  }
  .product-name-bar .label { font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: var(--muted); margin-bottom: 4px; }
  .product-name-bar .value { font-size: 22px; font-weight: 800; color: var(--text); }

  .scan-meta{
      margin-top:24px;
      font-size:13px;
      color:#777;
      text-align:center;
    }
  .scan-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--accent); display: inline-block; }

  /* ── Error card ── */
  .error-card {
    width: 100%; max-width: 420px;
    background: var(--card);
    border: 1px solid rgba(255,76,76,.3);
    border-radius: var(--radius);
    padding: 40px 32px;
    text-align: center;
    animation: rise .5s ease both;
  }
  .error-icon { font-size: 48px; margin-bottom: 16px; }
  .error-title { font-size: 22px; font-weight: 700; color: var(--danger); margin-bottom: 10px; }
  .error-msg { font-size: 14px; color: var(--muted); line-height: 1.6; }

 /* ── Footer ── */
footer{
  background:#005da8;
  margin-top:90px;
  padding:70px 20px;
  color:#fff;
}

.footer-inner{
  max-width:1200px;
  margin:auto;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:50px;
}

.footer-col h4{
  font-size:24px;
  margin-bottom:24px;
  font-weight:700;
}

.footer-col a{
  display:block;
  color:rgba(255,255,255,.85);
  text-decoration:none;
  margin-bottom:14px;
  font-size:15px;
}

.footer-col a:hover{
  color:#fff;
}

.footer-col p{
  color:rgba(255,255,255,.85);
  line-height:1.7;
  font-size:15px;
}

.footer-contact{
  margin-top:14px;
  font-weight:600;
}

.navbar{
    padding: 0;
}

.header__icons {
    display: flex;
    grid-area: icons;
    justify-self: end;
}
a.custom_whatsup.header__icon {
    border-right: 1px solid #707070;
    padding-right: 30px;
}
.header__icon, .header__icon--cart .icon {
    width: auto;
    height: 26px;
    margin-left: 30px;
}
.header__icon span {
    height: 100%;
}
.header__icons>a img, .header__search img {
    max-height: 20px;
}
.header__icon .icon {
    height: 2rem;
    width: 2rem;
    fill: none;
    vertical-align: middle;
}

@media screen and (min-width: 990px) {
    .header--top-center>.header__search, .header:not(.header--top-center) *>.header__search {
        display: inline-flex;
    }
}

    /*.topbar{*/
    /*  background:#fff;*/
    /*  border-bottom:1px solid var(--border);*/
    /*  padding:18px 30px;*/
    /*}*/
    
    /*.topbar-inner{*/
    /*  max-width:1100px;*/
    /*  margin:auto;*/
    /*  display:flex;*/
    /*  align-items:center;*/
    /*  justify-content:space-between;*/
    /*}*/
    
    .brand-logo-text{
      font-size:38px;
      font-weight:800;
      color:#005da8;
      letter-spacing:-1px;
    }
    
    .brand-logo-text span{
      color:#18a957;
    }
    
    .top-links{
      font-size:14px;
      color:var(--muted);
    }
    
    .topbar{
      background:#fff;
      border-bottom:1px solid var(--border);
      position:sticky;
      top:0;
      z-index:100;
    }
    
    .topbar-inner{
      max-width:1280px;
      margin:auto;
      height:78px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      padding:0 24px;
    }
    
    .logo-area{
      flex-shrink:0;
    }
    
    .brand-logo-text{
      font-size:44px;
      font-weight:800;
      color:#005da8;
      letter-spacing:-1px;
      line-height:1;
    }
    
    .brand-logo-text span{
      color:#18a957;
    }
    
    .main-nav{
      display:flex;
      align-items:center;
      gap:34px;
    }
    
    .nav-item{
      font-size:14px;
      font-weight:500;
      color:#111;
      cursor:pointer;
      transition:.2s;
    }
    
    .nav-item:hover{
      color:#18a957;
    }
    
    .nav-icons{
      display:flex;
      align-items:center;
      gap:22px;
      font-size:20px;
      cursor:pointer;
    }
        
    .verify-wrap{
        /* max-width: 720px; */
        width: 1280px;
        margin: 0px auto;
        padding: 0 20px;
        display: flex;
        justify-content: center;
        /*margin-top: 6%;*/
    }
    
    .verify-card{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 75%;
        /*margin-top: 2.5rem;*/
    }
    
    .verify-banner{
      display:flex;
      align-items:center;
      justify-content: center;
      gap:14px;
      background:var(--green-bg);
      border:2px dashed #008f4596;
      padding:10px 22px;
      border-radius:10px;
      
      max-width: 890px;
      margin: 28px 0;
      width: 100%;
    }
    
    .verify-icon{
      width:40px;
      height:40px;
      border-radius:50%;
      /*background:var(--green);*/
      color:#fff;
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:22px;
      font-weight:700;
      flex-shrink:0;
    }
    
    .verify-text{
      color:var(--green);
      font-size:16px;
      font-weight:500;
    }
    
    .section-title{
      text-align:center;
      font-size:30px;
      font-weight:500;
      margin-bottom: 16px;
      margin-top: 2rem;
    }
    
    .info-grid{
      width: 605px;
      /*background:#fff;*/
      border-top:1px solid var(--border);
      
    }
    
    .info-row{
      padding:24px 0;
      border-bottom:1px solid var(--border);
    }
    
    .info-label{
      color:#717171;
      font-size:16px;
      margin-bottom:0px;
    }
    
    .info-value{
      color:#111;
      font-size:16px;
      font-weight:500;
      word-break:break-word;
    }
    
    .info-value.serial{
      color:#201E1E;
    }
    
.care-section{
  /*margin-top:40px;*/
  padding: 70px 0;
  text-align:center;
}

.tabs_support .tabs {
    background: #fff;
    border-radius: 32px;
    padding: 25px;
    justify-content: center;
    border: none;
    box-shadow: 0 1px 10px #dfdfdf;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
@media (min-width: 1451px) and (max-width: 1700px) {
    .tabs_support .tabs-nav-sec {
        padding: 0 20px !important;
    }
}
.tabs-nav-sec{
    display: flex;
    justify-content: center;
    align-items: center;
}
.tabs-nav-sec a{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

.icon_left {
    display: flex;
    width: 80px;
    height: 80px;
    background: #fff;
    border: 3px solid #fafafa;
    border-radius: 50%;
    margin-right: 16px;
    line-height: 74px;
    box-shadow: inset 8px 8px 8px #0000001a, 4px 8px 8px #0000001a;
    justify-content: center;
    align-items: center;
}
.tabs_support .tabs-nav-sec a h5 {
    color: #121212;
    
}
@media (min-width: 1451px) and (max-width: 1700px) {
    .icon_left {
        width: 67px !important;
        height: 67px !important;
        min-width: 67px;
    }
}
@media (min-width: 1451px) and (max-width: 1700px) {
    .icon_left img {
        width: 28px !important;
        height: auto !important;
    }
}
@media (min-width: 1451px) and (max-width: 1700px) {
    .tabs_support .tabs-nav-sec a h5 {
        font-size: 17px !important;
        margin-right: 10px !important;
        color: #121212;
    }
}

.tabs-nav-sec a svg{
    width: 1.5rem;
}

.care-section h2{
  font-size:30px;
  margin-bottom:16px;
  font-weight:500;
}

.care-section p{
  color:#666;
  font-size:15px;
  max-width:620px;
  margin:auto;
  line-height:1.7;
}

.care-buttons{
  display:flex;
  justify-content:center;
  gap:16px;
  margin-top:28px;
  flex-wrap:wrap;
}

.care-btn{
  padding:14px 22px;
  border-radius:10px;
  border:1px solid var(--border);
  text-decoration:none;
  color:#111;
  font-weight:600;
  background:#fff;
  transition:.2s;
}

.care-btn:hover{
  background:#18a957;
  color:#fff;
}

@media (max-width: 767px) {
    
    .tabs_support .tabs {
        padding: 10px;
        border: none;
        box-shadow: none; 
    }
    
    .tabs-nav-sec a {
        flex-direction: column;
    }
    .icon_left {
        display: none;
    }
    .tabs_support .tabs-nav-sec a h5 {
        margin: 5px auto !important;
        font-size: 12px !important;
        white-space: normal;
        width: 90%;
    }
    
}


@media(max-width:900px){
    .header__heading-logo{
        min-width: 185px;
    }

    .main-nav{
        display:none;
    }
    
    .brand-logo-text{
        font-size:34px;
    }
  
    .verify-wrap {
        margin: 8px auto;
        padding: 0 5px;
        width: 375px;
        /*margin-top: 18%;*/
    }
    .verify-card {
        width: 100%;
    }
    .verify-banner{
        gap: 4px;
        padding: 10px 3px;
        justify-content: space-between;
    }
    .verify-icon img{
        width: 30px;
    }

    .section-title{
        font-size:30px;
        margin-top: 2rem;
    }
    
    .verify-text{
        font-size:12px;
        font-weight: 500;
    }
    .info-grid {
        width: 85%;
    }
    
    .care-section h2{
        font-size:30px;
    }

}

.product-description-section{
    background:#fff;
    border-radius:12px;
    padding:25px;
    margin-top:30px;
}

.product-description-section h3{
    font-size:24px;
    margin-bottom:15px;
    font-weight:600;
}

.product-description{
    line-height:1.8;
    color:#555;
}