:root {
  --bg: #0f2e2c;
  --bg-deep: #081d1b;
  --surface: rgba(255, 255, 255, 0.03);
  --surface-strong: rgba(255, 255, 255, 0.06);
  --gold: #c9a227;
  --gold-soft: rgba(201, 162, 39, 0.16);
  --line: rgba(201, 162, 39, 0.25);
  --text: #f5f5f5;
  --muted: rgba(245, 245, 245, 0.72);
  --soft-muted: rgba(245, 245, 245, 0.56);
  --whatsapp: #25d366;
  --whatsapp-dark: #128c7e;
  --shadow: 0 28px 90px rgba(0, 0, 0, 0.28);
  --radius: 24px;
}

* {
  box-sizing: border-box;
}

html {
  overflow-x: hidden;
  scroll-behavior: smooth;
}

body {
  margin: 0;
  overflow-x: hidden;
  background:
    radial-gradient(circle at top right, rgba(201, 162, 39, 0.15), transparent 40%),
    radial-gradient(circle at 12% 8%, rgba(37, 211, 102, 0.07), transparent 25rem),
    linear-gradient(180deg, var(--bg) 0%, #0b2927 48%, var(--bg-deep) 100%);
  color: var(--text);
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.55;
}

a {
  color: inherit;
  text-decoration: none;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px clamp(16px, 4vw, 56px);
  border-bottom: 1px solid rgba(201, 162, 39, 0.16);
  background: rgba(8, 29, 27, 0.72);
  backdrop-filter: blur(18px);
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  color: var(--text);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.brand-copy {
  display: grid;
  gap: 1px;
}

.brand-copy strong {
  color: var(--text);
  font-size: 14px;
  line-height: 1;
}

.brand-copy small {
  color: var(--soft-muted);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.12em;
  line-height: 1;
}

.brand-mark {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border: 1px solid rgba(201, 162, 39, 0.58);
  border-radius: 999px;
  color: var(--gold);
  font-family: "Playfair Display", Georgia, serif;
  font-size: 20px;
  font-weight: 700;
}

.header-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(37, 211, 102, 0.42);
  border-radius: 999px;
  padding: 9px 14px;
  background: rgba(37, 211, 102, 0.11);
  color: #ffffff;
  font-size: 13px;
  font-weight: 800;
}

.language-switch {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  border: 1px solid rgba(201, 162, 39, 0.34);
  border-radius: 999px;
  padding: 4px;
  background: rgba(255, 255, 255, 0.035);
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.12);
}

.language-switch a,
.language-switch button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  border: 0;
  border-radius: 999px;
  padding: 7px 9px;
  background: transparent;
  color: rgba(245, 245, 245, 0.72);
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  text-decoration: none;
}

.language-switch a.is-active,
.language-switch button.is-active {
  background: rgba(201, 162, 39, 0.16);
  color: var(--gold);
}

[dir="rtl"] .site-header,
[dir="rtl"] .brand {
  direction: ltr;
}

[dir="rtl"] .brand-copy {
  text-align: left;
}

[dir="rtl"] .hero,
[dir="rtl"] .collections,
[dir="rtl"] .privacy-guarantee,
[dir="rtl"] .order-flow,
[dir="rtl"] .order-info {
  direction: rtl;
}

[dir="rtl"] .hero-subline span {
  padding-right: 30px;
  padding-left: 0;
}

[dir="rtl"] .icon-list span::before {
  right: 0;
  left: auto;
}

[dir="rtl"] .hero-subline.service-list span {
  padding: 15px 46px 15px 14px;
}

[dir="rtl"] .service-list span::before {
  right: 17px;
  left: auto;
}

[dir="rtl"] .collection-link {
  justify-self: start;
}

[dir="rtl"] .order-flow .step {
  grid-template-columns: minmax(0, 1fr) 40px;
}

[dir="rtl"] .order-flow .step span {
  grid-column: 2;
  grid-row: 1;
}

[dir="rtl"] .order-flow .step h3 {
  grid-column: 1;
  grid-row: 1;
  text-align: right;
}

[dir="rtl"] .order-flow .step:not(:last-child)::after {
  right: auto;
  left: 16px;
}

[dir="rtl"] summary {
  grid-template-columns: 30px minmax(0, 1fr) 20px;
}

[dir="rtl"] .faq-line-icon {
  grid-column: 3;
  grid-row: 1;
}

[dir="rtl"] .faq-question {
  grid-column: 2;
  grid-row: 1;
  text-align: right;
}

[dir="rtl"] .faq-list summary::after {
  grid-column: 1;
  grid-row: 1;
}

[dir="rtl"] .faq-list p {
  padding-right: 32px;
  padding-left: 0;
  text-align: right;
}

.section {
  width: min(1120px, calc(100% - 32px));
  margin: 0 auto;
  padding: 66px 0;
}

.icon-list span::before {
  position: absolute;
  left: 0;
  width: 18px;
  height: 18px;
  background: var(--gold);
  content: "";
  -webkit-mask: var(--notice-icon) center / contain no-repeat;
  mask: var(--notice-icon) center / contain no-repeat;
}

.icon-lock {
  --notice-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 9V7A5 5 0 0 0 7 7v2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8a2 2 0 0 0-2-2h-1ZM9 9V7a3 3 0 0 1 6 0v2H9Zm4 7.7V18h-2v-1.3a2 2 0 1 1 2 0Z'/%3E%3C/svg%3E");
}

.icon-chat {
  --notice-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 4h16v12H8.5L4 20.5V4Zm4 4v2h8V8H8Zm0 4v2h6v-2H8Z'/%3E%3C/svg%3E");
}

