@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//tomsoil.store/wp-content/themes/Toms/fonts/woodmart-font-1-400.woff2?v=8.0.6") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//tomsoil.store/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//tomsoil.store/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//tomsoil.store/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//tomsoil.store/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//tomsoil.store/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//tomsoil.store/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//tomsoil.store/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//tomsoil.store/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Cabin", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 14px;
	--wd-title-font: "Toms", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 900;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Cabin", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Cabin", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-primary-color: #E20613;
	--wd-alternative-color: #fbbc34;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(232,58,58);
	--btn-accented-bgcolor-hover: rgb(210,51,57);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgb(255,255,255);
	background-image: url(https://tomsoil.store/wp-content/uploads/2025/01/popup-toms-oil-is-the-top-oil.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	--wd-popup-width: 800px;
}
.header-banner {
	background-color: rgb(232,58,58);
	background-image: none;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title {
	background-color: #0a0a0a;
	background-image: url(https://tomsoil.store/wp-content/uploads/2021/09/bikes-page-title.jpg);
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: rgb(32,32,32);
	background-image: url(https://tomsoil.store/wp-content/uploads/2021/09/bikes-footer-bg.jpg);
	background-size: cover;
	background-position: center center;
}
.page .wd-page-content {
	background-color: rgb(255,255,255);
	background-image: none;
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--btn-accented-box-shadow-active: none;
--btn-accented-bottom: 0px;
--wd-brd-radius: 0px;
}

@media (min-width: 1239px) {
.platform-Windows .wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}

@media (min-width: 1222px) {
html:not(.platform-Windows) .wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


@font-face {
	font-family: "Toms";
	src: url("//tomsoil.store/wp-content/uploads/2025/09/rf-dewi-expanded-bold.woff2") format("woff2"), 
url("//tomsoil.store/wp-content/uploads/2025/09/rf-dewi-expanded-bold.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "Toms";
	src: url("//tomsoil.store/wp-content/uploads/2025/09/rf-dewi-black.woff2") format("woff2"), 
url("//tomsoil.store/wp-content/uploads/2025/09/rf-dewi-black.woff") format("woff");
	font-weight: 900;
	font-style: normal;
}

/*******************************
  GLOBAL RESETS (kept, deduped)
*******************************/
a, div { margin:0; padding:0; border:0; font:inherit; vertical-align:baseline; }
img { margin:0; padding:0; font:inherit; border:0; -ms-interpolation-mode:bicubic; vertical-align:middle; }
/* NOTE: you had width:100%; height:100% globally on img. That can distort icons/logos.
   Keep it for content images only (scoped below). */
a { -webkit-tap-highlight-color:transparent; text-decoration:none; color:currentColor; }
:focus, a:active, a:focus, a:hover { outline:0; }
* { -webkit-box-sizing:border-box; box-sizing:border-box; }
::selection { text-shadow:none; }

[data-lazy] { opacity:0; transition:opacity .125s; }
[data-lazy].loaded { opacity:1; }

a { transition: color .2s, background .2s; }

/***********************************
  CONTENT IMG SIZING (scoped safely)
***********************************/
.entry-content img,
.woocommerce-product-gallery__image img,
.wp-block-image img,
.custom-page img {
  width:100%;
  height:auto;
  object-fit:contain;
}

/*****************************************
  BUTTONS & "BUY" SECTIONS (kept as-is)
******************************************/
.btn{
  display:flex; align-items:center; justify-content:center;
  padding:1rem 2rem; border-radius:0;
  font-family:"RFDewi",sans-serif; font-weight:600; font-size:1.125em; line-height:1.4444444444em;
  transition:all .25s;
}
@media (max-width:1440px){
  .btn{ font-size:.875em; line-height:1.25rem; padding:.75rem 1.5rem; }
  .btn + .btn{ margin-top:.75rem; margin-left:0; }
}
.btn + .btn{ margin-left:1.25rem; }

.buy_section__btn{ height:3.2222222222em; }
@media (max-width:1440px){ .buy_section__btn{ height:3.1428571429em; } }

.buy_section__btn--ozon{
  background:linear-gradient(90deg,#0069ff 0%,#04b8f0 100%);
}
.buy_section__btn--ozon img{ width:4.625em; height:1em; }

.buy_section__btn--wb{
  background:linear-gradient(90deg,#cb10ab 0%,#4a1174 100%);
}
.buy_section__btn--wb img{ width:8.375em; height:1em; }

.buy_section__btn--market{ position:relative; }
.buy_section__btn--market::before{
  content:""; display:block; width:calc(100% - 1px); height:calc(100% - 1px);
  background:#000; border:1px solid #575757; position:absolute; top:0; left:0; z-index:1; transition:opacity .2s;
}
.buy_section__btn--market:hover::before{ opacity:0; }
.buy_section__btn--market img{ position:relative; z-index:2; }

@media (max-width:1440px){
  .buy_section__btn + .buy_section__btn{ margin-top:0; margin-left:1.25rem; }
}
@media (max-width:500px){
  .buy_section__btn + .buy_section__btn{ margin-left:0; margin-top:.75rem; }
}

.purchase__buttons{ display:grid; grid-template-columns:100%; }
@media (max-width:500px){ .purchase__buttons--desk{ display:none; } }
.purchase__btn + .purchase__btn{ margin-left:0; margin-top:1rem; }
@media (max-width:1440px){ .purchase__btn + .purchase__btn{ margin-top:.75rem; } }

/***************************
  FONTS (kept)
****************************/
@font-face{
  font-family:"RFDewi";
  src:url(https://tomsoil.store/wp-content/fonts/RFDewi-700.woff2) format("woff2"),
      url(https://tomsoil.store/wp-content/fonts/RFDewi-700.woff) format("woff");
  font-weight:700; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"RFDewi";
  src:url(https://tomsoil.store/wp-content/fonts/RFDewi-600.woff2) format("woff2"),
      url(https://tomsoil.store/wp-content/fonts/RFDewi-600.woff) format("woff");
  font-weight:600; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"RFDewi";
  src:url(https://tomsoil.store/wp-content/fonts/RFDewi-400.woff2) format("woff2"),
      url(https://tomsoil.store/wp-content/fonts/RFDewi-400.woff) format("woff");
  font-weight:400; font-style:normal; font-display:swap;
}

/********************************************
  PRODUCT TABS tweak (kept)
*********************************************/
.tabs-layout-tabs .tabs li.additional_information_tab { display:none; }

/* ===========================
   MOBILE MENU / HEADER FIXES
   =========================== */

/* 1) Keep the header above EVERYTHING (menu stays tappable) */
.whb-general-header,
.whb-general-header .wd-header-mobile-nav,
.whb-general-header .wd-tools-element {
  position:relative; z-index:9999 !important;
}

/* 2) Do NOT disable pointer events on header siblings (removed old risky rule) */
/* (Intentionally empty: previously you had `.wd-header-mobile-nav ~ * { pointer-events:none; }` ) */

/* 3) Let taps pass through loader/video layers during early seconds */
.wd-preloader, .page-preloader, .site-preloader { pointer-events:none !important; }  /* Preloader tap-through */
.elementor-background-video-container,
.elementor-background-overlay { pointer-events:none; }  /* Video/overlay tap-through */

/* 4) Make the burger hit-area comfy and visible on mobile */
@media (max-width:1024px){
  .whb-column.whb-mobile-left .wd-header-mobile-nav a {
    display:flex; align-items:center; justify-content:center;
    min-width:44px; min-height:44px; padding:8px 10px; touch-action:manipulation;
  }
  /* If your column had a negative margin on mobile, neutralize it */
  .whb-mobile-left { margin-left:0; }

  /* Inherit a contrasting color for icon/text over video */
  .whb-column.whb-mobile-left .wd-header-mobile-nav,
  .whb-column.whb-mobile-left .wd-tools-element { color:#fff; }

  .wd-tools-element .wd-tools-text { margin-left:8px; }
}

/* 5) Stop your global IMG rule from stretching header icons/logos */
.whb-general-header .wd-tools-element img,
.whb-general-header .wd-tools-element svg,
.whb-general-header .wd-tools-icon img,
.whb-general-header .wd-tools-icon svg {
  width:auto; height:auto; object-fit:contain;
}

/* 6) Ensure the off-canvas mobile nav stacks above the page when opened */
.wd-mobile-nav, .wd-offcanvas, .woodmart-mobile-menu, .mobile-nav, .wd-popup, .wd-header-nav {
  z-index:10000;
}