@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;600;700&family=DM+Sans:wght@300;400;500;600&display=swap');

:root {
  --primary: #C94A95; --primary-light: #e07cbd; --primary-dark: #9c3272;
  --primary-pale: #fce8f5; --accent: #f0a8d8; --accent2: #7b1f5a;
  --deep: #2d0a20; --white: #fff; --off-white: #fdf6fb;
  --gray-100: #f8f0f5; --gray-200: #eed8e8; --gray-400: #b08aa0;
  --gray-600: #7a5569;
  --shadow-sm: 0 2px 12px rgba(201,74,149,.08);
  --shadow-md: 0 8px 32px rgba(201,74,149,.15);
  --shadow-lg: 0 20px 60px rgba(201,74,149,.2);
  --radius: 16px;
}
* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth;width:100%;max-width:100%;overflow-x:hidden; }
body { width:100%;max-width:100%;font-family:'DM Sans',sans-serif; color:var(--deep); background:var(--white); overflow-x:hidden; }
img, svg, video, iframe { max-width:100%; }

/* ── LOADING ── */
#ls { position:fixed;inset:0;background:#fce8f5;display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .5s ease; }
@keyframes spin { to { transform:rotate(360deg); } }

/* ── ANIMATIONS ── */
@keyframes pulse { 0%,100%{opacity:1} 50%{opacity:.3} }
@keyframes float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-16px)} }
@keyframes floatSide { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} }
.fade-up { opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease; }
.fade-up.visible { opacity:1;transform:translateY(0); }
.d1{transition-delay:.1s} .d2{transition-delay:.2s} .d3{transition-delay:.3s}

/* ── NAVBAR ── */
nav {
  position:fixed;top:0;left:0;right:0;z-index:1200;
  width:100%;max-width:100vw;
  background:rgba(255,255,255,.95);backdrop-filter:blur(20px);
  border-bottom:1px solid var(--gray-200);
  padding:0 40px;height:72px;
  display:flex;align-items:center;justify-content:space-between;
  transition:all .3s;
}
nav.scrolled { background:rgba(255,255,255,.98);box-shadow:var(--shadow-sm); }
.nav-logo { height:44px;width:auto;max-width:180px;display:block; }
.nav-links { display:flex;align-items:center;gap:32px;list-style:none; }
.nav-links a {
  text-decoration:none;color:var(--gray-600);font-size:14px;font-weight:500;
  transition:color .2s;position:relative;
}
.nav-links a::after {
  content:'';position:absolute;bottom:-4px;left:0;right:0;height:2px;
  background:var(--primary);transform:scaleX(0);transform-origin:left;transition:transform .3s;
}
.nav-links a:hover, .nav-links a.active-page { color:var(--primary); }
.nav-links a:hover::after, .nav-links a.active-page::after { transform:scaleX(1); }
.nav-cta {
  background:linear-gradient(135deg,var(--primary),var(--primary-dark))!important;
  color:white!important;padding:10px 22px!important;border-radius:24px!important;
  font-weight:600!important;box-shadow:0 4px 16px rgba(201,74,149,.35);
  white-space:nowrap;
}
.nav-cta::after { display:none!important; }
.nav-right { display:flex;align-items:center;gap:14px;flex-shrink:0; }
.lang-btn { display:flex;gap:6px; }
.lang-btn a {
  text-decoration:none;font-size:12px;font-weight:600;color:var(--gray-400);
  padding:4px 10px;border-radius:20px;border:1px solid var(--gray-200);
  cursor:pointer;transition:all .2s;
}
.lang-btn a:hover, .lang-btn a.active { background:var(--primary);color:white;border-color:var(--primary); }
.hamburger { display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;position:relative;z-index:1201;background:transparent;border:0; }
.hamburger span { width:24px;height:2px;background:var(--primary);border-radius:2px;display:block;transition:all .3s; }

/* Mobile nav */
@media(max-width:900px){
  nav { padding:0 16px;direction:ltr; }
  .nav-links {
    display:none;flex-direction:column;
    position:fixed;top:72px;left:0;right:0;bottom:0;
    background:white;padding:32px 24px;
    box-shadow:var(--shadow-lg);z-index:999;gap:0;
    overflow-y:auto;
  }
  .nav-links.open { display:flex; }
  .nav-links li { border-bottom:1px solid var(--gray-100); }
  .nav-links a { display:block;padding:16px 4px;font-size:16px; }
  .nav-links a.nav-cta {
    margin-top:20px;text-align:center;border-radius:24px!important;
    padding:14px 24px!important;display:block;
  }
  .hamburger { display:flex!important;visibility:visible;opacity:1; }
  .nav-logo { height:36px; }
}