.icon-cash {
  --notice-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 6h18v12H3V6Zm2 3a3 3 0 0 0 3-1h8a3 3 0 0 0 3 3v2a3 3 0 0 0-3 3H8a3 3 0 0 0-3-3V9Zm7 6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.icon-package {
  --notice-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 7.5 12 3l9 4.5v9L12 21l-9-4.5v-9Zm9 1.9 5.1-2.6L12 4.3 6.9 6.8 12 9.4Zm-7 6 6 3v-7.3l-6-3v7.3Zm8 3 6-3V8.1l-6 3v7.3Z'/%3E%3C/svg%3E");
}

.icon-truck {
  --notice-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 5h11v10h1a3 3 0 0 1 5.8 0H22v-4.4L19 7h-3V5H3Zm13 4h2.1l1.6 2H16V9ZM7.5 20a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Zm10 0a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5ZM3 17h1.2a3 3 0 0 1 5.6 0h4.4a3 3 0 0 1 .8-1.4V7H3v10Z'/%3E%3C/svg%3E");
}

.hero {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  gap: 34px;
  min-height: auto;
  align-items: center;
  padding-top: 46px;
  padding-bottom: 22px;
  overflow: visible;
}

.hero::before {
  position: absolute;
  inset: 0;
  width: auto;
  height: auto;
  z-index: 0;
  border: 0;
  border-radius: 0;
  background:
    linear-gradient(90deg, rgba(15, 46, 44, 0.94) 0%, rgba(15, 46, 44, 0.72) 42%, rgba(15, 46, 44, 0.24) 100%),
    linear-gradient(180deg, rgba(15, 46, 44, 0.08) 0%, rgba(15, 46, 44, 0.76) 100%),
    url("./assets/hero-couple-v5.webp") 62% 24% / cover no-repeat;
  content: "";
  pointer-events: none;
}

.hero-copy,
.luxury-visual {
  position: relative;
  z-index: 1;
  min-width: 0;
}

.eyebrow {
  margin: 0 0 12px;
  color: var(--gold);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

h1,
h2 {
  margin: 0;
  color: var(--text);
  font-family: "Playfair Display", Georgia, serif;
  font-weight: 600;
  letter-spacing: 0;
}

h1 {
  max-width: 720px;
  font-size: clamp(42px, 8vw, 72px);
  line-height: 1.1;
}

h2 {
  font-size: clamp(34px, 6vw, 56px);
  line-height: 1.05;
}

h3,
p {
  margin: 0;
}

h3 {
  color: var(--text);
  font-size: 19px;
  line-height: 1.25;
}

.hero-subline {
  display: grid;
  gap: 11px;
  margin-top: 24px;
  color: rgba(245, 245, 245, 0.86);
  font-size: 15px;
  font-weight: 700;
}

.service-strip {
  position: relative;
  z-index: 2;
  padding-top: 0;
  padding-bottom: 34px;
}

.service-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  margin-top: 0;
}

.hero-subline.service-list span {
  min-height: 56px;
  border: 1px solid rgba(201, 162, 39, 0.22);
  border-radius: 18px;
  padding: 15px 14px 15px 46px;
  background: rgba(8, 29, 27, 0.46);
  backdrop-filter: blur(10px);
}

.service-list span::before {
  left: 17px;
  top: 50%;
  transform: translateY(-50%);
}

.hero-subline span {
  position: relative;
  padding-left: 30px;
}

.badge-row span::before,
.guarantee-points span::before {
  color: var(--gold);
  content: "\2713";
  font-weight: 900;
}

.hero-description,
.section-heading p,
.coverage p,
.final-cta p,
.guarantee-card p,
.step p,
.proof-grid p,
.collection-card p,
.faq-list p {
  color: var(--muted);
}

.hero-description {
  max-width: 610px;
  margin-top: 22px;
  font-size: 17px;
}

  .hero-actions {
  display: grid;
  gap: 12px;
  margin-top: 36px;
}

.btn {
  display: inline-flex;
  min-height: 50px;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border-radius: 999px;
  padding: 0 20px;
  font-weight: 900;
  text-align: center;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}

.btn:hover {
  transform: translateY(-2px);
}

.btn-primary {
  border: 1px solid rgba(37, 211, 102, 0.58);
  background: linear-gradient(135deg, var(--whatsapp), #1dbf5f);
  color: #ffffff;
  box-shadow: 0 16px 38px rgba(37, 211, 102, 0.22);
}

.btn-secondary {
  border: 1px solid rgba(201, 162, 39, 0.58);
  background: transparent;
  color: var(--text);
}

.btn-card {
  width: 100%;
  min-height: 48px;
  border: 1px solid rgba(201, 162, 39, 0.4);
  background: rgba(255, 255, 255, 0.04);
  color: var(--text);
}

.btn-card:hover {
  border-color: rgba(37, 211, 102, 0.62);
  background: rgba(37, 211, 102, 0.08);
}

.with-wa-icon::before {
  display: inline-block;
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  background-color: currentColor;
  content: "";
  -webkit-mask:
    url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.02 3.2A12.55 12.55 0 0 0 5.34 22.35L4 29l6.82-1.78A12.52 12.52 0 0 0 16.02 28.3h.01A12.55 12.55 0 0 0 16.02 3.2Zm.01 22.97h-.01a10.42 10.42 0 0 1-5.31-1.45l-.38-.23-4.04 1.06 1.08-3.94-.25-.4A10.43 10.43 0 1 1 16.03 26.17Zm5.72-7.81c-.31-.16-1.85-.91-2.14-1.02-.29-.1-.5-.16-.71.16-.21.31-.82 1.02-1 1.23-.18.21-.37.24-.68.08-.31-.16-1.32-.49-2.52-1.56-.93-.83-1.56-1.86-1.74-2.17-.18-.31-.02-.48.14-.64.14-.14.31-.37.47-.55.16-.18.21-.31.31-.52.1-.21.05-.39-.03-.55-.08-.16-.71-1.72-.97-2.35-.26-.61-.52-.53-.71-.54h-.61c-.21 0-.55.08-.84.39-.29.31-1.1 1.07-1.1 2.61s1.13 3.04 1.29 3.25c.16.21 2.23 3.41 5.4 4.78.75.32 1.34.52 1.8.66.76.24 1.45.21 1.99.13.61-.09 1.85-.76 2.11-1.49.26-.73.26-1.36.18-1.49-.08-.13-.29-.21-.6-.37Z'/%3E%3C/svg%3E")
    center / contain no-repeat;
  mask:
    url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.02 3.2A12.55 12.55 0 0 0 5.34 22.35L4 29l6.82-1.78A12.52 12.52 0 0 0 16.02 28.3h.01A12.55 12.55 0 0 0 16.02 3.2Zm.01 22.97h-.01a10.42 10.42 0 0 1-5.31-1.45l-.38-.23-4.04 1.06 1.08-3.94-.25-.4A10.43 10.43 0 1 1 16.03 26.17Zm5.72-7.81c-.31-.16-1.85-.91-2.14-1.02-.29-.1-.5-.16-.71.16-.21.31-.82 1.02-1 1.23-.18.21-.37.24-.68.08-.31-.16-1.32-.49-2.52-1.56-.93-.83-1.56-1.86-1.74-2.17-.18-.31-.02-.48.14-.64.14-.14.31-.37.47-.55.16-.18.21-.31.31-.52.1-.21.05-.39-.03-.55-.08-.16-.71-1.72-.97-2.35-.26-.61-.52-.53-.71-.54h-.61c-.21 0-.55.08-.84.39-.29.31-1.1 1.07-1.1 2.61s1.13 3.04 1.29 3.25c.16.21 2.23 3.41 5.4 4.78.75.32 1.34.52 1.8.66.76.24 1.45.21 1.99.13.61-.09 1.85-.76 2.11-1.49.26-.73.26-1.36.18-1.49-.08-.13-.29-.21-.6-.37Z'/%3E%3C/svg%3E")
    center / contain no-repeat;
}

.pulse {
  will-change: transform;
  animation: buttonPulse 2.35s ease-in-out infinite;
}

@keyframes buttonPulse {
  0%,
  100% {
    transform: translateY(0) scale(1);
  }
  50% {
    transform: translateY(-2px) scale(1.032);
  }
}

.luxury-visual {
  position: relative;
  min-height: 620px;
  overflow: hidden;
  border: 0;
  border-radius: 38px;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}

.lifestyle-visual {
  background: #0a211f;
}

.hero-lifestyle-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 58% center;
  transform: scale(1.08);
}

.lifestyle-visual::before {
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(90deg, rgba(8, 29, 27, 0.88) 0%, rgba(8, 29, 27, 0.34) 38%, rgba(8, 29, 27, 0.04) 72%),
    linear-gradient(180deg, rgba(8, 29, 27, 0.1) 0%, rgba(8, 29, 27, 0.58) 100%),
    radial-gradient(circle at 84% 10%, rgba(201, 162, 39, 0.16), transparent 30%);
  content: "";
  pointer-events: none;
}

.lifestyle-visual::after {
  position: absolute;
  inset: 0;
  z-index: 2;
  border: 1px solid rgba(201, 162, 39, 0.16);
  border-radius: inherit;
  content: "";
  pointer-events: none;
}

.visual-orbit {
  position: absolute;
  z-index: 3;
  inset: 38px;
  border: 1px solid rgba(201, 162, 39, 0.18);
  border-radius: 999px;
}

.concierge-card {
  position: absolute;
  z-index: 4;
  top: 30px;
  left: 26px;
  width: 185px;
  border: 1px solid rgba(201, 162, 39, 0.28);
  border-radius: 22px;
  padding: 18px;
  background: rgba(8, 29, 27, 0.72);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.18);
  backdrop-filter: blur(16px);
}

