/* ===== Landing Premium Polish ===== */
.hero-content h1{ font-family:"Playfair Display", serif; letter-spacing: .4px; }
.hero-content p{ font-size: clamp(1rem, 2.2vw, 1.18rem); opacity:.95; max-width: 640px; margin: 12px auto 18px; }
.hero-btn{ box-shadow: 0 10px 24px rgba(15,61,36,.28); border:1px solid rgba(255,255,255,.22); backdrop-filter: blur(4px); }
.hero-btn:hover{ transform: translateY(-2px); box-shadow: 0 14px 30px rgba(15,61,36,.32); }

.about-stats .section-title{ font-family:"Playfair Display", serif; }
.collection{ position:relative; }
.collection::before{ content:''; position:absolute; inset:0; background: radial-gradient(600px 400px at 70% 20%, rgba(201,168,106,.10), transparent 60%); pointer-events:none; }

.why-choose-us .feature-box{ border:1px solid var(--color-border); background: linear-gradient(180deg,#fff, #fcfbfa); }
.promo-card{ box-shadow: var(--shadow-md); border:1px solid rgba(0,0,0,.04); }
.promo-card .overlay{ backdrop-filter: saturate(1.1); }

.discover-collection{ border-radius:18px; margin: 64px 20px; overflow:hidden; }
@media (min-width: 1280px){ .discover-collection{ margin: 64px auto; max-width: 1260px; } }

.services{ background: linear-gradient(180deg, #fff, #faf9f7); }
.service-card{ border:1px solid var(--color-border); }

.home-products-section .product-card{ border-radius: 14px; }
.home-banner-section > div{ box-shadow: var(--shadow-lg); }

.work-grid .work-box{ border-radius: 16px; }
.work-overlay{ backdrop-filter: blur(2px); }

.silver-ticker{ font-weight:600; letter-spacing:.3px; }

/* Category Highlight Showcase — Luxury Cards */
.cat-highlight-section {
  max-width: 1280px;
  margin: 26px auto;
  padding: 0 20px;
}
.cat-highlight-card {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 0;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
  min-height: 280px;
  align-items: stretch;
}
.cat-highlight-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 35px rgba(15, 61, 36, 0.09);
  border-color: rgba(201, 168, 106, 0.45);
}
.cat-highlight-content {
  padding: 34px 38px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.cat-highlight-tag {
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  color: var(--color-accent-600);
  margin-bottom: 8px;
  display: inline-block;
}
.cat-highlight-title {
  font-family: 'Playfair Display', serif;
  color: var(--color-primary);
  font-size: clamp(1.4rem, 2.4vw, 1.85rem);
  font-weight: 700;
  margin: 0 0 10px;
  line-height: 1.25;
}
.cat-highlight-desc {
  color: var(--color-text-muted);
  font-size: 0.95rem;
  line-height: 1.65;
  margin: 0 0 20px;
  max-width: 480px;
}
.cat-highlight-btn {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 11px 24px;
  background: var(--color-primary);
  color: #fff !important;
  font-weight: 600;
  font-size: 0.92rem;
  border-radius: 50px;
  text-decoration: none;
  box-shadow: 0 4px 14px rgba(15, 61, 36, 0.2);
  transition: all 0.25s ease;
}
.cat-highlight-btn .btn-arrow {
  display: inline-block;
  transition: transform 0.25s ease;
}
.cat-highlight-btn:hover {
  background: var(--color-primary-600);
  box-shadow: 0 6px 20px rgba(15, 61, 36, 0.28);
  transform: translateY(-1px);
}
.cat-highlight-btn:hover .btn-arrow {
  transform: translateX(4px);
}
body.ar .cat-highlight-btn:hover .btn-arrow {
  transform: translateX(-4px);
}
.cat-highlight-img-wrap {
  text-decoration: none;
  position: relative;
  min-height: 280px;
  background: var(--color-surface-2);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 22px;
  overflow: hidden;
  border-left: 1px solid rgba(0, 0, 0, 0.04);
}
body.ar .cat-highlight-img-wrap {
  border-left: none;
  border-right: 1px solid rgba(0, 0, 0, 0.04);
}
.cat-highlight-img {
  max-width: 100%;
  max-height: 240px;
  width: auto;
  height: auto;
  object-fit: contain;
  object-position: center;
  display: block;
  border-radius: 14px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  transition: transform 0.45s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.45s ease;
}
.cat-highlight-card:hover .cat-highlight-img {
  transform: scale(1.04);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
}

@media (max-width: 900px) {
  .cat-highlight-card {
    grid-template-columns: 1fr;
    min-height: auto;
  }
  .cat-highlight-img-wrap {
    order: -1;
    min-height: 230px;
    height: 230px;
    padding: 20px;
    border-left: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
  }
  body.ar .cat-highlight-img-wrap {
    border-right: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
  }
  .cat-highlight-img {
    max-height: 195px;
  }
  .cat-highlight-content {
    padding: 26px 24px;
  }
}
@media (max-width: 480px) {
  .cat-highlight-img-wrap {
    min-height: 190px;
    height: 190px;
    padding: 16px;
  }
  .cat-highlight-img {
    max-height: 165px;
  }
  .cat-highlight-content {
    padding: 20px 18px;
  }
}

/* ===== App Download Section — Like Image ===== */
.app-download{
  background: radial-gradient(800px 600px at 70% 10%, rgba(201,168,106,0.08), transparent 60%), #082619;
  color:#fff;
  overflow:hidden;
  position:relative;
  padding: 56px 20px 72px;
  margin: 48px 0 48px;
}
.app-download::before{
  content:'';
  position:absolute;
  top:24px; right: 6%;
  width: 72px; height: 72px;
  background: radial-gradient(circle, rgba(255,255,255,.18) 1.5px, transparent 1.5px);
  background-size: 12px 12px;
  opacity:.5;
  pointer-events:none;
}
.app-download-container{
  max-width:1280px;
  margin:0 auto;
  display:grid;
  grid-template-columns: 1.05fr 1fr;
  gap:36px;
  align-items:center;
}
.app-download-logo{
  display:flex; align-items:center; gap:10px; margin-bottom:18px;
}
.app-download-logo img{ height:42px; filter: brightness(0) invert(1); }
.app-download-logo-text{
  font-family:"Playfair Display", serif;
  font-weight:700; font-size:.95rem; line-height:1;
  letter-spacing:.6px;
}
.app-download-logo-text small{ display:block; font-family:"Dancing Script", cursive; font-weight:400; font-size:.72rem; opacity:.85; letter-spacing:.4px; }
.app-download h2{
  font-size: clamp(1.7rem, 4vw, 2.6rem);
  line-height:1.08;
  font-weight:800;
  letter-spacing:.2px;
  margin:0;
}
.app-download h2 span{ display:block; font-size: clamp(1.9rem, 4.5vw, 3.1rem); }
.app-download h2 .small{ font-size:.95rem; font-weight:600; letter-spacing:.18em; opacity:.9; margin-bottom:6px; display:block; font-family:"Poppins", sans-serif; }
.app-download-desc{
  color: rgba(255,255,255,.88);
  line-height:1.7;
  margin:14px 0 18px;
  max-width:520px;
  font-size:.98rem;
}
.app-features{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap:14px;
  margin:18px 0 22px;
  max-width:520px;
}
.app-feature{
  text-align:center;
  padding:0 6px;
  border-right:1px solid rgba(255,255,255,.12);
}
.app-feature:last-child{ border-right:none; }
.app-feature-icon{
  width:44px; height:44px; border-radius:50%;
  border:1px solid rgba(255,255,255,.22);
  display:flex; align-items:center; justify-content:center;
  margin:0 auto 8px;
  font-size:18px;
  background: rgba(255,255,255,.06);
}
.app-feature span{ font-size:.78rem; line-height:1.35; opacity:.92; display:block; }
.app-download-cta-title{
  font-size:.78rem; font-weight:700; letter-spacing:.12em; color:#6fdc8c; margin-bottom:10px;
}
.app-stores{
  display:flex; gap:12px; flex-wrap:wrap; align-items:center;
}
.store-btn{
  display:inline-flex; align-items:center; gap:10px;
  background:#000; color:#fff;
  border:1px solid rgba(255,255,255,.22);
  border-radius:8px;
  padding:10px 14px;
  text-decoration:none;
  min-width:170px;
  transition: transform .2s, border-color .2s;
}
.store-btn:hover{ transform: translateY(-2px); border-color: rgba(255,255,255,.38); }
.store-btn img{ width:28px; height:28px; object-fit:contain; }
.store-btn .store-text{ display:flex; flex-direction:column; line-height:1; }
.store-btn .store-text small{ font-size:.62rem; opacity:.82; letter-spacing:.02em; }
.store-btn .store-text strong{ font-size:.92rem; font-weight:700; }
.store-btn.apple .store-text strong{ font-size:.95rem; }
.app-available{
  margin-top:10px; font-size:.78rem; opacity:.68;
}
.app-phones{
  position:relative;
  display:flex; align-items:center; justify-content:center;
  min-height:480px;
}
.phone{
  position:absolute;
  width: 222px;
  height: 472px;
  background: #0b140f;
  box-sizing: border-box;
  display:flex;
  flex-direction:column;
  transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.35s ease;
}

.phone-screen{
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #09140e;
}
.phone-screen img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  user-select: none;
}
.phone-screen::after{
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255,255,255,0.12) 0%, rgba(255,255,255,0) 45%, rgba(255,255,255,0.03) 100%);
  pointer-events: none;
  z-index: 2;
}

/* --- Android Phone Frame (Sleek Galaxy S24 Ultra / Flagship Style) --- */
.phone-android{
  left: 8%;
  top: 8px;
  transform: rotate(-4deg);
  border-radius: 28px;
  padding: 3.5px;
  border: 1px solid #36443b;
  background: #111a14;
  box-shadow:
    0 0 0 1.5px #1e2a22,
    0 0 0 3px #131c16,
    0 22px 55px rgba(0, 0, 0, 0.55);
  z-index: 1;
}
.phone-android .phone-screen{
  border-radius: 24px;
}
/* Android Side Hardware Buttons: Volume Rocker & Power Key */
.phone-android::before{
  content: '';
  position: absolute;
  right: -5px;
  top: 90px;
  width: 2.5px;
  height: 48px;
  background: #2f3e34;
  border-radius: 0 2px 2px 0;
  box-shadow: 0 65px 0 #2f3e34;
  z-index: -1;
}
/* Android Centered Hole-Punch Front Camera */
.phone-android::after{
  content: '';
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #000;
  border: 1.2px solid #1c2a21;
  z-index: 4;
}
.phone-android:hover{
  transform: translateY(-6px) rotate(-4deg);
  box-shadow:
    0 0 0 1.5px #4a5c50,
    0 0 0 3px #131c16,
    0 30px 75px rgba(0, 0, 0, 0.65);
}

/* --- iPhone Frame (iPhone 16 Pro Titanium Style) --- */
.phone-ios{
  right: 8%;
  top: 28px;
  transform: rotate(4deg);
  border-radius: 38px;
  padding: 4px;
  border: 1px solid #3c4840;
  background: #151e18;
  box-shadow:
    0 0 0 1.5px #243028,
    0 0 0 3.5px #121914,
    0 22px 55px rgba(0, 0, 0, 0.55);
  z-index: 2;
}
.phone-ios .phone-screen{
  border-radius: 34px;
}
/* iPhone Hardware Side Buttons: Action Button & Volume on Left, Power on Right */
.phone-ios::before{
  content: '';
  position: absolute;
  left: -5.5px;
  top: 65px;
  width: 2.5px;
  height: 18px;
  background: #334037;
  border-radius: 2px 0 0 2px;
  box-shadow:
    0 30px 0 0 #334037,
    0 68px 0 0 #334037,
    228px 38px 0 0 #334037;
  z-index: -1;
}
.phone-ios:hover{
  transform: translateY(-6px) rotate(4deg);
  box-shadow:
    0 0 0 1.5px #55675c,
    0 0 0 3.5px #121914,
    0 30px 75px rgba(0, 0, 0, 0.65);
}

@media (max-width: 1024px){
  .app-download-container{ grid-template-columns: 1fr; gap:28px; }
  .app-phones{ min-height: 440px; order:-1; }
  .phone{ width:195px; height: 415px; }
  .phone-android{ left: 50%; transform: translateX(-56%) rotate(-4deg); }
  .phone-ios{ left: 50%; transform: translateX(6%) rotate(4deg); right:auto; }
  .phone-ios::before{ box-shadow: 0 30px 0 0 #334037, 0 68px 0 0 #334037, 201px 38px 0 0 #334037; }
}
@media (max-width: 640px){
  .app-download{ padding: 36px 16px; }
  .app-features{ grid-template-columns: repeat(2, 1fr); gap:16px; }
  .app-feature{ border-right:none; border-bottom:1px solid rgba(255,255,255,.08); padding-bottom:12px; }
  .app-feature:nth-child(2n){ border-right:none; }
  .app-phones{ min-height: 360px; }
  .phone{ width:160px; height: 340px; }
  .phone-android{ border-radius:22px; padding:2.5px; }
  .phone-android .phone-screen{ border-radius:18px; }
  .phone-ios{ border-radius:28px; padding:3px; }
  .phone-ios .phone-screen{ border-radius:24px; }
  .phone-android::before, .phone-ios::before{ display:none; }
  .app-stores{ flex-direction:column; align-items:stretch; }
  .store-btn{ justify-content:center; }
}
body.ar .app-download-container{ direction:rtl; }
body.ar .app-feature{ border-right:none; border-left:1px solid rgba(255,255,255,.12); }
body.ar .app-feature:last-child{ border-left:none; }