/* Postime.al homepage refresh — scoped to the homepage where possible. */

:root {
  --pwa-red: #ed1c24;
  --pwa-red-dark: #c91219;
  --pwa-gold: #dfa20b;
  --pwa-ink: #15171a;
  --pwa-muted: #6d7278;
  --pwa-line: #e6e8eb;
  --pwa-soft: #f6f7f8;
  --pwa-radius: 12px;
  --pwa-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
}

body#home {
  background: #fff;
}

body#home > header {
  background: rgba(255, 255, 255, 0.97);
  border-bottom: 1px solid #e2e5e9;
  box-shadow: 0 4px 18px rgba(15, 23, 42, 0.1);
  min-height: 78px;
  position: sticky;
  top: 0;
  z-index: 99;
}

body#home > header .cmain {
  height: 78px;
  min-height: 78px;
  padding-bottom: 10px;
  padding-top: 10px;
}

body#home > header .logo img {
  max-height: 38px;
}

body#home > header .publish.btn {
  background: var(--pwa-red);
  border-color: var(--pwa-red);
  border-radius: 7px;
  box-shadow: 0 5px 14px rgba(237, 28, 36, 0.2);
  font-weight: 700;
}

body#home > header .publish.btn:hover {
  background: var(--pwa-red-dark);
  border-color: var(--pwa-red-dark);
}

body#home > .content {
  background: #fff;
  padding-top: 0;
}

body#home > .content > section {
  order: 10;
}

body#home #breadcrumbs,
body#home #flashbox:empty {
  display: none;
}

/* Hero/search — DOM and forms are native Zeta. */
body#home > .content > section#home-search-box {
  background-image: linear-gradient(90deg, rgba(8, 13, 20, 0.82), rgba(8, 13, 20, 0.42)), url('../images/home-search-bg.jpg');
  background-position: center;
  background-size: cover;
  border-radius: 0;
  margin: 0;
  min-height: 447px;
  padding: 98px 0 64px;
  width: 100%;
}

body#home #home-search-box #main-search {
  background: transparent;
  border-radius: 0;
  max-width: 1150px;
  padding: 0;
  width: 100%;
}

body#home #home-search-box #main-search > .box {
  align-items: center;
  display: flex;
  flex-direction: column;
  text-align: center;
}

.pwa-search-kicker {
  background: rgba(255, 255, 255, 0.14);
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.16em;
  line-height: 1;
  margin-bottom: 12px;
  padding: 7px 12px;
}

body#home #home-search-box h1 {
  color: #fff;
  font-size: clamp(30px, 4vw, 47px);
  font-weight: 800;
  letter-spacing: -0.04em;
  line-height: 1.08;
  margin: 0;
  max-width: 850px;
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.3);
}

.pwa-search-subtitle {
  color: rgba(255, 255, 255, 0.88);
  font-size: 16px;
  line-height: 1.5;
  margin: 12px 0 25px;
}

body#home #home-search-box .tabs {
  justify-content: center;
  margin-bottom: 11px;
  max-width: 100%;
}

body#home #home-search-box .tabs a {
  background: rgba(15, 17, 20, 0.62);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 7px;
  color: #fff;
  margin: 0 4px 7px;
  padding: 8px 12px;
}

body#home #home-search-box .tabs a.active,
body#home #home-search-box .tabs a:hover {
  background: #fff;
  border-color: #fff;
  color: var(--pwa-ink);
}

body#home #home-search-box .tab-data {
  max-width: 940px;
  width: 100%;
}

body#home #home-search-box .tab-data form {
  background: #fff;
  border: 4px solid rgba(255, 255, 255, 0.32);
  border-radius: 12px;
  box-shadow: 0 15px 45px rgba(0, 0, 0, 0.24);
  padding: 5px;
}

body#home #home-search-box .tab-data .inbox {
  border-radius: 8px;
  min-height: 54px;
}

body#home #home-search-box .tab-data .input-box,
body#home #home-search-box .tab-data .simple-select,
body#home #home-search-box .tab-data .picker {
  min-height: 46px;
}

body#home #home-search-box .tab-data .btns .btn {
  background: var(--pwa-red);
  border-color: var(--pwa-red);
  border-radius: 7px;
  font-weight: 700;
  min-height: 44px;
  padding-left: 25px;
  padding-right: 25px;
}

body#home #home-search-box .latest-search {
  color: rgba(255, 255, 255, 0.76);
  margin-top: 13px;
}