.concierge-card p {
  margin-top: 12px;
  color: var(--soft-muted);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.concierge-card strong {
  display: block;
  margin-top: 6px;
  color: var(--text);
  font-family: "Playfair Display", Georgia, serif;
  font-size: 24px;
  line-height: 1.05;
}

.shield-icon,
.guarantee-icon {
  width: 46px;
  height: 54px;
  background: var(--gold);
  -webkit-mask:
    url("data:image/svg+xml,%3Csvg viewBox='0 0 64 72' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32 2 58 12v20c0 18.8-10.7 31.4-26 38C16.7 63.4 6 50.8 6 32V12L32 2Zm-9 31h2v-5a7 7 0 0 1 14 0v5h2a3 3 0 0 1 3 3v14a3 3 0 0 1-3 3H23a3 3 0 0 1-3-3V36a3 3 0 0 1 3-3Zm8 11.5V48h2v-3.5a3 3 0 1 0-2 0ZM29 33h6v-5a3 3 0 0 0-6 0v5Z'/%3E%3C/svg%3E")
    center / contain no-repeat;
  mask:
    url("data:image/svg+xml,%3Csvg viewBox='0 0 64 72' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32 2 58 12v20c0 18.8-10.7 31.4-26 38C16.7 63.4 6 50.8 6 32V12L32 2Zm-9 31h2v-5a7 7 0 0 1 14 0v5h2a3 3 0 0 1 3 3v14a3 3 0 0 1-3 3H23a3 3 0 0 1-3-3V36a3 3 0 0 1 3-3Zm8 11.5V48h2v-3.5a3 3 0 1 0-2 0ZM29 33h6v-5a3 3 0 0 0-6 0v5Z'/%3E%3C/svg%3E")
    center / contain no-repeat;
}

.sealed-box {
  position: absolute;
  right: 34px;
  bottom: 60px;
  width: min(62%, 330px);
  transform: rotate(-2deg);
}

.box-lid {
  width: 86%;
  height: 42px;
  margin-left: 7%;
  border: 1px solid rgba(201, 162, 39, 0.48);
  border-radius: 18px 18px 7px 7px;
  background: linear-gradient(135deg, rgba(245, 245, 245, 0.12), rgba(245, 245, 245, 0.03));
}

.box-body {
  position: relative;
  display: grid;
  height: 180px;
  place-items: center;
  border: 1px solid rgba(201, 162, 39, 0.5);
  border-radius: 24px;
  background:
    linear-gradient(90deg, transparent 48%, rgba(201, 162, 39, 0.26) 48% 52%, transparent 52%),
    linear-gradient(145deg, rgba(245, 245, 245, 0.12), rgba(245, 245, 245, 0.04));
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28);
}