/* ── SECTIONS ── */
section { padding:100px 40px; }
.container { width:100%;max-width:1200px;margin:0 auto; }
.section-tag { display:inline-block;font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--primary);margin-bottom:12px; }
.section-title { font-family:'Cormorant Garamond',serif;font-size:clamp(32px,4vw,52px);font-weight:700;line-height:1.2;color:var(--deep);margin-bottom:16px; }
.section-sub { font-size:16px;line-height:1.8;color:var(--gray-600);max-width:580px; }
.divider { width:56px;height:3px;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:2px;margin:20px 0; }
.divider.center { margin:20px auto; }

/* ── BUTTONS ── */
.btn-primary {
  background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:white;
  padding:14px 32px;border-radius:32px;font-size:15px;font-weight:600;
  text-decoration:none;border:none;cursor:pointer;
  box-shadow:0 8px 24px rgba(201,74,149,.4);transition:all .3s;
  display:inline-flex;align-items:center;gap:8px;font-family:'DM Sans',sans-serif;
}
.btn-primary:hover { transform:translateY(-3px);box-shadow:0 12px 32px rgba(201,74,149,.5); }
.btn-outline {
  border:2px solid var(--primary);color:var(--primary);padding:14px 32px;border-radius:32px;
  font-size:15px;font-weight:600;text-decoration:none;background:transparent;
  transition:all .3s;display:inline-flex;align-items:center;gap:8px;font-family:'DM Sans',sans-serif;
}
.btn-outline:hover { background:var(--primary);color:white; }

/* ── TRUST BAR ── */
.trust-bar {
  background:var(--deep);padding:22px 40px;
  display:flex;align-items:center;justify-content:center;gap:48px;flex-wrap:wrap;
}
.trust-item { display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.75);font-size:13px;font-weight:500; }
.trust-icon { width:34px;height:34px;background:rgba(201,74,149,.25);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0; }

