.elementor-kit-7{--e-global-color-primary:#D4B26C;--e-global-color-secondary:#D8BD7D;--e-global-color-text:#F3F0E8;--e-global-color-accent:#0B2A22;--e-global-color-sbsurf:#123A30;--e-global-color-sbline:#24493E;--e-global-color-sbmute:#B4C7BF;--e-global-color-sbsoft:#E3DECF;--e-global-color-sbhi:#FFFFFF;--e-global-color-sbglass:#FFFFFF12;--e-global-color-sbglassb:#FFFFFF1F;--e-global-color-sbpanel:#0B2A22F7;--e-global-color-sbfoot:#08211B;--e-global-color-sbpane:#123A308C;--e-global-color-sbpane2:#123A30CC;--e-global-color-sblight:#F3F0E8;--e-global-color-sbink:#0B2A22;--e-global-color-sbinkm:#3F564E;--e-global-color-sblline:#E2DACA;--e-global-color-sbstar:#D9A441;--e-global-color-sbwhite:#FFFFFF;--e-global-typography-primary-font-family:"Readex Pro";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Readex Pro";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Readex Pro";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Readex Pro";--e-global-typography-accent-font-weight:700;--e-global-typography-sbhero-font-family:"Readex Pro";--e-global-typography-sbhero-font-size:60px;--e-global-typography-sbhero-font-weight:700;--e-global-typography-sbhero-line-height:1.45em;--e-global-typography-sbsect-font-family:"Readex Pro";--e-global-typography-sbsect-font-size:42px;--e-global-typography-sbsect-font-weight:700;--e-global-typography-sbsect-line-height:1.5em;--e-global-typography-sbcard-font-family:"Readex Pro";--e-global-typography-sbcard-font-size:20px;--e-global-typography-sbcard-font-weight:700;--e-global-typography-sbcard-line-height:1.6em;--e-global-typography-sbeyeb-font-family:"Readex Pro";--e-global-typography-sbeyeb-font-size:15px;--e-global-typography-sbeyeb-font-weight:700;--e-global-typography-sbeyeb-line-height:1.6em;--e-global-typography-sblead-font-family:"Readex Pro";--e-global-typography-sblead-font-size:19px;--e-global-typography-sblead-font-weight:400;--e-global-typography-sblead-line-height:1.9em;--e-global-typography-sbbody-font-family:"Readex Pro";--e-global-typography-sbbody-font-size:16px;--e-global-typography-sbbody-font-weight:400;--e-global-typography-sbbody-line-height:1.85em;--e-global-typography-sbsmall-font-family:"Readex Pro";--e-global-typography-sbsmall-font-size:13px;--e-global-typography-sbsmall-font-weight:500;--e-global-typography-sbsmall-line-height:1.7em;background-color:var( --e-global-color-accent );color:var( --e-global-color-text );font-family:"Readex Pro", Tahoma, Arial, sans-serif;font-size:16px;font-weight:400;line-height:1.85em;}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{background-color:transparent;font-family:"Readex Pro", Tahoma, Arial, sans-serif;font-size:16px;font-weight:700;line-height:1.4em;color:#0B2A22;background-image:linear-gradient(90deg, var( --e-global-color-primary ) 0%, var( --e-global-color-secondary ) 100%);border-radius:14px 14px 14px 14px;padding:16px 30px 16px 30px;}.elementor-kit-7 button:hover,.elementor-kit-7 button:focus,.elementor-kit-7 input[type="button"]:hover,.elementor-kit-7 input[type="button"]:focus,.elementor-kit-7 input[type="submit"]:hover,.elementor-kit-7 input[type="submit"]:focus,.elementor-kit-7 .elementor-button:hover,.elementor-kit-7 .elementor-button:focus{background-color:transparent;color:#0B2A22;background-image:linear-gradient(90deg, #A57F48 0%, #C6A15A 100%);}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 a{color:var( --e-global-color-primary );}.elementor-kit-7 a:hover{color:var( --e-global-color-secondary );}.elementor-kit-7 h1{color:var( --e-global-color-text );font-family:"Readex Pro", Tahoma, Arial, sans-serif;font-size:52px;font-weight:700;line-height:1.45em;}.elementor-kit-7 h2{color:var( --e-global-color-text );font-family:"Readex Pro", Tahoma, Arial, sans-serif;font-size:40px;font-weight:700;line-height:1.5em;}.elementor-kit-7 h3{color:var( --e-global-color-text );font-family:"Readex Pro", Tahoma, Arial, sans-serif;font-size:28px;font-weight:600;line-height:1.55em;}.elementor-kit-7 h4{color:var( --e-global-color-text );font-family:"Readex Pro", Tahoma, Arial, sans-serif;font-size:22px;font-weight:600;line-height:1.6em;}.elementor-kit-7 h5{color:var( --e-global-color-text );font-family:"Readex Pro", Tahoma, Arial, sans-serif;font-size:18px;font-weight:600;line-height:1.6em;}.elementor-kit-7 h6{color:var( --e-global-color-text );font-family:"Readex Pro", Tahoma, Arial, sans-serif;font-size:16px;font-weight:600;line-height:1.6em;}.elementor-kit-7 label{color:var( --e-global-color-text );font-family:"Readex Pro", Tahoma, Arial, sans-serif;font-size:14px;font-weight:600;line-height:1.6em;}.elementor-kit-7 input:not([type="button"]):not([type="submit"]),.elementor-kit-7 textarea,.elementor-kit-7 .elementor-field-textual{font-family:"Readex Pro", Tahoma, Arial, sans-serif;font-size:15px;font-weight:400;line-height:1.6em;color:var( --e-global-color-text );background-color:var( --e-global-color-sbsurf );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-sbline );border-radius:12px 12px 12px 12px;padding:14px 16px 14px 16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1240px;}.e-con{--container-max-width:1240px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ==========================================================================
   Gifts Cooperative Society Store — global effects
   Edit in: Elementor → Site Settings → Custom CSS.
   Use the class names below on any container/widget (Advanced → CSS Classes).
   ========================================================================== */

:root {
	--sb-violet: #B89254;
	--sb-pink: #D4B26C;
	--sb-grad: linear-gradient(90deg, #B89254, #D4B26C);
	--sb-glass-blur: 18px;
	/* Mode tokens — dark (default). Light values are further down. */
	--sb-glass-bg: rgba(19, 60, 49, .55);
	--sb-glass-line: rgba(255, 255, 255, .09);
	--sb-glass-hi: rgba(255, 255, 255, .07);
	--sb-card: rgba(19, 60, 49, .55);
	--sb-card-2: rgba(19, 60, 49, .8);
	--sb-hair: rgba(255, 255, 255, .08);
	--sb-hair-2: rgba(255, 255, 255, .14);
	--sb-fill: rgba(255, 255, 255, .06);
	--sb-fill-2: rgba(255, 255, 255, .12);
	--sb-shadow: rgba(0, 0, 0, .4);
	--sb-grid-line: rgba(184, 146, 84, .07);
	--sb-bar-stuck: rgba(13, 46, 38, .82);
	--sb-bubble: #184539;
	--sb-bubble-2: #0F332A;
	--sb-chat: #1A473B;
}

/* --- Light mode ------------------------------------------------------------
   The visitor's choice sets data-sb-theme="light" on <html>. The global
   colors switch in the block generated from Site Settings below this file;
   these are the see-through tones used by the effects. */
:root[data-sb-theme="light"],
.sb-light-zone {
	--sb-grad: linear-gradient(90deg, #977544, #A88848);
	--sb-glass-bg: rgba(255, 255, 255, .66);
	--sb-glass-line: rgba(18, 58, 48, .08);
	--sb-glass-hi: rgba(255, 255, 255, .9);
	--sb-card: rgba(255, 255, 255, .72);
	--sb-card-2: rgba(255, 255, 255, .95);
	--sb-hair: rgba(18, 58, 48, .09);
	--sb-hair-2: rgba(18, 58, 48, .14);
	--sb-fill: rgba(18, 58, 48, .04);
	--sb-fill-2: rgba(18, 58, 48, .08);
	--sb-shadow: rgba(72, 59, 43, .16);
	--sb-grid-line: rgba(151, 117, 68, .10);
	--sb-bar-stuck: rgba(255, 255, 255, .86);
	--sb-bubble: #FFFFFF;
	--sb-bubble-2: #FFFFFF;
	--sb-chat: #F2EDE1;
}

/* --- sb-glass: frosted dark glass panel ----------------------------------- */
.sb-glass {
	background-color: var(--sb-glass-bg) !important;
	-webkit-backdrop-filter: blur(var(--sb-glass-blur)) saturate(150%);
	backdrop-filter: blur(var(--sb-glass-blur)) saturate(150%);
	border: 1px solid var(--sb-glass-line);
	box-shadow: inset 0 1px 0 var(--sb-glass-hi), 0 24px 60px var(--sb-shadow);
}

/* --- sb-glass-light: frosted glass for light sections ---------------------- */
.sb-glass-light {
	background-color: rgba(255, 255, 255, .62) !important;
	-webkit-backdrop-filter: blur(16px) saturate(160%);
	backdrop-filter: blur(16px) saturate(160%);
	border: 1px solid rgba(15, 51, 42, .08);
	box-shadow: 0 20px 50px rgba(15, 51, 42, .10);
}

/* --- sb-grid-bg: faint tech grid that fades out at the edges -------------- */
.sb-grid-bg { position: relative; isolation: isolate; }
.sb-grid-bg::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	background-image:
		linear-gradient(rgba(184, 146, 84, .07) 1px, transparent 1px),
		linear-gradient(90deg, rgba(184, 146, 84, .07) 1px, transparent 1px);
	background-size: 44px 44px;
	/* Fades out on every edge, so sections blend into each other. */
	-webkit-mask-image: radial-gradient(ellipse 75% 65% at 50% 40%, #000 25%, transparent 78%);
	mask-image: radial-gradient(ellipse 75% 65% at 50% 40%, #000 25%, transparent 78%);
}

/* --- sb-orbs: two slow-floating glow orbs behind the content --------------- */
.sb-orbs { position: relative; isolation: isolate; overflow: hidden; }
.sb-orbs::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	background:
		radial-gradient(ellipse 45% 55% at 22% 40%, rgba(184, 146, 84, .28), transparent 70%),
		radial-gradient(ellipse 40% 50% at 80% 70%, rgba(212, 178, 108, .15), transparent 70%);
	/* Soft top and bottom edges: no visible line between sections. */
	-webkit-mask-image: linear-gradient(180deg, transparent 0, #000 22%, #000 72%, transparent 100%);
	mask-image: linear-gradient(180deg, transparent 0, #000 22%, #000 72%, transparent 100%);
	animation: sb-float 16s ease-in-out infinite;
}

/* --- sb-border-glow: animated gradient border ----------------------------- */
.sb-border-glow { position: relative; isolation: isolate; }
.sb-border-glow::before {
	content: "";
	position: absolute;
	inset: 0;
	padding: 1px;
	border-radius: inherit;
	pointer-events: none;
	background: conic-gradient(from var(--sb-angle, 0deg), transparent 0 60%, #B89254 75%, #D4B26C 85%, transparent 100%);
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
	animation: sb-spin 6s linear infinite;
}
@property --sb-angle { syntax: "<angle>"; initial-value: 0deg; inherits: false; }

/* --- sb-gradient-text: brand gradient on text ------------------------------ */
.sb-gradient-text .elementor-heading-title,
.sb-gradient-text .elementor-headline-dynamic-wrapper,
.sb-gradient-text.elementor-heading-title {
	background: var(--sb-grad);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent !important;
}

/* --- sb-shine: light sweep on hover (buttons, cards) ----------------------- */
.sb-shine .elementor-button,
.sb-shine.e-con { position: relative; overflow: hidden; }
.sb-shine .elementor-button::after,
.sb-shine.e-con::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	width: 40%;
	inset-inline-start: -60%;
	background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .35), transparent);
	transform: skewX(-20deg);
	transition: inset-inline-start .7s ease;
	pointer-events: none;
}
.sb-shine .elementor-button:hover::after,
.sb-shine.e-con:hover::after { inset-inline-start: 130%; }

/* --- sb-lift: card rises on hover ----------------------------------------- */
.sb-lift { transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease; }
.sb-lift:hover { transform: translateY(-6px); box-shadow: 0 28px 60px var(--sb-shadow); border-color: rgba(184, 146, 84, .35); }

/* --- sb-pulse: "live" dot before a heading or headline --------------------- */
.sb-pulse .elementor-headline::before,
.sb-pulse .elementor-heading-title::before,
.sb-pulse .elementor-icon-list-text::before {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	margin-inline-end: 10px;
	border-radius: 50%;
	background: #D4B26C;
	box-shadow: 0 0 0 0 rgba(212, 178, 108, .6);
	animation: sb-pulse 2s infinite;
	vertical-align: middle;
}

/* --- sb-glass-btn: glass secondary button --------------------------------- */
.sb-glass-btn .elementor-button {
	background: var(--sb-fill) !important;
	border: 1px solid var(--sb-hair-2) !important;
	color: var(--e-global-color-text) !important;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
}
.sb-glass-btn .elementor-button:hover { background: var(--sb-fill-2) !important; }
.sb-glass-btn .elementor-button .elementor-button-icon { color: inherit; fill: currentColor; }

/* --- sb-gt: gradient text for a <span> inside any heading ------------------- */
.sb-gt {
	background: var(--sb-grad);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

/* --- sb-float / sb-float2: gentle bobbing (floating chips) ---------------- */
.sb-float { animation: sb-bob 6s ease-in-out infinite; }
.sb-float2 { animation: sb-bob 7s ease-in-out infinite; animation-delay: 1.2s; }
@keyframes sb-bob { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }

/* --- sb-free-badge: "مجاناً" tag in the card corner ------------------------ */
.sb-free-badge { position: relative; }
.sb-free-badge::after {
	content: "مجاناً";
	position: absolute;
	inset: auto;
	top: 22px;
	inset-inline-end: 22px;
	width: auto;
	height: auto;
	z-index: 2;
	padding: 3px 12px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.8;
	color: var(--e-global-color-sbhi);
	background: rgba(212, 178, 108, .16);
	border: 1px solid rgba(212, 178, 108, .45);
	pointer-events: none;
}
:lang(en) .sb-free-badge::after { content: "Free"; }

/* --- sb-marquee: endless logo strip --------------------------------------
   Put the logos (image widgets) in a container with class "sb-marquee__track"
   inside a container with class "sb-marquee". The strip repeats itself. */
.sb-marquee {
	overflow: hidden;
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
	mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
}
.sb-marquee .sb-marquee__track {
	width: max-content !important;
	max-width: none !important;
	flex-wrap: nowrap !important;
	gap: 0 !important;
	animation: sb-marquee var(--sb-marquee-time, 30s) linear infinite;
	will-change: transform;
}
.sb-marquee:hover .sb-marquee__track { animation-play-state: paused; }
body.rtl .sb-marquee .sb-marquee__track { animation-name: sb-marquee-rtl; }
.sb-marquee .sb-marquee__track > .elementor-element { margin-inline-end: 16px; flex: 0 0 auto; }
@keyframes sb-marquee { to { transform: translateX(-50%); } }
@keyframes sb-marquee-rtl { to { transform: translateX(50%); } }

.sb-logo-tile { line-height: 0; }
.sb-logo-tile img {
	display: block;
	height: 60px !important;
	width: auto !important;
	max-width: none !important;
	padding: 14px 22px;
	box-sizing: content-box;
	border-radius: 18px;
	background: var(--sb-card);
	border: 1px solid var(--sb-hair);
	opacity: .85;
	transition: opacity .25s ease, border-color .25s ease;
}
.sb-logo-tile img:hover { opacity: 1; border-color: rgba(184, 146, 84, .4); }

/* --- sb-swatch: click a thumbnail to change the main image ---------------
   Container "sb-swatch-group" holding an image "sb-swatch-main", optional
   heading "sb-swatch-label", and thumbnails "sb-swatch" (title = name). */
.sb-swatch { cursor: pointer; line-height: 0; border-radius: 16px; transition: transform .2s ease; }
.sb-swatch img { border: 2px solid transparent; border-radius: 14px; background: #fff; transition: border-color .2s ease, box-shadow .2s ease; }
.sb-swatch:hover { transform: translateY(-3px); }
.sb-swatch.is-active img { border-color: #B89254; box-shadow: 0 8px 20px rgba(184, 146, 84, .35); }
.sb-swatch:focus-visible { outline: 2px solid #B89254; outline-offset: 3px; }
.sb-swatch-main img { transition: opacity .25s ease, transform .35s ease; }
.sb-swatch-main.is-swapping img { opacity: .25; transform: scale(.98); }

/* --- sb-biz: companies panel with a drifting dot pattern and a light sweep */
.sb-biz { position: relative; overflow: hidden; isolation: isolate; }
.sb-biz.e-con {
	background-image:
		radial-gradient(ellipse 60% 90% at 88% 50%, rgba(212, 178, 108, .22), transparent 70%),
		linear-gradient(120deg, rgba(184, 146, 84, .30), rgba(184, 146, 84, .08) 55%, rgba(212, 178, 108, .18)) !important;
}
.sb-biz::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	background-image:
		radial-gradient(rgba(255, 255, 255, .20) 1.2px, transparent 1.6px),
		linear-gradient(110deg, transparent 42%, rgba(255, 255, 255, .10) 50%, transparent 58%);
	background-size: 22px 22px, 300% 100%;
	-webkit-mask-image: radial-gradient(ellipse 70% 100% at 85% 50%, #000 15%, transparent 75%);
	mask-image: radial-gradient(ellipse 70% 100% at 85% 50%, #000 15%, transparent 75%);
	animation: sb-biz-move 14s linear infinite;
}
@keyframes sb-biz-move { from { background-position: 0 0, 150% 0; } to { background-position: 44px 44px, -150% 0; } }
.sb-biz-visual { position: relative; min-height: 250px; }
.sb-biz-visual::after {
	content: "";
	position: absolute;
	top: 12%;
	bottom: 12%;
	inset-inline-start: 50%;
	width: 2px;
	z-index: -1;
	background: repeating-linear-gradient(180deg, rgba(184, 146, 84, .7) 0 6px, transparent 6px 12px);
	background-size: 2px 24px;
	opacity: .6;
	animation: sb-dash 1.2s linear infinite;
}
@keyframes sb-dash { to { background-position: 0 24px; } }
.sb-biz-visual > .sb-biz-card:nth-child(1) { align-self: flex-start; }
.sb-biz-visual > .sb-biz-card:nth-child(2) { align-self: center; }
.sb-biz-visual > .sb-biz-card:nth-child(3) { align-self: flex-end; }
.sb-biz-card { min-width: 210px; }
:root[data-sb-theme="light"] .sb-biz.e-con {
	background-image:
		radial-gradient(ellipse 60% 90% at 88% 50%, rgba(212, 178, 108, .20), transparent 70%),
		linear-gradient(120deg, rgba(184, 146, 84, .20), rgba(255, 255, 255, .6) 55%, rgba(212, 178, 108, .14)) !important;
}
:root[data-sb-theme="light"] .sb-biz::after {
	background-image:
		radial-gradient(rgba(72, 59, 43, .16) 1.2px, transparent 1.6px),
		linear-gradient(110deg, transparent 42%, rgba(255, 255, 255, .7) 50%, transparent 58%);
}

/* --- sb-light-zone: bright showroom panel -----------------------------------
   Everything inside uses the light palette, even when the site is dark —
   product photos stand out. Used on the shop and product pages. */
.sb-light-zone { color: var(--e-global-color-text); color-scheme: light; }
.sb-light-zone.sb-grid-bg::before { opacity: .8; }

/* --- sb-product-cards: product grid cards (home, shop, related) ----------- */
.sb-product-cards ul.products li.product { position: relative; border-radius: 20px; overflow: hidden; transition: transform .3s ease, box-shadow .3s ease; -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); }
.sb-product-cards ul.products li.product:hover { transform: translateY(-6px); box-shadow: 0 26px 60px var(--sb-shadow); }
.sb-product-cards ul.products li.product a img { aspect-ratio: 1 / 1; object-fit: cover; background: #EFEBE3; }
.sb-product-cards ul.products li.product .woocommerce-loop-product__title { padding-inline: 6px !important; }
.sb-product-cards ul.products li.product .price { display: block; padding-inline: 6px; padding-inline-end: 96px; margin-bottom: 6px !important; min-height: 32px; line-height: 32px !important; font-weight: 700; }
.sb-product-cards ul.products li.product .button { position: absolute; bottom: 14px; inset-inline-end: 14px; margin: 0 !important; background-image: linear-gradient(90deg, #B89254, #D4B26C) !important; border: 0; line-height: 1.2; }
.sb-product-cards ul.products li.product .onsale { top: 18px !important; inset-inline-start: 18px !important; inset-inline-end: auto !important; right: auto; left: auto; border-radius: 999px; min-height: 0; min-width: 0; padding: 4px 12px; line-height: 1.6; font-size: 12px; font-weight: 700; }
@media (max-width: 767px) {
	.sb-product-cards ul.products li.product .woocommerce-loop-product__title { font-size: 13.5px !important; }
	.sb-product-cards ul.products li.product .price { padding-inline-end: 0; margin-bottom: 44px !important; font-size: 13.5px !important; }
	.sb-product-cards ul.products li.product .button { inset-inline: 8px; bottom: 8px; text-align: center; padding: 8px 10px !important; font-size: 12.5px !important; }
}
/* Toolbar (results + sorting) and pages */
.sb-product-cards .woocommerce-result-count { margin: 0 0 18px !important; line-height: 42px; font-size: 14px; color: var(--e-global-color-sbmute); }
.sb-product-cards .woocommerce-ordering { margin: 0 0 18px !important; }
.sb-product-cards .woocommerce-ordering select { height: 42px; padding: 0 16px; padding-inline-end: 36px; border-radius: 999px; border: 1px solid var(--sb-hair-2); background-color: var(--sb-card-2); color: var(--e-global-color-text); font: inherit; font-size: 14px; font-weight: 600; }
.sb-product-cards nav.woocommerce-pagination ul { border: 0 !important; display: flex; justify-content: center; gap: 8px; }
.sb-product-cards nav.woocommerce-pagination ul li { border: 0 !important; }
.sb-product-cards nav.woocommerce-pagination ul li a,
.sb-product-cards nav.woocommerce-pagination ul li span { min-width: 42px; height: 42px; line-height: 42px !important; padding: 0 12px !important; border-radius: 999px; background: var(--sb-card-2); border: 1px solid var(--sb-hair); color: var(--e-global-color-text); font-weight: 700; }
.sb-product-cards nav.woocommerce-pagination ul li span.current { background: linear-gradient(90deg, #B89254, #D4B26C); color: #fff; border-color: transparent; }

/* "From" before a variable product's lowest price. */
.sb-price-from { font-size: .72em; font-weight: 500; opacity: .85; margin-inline-end: 3px; }

/* --- sb-cat-nav: category pills (shortcode [sb_shop_nav]) ----------------- */
.sb-cat-nav { display: flex; gap: 8px; overflow-x: auto; overflow-y: visible; padding-top: 6px; padding-bottom: 20px; margin-top: -6px; margin-bottom: -14px; scrollbar-width: none; -webkit-mask-image: linear-gradient(90deg, transparent, #000 16px, #000 calc(100% - 16px), transparent); mask-image: linear-gradient(90deg, transparent, #000 16px, #000 calc(100% - 16px), transparent); padding-inline: 16px; margin-inline: -16px; }
.sb-cat-nav::-webkit-scrollbar { display: none; }
.sb-cat-nav__item { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 8px; height: 42px; padding: 0 18px; border-radius: 999px; border: 1px solid var(--sb-hair-2); background: var(--sb-fill); color: var(--e-global-color-sbsoft) !important; font-size: 14px; font-weight: 600; line-height: 1; text-decoration: none !important; white-space: nowrap; transition: border-color .2s ease, color .2s ease, background-color .2s ease; }
.sb-cat-nav__item:hover { border-color: rgba(184, 146, 84, .55); color: var(--e-global-color-sbhi) !important; }
.sb-cat-nav__item.is-active { background: linear-gradient(90deg, var(--e-global-color-primary), var(--e-global-color-secondary)); border-color: transparent; color: #fff !important; box-shadow: 0 6px 14px rgba(184, 146, 84, .3); }
.sb-cat-nav__count { display: inline-grid; place-items: center; min-width: 22px; height: 22px; padding: 0 6px; border-radius: 999px; background: var(--sb-fill-2); font-size: 11.5px; font-weight: 700; }
.sb-cat-nav__item.is-active .sb-cat-nav__count { background: rgba(255, 255, 255, .25); }

/* --- Product page: photo stage + buy box ---------------------------------- */
.sb-product-stage { box-shadow: 0 30px 70px rgba(72, 59, 43, .14); }
.sb-product-stage .woocommerce-product-gallery { margin: 0 !important; width: 100% !important; }
.sb-product-stage .woocommerce-product-gallery__image img { background: #F3F0E8; }
.sb-product-stage .flex-control-thumbs { display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; margin-top: 12px !important; }
.sb-product-stage .flex-control-thumbs li { width: 70px !important; flex: 0 0 70px; margin: 0 !important; }
.sb-product-stage .flex-control-thumbs img { border-radius: 12px; border: 2px solid transparent; opacity: .75; background: #F3F0E8; transition: opacity .2s ease, border-color .2s ease; }
.sb-product-stage .flex-control-thumbs img.flex-active,
.sb-product-stage .flex-control-thumbs img:hover { opacity: 1; border-color: #B89254; }
.sb-product-stage .woocommerce-product-gallery__trigger { top: 14px !important; inset-inline-end: 14px !important; background: #fff !important; border-radius: 50% !important; box-shadow: 0 6px 18px rgba(72, 59, 43, .18); }
.sb-buy-box { box-shadow: 0 22px 50px rgba(72, 59, 43, .12); border: 1px solid #EDE8DE; }
.sb-buy-box form.cart { margin: 0 !important; }
.sb-product-summary .sb-perks { display: grid; }
@media (min-width: 1025px) { .sb-product-stage { position: sticky; top: 110px; } }

/* --- sb-faq: glass accordion ---------------------------------------------- */
.sb-faq .e-n-accordion-item { border-radius: 18px; background: var(--sb-card); border: 1px solid var(--sb-hair); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); overflow: hidden; }
.sb-faq .e-n-accordion-item[open] { border-color: rgba(184, 146, 84, .4); }
.sb-faq .e-n-accordion-item-title { background: transparent !important; border: 0 !important; color: var(--e-global-color-text); }
.sb-faq .e-n-accordion-item-title-text { color: var(--e-global-color-text); }
.sb-faq .e-n-accordion-item-title-icon span { width: 30px; height: 30px !important; flex: 0 0 30px; border-radius: 50%; align-items: center; justify-content: center; background: rgba(212, 178, 108, .14); border: 1px solid rgba(212, 178, 108, .35); transition: background .25s, border-color .25s; }
.sb-faq .e-n-accordion-item-title-icon span > i { color: var(--e-global-color-secondary) !important; font-size: 13px; }
.sb-faq .e-n-accordion-item-title-icon span > svg { fill: var(--e-global-color-secondary) !important; width: 13px; height: 13px !important; }
.sb-faq .e-n-accordion-item-title:hover .e-n-accordion-item-title-icon span, .sb-faq .e-n-accordion-item[open] .e-n-accordion-item-title-icon span { background: linear-gradient(135deg, #B89254, #D4B26C); border-color: transparent; }
.sb-faq .e-n-accordion-item-title:hover .e-n-accordion-item-title-icon span > svg, .sb-faq .e-n-accordion-item[open] .e-n-accordion-item-title-icon span > svg { fill: #fff !important; }
.sb-faq .e-n-accordion-item-title:hover .e-n-accordion-item-title-icon span > i, .sb-faq .e-n-accordion-item[open] .e-n-accordion-item-title-icon span > i { color: #fff !important; }
.sb-faq .e-n-accordion-item > .e-con { border: 0 !important; background: transparent !important; }
.sb-faq .e-n-accordion-item-title:focus-visible { outline: 2px solid #B89254; outline-offset: -2px; border-radius: 18px; }

/* --- sb-doc: long policy text ---------------------------------------------- */
.sb-doc h2, .elementor-widget.sb-doc h2 { margin: 28px 0 8px; font-size: 20px !important; line-height: 1.6 !important; font-weight: 700; color: var(--e-global-color-text); }
.sb-doc h2:first-child { margin-top: 0; }
.sb-doc p { margin: 0 0 12px; }
.sb-doc ul { margin: 0 0 12px; padding-inline-start: 22px; }
.sb-doc li { margin-bottom: 6px; }
.sb-doc li::marker { color: #B89254; }
.sb-doc a { color: var(--e-global-color-primary); }

/* --- sb-form: Elementor forms in the brand style ---------------------------- */
.sb-form .elementor-field-group .elementor-field-textual,
.sb-form .elementor-field-group select { min-height: 48px; border-radius: 12px !important; border: 1px solid var(--e-global-color-sbline, #E3DECF) !important; background-color: var(--e-global-color-sbsurf, #fff) !important; color: var(--e-global-color-text) !important; box-shadow: none !important; }
.sb-form .elementor-field-group textarea.elementor-field-textual { min-height: 120px; }
.sb-form .elementor-field-textual:focus, .sb-form select:focus { border-color: #B89254 !important; box-shadow: 0 0 0 4px rgba(184, 146, 84, .18) !important; outline: none; }
.sb-form .elementor-field-label { color: var(--e-global-color-text); }
.sb-form .elementor-mark-required .elementor-field-label::after { color: #A88848; }
.sb-form .elementor-field-subgroup .elementor-field-option { margin-inline-end: 14px; margin-bottom: 6px; }
.sb-form .elementor-field-subgroup input[type="checkbox"] { accent-color: #B89254; width: 17px; height: 17px; vertical-align: middle; }
.sb-form .elementor-button { background: linear-gradient(90deg, var(--e-global-color-primary), var(--e-global-color-secondary)) !important; min-height: 52px; box-shadow: 0 12px 28px rgba(184, 146, 84, .35); }
.sb-form .elementor-message { margin-top: 12px; padding: 12px 16px; border-radius: 12px; font-weight: 600; }
.sb-form .elementor-message.elementor-message-success { background: rgba(46, 186, 120, .12); color: #1E7F52; }
.sb-form .elementor-message.elementor-message-danger { background: rgba(217, 58, 99, .1); color: #B3284E; }
.sb-form .elementor-message::before { display: none; }

/* --- Light mode: softer glows ------------------------------------------- */
:root[data-sb-theme="light"] .sb-orbs::after {
	background:
		radial-gradient(ellipse 45% 55% at 22% 38%, rgba(184, 146, 84, .20), transparent 70%),
		radial-gradient(ellipse 40% 50% at 80% 70%, rgba(212, 178, 108, .16), transparent 70%);
}
:root[data-sb-theme="light"] .sb-shine .elementor-button::after { background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .45), transparent); }

/* --- Keyframes ------------------------------------------------------------ */
@keyframes sb-float { 0%, 100% { transform: translate(0, 0); } 50% { transform: translate(3%, 4%); } }
@keyframes sb-spin { to { --sb-angle: 360deg; } }
@keyframes sb-pulse { 0% { box-shadow: 0 0 0 0 rgba(212, 178, 108, .6); } 70% { box-shadow: 0 0 0 10px rgba(212, 178, 108, 0); } 100% { box-shadow: 0 0 0 0 rgba(212, 178, 108, 0); } }

/* Browsers without backdrop-filter: make glass a bit more opaque. */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
	.sb-glass { background-color: rgba(19, 60, 49, .92) !important; }
	:root[data-sb-theme="light"] .sb-glass { background-color: rgba(255, 255, 255, .95) !important; }
	.sb-glass-light { background-color: rgba(255, 255, 255, .95) !important; }
}

/* Respect "reduce motion". */
@media (prefers-reduced-motion: reduce) {
	.sb-orbs::after,
	.sb-border-glow::before,
	.sb-pulse .elementor-headline::before, .sb-pulse .elementor-heading-title::before, .sb-pulse .elementor-icon-list-text::before { animation: none; }
	.sb-lift, .sb-shine .elementor-button::after, .sb-shine.e-con::after { transition: none; }
	.sb-float, .sb-float2 { animation: none; }
	.sb-marquee .sb-marquee__track { animation: none; }
	.sb-biz::after, .sb-biz-visual::after { animation: none; }
	.sb-swatch, .sb-swatch-main img { transition: none; }
}

/* --- Light mode: global colors (from the plugin's palette) --- */
:root[data-sb-theme="light"] body,.sb-light-zone{--e-global-color-primary:#8A6A2E;--e-global-color-secondary:#9A7636;--e-global-color-text:#193E34;--e-global-color-accent:#F3F0E8;--e-global-color-sbsurf:#FBFAF7;--e-global-color-sbline:#E2DACA;--e-global-color-sbmute:#4B635B;--e-global-color-sbsoft:#243934;--e-global-color-sbhi:#0B2A22;--e-global-color-sbglass:#0B2A220D;--e-global-color-sbglassb:#0B2A2221;--e-global-color-sbpanel:#FBFAF7F7;--e-global-color-sbfoot:#EAE4D6;--e-global-color-sbpane:#FBFAF7B8;--e-global-color-sbpane2:#FBFAF7F2;}.sb-light-zone{color:var(--e-global-color-text)}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Readex Pro';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url('https://store.jameyathadaya.com/wp-content/uploads/sb-store/ReadexPro-Light.woff2') format('woff2');
}
@font-face {
	font-family: 'Readex Pro';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('https://store.jameyathadaya.com/wp-content/uploads/sb-store/ReadexPro-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Readex Pro';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('https://store.jameyathadaya.com/wp-content/uploads/sb-store/ReadexPro-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'Readex Pro';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('https://store.jameyathadaya.com/wp-content/uploads/sb-store/ReadexPro-SemiBold.woff2') format('woff2');
}
@font-face {
	font-family: 'Readex Pro';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('https://store.jameyathadaya.com/wp-content/uploads/sb-store/ReadexPro-Bold.woff2') format('woff2');
}
/* End Custom Fonts CSS */