/* Premium visual restyle only. No form or script behavior changes. */
:root {
  --premium-ink: #101820;
  --premium-paper: #f7f3eb;
  --premium-accent: #c4873a;
  --premium-muted: #6f756f;
  --premium-line: rgba(16, 24, 32, .14);
  --premium-shadow: 0 18px 48px rgba(16, 24, 32, .14);
  --font-bebas: "Montserrat", sans-serif;
  --font-inter: "Inter", system-ui, sans-serif;
  --font-montserrat: "Montserrat", sans-serif;
}

html,
body {
  background:
    radial-gradient(circle at 50% 0%, rgba(196, 135, 58, .22), transparent 32rem),
    linear-gradient(180deg, #101820 0%, #171d24 100%) !important;
}

body {
  color: var(--premium-ink) !important;
}

main,
main * {
  letter-spacing: 0 !important;
}

main {
  background: var(--premium-paper) !important;
  box-shadow: 0 28px 80px rgba(0, 0, 0, .38) !important;
}

section {
  position: relative;
}

main section[class*="bg-white"] {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .76), rgba(247, 243, 235, .96)),
    var(--premium-paper) !important;
}

main section[class*="bg-neutral-50"] {
  background:
    linear-gradient(180deg, rgba(239, 232, 219, .9), rgba(247, 243, 235, .98)) !important;
}

main section:first-of-type {
  background:
    linear-gradient(180deg, rgba(16, 24, 32, .96) 0%, rgba(28, 34, 38, .94) 48%, var(--premium-paper) 48%) !important;
  color: #fff !important;
  padding-top: 36px !important;
}

main section:first-of-type h2,
main section:first-of-type p {
  color: #fff !important;
  text-shadow: 0 2px 18px rgba(0, 0, 0, .22);
}

h1,
h2,
h3,
.font-bebas,
.font-montserrat {
  font-family: "Montserrat", sans-serif !important;
}

h2,
h3 {
  font-weight: 900 !important;
  line-height: 1.04 !important;
}

h2 {
  font-size: clamp(31px, 9vw, 40px) !important;
}

h3 {
  font-size: clamp(24px, 7vw, 30px) !important;
}

p,
span,
label,
input,
button {
  font-family: "Inter", system-ui, sans-serif !important;
}

p {
  line-height: 1.62 !important;
}

[class*="text-[#FF2E2E]"],
[class*="text-red-"],
[class*="text-green-"] {
  color: var(--premium-accent) !important;
}

[class*="bg-[#FF2E2E]"],
[class*="bg-red-"],
[class*="bg-green-"] {
  background-color: var(--premium-accent) !important;
}

[class*="border-[#FF2E2E]"],
[class*="border-red-"],
[class*="border-green-"] {
  border-color: var(--premium-accent) !important;
}

[class*="bg-[#121212]"],
footer,
main > div:first-child {
  background: var(--premium-ink) !important;
}

[class*="text-[#121212]"] {
  color: var(--premium-ink) !important;
}

[class*="border-[#121212]"],
[class*="border-neutral-900"],
[class*="border-neutral-800"] {
  border-color: var(--premium-ink) !important;
}

[class*="rounded-[20px]"],
[class*="rounded-[18px]"],
[class*="rounded-[14px]"],
[class*="rounded-xl"] {
  border-radius: 8px !important;
}

.premium-shadow,
.premium-shadow-heavy,
[class*="shadow-lg"],
[class*="shadow-md"],
[class*="shadow-sm"] {
  box-shadow: var(--premium-shadow) !important;
}

main > div:first-child {
  border-bottom: 1px solid rgba(196, 135, 58, .4) !important;
}

section > div[class*="my-"],
section > div[class*="relative w-full"] {
  border-radius: 8px !important;
}

div[class*="relative w-full"][class*="overflow-hidden"][class*="bg-neutral-900"] {
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .92), rgba(237, 231, 220, .88)) !important;
  border: 1px solid rgba(16, 24, 32, .12) !important;
  box-shadow: 0 18px 38px rgba(16, 24, 32, .16) !important;
}

