:root{
  --primary:#001F3F; --primary-light:#0A3D66; --primary-dark:#000F20;
  --secondary:#2D884A; --secondary-light:#3EA562; --secondary-dark:#1F6236;
  --gold:#2D884A; --success:#2D884A; --warning:#F59E0B; --error:#EF4444;
  --white:#FFFFFF; --black:#1A1A1A; --dark-grey:#0A3D66; --light-grey:#E2E8F0;
  --very-light:#F7FAFC; --bg:#F8FAFC; --text:#1A1A1A; --text-mute:#6B7280;
  --border:#E5E7EB; --radius:12px; --shadow:0 4px 6px rgba(0,0,0,.1);
  --shadow-lg:0 10px 15px rgba(0,31,63,.18); --shadow-xl:0 20px 25px rgba(45,136,74,.2);
}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--text);}
a{text-decoration:none;color:inherit;}
button{font-family:inherit;}
h1,h2,h3{font-family:'Poppins',sans-serif;font-weight:700;}

/* ===== TOP DISCLOSURE STRIP ===== */
.disclosure-strip{background:linear-gradient(90deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;font-size:11.5px;text-align:center;padding:10px 16px;font-weight:500;}
.disclosure-strip b{color:#fff;font-weight:700;}
.disclosure-strip a{color:#8FE0A8;font-weight:700;text-decoration:underline;}

/* ===== HEADER ===== */
header{background:var(--white);border-bottom:2px solid var(--primary);position:sticky;top:0;z-index:50;box-shadow:var(--shadow);}
.header-inner{max-width:1280px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;}
.brand{display:flex;align-items:center;gap:12px;}
.brand img{height:48px;}
.brand .name{font-size:20px;font-weight:800;background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.brand .name small{display:block;font-size:11px;color:var(--text-mute);font-weight:500;-webkit-text-fill-color:unset;background:none;}
.search-wrap{flex:1;max-width:420px;position:relative;}
.search-wrap input{width:100%;padding:12px 14px 12px 40px;border:2px solid var(--border);border-radius:10px;font-size:14px;font-family:inherit;transition:.2s;}
.search-wrap input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(0,31,63,.1);}
.search-wrap .si{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-mute);font-size:14px;}
.header-meta{font-size:11px;color:var(--text-mute);text-align:right;display:none;}
@media(min-width:760px){.header-meta{display:block;}}

/* ===== HERO ===== */
.hero{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 50%, var(--secondary) 100%);color:#fff;padding:56px 24px;text-align:center;position:relative;overflow:hidden;}
.hero::before{content:'';position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:rgba(255,255,255,.1);border-radius:50%;z-index:0;}
.hero h1{font-size:36px;font-weight:800;margin-bottom:12px;position:relative;z-index:1;}
.hero p{font-size:16px;color:rgba(255,255,255,.9);max-width:580px;margin:0 auto;position:relative;z-index:1;}
.hero .badge-row{display:flex;gap:12px;justify-content:center;margin-top:24px;flex-wrap:wrap;position:relative;z-index:1;}
.hero .hb{background:rgba(255,255,255,.2);padding:10px 18px;border-radius:8px;font-size:12px;font-weight:600;color:#fff;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);}

/* ===== WRAP ===== */
.wrap{max-width:1280px;margin:0 auto;padding:28px 24px 60px;}

/* ===== CATEGORY PILLS ===== */
.cat-pills{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px;margin-bottom:28px;}
.cat-pill{flex-shrink:0;background:var(--white);border:2px solid var(--border);padding:10px 18px;border-radius:20px;font-size:13px;font-weight:600;color:var(--text-mute);cursor:pointer;white-space:nowrap;transition:.2s;}
.cat-pill:hover{border-color:var(--secondary);color:var(--secondary);background:rgba(45,136,74,.06);}
.cat-pill.active{background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff;border-color:var(--primary);box-shadow:0 4px 12px rgba(0,31,63,.2);}

/* ===== PRODUCT GRID ===== */
.section-title{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:20px;}
.section-title h2{font-size:24px;font-weight:800;color:var(--text);}
.section-title span{font-size:13px;color:var(--text-mute);font-weight:500;}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;margin-bottom:40px;}
.pcard{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;cursor:pointer;transition:.3s;border:2px solid transparent;display:flex;flex-direction:column;}
.pcard:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--primary);}
.pcard .img{height:180px;background:linear-gradient(135deg, rgba(0,31,63,.08), rgba(45,136,74,.1));display:flex;align-items:center;justify-content:center;font-size:64px;position:relative;border-bottom:2px solid var(--border);}
.pcard .country-tag{position:absolute;top:12px;right:12px;background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;font-size:11px;font-weight:700;padding:5px 11px;border-radius:20px;}
.pcard .body{padding:16px 18px;flex:1;display:flex;flex-direction:column;}
.pcard .cat{font-size:11px;color:var(--secondary);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;}
.pcard .title{font-size:14px;font-weight:700;color:var(--text);line-height:1.4;margin-bottom:10px;flex:1;}
.pcard .price-row{display:flex;justify-content:space-between;align-items:center;margin-top:8px;}
.pcard .price{font-size:18px;font-weight:800;color:var(--secondary-dark);}
.pcard .price .was{font-size:12px;color:var(--text-mute);text-decoration:line-through;font-weight:600;margin-left:8px;}
.pcard .cta{margin-top:12px;background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff;border:none;padding:11px 14px;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;text-align:center;transition:.2s;}
.pcard .cta:hover{transform:scale(1.02);box-shadow:0 4px 12px rgba(0,31,63,.3);}
.pcard .views{font-size:11px;color:var(--text-mute);margin-top:8px;text-align:center;font-weight:500;}