body#home #home-search-box .latest-search a,
body#home #home-search-box .latest-search strong {
  color: #fff;
}

/* Built-in action bar, visually compact but functionally unchanged. */
body#home > .content > section.home-action {
  background: #fff;
  border-bottom: 1px solid var(--pwa-line);
  padding: 18px 0 22px;
}

body#home .home-action .head-line {
  display: none;
}

body#home .home-action .actions {
  display: flex;
  gap: 9px;
  justify-content: center;
  overflow-x: auto;
  padding: 2px 0;
  width: 100%;
}

body#home .home-action .actions a {
  align-items: center;
  background: #fff;
  border: 1px solid var(--pwa-line);
  border-radius: 9px;
  color: var(--pwa-ink);
  display: flex;
  flex: 0 0 auto;
  font-size: 13px;
  font-weight: 700;
  gap: 7px;
  min-height: 45px;
  padding: 10px 15px;
  text-decoration: none;
}

body#home .home-action .actions a i {
  color: var(--pwa-red);
  font-size: 16px;
}

body#home .home-action .actions a:hover {
  border-color: rgba(237, 28, 36, 0.45);
  box-shadow: 0 7px 18px rgba(15, 23, 42, 0.08);
  transform: translateY(-1px);
}

/* Advertising positions. */
.pwa-ad-wrap {
  display: block;
  margin-bottom: 4px;
  margin-top: 26px;
  order: 10;
}

.pwa-ad-slot {
  align-items: center;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  min-height: 92px;
  overflow: hidden;
  width: 100%;
}

.pwa-ad-slot.is-placeholder {
  background: linear-gradient(135deg, #fff, #fff7f7);
  border: 1px dashed rgba(237, 28, 36, 0.55);
  color: #4a4f55;
  flex-direction: column;
  letter-spacing: 0.08em;
  text-decoration: none;
}

.pwa-ad-slot.is-placeholder span {
  font-size: 12px;
  font-weight: 800;
}

.pwa-ad-slot.is-placeholder small {
  color: #8a8f95;
  font-size: 10px;
  margin-top: 4px;
}

.pwa-ad-slot.is-placeholder:hover {
  background: #fff1f1;
  border-color: var(--pwa-red);
}

.pwa-ad-slot.is-configured .banner-theme,
.pwa-ad-slot.is-configured .myad,
.pwa-ad-slot.is-configured img,
.pwa-ad-slot.is-configured iframe {
  max-width: 100%;
}

/* Shared section headings. */
.pwa-section-heading {
  align-items: flex-end;
  display: flex;
  gap: 20px;
  justify-content: space-between;
  margin-bottom: 14px;
  width: 100%;
}

body#home .pwa-section-heading h2 {
  color: var(--pwa-ink);
  display: block;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: -0.025em;
  margin: 0;
}

.pwa-section-heading p {
  color: var(--pwa-muted);
  font-size: 13px;
  margin: 4px 0 0;
}

.pwa-see-all {
  color: var(--pwa-red);
  flex: 0 0 auto;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}

.pwa-see-all i {
  font-size: 11px;
  margin-left: 5px;
  transition: transform 0.2s ease;
}

.pwa-see-all:hover i {
  transform: translateX(3px);
}

/* Premium block and standard cards. */
body#home > .content > section.home-premium {
  border: 0;
  margin: 0;
  padding: 36px 0 22px;
}

body#home .home-premium h2.spec {
  margin-bottom: 14px;
}

body#home .home-premium h2.spec strong {
  color: var(--pwa-ink);
  font-size: 24px;
}

body#home .home-premium h2.spec > span {
  color: var(--pwa-muted);
  font-size: 13px;
  margin-top: 3px;
}

body#home .products.grid .simple-prod .simple-wrap {
  background: #fff;
  border: 1px solid var(--pwa-line);
  border-radius: var(--pwa-radius);
  overflow: hidden;
  padding: 0 0 11px;
}

body#home .products.grid .simple-prod:hover .simple-wrap {
  border-color: rgba(15, 23, 42, 0.15);
  box-shadow: var(--pwa-shadow);
  transform: translateY(-2px);
}

body#home .products.grid .simple-prod .img-wrap > a img {
  border-radius: 0;
}

body#home .products.grid .simple-prod .data {
  padding: 10px 11px 0;
}

