:root {
	--wd-text-font: "Satoshi", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 16px;
	--wd-title-font: "Josefin Sans", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 400;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Josefin Sans", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 400;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgba(51, 51, 51, 0.65);
	--wd-alternative-font: "Josefin Sans", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Josefin Sans", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 400;
	--wd-widget-title-transform: none;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Josefin Sans", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 400;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 16px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(51,51,51);
	--wd-alternative-color: rgb(83,78,73);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(51,51,51);
	--btn-accented-bgcolor-hover: rgb(36,36,36);
	--btn-font-family: "Josefin Sans", Arial, Helvetica, sans-serif;
	--btn-font-weight: 400;
	--btn-transform: capitalize;
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(248,247,247);
	background-image: none;
}
html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
	font-weight: 300;
	font-size: 60px;
	line-height: 70px;
}
html .wd-nav-mobile > li > a, html .wd-checkout-steps, html table th {
	text-transform: capitalize;
}
.wd-nav-scroll {
	--wd-nscroll-height: 3px;
	--wd-nscroll-drag-bg: rgb(51,51,51);
	--wd-nscroll-drag-bg-hover: rgb(51,51,51);
}
.wd .product-label.onsale {
	background-color: rgb(51,51,51);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
.woocommerce-product-gallery {
	--wd-gallery-gap: 10px;
}

@media (max-width: 1024px) {
	html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
		font-size: 44px;
	line-height: 54px;
	}

}

@media (max-width: 768.98px) {
	html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
		font-size: 36px;
	line-height: 46px;
	}

}
:root{
--wd-container-w: 1760px;
--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: 1760px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: rgb(255,255,255);
}

@font-face {
	font-family: "Satoshi";
	src: url("//mifume.com/wp-content/uploads/2026/04/Satoshi-Regular.woff2") format("woff2");
	font-weight: 400;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "Satoshi";
	src: url("//mifume.com/wp-content/uploads/2026/04/Satoshi-Bold.woff2") format("woff2");
	font-weight: 700;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "Satoshi";
	src: url("//mifume.com/wp-content/uploads/2026/05/Satoshi-Medium.woff2") format("woff2");
	font-weight: 600;
	font-display:swap;
	font-style: normal;
}

/* ============ 开屏轮播 ============ */
/* 源图 8:3。2560 宽屏满宽渲染会算出 960px 高，首屏全被 banner 占满。
   上限 860：再低会裁掉图上印的 CTA 按钮。 */
.banners-carousel-wrapper .promo-banner,
.banners-carousel-wrapper .wd-carousel-item { max-height: min(80vh, 860px); }
.banners-carousel-wrapper .banner-image,
.banners-carousel-wrapper .main-wrapp-img { height: 100%; }
.banners-carousel-wrapper .promo-banner img {
  height: 100%; width: 100%;
  object-fit: cover; object-position: center;
  transition: transform .6s ease, filter .4s ease;
}
@media (max-width: 1024px) {
  .banners-carousel-wrapper .promo-banner,
  .banners-carousel-wrapper .wd-carousel-item { max-height: 62vh; }
}
/* 按钮印在图里，做不成独立元素，靠整体悬停反馈提示可点击 */
.banners-carousel-wrapper .promo-banner a { cursor: pointer; }
.banners-carousel-wrapper .promo-banner:hover img {
  transform: scale(1.012); filter: brightness(1.04);
}

/* ============ 页头 ============ */
/* 两侧最小内边距：主题在 1900px 以下把内边距压到 16px，
   右上角图标几乎贴住屏幕边缘。行本身是 border-box，加 padding 不溢出。 */
@media (min-width: 1025px) {
  .whb-flex-row {
    padding-left: clamp(32px, 2.4vw, 72px);
    padding-right: clamp(32px, 2.4vw, 72px);
  }
  .whb-column.whb-col-right { margin-right: 0; }
}

/* 首页是透明叠加页头，四张 banner 都是浅底，
   主题默认的白色菜单和图标在上面读不出来，改成深色。
   只改 color —— 不要碰 .wd-cart-number 的背景，
   这套页头里它是行内的「0 / $0.00」文字，加背景会变成黑块盖住图标。 */
.whb-overcontent .whb-main-header,
.whb-overcontent .whb-main-header a,
.whb-overcontent .whb-main-header .wd-tools-element,
.whb-overcontent .whb-main-header .wd-tools-icon,
.whb-overcontent .whb-main-header .wd-tools-text,
.whb-overcontent .whb-main-header .menu-item > a,
.whb-overcontent .whb-header-bottom a { color: #171310; }
.whb-overcontent .whb-main-header .wd-tools-icon::before,
.whb-overcontent .whb-main-header [class^="wd-icon-"]::before { color: #171310; }

/* ============ 页脚 Logo ============ */
/* 主题注册了 225×36 这个图片尺寸（j2 演示 logo 的比例 6.25:1 留下的），
   我们的 Logo 是 760×211（3.6:1），WordPress 生成的 225×36 是「硬裁切」，
   上下各切掉一半；img 标签上还写死了 height="36"。
   这里换回原图并让高度按比例自适应。 */
.wd-footer .wd-image img[src*="logo-dark-225x36"],
footer .wd-image img[src*="logo-dark-225x36"] {
  content: url("https://mifume.com/wp-content/uploads/2026/08/logo-dark.png");
  width: 200px;
  height: auto;
  max-width: 100%;
}