/*
Theme Name: Pakistan Gems
Description: Premium light storefront theme for Pakistan Gems. Phase 1: header, homepage, footer.
Version: 3.0.0
Text Domain: pakistan-gems
Requires PHP: 7.4
*/

:root {
	--bg: #f5faf6;
	--bg-2: #e9f3ec;
	--surface: #fff;
	--surface-2: #eef6f0;
	--line: #dbe7de;
	--text: #10211a;
	--muted: #5c6f66;
	--gold: #d6336c;
	--gold-text: #b3204f; /* rose for text on light backgrounds (WCAG AA) */
	--gold-2: #ff8fab;
	--emerald: #01411c;
	--head: "Sora", system-ui, -apple-system, "Segoe UI", sans-serif;
	--body: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
	--r: 24px;
	--shadow: 0 1px 2px rgba(16, 33, 26, .04), 0 18px 40px -24px rgba(16, 33, 26, .22);
	--ease: cubic-bezier(.2, .7, .2, 1);
	--section-y: clamp(56px, 6vw, 88px);
	--head-gap: clamp(28px, 3.5vw, 44px);
}
/* Deep-emerald surfaces reuse the same components with inverted tokens. */
.elementor-wp-gems-topbar, .elementor-wp-gems-banner, .elementor-wp-gems-newsletter-inner, .elementor-wp-gems-site-footer {
	--text: #eef3f0; --muted: #9db0a8; --line: rgba(255, 255, 255, .12);
	--surface: rgba(255, 255, 255, .06); --surface-2: rgba(255, 255, 255, .1); --gold: #ff9db6; --gold-text: #ff9db6;
	color: var(--text);
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body { margin: 0; font: 400 16.5px/1.7 var(--body); color: var(--text); background: var(--bg); -webkit-font-smoothing: antialiased; overflow-x: hidden; }
img, svg { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
ul, ol { list-style: none; margin: 0; padding: 0; }
h1, h2, h3 { font-family: var(--head); font-weight: 600; line-height: 1.12; margin: 0; letter-spacing: -.035em; color: var(--emerald); }
h1 em, h2 em { font-style: normal; background: linear-gradient(110deg, #e8457a, #b3204f); -webkit-background-clip: text; background-clip: text; color: transparent; }
p { margin: 0 0 1em; }
button, input, textarea { font: inherit; color: inherit; }
:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }
::selection { background: var(--gold-2); color: #111; }
.elementor-wp-gems-icon { fill: none; flex: none; }
.elementor-wp-gems-container { width: min(1280px, 100% - 48px); margin-inline: auto; }
.elementor-wp-gems-skip-link { position: absolute; left: -999px; top: 8px; background: #fff; color: #000; padding: 8px 14px; z-index: 400; }
.elementor-wp-gems-skip-link:focus { left: 8px; }

/* Buttons & helpers */
.elementor-wp-gems-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 15px 28px; border-radius: 999px; border: 1px solid transparent; font: 600 15px var(--body); cursor: pointer; transition: transform .35s var(--ease), background .3s, color .3s, box-shadow .35s, border-color .3s; }
.elementor-wp-gems-btn:hover { transform: translateY(-3px); }
.elementor-wp-gems-btn .elementor-wp-gems-icon { stroke: currentColor; transition: transform .3s var(--ease); }
.elementor-wp-gems-btn:hover .elementor-wp-gems-icon { transform: translateX(4px); }
.elementor-wp-gems-btn-gold { background: linear-gradient(135deg, #d6336c, #bf2a5c); color: #fff; box-shadow: 0 10px 28px -12px rgba(214, 51, 108, .7); }
.elementor-wp-gems-btn-gold:hover { box-shadow: 0 16px 36px -12px rgba(214, 51, 108, .9); }
.elementor-wp-gems-btn-outline { border-color: var(--line); background: #fff; color: var(--text); }
.elementor-wp-gems-btn-outline:hover { background: var(--emerald); color: #fff; border-color: var(--emerald); }
.elementor-wp-gems-btn-dark { background: var(--emerald); color: #fff; }
.elementor-wp-gems-btn-dark:hover { background: #0a5c30; }
.elementor-wp-gems-eyebrow { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 22px; padding: 7px 16px; border: 1px solid rgba(214, 51, 108, .3); border-radius: 999px; background: rgba(214, 51, 108, .08); color: #b3204f; font: 500 12px var(--body); letter-spacing: .14em; text-transform: uppercase; }
.elementor-wp-gems-eyebrow::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--gold); }
.elementor-wp-gems-banner .elementor-wp-gems-eyebrow { color: #ff9db6; border-color: rgba(255, 157, 182, .35); background: rgba(255, 157, 182, .1); }
.elementor-wp-gems-lead { font-size: 18.5px; color: var(--muted); max-width: 54ch; }
.elementor-wp-gems-link { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; color: var(--emerald); transition: gap .3s var(--ease); }
.elementor-wp-gems-link:hover { gap: 14px; }
.elementor-wp-gems-link .elementor-wp-gems-icon { stroke: currentColor; }

/* Announcement bar */
.elementor-wp-gems-topbar { background: var(--emerald); font-size: 13px; }
.elementor-wp-gems-topbar-inner { display: flex; justify-content: space-between; align-items: center; min-height: 40px; }
.elementor-wp-gems-topbar p { margin: 0; display: flex; gap: 8px; align-items: center; white-space: nowrap; }
.elementor-wp-gems-topbar .elementor-wp-gems-icon { stroke: var(--gold); }
.elementor-wp-gems-topbar .elementor-wp-gems-topbar-right { gap: 26px; }
.elementor-wp-gems-topbar a:hover { color: var(--gold-text); }

/* Floating pill header */
.elementor-wp-gems-site-header { position: sticky; top: 12px; z-index: 100; margin-top: 12px; }
.elementor-wp-gems-header-inner { display: flex; align-items: center; gap: 28px; height: 68px; padding: 0 12px 0 26px; border: 1px solid var(--line); border-radius: 999px; background: rgba(255, 255, 255, .86); backdrop-filter: saturate(1.6) blur(18px); -webkit-backdrop-filter: saturate(1.6) blur(18px); box-shadow: var(--shadow); transition: background .3s, height .3s var(--ease); }
.elementor-wp-gems-is-scrolled .elementor-wp-gems-header-inner { background: rgba(255, 255, 255, .97); height: 62px; }
.elementor-wp-gems-brand { display: inline-flex; align-items: center; gap: 10px; color: var(--gold-text); }
.elementor-wp-gems-brand-name { font: 700 19px/1 var(--head); letter-spacing: -.03em; color: var(--emerald); white-space: nowrap; }
.elementor-wp-gems-brand-name em { font-style: normal; font-weight: 400; color: var(--gold-text); }
.elementor-wp-gems-site-footer .elementor-wp-gems-brand-name { color: #fff; }
.elementor-wp-gems-primary-nav { flex: 1; }
.elementor-wp-gems-primary-nav > ul { display: flex; justify-content: center; gap: 2px; }
.elementor-wp-gems-primary-nav > ul > li { position: relative; }
.elementor-wp-gems-primary-nav > ul > li > a { display: flex; align-items: center; gap: 5px; padding: 9px 15px; font-size: 14.5px; font-weight: 500; color: #34483f; border-radius: 999px; transition: color .25s, background .25s; }
.elementor-wp-gems-primary-nav > ul > li:hover > a, .elementor-wp-gems-primary-nav > ul > li:focus-within > a { color: var(--emerald); background: var(--bg-2); }
.elementor-wp-gems-primary-nav .elementor-wp-gems-icon { stroke: currentColor; transition: transform .3s; }
.elementor-wp-gems-has-sub:hover .elementor-wp-gems-icon { transform: rotate(180deg); }
.elementor-wp-gems-submenu { position: absolute; top: calc(100% + 10px); left: 0; min-width: 230px; padding: 10px; border: 1px solid var(--line); border-radius: 20px; background: #fff; box-shadow: 0 30px 60px -24px rgba(16, 33, 26, .3); opacity: 0; visibility: hidden; transform: translateY(10px); transition: all .3s var(--ease); }
.elementor-wp-gems-submenu::before { content: ""; position: absolute; top: -12px; left: 0; right: 0; height: 12px; }
.elementor-wp-gems-has-sub:hover .elementor-wp-gems-submenu, .elementor-wp-gems-has-sub:focus-within .elementor-wp-gems-submenu { opacity: 1; visibility: visible; transform: none; }
.elementor-wp-gems-submenu a { display: block; padding: 11px 16px; border-radius: 12px; font-size: 14.5px; color: #34483f; transition: padding .25s var(--ease), background .25s, color .25s; }
.elementor-wp-gems-submenu a:hover { background: var(--bg-2); color: var(--emerald); padding-left: 22px; }
.elementor-wp-gems-header-inner { position: relative; }
.elementor-wp-gems-primary-nav > ul > li.elementor-wp-gems-has-mega { position: static; }
.elementor-wp-gems-submenu-mega { left: 12px; right: 12px; min-width: 0; padding: 30px 34px; display: grid; grid-template-columns: 1fr 2.2fr 1fr 1fr; gap: 12px 36px; }
.elementor-wp-gems-mega-title { margin: 0 0 12px; font: 600 12px var(--body); letter-spacing: .14em; text-transform: uppercase; color: var(--gold-text); }
.elementor-wp-gems-mega-col ul { display: grid; gap: 2px; }
.elementor-wp-gems-mega-col:nth-child(2) ul { grid-template-columns: 1fr 1fr; column-gap: 20px; }
.elementor-wp-gems-submenu-mega a { padding: 8px 12px; }
.elementor-wp-gems-submenu-mega::before { top: -34px; height: 34px; }
.elementor-wp-gems-header-actions { display: flex; align-items: center; gap: 4px; margin-left: auto; }
.elementor-wp-gems-icon-btn, .elementor-wp-gems-cart-link { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 50%; background: none; border: 0; cursor: pointer; position: relative; transition: background .25s, transform .3s var(--ease); }
.elementor-wp-gems-icon-btn:hover { background: var(--bg-2); }
.elementor-wp-gems-icon-btn .elementor-wp-gems-icon { stroke: var(--emerald); }
.elementor-wp-gems-cart-link { background: var(--emerald); color: #fff; margin-left: 6px; }
.elementor-wp-gems-cart-link .elementor-wp-gems-icon { stroke: #fff; }
.elementor-wp-gems-cart-link:hover { transform: scale(1.06); }
.elementor-wp-gems-cart-link-count { position: absolute; top: -3px; right: -3px; min-width: 20px; height: 20px; border-radius: 10px; background: #ff9db6; color: #111; font-size: 11px; font-weight: 700; display: grid; place-items: center; }
.elementor-wp-gems-menu-toggle { display: none; }
.elementor-wp-gems-search-panel { position: absolute; top: calc(100% + 10px); left: 0; right: 0; width: min(1280px, 100% - 48px); margin-inline: auto; border: 1px solid var(--line); border-radius: 24px; background: #fff; box-shadow: 0 30px 60px -24px rgba(16, 33, 26, .3); }
.elementor-wp-gems-search-panel[hidden] { display: none; }
.elementor-wp-gems-search-form { display: flex; align-items: center; gap: 14px; height: 76px; width: 100%; padding-inline: 24px 12px; }
.elementor-wp-gems-search-form .elementor-wp-gems-icon { stroke: var(--muted); }
.elementor-wp-gems-search-form input { flex: 1; border: 0; outline: 0; font-size: 19px; background: none; color: var(--text); }
.elementor-wp-gems-search-form input::placeholder { color: #6b7973; }

/* Mobile drawer */
.elementor-wp-gems-drawer { position: fixed; inset: 0; z-index: 300; visibility: hidden; }
.elementor-wp-gems-drawer.elementor-wp-gems-is-open { visibility: visible; }
.elementor-wp-gems-drawer-scrim { position: absolute; inset: 0; background: rgba(16, 33, 26, .5); backdrop-filter: blur(4px); opacity: 0; transition: opacity .35s; }
.elementor-wp-gems-drawer-panel { position: absolute; top: 0; bottom: 0; left: 0; width: min(390px, 90vw); background: var(--bg); padding: 20px 26px 28px; display: flex; flex-direction: column; transform: translateX(-100%); transition: transform .45s var(--ease); overflow-y: auto; }
.elementor-wp-gems-drawer.elementor-wp-gems-is-open .elementor-wp-gems-drawer-scrim { opacity: 1; }
.elementor-wp-gems-drawer.elementor-wp-gems-is-open .elementor-wp-gems-drawer-panel { transform: none; }
.elementor-wp-gems-drawer-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px; }
.elementor-wp-gems-drawer-list { margin-bottom: 24px; }
.elementor-wp-gems-drawer-list > li { border-bottom: 1px solid var(--line); }
.elementor-wp-gems-drawer-link, .elementor-wp-gems-drawer-accordion { display: flex; width: 100%; justify-content: space-between; align-items: center; padding: 17px 0; background: none; border: 0; font: 600 18px var(--head); letter-spacing: -.02em; color: var(--emerald); text-align: left; cursor: pointer; }
.elementor-wp-gems-drawer-accordion .elementor-wp-gems-icon { stroke: currentColor; transition: transform .3s; }
.elementor-wp-gems-drawer-accordion[aria-expanded="true"] .elementor-wp-gems-icon { transform: rotate(180deg); }
.elementor-wp-gems-drawer-submenu { display: none; padding-bottom: 12px; }
.elementor-wp-gems-drawer-accordion[aria-expanded="true"] + .elementor-wp-gems-drawer-submenu { display: block; }
.elementor-wp-gems-drawer-submenu a { display: block; padding: 9px 0 9px 14px; color: var(--muted); }
.elementor-wp-gems-drawer-submenu a:hover { color: var(--gold-text); }
.elementor-wp-gems-drawer-group { padding: 12px 0 2px 14px; font: 600 11px var(--body); letter-spacing: .14em; text-transform: uppercase; color: var(--gold-text); }
.elementor-wp-gems-drawer-cta { margin-top: auto; }

/* Hero */
.elementor-wp-gems-hero { padding-top: 28px; }
.elementor-wp-gems-hero-inner { display: grid; grid-template-columns: 1.02fr .98fr; align-items: center; gap: clamp(32px, 5vw, 72px); padding-block: clamp(32px, 5vw, 64px) 40px; }

.elementor-wp-gems-hero-facts li { display: flex; align-items: center; gap: 14px; padding: 24px 26px; }
.elementor-wp-gems-hero-facts li + li { border-left: 1px solid var(--line); }
.elementor-wp-gems-hero-facts .elementor-wp-gems-icon { stroke: var(--gold); }
.elementor-wp-gems-hero-facts strong { display: block; font: 600 15px var(--head); letter-spacing: -.02em; color: var(--emerald); }
.elementor-wp-gems-hero-facts span { font-size: 13.5px; color: var(--muted); }
/* Hero on video: full-bleed background with a layered brand overlay */
.elementor-wp-gems-hero { position: relative; isolation: isolate; margin-top: -80px; padding-top: 80px; color: #fff; background: #02290f; }
.elementor-wp-gems-hero-media { position: absolute; inset: 0; z-index: -1; overflow: hidden; }
.elementor-wp-gems-hero-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: grayscale(1) contrast(1.15) brightness(.95); opacity: 0; transition: opacity 1.4s var(--ease); background: url(assets/img/emerald-rough.jpg) center / cover; }
.elementor-wp-gems-hero-video.elementor-wp-gems-is-playing { opacity: 1; }
.elementor-wp-gems-hero-media::before { content: ""; position: absolute; inset: 0; z-index: 0; background: url(assets/img/emerald-rough.jpg) center / cover; }
.elementor-wp-gems-hero-video { z-index: 1; }
.elementor-wp-gems-hero-tint { position: absolute; inset: 0; z-index: 2; background: #0b6b3b; mix-blend-mode: color; opacity: .72; }
.elementor-wp-gems-hero-overlay { position: absolute; inset: 0; z-index: 3; background:
	radial-gradient(65% 55% at 78% 30%, rgba(3, 70, 34, .5), transparent 70%),
	linear-gradient(180deg, rgba(0, 0, 0, .7), transparent 30%, transparent 45%, rgba(0, 0, 0, .96)),
	rgba(0, 12, 6, .3); }
.elementor-wp-gems-hero-overlay::after { content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgba(255, 255, 255, .07) 1px, transparent 1px); background-size: 3px 3px; mix-blend-mode: overlay; opacity: .6; }
.elementor-wp-gems-hero .elementor-wp-gems-btn-outline { background: rgba(255, 255, 255, .1); border-color: rgba(255, 255, 255, .35); color: #fff; backdrop-filter: blur(8px); }
.elementor-wp-gems-hero .elementor-wp-gems-btn-outline:hover { background: #fff; color: var(--emerald); }
/* Hero: centred cinematic layout with a row of gem photo cards */
.elementor-wp-gems-hero .elementor-wp-gems-hero-inner { display: flex; align-items: center; min-height: min(74svh, 720px); padding-block: clamp(48px, 7vw, 96px) clamp(40px, 5vw, 72px); }
.elementor-wp-gems-hero-copy { max-width: 960px; margin-inline: auto; text-align: center; }
.elementor-wp-gems-hero-pill { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 28px; padding: 6px 16px 6px 6px; border: 1px solid rgba(255, 255, 255, .25); border-radius: 999px; background: rgba(255, 255, 255, .1); backdrop-filter: blur(12px); font-size: 14px; color: rgba(255, 255, 255, .9); transition: background .3s; }
.elementor-wp-gems-hero-pill:hover { background: rgba(255, 255, 255, .2); }
.elementor-wp-gems-hero-pill span { padding: 3px 12px; border-radius: 999px; background: linear-gradient(135deg, #d6336c, #bf2a5c); font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.elementor-wp-gems-hero-pill .elementor-wp-gems-icon { stroke: currentColor; }
.elementor-wp-gems-hero h1 { font-size: clamp(40px, 6.4vw, 92px); line-height: 1.02; letter-spacing: -.055em; color: #fff; margin-bottom: 26px; }
.elementor-wp-gems-hero h1 em { background: linear-gradient(110deg, #ffc2d1, #ff8fab 60%, #ff6b98); -webkit-background-clip: text; background-clip: text; }
.elementor-wp-gems-hero .elementor-wp-gems-lead { color: rgba(255, 255, 255, .8); margin-inline: auto; font-size: clamp(16px, 1.6vw, 20px); }
.elementor-wp-gems-hero-cta { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 36px; }
.elementor-wp-gems-hero .elementor-wp-gems-btn { padding: 17px 32px; }
.elementor-wp-gems-hero-proof { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px; margin-top: 30px; font-size: 14px; color: rgba(255, 255, 255, .75); }
.elementor-wp-gems-hero-proof strong { color: #fff; }
.elementor-wp-gems-hero-stars { color: #ffc25a; letter-spacing: 2px; }

/* Trust bar: white card straddling the bottom edge of the hero */
.elementor-wp-gems-hero { display: flow-root; }
.elementor-wp-gems-hero-facts-container { position: relative; z-index: 6; margin-bottom: -52px; }
.elementor-wp-gems-hero-facts { display: grid; grid-template-columns: repeat(4, 1fr); color: var(--emerald); border: 1px solid var(--line); border-radius: 28px; background: #fff; overflow: hidden; box-shadow: 0 1px 2px rgba(16, 33, 26, .05), 0 40px 70px -34px rgba(1, 30, 14, .65); }
.elementor-wp-gems-hero + .elementor-wp-gems-section { padding-top: calc(var(--section-y) + 40px); }
.elementor-wp-gems-hero-facts li { padding: 22px 28px; gap: 16px; }
.elementor-wp-gems-hero-facts .elementor-wp-gems-icon { box-sizing: content-box; width: 24px; height: 24px; padding: 13px; border-radius: 50%; background: linear-gradient(140deg, #e9f6ee, #d5ecdf); color: var(--emerald); transition: background .4s, color .4s, transform .5s var(--ease); }
.elementor-wp-gems-hero-facts li:hover .elementor-wp-gems-icon { background: var(--emerald); color: #fff; transform: scale(1.06); }
.elementor-wp-gems-hero-facts strong { font-size: 15px; }
.elementor-wp-gems-hero-facts span { font-size: 13.5px; }
.elementor-wp-gems-hero-toggle { position: absolute; left: max(24px, calc(50% - 616px)); top: 120px; z-index: 5; display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid rgba(255, 255, 255, .35); border-radius: 50%; background: rgba(255, 255, 255, .12); backdrop-filter: blur(10px); color: #fff; cursor: pointer; transition: background .3s; }
.elementor-wp-gems-hero-toggle:hover { background: rgba(255, 255, 255, .28); }
.elementor-wp-gems-hero-toggle .elementor-wp-gems-icon { stroke: currentColor; }
.elementor-wp-gems-hero-toggle[hidden] { display: none; }
.elementor-wp-gems-hero-video.elementor-wp-gems-is-playing { animation: kenburns 24s ease-in-out infinite alternate; }
@keyframes kenburns { to { transform: scale(1.08); } }

@keyframes float { 50% { transform: translateY(-12px); } }


/* Sections */
.elementor-wp-gems-section { padding-block: var(--section-y); position: relative; }
.elementor-wp-gems-section-alt { background: var(--bg-2); }
/* Consecutive sections on the same background share one gap instead of doubling it. */
.elementor-wp-gems-section:not(.elementor-wp-gems-section-alt) + .elementor-wp-gems-section:not(.elementor-wp-gems-section-alt) { padding-top: 0; }
.elementor-wp-gems-section-head { max-width: 680px; margin-bottom: var(--head-gap); }
.elementor-wp-gems-section-head h2, .elementor-wp-gems-split h2 { font-size: clamp(32px, 3.8vw, 50px); margin-bottom: 18px; }
.elementor-wp-gems-section-head p { color: var(--muted); font-size: 17.5px; }
.elementor-wp-gems-section-head-row { max-width: none; display: flex; justify-content: space-between; align-items: end; gap: 20px; }
.elementor-wp-gems-section-head-row h2 { margin: 0; }

/* Categories: photo bento grid */
.elementor-wp-gems-cats-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px 40px; flex-wrap: wrap; margin-bottom: var(--head-gap); }
.elementor-wp-gems-cats-head h2 { font-size: clamp(32px, 3.8vw, 50px); margin-bottom: 14px; }
.elementor-wp-gems-cats-head p:not(.elementor-wp-gems-eyebrow) { color: var(--muted); font-size: 17.5px; max-width: 46ch; margin: 0; }
.elementor-wp-gems-cats-tabs { display: inline-flex; gap: 4px; padding: 5px; border: 1px solid var(--line); border-radius: 999px; background: #fff; box-shadow: var(--shadow); }
.elementor-wp-gems-cats-tab { padding: 11px 22px; border: 0; border-radius: 999px; background: none; color: #34483f; font: 600 14.5px var(--body); cursor: pointer; transition: background .35s var(--ease), color .3s; }
.elementor-wp-gems-cats-tab:hover { color: var(--emerald); background: var(--bg-2); }
.elementor-wp-gems-cats-tab.elementor-wp-gems-is-active { background: var(--emerald); color: #fff; box-shadow: 0 10px 20px -10px rgba(1, 65, 28, .7); }
.elementor-wp-gems-cats-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; }
.elementor-wp-gems-cat { animation: catIn .7s var(--ease) both; }
.elementor-wp-gems-cat[hidden] { display: none; }
@keyframes catIn { from { opacity: 0; transform: translateY(24px) scale(.97); } }
.elementor-wp-gems-cat a { position: relative; display: block; aspect-ratio: 3 / 4; border-radius: 30px; overflow: hidden; background: var(--bg-2); isolation: isolate; box-shadow: var(--shadow); transition: transform .6s var(--ease), box-shadow .6s var(--ease); }
.elementor-wp-gems-cat a:hover { transform: translateY(-8px); box-shadow: 0 40px 60px -30px rgba(1, 65, 28, .55); }
.elementor-wp-gems-cat img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; transition: transform 1.3s var(--ease); }
.elementor-wp-gems-cat a:hover img { transform: scale(1.1); }
.elementor-wp-gems-cat a::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(1, 26, 12, .25), transparent 30%, rgba(1, 26, 12, .55) 62%, rgba(1, 26, 12, .95)); }
.elementor-wp-gems-cat-count { position: absolute; top: 16px; left: 16px; padding: 6px 13px; border: 1px solid rgba(255, 255, 255, .3); border-radius: 999px; background: rgba(255, 255, 255, .16); backdrop-filter: blur(10px); color: #fff; font: 500 12px var(--body); letter-spacing: .04em; }
.elementor-wp-gems-cat-body { position: absolute; left: 12px; right: 12px; bottom: 12px; display: flex; align-items: center; gap: 12px; height: 104px; padding: 0 14px 0 20px; border: 1px solid rgba(255, 255, 255, .22); border-radius: 22px; background: rgba(255, 255, 255, .13); backdrop-filter: blur(16px) saturate(1.3); -webkit-backdrop-filter: blur(16px) saturate(1.3); color: #fff; }
.elementor-wp-gems-cat-text { flex: 1; min-width: 0; display: grid; grid-template-areas: "name" "sub"; gap: 4px; }
.elementor-wp-gems-cat-tags, .elementor-wp-gems-cat-from { grid-area: sub; font-size: 13px; line-height: 1.3; transition: opacity .4s var(--ease), transform .5s var(--ease); }
.elementor-wp-gems-cat-tags { color: rgba(255, 255, 255, .8); opacity: 0; transform: translateY(6px); }
.elementor-wp-gems-cat a:hover .elementor-wp-gems-cat-tags, .elementor-wp-gems-cat a:focus-visible .elementor-wp-gems-cat-tags { opacity: 1; transform: none; }
.elementor-wp-gems-cat a:hover .elementor-wp-gems-cat-from, .elementor-wp-gems-cat a:focus-visible .elementor-wp-gems-cat-from { opacity: 0; transform: translateY(-6px); }
.elementor-wp-gems-cat strong { grid-area: name; font: 600 clamp(17px, 1.5vw, 21px)/1.15 var(--head); letter-spacing: -.035em; overflow-wrap: anywhere; }
.elementor-wp-gems-cat-from { color: #ffc2d1; }
.elementor-wp-gems-cat-go { flex: none; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: #fff; color: var(--emerald); transition: transform .5s var(--ease), background .3s, color .3s; }
.elementor-wp-gems-cat-go .elementor-wp-gems-icon { stroke: currentColor; }
.elementor-wp-gems-cat a:hover .elementor-wp-gems-cat-go { transform: rotate(-45deg); background: var(--gold); color: #fff; }

/* Finder: three quick tools (birth month, star sign, intention) */
.elementor-wp-gems-finder { position: relative; padding-block: var(--section-y); background: var(--bg-2); }
.elementor-wp-gems-finder-head { max-width: 760px; margin: 0 auto var(--head-gap); text-align: center; }
.elementor-wp-gems-finder-head h2 { font-size: clamp(32px, 4vw, 52px); margin-bottom: 16px; }
.elementor-wp-gems-finder-head p:not(.elementor-wp-gems-eyebrow) { max-width: 60ch; margin: 0 auto; color: var(--muted); font-size: 17.5px; }
.elementor-wp-gems-finder-tools { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; align-items: stretch; }
.elementor-wp-gems-tool { display: flex; flex-direction: column; padding: 32px 28px 28px; border: 1px solid var(--line); border-radius: 32px; background: #fff; box-shadow: var(--shadow); transition: transform .6s var(--ease), box-shadow .6s var(--ease), border-color .4s; }
.elementor-wp-gems-tool:hover { transform: translateY(-6px); border-color: rgba(214, 51, 108, .35); box-shadow: 0 2px 4px rgba(16, 33, 26, .04), 0 40px 60px -32px rgba(1, 65, 28, .4); }
.elementor-wp-gems-tool-icon { display: grid; place-items: center; width: 64px; height: 64px; margin-bottom: 22px; border-radius: 20px; background: linear-gradient(140deg, #e9f6ee, #d2ebdc); color: var(--emerald); transition: background .4s, color .4s, transform .6s var(--ease); }
.elementor-wp-gems-tool-icon .elementor-wp-gems-icon { stroke: currentColor; }
.elementor-wp-gems-tool:hover .elementor-wp-gems-tool-icon { background: var(--emerald); color: #fff; transform: rotate(-6deg) scale(1.05); }
.elementor-wp-gems-tool h3 { font-size: 24px; margin-bottom: 6px; }
.elementor-wp-gems-tool-desc { margin-bottom: 22px; color: var(--muted); }
.elementor-wp-gems-tool-label { margin-bottom: 10px; font: 600 11.5px var(--body); letter-spacing: .14em; text-transform: uppercase; color: var(--gold-text); }
.elementor-wp-gems-tool-chips { display: grid; gap: 8px; }
.elementor-wp-gems-tool-chips-4 { grid-template-columns: repeat(4, 1fr); }
.elementor-wp-gems-tool-chips-3 { grid-template-columns: repeat(3, 1fr); }
.elementor-wp-gems-tool-chips-2 { grid-template-columns: repeat(2, 1fr); }
.elementor-wp-gems-tool-chip { min-height: 42px; padding: 8px 6px; border: 1px solid var(--line); border-radius: 14px; background: var(--bg); color: #34483f; font: 600 13px var(--body); cursor: pointer; transition: background .3s, color .3s, border-color .3s, transform .4s var(--ease), box-shadow .4s; }
.elementor-wp-gems-tool-chip:hover { border-color: var(--emerald); color: var(--emerald); transform: translateY(-2px); }
.elementor-wp-gems-tool-chip[aria-pressed="true"] { background: var(--emerald); border-color: var(--emerald); color: #fff; box-shadow: 0 12px 22px -12px rgba(1, 65, 28, .9); }
.elementor-wp-gems-tool-result { margin: 18px 0 22px; padding: 18px 20px; min-height: 152px; border-radius: 20px; background: var(--bg-2); }
.elementor-wp-gems-tool-hint { margin: 0; color: var(--muted); font-size: 14.5px; }
.elementor-wp-gems-tool-out small { display: block; font: 600 11px var(--body); letter-spacing: .14em; text-transform: uppercase; color: var(--gold-text); }
.elementor-wp-gems-tool-out strong { display: block; margin: 4px 0 6px; font: 700 24px/1.15 var(--head); letter-spacing: -.04em; color: var(--emerald); }
.elementor-wp-gems-tool-out p { margin: 0 0 10px; font-size: 14.5px; color: var(--muted); }
.elementor-wp-gems-tool-out:not([hidden]) { animation: catIn .5s var(--ease); }
.elementor-wp-gems-tool-cta { width: 100%; margin-top: auto; }

/* Products */
.elementor-wp-gems-products { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px 20px; }
.elementor-wp-gems-products-five { grid-template-columns: repeat(5, 1fr); }
.elementor-wp-gems-product { display: flex; flex-direction: column; padding: 10px; border: 1px solid var(--line); border-radius: 30px; background: #fff; box-shadow: var(--shadow); transition: transform .6s var(--ease), box-shadow .6s var(--ease), border-color .4s; }
.elementor-wp-gems-product:hover { transform: translateY(-8px); border-color: rgba(214, 51, 108, .35); box-shadow: 0 2px 4px rgba(16, 33, 26, .04), 0 40px 60px -30px rgba(1, 65, 28, .35); }
.elementor-wp-gems-product-media { position: relative; aspect-ratio: 1 / 1.02; border-radius: 22px; background: var(--bg-2); overflow: hidden; }
.elementor-wp-gems-product-media > a { position: absolute; inset: 0; }
.elementor-wp-gems-product-media img { width: 100%; height: 100%; object-fit: cover; transition: transform 1s var(--ease); }
.elementor-wp-gems-product:hover .elementor-wp-gems-product-media img { transform: scale(1.07); }
.elementor-wp-gems-product-media::after { content: ""; position: absolute; inset: auto 0 0; height: 38%; background: linear-gradient(0deg, rgba(1, 26, 12, .45), transparent); pointer-events: none; opacity: 0; transition: opacity .5s; }
.elementor-wp-gems-product:hover .elementor-wp-gems-product-media::after { opacity: 1; }
.elementor-wp-gems-badge { position: absolute; top: 14px; left: 14px; z-index: 2; padding: 6px 13px; border-radius: 999px; background: rgba(255, 255, 255, .92); backdrop-filter: blur(8px); color: var(--emerald); font: 700 11px var(--body); letter-spacing: .1em; text-transform: uppercase; box-shadow: 0 8px 20px -10px rgba(0, 0, 0, .4); }
.elementor-wp-gems-badge::before { content: ""; display: inline-block; width: 6px; height: 6px; margin-right: 7px; border-radius: 50%; background: var(--gold); vertical-align: 1px; }
.elementor-wp-gems-product-favorite { position: absolute; top: 12px; right: 12px; z-index: 3; display: grid; place-items: center; width: 40px; height: 40px; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .92); backdrop-filter: blur(8px); color: var(--emerald); cursor: pointer; opacity: 0; transform: translateY(-8px) scale(.9); transition: opacity .4s, transform .5s var(--ease), background .3s, color .3s; }
.elementor-wp-gems-product:hover .elementor-wp-gems-product-favorite, .elementor-wp-gems-product-favorite:focus-visible, .elementor-wp-gems-product-favorite.elementor-wp-gems-is-on { opacity: 1; transform: none; }
.elementor-wp-gems-product-favorite .elementor-wp-gems-icon { stroke: currentColor; }
.elementor-wp-gems-product-favorite:hover, .elementor-wp-gems-product-favorite.elementor-wp-gems-is-on { background: var(--gold); color: #fff; }
.elementor-wp-gems-product-favorite.elementor-wp-gems-is-on .elementor-wp-gems-icon path { fill: currentColor; }
.elementor-wp-gems-product-certificate { position: absolute; left: 14px; bottom: 14px; z-index: 2; display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px 6px 8px; border: 1px solid rgba(255, 255, 255, .35); border-radius: 999px; background: rgba(1, 30, 14, .55); backdrop-filter: blur(10px); color: #fff; font: 500 11.5px var(--body); letter-spacing: .04em; }
.elementor-wp-gems-product-certificate .elementor-wp-gems-icon { stroke: #ff9db6; }
.elementor-wp-gems-product-info { display: flex; flex-direction: column; flex: 1; padding: 18px 10px 8px; }
.elementor-wp-gems-product-meta { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
.elementor-wp-gems-product-type { margin: 0; font: 600 11.5px var(--body); letter-spacing: .16em; text-transform: uppercase; color: var(--gold-text); }
.elementor-wp-gems-product h3 { font: 600 18px/1.3 var(--head); letter-spacing: -.03em; margin-bottom: 6px; }
.elementor-wp-gems-product h3 a:hover { color: var(--gold-text); }
.elementor-wp-gems-product-spec { margin: 0 0 16px; font-size: 13.5px; color: var(--muted); }
.elementor-wp-gems-product-buy { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: auto; padding-top: 14px; border-top: 1px dashed var(--line); }
.elementor-wp-gems-price { font: 700 20px var(--head); color: var(--emerald); margin: 0; letter-spacing: -.04em; }
.elementor-wp-gems-price s { margin-left: 4px; font: 500 13px var(--body); letter-spacing: 0; color: var(--muted); }
.elementor-wp-gems-product-add { display: inline-flex; align-items: center; gap: 8px; height: 46px; padding: 0 18px 0 14px; border: 0; border-radius: 999px; background: var(--emerald); color: #fff; font: 600 14px var(--body); cursor: pointer; transition: background .3s, transform .4s var(--ease), box-shadow .4s; }
.elementor-wp-gems-product-add .elementor-wp-gems-icon { stroke: currentColor; }
.elementor-wp-gems-product-add:hover, .elementor-wp-gems-product:hover .elementor-wp-gems-product-add { background: linear-gradient(135deg, #d6336c, #bf2a5c); box-shadow: 0 14px 26px -12px rgba(214, 51, 108, .8); }
.elementor-wp-gems-product-add:active { transform: scale(.95); }
.elementor-wp-gems-products-five .elementor-wp-gems-btn { margin-top: auto; align-self: flex-start; }
.elementor-wp-gems-products-five .elementor-wp-gems-product-info { padding-bottom: 12px; }

/* Banner */
.elementor-wp-gems-banner { position: relative; overflow: hidden; padding-block: var(--section-y); background: linear-gradient(100deg, rgba(1, 36, 16, .94) 10%, rgba(1, 41, 18, .68) 55%, rgba(1, 41, 18, .4)), url(assets/img/hunza-valley.jpg) center / cover no-repeat, #032b14; }
.elementor-wp-gems-banner-inner { display: grid; grid-template-columns: 1.15fr .85fr; gap: 64px; align-items: center; }
.elementor-wp-gems-banner h2 { font-size: clamp(34px, 4.2vw, 56px); margin-bottom: 22px; color: #fff; }
.elementor-wp-gems-banner h2 em { background: linear-gradient(110deg, #ffc2d1, #ff8fab); -webkit-background-clip: text; background-clip: text; }
.elementor-wp-gems-banner .elementor-wp-gems-lead { margin-bottom: 32px; color: #b9cdc5; }
.elementor-wp-gems-regions { border: 1px solid var(--line); border-radius: 28px; background: var(--surface); padding: 8px 32px; }
.elementor-wp-gems-regions li { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 26px 0; border-bottom: 1px solid var(--line); }
.elementor-wp-gems-regions li:last-child { border: 0; }
.elementor-wp-gems-regions strong { font: 600 20px var(--head); letter-spacing: -.03em; }
.elementor-wp-gems-regions span { color: var(--gold-text); font-size: 14px; text-align: right; }

.elementor-wp-gems-split { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(36px, 6vw, 96px); align-items: center; }
.elementor-wp-gems-split p { color: var(--muted); }

/* Assurance: story + certificate */
.elementor-wp-gems-assure { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: clamp(32px, 6vw, 96px); align-items: center; }
.elementor-wp-gems-assure-copy h2 { font-size: clamp(32px, 3.8vw, 52px); margin-bottom: 18px; }
.elementor-wp-gems-assure-copy > p:not(.elementor-wp-gems-eyebrow) { max-width: 52ch; margin-bottom: 28px; color: var(--muted); font-size: 17.5px; }
.elementor-wp-gems-assure-points { margin-bottom: 32px; border-top: 1px solid var(--line); }
.elementor-wp-gems-assure-points li { display: grid; grid-template-columns: 44px 1fr; gap: 16px; align-items: center; padding: 18px 0; border-bottom: 1px solid var(--line); }
.elementor-wp-gems-assure-icon { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: linear-gradient(140deg, #e9f6ee, #d2ebdc); color: var(--emerald); transition: background .4s, color .4s; }
.elementor-wp-gems-assure-points li:hover .elementor-wp-gems-assure-icon { background: var(--emerald); color: #fff; }
.elementor-wp-gems-assure-icon .elementor-wp-gems-icon { stroke: currentColor; }
.elementor-wp-gems-assure-points strong { display: block; font: 600 17px var(--head); letter-spacing: -.02em; color: var(--emerald); }
.elementor-wp-gems-assure-points span:not(.elementor-wp-gems-assure-icon) { font-size: 14.5px; color: var(--muted); }
.elementor-wp-gems-assure-actions { display: flex; align-items: center; gap: 28px; flex-wrap: wrap; }
.elementor-wp-gems-assure-visual { position: relative; padding: 0 0 44px 44px; }
.elementor-wp-gems-assure-photo { aspect-ratio: 5 / 5.4; border-radius: 36px; overflow: hidden; background: var(--bg-2); box-shadow: 0 50px 80px -44px rgba(1, 65, 28, .6); }
.elementor-wp-gems-assure-photo img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.4s var(--ease); }
.elementor-wp-gems-assure-visual:hover .elementor-wp-gems-assure-photo img { transform: scale(1.05); }
.elementor-wp-gems-assure-badge { position: absolute; top: 18px; right: 18px; display: inline-flex; align-items: center; gap: 7px; padding: 8px 14px 8px 10px; border: 1px solid rgba(255, 255, 255, .4); border-radius: 999px; background: rgba(255, 255, 255, .88); backdrop-filter: blur(10px); color: var(--emerald); font: 600 12.5px var(--body); }
.elementor-wp-gems-assure-certificate { position: absolute; left: 0; bottom: 0; width: min(330px, 80%); padding: 22px 24px; border: 1px solid var(--line); border-radius: 26px; background: rgba(255, 255, 255, .95); backdrop-filter: blur(14px); box-shadow: 0 30px 60px -28px rgba(1, 30, 14, .55); }
.elementor-wp-gems-assure-seal { display: grid; place-items: center; width: 46px; height: 46px; margin-bottom: 14px; border-radius: 50%; background: linear-gradient(135deg, #d6336c, #bf2a5c); color: #fff; box-shadow: 0 12px 22px -10px rgba(214, 51, 108, .8); }
.elementor-wp-gems-assure-seal .elementor-wp-gems-icon { stroke: currentColor; }
.elementor-wp-gems-assure-certificate strong { display: block; margin-bottom: 10px; font: 700 17px/1.25 var(--head); letter-spacing: -.03em; color: var(--emerald); }
.elementor-wp-gems-assure-certificate ul { display: grid; gap: 6px; }
.elementor-wp-gems-assure-certificate li { display: flex; align-items: center; gap: 8px; font-size: 13.5px; color: #34483f; }
.elementor-wp-gems-assure-certificate li .elementor-wp-gems-icon { color: var(--gold-text); stroke: currentColor; }

/* Style CTA */
.elementor-wp-gems-style-cta { position: relative; overflow: hidden; padding-block: var(--section-y); background: linear-gradient(135deg, #e8457a, #d6336c 55%, #b3204f); }
.elementor-wp-gems-style-cta::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgba(255, 255, 255, .18) 1px, transparent 1px); background-size: 22px 22px; }
.elementor-wp-gems-style-cta .elementor-wp-gems-container { position: relative; }
.elementor-wp-gems-style-cta-inner { display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(32px, 6vw, 90px); align-items: center; }
.elementor-wp-gems-style-cta h2 { color: #fff; font-size: clamp(32px, 4.2vw, 58px); margin-bottom: 20px; }
.elementor-wp-gems-style-cta h2 em { background: none; color: #01411c; }
.elementor-wp-gems-style-cta p { color: rgba(255, 255, 255, .88); font-size: 18px; max-width: 46ch; margin-bottom: 30px; }
.elementor-wp-gems-style-cta-photo { aspect-ratio: 4 / 4.6; max-width: 440px; margin-left: auto; border-radius: 36px; overflow: hidden; rotate: 2deg; box-shadow: 0 40px 70px -30px rgba(60, 0, 20, .7); }
.elementor-wp-gems-style-cta-photo img { width: 100%; height: 100%; object-fit: cover; }

/* Journal */
.elementor-wp-gems-journal { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.elementor-wp-gems-post { display: block; }
.elementor-wp-gems-post-art { display: block; aspect-ratio: 4 / 3; margin-bottom: 22px; border: 1px solid var(--line); border-radius: var(--r); overflow: hidden; }
.elementor-wp-gems-post-art img { width: 100%; height: 100%; object-fit: cover; transition: transform 1s var(--ease); }
.elementor-wp-gems-post:hover .elementor-wp-gems-post-art img { transform: scale(1.08); }
.elementor-wp-gems-post-tag { font: 500 12px var(--body); letter-spacing: .14em; text-transform: uppercase; color: var(--gold-text); }
.elementor-wp-gems-post h3 { font-size: 21px; line-height: 1.3; margin: 10px 0 16px; transition: color .3s; }
.elementor-wp-gems-post:hover h3 { color: var(--gold-text); }

/* FAQ */
.elementor-wp-gems-split-faq { align-items: start; }
.elementor-wp-gems-faq details { margin-bottom: 12px; border: 1px solid var(--line); border-radius: 20px; background: #fff; transition: border-color .3s, box-shadow .3s; }
.elementor-wp-gems-faq details[open] { border-color: var(--gold-2); box-shadow: var(--shadow); }
.elementor-wp-gems-faq summary { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 22px 26px; cursor: pointer; font: 600 17px var(--head); letter-spacing: -.02em; color: var(--emerald); list-style: none; }
.elementor-wp-gems-faq summary::-webkit-details-marker { display: none; }
.elementor-wp-gems-faq summary .elementor-wp-gems-icon { stroke: var(--gold); transition: transform .35s var(--ease); }
.elementor-wp-gems-faq details[open] summary .elementor-wp-gems-icon { transform: rotate(45deg); }
.elementor-wp-gems-faq details p { padding: 0 26px 24px; margin: 0; color: var(--muted); max-width: 58ch; }

/* Newsletter */
.elementor-wp-gems-newsletter { padding-block: 0; }
.elementor-wp-gems-newsletter-inner { display: flex; justify-content: space-between; align-items: center; gap: 32px; flex-wrap: wrap; padding: clamp(32px, 5vw, 56px); border-radius: 36px; background: radial-gradient(60% 120% at 100% 0%, rgba(255, 143, 171, .28), transparent 70%), var(--emerald); }
.elementor-wp-gems-newsletter h2 { font-size: clamp(28px, 3.2vw, 40px); margin-bottom: 10px; color: #fff; }
.elementor-wp-gems-newsletter p { margin: 0; color: var(--muted); }
.elementor-wp-gems-newsletter-form { display: flex; gap: 8px; padding: 6px; border: 1px solid var(--line); border-radius: 999px; background: rgba(255, 255, 255, .08); width: min(480px, 100%); }
.elementor-wp-gems-newsletter-form input { flex: 1; min-width: 0; padding: 0 20px; background: none; border: 0; outline: 0; color: #fff; }
.elementor-wp-gems-newsletter-form input::placeholder { color: var(--muted); }

/* Contact */
.elementor-wp-gems-contact li { display: flex; align-items: center; gap: 16px; padding: 12px 0; font-weight: 500; }
.elementor-wp-gems-contact .elementor-wp-gems-icon { stroke: var(--gold); }
.elementor-wp-gems-contact a:hover { color: var(--gold-text); }
.elementor-wp-gems-form { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; padding: 38px; border: 1px solid var(--line); border-radius: 32px; background: #fff; box-shadow: var(--shadow); }
.elementor-wp-gems-form label { display: grid; gap: 8px; font-size: 13px; font-weight: 500; color: var(--muted); }
.elementor-wp-gems-form input, .elementor-wp-gems-form textarea { padding: 14px 16px; border: 1px solid var(--line); border-radius: 14px; background: var(--bg); color: var(--text); resize: vertical; transition: border-color .25s, box-shadow .25s; }
.elementor-wp-gems-form input:focus, .elementor-wp-gems-form textarea:focus { outline: 0; border-color: var(--gold); box-shadow: 0 0 0 4px rgba(214, 51, 108, .14); }
.elementor-wp-gems-form-full { grid-column: 1 / -1; }

/* Footer */
.elementor-wp-gems-site-footer { margin-top: 24px; padding-top: var(--section-y); background: #032b14; font-size: 15px; }
.elementor-wp-gems-trust { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.elementor-wp-gems-trust li { display: flex; gap: 16px; align-items: center; padding: 22px; border: 1px solid var(--line); border-radius: 20px; background: var(--surface); }
.elementor-wp-gems-trust .elementor-wp-gems-icon { stroke: var(--gold); }
.elementor-wp-gems-trust strong { display: block; color: #fff; font: 600 15px var(--head); letter-spacing: -.02em; }
.elementor-wp-gems-trust span { font-size: 13px; color: var(--muted); }
.elementor-wp-gems-footer-grid { display: grid; grid-template-columns: 1.7fr 1fr 1fr 1fr; gap: 56px; padding-block: 72px; }
.elementor-wp-gems-footer-about p { margin: 20px 0; max-width: 42ch; color: var(--muted); }
.elementor-wp-gems-site-footer .elementor-wp-gems-brand { color: var(--gold-text); }
.elementor-wp-gems-footer-contact { display: grid; gap: 10px; }
.elementor-wp-gems-footer-contact a { display: flex; align-items: center; gap: 10px; }
.elementor-wp-gems-footer-contact a:hover, .elementor-wp-gems-footer-col a:hover { color: var(--gold-text); }
.elementor-wp-gems-footer-contact .elementor-wp-gems-icon, .elementor-wp-gems-social .elementor-wp-gems-icon { stroke: currentColor; }
.elementor-wp-gems-social { display: flex; gap: 10px; margin-top: 24px; }
.elementor-wp-gems-social a { display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid var(--line); border-radius: 50%; color: #fff; transition: all .35s var(--ease); }
.elementor-wp-gems-social a:hover { background: var(--gold); border-color: var(--gold); color: #fff; transform: translateY(-4px); }
.elementor-wp-gems-footer-col h2 { font: 600 16px var(--head); letter-spacing: -.02em; color: #fff; margin-bottom: 20px; }
.elementor-wp-gems-footer-col li { padding: 7px 0; }
.elementor-wp-gems-footer-col a { display: inline-block; color: var(--muted); transition: color .25s, transform .3s var(--ease); }
.elementor-wp-gems-footer-col a:hover { transform: translateX(5px); }
.elementor-wp-gems-footer-bar { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; padding-block: 26px; border-top: 1px solid var(--line); font-size: 13.5px; color: var(--muted); }
.elementor-wp-gems-footer-bar p { margin: 0; }
.elementor-wp-gems-payment-methods { display: flex; gap: 8px; flex-wrap: wrap; }
.elementor-wp-gems-payment-methods span { padding: 5px 13px; border: 1px solid var(--line); border-radius: 8px; font-size: 12px; }
.elementor-wp-gems-whatsapp-float { position: fixed; right: 22px; bottom: 22px; z-index: 90; display: grid; place-items: center; width: 58px; height: 58px; border-radius: 50%; background: #25d366; box-shadow: 0 14px 34px -8px rgba(37, 211, 102, .6); transition: transform .35s var(--ease); }
.elementor-wp-gems-whatsapp-float:hover { transform: scale(1.1) rotate(-6deg); }
.elementor-wp-gems-whatsapp-float .elementor-wp-gems-icon { stroke: #fff; }

/* Scroll reveal */
.elementor-wp-gems-js .elementor-wp-gems-reveal { opacity: 0; transform: translateY(32px); transition: opacity .9s var(--ease), transform .9s var(--ease); transition-delay: var(--d, 0s); }
.elementor-wp-gems-js .elementor-wp-gems-reveal.elementor-wp-gems-is-in { opacity: 1; transform: none; }

/* Motion */
.elementor-wp-gems-progress { position: fixed; top: 0; left: 0; right: 0; height: 3px; z-index: 500; transform: scaleX(0); transform-origin: left; background: linear-gradient(90deg, #ff9db6, #d6336c); pointer-events: none; }
.elementor-wp-gems-site-header { transition: transform .5s var(--ease); }
.elementor-wp-gems-site-header.elementor-wp-gems-is-hidden { transform: translateY(-140%); }

.elementor-wp-gems-js .elementor-wp-gems-word { display: inline-block; overflow: hidden; vertical-align: top; padding-bottom: .12em; margin-bottom: -.12em; }
.elementor-wp-gems-js .elementor-wp-gems-word > span { display: inline-block; transform: translateY(110%); transition: transform 1s var(--ease); transition-delay: calc(.15s + var(--i) * .07s); }
.elementor-wp-gems-js.elementor-wp-gems-is-ready .elementor-wp-gems-word > span { transform: none; }
.elementor-wp-gems-js .elementor-wp-gems-hero-cta, .elementor-wp-gems-js .elementor-wp-gems-hero-proof, .elementor-wp-gems-js .elementor-wp-gems-hero .elementor-wp-gems-lead, .elementor-wp-gems-js .elementor-wp-gems-hero .elementor-wp-gems-eyebrow { opacity: 0; transform: translateY(18px); transition: opacity .8s var(--ease), transform .8s var(--ease); }
.elementor-wp-gems-js.elementor-wp-gems-is-ready .elementor-wp-gems-hero .elementor-wp-gems-eyebrow { opacity: 1; transform: none; }
.elementor-wp-gems-js.elementor-wp-gems-is-ready .elementor-wp-gems-hero .elementor-wp-gems-lead { opacity: 1; transform: none; transition-delay: .55s; }
.elementor-wp-gems-js.elementor-wp-gems-is-ready .elementor-wp-gems-hero-cta { opacity: 1; transform: none; transition-delay: .85s; }
.elementor-wp-gems-js.elementor-wp-gems-is-ready .elementor-wp-gems-hero-proof { opacity: 1; transform: none; transition-delay: 1s; }
.elementor-wp-gems-js .elementor-wp-gems-hero-copy.elementor-wp-gems-reveal { opacity: 1; transform: none; }

@keyframes spin { to { transform: rotate(360deg); } }

.elementor-wp-gems-btn { translate: var(--tx, 0) var(--ty, 0); }
.elementor-wp-gems-btn-gold, .elementor-wp-gems-btn-dark { position: relative; overflow: hidden; }
.elementor-wp-gems-btn-gold::after, .elementor-wp-gems-btn-dark::after { content: ""; position: absolute; inset: 0; background: linear-gradient(105deg, transparent 35%, rgba(255, 255, 255, .5) 50%, transparent 65%); transform: translateX(-120%); }
.elementor-wp-gems-btn-gold:hover::after, .elementor-wp-gems-btn-dark:hover::after { transform: translateX(120%); transition: transform .8s var(--ease); }

.elementor-wp-gems-spotlight { position: relative; }
.elementor-wp-gems-spotlight::before { content: ""; position: absolute; inset: 0; z-index: 1; border-radius: inherit; pointer-events: none; opacity: 0; transition: opacity .3s; background: radial-gradient(260px circle at var(--mx, 50%) var(--my, 50%), rgba(255, 143, 171, .3), transparent 65%); }
.elementor-wp-gems-spotlight:hover::before { opacity: 1; }
.elementor-wp-gems-trust .elementor-wp-gems-spotlight::before, .elementor-wp-gems-trust li.elementor-wp-gems-spotlight::before { background: radial-gradient(260px circle at var(--mx, 50%) var(--my, 50%), rgba(255, 157, 182, .16), transparent 65%); }

.elementor-wp-gems-section-head h2, .elementor-wp-gems-split h2, .elementor-wp-gems-banner h2, .elementor-wp-gems-style-cta h2 { background-size: 100% 100%; }
.elementor-wp-gems-section-head .elementor-wp-gems-eyebrow::before { animation: pulse 2.4s ease-in-out infinite; }
@keyframes pulse { 50% { box-shadow: 0 0 0 6px rgba(214, 51, 108, .18); } }
@keyframes bob { 50% { translate: 0 -5px; } }
@keyframes drift { to { background-position: 220px 220px; } }


/* Responsive */
@media (max-width: 1100px) {
	.elementor-wp-gems-primary-nav { display: none; }
	.elementor-wp-gems-finder-tools { grid-template-columns: 1fr; }
	.elementor-wp-gems-tool-chips-4 { grid-template-columns: repeat(6, 1fr); }
	.elementor-wp-gems-tool-chips-3 { grid-template-columns: repeat(4, 1fr); }
	.elementor-wp-gems-tool-chips-2 { grid-template-columns: repeat(3, 1fr); }
	.elementor-wp-gems-cats-grid { grid-template-columns: repeat(2, 1fr); }
	.elementor-wp-gems-cat a { aspect-ratio: 4 / 3.4; }
	.elementor-wp-gems-menu-toggle { display: grid; }
	.elementor-wp-gems-header-inner { gap: 10px; padding-left: 8px; }
	.elementor-wp-gems-brand { margin-inline: auto; }
	.elementor-wp-gems-header-actions { margin-left: 0; }
	.elementor-wp-gems-products-five, .elementor-wp-gems-products { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 860px) {
	.elementor-wp-gems-topbar .elementor-wp-gems-topbar-right { display: none; }
	.elementor-wp-gems-topbar-inner { justify-content: center; }
	.elementor-wp-gems-hero-inner, .elementor-wp-gems-banner-inner, .elementor-wp-gems-split, .elementor-wp-gems-style-cta-inner, .elementor-wp-gems-assure { grid-template-columns: 1fr; }
	.elementor-wp-gems-style-cta-photo { margin: 0 auto; }
	.elementor-wp-gems-cats-grid { grid-template-columns: repeat(2, 1fr); }
	.elementor-wp-gems-cats-tabs { overflow-x: auto; max-width: 100%; }
	.elementor-wp-gems-hero-facts { grid-template-columns: repeat(2, 1fr); }
	.elementor-wp-gems-hero-facts li:nth-child(3) { border-left: 0; }
	.elementor-wp-gems-hero-facts li:nth-child(n+3) { border-top: 1px solid var(--line); }
	.elementor-wp-gems-journal { grid-template-columns: 1fr; }
	.elementor-wp-gems-products, .elementor-wp-gems-products-five { grid-template-columns: repeat(2, 1fr); }
	.elementor-wp-gems-trust { grid-template-columns: repeat(2, 1fr); }
	.elementor-wp-gems-footer-grid { grid-template-columns: 1fr 1fr; gap: 40px; }
	.elementor-wp-gems-footer-about { grid-column: 1 / -1; }
}
@media (max-width: 560px) {
	.elementor-wp-gems-container { width: min(1280px, 100% - 32px); }
	.elementor-wp-gems-site-header { top: 8px; margin-top: 8px; }
	.elementor-wp-gems-header-inner { height: 60px; }
	.elementor-wp-gems-hide-sm { display: none; }
	.elementor-wp-gems-assure-visual { padding: 0; }
	.elementor-wp-gems-assure-certificate { position: relative; width: auto; margin: -48px 14px 0; }
	.elementor-wp-gems-tool { padding: 26px 20px 22px; border-radius: 26px; }
	.elementor-wp-gems-tool-chips-4, .elementor-wp-gems-tool-chips-3 { grid-template-columns: repeat(3, 1fr); }
	.elementor-wp-gems-tool-chips-2 { grid-template-columns: repeat(2, 1fr); }
	.elementor-wp-gems-hero-facts { grid-template-columns: 1fr; }
	.elementor-wp-gems-hero-facts li + li { border-left: 0; border-top: 1px solid var(--line); }
	.elementor-wp-gems-products { gap: 14px 12px; }
	.elementor-wp-gems-product { padding: 8px; border-radius: 24px; }
	.elementor-wp-gems-product-media { border-radius: 18px; }
	.elementor-wp-gems-product-info { padding: 14px 6px 6px; }
	.elementor-wp-gems-product h3 { font-size: 15px; }
	.elementor-wp-gems-product-spec { font-size: 12.5px; margin-bottom: 12px; }
	.elementor-wp-gems-product-certificate { display: none; }
	.elementor-wp-gems-price { font-size: 16px; }
	.elementor-wp-gems-product-add { width: 42px; height: 42px; padding: 0; justify-content: center; }
	.elementor-wp-gems-product-add span { display: none; }
	.elementor-wp-gems-cats-grid { gap: 12px; }
	.elementor-wp-gems-cats-head { align-items: flex-start; }
	.elementor-wp-gems-cat a { border-radius: 24px; }
	.elementor-wp-gems-cat-body { left: 8px; right: 8px; bottom: 8px; height: 68px; padding: 0 10px 0 12px; border-radius: 16px; }
	.elementor-wp-gems-cat-go { width: 32px; height: 32px; }
	.elementor-wp-gems-cat-count { display: none; }
	.elementor-wp-gems-cat strong { font-size: 15px; }
	.elementor-wp-gems-cat-from, .elementor-wp-gems-cat-tags { display: none; }
	.elementor-wp-gems-cat a { aspect-ratio: 3 / 4; }
	.elementor-wp-gems-form { grid-template-columns: 1fr; padding: 24px; }
	.elementor-wp-gems-newsletter-form { flex-direction: column; border-radius: 22px; }
	.elementor-wp-gems-newsletter-form input { padding: 12px 16px; }
	.elementor-wp-gems-trust { grid-template-columns: 1fr; }
	.elementor-wp-gems-footer-grid { grid-template-columns: 1fr; gap: 32px; padding-block: 48px; }
	.elementor-wp-gems-section-head-row { flex-direction: column; align-items: start; }
	.elementor-wp-gems-regions { padding: 4px 22px; }
}
/* Touch screens have no hover: keep the wishlist button visible. */
@media (hover: none) {
	.elementor-wp-gems-product-favorite { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
	.elementor-wp-gems-progress { display: none; }
	*, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
	.elementor-wp-gems-js .elementor-wp-gems-reveal { opacity: 1; transform: none; }
}

/* Forms: required-field cues */
.elementor-wp-gems-form .elementor-wp-gems-required-mark { color: var(--gold-text); }
.elementor-wp-gems-honeypot { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.elementor-wp-gems-form-note { grid-column: 1 / -1; margin: 0; font-size: 13px; color: var(--muted); }
.elementor-wp-gems-form-note span { color: var(--gold-text); }
.elementor-wp-gems-search-form input:focus-visible { outline: 2px solid var(--gold); outline-offset: 6px; border-radius: 8px; }