/* ===== Chính Sách Cookie Page ===== */
.page-cookies-policy{
  background:#f5f7fa;
  color:#333333;
  font-family:'Segoe UI',Roboto,Arial,sans-serif;
  line-height:1.7;
}

/* Hero Section */
.page-cookies-policy__hero-section{
  background:linear-gradient(135deg,#08162B 0%,#113B7A 100%);
  padding:10px 0 0;
}
.page-cookies-policy__hero-image-wrapper{
  width:100%;
  max-width:1200px;
  margin:0 auto;
  padding:0 16px;
}
.page-cookies-policy__hero-image{
  width:100%;
  height:auto;
  max-height:420px;
  object-fit:cover;
  border-radius:16px;
  box-shadow:0 8px 30px rgba(0,0,0,.25);
  display:block;
}
.page-cookies-policy__hero-content{
  max-width:860px;
  margin:0 auto;
  padding:32px 16px 48px;
  text-align:center;
}
.page-cookies-policy__hero-title{
  color:#F3F8FF;
  font-size:clamp(1.5rem, 3vw, 2.4rem);
  font-weight:800;
  line-height:1.35;
  letter-spacing:.5px;
  margin:0 0 12px;
  text-shadow:0 2px 15px rgba(79,168,255,.3);
}
.page-cookies-policy__hero-description{
  color:#AFC4E8;
  font-size:1.1rem;
  max-width:680px;
  margin:0 auto 24px;
}
.page-cookies-policy__hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  justify-content:center;
}
.page-cookies-policy__btn{
  display:inline-block;
  padding:12px 28px;
  border-radius:50px;
  font-weight:700;
  font-size:1rem;
  text-decoration:none;
  transition:transform .2s, box-shadow .2s;
  border:1px solid transparent;
  text-align:center;
}
.page-cookies-policy__btn--primary{
  background:linear-gradient(180deg,#2B73F6 0%,#1144A6 100%);
  color:#ffffff;
  box-shadow:0 4px 20px rgba(43,115,246,.4);
}
.page-cookies-policy__btn--secondary{
  background:transparent;
  border-color:#244D84;
  color:#F3F8FF;
  box-shadow:inset 0 0 0 1px #244D84;
}
.page-cookies-policy__btn--text{
  background:transparent;
  color:#113B7A;
  border:2px solid #113B7A;
}
.page-cookies-policy__btn:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 30px rgba(79,168,255,.5);
}

/* Section base */
.page-cookies-policy__introduction,
.page-cookies-policy__types-section,
.page-cookies-policy__third-party-section,
.page-cookies-policy__guide-section,
.page-cookies-policy__consent-section,
.page-cookies-policy__update-section{
  padding:48px 16px;
}
.page-cookies-policy__intro-inner,
.page-cookies-policy__types-inner,
.page-cookies-policy__third-party-inner,
.page-cookies-policy__guide-inner,
.page-cookies-policy__consent-inner,
.page-cookies-policy__update-inner{
  max-width:1100px;
  margin:0 auto;
}
.page-cookies-policy__section-title{
  color:#113B7A;
  font-size:clamp(1.4rem, 2.5vw, 1.9rem);
  font-weight:800;
  margin:0 0 24px;
  padding-bottom:12px;
  position:relative;
}
.page-cookies-policy__section-title::after{
  content:'';
  position:absolute;
  bottom:0;
  left:0;
  width:60px;
  height:4px;
  border-radius:2px;
  background:linear-gradient(90deg,#F2C14E,#1D5FD1);
}
.page-cookies-policy__text{
  color:#333333;
  font-size:1rem;
  margin:0 0 16px;
}

/* Types grid */
.page-cookies-policy__types-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:24px;
}
.page-cookies-policy__type-card{
  background:#10233F;
  border:1px solid #244D84;
  border-radius:16px;
  padding:28px;
  transition:box-shadow .3s;
}
.page-cookies-policy__type-card:hover{
  box-shadow:0 10px 30px rgba(17,59,122,.25);
}
.page-cookies-policy__type-title{
  color:#F3F8FF;
  font-size:1.2rem;
  font-weight:700;
  margin:0 0 12px;
  padding-bottom:10px;
  border-bottom:1px solid #1B3357;
}
.page-cookies-policy__type-desc{
  color:#AFC4E8;
  font-size:.95rem;
  margin:0;
}

