/* Sherify cinematic image system — original artwork, exact logos remain separate. */

.premium-site .pv-hero::before {
  background:
    linear-gradient(90deg, #070807 0%, rgba(7, 8, 7, .98) 34%, rgba(7, 8, 7, .62) 58%, rgba(7, 8, 7, .1) 82%),
    linear-gradient(180deg, transparent 58%, #080908 100%),
    url('/assets/images/sherify-command-hero-v3.webp') right center / cover no-repeat !important;
}

.premium-site .product-hero { isolation: isolate; }
.premium-site .product-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.premium-site .product-hero::after { display: none; }
.premium-site .product-hero > .container { position: relative; z-index: 1; }

.premium-site.products-page .product-hero::before {
  background-image:
    linear-gradient(90deg, rgba(8, 9, 8, .96) 0%, rgba(8, 9, 8, .82) 34%, rgba(8, 9, 8, .34) 76%, rgba(8, 9, 8, .5) 100%),
    linear-gradient(180deg, rgba(8, 9, 8, .18), #080908 96%),
    url('/assets/images/sherify-product-family-v3.webp');
}

.premium-site[data-vertical="cravuno"] .product-hero::before {
  background-image:
    linear-gradient(90deg, rgba(8, 7, 9, .98) 0%, rgba(17, 8, 20, .88) 38%, rgba(21, 8, 25, .32) 72%, rgba(8, 7, 9, .55) 100%),
    linear-gradient(180deg, transparent 62%, #080908 100%),
    url('/assets/images/cravuno-restaurant-v3.webp');
}

.premium-site[data-vertical="chairready"] .product-hero::before {
  background-image:
    linear-gradient(90deg, rgba(7, 12, 24, .98) 0%, rgba(7, 14, 29, .86) 39%, rgba(7, 14, 29, .22) 74%, rgba(7, 12, 24, .52) 100%),
    linear-gradient(180deg, transparent 64%, #080908 100%),
    url('/assets/images/chairready-studio-v3.webp');
}

.premium-site[data-vertical="counvera"] .product-hero::before {
  background-image:
    linear-gradient(90deg, rgba(4, 13, 30, .98) 0%, rgba(5, 18, 41, .84) 40%, rgba(5, 18, 41, .2) 76%, rgba(4, 13, 30, .52) 100%),
    linear-gradient(180deg, transparent 64%, #080908 100%),
    url('/assets/images/counvera-office-v3.webp');
}

.premium-site[data-vertical="estavanta"] .product-hero::before {
  background-image:
    linear-gradient(90deg, rgba(4, 13, 31, .98) 0%, rgba(5, 20, 47, .84) 40%, rgba(5, 20, 47, .18) 76%, rgba(4, 13, 31, .48) 100%),
    linear-gradient(180deg, transparent 64%, #080908 100%),
    url('/assets/images/estavanta-property-v3.webp');
}

.premium-site.trust-page .product-hero::before {
  background-image:
    linear-gradient(90deg, rgba(8, 9, 8, .98) 0%, rgba(8, 9, 8, .86) 40%, rgba(8, 9, 8, .22) 78%, rgba(8, 9, 8, .5) 100%),
    linear-gradient(180deg, transparent 64%, #080908 100%),
    url('/assets/images/sherify-trust-v3.webp');
}

.premium-site .brand-stage {
  min-height: 540px;
  background: #050606;
  border-color: color-mix(in srgb, var(--vertical-accent, var(--pv-gold)) 55%, transparent);
  box-shadow: 0 36px 90px rgba(0, 0, 0, .46);
}
.premium-site .brand-stage::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(4, 5, 4, .02) 35%, rgba(4, 5, 4, .84) 100%);
  pointer-events: none;
}
.premium-site .brand-stage .brand-hero-image {
  object-fit: cover;
  object-position: center;
  filter: saturate(.94) contrast(1.04);
}
.premium-site .brand-stage .brand-hero-mark {
  position: absolute;
  z-index: 3;
  top: 1.25rem;
  right: 1.25rem;
  width: 118px;
  height: 118px;
  border: 1px solid color-mix(in srgb, var(--vertical-accent, var(--pv-gold)) 60%, rgba(255, 255, 255, .18));
  border-radius: 24px;
  object-fit: cover;
  box-shadow: 0 18px 48px rgba(0, 0, 0, .48), 0 0 34px color-mix(in srgb, var(--vertical-accent, var(--pv-gold)) 20%, transparent);
}
.premium-site .brand-stage figcaption { z-index: 4; }

.premium-site.product-page .vertical-card.product-moment .brand-panel {
  isolation: isolate;
  min-height: 220px !important;
  background-position: center !important;
  background-size: cover !important;
}
.premium-site.product-page .vertical-card.product-moment .brand-panel::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: linear-gradient(180deg, rgba(4, 5, 4, .02), rgba(4, 5, 4, .34));
}
.premium-site.product-page .vertical-card.product-moment.cravuno .brand-panel { background-image: url('/assets/images/cravuno-restaurant-v3.webp') !important; }
.premium-site.product-page .vertical-card.product-moment.chairready .brand-panel { background-image: url('/assets/images/chairready-studio-v3.webp') !important; }
.premium-site.product-page .vertical-card.product-moment.counvera .brand-panel { background-image: url('/assets/images/counvera-office-v3.webp') !important; }
.premium-site.product-page .vertical-card.product-moment.estavanta .brand-panel { background-image: url('/assets/images/estavanta-property-v3.webp') !important; }
.premium-site.product-page .vertical-card.product-moment.cravuno .brand-panel,
.premium-site.product-page .vertical-card.product-moment.chairready .brand-panel,
.premium-site.product-page .vertical-card.product-moment.counvera .brand-panel { background-position: 68% center !important; }
.premium-site.product-page .vertical-card.product-moment .brand-panel img {
  width: 118px !important;
  height: 118px !important;
  border-radius: 22px !important;
  object-fit: cover !important;
  z-index: 2 !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, .46), 0 0 34px color-mix(in srgb, var(--accent) 26%, transparent) !important;
}

.premium-site.products-page .ecosystem-map {
  background:
    linear-gradient(rgba(4, 5, 4, .58), rgba(4, 5, 4, .78)),
    url('/assets/images/sherify-product-family-v3.webp') center / cover no-repeat !important;
}

.premium-site.trust-page .trust-shield {
  background:
    linear-gradient(180deg, rgba(5, 6, 5, .08), rgba(5, 6, 5, .74)),
    url('/assets/images/sherify-trust-v3.webp') center / cover no-repeat !important;
  box-shadow: 0 34px 90px rgba(0, 0, 0, .42);
}

.premium-site.demo-page .demo-hero {
  min-height: 500px;
  display: grid;
  align-items: end;
  background:
    linear-gradient(90deg, rgba(8, 7, 9, .98) 0%, rgba(17, 8, 20, .84) 44%, rgba(17, 8, 20, .18) 78%),
    linear-gradient(180deg, transparent 52%, #080908 100%),
    url('/assets/images/cravuno-restaurant-v3.webp') center / cover no-repeat !important;
}
.premium-site.demo-page .demo-hero .container { padding-bottom: clamp(3rem, 6vw, 5.5rem); }

.premium-site .visual-cta {
  background-image:
    linear-gradient(90deg, rgba(8, 9, 8, .94), rgba(8, 9, 8, .68)),
    url('/assets/images/sherify-command-hero-v3.webp');
  background-position: center;
  background-size: cover;
}

.premium-site[data-vertical="cravuno"] .visual-cta {
  background-image:
    linear-gradient(90deg, rgba(8, 3, 12, .98) 0%, rgba(8, 3, 12, .82) 52%, rgba(8, 3, 12, .30) 100%),
    url('/assets/images/cravuno-restaurant-v3.webp');
}

body.v1-dark-app {
  background:
    linear-gradient(180deg, rgba(3, 5, 7, .76), #050708 68%),
    url('/assets/images/sherify-review-v3.webp') center top / 100% auto no-repeat,
    #050708 !important;
}
body.v1-dark-app .v1-stage,
body.v1-dark-app .v1-audit-shell,
body.v1-dark-app .v1-proposal { position: relative; isolation: isolate; }
body.v1-dark-app .v1-stage::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(90deg, rgba(5, 7, 8, .94), rgba(5, 7, 8, .52)),
    url('/assets/images/sherify-review-v3.webp') right center / cover no-repeat;
  opacity: .86;
}

@media (max-width: 1000px) {
  .premium-site .product-hero::before { background-position: 62% center; }
  .premium-site .brand-stage { min-height: 500px; }
}

@media (max-width: 760px) {
  .premium-site .pv-hero::before {
    background:
      linear-gradient(180deg, rgba(7, 8, 7, .2) 0%, rgba(7, 8, 7, .72) 34%, #070807 62%),
      url('/assets/images/sherify-command-hero-v3.webp') 68% top / auto 48% no-repeat !important;
  }
  .premium-site .product-hero::before { background-position: 68% top; }
  .premium-site .brand-stage { min-height: 440px; }
  .premium-site .brand-stage .brand-hero-mark { width: 92px; height: 92px; border-radius: 18px; }
  .premium-site.demo-page .demo-hero { min-height: 560px; background-position: 66% center !important; }
}

@media (prefers-reduced-motion: reduce) {
  .premium-site .brand-stage .brand-hero-image { transform: none !important; }
}