body#home .products.grid .simple-prod .title,
body#home .products.grid .simple-prod .title2 {
  color: var(--pwa-ink);
  font-size: 14px;
  font-weight: 700;
}

body#home .products.grid .simple-prod .price {
  color: var(--pwa-red);
  font-size: 17px;
  font-weight: 800;
}

body#home .products.grid .simple-prod .location {
  color: var(--pwa-muted);
}

body#home .products.grid .simple-prod .marks > .prem {
  background: var(--pwa-gold);
  border-radius: 0 0 6px 0;
  display: inline-block;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.04em;
  margin: 0;
  padding: 6px 9px;
  text-transform: uppercase;
}

body#home .products#premium-items .simple-prod,
body#home .products#premium-items .simple-prod.o1,
body#home .products#premium-items .simple-prod:not(.o1) {
  background: transparent;
  box-shadow: none;
  margin: 0 5px 10px;
  width: calc(25% - 10px);
}

body#home .products#premium-items .simple-prod .img-wrap {
  height: auto;
  padding-top: 68%;
}

/* Category tiles. */
body#home > .content > section.home-cat {
  padding: 22px 0 34px;
}

body#home .home-cat h2 > strong {
  color: var(--pwa-ink);
  font-size: 24px;
  font-weight: 800;
}

body#home .home-cat h2 > span {
  color: var(--pwa-muted);
  font-size: 13px;
}

body#home .home-cat-wrap {
  margin: 0;
  width: 100%;
}

body#home .home-cat-wrap::before,
body#home .home-cat-wrap::after {
  display: none;
}

body#home #home-cat {
  gap: 10px;
  grid-auto-columns: minmax(116px, 1fr);
  grid-template-rows: repeat(var(--mb-home-cat-rows, 1), 130px);
  justify-content: stretch;
  padding: 2px;
  width: 100%;
}

body#home #home-cat a,
body#home #home-cat a:first-child {
  align-items: center;
  background: #fff;
  border: 1px solid var(--pwa-line);
  border-radius: 11px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0;
  padding: 12px 8px;
  width: 100%;
}

body#home #home-cat a:hover {
  background: #fff;
  border-color: rgba(237, 28, 36, 0.4) !important;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.08);
}

body#home #home-cat a:hover > div {
  transform: translateY(-2px) scale(1.04);
}

body#home #home-cat a > div {
  height: 58px;
  margin-bottom: 5px;
  width: 64px;
}

body#home #home-cat a > h3 span {
  color: var(--pwa-ink);
  font-size: 13px;
}

body#home .home-cat .home-link-all-wrap {
  margin-top: 14px;
}

/* New category rows. */
body#home > .content > section.pwa-category-section {
  background: #fff;
  padding: 28px 0 18px;
}

body#home > .content > section.pwa-category-section:nth-of-type(even) {
  background: #fbfbfc;
}

.pwa-products {
  align-items: stretch;
  display: grid !important;
  gap: 14px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0 !important;
  width: 100% !important;
}

.pwa-products .simple-prod,
.pwa-products .simple-prod.medium,
.pwa-products .simple-prod.large,
.pwa-products .simple-prod.wide {
  margin: 0 !important;
  width: 100% !important;
}

.pwa-products .simple-prod .img-wrap {
  padding-top: 65%;
}

.pwa-products .simple-prod .top-wrap {
  display: none;
}

.pwa-products .simple-prod .title {
  display: none;
}