/* Third party */
.page-cookies-policy__third-party-section{
  background:#10233F;
}
.page-cookies-policy__third-party-section .page-cookies-policy__section-title{
  color:#F3F8FF;
}
.page-cookies-policy__third-party-section .page-cookies-policy__section-title::after{
  background:linear-gradient(90deg,#F2C14E,#4FA8FF);
}
.page-cookies-policy__third-party-section .page-cookies-policy__text{
  color:#AFC4E8;
}

/* Guide grid */
.page-cookies-policy__guide-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:24px;
  margin-bottom:32px;
}
.page-cookies-policy__guide-card{
  background:#ffffff;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 4px 16px rgba(8,22,43,.1);
  transition:transform .3s, box-shadow .3s;
}
.page-cookies-policy__guide-card:hover{
  transform:translateY(-4px);
  box-shadow:0 12px 30px rgba(17,59,122,.2);
}
.page-cookies-policy__guide-image{
  width:100%;
  height:auto;
  object-fit:cover;
  aspect-ratio:2/1;
  display:block;
}
.page-cookies-policy__guide-title{
  color:#1D5FD1;
  font-size:1.15rem;
  font-weight:700;
  padding:16px 20px 4px;
  margin:0;
}
.page-cookies-policy__guide-text{
  color:#333333;
  font-size:.95rem;
  padding:0 20px 20px;
  margin:0;
}
.page-cookies-policy__guide-cta{
  text-align:center;
  background:linear-gradient(135deg,#08162B,#113B7A);
  border-radius:20px;
  padding:36px 24px;
}
.page-cookies-policy__guide-cta-text{
  color:#F3F8FF;
  font-size:1.1rem;
  font-weight:600;
  margin-bottom:20px;
}

/* Consent */
.page-cookies-policy__consent-section{
  background:#f0f4fa;
}
.page-cookies-policy__consent-actions{
  display:flex;
  gap:16px;
  flex-wrap:wrap;
  margin-top:24px;
}

/* Update */
.page-cookies-policy__update-note{
  background:#eef4fd;
  border-left:4px solid #1D5FD1;
  border-radius:8px;
  padding:20px 24px;
  margin-top:24px;
}
.page-cookies-policy__update-note .page-cookies-policy__text a{
  color:#1D5FD1;
  font-weight:700;
  text-decoration:underline;
}

/* ===== Responsive ===== */
@media (max-width:1024px){
  .page-cookies-policy__guide-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width:768px){
  .page-cookies-policy__hero-section{
    padding-top:8px;
  }
  .page-cookies-policy__hero-image{
    border-radius:12px;
    max-height:280px;
  }
  .page-cookies-policy__hero-content{
    padding:24px 16px 36px;
  }
  .page-cookies-policy__hero-title{
    font-size:1.4rem;
  }
  .page-cookies-policy__types-grid{
    grid-template-columns:1fr;
  }
  .page-cookies-policy__introduction,
  .page-cookies-policy__types-section,
  .page-cookies-policy__third-party-section,
  .page-cookies-policy__guide-section,
  .page-cookies-policy__consent-section,
  .page-cookies-policy__update-section{
    padding:32px 16px;
  }
  .page-cookies-policy__btn{
    max-width:100%;
    box-sizing:border-box;
    white-space:normal;
    word-wrap:break-word;
    width:auto;
    min-width:160px;
  }
  .page-cookies-policy__hero-actions,
  .page-cookies-policy__consent-actions{
    flex-direction:column;
    align-items:center;
    width:100%;
  }
  .page-cookies-policy__hero-actions .page-cookies-policy__btn,
  .page-cookies-policy__consent-actions .page-cookies-policy__btn{
    width:100%;
    max-width:100%;
    box-sizing:border-box;
  }
  .page-cookies-policy img{
    max-width:100% !important;
    height:auto !important;
  }
  .page-cookies-policy__guide-cta{
    padding:28px 16px;
  }
  .page-cookies-policy{
    overflow-x:hidden;
    max-width:100%;
  }
}