/* Authorized DanangBike category-page reconstruction */
.category-page .site-header { position: fixed; top: 0; right: 0; left: 0; color: white; background: transparent; border-bottom-color: transparent; backdrop-filter: none; }
.category-page .site-header .brand img { filter: brightness(0) invert(1); }
.category-page .desktop-nav a { color: white; }
.category-page .site-header.scrolled,
.category-page .site-header.menu-open { color: var(--ink); background: rgba(255,255,255,.975); border-bottom-color: rgba(15,23,42,.08); box-shadow: 0 8px 28px rgba(15,23,42,.08); backdrop-filter: saturate(140%) blur(14px); }
.category-page .site-header.scrolled .brand img,
.category-page .site-header.menu-open .brand img { filter: none; }
.category-page .site-header.scrolled .desktop-nav a,
.category-page .site-header.menu-open .desktop-nav a { color: #142238; }
.category-detail { --hero-h: 650px; --models-h: 1005px; --rates-h: 741px; --fit-h: 656px; --routes-h: 628px; --legal-h: 695px; --reasons-h: 612px; --faq-h: 886px; --cross-h: 293px; }
.category-electric { --hero-h: 651px; --models-h: 1039px; --rates-h: 766px; --fit-h: 702px; --routes-h: 726px; --legal-h: 669px; --reasons-h: 612px; --faq-h: 1021px; --cross-h: 319px; }
.category-budget { --hero-h: 698px; --models-h: 1045px; --rates-h: 833px; --fit-h: 683px; --routes-h: 643px; --legal-h: 639px; --reasons-h: 639px; --faq-h: 869px; --cross-h: 344px; }
.category-premium { --hero-h: 623px; --models-h: 1043px; --rates-h: 824px; --fit-h: 630px; --routes-h: 705px; --legal-h: 785px; --reasons-h: 629px; --faq-h: 949px; --cross-h: 293px; }
.category-electric .category-rates { margin-top: 1px; }
.category-electric .category-routes { margin-top: -1px; }
.category-electric .category-reasons { margin-top: 1px; }
.category-hero { position: relative; height: var(--hero-h); display: grid; align-items: center; color: white; background-image: var(--category-hero); background-position: center; background-size: cover; overflow: hidden; }
.category-hero-overlay { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(3,18,30,.88) 0%, rgba(3,18,30,.76) 48%, rgba(3,18,30,.42) 100%), linear-gradient(180deg, rgba(3,18,30,.2), rgba(3,18,30,.58)); }
.category-hero .content-shell { position: relative; z-index: 1; padding-top: 62px; }
.category-hero .breadcrumbs { margin-bottom: 52px; color: rgba(255,255,255,.65); }
.category-hero h1 { max-width: 900px; margin-bottom: 20px; color: white; font-size: 58px; font-weight: 750; line-height: 1.02; letter-spacing: -2.6px; }
.category-hero .content-shell > p:not(.section-kicker) { max-width: 760px; margin-bottom: 28px; color: #d2dbe1; font-size: 15px; }
.category-hero .booking-search { width: 680px; margin: 0; grid-template-columns: 1fr 1fr 178px; padding: 6px; border-radius: 10px; }
.category-hero .booking-search label:first-child { display: none; }
.category-hero .booking-search .primary-button { min-width: 178px; border-radius: 7px; font-size: 12px; }
.category-page .fleet-benefits { height: 85px; min-height: 85px; }
.category-models { height: var(--models-h); padding: 102px 0 70px; overflow: hidden; }
.category-models .section-heading,
.category-rates .section-heading,
.category-fit .section-heading,
.category-routes .section-heading,
.category-reasons .section-heading,
.category-faq .section-heading { margin-bottom: 46px; }
.category-models .section-heading h2,
.category-rates .section-heading h2,
.category-fit .section-heading h2,
.category-routes .section-heading h2,
.category-reasons .section-heading h2,
.category-faq .section-heading h2 { font-size: 42px; font-weight: 700; letter-spacing: -1.8px; }
.category-models .catalog-grid { grid-template-columns: repeat(2, 360px); justify-content: center; gap: 216px; }
.category-models .product-card { width: 360px; min-height: 558px; }
.category-models .product-image { height: 225px; }
.category-note { width: 900px; min-height: 64px; margin: 34px auto 0; padding: 16px 20px; color: var(--muted); background: var(--soft); border: 1px solid var(--line); border-radius: 10px; font-size: 12px; text-align: center; }
.category-rates { height: var(--rates-h); padding: 90px 0; background: var(--soft); overflow: hidden; }
.category-rate-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.category-rate-grid article { min-height: 245px; display: flex; flex-direction: column; padding: 28px; background: white; border: 1px solid var(--line); border-radius: 13px; }
.category-rate-grid span { color: var(--green-dark); font-size: 9px; font-weight: 800; letter-spacing: .1em; }
.category-rate-grid strong { margin-top: 6px; color: var(--ink); font-family: var(--font-heading); }
.category-rate-grid b { margin-top: 17px; color: var(--ink); font-family: var(--font-heading); font-size: 28px; }
.category-rate-grid p { margin: auto 0 0; font-size: 12px; }
.category-rates aside { margin-top: 24px; padding: 18px 22px; color: var(--muted); background: #eafaf4; border-radius: 10px; font-size: 12px; }
.category-fit { height: var(--fit-h); padding: 92px 0; overflow: hidden; }
.category-fit-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.category-fit-grid article { min-height: 255px; padding: 30px; background: #f2fbf7; border: 1px solid #dceee6; border-radius: 14px; }
.category-fit-grid article:nth-child(2) { background: var(--soft); border-color: var(--line); }
.category-fit-grid h3 { margin-bottom: 18px; font-size: 20px; }
.category-fit-grid ul,
.category-legal ul { display: grid; gap: 11px; margin: 0; padding: 0; list-style: none; }
.category-fit-grid li,
.category-legal li { position: relative; padding-left: 20px; font-size: 12px; }
.category-fit-grid li::before,
.category-legal li::before { content: "✓"; position: absolute; left: 0; color: var(--green); font-weight: 900; }
.category-routes { height: var(--routes-h); padding: 92px 0; background: #f3fbf7; overflow: hidden; }
.category-route-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.category-route-grid article { min-height: 270px; padding: 28px; background: white; border: 1px solid #dceee6; border-radius: 14px; }
.category-route-grid p { color: var(--green-dark); font-size: 9px; font-weight: 800; letter-spacing: .1em; }
.category-route-grid svg { width: 36px; height: 36px; margin: 18px 0; padding: 8px; color: var(--green); background: var(--green-soft); border-radius: 9px; }
.category-route-grid h3 { margin-bottom: 12px; font-size: 18px; }
.category-route-grid span { display: block; font-size: 12px; }
.category-legal { height: var(--legal-h); display: grid; align-items: center; overflow: hidden; }
.category-legal .content-shell { display: grid; grid-template-columns: 1.35fr .65fr; align-items: center; gap: 70px; }
.category-legal h2 { margin-bottom: 18px; font-size: 42px; letter-spacing: -1.8px; }
.category-legal .content-shell > div > p:not(.section-kicker) { margin-bottom: 26px; }
.legal-chips { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-bottom: 25px; }
.legal-chips span { padding: 11px 14px; color: var(--green-dark); background: var(--green-soft); border-radius: 8px; font-size: 11px; font-weight: 800; }
.category-legal a { color: var(--green-dark); font-weight: 800; }
.category-legal aside { min-height: 360px; padding: 34px; color: #c4d0d8; background: var(--navy-2); border-radius: 15px; box-shadow: var(--shadow-strong); }
.category-legal aside h3 { margin-bottom: 25px; color: white; }
.category-legal aside ul { gap: 22px; }
.category-reasons { height: var(--reasons-h); padding: 90px 0; background: var(--soft); overflow: hidden; }
.category-reason-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.category-reason-grid article { min-height: 245px; padding: 26px; background: white; border: 1px solid var(--line); border-radius: 13px; }
.category-reason-grid svg { width: 38px; height: 38px; margin-bottom: 22px; padding: 9px; color: var(--green); background: var(--green-soft); border-radius: 9px; }
.category-reason-grid h3 { margin-bottom: 12px; font-size: 16px; }
.category-reason-grid p { margin: 0; font-size: 12px; }
.category-faq { height: var(--faq-h); padding: 90px 0; overflow: hidden; }
.category-faq .faq-list { width: 900px; }
.category-faq .faq-list summary { padding-block: 18px; }
.category-cross-sell { height: var(--cross-h); display: grid; align-items: center; color: #b8c7d1; background: var(--navy-2); overflow: hidden; }
.category-cross-sell .content-shell { display: grid; grid-template-columns: 1.3fr .7fr; align-items: center; gap: 70px; }
.category-cross-sell h2 { margin-bottom: 10px; color: white; font-size: 34px; }
.category-cross-sell p { margin: 0; }
.category-cross-sell nav { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.category-cross-sell nav a { min-height: 88px; display: grid; align-content: center; padding: 18px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); border-radius: 10px; }
.category-cross-sell nav strong { color: white; font-size: 12px; }
.category-cross-sell nav small { color: var(--green); }
.category-page .site-footer { height: 744px; min-height: 744px; overflow: hidden; }

@media (max-width: 800px) {
  .category-page .menu-button { color: white; background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.25); }
  .category-page .site-header.scrolled .menu-button,
  .category-page .site-header.menu-open .menu-button { color: var(--ink); background: white; border-color: var(--line); }
  .category-detail { --hero-h: 542px; --models-h: 1493px; --rates-h: 1211px; --fit-h: 980px; --routes-h: 1151px; --legal-h: 1342px; --reasons-h: 1099px; --faq-h: 927px; --cross-h: 498px; }
  .category-electric { --hero-h: 543px; --models-h: 1449px; --rates-h: 1262px; --fit-h: 1001px; --routes-h: 1232px; --legal-h: 1291px; --reasons-h: 1209px; --faq-h: 1048px; --cross-h: 524px; }
  .category-budget { --hero-h: 625px; --models-h: 1485px; --rates-h: 1652px; --fit-h: 958px; --routes-h: 1140px; --legal-h: 1122px; --reasons-h: 1181px; --faq-h: 890px; --cross-h: 765px; }
  .category-premium { --hero-h: 508px; --models-h: 1455px; --rates-h: 1067px; --fit-h: 868px; --routes-h: 1237px; --legal-h: 1440px; --reasons-h: 1200px; --faq-h: 1002px; --cross-h: 498px; }
  .category-electric .category-rates,
  .category-electric .category-reasons { margin-top: 0; }
  .category-electric .category-routes { margin-top: -1px; }
  .category-electric .category-legal { margin-top: 1px; }
  .category-electric .category-cross-sell { margin-top: 1px; }
  .category-page:has(.category-electric) .site-footer { margin-top: -1px; }
  .category-budget .category-models { margin-top: -1px; }
  .category-hero .content-shell { padding-top: 90px; }
  .category-hero .breadcrumbs { display: none; }
  .category-hero h1 { font-size: 38px; letter-spacing: -1.9px; }
  .category-hero .booking-search { width: 100%; grid-template-columns: 1fr 1fr; gap: 6px; padding: 9px; }
  .category-hero .booking-search label { padding: 8px; border: 1px solid var(--line); border-radius: 7px; }
  .category-hero .booking-search .primary-button { grid-column: 1 / -1; min-width: 0; }
  .category-page .fleet-benefits { height: 228px; min-height: 228px; }
  .category-models,
  .category-rates,
  .category-fit,
  .category-routes,
  .category-reasons,
  .category-faq { padding: 60px 0; }
  .category-models .section-heading h2,
  .category-rates .section-heading h2,
  .category-fit .section-heading h2,
  .category-routes .section-heading h2,
  .category-reasons .section-heading h2,
  .category-faq .section-heading h2 { font-size: 30px; }
  .category-models .catalog-grid { grid-template-columns: 1fr; gap: 16px; }
  .category-models .product-card { width: 100%; height: 502px; min-height: 502px; }
  .category-models .product-image { height: 166px; }
  .category-models .product-body { padding: 12px 15px; }
  .category-models .product-benefits { padding-block: 8px; }
  .category-models .product-price { min-height: 60px; padding-block: 9px; }
  .category-note { width: 100%; margin-top: 20px; }
  .category-rate-grid,
  .category-fit-grid,
  .category-route-grid,
  .category-reason-grid { grid-template-columns: 1fr; }
  .category-rate-grid article { min-height: 230px; }
  .category-fit-grid article { min-height: 300px; }
  .category-route-grid article { min-height: 280px; }
  .category-legal .content-shell { grid-template-columns: 1fr; gap: 30px; }
  .category-legal h2 { font-size: 31px; }
  .category-legal aside { min-height: 300px; }
  .category-reason-grid article { min-height: 170px; }
  .category-faq .faq-list { width: 100%; }
  .category-faq .quick-answer { display: grid; }
  .category-cross-sell .content-shell { grid-template-columns: 1fr; gap: 24px; }
  .category-cross-sell h2 { font-size: 29px; }
  .category-page .site-footer { height: 1253px; min-height: 1253px; }
}