.style-body{background:#04131d;color:#eef7fb}.style-hero{min-height:430px;padding:80px 6%;display:flex;align-items:center;background-size:cover;background-position:center;position:relative}.style-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,14,23,.96) 0%,rgba(2,14,23,.82) 42%,rgba(2,14,23,.2) 100%)}.style-hero>div{position:relative;max-width:720px}.style-kicker{color:#4fe4d1;font-weight:800;letter-spacing:.15em}.style-hero h1{font-size:clamp(2.5rem,5vw,5rem);line-height:1.02;margin:.5rem 0 1rem}.style-hero p{font-size:1.2rem;color:#b9d0df;max-width:650px}.style-search-wrap{max-width:1450px;margin:-42px auto 40px;padding:0 24px;position:relative}.style-search{display:grid;grid-template-columns:1.5fr 1fr 1fr auto;gap:16px;align-items:end;background:#071d2a;border:1px solid #1b6f77;border-radius:24px;padding:24px;box-shadow:0 24px 60px rgba(0,0,0,.35)}.style-search label{display:grid;gap:8px;font-weight:700}.style-search input{width:100%;box-sizing:border-box;background:#061824;border:1px solid #315064;color:#fff;border-radius:14px;padding:16px;font:inherit}.style-search button[type=submit]{border:0;border-radius:14px;padding:17px 25px;background:linear-gradient(135deg,#35ce8d,#28bfd4);font-weight:800;color:#02202a;cursor:pointer}.style-country{position:relative}.style-suggestions{position:absolute;z-index:20;top:100%;left:0;right:0;max-height:300px;overflow:auto;background:#061824;border:1px solid #315064;border-radius:14px;margin-top:6px}.style-suggestions button{display:flex;justify-content:space-between;width:100%;padding:13px 15px;background:none;border:0;border-bottom:1px solid #173243;color:#fff;text-align:left;cursor:pointer}.style-results{max-width:1450px;margin:0 auto;padding:20px 24px 80px}.style-results h2{text-align:center;font-size:2.2rem}.style-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.style-card{background:#071d2a;border:1px solid #23495e;border-radius:22px;padding:26px;display:flex;flex-direction:column;min-height:350px}.style-card h3{font-size:1.45rem;margin:.5rem 0}.style-card .data{font-size:2.8rem;font-weight:800;color:#54e0ca;margin:18px 0}.style-card .price{font-size:1.7rem;font-weight:800;margin-top:auto}.style-card button{margin-top:18px;border:0;border-radius:12px;padding:14px;background:#45d6bf;font-weight:800;cursor:pointer}.style-message{text-align:center;color:#7ce4d3;margin:18px}.unavailable{opacity:.65}.blogger-hero{background-image:url('assets/blogger.webp')}.event-hero{background-image:url('assets/event.webp')}@media(max-width:900px){.style-search{grid-template-columns:1fr}.style-grid{grid-template-columns:1fr}.style-hero{min-height:360px;padding-top:110px}.style-search-wrap{margin-top:-20px}}
\n/* Phase 7E mobile and result controls */\n.style-show-more{width:100%;justify-content:center!important;color:#58e4d2!important;font-weight:800}.style-empty{padding:14px}.style-hero{background-position:center;background-size:cover}\n@media(max-width:760px){.style-hero{min-height:360px;padding:36px 20px;background-position:center}.style-hero h1{font-size:clamp(38px,12vw,58px)}.style-search{grid-template-columns:1fr!important}.style-search button{width:100%}.style-grid{grid-template-columns:1fr!important}.style-suggestions{position:absolute;left:0;right:0;max-height:280px;overflow:auto;z-index:30}.style-country{position:relative}.site-header nav.open{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:#061a26;padding:16px;z-index:50}}\n

/* Phase 7H: prominent recommendation category titles */
.style-card .recommendation-title{display:inline-flex;align-items:center;align-self:flex-start;min-height:42px;margin:0 0 12px;padding:9px 14px;border-radius:999px;background:rgba(79,228,209,.12);border:1px solid rgba(79,228,209,.48);color:#61ead8;font-size:clamp(1rem,1.3vw,1.22rem);font-weight:900;line-height:1.15;letter-spacing:.01em}
.style-card:nth-child(2) .recommendation-title{background:rgba(128,119,255,.14);border-color:rgba(128,119,255,.52);color:#afa8ff}
.style-card:nth-child(3) .recommendation-title{background:rgba(255,181,65,.14);border-color:rgba(255,181,65,.52);color:#ffc765}
@media(max-width:650px){.style-card .recommendation-title{font-size:1.05rem;padding:9px 12px;white-space:normal}}