.pwa-products .simple-prod .title2 {
  display: -webkit-box;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  max-height: 37px;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.pwa-products .simple-prod .favorite-block1 {
  bottom: auto;
  left: auto;
  position: absolute;
  right: 9px;
  top: 9px;
  z-index: 3;
}

.pwa-products .simple-prod .favorite-block1 a {
  background: rgba(0, 0, 0, 0.58);
  border-radius: 50%;
  margin: 0;
}

.pwa-products .simple-prod .favorite-block1 a:not(.is_favorite) i {
  color: #fff;
}

.pwa-products .simple-prod .simple-wrap {
  height: 100%;
}

/* Services plus sales panel. */
.pwa-services-layout {
  align-items: stretch;
  display: grid;
  gap: 20px;
  grid-template-columns: minmax(0, 3fr) minmax(240px, 1fr);
  width: 100%;
}

.pwa-services-list {
  min-width: 0;
}

.pwa-service-products {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.pwa-business-promo {
  align-items: center;
  background: linear-gradient(145deg, #fff, #fff2f2);
  border: 1px dashed rgba(237, 28, 36, 0.55);
  border-radius: var(--pwa-radius);
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 310px;
  padding: 26px;
  position: relative;
  text-align: center;
}

.pwa-promo-label {
  color: #8b9096;
  font-size: 9px;
  left: 13px;
  letter-spacing: 0.1em;
  position: absolute;
  top: 11px;
}

.pwa-business-promo > i {
  align-items: center;
  background: rgba(237, 28, 36, 0.1);
  border-radius: 50%;
  color: var(--pwa-red);
  display: flex;
  font-size: 22px;
  height: 54px;
  justify-content: center;
  margin-bottom: 14px;
  width: 54px;
}

.pwa-business-promo h3 {
  color: var(--pwa-ink);
  font-size: 21px;
  line-height: 1.2;
  margin: 0 0 8px;
}

.pwa-business-promo p {
  color: var(--pwa-muted);
  font-size: 13px;
  line-height: 1.5;
  margin: 0 0 18px;
}

.pwa-business-promo .btn {
  background: var(--pwa-red);
  border-color: var(--pwa-red);
  border-radius: 7px;
  font-weight: 700;
  min-width: 145px;
}

/* Existing latest/blog/business sections receive the same rhythm. */
body#home > .content > section.home-latest,
body#home > .content > section.home-blog,
body#home > .content > section.home-business,
body#home > .content > section.home-favorite,
body#home > .content > section.home-location,
body#home > .content > section.home-recent {
  padding: 30px 0;
}

body#home section.home-latest h2,
body#home section.home-blog h2,
body#home section.home-business h2,
body#home section.home-favorite h2,
body#home section.home-recent h2 {
  color: var(--pwa-ink);
  font-size: 22px;
  font-weight: 800;
}

body#home #latest-items {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin: 0;
  width: 100%;
}

body#home #latest-items .simple-prod,
body#home #latest-items .simple-prod.medium {
  margin: 0;
  width: 100%;
}

/* Final publishing call to action. */
body#home > .content > section.pwa-final-cta {
  padding: 26px 0 20px;
}

.pwa-final-cta-box {
  align-items: center;
  background: linear-gradient(100deg, #fff3f3, #fff8f8);
  border: 1px solid #ffe0e0;
  border-radius: 12px;
  display: flex;
  gap: 18px;
  padding: 20px 24px;
  width: 100%;
}

.pwa-final-cta-icon {
  align-items: center;
  background: #fff;
  border: 1px solid #ffd0d0;
  border-radius: 50%;
  color: var(--pwa-red);
  display: flex;
  flex: 0 0 54px;
  font-size: 20px;
  height: 54px;
  justify-content: center;
}

body#home .pwa-final-cta h2 {
  color: var(--pwa-ink);
  display: block;
  font-size: 23px;
  font-weight: 800;
  margin: 0 0 3px;
}

.pwa-final-cta p {
  color: var(--pwa-muted);
  font-size: 13px;
  margin: 0;
}

.pwa-final-cta .btn {
  background: var(--pwa-red);
  border-color: var(--pwa-red);
  border-radius: 7px;
  font-weight: 700;
  margin-left: auto;
  white-space: nowrap;
}

.pwa-final-cta .btn i {
  font-size: 11px;
  margin-left: 7px;
}

/* Footer polish without changing footer links or hooks. */
body#home footer {
  background: #121416;
  border-top: 0;
}

body#home footer .logo img {
  filter: brightness(0) invert(1);
}

/* Dark-mode compatibility. */
html[mode='dark'] body#home,
html[mode='dark'] body#home > .content,
html[mode='dark'] body#home > .content > section,
html[mode='dark'] body#home > .content > section.home-action,
html[mode='dark'] body#home > .content > section.pwa-category-section {
  background: #151719;
}

html[mode='dark'] body#home > header {
  background: rgba(21, 23, 25, 0.97);
}

html[mode='dark'] body#home .products.grid .simple-prod .simple-wrap,
html[mode='dark'] body#home #home-cat a,
html[mode='dark'] body#home .home-action .actions a {
  background: #202326;
  border-color: #34383d;
}