div[class*="relative w-full"][class*="overflow-hidden"][class*="bg-neutral-900"] img {
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  filter: contrast(1.04) saturate(.92) brightness(1.02);
  transition: transform .35s ease, filter .35s ease;
}

div[class*="relative w-full"][class*="overflow-hidden"][class*="bg-neutral-900"]:hover img {
  transform: scale(1.025);
  filter: contrast(1.08) saturate(.98) brightness(1.03);
}

span[class*="bottom-2"][class*="left-2"][class*="font-mono"] {
  display: none !important;
}

div[id*="price-block"],
#order-form {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .9), rgba(247, 243, 235, .98)) !important;
  border: 1px solid var(--premium-line) !important;
}

div[id*="price-block"] > div:first-child,
#order-form > div:first-child {
  background: linear-gradient(90deg, var(--premium-accent), #e2b56f) !important;
}

button,
button[type="submit"] {
  border-radius: 8px !important;
  transition: transform .22s ease, box-shadow .22s ease, background .22s ease, opacity .22s ease !important;
}

button[id*="submit-btn"],
button[type="submit"],
div[class*="fixed"] button {
  background: linear-gradient(135deg, var(--premium-accent) 0%, #e1b36e 48%, var(--premium-ink) 100%) !important;
  border-color: #8b5a25 !important;
  box-shadow: 0 12px 28px rgba(196, 135, 58, .32) !important;
}

button[id*="submit-btn"]:hover,
button[type="submit"]:hover,
div[class*="fixed"] button:hover {
  transform: translateY(-2px) scale(1.01);
  box-shadow: 0 18px 38px rgba(196, 135, 58, .42) !important;
}

button:active {
  transform: translateY(0) scale(.98);
}

input {
  background: rgba(255, 255, 255, .88) !important;
  border: 1px solid rgba(16, 24, 32, .18) !important;
  border-radius: 8px !important;
  color: var(--premium-ink) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8);
}

input:focus {
  border-color: var(--premium-accent) !important;
  box-shadow: 0 0 0 3px rgba(196, 135, 58, .18) !important;
}

div[class*="grid-cols-3"] > div,
div[class*="grid-cols-2"] > div,
div[class*="space-y-3"] > div {
  background: rgba(255, 255, 255, .76) !important;
  border: 1px solid var(--premium-line) !important;
}

section[class*="bg-[#121212]"],
footer {
  background:
    linear-gradient(180deg, #101820 0%, #171d24 100%) !important;
}

section[class*="bg-[#121212]"] div[class*="grid-cols-2"] > div {
  background: rgba(255, 255, 255, .06) !important;
  border: 1px solid rgba(255, 255, 255, .12) !important;
  box-shadow: none !important;
}

div[class*="fixed"][class*="bottom-0"] {
  background: rgba(247, 243, 235, .94) !important;
  border-top: 1px solid rgba(16, 24, 32, .12) !important;
}

@media (max-width: 430px) {
  main {
    max-width: 100% !important;
  }

  section {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  button[type="submit"],
  button[id*="submit-btn"] {
    min-height: 56px;
  }

  div[class*="fixed"][class*="bottom-0"] {
    max-width: 100% !important;
  }
}

main > div > section[class*="bg-white"] {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .76), rgba(247, 243, 235, .96)),
    var(--premium-paper) !important;
}

main > div > section[class*="bg-neutral-50"] {
  background:
    linear-gradient(180deg, rgba(239, 232, 219, .9), rgba(247, 243, 235, .98)) !important;
}

main > div > section[class*="bg-[#121212]"] {
  background:
    linear-gradient(180deg, #101820 0%, #171d24 100%) !important;
}

main > div > section:not([class*="bg-[#121212]"]) h3 {
  color: var(--premium-ink) !important;
  text-shadow: none !important;
}

main > div > section:not([class*="bg-[#121212]"]) p,
main > div > section:not([class*="bg-[#121212]"]) [class*="text-neutral-"] {
  color: var(--premium-muted) !important;
  text-shadow: none !important;
}

main > div > section[class*="bg-[#121212]"] h3 {
  color: #fff !important;
}