/* ── VIDEO BANNER ── */
.video-banner { background:linear-gradient(135deg,var(--deep),var(--accent2));position:relative;overflow:hidden;padding:80px 40px; }
.video-banner::before { content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(201,74,149,.2),transparent 60%);border-radius:50%; }
.video-inner { max-width:700px;margin:0 auto;text-align:center;position:relative;z-index:1; }
.video-inner h2 { font-family:'Cormorant Garamond',serif;font-size:clamp(28px,4vw,48px);font-weight:700;color:white;line-height:1.2;margin-bottom:16px; }
.video-inner h2 span { color:var(--accent); }
.video-inner p { color:rgba(255,255,255,.7);font-size:16px;line-height:1.8;margin-bottom:36px; }
.play-ring { width:80px;height:80px;border:2px solid rgba(255,255,255,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 36px;cursor:pointer;transition:all .3s;position:relative;text-decoration:none; }
.play-ring::before { content:'';position:absolute;inset:6px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:50%; }
.play-ring svg { position:relative;z-index:1; }
.play-ring:hover { border-color:var(--primary);transform:scale(1.1); }
.btn-light { background:white;color:var(--primary-dark);padding:14px 36px;border-radius:32px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:all .3s;font-family:'DM Sans',sans-serif; }
.btn-light:hover { background:var(--primary);color:white;transform:translateY(-2px); }

/* ── PAGE HERO (inner pages) ── */
.page-hero { background:linear-gradient(135deg,var(--primary-pale),#ead4f2);padding:140px 40px 60px;text-align:center; }
.page-hero .section-tag { display:block;margin-bottom:12px; }
.page-hero h1 { font-family:'Cormorant Garamond',serif;font-size:clamp(36px,5vw,64px);font-weight:700;color:var(--deep); }
.page-hero h1 span { color:var(--primary); }

/* ── MAP ── */
.map-section { padding:48px 60px;background:var(--gray-100); }
.map-section iframe { width:100%;height:400px;display:block;border:none;border-radius:var(--radius);box-shadow:var(--shadow-md); }

/* ── FOOTER ── */
footer { background:var(--deep);padding:60px 40px 32px; }
.footer-grid { max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.08); }
.footer-logo { height:48px;width:auto;margin-bottom:16px;display:block; }
.footer-brand p { color:rgba(255,255,255,.5);font-size:13px;line-height:1.8;margin-bottom:24px; }
.social-links { display:flex;gap:12px;flex-wrap:wrap; }
.social-link { width:42px;height:42px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:14px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.78);text-decoration:none;transition:all .25s ease;box-shadow:0 10px 24px rgba(0,0,0,.12); }
.social-link svg { width:19px;height:19px;fill:currentColor;stroke:none; }
.social-link .facebook-icon { color:#1877F2; }
.social-link .linkedin-icon { color:#0A66C2; }
.social-link .instagram-icon { color:#E4405F; }
.social-link .youtube-icon { color:#FF0000; }
.social-link:hover { background:white;border-color:transparent;transform:translateY(-3px); }
.phone-ltr, .contact-ltr, input[type="tel"] { direction:ltr; unicode-bidi:embed; display:inline-block; }
[dir="rtl"] .phone-ltr { text-align:right; }
.footer-col h6 { color:white;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:20px; }
.footer-col ul { list-style:none; }
.footer-col ul li { margin-bottom:10px; }
.footer-col ul li a { color:rgba(255,255,255,.5);text-decoration:none;font-size:13px;transition:color .2s; }
.footer-col ul li a:hover { color:var(--accent); }
.footer-bottom { max-width:1200px;margin:28px auto 0;display:flex;justify-content:center; }
.footer-bottom p { color:rgba(255,255,255,.35);font-size:12px; }

/* ── SCROLL TOP ── */
.scroll-top { position:fixed;bottom:32px;right:32px;z-index:999;width:48px;height:48px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:12px;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(201,74,149,.4);opacity:0;transform:translateY(20px);transition:all .3s; }
.scroll-top.visible { opacity:1;transform:translateY(0); }
.scroll-top:hover { transform:translateY(-4px); }

/* ── RESPONSIVE ── */
@media(max-width:900px){
  section { padding:60px 24px; }
  .trust-bar { gap:20px;padding:20px 24px; }
  .footer-grid { grid-template-columns:1fr 1fr;gap:40px; }
  .map-section { padding:32px 24px; }
  .video-banner { padding:60px 24px; }
}
@media(max-width:600px){
  section { padding-left:18px;padding-right:18px; }
  .page-hero { padding-left:18px;padding-right:18px; }
  footer { padding-left:18px;padding-right:18px; }
  .footer-grid { grid-template-columns:1fr; }
  .mobile-menu-sheet { padding-left:14px;padding-right:14px; }
  .mobile-menu-grid { gap:6px; }
  .mobile-menu-item { padding:12px 4px;font-size:11px; }
  .mobile-menu-icon { width:40px;height:40px;font-size:20px; }
  .mlang-btn { padding-left:18px;padding-right:18px; }
}

/* ── ANNOUNCEMENT RIBBON ── */
#annRibbon {
  position:fixed;top:0;left:0;right:0;z-index:1100;
  background:linear-gradient(135deg,var(--primary-dark),var(--accent2));
  color:white;padding:10px 20px;
  display:flex;align-items:center;justify-content:center;gap:12px;
  font-size:13px;font-weight:500;flex-wrap:wrap;
}
.ribbon-badge {
  background:rgba(255,255,255,.25);border-radius:20px;
  padding:2px 10px;font-size:11px;font-weight:700;letter-spacing:1px;
  text-transform:uppercase;flex-shrink:0;
}
.ribbon-text { flex:1;text-align:center;min-width:0; }
.ribbon-link {
  color:white;font-weight:700;text-decoration:none;
  background:rgba(255,255,255,.2);border-radius:20px;padding:2px 12px;
  transition:background .2s;flex-shrink:0;
}
.ribbon-link:hover { background:rgba(255,255,255,.35); }
.ribbon-close {
  background:none;border:none;color:rgba(255,255,255,.7);cursor:pointer;
  font-size:16px;padding:0 4px;flex-shrink:0;transition:color .2s;line-height:1;
}
.ribbon-close:hover { color:white; }

/* ── MOBILE MENU (Careem-style bottom sheet) ── */
.mobile-menu-overlay {
  display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);
  z-index:1050;opacity:0;transition:opacity .3s;
}
.mobile-menu-overlay.open { display:block;opacity:1; }
.mobile-menu-sheet {
  position:fixed;bottom:0;left:0;right:0;z-index:1060;
  width:100%;max-width:100vw;overflow-x:hidden;
  background:white;border-radius:24px 24px 0 0;
  padding:12px 24px 32px;
  transform:translateY(100%);transition:transform .35s cubic-bezier(.32,.72,0,1);
  box-shadow:0 -8px 40px rgba(45,10,32,.2);
}
.mobile-menu-sheet.open { transform:translateY(0); }
.mobile-menu-handle {
  width:40px;height:4px;background:var(--gray-200);border-radius:2px;
  margin:0 auto 20px;
}
.mobile-menu-grid {
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:24px;
}
.mobile-menu-item {
  display:flex;flex-direction:column;align-items:center;gap:8px;
  padding:16px 8px;border-radius:16px;text-decoration:none;
  color:var(--gray-600);font-size:12px;font-weight:500;
  transition:all .2s;border:1.5px solid transparent;
  min-width:0;
}
.mobile-menu-item:hover, .mobile-menu-item.active-item {
  background:var(--primary-pale);border-color:var(--gray-200);color:var(--primary);
}
.mobile-menu-icon {
  width:48px;height:48px;border-radius:14px;background:var(--gray-100);
  display:flex;align-items:center;justify-content:center;font-size:22px;
  transition:all .2s;
}
.mobile-menu-item.active-item .mobile-menu-icon { background:var(--primary-pale); }
.mobile-menu-lang {
  display:flex;gap:8px;justify-content:center;border-top:1px solid var(--gray-100);padding-top:20px;
}
.mlang-btn {
  padding:8px 22px;border-radius:20px;border:1.5px solid var(--gray-200);
  background:white;color:var(--gray-600);font-size:13px;font-weight:600;
  cursor:pointer;font-family:'DM Sans',sans-serif;transition:all .2s;
}
.mlang-btn.mlang-active { background:var(--primary);color:white;border-color:var(--primary); }
body.menu-open { overflow:hidden; }

/* ── RTL FIXES ── */
[dir="rtl"] .nav-links { direction:rtl; }
[dir="rtl"] nav { direction:ltr; }
[dir="rtl"] body { direction:rtl;text-align:right; }
[dir="rtl"] .page-hero,
[dir="rtl"] .video-inner,
[dir="rtl"] .view-all,
[dir="rtl"] .values-section .container > div,
[dir="rtl"] .mfg-section .container > div[style*="text-align:center"],
[dir="rtl"] .certs-section .container,
[dir="rtl"] .export-section,
[dir="rtl"] .timeline-section .container > div,
[dir="rtl"] .products-section,
[dir="rtl"] .no-results,
[dir="rtl"] .footer-bottom { text-align:center; }
[dir="rtl"] .section-sub { margin-left:auto; }
[dir="rtl"] .footer-grid { direction:rtl; }
[dir="rtl"] .hero-stats { direction:rtl; }
[dir="rtl"] .divider { margin-right:0; }
[dir="rtl"] .divider.center { margin:20px auto; }
[dir="rtl"] .about-grid { direction:rtl; }
[dir="rtl"] .about-grid > * { direction:rtl; }
[dir="rtl"] .feat-grid { direction:rtl; }
[dir="rtl"] .contact-inner { direction:rtl; }
[dir="rtl"] .how-steps { direction:rtl; }
[dir="rtl"] .scroll-top { right:auto;left:32px; }
[dir="rtl"] .product-cat-tag { left:auto;right:10px; }
[dir="rtl"] .product-form-tag { right:auto;left:10px; }
[dir="rtl"] #annRibbon { direction:rtl; }
[dir="rtl"] :where(
  [data-t],
  .hero-desc,
  .section-sub,
  .footer-brand p,
  .footer-col a,
  .trust-item span,
  .ann-title,
  .ann-body,
  .feat-card-cat,
  .feat-card-name,
  .feat-card-form,
  .feat-card-desc,
  .feat-card-summary,
  .preview-body h5,
  .preview-body span,
  .product-body h5,
  .product-body p,
  .product-cat-tag,
  .product-form-tag,
  .product-link,
  .modal-cat,
  .modal-name,
  .modal-form-tag,
  .modal-section-label,
  .modal-desc,
  .modal-ingredients,
  .about-text p,
  .value-card h4,
  .value-card p,
  .mfg-card h5,
  .mfg-card p,
  .mfg-stat-text h6,
  .mfg-stat-text p,
  .tl-content h5,
  .tl-content p,
  .cert-card-label,
  .export-flag span,
  .contact-detail-text h6,
  .contact-detail-text p,
  .contact-detail-text a,
  .form-title,
  .form-group label,
  .map-loc-label,
  .map-loc-name,
  .map-loc-addr
) {
  direction:rtl;
  unicode-bidi:plaintext;
}
[dir="rtl"] .phone-ltr,
[dir="rtl"] .contact-ltr,
[dir="rtl"] input[type="tel"],
[dir="rtl"] .mfg-stat-num,
[dir="rtl"] .stat-num,
[dir="rtl"] .export-flag-img { direction:ltr;text-align:left;unicode-bidi:isolate; }

/* ── SEO / META helpers ── */
.sr-only { position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap; }

/* ── FEATURED CAROUSEL ── */
.featured-section { background:linear-gradient(135deg,var(--gray-100),var(--primary-pale));overflow:hidden; }
.feat-carousel-wrap { position:relative;height:520px;display:flex;align-items:center;justify-content:center;margin-top:48px; }
.feat-carousel-track {
  position:relative;width:100%;max-width:100%;height:100%;display:flex;align-items:center;justify-content:center;
  perspective:1200px;
  overflow:hidden;
}
.feat-card-3d {
  position:absolute;width:260px;
  transition:transform .6s cubic-bezier(.4,0,.2,1), opacity .6s ease;
  cursor:pointer;
}
.feat-carousel-nav { display:flex;justify-content:center;gap:12px;margin-top:28px; }
.feat-nav-dot { width:8px;height:8px;border-radius:50%;background:var(--gray-200);border:none;cursor:pointer;transition:all .3s;padding:0; }
.feat-nav-dot.active { background:var(--primary);width:24px;border-radius:4px; }
.feat-carousel-arrows { position:absolute;top:50%;transform:translateY(-50%);width:100%;display:flex;justify-content:space-between;pointer-events:none;padding:0 8px;z-index:10; }
.feat-arrow {
  width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.8);backdrop-filter:blur(8px);
  border:1.5px solid var(--gray-200);display:flex;align-items:center;justify-content:center;
  cursor:pointer;pointer-events:all;box-shadow:var(--shadow-sm);transition:all .2s;font-size:18px;color:var(--primary);
}
.feat-arrow:hover { box-shadow:var(--shadow-md);border-color:var(--primary); }
@media(max-width:900px){
  .feat-carousel-wrap { height:420px; }
  .feat-card-3d { width:220px; }
}
@media(max-width:600px){
  .feat-carousel-wrap { height:380px; }
  .feat-card-3d { width:200px; }
}

/* ── GA4 / GTM helper ── */
/* ── FOCUS VISIBLE (accessibility) ── */
:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 3px;
  border-radius: 4px;
}
button:focus-visible, a:focus-visible { outline: 2px solid var(--primary); outline-offset: 3px; }

/* ── SKIP LINK ── */
.skip-link {
  position:fixed;top:-100px;left:16px;z-index:9999;
  background:var(--primary);color:white;padding:10px 18px;
  border-radius:0 0 12px 12px;font-size:13px;font-weight:600;
  text-decoration:none;transition:top .2s;
}
.skip-link:focus { top:0; }

/* ── SKELETON LOADING ── */
.skeleton { background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-200) 50%,var(--gray-100) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite; border-radius:8px; }
@keyframes shimmer { 0%{background-position:200% 0} 100%{background-position:-200% 0} }
.skeleton-card { background:white;border-radius:var(--radius);overflow:hidden;border:1px solid var(--gray-200); }
.skeleton-img { height:220px; }
.skeleton-body { padding:18px; }
.skeleton-line { height:14px;margin-bottom:8px; }
.skeleton-line.short { width:60%; }