html[mode='dark'] body#home .pwa-section-heading h2,
html[mode='dark'] body#home .home-cat h2 > strong,
html[mode='dark'] body#home #home-cat a > h3 span,
html[mode='dark'] body#home .home-action .actions a,
html[mode='dark'] body#home .products.grid .simple-prod .title,
html[mode='dark'] body#home .products.grid .simple-prod .title2,
html[mode='dark'] body#home .pwa-final-cta h2 {
  color: #f5f5f5;
}

html[mode='dark'] .pwa-ad-slot.is-placeholder,
html[mode='dark'] .pwa-business-promo,
html[mode='dark'] .pwa-final-cta-box {
  background: #202326;
  border-color: rgba(237, 28, 36, 0.55);
}

/* Tablet. */
@media (max-width: 1024px) {
  body#home > .content > section#home-search-box {
    min-height: 432px;
    padding: 84px 0 58px;
  }

  .pwa-products {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .pwa-products .simple-prod:nth-child(n + 4) {
    display: none;
  }

  .pwa-services-layout {
    grid-template-columns: 1fr;
  }

  .pwa-business-promo {
    min-height: 210px;
  }

  body#home #latest-items {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  body#home #latest-items .simple-prod:nth-child(n + 9) {
    display: none;
  }
}

/* Mobile. */
@media (max-width: 767px) {
  body#home > header {
    min-height: 64px;
    position: relative;
  }

  body#home > header .cmain {
    height: 64px;
    min-height: 64px;
    padding-bottom: 7px;
    padding-top: 7px;
  }

  body#home > .content > section#home-search-box {
    display: flex;
    margin-top: 0;
    min-height: 438px;
    padding: 50px 0 30px;
  }

  body#home #home-search-box h1 {
    font-size: 31px;
  }

  .pwa-search-subtitle {
    font-size: 14px;
    margin-bottom: 20px;
  }

  body#home #home-search-box .tabs {
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: auto;
    width: 100%;
  }

  body#home #home-search-box .tabs a {
    flex: 0 0 auto;
  }

  body#home #home-search-box .tab-data form {
    border-width: 3px;
  }

  body#home #home-search-box .tab-data .inbox {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  body#home #home-search-box .tab-data .btns,
  body#home #home-search-box .tab-data .btns .btn {
    width: 100%;
  }

  body#home #home-search-box .latest-search {
    display: none;
  }

  body#home .home-action .actions {
    justify-content: flex-start;
  }

  .pwa-ad-wrap {
    margin-top: 18px;
  }

  .pwa-ad-slot {
    min-height: 76px;
  }

  body#home .products#premium-items .simple-prod,
  body#home .products#premium-items .simple-prod.o1,
  body#home .products#premium-items .simple-prod:not(.o1) {
    width: 76vw;
  }

  .pwa-products {
    display: flex !important;
    gap: 10px;
    overflow-x: auto;
    padding: 2px 1px 12px;
    scroll-snap-type: x mandatory;
  }

  .pwa-products .simple-prod,
  .pwa-products .simple-prod.medium,
  .pwa-products .simple-prod.large,
  .pwa-products .simple-prod.wide {
    display: block !important;
    flex: 0 0 76vw;
    scroll-snap-align: start;
    width: 76vw !important;
  }

  .pwa-section-heading {
    align-items: flex-start;
  }

  .pwa-section-heading p {
    display: none;
  }

  body#home .pwa-section-heading h2 {
    font-size: 20px;
  }

  .pwa-business-promo {
    min-height: 220px;
  }

  body#home #latest-items {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    padding-bottom: 12px;
  }

  body#home #latest-items .simple-prod,
  body#home #latest-items .simple-prod.medium {
    display: block !important;
    flex: 0 0 72vw;
    width: 72vw;
  }

  .pwa-final-cta-box {
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 18px;
  }

  .pwa-final-cta-icon {
    flex-basis: 46px;
    height: 46px;
    width: 46px;
  }

  .pwa-final-cta-box > div:nth-child(2) {
    flex: 1;
  }

  body#home .pwa-final-cta h2 {
    font-size: 20px;
  }

  .pwa-final-cta .btn {
    margin-left: 0;
    text-align: center;
    width: 100%;
  }
}

@media (max-width: 480px) {
  body#home #home-search-box h1 {
    font-size: 27px;
  }

  .pwa-search-kicker {
    display: none;
  }

  body#home #home-cat {
    grid-auto-columns: 104px;
  }

  .pwa-see-all {
    font-size: 0;
  }

  .pwa-see-all i {
    font-size: 13px;
  }
}