.box-line {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  height: 1px;
  background: rgba(201, 162, 39, 0.28);
}

.box-label {
  border: 1px solid rgba(201, 162, 39, 0.42);
  border-radius: 999px;
  padding: 9px 14px;
  background: rgba(8, 29, 27, 0.64);
  color: var(--text);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.privacy-chip {
  position: absolute;
  z-index: 4;
  right: 26px;
  bottom: 24px;
  border: 1px solid rgba(201, 162, 39, 0.46);
  border-radius: 999px;
  padding: 10px 14px;
  background: rgba(8, 29, 27, 0.78);
  color: var(--gold);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.collection-grid,
.steps,
.proof-grid {
  display: grid;
  gap: 14px;
}

.collection-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.collection-card,
.step,
.proof-grid article,
details,
.guarantee-card,
.emirates-grid span {
  border: 1px solid rgba(201, 162, 39, 0.25);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.03);
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(10px);
}

.section-heading {
  margin-bottom: 26px;
}

.section-heading.centered {
  max-width: 760px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.section-heading.centered p {
  margin: 16px auto 0;
}

.collections {
  padding-top: 42px;
}

.collections .section-heading {
  margin-bottom: 20px;
}

.collections .section-heading h2 {
  position: relative;
  display: inline-block;
  padding-bottom: 14px;
}

.collections .section-heading h2::after {
  position: absolute;
  right: 18%;
  bottom: 0;
  left: 18%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(201, 162, 39, 0.85), transparent);
  content: "";
}

.collection-card {
  position: relative;
  display: flex;
  min-height: 238px;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
  padding: 24px;
  transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;
}

.collection-card:hover {
  transform: translateY(-4px);
  border-color: rgba(201, 162, 39, 0.48);
  box-shadow: 0 22px 58px rgba(0, 0, 0, 0.18), 0 0 20px rgba(201, 162, 39, 0.12);
}

.collection-card::after {
  position: absolute;
  top: -16px;
  right: 12px;
  color: var(--text);
  content: attr(data-number);
  font-family: Inter, system-ui, sans-serif;
  font-size: 60px;
  font-weight: 700;
  line-height: 1;
  opacity: 0.05;
  pointer-events: none;
  z-index: 0;
}

.collection-card::before {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background:
    linear-gradient(180deg, rgba(8, 29, 27, 0.58), rgba(8, 29, 27, 0.2) 52%, rgba(8, 29, 27, 0.36)),
    url("./assets/collection-cards-2x2.png") var(--collection-image-position) / 200% 200% no-repeat;
  content: "";
  opacity: 0.88;
  pointer-events: none;
}

.collection-trophy {
  --collection-image-position: left top;
}

.collection-diamond {
  --collection-image-position: right top;
}

.collection-rings {
  --collection-image-position: left bottom;
}

.collection-spark {
  --collection-image-position: right bottom;
}

.collection-icon {
  display: grid;
  position: absolute;
  top: 22px;
  left: 22px;
  width: 50px;
  height: 50px;
  place-items: center;
  border: 1px solid rgba(201, 162, 39, 0.46);
  border-radius: 999px;
  color: var(--gold);
  box-shadow: 0 0 20px rgba(201, 162, 39, 0.15);
  background: rgba(201, 162, 39, 0.05);
  z-index: 1;
}

.collection-icon::before {
  width: 24px;
  height: 24px;
  background: currentColor;
  content: "";
  -webkit-mask: var(--collection-icon) center / contain no-repeat;
  mask: var(--collection-icon) center / contain no-repeat;
}

.collection-trophy {
  --collection-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 3h10v3h3v2a5 5 0 0 1-5 5h-.3A5 5 0 0 1 13 15.6V18h3v2H8v-2h3v-2.4A5 5 0 0 1 9.3 13H9a5 5 0 0 1-5-5V6h3V3Zm2 2v5a3 3 0 0 0 6 0V5H9ZM6 8a3 3 0 0 0 1 2.2V8H6Zm11 2.2A3 3 0 0 0 18 8h-1v2.2Z'/%3E%3C/svg%3E");
}

.collection-diamond {
  --collection-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.2 3h11.6L22 8.6 12 21 2 8.6 6.2 3Zm1 2-2.3 3h4.4l1-3H7.2Zm5.5 0-1 3h5.4l-2.3-3h-2.1Zm5.8 5h-5.1L12 16.7 18.5 10ZM10.6 10H5.5l6.5 6.7L10.6 10Z'/%3E%3C/svg%3E");
}

.collection-rings {
  --collection-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.2 8.5 7.6 6.9 10.5 4h3l2.9 2.9-1.6 1.6A6 6 0 0 1 21 14.5 5.5 5.5 0 0 1 11.8 18 5.5 5.5 0 1 1 9.2 8.5ZM12 6l-.8.8.8.8.8-.8L12 6Zm-5 6a3.5 3.5 0 1 0 3.5 3.5A3.5 3.5 0 0 0 7 12Zm10 0a3.5 3.5 0 1 0 3.5 3.5A3.5 3.5 0 0 0 17 12Z'/%3E%3C/svg%3E");
}

.collection-spark {
  --collection-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2 14.2 8.8 21 11l-6.8 2.2L12 20l-2.2-6.8L3 11l6.8-2.2L12 2Zm7 13 1 3 3 1-3 1-1 3-1-3-3-1 3-1 1-3ZM5 2l1 3 3 1-3 1-1 3-1-3-3-1 3-1 1-3Z'/%3E%3C/svg%3E");
}

.collection-card p {
  position: relative;
  z-index: 1;
  margin-top: 6px;
  color: rgba(245, 245, 245, 0.68);
  font-size: 13px;
  font-weight: 700;
}

.collection-card h3 {
  position: relative;
  z-index: 1;
  font-size: clamp(18px, 2.8vw, 24px);
  line-height: 1.08;
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.45);
}

.collection-link {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 18px;
  color: var(--gold);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.45);
}

.badge-row {
  display: grid;
  gap: 8px;
  margin-top: auto;
  padding-top: 24px;
}

