.elementor-kit-5{--e-global-color-primary:#000000;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#000000;--e-global-color-accent:#CDBBDC;--e-global-color-45aa84b:#02010100;--e-global-color-d52bb21:#B3B3B3;--e-global-typography-primary-font-family:"Lexend Peta";--e-global-typography-primary-font-size:96px;--e-global-typography-primary-font-weight:400;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-primary-line-height:90px;--e-global-typography-primary-letter-spacing:0.6px;--e-global-typography-secondary-font-family:"Lexend Peta";--e-global-typography-secondary-font-size:30px;--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-text-transform:uppercase;--e-global-typography-text-font-family:"Satoshi";--e-global-typography-text-font-size:24px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-size:18px;--e-global-typography-accent-font-weight:400;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 label{color:#FFFFFF;font-family:"Lexend Peta", Sans-serif;font-size:18px;font-weight:600;text-transform:capitalize;line-height:24px;letter-spacing:0px;}.elementor-kit-5 input:not([type="button"]):not([type="submit"]),.elementor-kit-5 textarea,.elementor-kit-5 .elementor-field-textual{font-family:"Satoshi", Sans-serif;font-size:16px;font-weight:400;line-height:24px;color:#FFFFFF;accent-color:var( --e-global-color-d52bb21 );background-color:#111111;border-radius:8px 8px 8px 8px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.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 *//* 1 PAGE SHELL */
html{
  scrollbar-gutter:stable;
}
html,
body{
  max-width:100% !important;
  background-color:#000 !important;
  overflow-x:clip !important;
  touch-action:manipulation;
}
@supports not (overflow-x: clip){
  html{ overflow-x:visible !important; }
  body{ overflow-x:hidden !important; }
}

img, picture, svg, video, canvas, figure, a, button,
[role="button"],
.elementor-widget-image, .elementor-widget-image img,
.oj-gallery, .oj-stage, .oj-slide, .oj-slide img, .oj-arrow,
.oj-use__ico, .oj-use__img, .oj-htu__ico, .oj-htu__img,
.ojoyer-switcher, .ojoyer-switcher .panel,
.ojoyer-switcher .panel img, .ojoyer-switcher .panel video,
.elementor-menu-cart__product-image,
.elementor-menu-cart__product-image img{
  touch-action:manipulation;
}
.oj-viewport,
.ojoyer-switcher .panels{
  touch-action:pan-y;
}


/* 2 VARIABLES */
:root{
  --oj-menu-speed:.4s;
  --oj-menu-w:455px;
  --oj-menu-side:32px;
  --oj-content-top:110px;
  --oj-admin-h:0px;
}
.admin-bar{ --oj-admin-h:32px; }
@media (max-width:782px){
  .admin-bar{ --oj-admin-h:46px; }
}
@media (max-width:767px){
  :root{
    --oj-menu-side:24px;
    --oj-content-top:100px;
  }
}


/* 3 HEADER */
.oj-header{
    --min-height:0px !important;
  padding-top:16px !important;
  padding-bottom:16px !important;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  z-index:99990;
  background:transparent;
  transition:transform .45s cubic-bezier(.4,0,.2,1),
             background-color .35s ease;
  will-change:auto !important;
}
@media (max-width:767px){
  .oj-header{
    --min-height:0px !important;
    padding-top:10px !important;
    padding-bottom:10px !important;
  }
}

.oj-header.oj-hide{ transform:translateY(-100%); }
.oj-header.oj-solid{ background:#000; }

.admin-bar .oj-header{ top:32px; }
@media (max-width:782px){ .admin-bar .oj-header{ top:46px; } }

body.cart-open .oj-header,
body.menu-open .oj-header,
body.cart-open .oj-header.oj-hide,
body.menu-open .oj-header.oj-hide{
  transform:none !important;
  will-change:auto !important;
  transition:none !important;
}

.oj-header a,
.oj-header button,
.oj-header .elementor-button,
.oj-header .elementor-menu-cart__toggle,
.oj-header .elementor-menu-cart__toggle *,
.oj-header svg,
.oj-header img,
.oj-header i{
  pointer-events:auto !important;
}


/* 4 CART PANEL POSITION */
.elementor-menu-cart__container,
.oj-header .elementor-menu-cart__container,
.elementor-menu-cart__container.elementor-lightbox{
  position:fixed !important;
  top:0 !important;
  right:0 !important;
  bottom:0 !important;
  left:auto !important;
  margin:0 !important;
  height:100vh !important;
  max-height:100vh !important;
}
.admin-bar .elementor-menu-cart__container,
.admin-bar .oj-header .elementor-menu-cart__container,
.admin-bar .elementor-menu-cart__container.elementor-lightbox{
  top:32px !important;
  height:calc(100vh - 32px) !important;
  max-height:calc(100vh - 32px) !important;
}
@media (max-width:782px){
  .admin-bar .elementor-menu-cart__container,
  .admin-bar .oj-header .elementor-menu-cart__container,
  .admin-bar .elementor-menu-cart__container.elementor-lightbox{
    top:46px !important;
    height:calc(100vh - 46px) !important;
    max-height:calc(100vh - 46px) !important;
  }
}
.elementor-menu-cart__wrapper,
.elementor-menu-cart__toggle_wrapper{
  transform:none !important;
  will-change:auto !important;
  filter:none !important;
  backdrop-filter:none !important;
  perspective:none !important;
  contain:none !important;
}


/* 5 OFFCANVAS MENU */
.oj-header .elementor-widget-elementskit-header-offcanvas,
.elementor-widget-elementskit-header-offcanvas{
  position:relative !important;
  z-index:99991 !important;
}

.ekit-sidebar-group.info-group{
  position:fixed !important;
  top:var(--oj-admin-h) !important;
  bottom:0 !important;
  left:0 !important;
  right:0 !important;
  width:auto !important;
  height:auto !important;
  margin:0 !important;
  z-index:99999 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  opacity:1 !important;
  transition:visibility 0s linear var(--oj-menu-speed) !important;
}
.ekit-sidebar-group.info-group.ekit_isActive{
  visibility:visible !important;
  pointer-events:auto !important;
  transition:visibility 0s linear 0s !important;
}

.ekit-sidebar-group .ekit-overlay{
  position:fixed !important;
  top:var(--oj-admin-h) !important;
  bottom:0 !important;
  left:0 !important;
  right:0 !important;
  width:auto !important;
  height:auto !important;
  margin:0 !important;
  z-index:99998 !important;
  opacity:0 !important;
  transition:opacity var(--oj-menu-speed) ease-out 0s !important;
}
.ekit-sidebar-group.ekit_isActive .ekit-overlay{
  opacity:1 !important;
  transition:opacity var(--oj-menu-speed) ease-in 0s !important;
}

.ekit-sidebar-group.info-group .ekit-sidebar-widget{
  position:fixed !important;
  top:var(--oj-admin-h) !important;
  bottom:0 !important;
  right:0 !important;
  left:auto !important;
  width:var(--oj-menu-w) !important;
  max-width:100% !important;
  height:auto !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
  z-index:2 !important;
  backface-visibility:hidden !important;
  transform:translateX(100%) !important;
  transition:transform var(--oj-menu-speed) ease-out 0s !important;
}
.ekit-sidebar-group.info-group.ekit_isActive .ekit-sidebar-widget{
  transform:translateX(0) !important;
  transition:transform var(--oj-menu-speed) ease-in 0s !important;
}

@media (max-width:767px){
  .ekit-sidebar-group.info-group .ekit-sidebar-widget{
    width:100% !important;
  }
}

.ekit-sidebar-group .ekit_widget-heading{
  position:absolute !important;
  top:var(--oj-x-top, 40px) !important;
  transform:translateY(-50%) !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  height:auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  padding:0 var(--oj-menu-side) !important;
  margin:0 !important;
  float:none !important;
  z-index:10 !important;
}
.ekit-sidebar-group .ekit_close-side-widget{
  float:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:32px !important;
  height:32px !important;
  margin:0 !important;
}
.ekit-sidebar-group .ekit_close-side-widget .icon-cross{
  font-size:22px !important;
  color:#fff !important;
}


/* 6 MENU CONTENT, NO MOVEMENT
   These .elementor-kit-5s are deliberately NOT scoped under
   .ekit-sidebar-group. In ElementsKit markup the text widget is not
   a descendant of it, which is why every scoped attempt failed. */
.ekit_sidebar-textwidget,
.widgetarea_warper,
.widgetarea_warper_editable,
.ekit-widget-area-container,
#menu-container,
.oj-menu-content{
  padding:var(--oj-content-top) var(--oj-menu-side) 32px !important;
  position:relative !important;
  z-index:1 !important;
  transform:none !important;
  translate:none !important;
  scale:none !important;
  rotate:none !important;
  transition:none !important;
  transition-property:none !important;
  transition-duration:0s !important;
  transition-delay:0s !important;
  animation:none !important;
  animation-name:none !important;
  animation-duration:0s !important;
  animation-delay:0s !important;
  opacity:1 !important;
  visibility:visible !important;
}

.widgetarea_warper,
.widgetarea_warper_editable,
.ekit-widget-area-container,
#menu-container,
.oj-menu-content{
  padding:0 !important;
}

.ekit_sidebar-textwidget *,
.widgetarea_warper *,
.ekit-widget-area-container *,
#menu-container *,
.oj-menu-content *{
  transform:none !important;
  translate:none !important;
  scale:none !important;
  rotate:none !important;
  transition:none !important;
  transition-property:none !important;
  transition-duration:0s !important;
  transition-delay:0s !important;
  animation:none !important;
  animation-name:none !important;
  animation-duration:0s !important;
  animation-delay:0s !important;
  opacity:1 !important;
  visibility:visible !important;
}

.ekit_sidebar-textwidget *::before,
.ekit_sidebar-textwidget *::after,
#menu-container *::before,
#menu-container *::after{
  animation:none !important;
}

.elementor-invisible{
  visibility:visible !important;
  opacity:1 !important;
  animation:none !important;
}

@media (max-width:767px){
  .ekit_sidebar-textwidget{
    padding-bottom:calc(32px + env(safe-area-inset-bottom)) !important;
  }
}


/* 7 iOS LONG PRESS */
a, a *,
img, svg, picture, video,
button, button *,
[role="button"], [role="button"] *,
.elementor-button, .elementor-button *,
.woocommerce .button, .woocommerce .button *{
  -webkit-touch-callout:none !important;
  -webkit-user-drag:none !important;
  -webkit-tap-highlight-color:transparent;
}
a[href*="#ekit_modal-popup"],
a[href*="#ekit_modal-popup"] *,
a[href^="#"],
a[href^="#"] *{
  -webkit-touch-callout:none !important;
}

.oj-header, .oj-header *,
.elementor-location-header, .elementor-location-header *,
.elementor-location-footer a, .elementor-location-footer a *,
#buy-bar, #buy-bar *,
.elementor-widget-theme-site-logo, .elementor-widget-theme-site-logo *,
.elementor-menu-cart__toggle, .elementor-menu-cart__toggle *,
.elementor-button, .elementor-button *,
.woocommerce .button, .woocommerce .button *,
.ekit-menu-nav-link, .ekit-menu-nav-link *,
.ekit_menu_responsive_mobile, .ekit_menu_responsive_mobile *,
.elementskit-menu-hamburger, .elementskit-menu-hamburger *,
.elementskit-navbar-nav a, .elementskit-navbar-nav a *{
  -webkit-user-select:none !important;
  -moz-user-select:none !important;
  user-select:none !important;
}
[data-elementor-type="wp-page"] p,
[data-elementor-type="wp-page"] li,
[data-elementor-type="wp-page"] h1,
[data-elementor-type="wp-page"] h2,
[data-elementor-type="wp-page"] h3,
[data-elementor-type="wp-page"] h4,
.entry-content p,
.entry-content li,
.woocommerce-order p,
.woocommerce-order address{
  -webkit-user-select:text;
  user-select:text;
}


/* 8 CART BADGE */
.elementor-menu-cart__toggle .elementor-button-icon{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:visible !important;
}
.elementor-menu-cart__wrapper,
.elementor-menu-cart__toggle,
.elementor-menu-cart__toggle .elementor-button{
  overflow:visible !important;
}
.elementor-menu-cart__toggle .elementor-button-icon-qty{
  display:none !important;
}
.elementor-menu-cart__toggle .oj-cart-count{
  position:absolute !important;
  bottom:-3px !important;
  right:-5px !important;
  top:auto !important;
  left:auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  min-width:17px !important;
  height:17px !important;
  padding:0 4px !important;
  margin:0 !important;
  box-sizing:border-box !important;
  background:#e63946 !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  border:0 !important;
  border-radius:999px !important;
  font-family:'Satoshi','Segoe UI',Arial,sans-serif !important;
  font-size:9px !important;
  font-weight:700 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  text-align:center !important;
  text-transform:none !important;
  text-decoration:none !important;
  visibility:visible !important;
  opacity:1 !important;
  pointer-events:none !important;
  z-index:5 !important;
  animation:ojCartPop .26s ease-out;
}
@keyframes ojCartPop{
  0%{ transform:scale(.5); opacity:0 }
  60%{ transform:scale(1.15) }
  100%{ transform:scale(1); opacity:1 }
}
@media (max-width:767px){
  .elementor-menu-cart__toggle .oj-cart-count{
    right:-4px !important;
    min-width:15px !important;
    height:15px !important;
    font-size:8px !important;
  }
}
body.cart-open .elementor-menu-cart__toggle .oj-cart-count{
  display:none !important;
}


/* 9 BUY BAR */
@media (max-width:767px){
  #buy-bar{
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    top:auto !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    z-index:9990 !important;
    padding-bottom:env(safe-area-inset-bottom) !important;
    transition:transform .3s ease, opacity .25s ease, visibility .25s ease;
  }
  #buy-bar.oj-bar-hide{
    transform:translateY(110%) !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }
  body{ padding-bottom:calc(76px + env(safe-area-inset-bottom)) !important; }

  [data-elementor-type="wp-page"],
  [data-elementor-type="wp-post"],
  [data-elementor-type="single-post"],
  [data-elementor-type="product"],
  .elementor-location-single,
  .elementor-location-archive,
  main, .site-main, #content, #page{
    z-index:auto !important;
    transform:none !important;
    filter:none !important;
    perspective:none !important;
    contain:none !important;
    isolation:auto !important;
    will-change:auto !important;
  }
}

