/* 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(64px, 7vw);
  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;
}

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 {
  position: static !important;
  width: auto;
  max-width: 1120px;
  margin: 2px 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;
  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 .indexCommon_nav .indexCommon_navInner .indexCommon_navList .indexCommon_navItem {
  background: transparent !important;
  color: #1c1612 !important;
  font-family: "Inter Tight", Arial, sans-serif !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: #1c1612 !important;
  background-color: #1c1612 !important;
}
body .specialWarp .indexCommon_nav .indexCommon_navInner .indexCommon_navList .indexCommon_navItem .indexCommon_navItem-box {
  color: #1c1612 !important;
  -webkit-text-fill-color: #1c1612 !important;
}
body .specialWarp .indexCommon_nav .indexCommon_navInner .indexCommon_navList .indexCommon_navItem.active .indexCommon_navItem-box {
  color: #f3efe6 !important;
  -webkit-text-fill-color: #f3efe6 !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: calc(100vw * 672 / 1584) !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: calc(100vw * 672 / 1584) !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: center 42% !important;
}
.siteBody_special .pmBanner-1::before {
  content: "Nederland · 9–18 november";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  padding: 10px 0 0 14px;
  box-sizing: border-box;
  background: linear-gradient(90deg, rgba(20, 17, 14, 0.94) 0%, rgba(20, 17, 14, 0.82) 34%, rgba(20, 17, 14, 0) 62%);
  font-family: "Inter Tight", Arial, sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #c9b8a2;
}
.siteBody_special .pmBanner-1::after {
  position: absolute;
  z-index: 3;
  left: 14px;
  top: 28px;
  width: 46%;
  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"; }
.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;
}
.siteBody_special .pm_coupon_layout3 {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  width: 100% !important;
}
.siteBody_special .pm_coupon_layout3 .pm_coupon_item {
  width: 100% !important;
  margin: 0 !important;
  background: #f7f3ea !important;
  color: #1c1612 !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: 28px !important;
  line-height: 1 !important;
}
.siteBody_special .pm_coupon_main { padding: 8px 12px 2px !important; }
.siteBody_special .pm_coupon_desc { padding: 2px 12px 8px !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 .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.coupon_line_multiple > h3,
body .specialWarp section.coupon_line_multiple > .active-list-title,
body .specialWarp section.footer_banner > h2,
body .specialWarp section.footer_banner > h3,
body .specialWarp section.footer_banner > .active-list-title {
  display: none !important;
}

/* 券的导航名只进目录。手机模板的楼层标题会压进倒计时。 */
.siteBody_special .pmCoupon .promoModule_title {
  display: none !important;
}
.siteBody_special .DM_RS_cate-item {
  background: transparent !important;
  color: #1c1612 !important;
}
.siteBody_special .DM_promotionCate .DM_RS_cate-item.activate,
.siteBody_special .DM_RS_cate-item.activate {
  background: #1c1612 !important;
  background-color: #1c1612 !important;
  color: #f3efe6 !important;
  -webkit-text-fill-color: #f3efe6 !important;
}