.empty-state{text-align:center;padding:60px 20px;color:var(--text-mute);grid-column:1/-1;}
.empty-state .ic{font-size:40px;margin-bottom:10px;}

/* ===== TRUST STRIP ===== */
.trust-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;background:linear-gradient(135deg, rgba(0,31,63,.05), rgba(45,136,74,.06));border-radius:var(--radius);border:2px solid var(--border);padding:28px;margin-bottom:36px;}
.trust-item{text-align:center;}
.trust-item .ic{font-size:32px;margin-bottom:8px;}
.trust-item b{font-size:13px;color:var(--text);display:block;font-weight:700;}
.trust-item span{font-size:12px;color:var(--text-mute);margin-top:4px;display:block;}

/* ===== REDIRECT OVERLAY ===== */
.redirect-overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);display:none;align-items:center;justify-content:center;z-index:200;color:#fff;text-align:center;flex-direction:column;backdrop-filter:blur(5px);}
.redirect-overlay.show{display:flex;}
.redirect-overlay .spin{width:48px;height:48px;border:4px solid rgba(45,136,74,.3);border-top-color:var(--secondary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:20px;}
@keyframes spin{to{transform:rotate(360deg);}}
.redirect-overlay h3{font-size:18px;font-weight:700;margin-bottom:8px;}
.redirect-overlay p{font-size:13px;color:rgba(255,255,255,.7);}

/* ===== FOOTER ===== */
footer{background:linear-gradient(135deg, var(--text) 0%, var(--dark-grey) 100%);color:rgba(255,255,255,.8);padding:40px 24px 24px;margin-top:40px;}
.footer-inner{max-width:1280px;margin:0 auto;}
.footer-disclosure{background:rgba(0,0,0,.2);border-radius:10px;padding:18px 20px;font-size:12px;line-height:1.8;margin-bottom:24px;border-left:4px solid var(--gold);}
.footer-disclosure b{color:#fff;font-weight:700;}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:12px;border-top:1px solid rgba(255,255,255,.2);padding-top:20px;}
.footer-bottom .flinks{display:flex;gap:20px;flex-wrap:wrap;}
.footer-bottom a{color:rgba(255,255,255,.8);transition:.2s;}
.footer-bottom a:hover{color:var(--gold);}

.toast-wrap{position:fixed;bottom:24px;right:24px;z-index:999;display:flex;flex-direction:column;gap:12px;}
.toast{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;padding:14px 18px;border-radius:10px;font-size:13px;font-weight:600;box-shadow:0 8px 24px rgba(0,31,63,.3);min-width:240px;border-left:4px solid var(--gold);}

@media(max-width:680px){
  .header-inner{flex-wrap:wrap;}
  .search-wrap{order:3;width:100%;max-width:none;}
  .hero h1{font-size:28px;}
}