html {
  /* Offsets all scroll anchors by 96px - which is the height of the header */
  scroll-padding-top: calc(var(--goldika-header-offset, 88px) + 16px);
  scroll-behavior: smooth;
}

html,
:root {
    font-size: 16px !important;
}

/* Apply to all elements with overflow-y: scroll */
/* No styles yet — handled below via more practical approach */

/* *:where([style*="overflow-y: scroll"], [style*="overflow-y:scroll"], [style*="overflow: scroll"])::-webkit-scrollbar, 
*:where([style*="overflow-y: scroll"], [style*="overflow-y:scroll"], [style*="overflow: scroll"])::-webkit-scrollbar-track, 
*:where([style*="overflow-y: scroll"], [style*="overflow-y:scroll"], [style*="overflow: scroll"])::-webkit-scrollbar-thumb {
} */
 


/* ✅ Better: Use a global rule that targets scrollable elements by behavior */
html {
  scrollbar-color: var(--bg-600) var(--bg-900);
  scrollbar-width: thin;
}

/* WebKit scrollbar for all scrollable elements */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: var(--bg-900);
}

::-webkit-scrollbar-thumb {
  background: var(--bg-600);
  border-radius: 4px;
  border: 2px solid transparent;
  background-clip: padding-box;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--bg-500);
  background-clip: padding-box;
}

.goldika-mc__content_area{
	max-height:75vh;
	overflow-y:auto;
}

@media (max-width: 921px) {
    html,
    :root {
        font-size: 16px !important;
    }
}

@media (max-width: 544px) {
    html,
    :root {
        font-size: 16px !important;
    }
}

.elementor-widget-loop-carousel.elementor-pagination-position-outside:not(:has(>.elementor-widget-container)) .swiper-pagination-bullet, .elementor-widget-loop-carousel.elementor-pagination-position-outside>.elementor-widget-container .swiper-pagination-bullet{
 background:white !important;
}


.woocommerce-js .quantity .minus , .woocommerce-js .quantity .plus {
	margin:0 !important;
	border-right-width: 1px !important;
	border-left-width: 1px !important;
}

input:not([type="submit"]):-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill,
input:-internal-autofill-selected , input.input-text:-webkit-autofill,
input.input-text:-webkit-autofill:hover,
input.input-text:-webkit-autofill:focus,
input.input-text:-internal-autofill-selected {
  -webkit-box-shadow: 0 0 0 1000px var(--body-900) inset !important;
  -webkit-text-fill-color: white !important;
  transition: background-color 50000s ease-in-out 0s;
}

input:not([type="submit"]):-moz-autofill,
textarea:-moz-autofill,
select:-moz-autofill, input.input-text:-moz-autofill {
  background-color: var(--body-900) !important;
  color: white !important;
}

/* Functional scroll geometry. Never use body::after for purchase-bar space. */
html{scroll-padding-bottom:calc(var(--goldika-mobile-dock-space,0px) + 16px);}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}