/* HA Marketing — Premium section polish (lightweight, CSS only)
   Keeps existing links/logic intact and avoids heavy observers/animations. */
:root{
  --ha-premium-green:#087f5b;
  --ha-premium-green-2:#0aa775;
  --ha-premium-ink:#10231c;
  --ha-premium-muted:#6c7b75;
  --ha-premium-line:rgba(9,83,61,.10);
  --ha-premium-shadow:0 14px 38px rgba(14,74,56,.10);
  --ha-premium-shadow-soft:0 7px 22px rgba(14,74,56,.07);
  --ha-premium-radius:24px;
}

body.ha-premium-section-page{
  background:
    radial-gradient(circle at 92% -10%, rgba(38,201,145,.11), transparent 32rem),
    linear-gradient(180deg,#f8fcfa 0,#f5f8f7 42%,#f7f8f8 100%) !important;
  color:var(--ha-premium-ink);
}
body.ha-premium-section-page .ha-app{min-height:100vh}

/* Header */
body.ha-premium-section-page .ha-header{
  background:rgba(255,255,255,.92) !important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid var(--ha-premium-line);
  box-shadow:0 3px 18px rgba(13,78,58,.05);
}
body.ha-premium-section-page .ha-topline{max-width:1180px;margin-inline:auto}
body.ha-premium-section-page .ha-brand .ha-logo{
  box-shadow:0 8px 22px rgba(8,127,91,.14);
  border:1px solid rgba(8,127,91,.10);
}
body.ha-premium-section-page .ha-location,
body.ha-premium-section-page .ha-bell{
  background:#fff;
  border:1px solid var(--ha-premium-line);
  box-shadow:var(--ha-premium-shadow-soft);
}
body.ha-premium-section-page .ha-bell{transition:transform .16s ease,box-shadow .16s ease}
body.ha-premium-section-page .ha-bell:active{transform:scale(.94)}

/* Search */
body.ha-premium-section-page .ha-search-wrap{
  max-width:1180px;
  margin:16px auto 4px;
  padding-inline:16px;
}
body.ha-premium-section-page .ha-search{
  border:1px solid rgba(8,127,91,.12) !important;
  background:#fff !important;
  box-shadow:var(--ha-premium-shadow-soft);
  border-radius:20px !important;
  min-height:54px;
}
body.ha-premium-section-page .ha-search:focus-within{
  border-color:rgba(8,127,91,.35) !important;
  box-shadow:0 0 0 4px rgba(8,127,91,.07),var(--ha-premium-shadow-soft);
}

/* Main shell */
body.ha-premium-section-page .ha-main{
  max-width:1180px;
  margin-inline:auto;
  padding-top:14px !important;
  padding-bottom:110px !important;
}

/* Main section title becomes a premium hero card */
body.ha-premium-section-page .ha-main > .ha-section-head:first-child{
  position:relative;
  overflow:hidden;
  padding:24px 22px !important;
  margin:12px 0 22px !important;
  border-radius:28px;
  background:linear-gradient(135deg,#ffffff 0%,#f0fff9 100%);
  border:1px solid rgba(8,127,91,.11);
  box-shadow:var(--ha-premium-shadow);
}
body.ha-premium-section-page .ha-main > .ha-section-head:first-child::before{
  content:"";
  position:absolute;
  width:190px;height:190px;border-radius:50%;
  inset:-95px auto auto -55px;
  background:radial-gradient(circle,rgba(10,167,117,.14),rgba(10,167,117,0) 68%);
  pointer-events:none;
}
body.ha-premium-section-page .ha-section-titlebox{position:relative;z-index:1}
body.ha-premium-section-page .ha-section-titlebox h1{
  margin:0 0 8px !important;
  font-size:clamp(25px,4vw,34px) !important;
  letter-spacing:-.5px;
}
body.ha-premium-section-page .ha-section-titlebox p{
  color:var(--ha-premium-muted) !important;
  line-height:1.8;
  margin:0 !important;
}
body.ha-premium-section-page .ha-more{
  border-radius:999px;
  padding:8px 12px;
  background:rgba(8,127,91,.07);
  text-decoration:none;
}

/* Category cards */
body.ha-premium-section-page .ha-cats{
  gap:12px !important;
  margin-bottom:22px !important;
}
body.ha-premium-section-page .ha-cat{
  position:relative;
  overflow:hidden;
  min-height:128px;
  border-radius:23px !important;
  border:1px solid rgba(17,75,58,.08) !important;
  box-shadow:var(--ha-premium-shadow-soft) !important;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;
}
body.ha-premium-section-page .ha-cat::after{
  content:"";
  position:absolute;
  width:64px;height:64px;border-radius:50%;
  left:-24px;bottom:-25px;
  background:rgba(255,255,255,.34);
  pointer-events:none;
}
body.ha-premium-section-page .ha-cat .ico{
  width:52px;height:52px;
  display:grid;place-items:center;
  margin-bottom:8px;
  border-radius:17px;
  background:rgba(255,255,255,.68);
  box-shadow:0 7px 16px rgba(0,0,0,.06);
  font-size:25px !important;
}
body.ha-premium-section-page .ha-cat strong{font-size:15px}
body.ha-premium-section-page .ha-cat small{opacity:.78}
@media (hover:hover){
  body.ha-premium-section-page .ha-cat:hover,
  body.ha-premium-section-page .ha-card:hover,
  body.ha-premium-section-page .ha-feature:hover{
    transform:translateY(-3px);
    box-shadow:0 16px 32px rgba(14,74,56,.12) !important;
  }
}
body.ha-premium-section-page .ha-cat:active,
body.ha-premium-section-page .ha-card:active,
body.ha-premium-section-page .ha-feature:active{transform:scale(.985)}

/* Slider */
body.ha-premium-section-page .ha-smart-slider{
  border-radius:26px !important;
  overflow:hidden;
  box-shadow:var(--ha-premium-shadow);
  border:1px solid rgba(8,127,91,.09);
  margin-block:18px 27px !important;
}

/* Secondary headings */
body.ha-premium-section-page .ha-main > .ha-section-head:not(:first-child){
  margin-top:28px !important;
  margin-bottom:12px !important;
}
body.ha-premium-section-page .ha-main > .ha-section-head:not(:first-child) h2{
  font-size:20px !important;
  letter-spacing:-.25px;
}

/* Feature + content cards */
body.ha-premium-section-page .ha-two{gap:14px !important}
body.ha-premium-section-page .ha-feature{
  border-radius:24px !important;
  min-height:145px;
  border:1px solid rgba(17,75,58,.08) !important;
  box-shadow:var(--ha-premium-shadow-soft) !important;
  transition:transform .16s ease,box-shadow .16s ease;
}
body.ha-premium-section-page .ha-grid{gap:14px !important}
body.ha-premium-section-page .ha-card{
  border-radius:23px !important;
  overflow:hidden;
  border:1px solid rgba(17,75,58,.08) !important;
  box-shadow:var(--ha-premium-shadow-soft) !important;
  background:#fff !important;
  transition:transform .16s ease,box-shadow .16s ease;
}
body.ha-premium-section-page .ha-thumb{min-height:125px !important}
body.ha-premium-section-page .ha-card-body{padding:14px !important}
body.ha-premium-section-page .ha-card-body h5{font-size:15px !important;line-height:1.55}
body.ha-premium-section-page .ha-card-body p{color:var(--ha-premium-muted) !important;line-height:1.65}
body.ha-premium-section-page .ha-action{
  border-radius:12px !important;
  font-weight:800;
}
body.ha-premium-section-page .fav{
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

/* Bottom navigation */
body.ha-premium-section-page .ha-bottom{
  background:transparent !important;
  border:0 !important;
  padding:0 12px calc(10px + env(safe-area-inset-bottom)) !important;
  pointer-events:none;
}
body.ha-premium-section-page .ha-bottom-inner{
  max-width:700px;
  margin-inline:auto;
  background:rgba(255,255,255,.96) !important;
  border:1px solid rgba(8,127,91,.11);
  border-radius:24px;
  box-shadow:0 16px 40px rgba(14,74,56,.16);
  padding:7px !important;
  pointer-events:auto;
}
body.ha-premium-section-page .ha-nav{
  border-radius:16px;
  padding:7px 5px !important;
  transition:background .16s ease,transform .16s ease;
}
body.ha-premium-section-page .ha-nav.active{
  background:linear-gradient(135deg,rgba(8,127,91,.11),rgba(10,167,117,.07));
}
body.ha-premium-section-page .ha-nav:active{transform:scale(.95)}

/* Chat page: keep its existing logic/layout, only polish surfaces */
body.ha-premium-section-page .page{background:linear-gradient(180deg,#f6fbf9,#f4f7f6)!important;min-height:100vh}
body.ha-premium-section-page .hero{
  border-radius:0 0 32px 32px !important;
  box-shadow:0 14px 35px rgba(12,72,55,.12);
}
body.ha-premium-section-page .quick{gap:12px!important}
body.ha-premium-section-page .qcard{
  border-radius:22px!important;
  box-shadow:var(--ha-premium-shadow-soft)!important;
  border:1px solid rgba(17,75,58,.08)!important;
  transition:transform .16s ease,box-shadow .16s ease;
}
body.ha-premium-section-page .qcard:active{transform:scale(.98)}
body.ha-premium-section-page .app,
body.ha-premium-section-page .side,
body.ha-premium-section-page .chat-main,
body.ha-premium-section-page .chatbox{
  border-radius:24px!important;
}

/* Accessibility + mobile */
body.ha-premium-section-page a:focus-visible,
body.ha-premium-section-page button:focus-visible,
body.ha-premium-section-page input:focus-visible{
  outline:3px solid rgba(8,127,91,.25) !important;
  outline-offset:2px;
}
@media (max-width:720px){
  body.ha-premium-section-page .ha-main{padding-inline:12px !important}
  body.ha-premium-section-page .ha-main > .ha-section-head:first-child{padding:20px 17px !important;border-radius:24px}
  body.ha-premium-section-page .ha-cats{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  body.ha-premium-section-page .ha-cat{min-height:116px}
  body.ha-premium-section-page .ha-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  body.ha-premium-section-page .ha-two{grid-template-columns:1fr !important}
  body.ha-premium-section-page .ha-thumb{min-height:108px !important}
}
@media (max-width:390px){
  body.ha-premium-section-page .ha-card-body{padding:11px !important}
  body.ha-premium-section-page .ha-section-titlebox h1{font-size:24px !important}
  body.ha-premium-section-page .ha-nav span:last-child{font-size:10px !important}
}
@media (prefers-reduced-motion:reduce){
  body.ha-premium-section-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}