/* ── CIRCULAR SCROLL-TOP WITH PROGRESS RING ── */
.scroll-top {
  position:fixed;bottom:32px;right:32px;z-index:999;
  width:48px;height:48px;background:transparent;border:none;
  cursor:pointer;opacity:0;transform:translateY(20px);transition:all .3s;
  display:flex;align-items:center;justify-content:center;
  padding:0;
}
.scroll-top.visible { opacity:1;transform:translateY(0); }
.scroll-top:hover { transform:translateY(-4px)!important; }
.scroll-top svg.ring-svg {
  position:absolute;inset:0;width:100%;height:100%;
  transform:rotate(-90deg);
}
.scroll-top .ring-bg { fill:none;stroke:var(--gray-200);stroke-width:3; }
.scroll-top .ring-fill { fill:none;stroke:var(--primary);stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset .2s; }
.scroll-top .ring-inner {
  width:36px;height:36px;border-radius:50%;
  background:linear-gradient(135deg,var(--primary),var(--primary-dark));
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 14px rgba(201,74,149,.4);
  position:relative;z-index:1;
}
[dir="rtl"] .scroll-top { right:auto;left:32px; }

/* ── MOBILE NAV: hide lang buttons from top bar ── */
@media(max-width:900px){
  .nav-right .lang-btn { display:none; }
}