.badge-row span {
  display: flex;
  align-items: center;
  gap: 8px;
  color: rgba(245, 245, 245, 0.82);
  font-size: 12px;
  font-weight: 800;
}

.guarantee-card {
  position: relative;
  display: grid;
  gap: 24px;
  overflow: hidden;
  padding: clamp(24px, 5vw, 42px);
  background:
    radial-gradient(circle at 100% 0%, rgba(201, 162, 39, 0.13), transparent 22rem),
    rgba(255, 255, 255, 0.035);
}

.guarantee-card::before {
  position: absolute;
  top: -26px;
  right: -60px;
  width: 318px;
  height: 240px;
  background:
    url("data:image/svg+xml,%3Csvg viewBox='0 0 340 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='top' x1='0' x2='1' y1='0' y2='1'%3E%3Cstop offset='0' stop-color='%23c6a469'/%3E%3Cstop offset='1' stop-color='%2390733f'/%3E%3C/linearGradient%3E%3ClinearGradient id='front' x1='0' x2='1' y1='0' y2='1'%3E%3Cstop offset='0' stop-color='%23a37c49'/%3E%3Cstop offset='1' stop-color='%23654928'/%3E%3C/linearGradient%3E%3ClinearGradient id='side' x1='0' x2='1' y1='0' y2='1'%3E%3Cstop offset='0' stop-color='%238b6937'/%3E%3Cstop offset='1' stop-color='%2352371d'/%3E%3C/linearGradient%3E%3Cfilter id='shadow' x='-20%25' y='-20%25' width='150%25' height='160%25'%3E%3CfeDropShadow dx='0' dy='16' stdDeviation='15' flood-color='%23000000' flood-opacity='.32'/%3E%3C/filter%3E%3C/defs%3E%3Cellipse cx='188' cy='210' rx='110' ry='21' fill='%23000000' opacity='.18'/%3E%3Cg filter='url(%23shadow)'%3E%3Cpath d='M103 94 184 54l84 41-83 41-82-42Z' fill='url(%23top)'/%3E%3Cpath d='M103 94v65l82 44v-67l-82-42Z' fill='url(%23front)'/%3E%3Cpath d='M268 95v64l-83 44v-67l83-41Z' fill='url(%23side)'/%3E%3Cpath d='M188 72 249 102 236 109 176 80l12-8Z' fill='%23ece7db'/%3E%3Cpath d='M185 136v66' stroke='%23cfc6b8' stroke-width='6' opacity='.28'/%3E%3Cpath d='M103 94 185 136 268 95' fill='none' stroke='%23e8d2a8' stroke-width='1.6' opacity='.18'/%3E%3C/g%3E%3C/svg%3E")
      center / contain no-repeat;
  content: "";
  opacity: 0.72;
  pointer-events: none;
}

.guarantee-card > * {
  position: relative;
  z-index: 1;
}

.guarantee-icon {
  width: 68px;
  height: 76px;
  background:
    url("data:image/svg+xml,%3Csvg viewBox='0 0 78 86' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' x2='1' y1='0' y2='1'%3E%3Cstop offset='0' stop-color='%23d8b638'/%3E%3Cstop offset='1' stop-color='%23a98518'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M39 3 70 15v24c0 22.5-12.8 37.6-31 45C20.8 76.6 8 61.5 8 39V15L39 3Z' fill='url(%23g)'/%3E%3Cpath d='M28 40h3v-7a8 8 0 0 1 16 0v7h3a4 4 0 0 1 4 4v16a4 4 0 0 1-4 4H28a4 4 0 0 1-4-4V44a4 4 0 0 1 4-4Zm8 0h6v-7a3 3 0 0 0-6 0v7Zm1.7 14.8V59h2.6v-4.2a4 4 0 1 0-2.6 0Z' fill='%23081d1b'/%3E%3Cpath d='M39 9 63 18.2v19.6c0 18.1-9.6 30.4-24 37.1' fill='none' stroke='%23f5f5f5' stroke-opacity='.24' stroke-width='2'/%3E%3C/svg%3E")
    center / contain no-repeat;
  -webkit-mask: none;
  mask: none;
}

.guarantee-card p {
  max-width: 640px;
  margin-top: 16px;
}

.guarantee-points {
  display: grid;
  gap: 10px;
}

.guarantee-points span {
  display: flex;
  align-items: center;
  gap: 9px;
  border: 1px solid rgba(201, 162, 39, 0.18);
  border-radius: 999px;
  padding: 12px 14px;
  background: rgba(0, 0, 0, 0.14);
  color: rgba(245, 245, 245, 0.86);
  font-size: 13px;
  font-weight: 800;
}

.steps {
  grid-template-columns: 1fr;
}

.step {
  padding: 22px;
}

.step span {
  display: grid;
  width: 38px;
  height: 38px;
  margin-bottom: 18px;
  place-items: center;
  border: 1px solid rgba(201, 162, 39, 0.42);
  border-radius: 999px;
  color: var(--gold);
  font-weight: 900;
}

.step p {
  margin-top: 10px;
  font-size: 14px;
}

.order-flow {
  max-width: 620px;
  padding-top: 22px;
  padding-bottom: 22px;
}

.order-flow .section-heading {
  margin-bottom: 14px;
}

.order-flow .steps {
  display: grid;
  width: fit-content;
  min-width: 300px;
  max-width: 100%;
  gap: 0;
  margin: 0 auto;
  grid-template-columns: 1fr;
  justify-items: center;
  transform: translateX(20px);
}

.order-flow .step {
  position: relative;
  display: grid;
  width: 272px;
  min-height: auto;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  border: 0;
  border-radius: 0;
  padding: 6px 0 24px;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}

.order-flow .step:not(:last-child)::after {
  position: absolute;
  top: 37px;
  bottom: 5px;
  left: 16px;
  width: 1px;
  background: linear-gradient(180deg, rgba(201, 162, 39, 0.85), rgba(201, 162, 39, 0.18));
  content: "";
}

.order-flow .step span {
  width: 34px;
  height: 34px;
  margin: 0;
  background: rgba(201, 162, 39, 0.08);
  box-shadow: 0 0 18px rgba(201, 162, 39, 0.1);
  font-size: 12px;
}