body.cart-open #buy-bar,
body.menu-open #buy-bar{
  display:none !important;
}


/* 10 STACKING ORDER AND SCROLL LOCK */
.elementor-menu-cart__container,
.oj-header .elementor-menu-cart__container,
.elementor-menu-cart__container.elementor-lightbox{
  z-index:99999 !important;
}
.elementor-location-footer,
#main-footer,
footer,
.site-footer{
  position:relative;
  z-index:1 !important;
}
#buy-bar{
  z-index:9990 !important;
}

body.menu-open,
body.cart-open{
  overflow:hidden !important;
  overscroll-behavior:none !important;
}
body.oj-locked{
  position:fixed !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  overflow:hidden !important;
}
body.admin-bar.oj-locked{
  margin-top:32px !important;
}
@media (max-width:782px){
  body.admin-bar.oj-locked{
    margin-top:46px !important;
  }
}
body.menu-open .ekit-sidebar-group .ekit-sidebar-widget,
body.cart-open .elementor-menu-cart__products{
  touch-action:auto !important;
  overscroll-behavior:contain !important;
}


/* 11 ELEMENTOR ENTRANCE KEYFRAMES, EMPTIED */
@keyframes fadeIn{ from{opacity:1} to{opacity:1} }
@keyframes fadeInUp{ from{opacity:1;transform:none} to{opacity:1;transform:none} }
@keyframes fadeInDown{ from{opacity:1;transform:none} to{opacity:1;transform:none} }
@keyframes fadeInLeft{ from{opacity:1;transform:none} to{opacity:1;transform:none} }
@keyframes fadeInRight{ from{opacity:1;transform:none} to{opacity:1;transform:none} }
@keyframes slideInUp{ from{transform:none;visibility:visible} to{transform:none} }
@keyframes slideInDown{ from{transform:none;visibility:visible} to{transform:none} }
@keyframes slideInLeft{ from{transform:none;visibility:visible} to{transform:none} }
@keyframes slideInRight{ from{transform:none;visibility:visible} to{transform:none} }
@keyframes zoomIn{ from{opacity:1;transform:none} to{opacity:1;transform:none} }
@keyframes zoomInUp{ from{opacity:1;transform:none} to{opacity:1;transform:none} }
@keyframes zoomInDown{ from{opacity:1;transform:none} to{opacity:1;transform:none} }
@keyframes zoomInLeft{ from{opacity:1;transform:none} to{opacity:1;transform:none} }
@keyframes zoomInRight{ from{opacity:1;transform:none} to{opacity:1;transform:none} }
@keyframes bounceIn{ from{opacity:1;transform:none} to{opacity:1;transform:none} }
@keyframes bounceInUp{ from{opacity:1;transform:none} to{opacity:1;transform:none} }
@keyframes bounceInDown{ from{opacity:1;transform:none} to{opacity:1;transform:none} }
@keyframes bounceInLeft{ from{opacity:1;transform:none} to{opacity:1;transform:none} }
@keyframes bounceInRight{ from{opacity:1;transform:none} to{opacity:1;transform:none} }
@keyframes rotateIn{ from{opacity:1;transform:none} to{opacity:1;transform:none} }
@keyframes flipInX{ from{opacity:1;transform:none} to{opacity:1;transform:none} }
@keyframes flipInY{ from{opacity:1;transform:none} to{opacity:1;transform:none} }
@keyframes lightSpeedIn{ from{opacity:1;transform:none} to{opacity:1;transform:none} }
@keyframes rollIn{ from{opacity:1;transform:none} to{opacity:1;transform:none} }

/* 13 HIDE WITHDRAW ON THANK YOU */
.woocommerce-order-received .woocommerce-table--order-details tfoot tr:has(a[href*="withdraw"]),
.woocommerce-order-received .woocommerce-table--order-details tfoot tr:has(.button[href*="widerruf"]){
  display:none !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Satoshi';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://ojoyer.com/wp-content/uploads/2026/07/Satoshi-Variable.ttf') format('truetype');
}
@font-face {
	font-family: 'Satoshi';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://ojoyer.com/wp-content/uploads/2026/07/Satoshi-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Satoshi';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://ojoyer.com/wp-content/uploads/2026/07/Satoshi-Bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */