/* AGO — shared styles */
* { box-sizing: border-box; }
body { margin: 0; font-family: 'Be Vietnam Pro', sans-serif; color: #4A2E2B; background: #FFFAF6; }
h1, h2, h3 { font-family: 'Playfair Display', serif; margin: 0; }
p { margin: 0; }
a { color: #E8768A; text-decoration: none; }
a:hover { color: #C85A6F; }
img { max-width: 100%; display: block; }

.wrap { max-width: 1248px; margin: 0 auto; padding-left: 24px; padding-right: 24px; }
@media (min-width: 900px) { .wrap { padding-left: 48px; padding-right: 48px; } }

.eyebrow { font-size: 13px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #E8768A; }
.card { background: #FFFFFF; border: 1px solid #F5DAD0; border-radius: 16px; }
.btn-primary { display:inline-flex; align-items:center; gap:8px; background:#E8768A; color:#FFF8F5; font-size:15px; font-weight:600; padding:14px 26px; border-radius:26px; }
.btn-secondary { display:inline-flex; align-items:center; gap:8px; background:transparent; color:#4A2E2B; font-size:15px; font-weight:600; padding:14px 26px; border-radius:26px; border:1.5px solid #4A2E2B; }
.badge-flagship { font-size:11px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:#C85A6F; background:#FADCD0; padding:4px 10px; border-radius:12px; align-self:flex-start; }
.tick-row { display:flex; gap:12px; align-items:flex-start; }
.price-tag { font-size:15px; font-weight:700; color:#4A2E2B; }
.buy-btn { display:inline-flex; align-items:center; gap:6px; background:#E8768A; color:#FFF8F5; font-size:12.5px; font-weight:600; padding:9px 14px; border-radius:18px; white-space:nowrap; flex-shrink:0; }
.collection-tab { font-size:14px; font-weight:600; padding:10px 20px; border-radius:20px; border:1px solid #F5DAD0; color:#8C6E67; }
.collection-tab.active { background:#4A2E2B; border-color:#4A2E2B; color:#FFF8F5; }
.chip { font-family:'Be Vietnam Pro', sans-serif; font-size:13.5px; font-weight:500; padding:9px 18px; border-radius:20px; border:1px solid #F5DAD0; color:#8C6E67; background:#FFFAF6; appearance:none; -webkit-appearance:none; }
.chip.active { background:#E8768A; border-color:#E8768A; color:#FFF8F5; font-weight:600; }
.pg-btn { width:38px; height:38px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:14px; font-weight:600; }
.field-label { font-size:13.5px; font-weight:600; color:#4A2E2B; }
.field-input { width:100%; padding:13px 16px; border-radius:10px; border:1px solid #F0D3DE; background:#FFFAF6; font-size:14.5px; font-family:'Be Vietnam Pro', sans-serif; color:#4A2E2B; }

/* Header */
.ago-header { width:100%; background:#FBEDE7; border-bottom:1px solid #F5DAD0; position:sticky; top:0; z-index:20; }
.ago-header-inner { max-width:1248px; margin:0 auto; padding:0 24px; height:84px; display:flex; align-items:center; justify-content:space-between; gap:16px; }
@media (min-width: 900px) { .ago-header-inner { padding: 0 48px; height: 92px; } }
.ago-logo { display:flex; align-items:center; gap:10px; text-decoration:none; }
.ago-logo span { font-family:'Playfair Display', serif; font-size:22px; font-weight:700; color:#4A2E2B; letter-spacing:.2px; }
.ago-logo-img { height:51px; width:auto; display:block; }
@media (min-width: 700px) { .ago-logo-img { height:64px; } }
.ago-logo-img-footer { height:48px; }
@media (min-width: 700px) { .ago-logo-img-footer { height:54px; } }
.ago-nav { display:none; align-items:center; gap:32px; }
@media (min-width: 900px) { .ago-nav { display:flex; } }
.ago-nav-link { text-decoration:none; font-family:'Be Vietnam Pro', sans-serif; font-size:15px; font-weight:500; color:#8C6E67; }
.ago-nav-link:hover, .ago-nav-link.active { color:#E8768A; }
.ago-nav-link.active { font-weight:600; }
.ago-cta-btn { text-decoration:none; background:#E8768A; color:#FFF8F5; font-family:'Be Vietnam Pro', sans-serif; font-size:13.5px; font-weight:600; padding:11px 18px; border-radius:24px; white-space:nowrap; }

.ago-menu-btn { display:flex; align-items:center; justify-content:center; width:40px; height:40px; flex:0 0 auto; background:transparent; border:none; padding:0; margin:0; cursor:pointer; -webkit-tap-highlight-color:transparent; }
@media (min-width: 900px) { .ago-menu-btn { display:none; } }
.ago-mobile-nav { display:none; flex-direction:column; gap:0; padding:6px 24px 22px; background:#FBEDE7; border-top:1px solid #F5DAD0; }
.ago-mobile-nav.open { display:flex; }
@media (min-width: 900px) { .ago-mobile-nav { display:none !important; } }
.ago-mobile-nav-link { text-decoration:none; font-family:'Be Vietnam Pro', sans-serif; font-size:15.5px; font-weight:500; color:#8C6E67; padding:13px 2px; border-bottom:1px solid #F5DAD0; }
.ago-mobile-nav-link.active { color:#E8768A; font-weight:600; }
.ago-mobile-nav .ago-cta-btn { margin-top:14px; display:flex; align-items:center; justify-content:center; }

/* Footer */
.ago-footer { width:100%; background:#4A2E2B; color:#F6E4EA; }
.ago-footer-grid { max-width:1248px; margin:0 auto; padding:56px 24px 28px; display:grid; grid-template-columns:1fr; gap:32px; }
@media (min-width: 700px) { .ago-footer-grid { grid-template-columns: 1.4fr 1fr 1fr; padding: 64px 48px 32px; } }
@media (min-width: 1000px) { .ago-footer-grid { grid-template-columns: 1.4fr 1fr 1fr 1.2fr; } }
.ago-foot-link { color:#F0D3DE; text-decoration:none; font-family:'Be Vietnam Pro', sans-serif; font-size:14px; display:block; margin-bottom:14px; }
.ago-foot-link:hover { color:#E896AE; }
.ago-foot-label { font-family:'Be Vietnam Pro', sans-serif; font-size:13px; font-weight:600; color:#E896AE; text-transform:uppercase; letter-spacing:.06em; display:block; margin-bottom:14px; }
.ago-footer-bottom { border-top:1px solid #6B4A57; }
.ago-footer-bottom-inner { max-width:1248px; margin:0 auto; padding:20px 24px; display:flex; flex-direction:column; gap:8px; }
@media (min-width: 700px) { .ago-footer-bottom-inner { padding: 20px 48px; flex-direction: row; justify-content: space-between; align-items: center; } }

/* Grids */
.grid-2 { display:grid; grid-template-columns:1fr; gap:32px; }
.grid-3 { display:grid; grid-template-columns:1fr; gap:24px; }
.grid-4 { display:grid; grid-template-columns:repeat(2, 1fr); gap:14px; }
@media (min-width: 640px) { .grid-3 { grid-template-columns: repeat(2, 1fr); } .grid-4 { gap:20px; } }
@media (min-width: 900px) { .grid-2 { grid-template-columns: 1fr 1fr; } .grid-3 { grid-template-columns: repeat(3, 1fr); } .grid-4 { grid-template-columns: repeat(4, 1fr); } }

section.section { width:100%; }
.pad-lg { padding-top:56px; padding-bottom:56px; }
@media (min-width: 900px) { .pad-lg { padding-top:88px; padding-bottom:88px; } }
@media (max-width: 899px) {
  #hero-section { padding-bottom:24px; }
  #value-props { padding-top:22px; padding-bottom:30px; }
}
@media (max-width: 639px) { .grid-icons { grid-template-columns: 1fr !important; } }
@media (max-width: 639px) {
  .barrier-card-img { padding:12px !important; }
  .barrier-card-body { padding:12px 12px 14px !important; gap:5px !important; }
  .barrier-card-body div:first-child { font-size:12.5px !important; }
  .barrier-card-body div:last-child { font-size:11px !important; }
}

/* Promo banner slider (below header) */
.ago-promo-banner-wrap { width:100%; background:#FFFAF6; padding:20px 24px 0; }
@media (min-width: 900px) { .ago-promo-banner-wrap { padding:28px 48px 0; } }
.ago-banner-slider { position:relative; max-width:1248px; margin:0 auto; border-radius:16px; overflow:hidden; }
.ago-banner-track { display:flex; transition:transform .55s ease; }
.ago-banner-slide { flex:0 0 100%; display:block; text-decoration:none; }
.ago-banner-slide img { width:100%; height:auto; display:block; }
.ago-banner-arrow { position:absolute; top:50%; transform:translateY(-50%); width:34px; height:34px; border-radius:50%; background:rgba(255,255,255,0.88); border:none; font-size:18px; line-height:1; color:#4A2E2B; display:flex; align-items:center; justify-content:center; cursor:pointer; box-shadow:0 2px 8px rgba(74,46,43,0.15); }
.ago-banner-arrow:hover { background:#FFFFFF; }
.ago-banner-prev { left:10px; }
.ago-banner-next { right:10px; }
@media (min-width: 700px) { .ago-banner-arrow { width:40px; height:40px; font-size:22px; } .ago-banner-prev { left:16px; } .ago-banner-next { right:16px; } }
.ago-banner-dots { position:absolute; bottom:10px; left:50%; transform:translateX(-50%); display:flex; gap:6px; }
.ago-banner-dot { width:7px; height:7px; border-radius:50%; background:rgba(255,255,255,0.65); cursor:pointer; border:none; padding:0; }
.ago-banner-dot.active { background:#FFFFFF; width:18px; border-radius:4px; transition:width .2s ease; }

/* Floating chat buttons */
.ago-float-chat { position:fixed; right:16px; bottom:16px; z-index:50; display:flex; flex-direction:column; gap:12px; }
@media (min-width: 700px) { .ago-float-chat { right:24px; bottom:24px; gap:14px; } }
.ago-float-btn { position:relative; width:50px; height:50px; border-radius:50%; display:flex; align-items:center; justify-content:center; box-shadow:0 4px 14px rgba(74,46,43,0.25); text-decoration:none; }
@media (min-width: 700px) { .ago-float-btn { width:58px; height:58px; } }
.ago-float-btn svg { width:24px; height:24px; position:relative; z-index:2; }
@media (min-width: 700px) { .ago-float-btn svg { width:28px; height:28px; } }
.ago-float-btn.messenger { background:linear-gradient(135deg, #00C6FF 0%, #0064E0 100%); }
.ago-float-btn.whatsapp { background:#25D366; }
.ago-float-btn::before { content:''; position:absolute; inset:0; border-radius:50%; background:inherit; animation:agoFloatPulse 2.2s ease-out infinite; z-index:1; }
.ago-float-btn.whatsapp::before { animation-delay:.5s; }
@keyframes agoFloatPulse { 0% { transform:scale(1); opacity:.55; } 70% { transform:scale(1.7); opacity:0; } 100% { transform:scale(1.7); opacity:0; } }

/* Testimonial slider */
.ago-testi-slider { position:relative; margin-top:40px; overflow:hidden; }
.ago-testi-track { display:flex; transition:transform .6s ease; }
.ago-testi-slide { flex:0 0 100%; min-width:0; }
.ago-testi-dots { display:flex; justify-content:center; gap:6px; margin-top:28px; }
.ago-testi-dot { width:7px; height:7px; border-radius:50%; background:#F0D3DE; cursor:pointer; border:none; padding:0; }
.ago-testi-dot.active { background:#E8768A; width:18px; border-radius:4px; transition:width .2s ease; }