.order-flow .step h3 {
  font-size: 18px;
  line-height: 1.15;
}

.process-tagline {
  margin: 2px auto 0;
  color: var(--gold);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.16em;
  text-align: center;
  text-transform: uppercase;
}

.coverage {
  display: grid;
  gap: 28px;
  border-top: 1px solid rgba(201, 162, 39, 0.16);
  border-bottom: 1px solid rgba(201, 162, 39, 0.16);
}

.coverage-copy p {
  max-width: 610px;
  margin-top: 16px;
}

.delivery-times {
  display: grid;
  gap: 10px;
  margin-top: 24px;
}

.delivery-times span {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  border: 1px solid rgba(201, 162, 39, 0.2);
  border-radius: 16px;
  padding: 13px 14px;
  background: rgba(255, 255, 255, 0.03);
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
}

.delivery-times strong {
  color: var(--text);
}

.emirates-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.emirates-grid span {
  position: relative;
  min-height: 72px;
  padding: 20px 14px 16px;
  color: rgba(245, 245, 245, 0.88);
  font-weight: 800;
}

.emirates-grid span::before {
  display: block;
  width: 18px;
  height: 18px;
  margin-bottom: 12px;
  border: 1px solid rgba(201, 162, 39, 0.58);
  border-radius: 999px;
  background: rgba(201, 162, 39, 0.12);
  content: "";
}

.proof-grid article {
  padding: 22px;
}

.proof-grid p {
  margin-top: 10px;
  font-size: 14px;
}

.faq {
  max-width: 900px;
}

.order-info {
  max-width: 860px;
}

.faq-list {
  display: grid;
  gap: 10px;
}

.order-info .faq-list {
  width: min(70%, 620px);
  margin: 0 auto;
}

.proof-list {
  max-width: 760px;
  margin: 0 auto;
}

details {
  padding: 18px 20px;
}

summary {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr) 30px;
  gap: 12px;
  align-items: center;
  cursor: pointer;
  color: var(--text);
  font-weight: 900;
  list-style: none;
}

summary::-webkit-details-marker {
  display: none;
}

.faq-list summary::after {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border: 1px solid rgba(201, 162, 39, 0.52);
  border-radius: 999px;
  color: var(--gold);
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  content: "+";
}

.faq-list details[open] summary::after {
  content: "\2212";
}

.faq-question {
  display: block;
}

.faq-line-icon {
  width: 18px;
  height: 18px;
  background: var(--gold);
  -webkit-mask: var(--faq-icon) center / contain no-repeat;
  mask: var(--faq-icon) center / contain no-repeat;
}

.faq-line-icon-lock {
  --faq-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 9V7A5 5 0 0 0 7 7v2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8a2 2 0 0 0-2-2h-1ZM9 9V7a3 3 0 0 1 6 0v2H9Zm4 7.7V18h-2v-1.3a2 2 0 1 1 2 0Z'/%3E%3C/svg%3E");
}

.faq-line-icon-cash {
  --faq-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 6h18v12H3V6Zm2 3a3 3 0 0 0 3-1h8a3 3 0 0 0 3 3v2a3 3 0 0 0-3 3H8a3 3 0 0 0-3-3V9Zm7 6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.faq-line-icon-box {
  --faq-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 7.5 12 3l9 4.5v9L12 21l-9-4.5v-9Zm9 1.9 5.1-2.6L12 4.3 6.9 6.8 12 9.4Zm-7 6 6 3v-7.3l-6-3v7.3Zm8 3 6-3V8.1l-6 3v7.3Z'/%3E%3C/svg%3E");
}

.faq-line-icon-quality {
  --faq-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2 4 5v6c0 5.2 3.1 9.8 8 11 4.9-1.2 8-5.8 8-11V5l-8-3Zm-1.1 13.2-3-3 1.4-1.4 1.7 1.7 4-4 1.4 1.4-5.5 5.3Z'/%3E%3C/svg%3E");
}

.faq-line-icon-chat {
  --faq-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 4h16v12H8.5L4 20.5V4Zm4 4v2h8V8H8Zm0 4v2h6v-2H8Z'/%3E%3C/svg%3E");
}

.faq-list p {
  margin-top: 12px;
  padding-left: 32px;
}

.site-footer {
  padding: 18px 0 92px;
}

.site-footer-inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: min(1120px, calc(100% - 32px));
  gap: 10px 22px;
  margin: 0 auto;
  color: rgba(245, 245, 245, 0.82);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}

.site-footer-inner a {
  padding: 10px 6px;
  border-radius: 10px;
  transition: color 0.18s ease;
}

.site-footer-inner a:hover,
.site-footer-inner a[aria-current="page"] {
  color: var(--gold);
}

.final-cta {
  max-width: 920px;
  padding-bottom: 112px;
  text-align: center;
}

.final-cta p {
  max-width: 620px;
  margin: 16px auto 0;
}

.final-cta .btn {
  margin-top: 26px;
}

