/*
Theme Name: Dermo Rise Luxury Commerce
Theme URI: https://example.com/dermo-rise
Author: Dermo Rise
Description: Dermo Rise luxury WooCommerce theme with prebuilt Elementor-editable store pages, native Ultimate Addons for Elementor Header & Footer Builder support, professional fully editable header and footer, full-width/canvas templates and WooCommerce integration.
Version: 2.6.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: dermo-rise
Tags: e-commerce, woocommerce, custom-logo, custom-menu, featured-images, full-width-template, block-styles
*/

:root {
  --dr-ivory: #f6eee7;
  --dr-ivory-soft: #fbf7f2;
  --dr-white: #fffdf9;
  --dr-charcoal: #4f4f4e;
  --dr-charcoal-deep: #252525;
  --dr-gold: #bd8d4c;
  --dr-gold-soft: #d5b27c;
  --dr-line: rgba(79, 79, 78, .13);
  --dr-shadow: 0 18px 50px rgba(48, 40, 31, .09);
  --dr-radius: 20px;
  --dr-container: 1240px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--dr-ivory-soft);
  color: var(--dr-charcoal-deep);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }
a:hover { color: var(--dr-gold); }
img { max-width: 100%; height: auto; }
button, input, select, textarea { font: inherit; }

.dr-container { width: min(calc(100% - 40px), var(--dr-container)); margin-inline: auto; }
.dr-serif, h1, h2, h3, .site-title, .woocommerce-loop-product__title {
  font-family: "Bodoni 72", Didot, "Times New Roman", Georgia, serif;
  font-weight: 400;
  letter-spacing: .015em;
}

.screen-reader-text {
  border: 0; clip: rect(1px,1px,1px,1px); clip-path: inset(50%); height: 1px;
  margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important;
}

/* Announcement */
.dr-announcement {
  background: var(--dr-charcoal-deep);
  color: #fff;
  min-height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 20px;
  font-size: 12px;
  letter-spacing: .17em;
  text-transform: uppercase;
  text-align: center;
}

/* Header */
.site-header {
  position: sticky;
  top: 0;
  z-index: 999;
  background: rgba(251,247,242,.92);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--dr-line);
  transition: box-shadow .25s ease, background .25s ease;
}
.site-header.is-scrolled { box-shadow: 0 10px 35px rgba(32,29,25,.08); background: rgba(255,253,249,.97); }
.dr-header-inner {
  min-height: 86px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 28px;
}
.dr-brand { justify-self: center; line-height: 0; }
.dr-brand img, .custom-logo { max-height: 64px; width: auto; display: block; }
.dr-site-name { font-size: 28px; letter-spacing: .1em; }
.dr-nav { justify-self: start; }
.dr-nav ul, .dr-header-actions { display: flex; align-items: center; gap: 26px; margin: 0; padding: 0; list-style: none; }
.dr-nav a, .dr-header-actions a {
  font-size: 13px;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-weight: 600;
}
.dr-header-actions { justify-self: end; gap: 17px; }
.dr-cart-link { position: relative; display: inline-flex; align-items: center; gap: 7px; }
.dermorise-cart-count {
  min-width: 18px; height: 18px; padding: 0 4px; border-radius: 100px;
  background: var(--dr-gold); color: white; display: inline-flex; align-items: center; justify-content: center;
  font-size: 10px; line-height: 1;
}
.dr-menu-toggle { display: none; border: 0; background: transparent; padding: 8px; cursor: pointer; }
.dr-menu-toggle span { display:block; width:22px; height:1px; background:var(--dr-charcoal-deep); margin:5px 0; }