/* ── CERTIFICATE SECTION ── */
.certs-grid { display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:36px; }
.cert-card {
  background:white;border-radius:var(--radius);padding:14px;
  box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);
  cursor:pointer;transition:all .3s;text-align:center;width:140px;
}
.cert-card:hover { box-shadow:var(--shadow-md);border-color:var(--primary-light);transform:translateY(-3px); }
.cert-card img { width:100%;height:90px;object-fit:contain;margin-bottom:10px; }
.cert-card-label { font-size:11px;font-weight:700;color:var(--primary-dark);letter-spacing:1px; }
/* Fallback badge when no image */
.cert-card-badge {
  width:100%;height:90px;background:linear-gradient(135deg,var(--primary-pale),rgba(201,74,149,.12));
  border-radius:8px;display:flex;align-items:center;justify-content:center;
  font-size:22px;font-weight:800;color:var(--primary-dark);margin-bottom:10px;
  letter-spacing:1px;
}

/* ── CERT LIGHTBOX ── */
.cert-lightbox { position:fixed;inset:0;z-index:3000;background:rgba(0,0,0,.88);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s;padding:20px; }
.cert-lightbox.open { opacity:1;pointer-events:all; }
.cert-lightbox-img { max-width:88vw;max-height:86vh;object-fit:contain;border-radius:12px;box-shadow:0 24px 64px rgba(0,0,0,.6); }
.cert-lightbox-close { position:absolute;top:20px;right:24px;background:rgba(255,255,255,.15);border:none;color:white;font-size:24px;cursor:pointer;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;transition:background .2s; }
.cert-lightbox-close:hover { background:rgba(255,255,255,.3); }
.cert-lightbox-label { position:absolute;bottom:28px;left:50%;transform:translateX(-50%);color:white;font-size:14px;font-weight:600;background:rgba(0,0,0,.5);padding:6px 20px;border-radius:20px; }

