/* IndoMarket UAE v4.3.0 — modern refresh for premium storefront polish */
:root{
  --modern-surface:#ffffff;
  --modern-surface-soft:rgba(255,255,255,.78);
  --modern-border:rgba(16,63,43,.09);
  --modern-shadow:0 18px 48px rgba(14,45,32,.08);
  --modern-shadow-lg:0 28px 76px rgba(14,45,32,.12);
  --modern-highlight:linear-gradient(135deg,rgba(255,255,255,.92),rgba(255,248,230,.78));
}

body{
  background:
    radial-gradient(circle at 10% 0%, rgba(255,214,92,.10), transparent 24%),
    radial-gradient(circle at 100% 10%, rgba(16,118,82,.07), transparent 28%),
    linear-gradient(180deg,#fff 0%,#fbfcfb 52%,#f7faf8 100%);
}

.site-header{
  position:sticky;
  top:0;
  z-index:50;
  backdrop-filter:saturate(180%) blur(14px);
  background:rgba(255,255,255,.88);
  border-bottom:1px solid rgba(16,63,43,.06);
  box-shadow:0 10px 30px rgba(12,37,27,.04);
}

.announcement{
  background:linear-gradient(90deg,#0c3b29 0%,#166244 48%,#1f7e5a 100%);
  letter-spacing:.01em;
}

.hero{
  padding:96px 0 74px;
  background:
    radial-gradient(circle at 86% 18%, rgba(245,189,63,.28), transparent 26%),
    radial-gradient(circle at 10% 0%, rgba(23,100,71,.14), transparent 24%),
    linear-gradient(150deg,#eef8f2 0%,#ffffff 50%,#fff8ea 100%);
}

.hero-copy h1,
.page-hero h1{
  font-size:clamp(2.35rem,4vw,4.4rem);
  line-height:1.02;
  max-width:12ch;
}

.hero-text,
.page-hero p{
  font-size:1.04rem;
  color:rgba(26,46,37,.78);
}

.hero-buttons{
  gap:14px;
}

.hero-card{
  background:var(--modern-surface-soft);
  border:1px solid rgba(255,255,255,.72);
  box-shadow:var(--modern-shadow-lg);
  backdrop-filter:blur(10px);
}

.hero-card-main{
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 30px 80px rgba(16,63,43,.22);
}

.section,
.page-hero{
  position:relative;
}

.section-heading h2,
.page-hero h1,
.about-grid h2,
.testimonials-hero h1{
  letter-spacing:-.05em;
}

.section-heading{
  align-items:end;
  gap:18px;
}

.notice-banner,
.uae-delivery-strip,
.about-card,
.contact-card,
.contact-social-panel,
.faq-help-card,
.testimonial-summary-card,
.testimonial-submit-form,
.account-panel,
.customer-auth-card,
.detail-media,
.detail-copy,
.pawon-promo{
  background:var(--modern-highlight);
  border:1px solid var(--modern-border);
  box-shadow:var(--modern-shadow);
}

.customer-auth-card,
.testimonial-submit-form,
.contact-card,
.about-card,
.pawon-promo{
  border-radius:26px;
}

.product-card{
  overflow:hidden;
  border:1px solid rgba(16,63,43,.08);
  border-radius:24px;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(250,252,250,.96));
  box-shadow:0 16px 40px rgba(16,63,43,.07);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.product-card:hover{
  transform:translateY(-5px);
  box-shadow:0 26px 62px rgba(16,63,43,.12);
  border-color:rgba(23,100,71,.16);
}

.product-media{
  background:
    radial-gradient(circle at top right, rgba(245,189,63,.18), transparent 34%),
    linear-gradient(180deg,#f8fbf9,#f1f7f3);
}

.product-card-body{
  padding:18px 18px 19px;
}

.product-category{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 12px;
  border-radius:999px;
  background:rgba(23,100,71,.08);
  color:#15563d;
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.01em;
}

.product-card-description{
  color:rgba(25,41,34,.72);
  line-height:1.62;
}

.product-price{
  font-size:1.18rem;
}

.button{
  font-weight:700;
  letter-spacing:.01em;
}

.button-primary{
  background:linear-gradient(135deg,#166244,#0f5b3e);
  border-color:#166244;
  box-shadow:0 14px 30px rgba(23,100,71,.18);
}

.button-primary:hover{
  transform:translateY(-1px);
  box-shadow:0 18px 36px rgba(23,100,71,.22);
}

.button-outline,
.button-secondary,
.button-ghost{
  backdrop-filter:blur(8px);
}

.page-hero{
  padding:82px 0 42px;
  background:
    radial-gradient(circle at right top, rgba(245,189,63,.18), transparent 24%),
    linear-gradient(180deg,#f4faf6 0%, rgba(255,255,255,.98) 100%);
  border-bottom:1px solid rgba(16,63,43,.05);
}

.faq-item,
.testimonial-card,
.values-grid > div,
.trust-grid > div{
  border:1px solid rgba(16,63,43,.08);
  box-shadow:0 14px 36px rgba(16,63,43,.06);
}

.faq-item{
  border-radius:20px;
  overflow:hidden;
  background:rgba(255,255,255,.92);
}

.faq-item summary{
  padding:18px 20px;
}

.faq-answer{
  color:rgba(25,41,34,.76);
}

.testimonial-card,
.values-grid > div,
.trust-grid > div{
  border-radius:22px;
  background:rgba(255,255,255,.96);
}

.site-footer{
  margin-top:36px;
  background:
    radial-gradient(circle at top left, rgba(245,189,63,.08), transparent 22%),
    linear-gradient(180deg,#0d241b 0%,#102b20 100%);
  color:#f4f8f5;
}

.site-footer a{
  color:rgba(244,248,245,.86);
}

.footer-grid{
  gap:28px;
}

.footer-brand,
.footer-partner-link{
  filter:drop-shadow(0 6px 18px rgba(0,0,0,.16));
}

.inline-link{
  font-weight:700;
}

@media (max-width: 900px){
  .hero{
    padding:82px 0 58px;
  }
  .hero-copy h1,
  .page-hero h1{
    max-width:none;
  }
  .product-card{
    border-radius:22px;
  }
}

@media (max-width: 640px){
  .site-header{
    backdrop-filter:saturate(160%) blur(10px);
  }
  .hero{
    padding-top:72px;
  }
  .hero-copy h1,
  .page-hero h1{
    font-size:clamp(2rem,9vw,2.8rem);
  }
  .customer-auth-card,
  .contact-card,
  .about-card,
  .pawon-promo,
  .testimonial-submit-form{
    border-radius:22px;
  }
}