/* Hero */
.dr-hero {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 82% 28%, rgba(189,141,76,.18), transparent 31%),
    radial-gradient(circle at 10% 80%, rgba(79,79,78,.07), transparent 30%),
    linear-gradient(135deg, #fffaf5 0%, #f3e7dc 100%);
}
.dr-hero::after {
  content: "";
  position: absolute;
  width: 420px; height: 420px; border: 1px solid rgba(189,141,76,.27); border-radius: 50%;
  right: -145px; bottom: -210px;
}
.dr-hero-inner { min-height: 650px; display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 60px; padding-block: 80px; }
.dr-eyebrow { font-size: 12px; letter-spacing: .22em; text-transform: uppercase; color: var(--dr-gold); font-weight: 700; margin-bottom: 18px; }
.dr-hero h1 { margin: 0 0 24px; font-size: clamp(50px, 6.5vw, 92px); line-height: .98; color: var(--dr-charcoal-deep); }
.dr-hero p { margin: 0 0 32px; max-width: 600px; color: #68625d; font-size: 18px; }
.dr-hero-actions { display: flex; gap: 14px; flex-wrap: wrap; }
.dr-button, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit {
  border: 1px solid var(--dr-charcoal-deep) !important;
  border-radius: 999px !important;
  padding: 13px 24px !important;
  min-height: 48px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: var(--dr-charcoal-deep) !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .08em;
  text-transform: uppercase;
  transition: transform .25s ease, box-shadow .25s ease, background .25s ease, color .25s ease;
}
.dr-button:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 25px rgba(37,37,37,.14);
  background: var(--dr-gold) !important;
  border-color: var(--dr-gold) !important;
}
.dr-button--ghost { background: transparent !important; color: var(--dr-charcoal-deep) !important; }
.dr-button--ghost:hover { color: #fff !important; }
.dr-hero-art { position: relative; min-height: 460px; display: grid; place-items: center; }
.dr-hero-art::before {
  content: ""; position:absolute; inset: 45px 5% 25px 10%; border-radius: 48% 52% 45% 55% / 55% 45% 55% 45%;
  background: linear-gradient(145deg, rgba(255,255,255,.75), rgba(218,190,153,.4));
  box-shadow: var(--dr-shadow); transform: rotate(-5deg);
}
.dr-hero-logo-card {
  width: min(100%, 520px); position: relative; z-index:1; padding: 34px; background: rgba(255,253,249,.78);
  border: 1px solid rgba(255,255,255,.78); border-radius: 28px; box-shadow: 0 25px 70px rgba(58,48,36,.13);
  transform: rotate(2deg);
}
.dr-hero-logo-card img { width:100%; display:block; }

/* Sections */
.dr-section { padding: 90px 0; }
.dr-section--white { background: var(--dr-white); }
.dr-section-head { display:flex; justify-content:space-between; gap:30px; align-items:end; margin-bottom:36px; }
.dr-kicker { color: var(--dr-gold); text-transform:uppercase; letter-spacing:.18em; font-size:11px; font-weight:700; margin-bottom:8px; }
.dr-section h2 { margin:0; font-size:clamp(36px,4.8vw,62px); line-height:1.05; }
.dr-section-head p { margin:0; max-width:520px; color:#756f68; }

.dr-values { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--dr-line); border:1px solid var(--dr-line); border-radius:var(--dr-radius); overflow:hidden; }
.dr-value { background:var(--dr-white); padding:34px; }
.dr-value span { display:inline-grid; place-items:center; width:44px; height:44px; border:1px solid rgba(189,141,76,.35); border-radius:50%; color:var(--dr-gold); margin-bottom:22px; }
.dr-value h3 { margin:0 0 8px; font-size:25px; }
.dr-value p { margin:0; color:#79736c; font-size:14px; }

/* WooCommerce */
.woocommerce .woocommerce-breadcrumb { color:#8a827a; font-size:12px; letter-spacing:.04em; margin:24px 0 28px; }
.woocommerce .woocommerce-breadcrumb a { color:var(--dr-charcoal); }
.woocommerce .woocommerce-result-count { color:#817a73; font-size:13px; }
.woocommerce .woocommerce-ordering select {
  border:1px solid var(--dr-line); border-radius:999px; background:var(--dr-white); padding:10px 36px 10px 16px; color:var(--dr-charcoal-deep);
}
.woocommerce-products-header { padding: 58px 0 20px; text-align:center; }
.woocommerce-products-header__title.page-title { font-size:clamp(42px,6vw,72px); margin:0 0 10px; }
.woocommerce ul.products { display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px; margin:32px 0 0 !important; }
.woocommerce ul.products::before, .woocommerce ul.products::after { display:none !important; }
.woocommerce ul.products li.product { width:auto !important; float:none !important; margin:0 !important; padding:0 0 20px !important; background:transparent; position:relative; }
.woocommerce ul.products li.product a img {
  width:100%; aspect-ratio: 4 / 5; object-fit:cover; margin:0 0 18px !important; border-radius:18px;
  background:#f0e7df; box-shadow:0 8px 30px rgba(60,49,38,.06); transition:transform .35s ease, box-shadow .35s ease;
}
.woocommerce ul.products li.product:hover a img { transform:translateY(-4px); box-shadow:0 18px 45px rgba(60,49,38,.12); }
.woocommerce ul.products li.product .woocommerce-loop-product__title { padding:0 !important; margin:0 0 7px !important; font-size:22px !important; line-height:1.2; color:var(--dr-charcoal-deep); }
.woocommerce ul.products li.product .price { color:var(--dr-gold) !important; font-weight:650 !important; font-size:15px !important; margin-bottom:14px !important; }
.woocommerce ul.products li.product .price del { color:#9b948d; opacity:.75; }
.woocommerce ul.products li.product .price ins { text-decoration:none; }
.woocommerce span.onsale {
  min-width:0 !important; min-height:0 !important; line-height:1 !important; margin:14px !important; padding:8px 10px !important;
  border-radius:999px !important; background:var(--dr-charcoal-deep) !important; color:white !important; font-size:10px !important; letter-spacing:.1em; text-transform:uppercase;
}
.woocommerce ul.products li.product .button { width:100%; margin-top:2px !important; }
.woocommerce a.added_to_cart { display:block; text-align:center; margin-top:9px; color:var(--dr-gold); font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.07em; }

/* Single product */
.woocommerce div.product { padding:42px 0 80px; }
.woocommerce div.product div.images img { border-radius:20px; background:#f2ebe5; }
.woocommerce div.product .product_title { font-size:clamp(40px,5vw,68px); line-height:1.05; margin:6px 0 14px; }
.woocommerce div.product p.price, .woocommerce div.product span.price { color:var(--dr-gold); font-size:24px; }
.woocommerce div.product .woocommerce-product-details__short-description { color:#6e6862; }
.woocommerce div.product form.cart { display:flex; gap:10px; align-items:center; margin-top:28px; }
.woocommerce .quantity .qty { min-height:48px; border:1px solid var(--dr-line); border-radius:999px; background:white; }
.woocommerce div.product .woocommerce-tabs ul.tabs { padding:0 !important; border-bottom:1px solid var(--dr-line); }
.woocommerce div.product .woocommerce-tabs ul.tabs::before { display:none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li { border:0 !important; background:transparent !important; margin:0 24px 0 0 !important; padding:0 !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a { padding:15px 0 !important; font-size:12px; text-transform:uppercase; letter-spacing:.08em; }

/* Cart / checkout */
.woocommerce table.shop_table { border:1px solid var(--dr-line); border-radius:16px; overflow:hidden; background:white; }
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select, .select2-container--default .select2-selection--single {
  border:1px solid var(--dr-line); background:white; border-radius:12px; padding:12px 14px; min-height:48px;
}
.woocommerce-info, .woocommerce-message { border-top-color:var(--dr-gold); background:#fffaf4; }
.woocommerce-info::before, .woocommerce-message::before { color:var(--dr-gold); }

/* Generic content */
.dr-main { min-height:55vh; padding:40px 0 80px; }
.entry-header { margin-bottom:28px; }
.entry-title { font-size:clamp(40px,5vw,68px); margin:0; }
.entry-content { max-width:840px; }
.dr-fullwidth .entry-content { max-width:none; }

/* Footer */
.site-footer { background:var(--dr-charcoal-deep); color:rgba(255,255,255,.78); padding:70px 0 26px; }
.dr-footer-grid { display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:60px; }
.dr-footer-logo { max-width:260px; filter:none; margin-bottom:20px; background:var(--dr-ivory-soft); padding:8px; border-radius:14px; }
.dr-footer-title { color:white; font-size:14px; text-transform:uppercase; letter-spacing:.13em; margin:0 0 16px; font-family:inherit; font-weight:700; }
.site-footer ul { list-style:none; margin:0; padding:0; }
.site-footer li { margin:8px 0; }
.site-footer a:hover { color:var(--dr-gold-soft); }
.dr-footer-bottom { border-top:1px solid rgba(255,255,255,.1); margin-top:48px; padding-top:20px; display:flex; justify-content:space-between; gap:20px; font-size:12px; }

/* Reveal animation */
.dr-reveal { opacity:0; transform:translateY(18px); transition:opacity .65s ease, transform .65s ease; }
.dr-reveal.is-visible { opacity:1; transform:none; }
@media (prefers-reduced-motion: reduce) { * { scroll-behavior:auto !important; } .dr-reveal { opacity:1; transform:none; transition:none; } }

/* Responsive */
@media (max-width: 1024px) {
  .dr-header-inner { grid-template-columns:auto 1fr auto; }
  .dr-brand { justify-self:start; }
  .dr-nav { display:none; position:absolute; top:100%; left:0; right:0; background:var(--dr-white); border-bottom:1px solid var(--dr-line); padding:22px; }
  .dr-nav.is-open { display:block; }
  .dr-nav ul { flex-direction:column; align-items:flex-start; gap:16px; }
  .dr-menu-toggle { display:block; justify-self:end; }
  .dr-header-actions { gap:12px; }
  .dr-account-label, .dr-cart-label { display:none; }
  .dr-hero-inner { grid-template-columns:1fr; min-height:auto; gap:20px; padding-block:70px; }
  .dr-hero-art { min-height:360px; }
  .woocommerce ul.products { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width: 760px) {
  .dr-container { width:min(calc(100% - 28px), var(--dr-container)); }
  .dr-announcement { font-size:10px; min-height:34px; }
  .dr-header-inner { min-height:72px; gap:12px; }
  .dr-brand img, .custom-logo { max-height:48px; max-width:190px; }
  .dr-hero h1 { font-size:51px; }
  .dr-hero p { font-size:16px; }
  .dr-hero-art { min-height:285px; }
  .dr-hero-logo-card { padding:20px; border-radius:20px; }
  .dr-section { padding:65px 0; }
  .dr-section-head { display:block; }
  .dr-section-head p { margin-top:14px; }
  .dr-values { grid-template-columns:1fr; }
  .woocommerce ul.products { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 12px; }
  .woocommerce ul.products li.product .woocommerce-loop-product__title { font-size:18px !important; }
  .woocommerce ul.products li.product .button { padding:11px 12px !important; font-size:10px !important; min-height:44px; }
  .woocommerce div.product form.cart { align-items:stretch; }
  .dr-footer-grid { grid-template-columns:1fr; gap:34px; }
  .dr-footer-bottom { flex-direction:column; }
}
@media (max-width: 420px) {
  .dr-header-actions .dr-account { display:none; }
  .dr-hero-actions .dr-button { width:100%; }
}


/* Fully editable / page-builder compatibility */
.dr-builder-page,
.dr-elementor-full-width,
.dr-builder-content,
.dr-elementor-full-width > article {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}
.dr-builder-content > .elementor,
.dr-elementor-full-width .elementor { width: 100%; }
.dr-built-with-elementor .entry-title,
.dr-built-with-elementor .entry-header { display: none; }
.dr-blank-canvas { margin: 0; padding: 0; }

/* Gutenberg full/wide alignment support */
.entry-content .alignwide {
  width: min(calc(100vw - 40px), 1240px);
  max-width: none;
  margin-left: 50%;
  transform: translateX(-50%);
}
.entry-content .alignfull {
  width: 100vw;
  max-width: none;
  margin-left: 50%;
  transform: translateX(-50%);
}


/* ==========================================================
   Dermo Rise 1.2 — Premium 3D Motion + Menu Logo Lockup
   ========================================================== */
:root {
  --dr-motion-scale: 1;
  --dr-rx: 0deg;
  --dr-ry: 0deg;
  --dr-z: 0px;
  --dr-glare-x: 50%;
  --dr-glare-y: 50%;
  --dr-glare-opacity: 0;
}

/* Premium menu composition: monogram left, menu centred, commerce right. */
.site-header {
  isolation: isolate;
  overflow: visible;
  background: rgba(251,247,242,.84);
  backdrop-filter: blur(18px) saturate(125%);
  -webkit-backdrop-filter: blur(18px) saturate(125%);
}
.dr-header-glow {
  position: absolute;
  inset: auto 0 -1px 0;
  height: 1px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent 5%, rgba(189,141,76,.18) 28%, rgba(189,141,76,.6) 50%, rgba(189,141,76,.18) 72%, transparent 95%);
  opacity: .55;
}
.dr-header-inner {
  min-height: 94px;
  grid-template-columns: auto minmax(300px,1fr) auto;
  gap: 34px;
  transition: min-height .35s cubic-bezier(.2,.7,.2,1);
}
.site-header.is-scrolled .dr-header-inner { min-height: 76px; }
.dr-brand-wrap { justify-self: start; min-width: 220px; }
.dr-brand-lockup {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 6px 10px 6px 6px;
  border-radius: 18px;
  transform-style: preserve-3d;
  will-change: transform;
  transition: transform .28s cubic-bezier(.2,.7,.2,1), background .28s ease, box-shadow .28s ease;
}
.dr-brand-lockup:hover {
  background: rgba(255,253,249,.62);
  box-shadow: 0 13px 35px rgba(56,44,31,.08);
}
.dr-brand-emblem {
  position: relative;
  flex: 0 0 auto;
  width: 62px;
  height: 62px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: var(--dr-ivory-soft);
  border: 1px solid rgba(189,141,76,.28);
  box-shadow: 0 9px 28px rgba(43,36,30,.12), inset 0 0 0 5px rgba(255,255,255,.35);
  transform: translateZ(18px);
  transition: width .35s ease, height .35s ease, box-shadow .35s ease;
}
.site-header.is-scrolled .dr-brand-emblem { width: 50px; height: 50px; }
.dr-menu-logo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transform: scale(1.035) translateZ(8px);
  border-radius: 50%;
}
.dr-logo-ring {
  position: absolute;
  z-index: 2;
  inset: 3px;
  border-radius: 50%;
  border: 1px solid rgba(189,141,76,.48);
  box-shadow: inset 0 0 16px rgba(189,141,76,.10);
  pointer-events: none;
}
.dr-motion-on .dr-logo-ring::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  top: -4px;
  left: 50%;
  background: linear-gradient(145deg, #f3d39b, var(--dr-gold));
  box-shadow: 0 0 16px rgba(189,141,76,.5);
  animation: dr-logo-orbit 7s linear infinite;
  transform-origin: 0 calc(31px + 4px);
}
@keyframes dr-logo-orbit { to { transform: rotate(360deg); } }
.dr-brand-copy {
  display: grid;
  line-height: 1;
  transform: translateZ(12px);
}
.dr-brand-copy strong {
  font-family: "Bodoni 72", Didot, "Times New Roman", Georgia, serif;
  font-size: 19px;
  font-weight: 500;
  letter-spacing: .16em;
  color: var(--dr-charcoal-deep);
  white-space: nowrap;
}
.dr-brand-copy small {
  margin-top: 7px;
  font-size: 8px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: .24em;
  color: var(--dr-gold);
  white-space: nowrap;
}
.dr-nav { justify-self: center; }
.dr-nav ul { gap: 31px; }
.dr-nav li { position: relative; }
.dr-nav a {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  transition: color .25s ease, transform .25s ease;
}
.dr-nav a::after {
  content: "";
  position: absolute;
  left: 50%;
  right: 50%;
  bottom: 5px;
  height: 1px;
  background: var(--dr-gold);
  transition: left .28s ease, right .28s ease;
}
.dr-nav a:hover::after,
.dr-nav .current-menu-item > a::after,
.dr-nav .current_page_item > a::after { left: 0; right: 0; }
.dr-nav a:hover { transform: translateY(-1px); }
.dr-header-actions { min-width: 150px; }
.dr-header-actions a { position: relative; }
.dermorise-cart-count {
  box-shadow: 0 6px 16px rgba(189,141,76,.25);
  transition: transform .25s ease;
}
.dr-cart-link:hover .dermorise-cart-count { transform: translateY(-2px) scale(1.08); }

/* Announcement micro-motion. */
.dr-announcement { overflow: hidden; }
.dr-announcement span { position: relative; }
.dr-motion-on .dr-announcement span::after {
  content: "";
  position: absolute;
  top: -8px;
  bottom: -8px;
  width: 50px;
  left: -70px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.18), transparent);
  transform: skewX(-18deg);
  animation: dr-announcement-shine 7s ease-in-out infinite;
}
@keyframes dr-announcement-shine { 0%,72% { left:-70px; } 88%,100% { left:calc(100% + 70px); } }

/* Hero gains layered depth instead of a flat image card. */
.dr-hero { perspective: 1300px; }
.dr-hero::before {
  content: "";
  position: absolute;
  width: 260px;
  height: 260px;
  left: 54%;
  top: 8%;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, rgba(255,255,255,.8), rgba(189,141,76,.17) 48%, rgba(189,141,76,0) 72%);
  filter: blur(1px);
  transform: translate3d(var(--dr-hero-x,0px), var(--dr-hero-y,0px), 0);
  transition: transform .2s ease-out;
  pointer-events: none;
}
.dr-hero::after {
  transform: translate3d(calc(var(--dr-hero-x,0px) * -.35), calc(var(--dr-hero-y,0px) * -.35), 0);
  transition: transform .2s ease-out;
}
.dr-hero-art {
  transform: translate3d(var(--dr-hero-shift-x,0px), calc(var(--dr-hero-shift-y,0px) + var(--dr-hero-scroll-y,0px)), 0);
  transition: transform .24s ease-out;
  transform-style: preserve-3d;
}
.dr-hero-art::before {
  transform: rotate(-5deg) translateZ(-20px);
  transition: transform .45s cubic-bezier(.2,.7,.2,1), border-radius .45s ease;
}
.dr-hero-art:hover::before { transform: rotate(-2deg) translateZ(-20px) scale(1.02); }
.dr-hero-logo-card {
  overflow: hidden;
  transform-style: preserve-3d;
  backface-visibility: hidden;
  will-change: transform;
  border-color: rgba(255,255,255,.92);
  box-shadow: 0 35px 95px rgba(58,48,36,.17), 0 5px 12px rgba(189,141,76,.08);
}
.dr-hero-logo-card img {
  transform: translateZ(34px) scale(1.015);
  transition: transform .5s cubic-bezier(.2,.7,.2,1);
}
.dr-hero-logo-card:hover img { transform: translateZ(42px) scale(1.035); }

/* Shared interactive 3D surface. JS updates the CSS variables only on fine pointers. */
.dr-tilt-target {
  --dr-rx: 0deg;
  --dr-ry: 0deg;
  --dr-z: 0px;
  --dr-glare-x: 50%;
  --dr-glare-y: 50%;
  --dr-glare-opacity: 0;
  transform-style: preserve-3d;
  backface-visibility: hidden;
  will-change: transform;
}
.dr-motion-on .dr-brand-lockup.dr-tilt-target {
  transform: perspective(850px) rotateX(var(--dr-rx)) rotateY(var(--dr-ry)) translate3d(0,0,var(--dr-z));
}
.dr-motion-on .dr-hero-logo-card.dr-tilt-target {
  transform: perspective(1100px) rotateZ(2deg) rotateX(var(--dr-rx)) rotateY(var(--dr-ry)) translate3d(0,0,var(--dr-z));
  transition: transform .18s ease-out, box-shadow .35s ease;
}
.dr-motion-on .woocommerce ul.products li.product.dr-tilt-target,
.dr-motion-on .woocommerce ul.products li.product-category.dr-tilt-target,
.dr-motion-on .dr-value.dr-tilt-target,
.dr-motion-on .dr-3d.dr-tilt-target {
  transform: perspective(1000px) rotateX(var(--dr-rx)) rotateY(var(--dr-ry)) translate3d(0,0,var(--dr-z));
  transition: transform .18s ease-out, box-shadow .3s ease, border-color .3s ease;
}
.dr-tilt-target::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 8;
  pointer-events: none;
  opacity: var(--dr-glare-opacity);
  background: radial-gradient(circle at var(--dr-glare-x) var(--dr-glare-y), rgba(255,255,255,.48) 0, rgba(255,255,255,.13) 18%, transparent 48%);
  transition: opacity .28s ease;
  border-radius: inherit;
}

/* WooCommerce cards now feel like floating cosmetic display plinths. */
.woocommerce ul.products li.product,
.woocommerce ul.products li.product-category {
  border-radius: 22px;
  padding: 10px 10px 20px !important;
  border: 1px solid transparent;
  transform-origin: center;
}
.woocommerce ul.products li.product:hover,
.woocommerce ul.products li.product-category:hover {
  background: rgba(255,253,249,.62);
  border-color: rgba(189,141,76,.16);
  box-shadow: 0 24px 58px rgba(52,43,34,.10);
}
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link { display: block; transform-style: preserve-3d; }
.woocommerce ul.products li.product a img {
  transform: translateZ(18px);
  transition: transform .36s cubic-bezier(.2,.7,.2,1), box-shadow .36s ease, filter .36s ease;
}
.woocommerce ul.products li.product:hover a img {
  transform: translateZ(34px) translateY(-3px) scale(1.012);
  box-shadow: 0 22px 52px rgba(60,49,38,.14);
  filter: saturate(1.035) contrast(1.015);
}
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .added_to_cart { position: relative; z-index: 3; transform: translateZ(14px); }
.woocommerce span.onsale { z-index: 6; transform: translateZ(28px); }

/* Experience cards gain a soft glass/3D finish. */
.dr-values { overflow: visible; gap: 18px; background: transparent; border: 0; }
.dr-value {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--dr-line);
  border-radius: var(--dr-radius);
  box-shadow: 0 10px 35px rgba(60,49,38,.055);
}
.dr-value > * { position: relative; z-index: 2; transform: translateZ(18px); }
.dr-value:hover { border-color: rgba(189,141,76,.24); box-shadow: 0 24px 60px rgba(60,49,38,.10); }

/* Buttons receive subtle magnetic movement without becoming flashy. */
.dr-button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
  --dr-btn-x: 0px;
  --dr-btn-y: 0px;
  --dr-btn-lift: 0px;
  transform: translate3d(var(--dr-btn-x), calc(var(--dr-btn-y) + var(--dr-btn-lift)), 0);
  will-change: transform;
}
.dr-button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover { --dr-btn-lift: -2px; }

/* Elementor: add CSS class "dr-3d" to any container/widget to opt into the same 3D tilt. */
.dr-3d { position: relative; border-radius: inherit; }

/* Motion off / accessibility always wins. */
.dr-motion-off .dr-tilt-target,
.dr-motion-off .dr-hero-art,
.dr-motion-off .dr-hero::before,
.dr-motion-off .dr-hero::after,
.dr-motion-off .dr-button,
.dr-motion-off .woocommerce a.button,
.dr-motion-off .woocommerce button.button { transform: none !important; }

@media (max-width: 1180px) {
  .dr-header-inner { grid-template-columns: auto 1fr auto; gap: 20px; }
  .dr-brand-wrap { min-width: 0; }
  .dr-nav ul { gap: 22px; }
  .dr-brand-copy small { display: none; }
}
@media (max-width: 1024px) {
  .dr-header-inner { min-height: 80px; }
  .site-header.is-scrolled .dr-header-inner { min-height: 70px; }
  .dr-brand-emblem { width: 54px; height: 54px; }
  .site-header.is-scrolled .dr-brand-emblem { width: 46px; height: 46px; }
  .dr-brand-copy strong { font-size: 17px; }
  .dr-nav { justify-self: stretch; top: 100%; box-shadow: 0 20px 45px rgba(45,38,31,.09); }
  .dr-nav ul { gap: 13px; }
  .dr-nav a { min-height: 34px; }
  .dr-nav a::after { bottom: 1px; }
}
@media (max-width: 620px) {
  .dr-header-inner { min-height: 72px; }
  .dr-brand-lockup { gap: 8px; padding-left: 2px; }
  .dr-brand-emblem { width: 49px; height: 49px; }
  .site-header.is-scrolled .dr-brand-emblem { width: 44px; height: 44px; }
  .dr-brand-copy strong { font-size: 14px; letter-spacing: .13em; }
  .dr-brand-copy small { display: none; }
  .dr-header-actions { min-width: auto; }
}
@media (max-width: 440px) {
  .dr-brand-copy { display: none; }
  .dr-brand-emblem { width: 52px; height: 52px; }
}

@media (prefers-reduced-motion: reduce) {
  .dr-motion-on .dr-logo-ring::after,
  .dr-motion-on .dr-announcement span::after { animation: none !important; }
  .dr-tilt-target,
  .dr-hero-art,
  .dr-hero::before,
  .dr-hero::after,
  .dr-button,
  .woocommerce a.button,
  .woocommerce button.button { transform: none !important; transition-duration: .01ms !important; }
}


/* ==========================================================
   Dermo Rise 1.3 — Inovexa-style Elementor Preserve Design
   ========================================================== */
.dr-elementor-render,
.dr-elementor-render > article,
.dr-elementor-active-page .dr-elementor-render {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}
.dr-elementor-render .elementor,
.dr-elementor-render .elementor-section-wrap,
.dr-elementor-render .e-con,
.dr-elementor-render .e-con-full {
  max-width: none;
}
.dr-elementor-active-page .dr-main,
.dr-elementor-active-page .dr-container,
.dr-elementor-active-page .entry-content {
  max-width: none;
}
.dr-elementor-active-page .entry-header,
.dr-elementor-active-page .entry-title {
  display: none;
}
.dr-elementor-canvas {
  margin: 0;
  padding: 0;
}


/* ==========================================================
   DERMO RISE 1.7 — PROFESSIONAL EDITABLE ELEMENTOR HEADER
   Content remains editable in Elementor / Header Footer Builder.
   Theme CSS provides a premium default without locking widget controls.
   ========================================================== */
.dr-uae-utility-bar {
  position: relative;
  z-index: 10002;
  background: #151515;
  border-bottom: 1px solid rgba(198,161,91,.24);
  min-height: 29px;
}
.dr-uae-utility-bar .elementor-widget-text-editor,
.dr-uae-utility-bar .elementor-widget-text-editor p { margin: 0; }
.dr-uae-utility-brand p,
.dr-uae-utility-care p,
.dr-uae-utility-contact p {
  font-size: 9.5px;
  line-height: 1.45;
  letter-spacing: .9px;
  text-transform: uppercase;
}
.dr-uae-utility-brand p { color: #E7C98A; font-weight: 750; }
.dr-uae-utility-care p { color: #F7F1E8; text-align: center; font-weight: 600; letter-spacing: 1.45px; }
.dr-uae-utility-contact p { color: #F7F1E8; text-align: right; font-weight: 500; text-transform: none; letter-spacing: .15px; }
.dr-uae-utility-contact a { color: inherit; opacity: .92; }
.dr-uae-utility-contact a:hover { color: #E7C98A; opacity: 1; }
.dr-uae-utility-brand span,
.dr-uae-utility-contact span { color: rgba(231,201,138,.48); margin: 0 7px; }

.dr-uae-header-main {
  position: sticky;
  top: 0;
  z-index: 10001;
  overflow: visible;
  background: rgba(255,254,251,.95);
  border-bottom: 1px solid rgba(198,161,91,.26);
  box-shadow: 0 10px 32px rgba(38,28,16,.065);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}
.dr-uae-header-main:before {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: -1px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(198,161,91,.50), transparent);
  pointer-events: none;
}
.dr-uae-logo-col > .elementor-column-wrap,
.dr-uae-logo-col > .elementor-widget-wrap,
.dr-uae-nav-col > .elementor-column-wrap,
.dr-uae-nav-col > .elementor-widget-wrap,
.dr-uae-actions > .elementor-column-wrap,
.dr-uae-actions > .elementor-widget-wrap { align-content: center; align-items: center; }

.dr-uae-logo-pro { display: inline-block; }
.dr-uae-logo-pro img {
  width: 154px;
  max-height: 62px;
  object-fit: contain;
  filter: drop-shadow(0 5px 9px rgba(24,19,13,.08));
  transition: transform .22s ease, filter .22s ease;
}
.dr-uae-logo-pro:hover img { transform: translateY(-1px); filter: drop-shadow(0 8px 12px rgba(198,161,91,.12)); }

/* Main navigation: refined title-case links with a gold active indicator. */
.dr-uae-nav .hfe-nav-menu > li > a,
.dr-uae-nav nav > ul > li > a,
.dr-uae-nav .menu > li > a {
  position: relative;
  min-height: 46px;
  padding: 12px 10px;
  color: #26221F;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .12px;
  text-transform: none;
  border-radius: 8px;
  transition: color .2s ease, background .2s ease;
}
.dr-uae-nav .hfe-nav-menu > li > a:after,
.dr-uae-nav nav > ul > li > a:after,
.dr-uae-nav .menu > li > a:after {
  content: "";
  position: absolute;
  left: 22%; right: 22%; bottom: 5px;
  height: 2px;
  border-radius: 99px;
  background: linear-gradient(90deg,#A97730,#D8B66D);
  opacity: 0;
  transform: scaleX(.5);
  transition: opacity .2s ease, transform .2s ease;
}
.dr-uae-nav .hfe-nav-menu > li:hover > a,
.dr-uae-nav nav > ul > li:hover > a,
.dr-uae-nav .menu > li:hover > a,
.dr-uae-nav .current-menu-item > a,
.dr-uae-nav .current-menu-ancestor > a {
  color: #9B6B2B;
  background: rgba(198,161,91,.055);
}
.dr-uae-nav .hfe-nav-menu > li:hover > a:after,
.dr-uae-nav nav > ul > li:hover > a:after,
.dr-uae-nav .menu > li:hover > a:after,
.dr-uae-nav .current-menu-item > a:after,
.dr-uae-nav .current-menu-ancestor > a:after { opacity: 1; transform: scaleX(1); }

.dr-uae-nav .sub-menu,
.dr-uae-nav .hfe-sub-menu {
  min-width: 220px;
  padding: 9px;
  border: 1px solid rgba(198,161,91,.24);
  border-radius: 14px;
  background: rgba(255,254,251,.985);
  box-shadow: 0 20px 50px rgba(48,33,16,.13);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}
.dr-uae-nav .sub-menu li a,
.dr-uae-nav .hfe-sub-menu li a {
  padding: 10px 12px;
  border-radius: 9px;
  color: #302A25;
  font-size: 12.5px;
  transition: color .18s ease, background .18s ease, padding-left .18s ease;
}
.dr-uae-nav .sub-menu li a:hover,
.dr-uae-nav .hfe-sub-menu li a:hover {
  color: #9B6B2B;
  background: rgba(198,161,91,.09);
  padding-left: 16px;
}

/* Header Footer Builder mobile toggle. */
.dr-uae-nav .hfe-nav-menu__toggle,
.dr-uae-nav .hfe-nav-menu-icon {
  color:#26221F;
  border:1px solid rgba(198,161,91,.28);
  border-radius:10px;
  background:rgba(255,255,255,.72);
  box-shadow:0 6px 16px rgba(48,33,16,.06);
}
.dr-uae-nav .hfe-nav-menu__toggle:hover,
.dr-uae-nav .hfe-nav-menu-icon:hover { color:#9B6B2B; border-color:rgba(198,161,91,.55); }

/* Account / Wishlist / Cart are normal editable Elementor Icon List widgets. */
.dr-uae-actions-inner .elementor-container { align-items: center; }
.dr-uae-action-item .elementor-icon-list-items { margin: 0; }
.dr-uae-action-item .elementor-icon-list-item { justify-content: center; margin: 0; }
.dr-uae-action-item .elementor-icon-list-item a {
  min-width: 58px;
  min-height: 48px;
  padding: 5px 6px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  border: 1px solid transparent;
  border-radius: 12px;
  background: transparent;
  transition: background .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.dr-uae-action-item .elementor-icon-list-icon { margin: 0; }
.dr-uae-action-item .elementor-icon-list-icon i,
.dr-uae-action-item .elementor-icon-list-icon svg { color: #24211E; fill: #24211E; font-size: 17px; }
.dr-uae-action-item .elementor-icon-list-text { padding: 0; color: #4A433D; font-size: 9px; font-weight: 650; line-height: 1; letter-spacing: .1px; }
.dr-uae-action-item .elementor-icon-list-item a:hover {
  border-color: rgba(198,161,91,.28);
  background: rgba(198,161,91,.07);
  box-shadow: 0 7px 18px rgba(48,33,16,.06);
  transform: translateY(-1px);
}
.dr-uae-action-item .elementor-icon-list-item a:hover i,
.dr-uae-action-item .elementor-icon-list-item a:hover svg,
.dr-uae-action-item .elementor-icon-list-item a:hover .elementor-icon-list-text { color: #9B6B2B; fill: #9B6B2B; }

/* Do not make sticky positioning interfere with the Elementor editor. */
.elementor-editor-active .dr-uae-header-main { position: relative; }
.elementor-editor-active .dr-uae-logo-pro img,
.elementor-editor-active .dr-uae-action-item a { transform: none; }

@media(max-width:1100px){
  .dr-uae-utility-care { display:none; }
  .dr-uae-utility-bar .elementor-column:first-child,
  .dr-uae-utility-bar .elementor-column:last-child { width:50%; }
  .dr-uae-logo-col { width:20%; }
  .dr-uae-nav-col { width:55%; }
  .dr-uae-actions { width:25%; }
  .dr-uae-action-item .elementor-icon-list-text { display:none; }
  .dr-uae-action-item .elementor-icon-list-item a { min-width:42px; min-height:42px; }
}
@media(max-width:900px){
  .dr-uae-logo-col { width:34%; }
  .dr-uae-nav-col { width:36%; }
  .dr-uae-actions { width:30%; }
  .dr-uae-logo-pro img { width:128px; max-height:54px; }
}
@media(max-width:767px){
  .dr-uae-utility-bar .elementor-container { display:block; }
  .dr-uae-utility-bar .elementor-column { width:100%; }
  .dr-uae-utility-brand { display:none; }
  .dr-uae-utility-contact p { text-align:center; font-size:9px; }
  .dr-uae-header-main > .elementor-container,
  .dr-uae-header-main .elementor-container:first-child { display:flex; flex-wrap:nowrap; align-items:center; }
  .dr-uae-logo-col { width:38%; }
  .dr-uae-nav-col { width:25%; }
  .dr-uae-actions { width:37%; }
  .dr-uae-logo-pro img { width:112px; max-height:50px; }
  .dr-uae-action-wishlist { display:none; }
}
@media(max-width:480px){
  .dr-uae-logo-col { width:42%; }
  .dr-uae-nav-col { width:26%; }
  .dr-uae-actions { width:32%; }
  .dr-uae-action-account { display:none; }
  .dr-uae-action-cart .elementor-icon-list-item a { min-width:46px; }
}
@media(prefers-reduced-motion:reduce){
  .dr-uae-logo-pro img,.dr-uae-action-item a{transition:none;transform:none;}
}

/* Dermo Rise compact fallback header — automatically hidden whenever UAE or
   Elementor Pro renders a builder header instead. */
.dr-fallback-announcement { background:#171717; color:#f8f3eb; border-bottom:1px solid rgba(198,161,91,.18); }
.dr-fallback-announcement-inner { min-height:34px; display:flex; align-items:center; justify-content:space-between; gap:18px; color:#e6c989; font-size:10px; font-weight:800; letter-spacing:.9px; text-transform:uppercase; }
.dr-fallback-contact { display:flex; gap:16px; text-transform:none; letter-spacing:.2px; font-weight:600; }
.dr-fallback-contact a { color:#f8f3eb; }
.dr-fallback-header { position:sticky; top:0; z-index:9998; background:rgba(255,253,249,.93); border-bottom:1px solid rgba(210,195,175,.62); backdrop-filter:blur(18px); box-shadow:0 10px 35px rgba(49,36,19,.07); }
.dr-fallback-header-inner { min-height:76px; display:flex; align-items:center; gap:24px; }
.dr-fallback-logo { position:relative; width:145px; padding:6px 10px; display:flex; align-items:center; justify-content:center; border:1px solid rgba(198,161,91,.28); border-radius:17px; background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(248,241,231,.74)); box-shadow:0 7px 21px rgba(58,39,15,.075); transform-style:preserve-3d; transition:.28s ease; }
.dr-fallback-logo:after { content:"+"; position:absolute; right:-7px; top:-8px; width:19px; height:19px; display:grid; place-items:center; border-radius:50%; background:#171717; color:#e6c989; border:1px solid rgba(230,201,137,.44); font-size:11px; font-weight:800; }
.dr-fallback-logo img { width:112px; max-height:45px; object-fit:contain; filter:drop-shadow(0 5px 8px rgba(0,0,0,.10)); transition:.28s ease; }
.dr-fallback-logo:hover { transform:perspective(850px) translateY(-3px) rotateX(4deg) rotateY(-5deg); border-color:rgba(198,161,91,.62); box-shadow:0 13px 28px rgba(198,161,91,.15); }
.dr-fallback-nav { flex:1; }
.dr-fallback-nav .menu { list-style:none; margin:0; padding:0; display:flex; align-items:center; justify-content:center; gap:24px; }
.dr-fallback-nav .menu > li { position:relative; }
.dr-fallback-nav .menu > li > a { display:block; padding:27px 0; color:#252525; font-size:11.5px; font-weight:750; letter-spacing:.55px; text-transform:uppercase; }
.dr-fallback-nav .menu > li > a:hover { color:#a67631; }
.dr-fallback-nav .sub-menu { display:none; position:absolute; left:50%; top:68px; transform:translateX(-50%); min-width:220px; list-style:none; margin:0; padding:10px; border:1px solid rgba(198,161,91,.24); border-radius:16px; background:#fffdf9; box-shadow:0 24px 55px rgba(47,31,12,.14); }
.dr-fallback-nav li:hover > .sub-menu { display:block; }
.dr-fallback-nav .sub-menu a { display:block; padding:10px 12px; color:#252525; font-size:12px; }
.dr-fallback-actions { display:flex; align-items:center; gap:7px; }
.dr-fallback-actions > a { position:relative; width:38px; height:38px; display:grid; place-items:center; border:1px solid #ded3c5; border-radius:50%; background:rgba(255,255,255,.80); color:#211e1a; font-size:17px; transition:.24s ease; }
.dr-fallback-actions > a:hover { color:#a77833; border-color:#c6a15b; transform:perspective(650px) translateY(-4px) rotateX(7deg) rotateY(-7deg); box-shadow:0 12px 24px rgba(198,161,91,.17); }
.dr-fallback-actions .dermorise-cart-count { position:absolute; right:-3px; top:-4px; min-width:17px; height:17px; display:grid; place-items:center; border-radius:99px; background:#c6a15b; color:#171717; border:2px solid #fff; font-size:8px; font-weight:900; }
@media(max-width:900px){ .dr-fallback-nav{display:none}.dr-fallback-header-inner{min-height:68px}.dr-fallback-logo{width:132px}.dr-fallback-logo img{width:100px}.dr-fallback-actions{margin-left:auto} }
@media(max-width:600px){ .dr-fallback-announcement-inner{justify-content:center}.dr-fallback-announcement-inner>span:first-child{display:none}.dr-fallback-contact{gap:9px;flex-wrap:wrap;justify-content:center}.dr-fallback-actions>a:nth-child(1),.dr-fallback-actions>a:nth-child(2){display:none} }


/* ==========================================================
   DERMO RISE 1.7 — PROFESSIONAL EDITABLE ELEMENTOR FOOTER
   ========================================================== */
.dr-uae-prefooter {
  position: relative;
  border-top: 1px solid rgba(198,161,91,.24);
  border-bottom: 1px solid rgba(198,161,91,.24);
  background: linear-gradient(135deg,#F8F3EB,#F3EBDD);
}
.dr-uae-prefooter-title .elementor-heading-title { color:#25211D; font-size:24px; font-weight:500; letter-spacing:.1px; }
.dr-uae-prefooter-copy { color:#6E675F; font-size:13px; max-width:680px; }
.dr-uae-prefooter-copy p { margin:0; }
.dr-uae-prefooter-actions .elementor-container { align-items:center; }
.dr-uae-prefooter-button .elementor-button {
  width:100%;
  border-radius:999px;
  padding:11px 17px;
  font-size:11px;
  font-weight:750;
  letter-spacing:.25px;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}
.dr-uae-prefooter-button-primary .elementor-button { background:linear-gradient(135deg,#B9873E,#D9B56C); color:#151515; box-shadow:0 8px 20px rgba(185,135,62,.15); }
.dr-uae-prefooter-button-secondary .elementor-button { background:transparent; color:#5A4426; border:1px solid rgba(169,119,48,.46); }
.dr-uae-prefooter-button .elementor-button:hover { transform:translateY(-1px); box-shadow:0 10px 24px rgba(55,37,17,.11); }

.dr-uae-footer-main,
.dr-uae-footer-benefits,
.dr-uae-footer-bottom { position:relative; overflow:hidden; }
.dr-uae-footer-main:before {
  content:"";
  position:absolute;
  width:320px;height:320px;
  right:-160px;top:-160px;
  border-radius:50%;
  border:1px solid rgba(198,161,91,.08);
  background:radial-gradient(circle,rgba(198,161,91,.07),transparent 68%);
  pointer-events:none;
}
.dr-uae-footer-main .elementor-widget-text-editor p,
.dr-uae-footer-bottom .elementor-widget-text-editor p,
.dr-uae-footer-benefits .elementor-widget-text-editor p { margin:0; }
.dr-uae-footer-logo {
  display:inline-block;
  padding:9px 12px;
  border:1px solid rgba(198,161,91,.22);
  border-radius:14px;
  background:#F9F4EC;
  box-shadow:0 10px 24px rgba(0,0,0,.15);
}
.dr-uae-footer-logo img { width:155px; max-height:72px; object-fit:contain; }
.dr-uae-footer-copy { max-width:330px; color:#BDB5AB; font-size:13px; line-height:1.75; margin-top:15px; }
.dr-uae-footer-copy strong { color:#E5C786; font-weight:650; }
.dr-uae-footer-heading .elementor-heading-title { color:#E7C98A; font-size:11.5px; font-weight:800; text-transform:uppercase; letter-spacing:1.05px; }
.dr-uae-footer-list .elementor-icon-list-item { margin:0 0 7px; }
.dr-uae-footer-list .elementor-icon-list-text { color:#C8C0B7; font-size:12.5px; transition:color .18s ease,padding-left .18s ease; }
.dr-uae-footer-list .elementor-icon-list-icon { color:#C6A15B; font-size:8px; }
.dr-uae-footer-list .elementor-icon-list-item:hover .elementor-icon-list-text { color:#E7C98A; padding-left:2px; }
.dr-uae-footer-contact-list .elementor-icon-list-text { font-size:11.5px; word-break:break-word; }
.dr-uae-footer-contact-list .elementor-icon-list-icon { font-size:10px; }
.dr-uae-footer-support-copy { color:#BDB5AB; font-size:12.5px; line-height:1.7; margin-bottom:10px; }

.dr-uae-footer-socials { max-width:156px; margin-top:16px; }
.dr-uae-footer-socials .dr-uae-action-item .elementor-icon-list-text { display:none; }
.dr-uae-footer-socials .dr-uae-action-item .elementor-icon-list-item a {
  min-width:36px; min-height:36px; width:36px; height:36px;
  border:1px solid #3D3934;
  border-radius:50%;
  background:#1C1C1C;
}
.dr-uae-footer-socials .dr-uae-action-item .elementor-icon-list-icon i,
.dr-uae-footer-socials .dr-uae-action-item .elementor-icon-list-icon svg { color:#DDBA78; fill:#DDBA78; font-size:14px; }
.dr-uae-footer-socials .dr-uae-action-item .elementor-icon-list-item a:hover { border-color:#C6A15B; background:#24211D; transform:translateY(-1px); }

.dr-uae-footer-benefits { border-top:1px solid #35312D; border-bottom:1px solid #35312D; }
.dr-uae-benefit-col { border-right:1px solid #35312D; padding:19px 17px; text-align:center; }
.dr-uae-benefit-col:last-child { border-right:0; }
.dr-uae-benefit-title .elementor-heading-title { color:#DDBA78; font-size:10.5px; font-weight:800; text-transform:uppercase; letter-spacing:.75px; }
.dr-uae-benefit-copy { color:#9E9790; font-size:10.5px; }
.dr-uae-footer-copyright { color:#8F8981; font-size:10.5px; }
.dr-uae-footer-brandline { color:#9E9790; font-size:9.5px; text-align:right; letter-spacing:.7px; }
.dr-uae-footer-brandline span { color:#C6A15B; margin:0 4px; }

@media(max-width:1000px){
  .dr-uae-footer-main .elementor-column{width:50%;margin-bottom:28px}
  .dr-uae-prefooter .elementor-column:first-child{width:60%}
  .dr-uae-prefooter .elementor-column:last-child{width:40%}
}
@media(max-width:767px){
  .dr-uae-prefooter .elementor-column{width:100% !important;text-align:center}
  .dr-uae-prefooter-copy{margin:0 auto 16px}
  .dr-uae-footer-main .elementor-column{width:100%;}
  .dr-uae-footer-benefits .elementor-column{width:50%;}
  .dr-uae-benefit-col:nth-child(2){border-right:0}
  .dr-uae-footer-bottom .elementor-column{width:100%;text-align:center}
  .dr-uae-footer-brandline{text-align:center;margin-top:7px}
}
@media(max-width:520px){
  .dr-uae-footer-benefits .elementor-column{width:100%;}
  .dr-uae-benefit-col{border-right:0;border-bottom:1px solid #35312D}
}

/* Professional fallback footer mirrors the editable footer visually. */
.dr-fallback-footer { background:#151515; color:#BDB5AB; padding:58px 0 0; }
.dr-footer-grid-pro { grid-template-columns:1.3fr .78fr .9fr .95fr 1.1fr; gap:34px; }
.dr-footer-brand p,.dr-footer-support p { font-size:13px; line-height:1.75; }
.dr-footer-logo-frame { display:inline-block; padding:8px 11px; border:1px solid rgba(198,161,91,.25); border-radius:16px; background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(243,234,220,.90)); box-shadow:0 12px 28px rgba(0,0,0,.18); transition:.28s ease; }
.dr-footer-logo-frame:hover { transform:perspective(800px) translateY(-4px) rotateX(4deg) rotateY(-5deg); }
.dr-fallback-footer .dr-footer-logo { width:138px; max-width:138px; margin:0; padding:0; border-radius:0; background:transparent; }
.dr-footer-socials { display:flex; gap:8px; margin-top:16px; }
.dr-footer-socials a { width:34px; height:34px; display:grid; place-items:center; border:1px solid #3F3A34; border-radius:50%; color:#DDBA78; font-size:10px; font-weight:800; transition:.22s ease; }
.dr-footer-socials a:hover { color:#171717; background:#DDBA78; border-color:#DDBA78; transform:translateY(-3px); }
.dr-footer-contact-link { display:block; color:#E4C282; font-size:12px; margin:5px 0; word-break:break-word; }
.dr-footer-contact-btn { display:inline-block; margin-top:14px; padding:10px 15px; border-radius:999px; background:linear-gradient(135deg,#C6A15B,#E6C989); color:#171717 !important; font-size:10px; font-weight:800; }
.dr-footer-benefits-fallback { margin-top:42px; display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid #35312D; border-bottom:1px solid #35312D; }
.dr-footer-benefits-fallback > div { padding:20px 18px; text-align:center; border-right:1px solid #35312D; }
.dr-footer-benefits-fallback > div:last-child { border-right:0; }
.dr-footer-benefits-fallback strong { display:block; color:#DDBA78; font-size:11px; text-transform:uppercase; letter-spacing:.8px; }
.dr-footer-benefits-fallback span { display:block; color:#9E9790; font-size:10.5px; margin-top:5px; }
.dr-fallback-footer .dr-footer-bottom { margin-top:0; padding:18px 0; border-top:0; color:#8F8981; }

@media(max-width:1000px){
  .dr-footer-grid-pro{grid-template-columns:repeat(2,1fr)}
  .dr-uae-footer-main .elementor-column{width:50% !important;margin-bottom:28px}
}
@media(max-width:767px){
  .dr-uae-footer-main:after{display:none}
  .dr-uae-footer-main .elementor-column{width:100% !important}
  .dr-uae-footer-benefits .elementor-column{width:50% !important}
  .dr-uae-benefit-col:nth-child(2){border-right:0}
  .dr-uae-footer-bottom .elementor-column{width:100% !important;text-align:center}
  .dr-uae-footer-payments{text-align:center}
  .dr-footer-grid-pro{grid-template-columns:1fr}
  .dr-footer-benefits-fallback{grid-template-columns:repeat(2,1fr)}
  .dr-footer-benefits-fallback>div:nth-child(2){border-right:0}
}
@media(max-width:520px){
  .dr-uae-footer-benefits .elementor-column{width:100% !important}
  .dr-uae-benefit-col{border-right:0;border-bottom:1px solid #35312D}
  .dr-footer-benefits-fallback{grid-template-columns:1fr}
  .dr-footer-benefits-fallback>div{border-right:0;border-bottom:1px solid #35312D}
}
@media(prefers-reduced-motion:reduce){
  .dr-uae-nav a,.dr-fallback-nav a,.dr-uae-footer-logo,.dr-footer-logo-frame{transform:none!important;transition:none!important}
}


/* ==========================================================
   DERMO RISE 1.9 — LUXURY 3D UAE / ELEMENTOR HEADER
   The header remains composed of native editable Elementor/HFE widgets.
   These rules add depth and polish without replacing widget content.
   ========================================================== */
.dr-uae-utility-3d {
  position:relative;
  overflow:hidden;
  background:linear-gradient(90deg,#111 0%,#1d1a17 48%,#111 100%);
  box-shadow:inset 0 -1px 0 rgba(230,201,137,.16);
}
.dr-uae-utility-3d:after {
  content:"";
  position:absolute;
  left:8%; right:8%; bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(230,201,137,.58),transparent);
  opacity:.7;
  pointer-events:none;
}

.dr-uae-header-3d {
  position:sticky;
  top:0;
  z-index:10001;
  overflow:visible;
  background:linear-gradient(180deg,rgba(255,254,251,.97),rgba(249,243,234,.94));
  border-bottom:1px solid rgba(177,126,55,.28);
  box-shadow:0 14px 38px rgba(42,31,18,.10), inset 0 1px 0 rgba(255,255,255,.9);
  -webkit-backdrop-filter:blur(18px) saturate(125%);
  backdrop-filter:blur(18px) saturate(125%);
  perspective:1400px;
}
.dr-uae-header-3d:before {
  content:"";
  position:absolute;
  left:7%; right:7%; bottom:-1px;
  height:2px;
  background:linear-gradient(90deg,transparent 0%,#9f6f2d 20%,#e5c77f 50%,#9f6f2d 80%,transparent 100%);
  opacity:.58;
  filter:drop-shadow(0 2px 5px rgba(198,161,91,.32));
  pointer-events:none;
}
.dr-uae-header-3d > .elementor-container {
  position:relative;
  transform-style:preserve-3d;
}

/* Logo becomes a floating jewel-box, while remaining a normal Image widget. */
.dr-uae-logo-3d {
  position:relative;
  display:inline-block;
  padding:7px 13px;
  border:1px solid rgba(198,161,91,.34);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(244,235,222,.86));
  box-shadow:0 11px 22px rgba(54,38,18,.10), 0 2px 5px rgba(198,161,91,.12), inset 0 1px 0 #fff;
  transform-style:preserve-3d;
  transition:box-shadow .28s ease,border-color .28s ease,background .28s ease;
}
.dr-uae-logo-3d:before {
  content:"";
  position:absolute;
  inset:4px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.78);
  pointer-events:none;
}
.dr-uae-logo-3d:after {
  content:"+";
  position:absolute;
  right:-8px;
  top:-8px;
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:linear-gradient(145deg,#e4c47c,#a8732d);
  color:#171717;
  border:2px solid #fffdf9;
  box-shadow:0 7px 14px rgba(142,94,31,.24);
  font-size:11px;
  font-weight:900;
  pointer-events:none;
}
.dr-uae-logo-3d img {
  position:relative;
  z-index:2;
  transform:translateZ(16px);
}
.dr-uae-logo-3d:hover {
  border-color:rgba(198,161,91,.66);
  box-shadow:0 18px 34px rgba(54,38,18,.14), 0 5px 12px rgba(198,161,91,.18), inset 0 1px 0 #fff;
}

/* Navigation plate: light glass surface with restrained 3D hover. */
.dr-uae-nav-3d {
  position:relative;
  padding:3px 9px;
  border:1px solid rgba(198,161,91,.18);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.77),rgba(250,245,237,.62));
  box-shadow:0 9px 24px rgba(48,34,19,.055), inset 0 1px 0 rgba(255,255,255,.95);
  transform-style:preserve-3d;
}
.dr-uae-nav-3d .hfe-nav-menu > li > a,
.dr-uae-nav-3d nav > ul > li > a,
.dr-uae-nav-3d .menu > li > a {
  transform:translateZ(0);
  transition:color .2s ease,background .2s ease,transform .22s ease,box-shadow .22s ease;
}
.dr-uae-nav-3d .hfe-nav-menu > li:hover > a,
.dr-uae-nav-3d nav > ul > li:hover > a,
.dr-uae-nav-3d .menu > li:hover > a {
  transform:translateY(-2px) translateZ(8px);
  box-shadow:0 7px 14px rgba(169,119,48,.08);
}
.dr-uae-nav-3d .sub-menu,
.dr-uae-nav-3d .hfe-sub-menu {
  border:1px solid rgba(198,161,91,.32);
  background:linear-gradient(145deg,rgba(255,254,251,.995),rgba(248,240,229,.985));
  box-shadow:0 26px 60px rgba(44,30,13,.17), inset 0 1px 0 #fff;
  transform-origin:top center;
  transform:perspective(900px) rotateX(-2deg) translateY(4px);
}
.dr-uae-nav-3d .sub-menu li a:before,
.dr-uae-nav-3d .hfe-sub-menu li a:before {
  content:"";
  display:inline-block;
  width:5px;height:5px;
  margin-right:8px;
  border-radius:50%;
  background:linear-gradient(145deg,#e0bd72,#a7732d);
  box-shadow:0 2px 5px rgba(169,119,48,.24);
  vertical-align:middle;
}

/* Account / Wishlist / Cart become separate floating commerce buttons. */
.dr-uae-actions-3d { perspective:900px; }
.dr-uae-action-3d .elementor-icon-list-item a {
  position:relative;
  min-width:61px;
  min-height:51px;
  border:1px solid rgba(198,161,91,.26);
  border-radius:15px;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(246,238,226,.80));
  box-shadow:0 8px 17px rgba(50,36,19,.075), inset 0 1px 0 #fff;
  transform-style:preserve-3d;
  transition:transform .24s cubic-bezier(.2,.7,.2,1),box-shadow .24s ease,border-color .24s ease,background .24s ease;
}
.dr-uae-action-3d .elementor-icon-list-icon {
  transform:translateZ(12px);
}
.dr-uae-action-3d .elementor-icon-list-text {
  transform:translateZ(8px);
}
.dr-uae-action-3d .elementor-icon-list-item a:hover {
  transform:perspective(700px) translateY(-4px) rotateX(5deg);
  border-color:rgba(198,161,91,.62);
  background:linear-gradient(145deg,#fff,#f3e4ca);
  box-shadow:0 15px 28px rgba(50,36,19,.12),0 4px 10px rgba(198,161,91,.14),inset 0 1px 0 #fff;
}
.dr-uae-action-3d .elementor-icon-list-icon i,
.dr-uae-action-3d .elementor-icon-list-icon svg {
  color:#9c6a28;
  fill:#9c6a28;
}
.dr-uae-action-cart { position:relative; }
.dr-uae-action-cart:after {
  content:"";
  position:absolute;
  right:5px;top:4px;
  width:7px;height:7px;
  border-radius:50%;
  background:#c6a15b;
  border:2px solid #fffdf9;
  box-shadow:0 3px 7px rgba(141,94,31,.28);
  pointer-events:none;
}

/* Keep the editor calm and predictable while all widgets remain selectable. */
.elementor-editor-active .dr-uae-header-3d,
.elementor-editor-active .dr-uae-logo-3d,
.elementor-editor-active .dr-uae-nav-3d,
.elementor-editor-active .dr-uae-action-3d .elementor-icon-list-item a {
  transform:none;
}

@media(max-width:1100px){
  .dr-uae-nav-3d{padding:2px 5px;border-radius:14px}
  .dr-uae-action-3d .elementor-icon-list-item a{min-width:45px;min-height:44px;border-radius:12px}
}
@media(max-width:767px){
  .dr-uae-header-3d{box-shadow:0 9px 24px rgba(42,31,18,.09)}
  .dr-uae-logo-3d{padding:5px 9px;border-radius:14px}
  .dr-uae-logo-3d:after{width:18px;height:18px;right:-6px;top:-6px;font-size:9px}
  .dr-uae-nav-3d{border:0;background:transparent;box-shadow:none;padding:0}
  .dr-uae-action-3d .elementor-icon-list-item a:hover{transform:translateY(-2px)}
}
@media(prefers-reduced-motion:reduce){
  .dr-uae-logo-3d,.dr-uae-nav-3d a,.dr-uae-action-3d .elementor-icon-list-item a{transform:none!important;transition:none!important}
}


/* ==========================================================
   DERMO RISE 2.0 — SIGNATURE LUXURY 3D UAE HEADER
   Premium beauty-store treatment. The visible content remains native
   Elementor / Header Footer Builder widgets and is editable in UAE.
   ========================================================== */

/* Correct menu/list bullets globally inside this header. */
.dr-uae-header-signature ul,
.dr-uae-header-signature ol,
.dr-uae-header-signature .menu,
.dr-uae-header-signature .sub-menu,
.dr-uae-header-signature .hfe-nav-menu,
.dr-uae-header-signature .hfe-sub-menu,
.dr-uae-actions-signature .elementor-icon-list-items {
  list-style:none !important;
  list-style-type:none !important;
  margin-top:0;
  margin-bottom:0;
  padding-left:0;
}
.dr-uae-header-signature li::marker,
.dr-uae-actions-signature li::marker { content:""; font-size:0; }

/* Slim editorial utility strip with correctly aligned separators. */
.dr-uae-utility-signature {
  min-height:30px;
  background:
    radial-gradient(circle at 50% -150%,rgba(230,201,137,.16),transparent 60%),
    linear-gradient(90deg,#11110f 0%,#211d18 50%,#11110f 100%);
  box-shadow:inset 0 -1px 0 rgba(230,201,137,.20),0 3px 12px rgba(0,0,0,.08);
}
.dr-uae-utility-signature .dr-utility-sep {
  display:inline-block;
  width:1px;
  height:10px;
  margin:0 9px -1px;
  background:linear-gradient(#9b6b2b,#ebd49c,#9b6b2b);
  opacity:.72;
}
.dr-uae-utility-signature .dr-utility-dot {
  display:inline-block;
  width:4px;
  height:4px;
  margin:0 9px 2px;
  border-radius:50%;
  background:#d8b66d;
  box-shadow:0 0 8px rgba(216,182,109,.38);
}

/* Main header: lighter, more couture, with a subtle gold halo rather than a heavy box. */
.dr-uae-header-signature {
  min-height:78px;
  background:
    radial-gradient(circle at 12% 0,rgba(198,161,91,.12),transparent 28%),
    radial-gradient(circle at 88% 0,rgba(198,161,91,.09),transparent 30%),
    linear-gradient(180deg,rgba(255,254,251,.985),rgba(249,244,236,.965));
  border-bottom:1px solid rgba(159,111,45,.25);
  box-shadow:0 18px 50px rgba(41,30,17,.095),inset 0 1px 0 rgba(255,255,255,.95);
}
.dr-uae-header-signature:before {
  left:4.5%;
  right:4.5%;
  height:2px;
  opacity:.82;
  background:linear-gradient(90deg,transparent 0%,rgba(159,111,45,.28) 14%,#d7b46d 50%,rgba(159,111,45,.28) 86%,transparent 100%);
  box-shadow:0 3px 9px rgba(198,161,91,.20);
}
.dr-uae-header-signature:after {
  content:"";
  position:absolute;
  left:50%;
  bottom:-5px;
  width:46px;
  height:9px;
  transform:translateX(-50%);
  border-radius:0 0 999px 999px;
  background:linear-gradient(90deg,transparent,#c6a15b,transparent);
  opacity:.20;
  filter:blur(3px);
  pointer-events:none;
}

/* Signature jewel logo frame. */
.dr-uae-logo-signature {
  padding:7px 15px 8px;
  border-radius:19px;
  border:1px solid rgba(182,132,63,.36);
  background:
    linear-gradient(150deg,rgba(255,255,255,.99),rgba(248,239,226,.92));
  box-shadow:
    0 15px 32px rgba(56,39,18,.105),
    0 4px 10px rgba(198,161,91,.08),
    inset 0 1px 0 #fff,
    inset 0 -1px 0 rgba(176,123,50,.08);
}
.dr-uae-logo-signature:before {
  inset:3px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.96);
  box-shadow:inset 0 0 0 1px rgba(198,161,91,.055);
}
.dr-uae-logo-signature:after {
  content:"✦";
  width:24px;
  height:24px;
  right:-9px;
  top:-9px;
  color:#171717;
  font-size:9px;
  background:linear-gradient(145deg,#f2d995 0%,#c39347 55%,#9b6927 100%);
  box-shadow:0 8px 17px rgba(120,77,24,.24),inset 0 1px 0 rgba(255,255,255,.65);
}
.dr-uae-logo-signature img {
  filter:drop-shadow(0 5px 8px rgba(33,25,17,.09));
  transition:transform .28s ease,filter .28s ease;
}
.dr-uae-logo-signature:hover img {
  transform:translateZ(20px) scale(1.018);
  filter:drop-shadow(0 8px 12px rgba(142,96,33,.13));
}

/* Navigation becomes an elegant floating glass capsule. */
.dr-uae-nav-signature {
  padding:4px 9px;
  border-radius:999px;
  border:1px solid rgba(177,126,55,.20);
  background:
    linear-gradient(180deg,rgba(255,255,255,.86),rgba(248,241,231,.73));
  box-shadow:
    0 10px 28px rgba(45,31,15,.055),
    inset 0 1px 0 rgba(255,255,255,.98),
    inset 0 -1px 0 rgba(177,126,55,.06);
}
.dr-uae-nav-signature .hfe-nav-menu > li > a,
.dr-uae-nav-signature nav > ul > li > a,
.dr-uae-nav-signature .menu > li > a {
  min-height:43px;
  padding:10px 11px;
  border-radius:999px;
  font-size:12.5px;
  font-weight:650;
  letter-spacing:.10px;
  color:#28231f;
  box-shadow:none;
}
.dr-uae-nav-signature .hfe-nav-menu > li > a:after,
.dr-uae-nav-signature nav > ul > li > a:after,
.dr-uae-nav-signature .menu > li > a:after {
  left:34%;
  right:34%;
  bottom:5px;
  height:2px;
  border-radius:99px;
  background:linear-gradient(90deg,#9b6b2b,#e0c07d,#9b6b2b);
  box-shadow:0 2px 5px rgba(169,119,48,.14);
}
.dr-uae-nav-signature .hfe-nav-menu > li:hover > a,
.dr-uae-nav-signature nav > ul > li:hover > a,
.dr-uae-nav-signature .menu > li:hover > a,
.dr-uae-nav-signature .current-menu-item > a,
.dr-uae-nav-signature .current-menu-ancestor > a {
  color:#8f6126;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(240,226,204,.72));
  box-shadow:0 7px 16px rgba(117,75,23,.075),inset 0 1px 0 #fff;
}

/* Shop dropdown: correct, aligned luxury markers — no browser bullets. */
.dr-uae-nav-signature .sub-menu,
.dr-uae-nav-signature .hfe-sub-menu {
  min-width:230px;
  padding:9px;
  border-radius:17px;
  border:1px solid rgba(177,126,55,.30);
  background:linear-gradient(150deg,#fffefb 0%,#f8efe3 100%);
  box-shadow:0 28px 65px rgba(45,30,13,.16),inset 0 1px 0 rgba(255,255,255,.98);
}
.dr-uae-nav-signature .sub-menu li,
.dr-uae-nav-signature .hfe-sub-menu li { list-style:none !important; margin:0 !important; }
.dr-uae-nav-signature .sub-menu li a,
.dr-uae-nav-signature .hfe-sub-menu li a {
  display:flex !important;
  align-items:center;
  gap:11px;
  min-height:43px;
  padding:10px 13px !important;
  border-radius:11px;
  color:#302922;
  font-size:12.5px;
  font-weight:600;
}
.dr-uae-nav-signature .sub-menu li a:before,
.dr-uae-nav-signature .hfe-sub-menu li a:before {
  content:"";
  flex:0 0 6px;
  width:6px;
  height:6px;
  margin:0;
  border-radius:1px;
  background:linear-gradient(145deg,#ecd18f,#a36e29);
  box-shadow:0 2px 5px rgba(169,119,48,.25);
  transform:rotate(45deg);
}
.dr-uae-nav-signature .sub-menu li a:hover,
.dr-uae-nav-signature .hfe-sub-menu li a:hover {
  padding-left:15px !important;
  color:#8d5f26;
  background:rgba(198,161,91,.10);
}

/* My Account / Wishlist / Cart: compact luxe controls with consistent labels. */
.dr-uae-actions-signature .elementor-container { gap:6px; }
.dr-uae-actions-signature .elementor-column { padding:0 2px; }
.dr-uae-actions-signature .dr-uae-action-3d .elementor-icon-list-item a {
  min-width:64px;
  min-height:50px;
  padding:5px 7px;
  border-radius:14px;
  border:1px solid rgba(177,126,55,.22);
  background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(246,236,221,.74));
  box-shadow:0 8px 18px rgba(49,34,17,.06),inset 0 1px 0 #fff;
}
.dr-uae-actions-signature .dr-uae-action-3d .elementor-icon-list-icon i,
.dr-uae-actions-signature .dr-uae-action-3d .elementor-icon-list-icon svg {
  color:#9b6b2b;
  fill:#9b6b2b;
  font-size:16px;
}
.dr-uae-actions-signature .dr-uae-action-3d .elementor-icon-list-text {
  color:#4b4138;
  font-size:8.5px;
  font-weight:700;
  letter-spacing:.12px;
  white-space:nowrap;
}
.dr-uae-actions-signature .dr-uae-action-3d .elementor-icon-list-item a:hover {
  transform:perspective(700px) translateY(-3px) rotateX(4deg);
  border-color:rgba(177,126,55,.55);
  background:linear-gradient(145deg,#fff,#f2e3ca);
  box-shadow:0 14px 28px rgba(49,34,17,.105),0 4px 10px rgba(198,161,91,.12),inset 0 1px 0 #fff;
}

/* Cart receives a tiny premium status gem, not a stray bullet. */
.dr-uae-actions-signature .dr-uae-action-cart { position:relative; }
.dr-uae-actions-signature .dr-uae-action-cart:after {
  right:4px;
  top:3px;
  width:6px;
  height:6px;
  border:2px solid #fffdf9;
  background:linear-gradient(145deg,#e4c47c,#a7732d);
  box-shadow:0 3px 7px rgba(141,94,31,.25);
}

/* Elementor editor: keep hover/3D transforms from interfering with selection. */
.elementor-editor-active .dr-uae-logo-signature,
.elementor-editor-active .dr-uae-logo-signature img,
.elementor-editor-active .dr-uae-nav-signature a,
.elementor-editor-active .dr-uae-actions-signature .elementor-icon-list-item a {
  transform:none !important;
}

@media(max-width:1180px){
  .dr-uae-nav-signature{padding:3px 5px}
  .dr-uae-nav-signature .hfe-nav-menu>li>a,
  .dr-uae-nav-signature nav>ul>li>a,
  .dr-uae-nav-signature .menu>li>a{padding-left:8px;padding-right:8px;font-size:12px}
  .dr-uae-actions-signature .dr-uae-action-3d .elementor-icon-list-item a{min-width:50px}
}
@media(max-width:900px){
  .dr-uae-header-signature{min-height:70px}
  .dr-uae-logo-signature{padding:5px 9px;border-radius:15px}
  .dr-uae-nav-signature{border:0;background:transparent;box-shadow:none;padding:0}
  .dr-uae-nav-signature .hfe-nav-menu__toggle,
  .dr-uae-nav-signature .hfe-nav-menu-icon{border-radius:12px;background:linear-gradient(145deg,#fff,#f2e5d2);box-shadow:0 7px 17px rgba(57,39,18,.08)}
}
@media(max-width:767px){
  .dr-uae-utility-signature .dr-utility-sep{margin-left:6px;margin-right:6px}
  .dr-uae-actions-signature .dr-uae-action-wishlist{display:none}
  .dr-uae-actions-signature .dr-uae-action-3d .elementor-icon-list-item a{min-width:43px;min-height:42px;padding:4px}
  .dr-uae-actions-signature .dr-uae-action-3d .elementor-icon-list-text{display:none}
}
@media(max-width:480px){
  .dr-uae-actions-signature .dr-uae-action-account{display:none}
  .dr-uae-logo-signature:after{width:19px;height:19px;right:-6px;top:-6px;font-size:7px}
}
@media(prefers-reduced-motion:reduce){
  .dr-uae-logo-signature,
  .dr-uae-logo-signature img,
  .dr-uae-nav-signature a,
  .dr-uae-actions-signature .elementor-icon-list-item a{transition:none!important;transform:none!important}
}


/* ==========================================================
   DERMO RISE 2.1 — MARKETPLACE PRO LUXURY UAE HEADER
   Marketplace-style distribution with Dermo Rise brand identity.
   Every visible block remains editable in Elementor / UAE.
   ========================================================== */
.dr-uae-header-marketplace,
.dr-uae-market-nav-row { position:relative; z-index:10001; }

/* Remove browser/WordPress list bullets everywhere inside the header. */
.dr-uae-header-marketplace ul,
.dr-uae-header-marketplace ol,
.dr-uae-market-nav-row ul,
.dr-uae-market-nav-row ol,
.dr-uae-header-marketplace li,
.dr-uae-market-nav-row li,
.dr-uae-actions-market .elementor-icon-list-items,
.dr-uae-actions-market .elementor-icon-list-item {
  list-style:none !important;
  margin-top:0;
  margin-bottom:0;
}
.dr-uae-header-marketplace li::marker,
.dr-uae-market-nav-row li::marker,
.dr-uae-actions-market li::marker { content:""; font-size:0; }

.dr-uae-market-utility {
  background:#171717 !important;
  border-bottom:1px solid rgba(198,161,91,.28);
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.025);
}

/* Main row — practical marketplace distribution, luxury finish. */
.dr-uae-header-marketplace {
  position:sticky;
  top:0;
  background:rgba(255,254,251,.975) !important;
  border-bottom:1px solid rgba(198,161,91,.18);
  box-shadow:0 9px 28px rgba(42,31,18,.07);
  -webkit-backdrop-filter:blur(15px) saturate(120%);
  backdrop-filter:blur(15px) saturate(120%);
}
.dr-uae-header-marketplace:after {
  content:"";
  position:absolute;
  pointer-events:none;
  left:6%; right:6%; bottom:-1px; height:1px;
  background:linear-gradient(90deg,transparent,rgba(198,161,91,.46),transparent);
}
.dr-uae-header-marketplace > .elementor-container { align-items:center; }

/* Logo gets depth but stays compact. */
.dr-uae-logo-market {
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:58px;
  padding:6px 13px;
  border:1px solid rgba(198,161,91,.25);
  border-radius:18px;
  background:linear-gradient(145deg,#fff,#f7efe3);
  box-shadow:0 9px 22px rgba(50,35,17,.07),inset 0 1px 0 rgba(255,255,255,.95);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.dr-uae-logo-market:before {
  content:"";
  position:absolute;
  left:15px; right:15px; bottom:4px; height:2px;
  border-radius:99px;
  background:linear-gradient(90deg,transparent,#bd8d4c,transparent);
  opacity:.72;
}
.dr-uae-logo-market img { max-height:52px; object-fit:contain; transition:transform .22s ease; }
.dr-uae-logo-market:hover { transform:translateY(-2px); border-color:rgba(198,161,91,.50); box-shadow:0 14px 28px rgba(50,35,17,.10); }
.dr-uae-logo-market:hover img { transform:scale(1.015); }

/* Large central product search — the main Amazon-like usability cue. */
.dr-uae-market-search-col { padding-left:14px !important; padding-right:14px !important; }
.dr-uae-market-search .woocommerce-product-search,
.dr-uae-market-search form[role="search"],
.dr-uae-market-search .search-form {
  width:100%;
  display:flex;
  align-items:stretch;
  margin:0;
  border:1px solid rgba(169,119,48,.42);
  border-radius:15px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 7px 20px rgba(48,33,16,.055),inset 0 1px 0 rgba(255,255,255,.9);
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.dr-uae-market-search .woocommerce-product-search:focus-within,
.dr-uae-market-search form[role="search"]:focus-within,
.dr-uae-market-search .search-form:focus-within {
  border-color:#A97730;
  box-shadow:0 0 0 3px rgba(198,161,91,.12),0 10px 24px rgba(48,33,16,.07);
  transform:translateY(-1px);
}
.dr-uae-market-search input[type="search"],
.dr-uae-market-search .search-field {
  flex:1 1 auto;
  min-width:0;
  height:48px;
  padding:0 18px;
  border:0 !important;
  outline:0 !important;
  background:#fff !important;
  color:#28231f;
  font-size:13px;
  box-shadow:none !important;
}
.dr-uae-market-search input[type="search"]::placeholder,
.dr-uae-market-search .search-field::placeholder { color:#91877c; opacity:1; }
.dr-uae-market-search button,
.dr-uae-market-search input[type="submit"] {
  flex:0 0 auto;
  min-width:74px;
  height:48px;
  margin:0 !important;
  padding:0 20px !important;
  border:0 !important;
  border-radius:0 !important;
  background:linear-gradient(135deg,#B8843C,#D7B46C) !important;
  color:#171717 !important;
  font-size:11px !important;
  font-weight:800 !important;
  letter-spacing:.05em;
  text-transform:uppercase;
  box-shadow:none !important;
  transform:none !important;
}
.dr-uae-market-search button:hover,
.dr-uae-market-search input[type="submit"]:hover { background:linear-gradient(135deg,#A77431,#CAA45A) !important; }

/* Commerce actions: clearly separated like a marketplace, but elegant. */
.dr-uae-actions-market .elementor-container { align-items:center; gap:5px; }
.dr-uae-actions-market .elementor-column { padding:0 2px; }
.dr-uae-actions-market .dr-uae-action-3d .elementor-icon-list-item a {
  min-width:64px;
  min-height:50px;
  padding:5px 7px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:4px;
  border:1px solid transparent;
  border-radius:13px;
  background:transparent;
  transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.dr-uae-actions-market .dr-uae-action-3d .elementor-icon-list-icon i,
.dr-uae-actions-market .dr-uae-action-3d .elementor-icon-list-icon svg {
  color:#25211d;
  fill:#25211d;
  font-size:18px;
}
.dr-uae-actions-market .dr-uae-action-3d .elementor-icon-list-text {
  color:#51493f;
  padding:0;
  font-size:9px;
  font-weight:700;
  line-height:1;
  white-space:nowrap;
}
.dr-uae-actions-market .dr-uae-action-3d .elementor-icon-list-item a:hover {
  background:linear-gradient(145deg,#fff,#f4eadb);
  border-color:rgba(198,161,91,.30);
  box-shadow:0 8px 18px rgba(48,33,16,.07);
  transform:translateY(-2px);
}
.dr-uae-actions-market .dr-uae-action-3d .elementor-icon-list-item a:hover i,
.dr-uae-actions-market .dr-uae-action-3d .elementor-icon-list-item a:hover svg,
.dr-uae-actions-market .dr-uae-action-3d .elementor-icon-list-item a:hover .elementor-icon-list-text { color:#9B6B2B; fill:#9B6B2B; }

/* Separate navigation rail: evenly distributed, clean, no wrong bullets. */
.dr-uae-market-nav-row {
  background:linear-gradient(180deg,#F8F3EB,#F4EBDD) !important;
  border-bottom:1px solid rgba(198,161,91,.24);
  box-shadow:0 7px 16px rgba(49,36,19,.035);
}
.dr-uae-nav-marketplace { width:100%; }
.dr-uae-nav-marketplace .hfe-nav-menu,
.dr-uae-nav-marketplace nav > ul,
.dr-uae-nav-marketplace .menu {
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between !important;
  gap:16px;
  margin:0 !important;
  padding:0 !important;
}
.dr-uae-nav-marketplace .hfe-nav-menu > li,
.dr-uae-nav-marketplace nav > ul > li,
.dr-uae-nav-marketplace .menu > li { position:relative; flex:1 1 0; text-align:center; }
.dr-uae-nav-marketplace .hfe-nav-menu > li > a,
.dr-uae-nav-marketplace nav > ul > li > a,
.dr-uae-nav-marketplace .menu > li > a {
  position:relative;
  min-height:42px;
  padding:11px 12px;
  display:flex;
  justify-content:center;
  align-items:center;
  color:#28231f;
  font-size:12.5px;
  font-weight:650;
  letter-spacing:.08px;
  border-radius:10px;
  transition:color .18s ease,background .18s ease,transform .18s ease;
}
.dr-uae-nav-marketplace .hfe-nav-menu > li > a:after,
.dr-uae-nav-marketplace nav > ul > li > a:after,
.dr-uae-nav-marketplace .menu > li > a:after {
  content:"";
  position:absolute;
  left:34%; right:34%; bottom:4px; height:2px;
  border-radius:99px;
  background:linear-gradient(90deg,#9F6C28,#D6B368);
  opacity:0;
  transform:scaleX(.35);
  transition:opacity .18s ease,transform .18s ease,left .18s ease,right .18s ease;
}
.dr-uae-nav-marketplace .hfe-nav-menu > li:hover > a,
.dr-uae-nav-marketplace nav > ul > li:hover > a,
.dr-uae-nav-marketplace .menu > li:hover > a,
.dr-uae-nav-marketplace .current-menu-item > a,
.dr-uae-nav-marketplace .current-menu-ancestor > a {
  color:#986625;
  background:rgba(255,255,255,.60);
  transform:translateY(-1px);
}
.dr-uae-nav-marketplace .hfe-nav-menu > li:hover > a:after,
.dr-uae-nav-marketplace nav > ul > li:hover > a:after,
.dr-uae-nav-marketplace .menu > li:hover > a:after,
.dr-uae-nav-marketplace .current-menu-item > a:after,
.dr-uae-nav-marketplace .current-menu-ancestor > a:after { opacity:1; transform:scaleX(1); left:20%; right:20%; }

/* Dropdown: premium panel with simple gold indicator, never default list bullets. */
.dr-uae-nav-marketplace .sub-menu,
.dr-uae-nav-marketplace .hfe-sub-menu {
  min-width:230px;
  padding:9px !important;
  margin:0 !important;
  border:1px solid rgba(198,161,91,.28);
  border-radius:14px;
  background:rgba(255,254,251,.99);
  box-shadow:0 20px 48px rgba(48,33,16,.14);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}
.dr-uae-nav-marketplace .sub-menu li,
.dr-uae-nav-marketplace .hfe-sub-menu li { list-style:none !important; text-align:left; }
.dr-uae-nav-marketplace .sub-menu li a,
.dr-uae-nav-marketplace .hfe-sub-menu li a {
  position:relative;
  padding:11px 12px 11px 30px;
  border-radius:9px;
  color:#312a24;
  font-size:12.5px;
  transition:color .18s ease,background .18s ease,padding-left .18s ease;
}
.dr-uae-nav-marketplace .sub-menu li a:before,
.dr-uae-nav-marketplace .hfe-sub-menu li a:before {
  content:"";
  position:absolute;
  left:12px; top:50%;
  width:6px; height:6px;
  border:1px solid #B9863E;
  transform:translateY(-50%) rotate(45deg);
  background:#fffdf9;
}
.dr-uae-nav-marketplace .sub-menu li a:hover,
.dr-uae-nav-marketplace .hfe-sub-menu li a:hover { color:#986625; background:#F7EFE3; padding-left:33px; }

/* Elementor editing should stay stable; no sticky/hover transforms inside editor. */
.elementor-editor-active .dr-uae-header-marketplace { position:relative; }
.elementor-editor-active .dr-uae-logo-market,
.elementor-editor-active .dr-uae-logo-market img,
.elementor-editor-active .dr-uae-market-search form,
.elementor-editor-active .dr-uae-nav-marketplace a,
.elementor-editor-active .dr-uae-actions-market .elementor-icon-list-item a { transform:none !important; }

@media(max-width:1100px){
  .dr-uae-market-search-col{padding-left:8px!important;padding-right:8px!important}
  .dr-uae-actions-market .dr-uae-action-3d .elementor-icon-list-item a{min-width:52px}
  .dr-uae-actions-market .dr-uae-action-3d .elementor-icon-list-text{font-size:8px}
  .dr-uae-nav-marketplace .hfe-nav-menu>li>a,
  .dr-uae-nav-marketplace nav>ul>li>a,
  .dr-uae-nav-marketplace .menu>li>a{padding-left:7px;padding-right:7px;font-size:11.5px}
}
@media(max-width:900px){
  .dr-uae-market-search input[type="search"],.dr-uae-market-search .search-field{height:44px}
  .dr-uae-market-search button,.dr-uae-market-search input[type="submit"]{height:44px;min-width:58px;padding:0 13px!important}
  .dr-uae-logo-market{padding:5px 9px;border-radius:14px}
  .dr-uae-logo-market img{max-height:46px}
  .dr-uae-actions-market .dr-uae-action-3d .elementor-icon-list-text{display:none}
  .dr-uae-actions-market .dr-uae-action-3d .elementor-icon-list-item a{min-width:42px;min-height:42px;padding:3px}
  .dr-uae-nav-marketplace .hfe-nav-menu,
  .dr-uae-nav-marketplace nav>ul,
  .dr-uae-nav-marketplace .menu{display:block;width:auto}
  .dr-uae-nav-marketplace .hfe-nav-menu>li,
  .dr-uae-nav-marketplace nav>ul>li,
  .dr-uae-nav-marketplace .menu>li{text-align:left}
  .dr-uae-nav-marketplace .hfe-nav-menu>li>a,
  .dr-uae-nav-marketplace nav>ul>li>a,
  .dr-uae-nav-marketplace .menu>li>a{justify-content:flex-start}
}
@media(max-width:767px){
  .dr-uae-market-utility .dr-uae-utility-brand{display:none}
  .dr-uae-market-utility .elementor-column{width:100%!important}
  .dr-uae-market-utility .dr-uae-utility-contact p{text-align:center}
  .dr-uae-market-utility .dr-uae-utility-care{display:none}
  .dr-uae-header-marketplace>.elementor-container{display:flex;flex-wrap:wrap!important;gap:7px}
  .dr-uae-market-logo-col{width:36%!important}
  .dr-uae-market-actions-col{width:64%!important}
  .dr-uae-market-search-col{width:100%!important;order:3;padding:4px 0 0!important}
  .dr-uae-actions-market .dr-uae-action-wishlist{display:none}
  .dr-uae-market-nav-row{padding-top:2px;padding-bottom:2px}
}
@media(max-width:480px){
  .dr-uae-market-logo-col{width:45%!important}
  .dr-uae-market-actions-col{width:55%!important}
  .dr-uae-actions-market .dr-uae-action-account{display:none}
  .dr-uae-logo-market img{max-height:42px}
  .dr-uae-market-search input[type="search"],.dr-uae-market-search .search-field{font-size:12px;padding-left:13px}
}
@media(prefers-reduced-motion:reduce){
  .dr-uae-logo-market,.dr-uae-logo-market img,.dr-uae-market-search form,.dr-uae-nav-marketplace a,.dr-uae-actions-market .elementor-icon-list-item a{transition:none!important;transform:none!important}
}

/* ==========================================================
   DERMO RISE 2.2 — REIMAGINED SIGNATURE LUXURY UAE HEADER
   No search bar. Previous one-row layout, redesigned with
   premium ivory/charcoal/gold hierarchy and correct bullets.
   ========================================================== */

/* Global list cleanup inside this header — prevents browser/UAE bullets. */
.dr-uae-header-v22 ul,
.dr-uae-header-v22 ol,
.dr-uae-header-v22 li,
.dr-uae-utility-v22 ul,
.dr-uae-utility-v22 ol,
.dr-uae-utility-v22 li {
  list-style: none !important;
  margin: 0;
  padding-left: 0;
}
.dr-uae-header-v22 li::marker,
.dr-uae-utility-v22 li::marker { content: "" !important; font-size: 0 !important; }

/* Slim top bar */
.dr-uae-utility-v22 {
  position: relative;
  z-index: 10003;
  min-height: 30px;
  background:
    linear-gradient(90deg, rgba(198,161,91,.07), transparent 23%, transparent 77%, rgba(198,161,91,.07)),
    #171717 !important;
  border-bottom: 1px solid rgba(198,161,91,.25);
}
.dr-uae-utility-v22:after {
  content:"";
  position:absolute;
  left:50%; bottom:-1px;
  width:180px; height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,#C6A15B,transparent);
  opacity:.7;
  pointer-events:none;
}
.dr-uae-utility-v22 .elementor-widget-text-editor,
.dr-uae-utility-v22 .elementor-widget-text-editor p { margin:0 !important; }
.dr-uae-utility-v22 .dr-uae-utility-brand p,
.dr-uae-utility-v22 .dr-uae-utility-care p,
.dr-uae-utility-v22 .dr-uae-utility-contact p {
  font-size:9.5px;
  line-height:1.45;
  letter-spacing:1px;
}
.dr-uae-utility-v22 .dr-uae-utility-brand p { color:#E7C98A; font-weight:800; }
.dr-uae-utility-v22 .dr-uae-utility-care p { text-align:center; color:#F7F1E8; font-weight:650; letter-spacing:1.45px; }
.dr-uae-utility-v22 .dr-uae-utility-contact p { text-align:right; color:#F7F1E8; font-weight:550; letter-spacing:.15px; text-transform:none; }
.dr-uae-utility-v22 .dr-uae-utility-contact a { color:inherit; }
.dr-uae-utility-v22 .dr-uae-utility-contact a:hover { color:#E7C98A; }
.dr-uae-utility-v22 .dr-utility-sep {
  display:inline-block;
  width:1px; height:10px;
  margin:0 9px;
  vertical-align:-1px;
  background:linear-gradient(#715830,#E7C98A,#715830);
}
.dr-uae-utility-v22 .dr-utility-dot {
  display:inline-block;
  width:3px; height:3px;
  margin:0 8px;
  vertical-align:2px;
  border-radius:50%;
  background:#C6A15B;
  box-shadow:0 0 8px rgba(198,161,91,.5);
}

/* Main one-row header */
.dr-uae-header-v22 {
  position: sticky !important;
  top: 0;
  z-index: 10002;
  overflow: visible !important;
  min-height: 82px;
  background:
    radial-gradient(circle at 10% 50%, rgba(198,161,91,.07), transparent 18%),
    radial-gradient(circle at 90% 50%, rgba(198,161,91,.055), transparent 18%),
    rgba(255,252,248,.965) !important;
  border-bottom:1px solid rgba(198,161,91,.24);
  box-shadow:0 12px 36px rgba(39,31,22,.07);
  -webkit-backdrop-filter: blur(18px) saturate(120%);
  backdrop-filter: blur(18px) saturate(120%);
}
.dr-uae-header-v22:before {
  content:"";
  position:absolute;
  left:0; right:0; bottom:-1px;
  height:1px;
  background:linear-gradient(90deg,transparent 5%,rgba(198,161,91,.25) 24%,rgba(198,161,91,.72) 50%,rgba(198,161,91,.25) 76%,transparent 95%);
  pointer-events:none;
}
.dr-uae-header-v22 > .elementor-container { align-items:center; }
.dr-uae-header-v22 .dr-uae-logo-col-v22,
.dr-uae-header-v22 .dr-uae-nav-col-v22,
.dr-uae-header-v22 .dr-uae-actions-col-v22 { align-self:center; }

/* Sculpted logo frame */
.dr-uae-logo-v22 {
  position:relative;
  display:inline-block;
  padding:7px 13px 7px 10px;
  border:1px solid rgba(198,161,91,.28);
  border-radius:18px 7px 18px 7px;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(248,241,230,.78));
  box-shadow:0 8px 25px rgba(59,43,24,.08), inset 0 1px 0 rgba(255,255,255,.9);
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;
}
.dr-uae-logo-v22:before,
.dr-uae-logo-v22:after {
  content:"";
  position:absolute;
  width:17px; height:17px;
  pointer-events:none;
}
.dr-uae-logo-v22:before {
  left:-5px; top:-5px;
  border-left:2px solid #C6A15B;
  border-top:2px solid #C6A15B;
  border-radius:5px 0 0 0;
}
.dr-uae-logo-v22:after {
  right:-5px; bottom:-5px;
  border-right:2px solid #C6A15B;
  border-bottom:2px solid #C6A15B;
  border-radius:0 0 5px 0;
}
.dr-uae-logo-v22 img {
  width:156px !important;
  max-height:58px !important;
  object-fit:contain;
  filter:drop-shadow(0 5px 8px rgba(38,28,18,.08));
  transition:transform .24s ease,filter .24s ease;
}
.dr-uae-logo-v22:hover {
  transform:translateY(-2px);
  border-color:rgba(198,161,91,.55);
  box-shadow:0 14px 34px rgba(59,43,24,.11),0 0 0 4px rgba(198,161,91,.035);
}
.dr-uae-logo-v22:hover img { transform:scale(1.015); filter:drop-shadow(0 7px 10px rgba(198,161,91,.14)); }

/* Floating centre navigation ribbon */
.dr-uae-nav-col-v22 > .elementor-column-wrap,
.dr-uae-nav-col-v22 > .elementor-widget-wrap {
  position:relative;
}
.dr-uae-nav-v22 {
  position:relative;
  padding:4px 8px;
  border:1px solid rgba(198,161,91,.17);
  border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(248,242,233,.72));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 7px 22px rgba(49,36,21,.045);
}
.dr-uae-nav-v22:before {
  content:"";
  position:absolute;
  left:14%; right:14%; top:-1px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(198,161,91,.60),transparent);
  pointer-events:none;
}
.dr-uae-nav-v22 .hfe-nav-menu,
.dr-uae-nav-v22 nav > ul,
.dr-uae-nav-v22 .menu {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:2px;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}
.dr-uae-nav-v22 .hfe-nav-menu > li,
.dr-uae-nav-v22 nav > ul > li,
.dr-uae-nav-v22 .menu > li { position:relative; list-style:none !important; }
.dr-uae-nav-v22 .hfe-nav-menu > li > a,
.dr-uae-nav-v22 nav > ul > li > a,
.dr-uae-nav-v22 .menu > li > a {
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:10px 11px;
  border-radius:999px;
  color:#28231E;
  font-size:12.5px;
  font-weight:650;
  letter-spacing:.08px;
  white-space:nowrap;
  transition:color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease;
}
.dr-uae-nav-v22 .hfe-nav-menu > li > a:after,
.dr-uae-nav-v22 nav > ul > li > a:after,
.dr-uae-nav-v22 .menu > li > a:after {
  content:"";
  position:absolute;
  left:50%; right:50%; bottom:5px;
  height:2px;
  border-radius:99px;
  background:linear-gradient(90deg,#A87834,#D6B46F);
  opacity:0;
  transition:left .22s ease,right .22s ease,opacity .22s ease;
}
.dr-uae-nav-v22 .hfe-nav-menu > li:hover > a,
.dr-uae-nav-v22 nav > ul > li:hover > a,
.dr-uae-nav-v22 .menu > li:hover > a,
.dr-uae-nav-v22 .current-menu-item > a,
.dr-uae-nav-v22 .current-menu-ancestor > a {
  color:#936326;
  background:rgba(198,161,91,.08);
  box-shadow:inset 0 0 0 1px rgba(198,161,91,.10);
  transform:translateY(-1px);
}
.dr-uae-nav-v22 .hfe-nav-menu > li:hover > a:after,
.dr-uae-nav-v22 nav > ul > li:hover > a:after,
.dr-uae-nav-v22 .menu > li:hover > a:after,
.dr-uae-nav-v22 .current-menu-item > a:after,
.dr-uae-nav-v22 .current-menu-ancestor > a:after { left:24%; right:24%; opacity:1; }

/* Correct dropdown indicators and bullets */
.dr-uae-nav-v22 .menu-item-has-children > a .sub-arrow,
.dr-uae-nav-v22 .menu-item-has-children > a .hfe-menu-toggle {
  margin-left:5px;
  color:#A97730;
}
.dr-uae-nav-v22 .sub-menu,
.dr-uae-nav-v22 .hfe-sub-menu {
  min-width:220px;
  margin-top:8px !important;
  padding:9px !important;
  border:1px solid rgba(198,161,91,.26);
  border-radius:16px 7px 16px 7px;
  background:rgba(255,252,248,.99) !important;
  box-shadow:0 22px 52px rgba(47,34,20,.14);
  list-style:none !important;
  overflow:hidden;
}
.dr-uae-nav-v22 .sub-menu li,
.dr-uae-nav-v22 .hfe-sub-menu li {
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
  text-align:left;
}
.dr-uae-nav-v22 .sub-menu li a,
.dr-uae-nav-v22 .hfe-sub-menu li a {
  position:relative;
  display:block;
  padding:11px 12px 11px 30px !important;
  border-radius:9px;
  color:#302A25;
  font-size:12.5px;
  font-weight:600;
  transition:color .18s ease,background .18s ease,padding-left .18s ease;
}
.dr-uae-nav-v22 .sub-menu li a:before,
.dr-uae-nav-v22 .hfe-sub-menu li a:before {
  content:"◆";
  position:absolute;
  left:12px; top:50%;
  transform:translateY(-52%) scale(.58);
  color:#C6A15B;
  font-size:10px;
  line-height:1;
}
.dr-uae-nav-v22 .sub-menu li a:hover,
.dr-uae-nav-v22 .hfe-sub-menu li a:hover {
  color:#936326;
  background:#F7EFE3;
  padding-left:34px !important;
}

/* Jewel-style commerce actions */
.dr-uae-actions-v22 .elementor-container { align-items:center; justify-content:flex-end; }
.dr-uae-actions-v22 .elementor-column { padding:0 2px; }
.dr-uae-actions-v22 .dr-uae-action-item .elementor-icon-list-item { justify-content:center; }
.dr-uae-actions-v22 .dr-uae-action-item .elementor-icon-list-item a {
  position:relative;
  min-width:58px;
  min-height:51px;
  padding:5px 7px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  border:1px solid rgba(198,161,91,.18);
  border-radius:14px 5px 14px 5px;
  background:linear-gradient(145deg,rgba(255,255,255,.90),rgba(247,239,228,.72));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 6px 18px rgba(51,37,21,.05);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.dr-uae-actions-v22 .dr-uae-action-item .elementor-icon-list-item a:before {
  content:"";
  position:absolute;
  left:12px; right:12px; top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(198,161,91,.60),transparent);
}
.dr-uae-actions-v22 .dr-uae-action-item .elementor-icon-list-icon i,
.dr-uae-actions-v22 .dr-uae-action-item .elementor-icon-list-icon svg {
  color:#24211E;
  fill:#24211E;
  font-size:17px;
  transition:color .2s ease,fill .2s ease,transform .2s ease;
}
.dr-uae-actions-v22 .dr-uae-action-item .elementor-icon-list-text {
  color:#4B433B;
  font-size:8.8px;
  font-weight:700;
  line-height:1;
  letter-spacing:.08px;
}
.dr-uae-actions-v22 .dr-uae-action-item .elementor-icon-list-item a:hover {
  transform:translateY(-3px);
  border-color:rgba(198,161,91,.48);
  background:linear-gradient(145deg,#FFFDF9,#F4E7D5);
  box-shadow:0 13px 27px rgba(75,51,22,.10),0 0 0 3px rgba(198,161,91,.035);
}
.dr-uae-actions-v22 .dr-uae-action-item .elementor-icon-list-item a:hover i,
.dr-uae-actions-v22 .dr-uae-action-item .elementor-icon-list-item a:hover svg { color:#A97730; fill:#A97730; transform:scale(1.08); }
.dr-uae-actions-v22 .dr-uae-action-item .elementor-icon-list-item a:hover .elementor-icon-list-text { color:#8D5D24; }

/* Editor safety */
.elementor-editor-active .dr-uae-header-v22 { position:relative !important; }
.elementor-editor-active .dr-uae-logo-v22,
.elementor-editor-active .dr-uae-nav-v22 a,
.elementor-editor-active .dr-uae-actions-v22 a { transform:none !important; }

/* Responsive */
@media(max-width:1180px){
  .dr-uae-header-v22 .dr-uae-logo-col-v22{width:19%!important}
  .dr-uae-header-v22 .dr-uae-nav-col-v22{width:56%!important}
  .dr-uae-header-v22 .dr-uae-actions-col-v22{width:25%!important}
  .dr-uae-logo-v22 img{width:138px!important}
  .dr-uae-nav-v22 .hfe-nav-menu>li>a,
  .dr-uae-nav-v22 nav>ul>li>a,
  .dr-uae-nav-v22 .menu>li>a{padding-left:8px;padding-right:8px;font-size:11.7px}
  .dr-uae-actions-v22 .dr-uae-action-item .elementor-icon-list-text{display:none}
  .dr-uae-actions-v22 .dr-uae-action-item .elementor-icon-list-item a{min-width:44px;min-height:44px}
}
@media(max-width:900px){
  .dr-uae-utility-v22 .dr-uae-utility-care{display:none}
  .dr-uae-utility-v22 .elementor-column:first-child,
  .dr-uae-utility-v22 .elementor-column:last-child{width:50%!important}
  .dr-uae-header-v22{min-height:72px}
  .dr-uae-header-v22 .dr-uae-logo-col-v22{width:38%!important}
  .dr-uae-header-v22 .dr-uae-nav-col-v22{width:27%!important}
  .dr-uae-header-v22 .dr-uae-actions-col-v22{width:35%!important}
  .dr-uae-logo-v22 img{width:124px!important;max-height:50px!important}
  .dr-uae-nav-v22{padding:0;border:0;background:transparent;box-shadow:none}
  .dr-uae-nav-v22:before{display:none}
  .dr-uae-nav-v22 .hfe-nav-menu__toggle,
  .dr-uae-nav-v22 .hfe-nav-menu-icon{
    width:42px;height:42px;
    display:grid;place-items:center;
    border:1px solid rgba(198,161,91,.32);
    border-radius:13px 5px 13px 5px;
    background:#FFF9F1;
    color:#27221D;
    box-shadow:0 7px 18px rgba(52,37,20,.06);
  }
  .dr-uae-nav-v22 .hfe-nav-menu,
  .dr-uae-nav-v22 nav>ul,
  .dr-uae-nav-v22 .menu{display:block;width:auto;background:#FFFCF8;border:1px solid rgba(198,161,91,.22);border-radius:16px;padding:10px!important;box-shadow:0 20px 45px rgba(46,31,15,.12)}
  .dr-uae-nav-v22 .hfe-nav-menu>li,
  .dr-uae-nav-v22 nav>ul>li,
  .dr-uae-nav-v22 .menu>li{text-align:left}
  .dr-uae-nav-v22 .hfe-nav-menu>li>a,
  .dr-uae-nav-v22 nav>ul>li>a,
  .dr-uae-nav-v22 .menu>li>a{justify-content:flex-start;width:100%;border-radius:9px}
}
@media(max-width:767px){
  .dr-uae-utility-v22 .elementor-container{display:block}
  .dr-uae-utility-v22 .elementor-column{width:100%!important}
  .dr-uae-utility-v22 .dr-uae-utility-brand{display:none}
  .dr-uae-utility-v22 .dr-uae-utility-contact p{text-align:center;font-size:9px}
  .dr-uae-header-v22>.elementor-container{display:flex;flex-wrap:nowrap;align-items:center;gap:4px}
  .dr-uae-header-v22 .dr-uae-logo-col-v22{width:43%!important}
  .dr-uae-header-v22 .dr-uae-nav-col-v22{width:20%!important}
  .dr-uae-header-v22 .dr-uae-actions-col-v22{width:37%!important}
  .dr-uae-logo-v22{padding:5px 9px;border-radius:14px 5px 14px 5px}
  .dr-uae-logo-v22 img{width:108px!important;max-height:45px!important}
  .dr-uae-actions-v22 .dr-uae-action-wishlist{display:none}
}
@media(max-width:480px){
  .dr-uae-header-v22 .dr-uae-logo-col-v22{width:48%!important}
  .dr-uae-header-v22 .dr-uae-nav-col-v22{width:22%!important}
  .dr-uae-header-v22 .dr-uae-actions-col-v22{width:30%!important}
  .dr-uae-actions-v22 .dr-uae-action-account{display:none}
  .dr-uae-logo-v22 img{width:102px!important}
}
@media(prefers-reduced-motion:reduce){
  .dr-uae-logo-v22,
  .dr-uae-logo-v22 img,
  .dr-uae-nav-v22 a,
  .dr-uae-actions-v22 a{transition:none!important;transform:none!important}
}


/* ==========================================================
   DERMO RISE 2.3 — NATIVE ELEMENTOR SKINCARE + HAIRCARE PAGES
   Every visual block is an Elementor Flexbox Container/widget.
   3D is decorative only and disabled in the editor/reduced motion.
   ========================================================== */
.dr-category-shell {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
.dr-category-shell:before {
  content: "";
  position: absolute;
  width: 340px;
  height: 340px;
  border-radius: 50%;
  right: -190px;
  top: -210px;
  border: 1px solid rgba(189,141,76,.13);
  background: radial-gradient(circle,rgba(189,141,76,.08),transparent 68%);
  pointer-events: none;
}
.dr-category-shell > .e-con-inner,
.dr-category-shell > .elementor-element { position: relative; z-index: 1; }

.dr-category-hero-row { perspective: 1300px; }
.dr-category-hero-art,
.dr-category-product-card,
.dr-category-concern-card,
.dr-category-routine-card,
.dr-category-editorial-image {
  position: relative;
  transform-style: preserve-3d;
  backface-visibility: hidden;
  will-change: transform;
}
.dr-category-hero-art {
  box-shadow: 0 28px 75px rgba(56,43,30,.14), 0 8px 20px rgba(189,141,76,.08);
  border: 1px solid rgba(189,141,76,.22);
}
.dr-category-hero-art:before,
.dr-category-product-card:before,
.dr-category-concern-card:before,
.dr-category-routine-card:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(135deg,rgba(255,255,255,.55),transparent 42%,rgba(189,141,76,.055));
}
.dr-category-hero-art > *,
.dr-category-product-card > *,
.dr-category-concern-card > *,
.dr-category-routine-card > * { position: relative; z-index: 2; transform: translateZ(14px); }
.dr-category-hero-art .elementor-widget-image { transform: translateZ(22px); }
.dr-category-product-card,
.dr-category-concern-card,
.dr-category-routine-card {
  box-shadow: 0 13px 36px rgba(55,44,32,.07);
  transition: box-shadow .3s ease, border-color .3s ease;
}
.dr-category-product-card:hover,
.dr-category-concern-card:hover,
.dr-category-routine-card:hover {
  box-shadow: 0 25px 60px rgba(55,44,32,.13);
  border-color: rgba(189,141,76,.34) !important;
}
.dr-category-product-card .elementor-widget-image img,
.dr-category-concern-card .elementor-widget-image img,
.dr-category-editorial-image img,
.dr-category-hero-art img {
  width: 100%;
  object-fit: cover;
  box-shadow: 0 14px 34px rgba(48,38,28,.08);
}
.dr-category-product-card .elementor-widget-image img { aspect-ratio: 4 / 5; }
.dr-category-concern-card .elementor-widget-image img { aspect-ratio: 4 / 3; }
.dr-category-hero-art img { min-height: 460px; object-fit: cover; }
.dr-category-editorial-image img { aspect-ratio: 4 / 3; object-fit: cover; }

.dr-category-section-head { max-width: 780px; margin-inline: auto; }
.dr-category-card-grid { align-items: stretch; justify-content: center; }
.dr-category-routine-card .elementor-heading-title:first-child {
  display: inline-flex;
  min-width: 48px;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid rgba(189,141,76,.35);
  background: rgba(189,141,76,.07);
}
.dr-category-editorial { border-radius: 30px; }
.dr-category-cta .elementor-button { box-shadow: 0 12px 30px rgba(189,141,76,.18); }

/* The 3D engine already targets .dr-3d. These rules give category cards
   a slightly softer perspective than general product cards. */
.dr-motion-on .dr-category-page .dr-3d.dr-tilt-target {
  transform: perspective(1150px) rotateX(var(--dr-rx)) rotateY(var(--dr-ry)) translate3d(0,0,var(--dr-z));
  transition: transform .16s ease-out, box-shadow .3s ease, border-color .3s ease;
}

/* Elementor editing must stay calm and predictable. */
.elementor-editor-active .dr-category-page .dr-3d,
.elementor-editor-active .dr-category-page .dr-reveal,
.elementor-editor-active .dr-category-page .dr-tilt-target {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

@media(max-width:1024px){
  .dr-category-hero-art img { min-height: 380px; }
  .dr-category-product-card,
  .dr-category-concern-card,
  .dr-category-routine-card { flex-basis: calc(50% - 12px); }
}
@media(max-width:767px){
  .dr-category-shell { padding-left: 18px !important; padding-right: 18px !important; }
  .dr-category-hero-copy { padding-right: 0 !important; }
  .dr-category-hero-art img { min-height: 300px; }
  .dr-category-product-card,
  .dr-category-concern-card,
  .dr-category-routine-card { flex-basis: 100%; }
  .dr-category-editorial-copy { padding-left: 0 !important; }
}
@media(prefers-reduced-motion:reduce){
  .dr-category-page .dr-3d,
  .dr-category-page .dr-reveal,
  .dr-category-page .dr-tilt-target { opacity:1 !important; transform:none !important; transition:none !important; }
}

/* ==========================================================
   DERMO RISE 2.4 — RESPONSIVE LUXURY UAE / ELEMENTOR HEADER
   Native Elementor Flexbox Containers + HFE navigation widget.
   All styling is decorative: visible content remains editable in Elementor.
   ========================================================== */
.dr-uae-v24-utility {
  position: relative;
  z-index: 10003;
  min-height: 32px;
  background: #171717 !important;
  border-bottom: 1px solid rgba(198,161,91,.18);
}
.dr-uae-v24-utility p { margin: 0; }
.dr-uae-v24-top-brand p,
.dr-uae-v24-top-care p,
.dr-uae-v24-top-contact p {
  font-size: 9px;
  line-height: 1.45;
  font-weight: 700;
  letter-spacing: 1.15px;
}
.dr-uae-v24-top-brand p { color:#E9D9B0; text-align:left; }
.dr-uae-v24-top-care p { color:#fff; text-align:center; letter-spacing:2px; }
.dr-uae-v24-top-contact p { color:rgba(255,255,255,.86); text-align:right; font-weight:500; letter-spacing:.08px; }
.dr-uae-v24-top-contact a { color:inherit; text-decoration:none; }
.dr-uae-v24-top-contact a:hover { color:#E9D9B0; }
.dr-uae-v24-top-contact span { color:#C6A15B; margin:0 7px; }
.dr-v24-sep { display:inline-block; width:1px; height:10px; margin:0 9px; vertical-align:middle; background:rgba(233,217,176,.42); }

.dr-uae-v24-main {
  position: sticky;
  top: 0;
  z-index: 10002;
  min-height: 78px;
  isolation: isolate;
  overflow: visible !important;
  background:
    radial-gradient(circle at 12% 45%,rgba(198,161,91,.045),transparent 22%),
    rgba(255,253,249,.965) !important;
  border-bottom:1px solid rgba(198,161,91,.20);
  box-shadow:0 10px 34px rgba(43,32,18,.075);
  -webkit-backdrop-filter:blur(18px) saturate(120%);
  backdrop-filter:blur(18px) saturate(120%);
}
.dr-uae-v24-main:before {
  content:"";
  position:absolute;
  z-index:1;
  left:0; right:0; top:0;
  height:2px;
  background:linear-gradient(90deg,transparent,#A47733,#E9D9B0,#C6A15B,transparent);
  background-size:240% 100%;
  animation:dr-v24-gold-line 8s linear infinite;
  pointer-events:none;
}
@keyframes dr-v24-gold-line { from { background-position:0% 50%; } to { background-position:240% 50%; } }
.dr-uae-v24-main > .e-con-inner,
.dr-uae-v24-main > .elementor-element { position:relative; z-index:2; }

/* Exact Dermo Rise logo, bundled in the theme. */
.dr-uae-v24-logo-wrap { min-width:0; }
.dr-uae-v24-logo {
  position:relative;
  display:inline-block;
  max-width:178px;
  padding:3px 7px;
  border-radius:15px;
  transition:transform .25s ease,background .25s ease,box-shadow .25s ease;
}
.dr-uae-v24-logo:after {
  content:"";
  position:absolute;
  left:20%; right:20%; bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,#C6A15B,#E9D9B0,#C6A15B,transparent);
  opacity:.65;
  transition:left .25s ease,right .25s ease,opacity .25s ease;
}
.dr-uae-v24-logo img {
  display:block !important;
  width:160px !important;
  height:62px !important;
  max-width:100% !important;
  object-fit:contain !important;
  object-position:left center !important;
  filter:drop-shadow(0 6px 9px rgba(0,0,0,.12));
  transition:transform .3s ease,filter .3s ease;
}
.dr-uae-v24-logo:hover {
  transform:translateY(-2px);
  background:rgba(255,255,255,.58);
  box-shadow:0 10px 25px rgba(198,161,91,.08);
}
.dr-uae-v24-logo:hover img { transform:scale(1.025); filter:drop-shadow(0 11px 14px rgba(198,161,91,.20)); }
.dr-uae-v24-logo:hover:after { left:6%; right:6%; opacity:1; }

/* Navigation */
.dr-uae-v24-nav-wrap { overflow:visible !important; }
.dr-uae-v24-nav {
  position:relative;
  width:100%;
  padding:3px 7px;
  border:1px solid rgba(198,161,91,.16);
  border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.80),rgba(248,242,233,.70));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 7px 20px rgba(49,36,21,.04);
}
.dr-uae-v24-nav .hfe-nav-menu,
.dr-uae-v24-nav nav > ul,
.dr-uae-v24-nav .menu {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:1px;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}
.dr-uae-v24-nav li { list-style:none !important; }
.dr-uae-v24-nav .hfe-nav-menu > li > a,
.dr-uae-v24-nav nav > ul > li > a,
.dr-uae-v24-nav .menu > li > a {
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:10px 11px;
  border-radius:999px;
  color:#302C28;
  font-size:13px;
  font-weight:600;
  white-space:nowrap;
  transition:color .2s ease,background .2s ease,transform .2s ease;
}
.dr-uae-v24-nav .hfe-nav-menu > li > a:after,
.dr-uae-v24-nav nav > ul > li > a:after,
.dr-uae-v24-nav .menu > li > a:after {
  content:"";
  position:absolute;
  left:50%; right:50%; bottom:5px;
  height:2px;
  border-radius:99px;
  background:linear-gradient(90deg,#A47733,#E9D9B0);
  opacity:0;
  transition:left .22s ease,right .22s ease,opacity .22s ease;
}
.dr-uae-v24-nav .hfe-nav-menu > li:hover > a,
.dr-uae-v24-nav nav > ul > li:hover > a,
.dr-uae-v24-nav .menu > li:hover > a,
.dr-uae-v24-nav .current-menu-item > a,
.dr-uae-v24-nav .current-menu-ancestor > a {
  color:#936326;
  background:rgba(198,161,91,.075);
}
.dr-uae-v24-nav .hfe-nav-menu > li:hover > a:after,
.dr-uae-v24-nav nav > ul > li:hover > a:after,
.dr-uae-v24-nav .menu > li:hover > a:after,
.dr-uae-v24-nav .current-menu-item > a:after,
.dr-uae-v24-nav .current-menu-ancestor > a:after { left:24%; right:24%; opacity:1; }
.dr-uae-v24-nav .menu-item-has-children > a .sub-arrow,
.dr-uae-v24-nav .menu-item-has-children > a .hfe-menu-toggle { margin-left:5px; color:#A47733; }

/* Shop submenu: clean, correctly aligned, no browser bullets. */
.dr-uae-v24-nav .sub-menu,
.dr-uae-v24-nav .hfe-sub-menu {
  min-width:230px;
  margin-top:8px !important;
  padding:9px !important;
  border:1px solid rgba(198,161,91,.25);
  border-radius:16px;
  background:rgba(255,253,249,.995) !important;
  box-shadow:0 24px 55px rgba(47,34,20,.14);
  list-style:none !important;
  overflow:hidden;
}
.dr-uae-v24-nav .sub-menu li,
.dr-uae-v24-nav .hfe-sub-menu li { margin:0 !important; padding:0 !important; list-style:none !important; }
.dr-uae-v24-nav .sub-menu li a,
.dr-uae-v24-nav .hfe-sub-menu li a {
  position:relative;
  display:block;
  padding:11px 12px 11px 30px !important;
  border-radius:9px;
  color:#302A25;
  font-size:12.5px;
  font-weight:600;
  transition:color .18s ease,background .18s ease,padding-left .18s ease;
}
.dr-uae-v24-nav .sub-menu li a:before,
.dr-uae-v24-nav .hfe-sub-menu li a:before {
  content:"◆";
  position:absolute;
  left:12px; top:50%;
  transform:translateY(-52%) scale(.58);
  color:#C6A15B;
  font-size:10px;
}
.dr-uae-v24-nav .sub-menu li a:hover,
.dr-uae-v24-nav .hfe-sub-menu li a:hover { color:#936326; background:#F7EFE3; padding-left:34px !important; }

/* Account / Wishlist / Cart */
.dr-uae-v24-actions { width:100%; }
.dr-uae-v24-action .elementor-icon-list-items { margin:0; }
.dr-uae-v24-action .elementor-icon-list-item { justify-content:center; margin:0 !important; }
.dr-uae-v24-action .elementor-icon-list-item a {
  position:relative;
  min-width:55px;
  min-height:52px;
  padding:5px 6px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  border:1px solid transparent;
  border-radius:13px;
  background:transparent;
  transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease;
}
.dr-uae-v24-action .elementor-icon-list-icon { margin:0; }
.dr-uae-v24-action .elementor-icon-list-icon i,
.dr-uae-v24-action .elementor-icon-list-icon svg { color:#24211E; fill:#24211E; font-size:18px; transition:.2s ease; }
.dr-uae-v24-action .elementor-icon-list-text { padding:0; color:#645E57; font-size:8px; font-weight:700; line-height:1; }
.dr-uae-v24-action .elementor-icon-list-item a:hover {
  transform:translateY(-2px);
  border-color:rgba(198,161,91,.30);
  background:rgba(198,161,91,.075);
  box-shadow:0 8px 20px rgba(63,46,21,.07);
}
.dr-uae-v24-action .elementor-icon-list-item a:hover i,
.dr-uae-v24-action .elementor-icon-list-item a:hover svg,
.dr-uae-v24-action .elementor-icon-list-item a:hover .elementor-icon-list-text { color:#A47733; fill:#A47733; }

/* Elementor editor safety: nothing jumps while editing. */
.elementor-editor-active .dr-uae-v24-main { position:relative !important; top:auto !important; }
.elementor-editor-active .dr-uae-v24-logo,
.elementor-editor-active .dr-uae-v24-logo img,
.elementor-editor-active .dr-uae-v24-nav a,
.elementor-editor-active .dr-uae-v24-action a { transform:none !important; }

/* Tablet */
@media(max-width:1180px) {
  .dr-uae-v24-logo img { width:140px !important; height:56px !important; }
  .dr-uae-v24-nav .hfe-nav-menu > li > a,
  .dr-uae-v24-nav nav > ul > li > a,
  .dr-uae-v24-nav .menu > li > a { padding-left:8px; padding-right:8px; font-size:11.8px; }
  .dr-uae-v24-action .elementor-icon-list-text { display:none; }
  .dr-uae-v24-action .elementor-icon-list-item a { min-width:40px; min-height:42px; }
}

@media(max-width:1024px) {
  .dr-uae-v24-care-wrap { display:none !important; }
  .dr-uae-v24-utility { min-height:30px; }
  .dr-uae-v24-top-brand p,
  .dr-uae-v24-top-contact p { font-size:8.5px; }
  .dr-uae-v24-main { min-height:70px; }
  .dr-uae-v24-logo img { width:124px !important; height:50px !important; }
  .dr-uae-v24-nav { padding:0; border:0; background:transparent; box-shadow:none; }
  .dr-uae-v24-nav .hfe-nav-menu__toggle,
  .dr-uae-v24-nav .hfe-nav-menu-icon {
    width:42px; height:42px;
    display:grid; place-items:center;
    border:1px solid rgba(198,161,91,.30);
    border-radius:13px;
    background:linear-gradient(145deg,#fff,#F8F5EF);
    color:#27221D;
    box-shadow:0 7px 18px rgba(52,37,20,.06);
  }
  .dr-uae-v24-nav .hfe-nav-menu,
  .dr-uae-v24-nav nav > ul,
  .dr-uae-v24-nav .menu {
    display:block;
    width:min(310px,calc(100vw - 32px));
    background:#FFFDF9;
    border:1px solid rgba(198,161,91,.22);
    border-radius:16px;
    padding:10px !important;
    box-shadow:0 22px 48px rgba(46,31,15,.13);
  }
  .dr-uae-v24-nav .hfe-nav-menu > li,
  .dr-uae-v24-nav nav > ul > li,
  .dr-uae-v24-nav .menu > li { text-align:left; }
  .dr-uae-v24-nav .hfe-nav-menu > li > a,
  .dr-uae-v24-nav nav > ul > li > a,
  .dr-uae-v24-nav .menu > li > a { justify-content:flex-start; width:100%; border-radius:9px; }
  .dr-uae-v24-nav .sub-menu,
  .dr-uae-v24-nav .hfe-sub-menu { position:static !important; width:100%; min-width:0; margin-top:3px !important; box-shadow:none; background:#F8F3EA !important; }
}

/* Phone */
@media(max-width:767px) {
  .dr-uae-v24-utility { display:none !important; }
  .dr-uae-v24-main { min-height:64px; padding-left:12px !important; padding-right:12px !important; }
  .dr-uae-v24-logo { max-width:115px; padding:1px 2px; }
  .dr-uae-v24-logo img { width:108px !important; height:46px !important; }
  .dr-uae-v24-action .elementor-icon-list-item a { min-width:33px; min-height:39px; padding:4px 3px; }
  .dr-uae-v24-action .elementor-icon-list-icon i,
  .dr-uae-v24-action .elementor-icon-list-icon svg { font-size:16px; }
  .dr-uae-v24-nav .hfe-nav-menu__toggle,
  .dr-uae-v24-nav .hfe-nav-menu-icon { width:39px; height:39px; border-radius:12px; }
}

@media(max-width:380px) {
  .dr-uae-v24-main { padding-left:8px !important; padding-right:8px !important; }
  .dr-uae-v24-logo img { width:96px !important; height:42px !important; }
  .dr-uae-v24-action .elementor-icon-list-item a { min-width:29px; }
  .dr-uae-v24-nav .hfe-nav-menu__toggle,
  .dr-uae-v24-nav .hfe-nav-menu-icon { width:36px; height:36px; }
}

/* ==========================================================
   DERMO RISE 2.4 — FULL THEME MOBILE RESPONSIVE OVERRIDES
   ========================================================== */
html, body { max-width:100%; overflow-x:clip; }
img, video, iframe, svg { max-width:100%; }
.dr-elementor-render, .dr-builder-content, .dr-elementor-full-width { overflow-x:clip; }

@media(max-width:1024px) {
  .dr-elementor-render .elementor-section > .elementor-container { max-width:100%; }
  .dr-elementor-render .elementor-widget-image img { height:auto; }
  .woocommerce div.product div.summary,
  .woocommerce div.product div.images { margin-bottom:32px; }
  .dr-uae-footer-main .elementor-container,
  .dr-uae-footer-benefits .elementor-container { flex-wrap:wrap; }
}

@media(max-width:767px) {
  .dr-elementor-render .elementor-section > .elementor-container { flex-wrap:wrap; }
  .dr-elementor-render .elementor-section > .elementor-container > .elementor-column { width:100% !important; }
  .dr-elementor-render .e-con { max-width:100%; }
  .dr-elementor-render .elementor-button { max-width:100%; white-space:normal; text-align:center; }

  .woocommerce ul.products { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:18px 12px !important; }
  .woocommerce ul.products li.product a img { border-radius:14px; }
  .woocommerce ul.products li.product .woocommerce-loop-product__title { font-size:17px !important; }
  .woocommerce div.product { padding-top:24px; }
  .woocommerce div.product div.images,
  .woocommerce div.product div.summary { float:none !important; width:100% !important; }
  .woocommerce div.product form.cart { flex-wrap:wrap; }
  .woocommerce div.product form.cart .button { flex:1 1 180px; }
  .woocommerce table.shop_table_responsive tr td::before { font-weight:700; color:#252525; }
  .woocommerce-checkout .col2-set .col-1,
  .woocommerce-checkout .col2-set .col-2,
  .woocommerce-account .col2-set .col-1,
  .woocommerce-account .col2-set .col-2 { float:none !important; width:100% !important; }

  .dr-uae-prefooter .elementor-container,
  .dr-uae-footer-main .elementor-container,
  .dr-uae-footer-benefits .elementor-container,
  .dr-uae-footer-bottom .elementor-container { flex-wrap:wrap; }
  .dr-uae-prefooter .elementor-column,
  .dr-uae-footer-main .elementor-column,
  .dr-uae-footer-benefits .elementor-column,
  .dr-uae-footer-bottom .elementor-column { width:100% !important; }
  .dr-uae-footer-bottom { text-align:center; }
  .dr-uae-footer-brandline p { text-align:center !important; }
}

@media(max-width:480px) {
  .woocommerce ul.products { grid-template-columns:1fr !important; gap:20px !important; }
  .woocommerce ul.products li.product { max-width:420px; margin-inline:auto !important; }
  .woocommerce ul.products li.product .button { width:100%; }
  .dr-category-shell { padding-left:14px !important; padding-right:14px !important; }
  .dr-category-hero-art img { min-height:240px; }
  .dr-category-product-card,
  .dr-category-concern-card,
  .dr-category-routine-card { border-radius:18px !important; }
}

@media(prefers-reduced-motion:reduce) {
  .dr-uae-v24-main:before { animation:none !important; }
  .dr-uae-v24-logo,
  .dr-uae-v24-logo img,
  .dr-uae-v24-nav a,
  .dr-uae-v24-action a { transition:none !important; transform:none !important; }
}

/* ==========================================================
   DERMO RISE 2.5 — FAST MARKETPLACE UAE HEADER + PRODUCT SEARCH
   Lightweight: no 3D tilt, no backdrop blur, no AJAX search.
   ========================================================== */
.dr-uae-v25-utility{
  position:relative;z-index:10004;min-height:30px;background:#171717!important;
  border-bottom:1px solid rgba(198,161,91,.2);
}
.dr-uae-v25-utility p{margin:0}
.dr-uae-v25-top-brand p,.dr-uae-v25-top-care p,.dr-uae-v25-top-contact p{
  font-size:9px;line-height:1.35;font-weight:700;letter-spacing:1.15px;
}
.dr-uae-v25-top-brand p{color:#E9D9B0;text-align:left}
.dr-uae-v25-top-care p{color:#fff;text-align:center;letter-spacing:2px}
.dr-uae-v25-top-contact p{color:rgba(255,255,255,.84);text-align:right;font-weight:500;letter-spacing:0}
.dr-uae-v25-top-contact a{color:inherit;text-decoration:none}
.dr-uae-v25-top-contact a:hover{color:#E9D9B0}
.dr-uae-v25-top-contact span{color:#C6A15B;margin:0 7px}
.dr-v25-sep{display:inline-block;width:1px;height:10px;margin:0 9px;vertical-align:middle;background:rgba(233,217,176,.45)}

/* Logo + search + actions row. Keep it flat and fast. */
.dr-uae-v25-main{
  position:sticky;top:0;z-index:10003;min-height:66px;overflow:visible!important;
  background:#FFFDF9!important;border-bottom:1px solid #ECE6DC;
  box-shadow:0 4px 14px rgba(43,32,18,.055);
}
.dr-uae-v25-logo-wrap,.dr-uae-v25-search-wrap,.dr-uae-v25-actions-wrap{min-width:0}
.dr-uae-v25-logo{display:inline-block;max-width:148px;margin:0;padding:0}
.dr-uae-v25-logo img{
  display:block!important;width:132px!important;height:52px!important;max-width:100%!important;
  object-fit:contain!important;object-position:left center!important;filter:none!important;
}

/* Amazon-like search, Dermo Rise colors. */
.dr-uae-v25-search,.dr-uae-v25-search .elementor-widget-container{width:100%}
.dr-product-search-form{
  width:100%;min-height:44px;display:flex;align-items:stretch;margin:0;
  border:2px solid #C6A15B;border-radius:9px;background:#fff;overflow:hidden;
  box-shadow:none;transition:border-color .15s ease,box-shadow .15s ease;
}
.dr-product-search-form:focus-within{border-color:#A47733;box-shadow:0 0 0 2px rgba(198,161,91,.12)}
.dr-product-search-input{
  flex:1 1 auto;min-width:0;width:100%;height:auto!important;margin:0!important;padding:0 15px!important;
  border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;
  color:#302C28;font-size:13px;line-height:1.2;
}
.dr-product-search-input::placeholder{color:#91887D;opacity:1}
.dr-product-search-button{
  flex:0 0 50px;width:50px;min-height:42px;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
  display:grid!important;place-items:center;background:#C6A15B;color:#171717;cursor:pointer;box-shadow:none!important;
  transition:background .15s ease;
}
.dr-product-search-button:hover{background:#B48B43}
.dr-product-search-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}

/* Commerce actions: simple and compact. */
.dr-uae-v25-actions{width:100%}
.dr-uae-v25-actions .dr-uae-action-item .elementor-icon-list-items{margin:0}
.dr-uae-v25-actions .dr-uae-action-item .elementor-icon-list-item{justify-content:center;margin:0!important}
.dr-uae-v25-actions .dr-uae-action-item .elementor-icon-list-item a,
.dr-cart-widget{
  position:relative;min-width:54px;min-height:48px;padding:4px 5px;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:3px;border-radius:8px;border:0;background:transparent;color:#24211E;text-decoration:none;
  transition:background .15s ease,color .15s ease;
}
.dr-uae-v25-actions .dr-uae-action-item .elementor-icon-list-item a:hover,.dr-cart-widget:hover{background:#F6EFE4;color:#94672A}
.dr-uae-v25-actions .dr-uae-action-item .elementor-icon-list-icon{margin:0}
.dr-uae-v25-actions .dr-uae-action-item .elementor-icon-list-icon i,.dr-uae-v25-actions .dr-uae-action-item .elementor-icon-list-icon svg{
  color:currentColor;fill:currentColor;font-size:18px;
}
.dr-uae-v25-actions .dr-uae-action-item .elementor-icon-list-text,.dr-cart-widget-label{
  padding:0;color:#645E57;font-size:8px;font-weight:600;line-height:1;
}
.dr-cart-widget-icon{position:relative;display:flex}
.dr-cart-widget svg{width:19px;height:19px;fill:none;stroke:#24211E;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.dr-cart-widget .dermorise-cart-count{
  position:absolute;right:-10px;top:-9px;min-width:17px;height:17px;padding:0 4px;border-radius:99px;
  display:grid;place-items:center;background:#C6A15B;color:#171717;font-size:8px;font-weight:800;line-height:1;
}

/* Navigation row below the search row. */
.dr-uae-v25-nav-row{
  position:sticky;top:66px;z-index:10002;min-height:42px;overflow:visible!important;
  background:#FFFDF9!important;border-bottom:1px solid #EEE7DE;box-shadow:0 3px 10px rgba(43,32,18,.035);
}
.dr-uae-v25-nav{width:100%}
.dr-uae-v25-nav .hfe-nav-menu,.dr-uae-v25-nav nav>ul,.dr-uae-v25-nav .menu{
  display:flex;align-items:center;justify-content:center;gap:8px;margin:0!important;padding:0!important;list-style:none!important;
}
.dr-uae-v25-nav li{list-style:none!important}
.dr-uae-v25-nav .hfe-nav-menu>li>a,.dr-uae-v25-nav nav>ul>li>a,.dr-uae-v25-nav .menu>li>a{
  position:relative;display:flex;align-items:center;justify-content:center;min-height:40px;padding:8px 17px!important;
  color:#302C28;font-size:13px;font-weight:600;line-height:1.2;text-decoration:none;white-space:nowrap;
}
.dr-uae-v25-nav .hfe-nav-menu>li>a:after,.dr-uae-v25-nav nav>ul>li>a:after,.dr-uae-v25-nav .menu>li>a:after{
  content:"";position:absolute;left:50%;right:50%;bottom:3px;height:2px;background:#C6A15B;transition:left .15s ease,right .15s ease;
}
.dr-uae-v25-nav .hfe-nav-menu>li:hover>a,.dr-uae-v25-nav nav>ul>li:hover>a,.dr-uae-v25-nav .menu>li:hover>a,
.dr-uae-v25-nav .current-menu-item>a,.dr-uae-v25-nav .current-menu-ancestor>a{color:#94672A}
.dr-uae-v25-nav .hfe-nav-menu>li:hover>a:after,.dr-uae-v25-nav nav>ul>li:hover>a:after,.dr-uae-v25-nav .menu>li:hover>a:after,
.dr-uae-v25-nav .current-menu-item>a:after,.dr-uae-v25-nav .current-menu-ancestor>a:after{left:18%;right:18%}
.dr-uae-v25-nav .sub-menu,.dr-uae-v25-nav .hfe-sub-menu{
  min-width:220px;margin-top:2px!important;padding:8px!important;border:1px solid rgba(198,161,91,.25);border-radius:10px;
  background:#FFFDF9!important;box-shadow:0 14px 30px rgba(47,34,20,.12);list-style:none!important;
}
.dr-uae-v25-nav .sub-menu li,.dr-uae-v25-nav .hfe-sub-menu li{list-style:none!important;margin:0!important;padding:0!important}
.dr-uae-v25-nav .sub-menu li a,.dr-uae-v25-nav .hfe-sub-menu li a{
  display:block;padding:10px 12px!important;border-radius:7px;color:#302A25;font-size:12.5px;font-weight:600;
}
.dr-uae-v25-nav .sub-menu li a:hover,.dr-uae-v25-nav .hfe-sub-menu li a:hover{background:#F7EFE3;color:#94672A}

/* Elementor editor: don't pin the header while editing. */
.elementor-editor-active .dr-uae-v25-main,.elementor-editor-active .dr-uae-v25-nav-row{position:relative!important;top:auto!important}

@media(max-width:1024px){
  .dr-uae-v25-care-wrap{display:none!important}
  .dr-uae-v25-top-brand p,.dr-uae-v25-top-contact p{font-size:8.5px}
  .dr-uae-v25-logo img{width:118px!important;height:48px!important}
  .dr-uae-v25-actions .dr-uae-action-item .elementor-icon-list-text,.dr-cart-widget-label{display:none}
  .dr-uae-v25-actions .dr-uae-action-item .elementor-icon-list-item a,.dr-cart-widget{min-width:38px;min-height:40px;padding:3px}
  .dr-uae-v25-nav-row{top:64px;min-height:40px}
  .dr-uae-v25-nav .hfe-nav-menu__toggle,.dr-uae-v25-nav .hfe-nav-menu-icon{
    width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(198,161,91,.32);border-radius:8px;
    background:#fff;color:#28231E;box-shadow:none;
  }
  .dr-uae-v25-nav .hfe-nav-menu,.dr-uae-v25-nav nav>ul,.dr-uae-v25-nav .menu{
    display:block;width:min(310px,calc(100vw - 24px));margin:0!important;padding:8px!important;background:#FFFDF9;
    border:1px solid rgba(198,161,91,.23);border-radius:10px;box-shadow:0 16px 34px rgba(46,31,15,.13);
  }
  .dr-uae-v25-nav .hfe-nav-menu>li>a,.dr-uae-v25-nav nav>ul>li>a,.dr-uae-v25-nav .menu>li>a{
    width:100%;justify-content:flex-start;min-height:38px;padding:8px 10px!important;border-radius:6px;
  }
  .dr-uae-v25-nav .sub-menu,.dr-uae-v25-nav .hfe-sub-menu{position:static!important;width:100%;min-width:0;margin:2px 0!important;box-shadow:none;background:#F8F3EA!important}
}

@media(max-width:767px){
  .dr-uae-v25-utility{display:none!important}
  .dr-uae-v25-main{position:sticky;top:0;min-height:auto;padding:7px 10px!important}
  .dr-uae-v25-logo-wrap{order:1!important;width:39%!important;flex-basis:39%!important}
  .dr-uae-v25-actions-wrap{order:2!important;width:61%!important;flex-basis:61%!important}
  .dr-uae-v25-search-wrap{order:3!important;width:100%!important;flex-basis:100%!important}
  .dr-uae-v25-logo img{width:102px!important;height:43px!important}
  .dr-product-search-form{min-height:40px;border-width:1.5px;border-radius:7px}
  .dr-product-search-input{font-size:12px;padding:0 12px!important}
  .dr-product-search-button{flex-basis:44px;width:44px;min-height:39px}
  .dr-uae-v25-nav-row{position:sticky;top:105px;min-height:39px;padding-left:10px!important;padding-right:10px!important}
  .dr-uae-v25-nav{display:flex;justify-content:flex-start;width:100%}
  .dr-cart-widget .dermorise-cart-count{right:-8px;top:-7px}
}

@media(max-width:400px){
  .dr-uae-v25-main{padding-left:7px!important;padding-right:7px!important}
  .dr-uae-v25-logo-wrap{width:34%!important;flex-basis:34%!important}
  .dr-uae-v25-actions-wrap{width:66%!important;flex-basis:66%!important}
  .dr-uae-v25-logo img{width:88px!important;height:40px!important}
  .dr-uae-v25-actions .dr-uae-action-item .elementor-icon-list-item a,.dr-cart-widget{min-width:32px}
  .dr-uae-v25-nav-row{top:101px}
}

@media(prefers-reduced-motion:reduce){
  .dr-product-search-form,.dr-product-search-button,.dr-uae-v25-nav a,.dr-uae-v25-actions .dr-uae-action-item a,.dr-cart-widget{transition:none!important}
}


/* ==========================================================
   DERMO RISE 2.6 — DUAL RESPONSIVE UAE HEADER
   Separate desktop and mobile/tablet structures inside one UAE template.
   ========================================================== */
.dr-v26-desktop-only{display:flex!important}
.dr-v26-mobile-only{display:none!important}

/* Desktop utility bar */
.dr-v26-desktop-utility{min-height:36px;background:#171717!important;border-bottom:1px solid rgba(198,161,91,.26)}
.dr-v26-desktop-utility p{margin:0}
.dr-v26-top-brand p,.dr-v26-top-care p,.dr-v26-top-contact p{font-size:9px;line-height:1.35;font-weight:700;letter-spacing:1.25px;white-space:nowrap}
.dr-v26-top-brand p{color:#E9D9B0;text-align:left}
.dr-v26-top-care p{color:#fff;text-align:center;letter-spacing:2px}
.dr-v26-top-contact p{color:rgba(255,255,255,.84);text-align:right;font-weight:500;letter-spacing:0}
.dr-v26-top-contact a{color:inherit;text-decoration:none}
.dr-v26-top-contact a:hover{color:#E9D9B0}
.dr-v26-top-contact span{color:#C6A15B;margin:0 7px}
.dr-v26-sep{display:inline-block;width:1px;height:10px;margin:0 9px;vertical-align:middle;background:rgba(233,217,176,.45)}

/* Desktop marketplace row */
.dr-v26-desktop-main{min-height:68px;background:#FFFDF9!important;border-bottom:1px solid #EEE7DE;box-shadow:0 4px 12px rgba(43,32,18,.035)}
.dr-v26-desktop-logo img{display:block;width:122px!important;height:52px!important;object-fit:contain!important;object-position:left center!important;margin:0!important}
.dr-v26-desktop-search,.dr-v26-desktop-search .elementor-widget-container{width:100%}
.dr-v26-desktop-actions{width:100%}
.dr-v26-desktop-actions .dr-uae-action-item .elementor-icon-list-items{margin:0}
.dr-v26-desktop-actions .dr-uae-action-item .elementor-icon-list-item{justify-content:center;margin:0!important}
.dr-v26-desktop-actions .dr-uae-action-item .elementor-icon-list-item a,.dr-v26-desktop-actions .dr-cart-widget{position:relative;min-width:56px;min-height:48px;padding:4px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:8px;border:0;background:transparent;color:#24211E;text-decoration:none;transition:background .12s ease,color .12s ease}
.dr-v26-desktop-actions .dr-uae-action-item .elementor-icon-list-item a:hover,.dr-v26-desktop-actions .dr-cart-widget:hover{background:#F6EFE4;color:#94672A}
.dr-v26-desktop-actions .dr-uae-action-item .elementor-icon-list-icon{margin:0}
.dr-v26-desktop-actions .dr-uae-action-item .elementor-icon-list-icon i,.dr-v26-desktop-actions .dr-uae-action-item .elementor-icon-list-icon svg{color:currentColor;fill:currentColor;font-size:18px}
.dr-v26-desktop-actions .dr-uae-action-item .elementor-icon-list-text,.dr-v26-desktop-actions .dr-cart-widget-label{padding:0;color:#645E57;font-size:8px;font-weight:600;line-height:1}

/* Desktop navigation */
.dr-v26-desktop-nav-row{min-height:42px;background:#FFFDF9!important;border-bottom:1px solid #EEE7DE}
.dr-v26-desktop-nav{width:100%}
.dr-v26-desktop-nav .hfe-nav-menu,.dr-v26-desktop-nav nav>ul,.dr-v26-desktop-nav .menu{display:flex;align-items:center;justify-content:center;gap:8px;margin:0!important;padding:0!important;list-style:none!important}
.dr-v26-desktop-nav li{list-style:none!important}
.dr-v26-desktop-nav .hfe-nav-menu>li>a,.dr-v26-desktop-nav nav>ul>li>a,.dr-v26-desktop-nav .menu>li>a{position:relative;display:flex;align-items:center;justify-content:center;min-height:40px;padding:8px 17px!important;color:#302C28;font-size:13px;font-weight:600;line-height:1.2;text-decoration:none;white-space:nowrap}
.dr-v26-desktop-nav .hfe-nav-menu>li>a:after,.dr-v26-desktop-nav nav>ul>li>a:after,.dr-v26-desktop-nav .menu>li>a:after{content:"";position:absolute;left:50%;right:50%;bottom:3px;height:2px;background:#C6A15B;transition:left .12s ease,right .12s ease}
.dr-v26-desktop-nav .hfe-nav-menu>li:hover>a,.dr-v26-desktop-nav nav>ul>li:hover>a,.dr-v26-desktop-nav .menu>li:hover>a,.dr-v26-desktop-nav .current-menu-item>a,.dr-v26-desktop-nav .current-menu-ancestor>a{color:#94672A}
.dr-v26-desktop-nav .hfe-nav-menu>li:hover>a:after,.dr-v26-desktop-nav nav>ul>li:hover>a:after,.dr-v26-desktop-nav .menu>li:hover>a:after,.dr-v26-desktop-nav .current-menu-item>a:after,.dr-v26-desktop-nav .current-menu-ancestor>a:after{left:18%;right:18%}
.dr-v26-desktop-nav .sub-menu,.dr-v26-desktop-nav .hfe-sub-menu{min-width:220px;margin-top:2px!important;padding:8px!important;border:1px solid rgba(198,161,91,.25);border-radius:10px;background:#FFFDF9!important;box-shadow:0 14px 30px rgba(47,34,20,.12);list-style:none!important}
.dr-v26-desktop-nav .sub-menu li,.dr-v26-desktop-nav .hfe-sub-menu li{list-style:none!important;margin:0!important;padding:0!important}
.dr-v26-desktop-nav .sub-menu li a,.dr-v26-desktop-nav .hfe-sub-menu li a{display:block;padding:10px 12px!important;border-radius:7px;color:#302A25;font-size:12.5px;font-weight:600}
.dr-v26-desktop-nav .sub-menu li a:hover,.dr-v26-desktop-nav .hfe-sub-menu li a:hover{background:#F7EFE3;color:#94672A}

/* Mobile/tablet header */
.dr-v26-mobile-main{position:relative;z-index:10004;min-height:62px;background:#FFFDF9!important;border-bottom:1px solid #EEE7DE;box-shadow:0 4px 12px rgba(43,32,18,.045)}
.dr-v26-mobile-logo img{display:block;width:96px!important;height:46px!important;object-fit:contain!important;object-position:left center!important;margin:0!important}
.dr-v26-mobile-actions{width:100%}
.dr-v26-mobile-actions .dr-uae-action-item .elementor-icon-list-items{margin:0}
.dr-v26-mobile-actions .dr-uae-action-item .elementor-icon-list-item{justify-content:center;margin:0!important}
.dr-v26-mobile-actions .dr-uae-action-item .elementor-icon-list-item a,.dr-v26-mobile-actions .dr-cart-widget{position:relative;min-width:34px;min-height:38px;padding:2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;background:transparent;color:#24211E;text-decoration:none}
.dr-v26-mobile-actions .dr-uae-action-item .elementor-icon-list-icon{margin:0}
.dr-v26-mobile-actions .dr-uae-action-item .elementor-icon-list-icon i,.dr-v26-mobile-actions .dr-uae-action-item .elementor-icon-list-icon svg{color:#24211E;fill:#24211E;font-size:17px}
.dr-v26-mobile-actions .dr-uae-action-item .elementor-icon-list-text,.dr-v26-mobile-actions .dr-cart-widget-label{display:none!important}
.dr-v26-mobile-actions .dr-cart-widget svg{width:18px;height:18px}
.dr-v26-mobile-actions .dr-cart-widget .dermorise-cart-count{right:-8px;top:-7px}

.dr-v26-mobile-nav{width:100%;display:flex;justify-content:flex-end}
.dr-v26-mobile-nav .hfe-nav-menu__toggle,.dr-v26-mobile-nav .hfe-nav-menu-icon{width:40px!important;height:40px!important;display:grid!important;place-items:center!important;border:1px solid rgba(198,161,91,.32)!important;border-radius:8px!important;background:#fff!important;color:#28231E!important;box-shadow:none!important;margin-left:auto!important}
.dr-v26-mobile-nav .hfe-nav-menu,.dr-v26-mobile-nav nav>ul,.dr-v26-mobile-nav .menu{width:min(330px,calc(100vw - 20px));margin:6px 0 0 auto!important;padding:8px!important;background:#FFFDF9;border:1px solid rgba(198,161,91,.23);border-radius:10px;box-shadow:0 16px 34px rgba(46,31,15,.13);list-style:none!important}
.dr-v26-mobile-nav li{list-style:none!important;margin:0!important;padding:0!important}
.dr-v26-mobile-nav .hfe-nav-menu>li>a,.dr-v26-mobile-nav nav>ul>li>a,.dr-v26-mobile-nav .menu>li>a{width:100%;display:flex;justify-content:flex-start;min-height:40px;padding:9px 10px!important;border-radius:6px;color:#302C28;font-size:14px;font-weight:600;text-decoration:none}
.dr-v26-mobile-nav .sub-menu,.dr-v26-mobile-nav .hfe-sub-menu{position:static!important;width:100%;min-width:0;margin:2px 0!important;padding:4px!important;border:0!important;border-radius:7px;background:#F8F3EA!important;box-shadow:none!important;list-style:none!important}
.dr-v26-mobile-nav .sub-menu a,.dr-v26-mobile-nav .hfe-sub-menu a{padding:9px 10px!important;color:#5A5149!important;font-size:13px!important}

.dr-v26-mobile-search-row{position:relative;z-index:10003;background:#FFFDF9!important;border-bottom:1px solid #EEE7DE}
.dr-v26-mobile-search,.dr-v26-mobile-search .elementor-widget-container{width:100%}
.dr-v26-mobile-search .dr-product-search-form{min-height:40px;border-width:1.5px;border-radius:7px}
.dr-v26-mobile-search .dr-product-search-input{font-size:12px;padding:0 12px!important}
.dr-v26-mobile-search .dr-product-search-button{flex-basis:44px;width:44px;min-height:39px}

/* One active header per device. */
@media(max-width:1024px){
  .dr-v26-desktop-only{display:none!important}
  .dr-v26-mobile-only{display:flex!important}
}
@media(min-width:1025px){
  .dr-v26-desktop-only{display:flex!important}
  .dr-v26-mobile-only{display:none!important}
}

@media(max-width:480px){
  .dr-v26-mobile-logo img{width:82px!important;height:42px!important}
  .dr-v26-mobile-actions .dr-uae-action-item .elementor-icon-list-item a,.dr-v26-mobile-actions .dr-cart-widget{min-width:30px}
  .dr-v26-mobile-nav .hfe-nav-menu__toggle,.dr-v26-mobile-nav .hfe-nav-menu-icon{width:37px!important;height:37px!important}
}

/* In Elementor editor show both structures so both can be edited visually. */
.elementor-editor-active .dr-v26-desktop-only,.elementor-editor-active .dr-v26-mobile-only{display:flex!important;position:relative!important;top:auto!important}
.elementor-editor-active .dr-v26-mobile-main{margin-top:18px!important;border-top:2px dashed rgba(198,161,91,.45)}

@media(prefers-reduced-motion:reduce){
  .dr-v26-desktop-nav a,.dr-v26-desktop-actions a,.dr-v26-mobile-actions a{transition:none!important}
}