/* NL Black Friday halls. Titles use the site Inter Tight, same as the design files. */
body .specialWarp {
  background: #f3efe6 !important;
  --bfn-w: min(1280px, calc(100vw - 80px));
  --bfn-h: min(320px, calc(100vw * 300 / 1440));
  display: flex !important;
  flex-direction: column !important;
}

body .specialWarp > .active-banner-wrap {
  height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

body .specialWarp section.footer_banner.goodsFloor { order: 1; }
body .specialWarp section.coupon_line_multiple { order: 2; }
body .specialWarp section.comer_horizontal { order: 3; }
body .specialWarp section.comer_vertical { order: 4; }

body .specialWarp section.footer_banner.goodsFloor,
body .specialWarp section.coupon_line_multiple {
  background: #14110e !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  float: none !important;
}

body .specialWarp section.footer_banner.goodsFloor {
  position: relative;
  height: var(--bfn-h) !important;
  overflow: hidden !important;
}

body .specialWarp section.footer_banner.goodsFloor::before,
body .specialWarp section.footer_banner.goodsFloor::after {
  position: absolute;
  z-index: 3;
  left: max(240px, calc((100vw - 1200px) / 2 + 24px));
  width: min(360px, 26vw);
  pointer-events: none;
  font-family: "Inter Tight", Arial, sans-serif;
  color: #f7f3ea;
}

body .specialWarp section.footer_banner.goodsFloor::before {
  content: "Nederland · 9–18 november";
  top: 18%;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #c9b8a2;
}

body .specialWarp.SPECIAL_ID_10941 section.footer_banner.goodsFloor::after { content: "De beste keuzes\A van het jaar"; }
body .specialWarp.SPECIAL_ID_10929 section.footer_banner.goodsFloor::after { content: "Black Friday-\A superdeals"; }
body .specialWarp.SPECIAL_ID_10953 section.footer_banner.goodsFloor::after { content: "Feestelijke\A cadeaucollecties"; }
body .specialWarp.SPECIAL_ID_10965 section.footer_banner.goodsFloor::after { content: "Uitverkoop\A winteruitrusting"; }

body .specialWarp section.footer_banner.goodsFloor::after {
  top: calc(18% + 28px);
  font-size: 46px;
  font-weight: 700;
  line-height: 0.92;
  letter-spacing: -0.03em;
  white-space: pre-line;
  padding-bottom: 16px;
  background-image: linear-gradient(#c2410c, #c2410c);
  background-size: 48px 2px;
  background-repeat: no-repeat;
  background-position: left bottom;
}

body .specialWarp section.footer_banner.goodsFloor .footer_banner_contwrap,
body .specialWarp section.footer_banner.goodsFloor .footer_banner_itemwrap,
body .specialWarp section.footer_banner.goodsFloor .bannerSlickContainerWarp,
body .specialWarp section.footer_banner.goodsFloor .js-bannerSlickContainer,
body .specialWarp section.footer_banner.goodsFloor .slick-list,
body .specialWarp section.footer_banner.goodsFloor .slick-track,
body .specialWarp section.footer_banner.goodsFloor .slick-slide,
body .specialWarp section.footer_banner.goodsFloor .slick-slide > div,
body .specialWarp section.footer_banner.goodsFloor .footer_banner_item,
body .specialWarp section.footer_banner.goodsFloor a {
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  display: block !important;
  background: transparent !important;
  transform: none !important;
  position: static !important;
}

body .specialWarp section.footer_banner.goodsFloor a {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

body .specialWarp section.footer_banner.goodsFloor img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center 42% !important;
  -webkit-mask-image: none;
  mask-image: none;
}

/* Each hall's products sit in the right half of a 2.37:1 plate. The 4.8:1
   strip was showing the whole width and parking that cluster low and far
   from the title. Scale and shift per plate so the cluster starts just
   after the title and sits in the middle of the strip. */
body .specialWarp.SPECIAL_ID_10941 section.footer_banner.goodsFloor img,
body .specialWarp.SPECIAL_ID_10929 section.footer_banner.goodsFloor img,
body .specialWarp.SPECIAL_ID_10953 section.footer_banner.goodsFloor img,
body .specialWarp.SPECIAL_ID_10965 section.footer_banner.goodsFloor img {
  inset: auto !important;
  height: auto !important;
  max-width: none !important;
  right: 0 !important;
  left: auto !important;
  top: 0 !important;
  bottom: auto !important;
  object-fit: unset !important;
}
/* New plate is 3:1. Width 100% keeps the night on the right edge of
   the viewport. The product band sits at 57% of the plate height. */
body .specialWarp.SPECIAL_ID_10941 section.footer_banner.goodsFloor img {
  width: 100% !important;
  left: 0 !important;
  right: 0 !important;
  top: 50% !important;
  transform: translateY(-57%) !important;
}
body .specialWarp.SPECIAL_ID_10929 section.footer_banner.goodsFloor img {
  width: 133.3% !important;
  transform: translateY(-36.7%) !important;
}
/* The plate's orange light runs off its left edge. Feather that edge and
   continue the same light on the bar, so the title and the tools are one
   scene. From 1600px the plate is a fixed width: pin it to the title.
   right:0 on a wide window leaves a flat gap and a hard cut. */
body .specialWarp.SPECIAL_ID_10953 section.footer_banner.goodsFloor {
  --bfn-glow: calc(100% - var(--bfn-h) * 3.35);
  background:
    radial-gradient(ellipse calc(var(--bfn-h) * 2.2) calc(var(--bfn-h) * 1.5) at var(--bfn-glow) 32%, rgba(186, 64, 8, 0.8) 0%, rgba(140, 44, 6, 0.32) 38%, transparent 70%),
    radial-gradient(ellipse calc(var(--bfn-h) * 4.4) calc(var(--bfn-h) * 2.4) at var(--bfn-glow) 40%, rgba(150, 48, 6, 0.34) 0%, transparent 72%),
    #14110e !important;
}
body .specialWarp.SPECIAL_ID_10953 section.footer_banner.goodsFloor img {
  width: calc(var(--bfn-h) * 3.35) !important;
  transform: translateY(-32%) !important;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 16%, #000 100%) !important;
  mask-image: linear-gradient(90deg, transparent 0%, #000 16%, #000 100%) !important;
  -webkit-mask-size: 100% 100% !important;
  mask-size: 100% 100% !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
}
@media (min-width: 1600px) {
  body .specialWarp.SPECIAL_ID_10953 section.footer_banner.goodsFloor {
    --bfn-glow: calc((100vw - 1200px) / 2 + 232px);
  }
  body .specialWarp.SPECIAL_ID_10953 section.footer_banner.goodsFloor img {
    width: calc(var(--bfn-h) * 4.15) !important;
    transform: translateY(-33%) !important;
    right: auto !important;
    left: calc((100vw - 1200px) / 2 + 232px) !important;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 16%, #000 93%, transparent 100%) !important;
    mask-image: linear-gradient(90deg, transparent 0%, #000 16%, #000 93%, transparent 100%) !important;
  }
}
/* Heater, ducts and sauna. On a wide window the group drifts away from the
   title, so the plate grows left by the same amount: the right edge stays
   on the viewport and the night does not open onto #14110e. Growth stops
   once the stones and the feet would leave the strip. */
body .specialWarp.SPECIAL_ID_10965 section.footer_banner.goodsFloor img {
  --bfn-title: max(240px, calc((100vw - 1200px) / 2 + 24px));
  --bfn-anchor: calc(var(--bfn-title) + 368px);
  --bfn-want: max(0px, calc((46.6% - var(--bfn-anchor)) / 0.534));
  --bfn-cap: max(0px, calc(var(--bfn-h) * 5.79 - 100%));
  --bfn-shift: min(var(--bfn-want), var(--bfn-cap));
  width: calc(100% + var(--bfn-shift)) !important;
  left: calc(0px - var(--bfn-shift)) !important;
  right: auto !important;
  top: 50% !important;
  transform: translateY(-56.5%) !important;
}

body .specialWarp section.coupon_line_multiple { position: relative; z-index: 2; }
body .specialWarp section.coupon_line_multiple::before {
  content: "Alleen beschikbaar voor gebruikers met een persoonlijk account.";
  display: block;
  white-space: normal;
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
  padding: 8px 24px 0;
  box-sizing: border-box;
  text-align: center;
  font-family: "Inter Tight", Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: #e7dccb;
}
body .specialWarp .coupon_line_multiple .countdown {
  /* 站点把倒计时钉在标题行：absolute + top:50% + translateY(-50%)。
     只改 position 清不掉位移，字会压上用券句。 */
  position: static !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  transform: none !important;
  -webkit-transform: none !important;
  display: block !important;
  float: none !important;
  height: auto !important;
  line-height: 1.4 !important;
  width: auto;
  max-width: 1120px;
  margin: 6px auto 0 !important;
  padding: 0 24px 4px !important;
  background: transparent !important;
  color: #f3efe6 !important;
  font-family: "Inter Tight", Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-align: center !important;
}
body .specialWarp .coupon_line_multiple .countdown span {
  background: transparent !important;
  color: #f7f3ea !important;
  font-weight: 600 !important;
}
body .specialWarp .coupon_line_multiple .countdown span i {
  color: #c9b8a2 !important;
  font-style: normal !important;
}
body .specialWarp .coupon_line_multiple .coupon-lists-box {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 1120px !important;
  margin: 0 auto !important;
  padding: 8px 24px 16px !important;
  box-sizing: border-box !important;
}
body .specialWarp .coupon_line_multiple .coupon_item,
body .specialWarp .coupon_line_multiple .coupon_item_layout3 {
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  float: none !important;
  background: #f7f3ea !important;
  color: #1c1612 !important;
  border-radius: 2px !important;
}
body .specialWarp .coupon_line_multiple .coupon_summary,
body .specialWarp .coupon_line_multiple .coupon_desc {
  background: #f7f3ea !important;
  color: #1c1612 !important;
  border-radius: 0 !important;
  height: auto !important;
  position: relative !important;
}
body .specialWarp .coupon_line_multiple .coupon_summary {
  padding: 10px 16px 2px !important;
}
body .specialWarp .coupon_line_multiple .coupon_categoryTag {
  position: static !important;
  display: block !important;
  background: transparent !important;
  color: #8a7563 !important;
  border-radius: 0 !important;
  height: auto !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 0 2px !important;
  font-family: "Inter Tight", Arial, sans-serif;
  font-size: 12px !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
body .specialWarp .coupon_line_multiple .coupon_categoryTagText {
  color: #8a7563 !important;
  -webkit-text-fill-color: #8a7563 !important;
}
body .specialWarp .coupon_line_multiple .coupon_main_sale {
  color: #1c1612 !important;
  -webkit-text-fill-color: #1c1612 !important;
  font-family: "Inter Tight", Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: 0.08em;
}
body .specialWarp .coupon_line_multiple .coupon-price {
  color: #c2410c !important;
  -webkit-text-fill-color: #c2410c !important;
  font-family: "Inter Tight", Arial, sans-serif !important;
  font-size: 36px !important;
  font-weight: 700 !important;
  line-height: 0.9 !important;
  letter-spacing: -0.03em;
  display: block !important;
}
body .specialWarp .coupon_line_multiple .coupon_sale,
body .specialWarp .coupon_line_multiple .coupon_saleText,
body .specialWarp .coupon_line_multiple .coupon_valid {
  color: #5c534a !important;
  -webkit-text-fill-color: #5c534a !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
}
body .specialWarp .coupon_line_multiple .coupon_sale .coupon-price,
body .specialWarp .coupon_line_multiple .coupon_sale .coupon-price span,
body .specialWarp .coupon_line_multiple .coupon_sale .coupon-price sub,
body .specialWarp .coupon_line_multiple .coupon_sale .coupon-price i {
  color: #5c534a !important;
  -webkit-text-fill-color: #5c534a !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 1.4 !important;
  display: inline !important;
}
body .specialWarp .coupon_line_multiple .coupon_divider {
  border-top: 1px dashed #d9cbb8 !important;
  background: transparent !important;
  margin: 4px 16px 0 !important;
}
body .specialWarp .coupon_line_multiple .coupon_desc {
  margin: 0 !important;
  padding: 0 16px 8px !important;
}
body .specialWarp .coupon_line_multiple .coupon_btn,
body .specialWarp .coupon_line_multiple .coupon_item_layout3 .coupon_btn {
  position: static !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  background: transparent !important;
  color: #1c1612 !important;
  -webkit-text-fill-color: #1c1612 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: "Inter Tight", Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 4px 0 0 !important;
}

body .specialWarp .comer_horizontal,
body .specialWarp .comer_vertical {
  background: transparent !important;
  width: 1200px;
  max-width: calc(100% - 48px);
  margin-left: auto !important;
  margin-right: auto !important;
}
body .specialWarp .comer_horizontal h3,
body .specialWarp .comer_vertical h3 {
  font-family: "Inter Tight", Arial, sans-serif !important;
  font-weight: 700 !important;
  font-size: 36px !important;
  color: #1c1612 !important;
  text-align: left !important;
  padding: 16px 0 4px !important;
  margin: 0 !important;
}
body .specialWarp .comer_horizontal h3::before,
body .specialWarp .comer_vertical h3::before,
body .specialWarp .comer_horizontal h3::after,
body .specialWarp .comer_vertical h3::after {
  content: none !important;
  display: none !important;
}
body .specialWarp .indexDeals_panel,
body .specialWarp .indexCommon_nav,
body .specialWarp .indexCommon_navInner,
body .specialWarp .indexCommon_navList {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}
body .specialWarp .indexCommon_nav {
  border-bottom: 1px solid #e4dcd0 !important;
}
body .specialWarp .indexDeals_panel.fixed {
  background: #f3efe6 !important;
  background-color: #f3efe6 !important;
  box-shadow: none !important;
}
body .specialWarp .indexCommon_nav .indexCommon_navInner .indexCommon_navList .indexCommon_navItem,
body .specialWarp .indexDeals_panel.fixed .indexCommon_nav .indexCommon_navInner .indexCommon_navList .indexCommon_navItem {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  height: auto !important;
  line-height: 1.2 !important;
  padding: 10px 16px 12px !important;
  font-family: "Inter Tight", Arial, sans-serif !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  letter-spacing: 0.01em !important;
  color: #1c1612 !important;
}
body .specialWarp .indexCommon_nav .indexCommon_navInner .indexCommon_navList .indexCommon_navItem.active,
body .specialWarp .indexDeals_panel.fixed .indexCommon_nav .indexCommon_navInner .indexCommon_navList .indexCommon_navItem.active {
  background-color: transparent !important;
  background-image: linear-gradient(#c2410c, #c2410c) !important;
  background-size: 36px 3px !important;
  background-repeat: no-repeat !important;
  background-position: center bottom !important;
  border-radius: 0 !important;
  font-weight: 700 !important;
  color: #c2410c !important;
}
body .specialWarp .indexCommon_nav .indexCommon_navInner .indexCommon_navList .indexCommon_navItem .indexCommon_navItem-box,
body .specialWarp .indexDeals_panel.fixed .indexCommon_nav .indexCommon_navInner .indexCommon_navList .indexCommon_navItem .indexCommon_navItem-box {
  background: transparent !important;
  border-radius: 0 !important;
  color: #1c1612 !important;
  -webkit-text-fill-color: #1c1612 !important;
  font-weight: 500 !important;
}
body .specialWarp .indexCommon_nav .indexCommon_navInner .indexCommon_navList .indexCommon_navItem.active .indexCommon_navItem-box,
body .specialWarp .indexDeals_panel.fixed .indexCommon_nav .indexCommon_navInner .indexCommon_navList .indexCommon_navItem.active .indexCommon_navItem-box {
  color: #c2410c !important;
  -webkit-text-fill-color: #c2410c !important;
  font-weight: 700 !important;
}
body .specialWarp .compItem_shopPrice,
body .specialWarp .compItem_price {
  color: #c2410c !important;
}
body .specialWarp .goodsViewMore,
body .specialWarp .comer_vertical .goodsViewMore {
  background: #1c1612 !important;
  color: #f3efe6 !important;
  border: 0 !important;
  border-radius: 0 !important;
}

/* Mobile */
.siteBody_special { background: #f3efe6 !important; }
.siteBody_special .promoModule {
  display: flex !important;
  flex-direction: column !important;
  padding-top: 0 !important;
}
.siteBody_special .pmBanner-1 { order: 1; }
.siteBody_special .pmCoupon { order: 2; }
.siteBody_special .promotion-goods-horizontal { order: 3; }
.siteBody_special .promotion-goods-vertical { order: 4; }

.siteBody_special .pmBanner-1,
.siteBody_special .pmCoupon {
  background: #14110e !important;
  margin: 0 !important;
}
.siteBody_special .pmBanner-1 {
  position: relative;
  height: 230px !important;
  padding: 0 !important;
  overflow: hidden !important;
}
.siteBody_special .pmBanner-1 .lazyModule_content,
.siteBody_special .pmBanner-1 .promoModule_content,
.siteBody_special .pmBanner-1 .pmBanner_item,
.siteBody_special .pmBanner-1 .pmBanner_item a,
.siteBody_special .pmBanner-1 img {
  width: 100% !important;
  max-width: none !important;
  height: 230px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  display: block !important;
}
.siteBody_special .pmBanner-1 img {
  object-fit: cover !important;
  object-position: 72% 38% !important;
}
/* 手机头图跟主会场一样高 230。产品原图偏右，按页放大并右移视点，让产品挨着标题。 */
.siteBody_special .promoModule:has([data-special_id="10941"]) .pmBanner-1 img {
  object-position: 50% 50% !important;
  transform: none !important;
}
.siteBody_special .promoModule:has([data-special_id="10929"]) .pmBanner-1 img {
  object-position: 100% 42% !important;
  transform: scale(1.08) !important;
  transform-origin: 100% 42% !important;
}
.siteBody_special .promoModule:has([data-special_id="10953"]) .pmBanner-1 img {
  position: absolute !important;
  width: 108% !important;
  height: auto !important;
  max-width: none !important;
  right: 0 !important;
  left: auto !important;
  top: 0 !important;
  object-fit: unset !important;
  transform: translateY(25%) !important;
  transform-origin: 100% 0 !important;
}
.siteBody_special .promoModule:has([data-special_id="10965"]) .pmBanner-1 img {
  object-position: 72% 34% !important;
  transform: scale(1.14) !important;
  transform-origin: 72% 34% !important;
}
.siteBody_special .pmBanner-1::before {
  content: "Nederland · 9–18 november";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  padding: 28px 0 0 26px;
  box-sizing: border-box;
  background: linear-gradient(90deg, rgba(20, 17, 14, 0.94) 0%, rgba(20, 17, 14, 0.88) 28%, rgba(20, 17, 14, 0.45) 46%, rgba(20, 17, 14, 0) 62%);
  font-family: "Inter Tight", Arial, sans-serif;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #c9b8a2;
}
.siteBody_special .pmBanner-1::after {
  position: absolute;
  z-index: 3;
  left: 26px;
  top: 63px;
  width: 54%;
  pointer-events: none;
  white-space: pre-line;
  font-family: "Inter Tight", Arial, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 0.92;
  letter-spacing: -0.03em;
  color: #f7f3ea;
  padding-bottom: 12px;
  background-image: linear-gradient(#c2410c, #c2410c);
  background-size: 36px 2px;
  background-repeat: no-repeat;
  background-position: left bottom;
}
.promoModule:has([data-special_id="10941"]) .pmBanner-1::after { content: "De beste keuzes\A van het jaar"; }
.promoModule:has([data-special_id="10929"]) .pmBanner-1::after { content: "Black Friday-\A superdeals"; }
.promoModule:has([data-special_id="10953"]) .pmBanner-1::after { content: "Feestelijke\A cadeaucollecties"; }
.siteBody_special .promoModule:has([data-special_id="10953"]) .pmBanner-1::before {
  background: none;
}
.promoModule:has([data-special_id="10965"]) .pmBanner-1::after { content: "Uitverkoop\A winteruitrusting"; }

.siteBody_special .pmCoupon { padding: 8px 16px 10px !important; }
.siteBody_special .pmCoupon::before {
  content: "Alleen beschikbaar voor gebruikers met een persoonlijk account.";
  display: block;
  white-space: normal;
  margin: 0 0 2px;
  text-align: center;
  font-family: "Inter Tight", Arial, sans-serif;
  font-size: 13px;
  line-height: 1.4;
  color: #e7dccb;
}
.siteBody_special .pmCoupon .countdown {
  color: #f3efe6 !important;
  -webkit-text-fill-color: #f3efe6 !important;
  text-align: center !important;
  font-family: "Inter Tight", Arial, sans-serif !important;
  font-size: 14px !important;
  margin: 2px 0 2px !important;
  background: transparent !important;
}
.siteBody_special .pmCoupon .countdown span {
  background: transparent !important;
  color: #f7f3ea !important;
  -webkit-text-fill-color: #f7f3ea !important;
}
/* 手机券横滑，露出 2.5 张。三张时不要强制 snap，否则滑到末尾会留空。 */
.siteBody_special .pm_coupon_layout3 {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 0 !important;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
}
.siteBody_special .pm_coupon_layout3::-webkit-scrollbar { display: none; }
.siteBody_special .pm_coupon_layout3::after { display: none !important; }
.siteBody_special .pm_coupon_layout3 .pm_coupon_item {
  flex: 0 0 calc((100% - 16px) / 2.5) !important;
  width: calc((100% - 16px) / 2.5) !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  background: #f7f3ea !important;
  color: #1c1612 !important;
  overflow: hidden !important;
}
.siteBody_special .pm_coupon_main,
.siteBody_special .pm_coupon_desc,
.siteBody_special .pm_coupon_divider {
  background: #f7f3ea !important;
  color: #1c1612 !important;
}
.siteBody_special .pm_coupon_discount,
.siteBody_special .pm_coupon_layout3 .pm_coupon_discount {
  color: #1c1612 !important;
  -webkit-text-fill-color: #1c1612 !important;
}
.siteBody_special .pm_coupon_discount .coupon-price {
  color: #c2410c !important;
  -webkit-text-fill-color: #c2410c !important;
  font-family: "Inter Tight", Arial, sans-serif !important;
  font-size: 22px !important;
  line-height: 1 !important;
}
.siteBody_special .pm_coupon_layout3 .pm_coupon_main {
  padding: 22px 8px 4px !important;
  min-width: 0 !important;
  width: 100% !important;
}
.siteBody_special .pm_coupon_layout3 .pm_coupon_desc { padding: 4px 8px 8px !important; }
.siteBody_special .pm_coupon_layout3 .pm_coupon_discount {
  max-width: 100% !important;
  margin-bottom: 2px !important;
}
.siteBody_special .pm_coupon_layout3 .pm_coupon_category {
  max-width: 100% !important;
  font-size: 10px !important;
  line-height: 16px !important;
  padding: 0 6px !important;
  background: transparent !important;
  border-radius: 0 !important;
}
.siteBody_special .pm_coupon_layout3 .pm_coupon_divider {
  width: auto !important;
  margin: 0 8px !important;
}
.siteBody_special .pm_coupon_layout3 .pm_coupon_btn {
  padding: 0 !important;
  min-height: 28px !important;
  width: 100% !important;
  height: auto !important;
}
.siteBody_special .pm_coupon_layout3 .pm_coupon_rule,
.siteBody_special .pm_coupon_layout3 .pm_coupon_valid,
.siteBody_special .pm_coupon_category {
  color: #5c534a !important;
  -webkit-text-fill-color: #5c534a !important;
}
.siteBody_special .pm_coupon_btn {
  background: transparent !important;
  color: #1c1612 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.siteBody_special .pmCoupon_btnText,
.siteBody_special .pm_coupon_btn .code_status {
  color: #1c1612 !important;
  -webkit-text-fill-color: #1c1612 !important;
  font-family: "Inter Tight", Arial, sans-serif !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.siteBody_special .promotion-com-title,
.siteBody_special .promoModule_title {
  font-family: "Inter Tight", Arial, sans-serif !important;
  color: #1c1612 !important;
  -webkit-text-fill-color: #1c1612 !important;
}
/* 商品楼层标题按两行撑开。站点默认盒高只够一行，长标题第二行会被下面的商品卡盖住。 */
.siteBody_special .promotion-goods-horizontal .promotion-com-title,
.siteBody_special .promotion-goods-vertical .promotion-com-title {
  height: auto !important;
  max-height: none !important;
  line-height: 1.25 !important;
  padding: 16px 12px 14px !important;
  overflow: visible !important;
  background: #f7f3ea;
  position: relative;
  z-index: 2;
}
.siteBody_special .shopPrice { color: #c2410c !important; }

/* 右侧目录。和主会场同一套：纸色、换行，宽跟着 1200 栏右侧空白。 */
body .active-nav.subjectNav {
  --bfn-rail: clamp(116px, calc((100vw - 1200px) / 2 - 4px), 220px);
  width: var(--bfn-rail) !important;
  right: max(4px, calc((100vw - 1200px) / 2 - var(--bfn-rail) - 4px)) !important;
  top: 112px !important;
  background: transparent !important;
  z-index: 20 !important;
}

body .active-nav.subjectNav .subjectSide_list {
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 10px 8px 4px !important;
  background: #f7f3ea !important;
  background-color: #f7f3ea !important;
  border: 1px solid #1c1612 !important;
  box-shadow: 4px 4px 0 #1c1612 !important;
}

body .active-nav.subjectNav .subjectSide_list::before {
  content: "Inhoud";
  display: block;
  margin: 0 0 4px;
  padding: 0 0 8px;
  border-bottom: 1px solid #1c1612;
  color: #c2410c;
  -webkit-text-fill-color: #c2410c;
  font-family: "Inter Tight", Arial, sans-serif;
  font-size: 11px;
  letter-spacing: 0.16em;
  line-height: 1.2;
  text-transform: uppercase;
}

body .active-nav.subjectNav .subjectSide_list .subjectSide_item,
body .active-nav.subjectNav .subjectSide_list .back-top {
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

body .active-nav.subjectNav .subjectSide_list .subjectSide_item .subjectSide_link,
body .active-nav.subjectNav .subjectSide_list .back-top a,
body .active-nav.subjectNav #js_toTop,
body .active-nav.subjectNav #js_toTop span {
  display: block !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 8px 0 !important;
  overflow: visible !important;
  color: #1c1612 !important;
  -webkit-text-fill-color: #1c1612 !important;
  font-family: "Inter Tight", Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  overflow-wrap: break-word !important;
  hyphens: auto !important;
  text-overflow: clip !important;
  text-decoration: none !important;
  white-space: normal !important;
}

body .active-nav.subjectNav .subjectSide_list .subjectSide_item:hover .subjectSide_link {
  color: #c2410c !important;
  -webkit-text-fill-color: #c2410c !important;
}

body .active-nav.subjectNav .subjectSide_item.cur .subjectSide_link,
body .active-nav.subjectNav .subjectSide_item.active .subjectSide_link,
body .active-nav.subjectNav .subjectSide_item.on .subjectSide_link,
body .active-nav.subjectNav .subjectSide_item.subjectSide_link-active .subjectSide_link {
  color: #c2410c !important;
  -webkit-text-fill-color: #c2410c !important;
}

body .active-nav.subjectNav .subjectSide_list .subjectSide_item:not(:last-of-type) .subjectSide_link:after {
  right: 0 !important;
  left: 0 !important;
  width: 100% !important;
  background: #e4ddd0 !important;
  transform: none !important;
}

body .active-nav.subjectNav .back-top .triangle {
  border-top-color: #1c1612 !important;
}

body .specialWarp section.coupon_line_multiple > h2,
body .specialWarp section.footer_banner > h2,
body .specialWarp section.footer_banner > h3,
body .specialWarp section.footer_banner > .active-list-title {
  display: none !important;
}
/* 电脑券的倒计时写在 h3 里面。整段藏掉会把倒计时一起藏掉。
   只把「Kortingsbonnen」这几个字收成 0，倒计时留在用券句和券卡之间。 */
body .specialWarp section.coupon_line_multiple > h3.active-list-title {
  display: block !important;
  position: static !important;
  font-size: 0 !important;
  line-height: normal !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  color: transparent !important;
  background: transparent !important;
  overflow: visible !important;
}

/* 券的导航名只进目录。手机模板的楼层标题会压进倒计时。 */
.siteBody_special .pmCoupon .promoModule_title {
  display: none !important;
}
.siteBody_special .promotion-com-cate,
.siteBody_special .DM_promotionCate {
  border-bottom: 1px solid #e4dcd0 !important;
}
.siteBody_special .DM_RS_cate-item,
.siteBody_special .DM_RS_cate-item-text {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #1c1612 !important;
  -webkit-text-fill-color: #1c1612 !important;
  font-family: "Inter Tight", Arial, sans-serif !important;
  font-weight: 500 !important;
}
.siteBody_special .DM_promotionCate .DM_RS_cate-item.activate,
.siteBody_special .DM_RS_cate-item.activate,
.siteBody_special .DM_promotionCate .DM_RS_cate-item.activate:active {
  background-color: transparent !important;
  background-image: linear-gradient(#c2410c, #c2410c) !important;
  background-size: 28px 3px !important;
  background-repeat: no-repeat !important;
  background-position: center bottom !important;
  border-radius: 0 !important;
  color: #c2410c !important;
  -webkit-text-fill-color: #c2410c !important;
  font-weight: 700 !important;
}
.siteBody_special .DM_RS_cate-item.activate .DM_RS_cate-item-text {
  background: transparent !important;
  color: #c2410c !important;
  -webkit-text-fill-color: #c2410c !important;
  font-weight: 700 !important;
}