/* ── EXPORT COUNTRIES ── */
.export-section { background:var(--gray-100);padding:60px 40px;text-align:center; }
.export-flags { display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:28px;max-width:900px;margin-inline:auto; }
.export-flag {
  display:flex;align-items:center;gap:8px;
  background:white;border:1px solid var(--gray-200);border-radius:24px;
  padding:6px 14px 6px 8px;font-size:13px;font-weight:500;color:var(--deep);
  transition:all .2s;
}
.export-flag:hover { border-color:var(--primary-light);box-shadow:var(--shadow-sm); transform:translateY(-2px); }
.export-flag-img {
  width:26px;height:18px;object-fit:cover;border-radius:3px;display:block;
  box-shadow:0 0 0 1px rgba(45,10,32,.08);
  background:var(--gray-100);flex-shrink:0;
}
.export-flag-emoji { display:none; }

/* ── Z-INDEX AUDIT FIXES ── */
/* Nav always on top */
nav { z-index:1200; }
/* Modal overlay above everything except lightbox */
.modal-overlay { z-index:2000; }
/* Cert lightbox above modal */
.cert-lightbox { z-index:3000; }
/* Cookie banner above everything */
#cookieBanner { z-index:9990!important; }
/* Scroll top below nav */
.scroll-top { z-index:999; }
/* Product badges always above image */
.product-cat-tag, .product-form-tag { z-index:3; }
/* Preview card images don't overflow badges */
.preview-img { overflow:hidden; }

/* RTL overrides for fixed elements */
[dir="rtl"] .scroll-top { right:auto;left:32px; }