.sticky-wa {
  position: fixed;
  right: 14px;
  bottom: 14px;
  left: 14px;
  z-index: 60;
  display: inline-grid;
  min-height: 54px;
  grid-template-columns: auto minmax(0, 1fr);
  column-gap: 7px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(37, 211, 102, 0.62);
  border-radius: 999px;
  padding: 9px 16px;
  background: linear-gradient(135deg, var(--whatsapp), #1dbf5f);
  color: #ffffff;
  box-shadow: 0 18px 42px rgba(37, 211, 102, 0.28);
  text-align: center;
}

.sticky-wa-copy {
  display: grid;
  line-height: 1.08;
}

.sticky-wa-copy strong,
.sticky-wa-copy small {
  display: block;
}

.sticky-wa-copy strong {
  font-size: 15px;
  font-weight: 950;
}

.sticky-wa-copy small {
  margin-top: 2px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.04em;
  opacity: 0.96;
}

.sticky-wa.with-wa-icon::before {
  width: 32px;
  height: 32px;
  flex-basis: 32px;
}

.policy-page {
  min-height: 100vh;
}

.policy-main {
  width: 100%;
}

.policy-shell {
  width: min(880px, calc(100% - 32px));
  margin: 0 auto;
  padding: 54px 0 20px;
}

.policy-intro {
  max-width: 720px;
  margin-top: 18px;
  color: var(--muted);
  font-size: 17px;
}

.policy-intro-secondary {
  margin-top: 10px;
}

.about-highlights {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 24px;
}

.about-highlight {
  display: grid;
  gap: 12px;
  min-height: 120px;
  align-content: start;
  border: 1px solid rgba(201, 162, 39, 0.22);
  border-radius: 20px;
  padding: 16px;
  background: rgba(255, 255, 255, 0.03);
}

.about-highlight h2 {
  font-size: 19px;
  line-height: 1.08;
}

.about-highlight-icon {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border: 1px solid rgba(201, 162, 39, 0.4);
  border-radius: 999px;
  color: var(--gold);
  background: rgba(201, 162, 39, 0.06);
  box-shadow: 0 0 18px rgba(201, 162, 39, 0.1);
}

.about-highlight-icon::before {
  width: 20px;
  height: 20px;
  background: currentColor;
  content: "";
  -webkit-mask: var(--about-icon) center / contain no-repeat;
  mask: var(--about-icon) center / contain no-repeat;
}

.about-quality {
  --about-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2 4 5v6c0 5.2 3.1 9.8 8 11 4.9-1.2 8-5.8 8-11V5l-8-3Zm-1.1 13.2-3-3 1.4-1.4 1.7 1.7 4-4 1.4 1.4-5.5 5.3Z'/%3E%3C/svg%3E");
}

.about-privacy {
  --about-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 9V7A5 5 0 0 0 7 7v2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8a2 2 0 0 0-2-2h-1ZM9 9V7a3 3 0 0 1 6 0v2H9Zm4 7.7V18h-2v-1.3a2 2 0 1 1 2 0Z'/%3E%3C/svg%3E");
}

.about-delivery {
  --about-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 7.5 12 3l9 4.5v9L12 21l-9-4.5v-9Zm9 1.9 5.1-2.6L12 4.3 6.9 6.8 12 9.4Zm-7 6 6 3v-7.3l-6-3v7.3Zm8 3 6-3V8.1l-6 3v7.3Z'/%3E%3C/svg%3E");
}

.about-support {
  --about-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2a8 8 0 0 0-8 8v4.5A2.5 2.5 0 0 0 6.5 17H8v-7H6.1A6 6 0 0 1 18 10h-1.9v7h1.4a2 2 0 0 1-1.9 1.5H13v2h2.6A4 4 0 0 0 19.5 17 2.5 2.5 0 0 0 22 14.5V10a8 8 0 0 0-8-8Z'/%3E%3C/svg%3E");
}

.policy-sections {
  display: grid;
  gap: 14px;
  margin-top: 26px;
}

.policy-sections section {
  border: 1px solid rgba(201, 162, 39, 0.2);
  border-radius: 20px;
  padding: 18px 18px 16px;
  background: rgba(255, 255, 255, 0.03);
}

.policy-sections h2 {
  font-size: 21px;
  line-height: 1.1;
}

.policy-sections p {
  margin-top: 10px;
  color: var(--muted);
  font-size: 15px;
}

.policy-points {
  display: grid;
  gap: 10px;
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
}

.policy-points li {
  position: relative;
  padding-left: 22px;
  color: var(--muted);
  font-size: 15px;
  font-weight: 700;
}

.policy-points li::before {
  position: absolute;
  left: 0;
  color: var(--gold);
  content: "\2713";
  font-weight: 900;
}

.reveal {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity 0.65s ease, transform 0.65s ease;
}

.reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

@media (min-width: 720px) {
  .hero {
    grid-template-columns: minmax(0, 1fr) minmax(330px, 0.78fr);
    gap: 48px;
  }

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

  .hero-actions {
    display: flex;
    flex-wrap: wrap;
  }

  .hero-actions .btn {
    min-width: 190px;
  }

  .collection-grid,
  .steps,
  .proof-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .guarantee-card,
  .coverage {
    grid-template-columns: 0.9fr 1.4fr;
    align-items: center;
  }

  .guarantee-points,
  .emirates-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sticky-wa {
    right: 24px;
    left: auto;
    width: 290px;
  }
}

@media (min-width: 1040px) {
  .collection-grid,
  .steps,
  .proof-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 480px) {
  .section {
    width: calc(100% - 26px);
    padding: 28px 0;
  }

  .collections {
    padding-top: 18px;
  }

  .section-heading {
    margin-bottom: 14px;
  }

  .section-heading.centered p {
    margin-top: 8px;
  }

  .collection-grid,
  .steps,
  .proof-grid,
  .faq-list {
    gap: 10px;
  }

  .collection-card {
    min-height: 168px;
    padding: 14px;
  }

  .collection-card p {
    margin-top: 5px;
    font-size: 11px;
  }

  .collection-card h3 {
    max-width: 112px;
    font-size: 17px;
  }

  .collection-card::after {
    top: 8px;
    right: 8px;
    font-size: 41px;
  }

  .collection-card::before {
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .collection-icon {
    top: 14px;
    left: 14px;
    width: 38px;
    height: 38px;
  }

  .collection-icon::before {
    width: 19px;
    height: 19px;
  }

  .collection-link {
    margin-top: 14px;
    font-size: 11px;
  }

  .privacy-guarantee,
  .order-flow,
  .coverage,
  .proof,
  .faq,
  .final-cta {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .coverage {
    gap: 14px;
  }

  .delivery-times {
    margin-top: 12px;
  }

  .proof-grid article,
  .step,
  details {
    padding: 16px;
  }

  summary {
    grid-template-columns: 18px minmax(0, 1fr) 30px;
    gap: 10px;
  }

  .faq-list summary::after {
    width: 24px;
    height: 24px;
    font-size: 16px;
  }

  .faq-line-icon {
    width: 16px;
    height: 16px;
  }

  .faq-list p {
    margin-top: 10px;
    padding-left: 28px;
  }

  .order-info .faq-list {
    width: 70%;
    min-width: 318px;
  }

  .guarantee-card {
    gap: 16px;
    padding: 20px;
  }

  .guarantee-icon {
    width: 46px;
    height: 52px;
  }

  .guarantee-card h2 {
    font-size: clamp(30px, 8.8vw, 38px);
  }

  .guarantee-card p {
    margin-top: 8px;
    font-size: 15.5px;
  }

  .guarantee-points {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .guarantee-points span {
    min-height: 46px;
    padding: 10px 11px;
    font-size: 11.5px;
    line-height: 1.2;
  }

  .steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .step {
    min-height: 152px;
    padding: 16px;
  }

  .step span {
    width: 30px;
    height: 30px;
    margin-bottom: 12px;
    font-size: 13px;
  }

  .step h3 {
    font-size: 17px;
    line-height: 1.12;
  }

  .step p {
    margin-top: 8px;
    font-size: 12.5px;
    line-height: 1.4;
  }

  .order-flow {
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .order-flow .section-heading {
    margin-bottom: 10px;
  }

  .order-flow .steps {
    width: fit-content;
    min-width: 286px;
    max-width: 100%;
    grid-template-columns: 1fr;
    gap: 0;
    transform: translateX(24px);
  }

  .order-flow .step {
    width: 258px;
    min-height: auto;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 10px;
    padding: 4px 0 18px;
  }

  .order-flow .step:not(:last-child)::after {
    top: 33px;
    bottom: 4px;
    left: 14px;
  }

  .order-flow .step span {
    width: 28px;
    height: 28px;
    margin: 0;
    font-size: 11px;
  }

  .order-flow .step h3 {
    font-size: 16px;
    line-height: 1.12;
  }

  .order-flow .process-tagline {
    margin-top: 2px;
    font-size: 10.5px;
  }

  .site-header {
    padding: 12px 14px;
    background: rgba(8, 29, 27, 0.96);
    backdrop-filter: none;
  }

  .language-switch {
    padding: 3px;
  }

  .language-switch a,
  .language-switch button {
    min-width: 34px;
    padding: 6px 7px;
    font-size: 11px;
  }

  .brand span:last-child {
    max-width: 158px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .hero {
    min-height: auto;
    padding-top: 34px;
    padding-bottom: 20px;
  }

  h1 {
    font-size: clamp(34px, 10.4vw, 46px);
    line-height: 1.06;
  }

  .hero-actions {
    margin-top: 42px;
  }

  .hero::before {
    inset: 0 -4px auto auto;
    width: 386px;
    height: 622px;
    border: 1px solid rgba(201, 162, 39, 0.22);
    border-radius: 150px 0 0 150px;
    background:
      linear-gradient(90deg, rgba(15, 46, 44, 0.78) 0%, rgba(15, 46, 44, 0.28) 42%, rgba(15, 46, 44, 0.04) 100%),
      linear-gradient(180deg, rgba(15, 46, 44, 0) 0%, rgba(15, 46, 44, 0.34) 100%),
      url("./assets/hero-couple-v5.webp") 58% 10% / cover no-repeat;
    opacity: 1;
  }

  .luxury-visual {
    display: none;
  }

  .hero-lifestyle-img {
    object-position: 56% center;
    transform: scale(1.12);
  }

  .concierge-card {
    top: 20px;
    left: 18px;
    width: 168px;
  }

  .hero-actions .btn {
    width: min(60%, 240px);
    justify-self: start;
    min-height: 42px;
    font-size: 13px;
  }

  .service-list {
    justify-items: start;
  }

  .hero-subline.service-list span {
    width: fit-content;
    max-width: 100%;
    min-height: 46px;
    padding: 13px 18px 13px 40px;
  }

  [dir="rtl"] .hero-subline.service-list span {
    padding: 13px 40px 13px 18px;
  }

  [dir="rtl"] .service-list span::before {
    right: 17px;
    left: auto;
  }

  [dir="rtl"] .order-flow .step {
    grid-template-columns: minmax(0, 1fr) 34px;
  }

  [dir="rtl"] .order-flow .step:not(:last-child)::after {
    right: auto;
    left: 14px;
  }

  [dir="rtl"] .faq-list p {
    padding-right: 28px;
    padding-left: 0;
  }

  .service-strip {
    padding-bottom: 18px;
  }

  .sticky-wa-copy strong {
    font-size: 16px;
  }

  .sticky-wa-copy small {
    font-size: 11.5px;
  }

  .site-footer {
    padding: 14px 0 88px;
  }

  .site-footer-inner {
    gap: 4px 10px;
    font-size: 13px;
  }

  .policy-shell {
    width: calc(100% - 26px);
    padding: 32px 0 12px;
  }

  .policy-intro {
    margin-top: 10px;
    font-size: 15px;
  }

  .policy-intro-secondary {
    margin-top: 8px;
  }

  .about-highlights {
    gap: 10px;
    margin-top: 18px;
  }

  .about-highlight {
    min-height: 102px;
    gap: 10px;
    border-radius: 18px;
    padding: 14px;
  }

  .about-highlight h2 {
    font-size: 16px;
  }

  .about-highlight-icon {
    width: 38px;
    height: 38px;
  }

  .about-highlight-icon::before {
    width: 18px;
    height: 18px;
  }

  .policy-sections {
    gap: 10px;
    margin-top: 18px;
  }

  .policy-sections section {
    border-radius: 18px;
    padding: 15px 15px 14px;
  }

  .policy-sections h2 {
    font-size: 18px;
  }

  .policy-sections p {
    margin-top: 8px;
    font-size: 14px;
  }

  .policy-points {
    gap: 8px;
    margin-top: 10px;
  }

  .policy-points li {
    font-size: 14px;
  }

  .collection-card,
  .step,
  .proof-grid article,
  details,
  .guarantee-card,
  .emirates-grid span,
  .hero-subline.service-list span {
    backdrop-filter: none;
  }

  .reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }

}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }
}