*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;color:#fff;background:#061326}body{background:radial-gradient(circle at 72% 18%,rgba(0,160,255,.2),transparent 32%),linear-gradient(180deg,#061326,#0a1c36 55%,#061326)}header{display:flex;justify-content:space-between;align-items:center;padding:16px 5%;background:rgba(3,13,29,.9);border-bottom:1px solid #ffffff1c}.logo{font-size:22px;font-weight:800}.logo span{color:#19c9ff}nav{display:flex;gap:18px;flex-wrap:wrap}a{color:#cfe7ff;text-decoration:none}.hero{text-align:center;padding:72px 20px 42px}.hero h1{font-size:48px;margin:0 0 12px}.hero p{color:#b7cbe0}.search{max-width:850px;margin:28px auto 0;display:flex;gap:10px}.search input{flex:1;padding:17px;border:0;border-radius:9px;font-size:17px}.search button{padding:0 26px;border:0;border-radius:9px;background:#17c5f4;font-weight:800;cursor:pointer}.container{width:92%;max-width:1400px;margin:auto}.container h2{margin:30px 0 18px}.categories{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px}.card{aspect-ratio:1/1.05;border:1px solid #ffffff20;border-radius:14px;overflow:hidden;background:#0b2038e8;color:#fff;text-align:left;padding:0;cursor:pointer;display:flex;flex-direction:column;transition:.2s}.card:hover{transform:translateY(-4px);border-color:#17c5f4}.pic{height:58%;display:flex;align-items:center;justify-content:center;font-size:50px;background:linear-gradient(135deg,#155c91,#0a2039)}.card b{padding:14px 14px 4px}.card small{padding:0 14px;color:#9db4ca}.popular{display:flex;gap:10px;flex-wrap:wrap}.popular button{border:1px solid #ffffff25;border-radius:20px;background:#0a2039;color:#fff;padding:10px 15px;cursor:pointer}.results{margin:30px 0}.hidden{display:none}.resultbox,.features article{background:#081d36e8;border:1px solid #ffffff1b;border-radius:14px;padding:22px}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:42px 0}.features p{color:#9db4ca}footer{text-align:center;padding:34px 5%;background:#020d1ceb;color:#8199b3}footer a{margin:0 10px}@media(max-width:1100px){.categories{grid-template-columns:repeat(4,1fr)}}@media(max-width:760px){header{flex-direction:column;align-items:flex-start;gap:12px}.hero h1{font-size:36px}.search{flex-direction:column}.search button{height:52px}.categories{grid-template-columns:repeat(2,1fr);gap:14px}.features{grid-template-columns:1fr 1fr}}
.card img{width:100%;height:58%;object-fit:cover;display:block}.status{color:#a9c2d9;margin-bottom:16px}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.deal{display:grid;grid-template-columns:100px 1fr;gap:14px;background:#081d36e8;border:1px solid #ffffff1b;border-radius:14px;padding:14px;min-height:132px}.deal img{width:100px;height:100px;object-fit:contain;background:#fff;border-radius:9px}.deal h3{font-size:15px;margin:0 0 7px}.deal .merchant{font-size:12px;color:#9db4ca}.deal .price{font-size:19px;font-weight:800;margin:7px 0}.deal a{display:inline-block;background:#17c5f4;color:#00131f;padding:8px 12px;border-radius:7px;font-weight:800}.popular .pop{display:flex;align-items:center;gap:8px}.popular .pop img{width:38px;height:38px;object-fit:cover;border-radius:7px}@media(max-width:1050px){.result-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.result-grid{grid-template-columns:1fr}}



html{background:#061326}
body{
  background-image:
    linear-gradient(rgba(2,13,27,.20),rgba(2,13,27,.28)),
    url('assets/hero-scene.jpg') !important;
  background-position:center top !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  background-attachment:fixed !important;
}
header{background:rgba(2,13,27,.82)!important}
.hero{background:transparent!important}

#pager{display:flex;justify-content:center;align-items:center;gap:14px;padding:22px 0 30px;color:#fff;font-weight:700}
#pager button{background:#16c7ef;border:0;border-radius:7px;padding:10px 18px;font-weight:800;cursor:pointer}
#pager button:disabled{opacity:.4;cursor:default}