/* OpenClaw mobile full-width info pages - 2026-05-04
   Rollback: remove this block or delete this file if it only contains this block. */

/* OpenClaw information/404 page spacing parity with track-your-order - 2026-05-09 */
html.route-information-information #information-information,
html.route-error-not_found #error-not-found,
html.route-account-return-add #account-return {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

html.route-information-information #information-information #content,
html.route-error-not_found #error-not-found #content,
html.route-account-return-add #account-return #content {
  padding-top: 0 !important;
}

html.route-information-information .rp-wrap,
html.route-information-information .syb-wrap,
html.route-information-information .aot-wrap,
html.route-error-not_found .dn404-wrap,
html.route-account-return-add .dn-return-wrap {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

html.route-information-information .rp-container:first-child,
html.route-information-information .syb-container:first-child,
html.route-information-information .aot-container:first-child,
html.route-error-not_found .dn404-container:first-child,
html.route-account-return-add .dn-return-container:first-child {
  padding-top: 0 !important;
}

@media (max-width: 767px) {
  /* Match /track-your-order: 15px from title bar end to first content. */
  html.information-9 .rp-wrap {
    margin-top: 15px !important;
  }

  html.route-error-not_found .dn404-wrap,
html.route-account-return-add .dn-return-wrap {
    margin-top: 15px !important;
  }

  html.information-9 .rp-container:first-child,
  html.information-10 .syb-container:first-child,
  html.information-11 .aot-container:first-child,
  html.information-13 .aot-container:first-child,
  html.information-14 .aot-container:first-child {
    margin-top: 15px !important;
  }

  html.route-error-not_found .dn404-container:first-child,
html.route-account-return-add .dn-return-container:first-child {
    margin-top: 15px !important;
  }

  html.route-information-information #information-information,
  html.route-error-not_found #error-not-found,
  html.route-account-order_tracking_lookup #account-order-tracking-lookup,
  html.route-account-return-add #account-return {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
  }

  html.route-information-information #information-information > .row,
  html.route-error-not_found #error-not-found > .row,
  html.route-account-order_tracking_lookup #account-order-tracking-lookup > .row,
  html.route-account-return-add #account-return > .row {
    margin-left: 0;
    margin-right: 0;
  }

  html.route-information-information #information-information #content,
  html.route-error-not_found #error-not-found #content,
  html.route-account-order_tracking_lookup #account-order-tracking-lookup #content,
  html.route-account-return-add #account-return #content {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
  }

  html.information-9 .rp-wrap,
  html.information-10 .syb-wrap,
  html.information-11 .aot-wrap,
  html.information-13 .aot-wrap,
  html.information-14 .aot-wrap,
  html.route-error-not_found .dn404-wrap,
html.route-account-return-add .dn-return-wrap {
    width: 100%;
    max-width: none;
    box-sizing: border-box;
  }

  html.information-9 .rp-container,
  html.information-9 .rp-image-wrap,
  html.information-10 .syb-container,
  html.information-10 .syb-image-wrap,
  html.information-11 .aot-container,
  html.information-11 .aot-image-wrap,
  html.information-13 .aot-container,
  html.information-13 .aot-image-wrap,
  html.information-14 .aot-container,
  html.information-14 .aot-image-wrap,
  html.route-error-not_found .dn404-container,
  html.route-account-return-add .dn-return-container {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    box-sizing: border-box;
  }

  html.route-information-information:not(.information-9):not(.information-10):not(.information-11):not(.information-13):not(.information-14) #information-information #content {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  html.route-account-order_tracking_lookup .tracking-hero-banner,
  html.route-account-order_tracking_lookup .tracking-lookup-wrap {
    width: calc(100% - 28px);
    max-width: none;
    margin-left: 14px;
    margin-right: 14px;
    box-sizing: border-box;
  }
}

@media (max-width: 650px) {
	.live-search .ls-show-more-products-wrap,
	.live-search .result-text {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		height: 20px !important;
		min-height: 20px !important;
		padding: 0 !important;
		margin: 0 !important;
		line-height: 1 !important;
		box-sizing: border-box !important;
	}

	.live-search .ls-show-more-products {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		height: auto !important;
		min-height: 0 !important;
		padding: 0 !important;
		margin: 7px 0 0 0 !important;
		font-size: 11px !important;
		line-height: 1 !important;
		position: relative !important;
		top: 0 !important;
	}

	.live-search .view-all-results {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		height: auto !important;
		min-height: 0 !important;
		padding: 0 !important;
		margin: 10px 0 0 0 !important;
		font-size: 11px !important;
		line-height: 1 !important;
		position: relative !important;
		top: 0 !important;
	}
}

@media (max-width:650px){
	.grid-item:not(.grid-module-top-1-1-1){
		zoom:0.9;
	}
}

@media (min-width:651px) and (max-width:1000px){
	.grid-item:not(.grid-module-top-1-1-1){
		zoom:0.93;
	}
}

@media (min-width:1001px) and (max-width:1249px){
	.grid-item:not(.grid-module-top-1-1-1){
		zoom:0.95;
	}
}

@media (min-width:1250px){
	.grid-item:not(.grid-module-top-1-1-1){
		zoom:0.97;
	}
}

.grid-item.grid-module-top-1-1-1{
	zoom:1 !important;
}

.module-body.side-products-tabs{
	zoom:1 !important;
}

@media (max-width:650px){
	.module-body.side-products-tabs{
		zoom:0.93 !important;
	}
}

@media (min-width:651px) and (max-width:900px){
	.module-body.side-products-tabs{
		zoom:0.95 !important;
	}
}

@media (min-width:901px) and (max-width:1200px){
	.module-body.side-products-tabs{
		zoom:0.97 !important;
	}
}

@media (min-width:1201px) and (max-width:1500px){
	.module-body.side-products-tabs{
		zoom:0.98 !important;
	}
}

.dn-spec-badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-weight: 600;
}

.dn-spec-badge__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	font-size: 13px;
	line-height: 1;
}

.dn-spec-badge--yes {
	color: #1f7a3d;
}

.dn-spec-badge--yes .dn-spec-badge__icon {
	background: #e7f6ed;
	color: #1f7a3d;
}

.dn-spec-badge--no {
	color: #b42318;
}

.dn-spec-badge--no .dn-spec-badge__icon {
	background: #fdecec;
	color: #b42318;
}

.product-info.has-zero-price #product .product-price-group {
	display: flex !important;
}

.product-info.has-zero-price #product .price-wrapper {
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
}

.product-thumb .price {
	padding-top: 6px !important;
	padding-bottom: 6px !important;
	gap: 0 !important;
}

.product-thumb .price .dn-price-supplier-block {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: 1px !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	height: 18px !important;
	min-height: 18px !important;
	max-height: 18px !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
	white-space: nowrap !important;
	text-align: right !important;
	flex: none !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	line-height: 1 !important;
}

.product-thumb .price .dn-price-supplier-block.no-supplier-count {
	justify-content: center !important;
	text-align: center !important;
}

.product-thumb .price .dn-price-supplier-price {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	width: auto !important;
	min-width: max-content !important;
	max-width: none !important;
	height: 18px !important;
	min-height: 18px !important;
	max-height: 18px !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	flex: 0 0 auto !important;
	flex-basis: auto !important;
	overflow: visible !important;
	text-overflow: clip !important;
	white-space: nowrap !important;
	line-height: 1 !important;
}

.product-thumb .price .dn-price-supplier-block.no-supplier-count .dn-price-supplier-price {
	justify-content: center !important;
}

.product-thumb .price .dn-price-supplier-price > span {
	display: inline-block !important;
	width: auto !important;
	min-width: max-content !important;
	max-width: none !important;
	height: 18px !important;
	min-height: 18px !important;
	max-height: 18px !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	overflow: visible !important;
	text-overflow: clip !important;
	white-space: nowrap !important;
	line-height: 18px !important;
}

.product-thumb .price .dn-supplier-inline {
	position: static !important;
	transform: none !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	width: max-content !important;
	min-width: 0 !important;
	max-width: 100% !important;
	height: 17px !important;
	min-height: 17px !important;
	max-height: 17px !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	flex: 0 1 max-content !important;
	flex-basis: max-content !important;
	padding: 1px 3px !important;
	border: 1px solid rgba(117,136,75,.28) !important;
	border-radius: 8px !important;
	background: rgba(255,255,255,.42) !important;
	color: #53612f !important;
	font-size: 9.5px !important;
	font-weight: 700 !important;
	line-height: 13px !important;
	overflow: hidden !important;
	text-overflow: clip !important;
	white-space: nowrap !important;
	box-sizing: border-box !important;
}

.product-thumb .price .dn-supplier-inline .dn-supplier-text {
	display: block !important;
	width: 100% !important;
	min-width: 0 !important;
	max-width: 100% !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
	line-height: 13px !important;
}

@media (max-width:400px){
	.product-thumb .price .dn-supplier-inline{
		display:none !important;
	}

	.product-thumb .price .dn-price-supplier-block{
		justify-content:center !important;
		text-align:center !important;
	}

	.product-thumb .price .dn-price-supplier-price{
		justify-content:center !important;
	}
}

html.route-product-product .live-search{
	z-index:2147482500 !important;
}

@media (min-width: 901px) {
	#product-product .product-image .swiper.additional-images .swiper-container {
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}

@media (min-width:1250px){
	#product-product .product-left,
	#product-product .product-left-wrapper{
		width:auto !important;
		max-width:none !important;
		flex:1 1 0 !important;
	}

	#product-product .product-right{
		width:auto !important;
		max-width:none !important;
		flex:1 1 0 !important;
	}

	#product-product .product-image{
		width:100% !important;
		max-width:100% !important;
		display:flex !important;
		flex-direction:column !important;
		align-items:center !important;
		justify-content:flex-start !important;
	}

	#product-product .product-image .main-image,
	#product-product .product-image .main-image .swiper-container,
	#product-product .product-image .main-image .swiper-wrapper,
	#product-product .product-image .main-image .swiper-slide,
	#product-product .product-image .main-image img{
		width:min(100%, 560px) !important;
		max-width:560px !important;
		height:min(100vw, 560px) !important;
		max-height:560px !important;
	}

	#product-product .product-image .main-image img{
		object-fit:contain !important;
	}

	#product-product .product-image .swiper.additional-images{
		width:min(100%, 560px) !important;
		max-width:560px !important;
		margin-left:auto !important;
		margin-right:auto !important;
	}

	#product-product .product-image .swiper.additional-images .swiper-container{
		width:100% !important;
		max-width:100% !important;
		margin-left:0 !important;
		margin-right:0 !important;
	}

	#product-product .product-image .swiper.additional-images .swiper-slide{
		width:70px !important;
		max-width:70px !important;
		height:70px !important;
		flex:0 0 70px !important;
	}

	#product-product .product-image .swiper.additional-images .swiper-slide img{
		width:100% !important;
		height:100% !important;
		object-fit:cover !important;
	}
}

#product-product .product-blocks-bottom .side-products.auto-grid,
#product-product .product-blocks-bottom .side-products.auto-grid.no-scroll-prev,
#product-product .product-blocks-bottom .side-products.auto-grid.no-scroll-next,
#product-product .product-blocks-bottom .side-products.auto-grid.no-scroll-prev.no-scroll-next {
	width:100% !important;
	max-width:100% !important;
	margin-left:0 !important;
	margin-right:0 !important;
	overflow:visible !important;
	box-sizing:border-box !important;
}

#product-product .product-blocks-bottom .side-products.auto-grid > .auto-grid-items {
	width:100% !important;
	max-width:100% !important;
	padding-left:0 !important;
	padding-right:0 !important;
	margin-left:0 !important;
	margin-right:0 !important;
	box-sizing:border-box !important;
	overflow:hidden !important;
}

#product-product .product-blocks-bottom .side-products.auto-grid .auto-carousel-buttons,
#product-product .product-blocks-bottom .side-products.auto-grid .swiper-buttons {
	top:50% !important;
	transform:translateY(-50%) !important;
	overflow:visible !important;
	visibility:visible !important;
	opacity:1 !important;
	pointer-events:auto !important;
	z-index:20 !important;
}

#product-product .product-blocks-bottom .side-products.auto-grid .auto-carousel-prev,
#product-product .product-blocks-bottom .side-products.auto-grid .auto-carousel-next,
#product-product .product-blocks-bottom .side-products.auto-grid .swiper-button-prev,
#product-product .product-blocks-bottom .side-products.auto-grid .swiper-button-next {
	top:50% !important;
	transform:translateY(-50%) !important;
	margin-top:0 !important;
	overflow:visible !important;
	visibility:visible !important;
	opacity:1 !important;
	pointer-events:auto !important;
	z-index:20 !important;
}

/* Category top mini-products block responsive scale */
.grid-row-content-top-1,
.grid-row-content-top-1 .module-body.side-products-tabs{
	zoom:1 !important;
	width:100% !important;
	max-width:100% !important;
}

@media (max-width:650px){
	.grid-row-content-top-1,
	.grid-row-content-top-1 .module-body.side-products-tabs{
		zoom:0.93 !important;
	}
}

@media (min-width:651px) and (max-width:900px){
	.grid-row-content-top-1,
	.grid-row-content-top-1 .module-body.side-products-tabs{
		zoom:0.95 !important;
	}
}

@media (min-width:901px) and (max-width:1200px){
	.grid-row-content-top-1,
	.grid-row-content-top-1 .module-body.side-products-tabs{
		zoom:0.97 !important;
	}
}

@media (min-width:1201px) and (max-width:1500px){
	.grid-row-content-top-1,
	.grid-row-content-top-1 .module-body.side-products-tabs{
		zoom:0.98 !important;
	}
}

.grid-row-content-top-1 .module-body.side-products-tabs .nav-tabs,
.grid-row-content-top-1 .module-body.side-products-tabs .tab-content,
.grid-row-content-top-1 .module-body.side-products-tabs .module-item,
.grid-row-content-top-1 .module-body.side-products-tabs .swiper,
.grid-row-content-top-1 .module-body.side-products-tabs .swiper-container{
	width:100% !important;
	max-width:100% !important;
}

/* OpenClaw desktop category badge tabs - 2026-05-04
   Restores tab styling for subcategory text links under category titles. */
@media (min-width: 768px) {
  html.route-product-category .refine-categories .refine-items,
  html.route-product-category .refine-categories .auto-grid-items {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
  }

  html.route-product-category .refine-categories .refine-item {
    width: auto !important;
    max-width: 100%;
    flex: 0 0 auto;
    margin: 0 !important;
  }

  html.route-product-category .refine-categories .refine-item > a {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 5px 10px;
    border: 1px solid rgba(35, 40, 48, .13);
    border-radius: 4px;
    background: rgba(250, 251, 252, .96);
    color: #2f3742;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
  }

  html.route-product-category .refine-categories .refine-item > a:hover,
  html.route-product-category .refine-categories .refine-item > a:focus {
    border-color: rgba(0, 118, 190, .42);
    background: #fff;
    color: #0f5f94;
    text-decoration: none;
  }

  html.route-product-category .refine-categories .refine-name {
    display: inline;
    margin: 0;
    padding: 0;
    white-space: nowrap;
  }
}

/* OpenClaw category controls polish - 2026-05-04
   CSS-only layer for safer rollback. */
html.route-product-category .products-filter {
  position: sticky;
  top: var(--desktop-sticky-offset, 0px);
  z-index: 30;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px;
  margin-bottom: 14px;
  border: 0;
  border-radius: 0;
  background: rgba(255, 255, 255, .96);
  box-shadow: none;
  backdrop-filter: blur(8px);
}

html.route-product-category .products-filter > * {
  min-width: 0;
}

html.route-product-category .products-filter .select-group,
html.route-product-category .products-filter .input-group,
html.route-product-category .products-filter .compare-total {
  border-radius: 4px;
}

html.route-product-category #column-left .module-filter {
  border: 0;
  box-shadow: none;
}

html.route-product-category #column-left .module-filter .module-title {
  border-bottom: 1px solid rgba(35, 40, 48, .08);
}

html.route-product-category #column-left .module-filter .module-item.panel {
  border-bottom: 1px solid rgba(35, 40, 48, .07);
}

html.route-product-category #column-left .module-filter .panel-title a {
  font-weight: 600;
}

html.route-product-category #column-left .module-filter label {
  border-radius: 4px;
}

html.route-product-category #column-left .module-filter label:hover {
  background: rgba(35, 40, 48, .04);
}

/* BEGIN Global active filter chips */
.products-filter.has-active-filters {
	display: flex !important;
	flex-wrap: wrap !important;
}

.products-filter .oc-active-filters {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: flex-start !important;
	gap: 8px 12px !important;
	margin: 0 0 4px !important;
	width: 100% !important;
}

.products-filter .oc-active-filter-groups {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: flex-start !important;
	gap: 7px 12px !important;
	margin: 0 !important;
	padding: 0 !important;
}

.products-filter .oc-active-filter-group {
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
	margin: 0 !important;
	padding: 0 !important;
}

.products-filter .oc-active-filter-group-title {
	display: block !important;
	font-weight: 700 !important;
	color: #222 !important;
	font-size: 13px !important;
	line-height: 28px !important;
	margin: 0 !important;
	padding: 0 !important;
	text-decoration: none !important;
}

.products-filter .oc-active-filter-values {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	gap: 5px !important;
	margin: 0 !important;
	padding: 0 !important;
}

.products-filter .oc-active-filter-chip {
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
	height: 28px !important;
	padding: 0 8px !important;
	border: 1px solid #b8d7ee !important;
	border-radius: 4px !important;
	background: #eaf5ff !important;
	color: #4f7fa8 !important;
	font-size: 13px !important;
	font-weight: 400 !important;
	line-height: 28px !important;
	text-decoration: none !important;
	white-space: nowrap !important;
}

.products-filter .oc-active-filter-chip span {
	display: block !important;
	line-height: 28px !important;
	text-decoration: none !important;
}

.products-filter .oc-active-filter-chip em {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 14px !important;
	height: 14px !important;
	border-radius: 50% !important;
	background: #d4e8f7 !important;
	color: #4f7fa8 !important;
	font-style: normal !important;
	font-size: 13px !important;
	line-height: 14px !important;
	text-decoration: none !important;
}

.products-filter .oc-active-filter-clear {
	display: flex !important;
	align-items: center !important;
	height: 28px !important;
	padding: 0 10px !important;
	border: 1px solid #d8dde3 !important;
	border-radius: 4px !important;
	background: #ffffff !important;
	color: #333 !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	line-height: 28px !important;
	text-decoration: none !important;
	cursor: pointer !important;
}

.products-filter .oc-active-filter-chip:hover,
.products-filter .oc-active-filter-chip:focus,
.products-filter .oc-active-filter-clear:hover,
.products-filter .oc-active-filter-clear:focus {
	text-decoration: none !important;
}
/* END Global active filter chips */

/* BEGIN spec badges auto short first */
.product-thumb .caption .oc-spec-badges.oc-spec-auto-short-first,
.oc-spec-badges.oc-spec-auto-short-first {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: flex-start !important;
	gap: 5px !important;
}

.product-thumb .caption .oc-spec-badges.oc-spec-auto-short-first .oc-spec-badge,
.oc-spec-badges.oc-spec-auto-short-first .oc-spec-badge {
	flex: 0 0 auto !important;
	max-width: 100% !important;
}
/* END spec badges auto short first */

/* BEGIN sort chips */
.products-filter .oc-active-sort-group {
	order: -100 !important;
}

.products-filter .oc-active-sort-chip {
	border-color: #d8dde3 !important;
	background: #ffffff !important;
	color: #111111 !important;
}

.products-filter .oc-active-sort-chip span {
	color: #111111 !important;
}

.products-filter .oc-active-sort-chip.is-active-sort {
	border-color: #4f7fa8 !important;
	background: #4f7fa8 !important;
	color: #ffffff !important;
}

.products-filter .oc-active-sort-chip.is-active-sort span {
	color: #ffffff !important;
}

.products-filter .oc-active-sort-chip em {
	display: none !important;
}
/* END sort chips */

/* BEGIN search mobile product filter spacing */
@media (max-width: 767px) {
	html.route-product-search .site-wrapper > .container {
		margin-top: 28px !important;
	}

	html.route-product-search .products-filter.has-active-filters {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		margin-bottom: 6px !important;
		gap: 4px 8px !important;
	}

	html.route-product-search .products-filter .oc-active-filters {
		margin: 0 !important;
		padding: 0 !important;
	}

	html.route-product-search .products-filter .oc-active-filter-groups {
		margin: 0 !important;
		padding: 0 !important;
		gap: 4px 8px !important;
	}

	html.route-product-search .products-filter .oc-active-filter-group {
		margin: 0 !important;
		padding: 0 !important;
		gap: 5px !important;
	}

	html.route-product-search .products-filter .oc-active-filter-chip,
	html.route-product-search .products-filter .oc-active-filter-clear {
		height: 26px !important;
		line-height: 26px !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
}
/* END search mobile product filter spacing */

/* BEGIN search desktop product filter spacing */
@media (min-width: 768px) {
	html.route-product-search .site-wrapper > .container {
		margin-top: 34px !important;
	}

	html.route-product-search .main-products-wrapper {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}

	html.route-product-search .products-filter {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}

	html.route-product-search .products-filter.has-active-filters {
		margin-top: 0 !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		margin-bottom: 6px !important;
		gap: 4px 8px !important;
	}

	html.route-product-search .products-filter .oc-active-filters {
		margin: 0 !important;
		padding: 0 !important;
	}

	html.route-product-search .products-filter .oc-active-filter-groups {
		margin: 0 !important;
		padding: 0 !important;
		gap: 4px 8px !important;
	}

	html.route-product-search .products-filter .oc-active-filter-group {
		margin: 0 !important;
		padding: 0 !important;
		gap: 5px !important;
	}

	html.route-product-search .products-filter .oc-active-filter-chip,
	html.route-product-search .products-filter .oc-active-filter-clear {
		height: 26px !important;
		line-height: 26px !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
}
/* END search desktop product filter spacing */

/* BEGIN special manufacturer product filter spacing */
@media (max-width: 767px) {
	html.route-product-special .site-wrapper > .container,
	html.route-product-manufacturer .site-wrapper > .container,
	html.route-product-manufacturer-info .site-wrapper > .container {
		margin-top: 28px !important;
	}

	html.route-product-special .products-filter.has-active-filters,
	html.route-product-manufacturer .products-filter.has-active-filters,
	html.route-product-manufacturer-info .products-filter.has-active-filters {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		margin-bottom: 6px !important;
		gap: 4px 8px !important;
	}

	html.route-product-special .products-filter .oc-active-filters,
	html.route-product-manufacturer .products-filter .oc-active-filters,
	html.route-product-manufacturer-info .products-filter .oc-active-filters,
	html.route-product-special .products-filter .oc-active-filter-groups,
	html.route-product-manufacturer .products-filter .oc-active-filter-groups,
	html.route-product-manufacturer-info .products-filter .oc-active-filter-groups {
		margin: 0 !important;
		padding: 0 !important;
		gap: 4px 8px !important;
	}

	html.route-product-special .products-filter .oc-active-filter-group,
	html.route-product-manufacturer .products-filter .oc-active-filter-group,
	html.route-product-manufacturer-info .products-filter .oc-active-filter-group {
		margin: 0 !important;
		padding: 0 !important;
		gap: 5px !important;
	}

	html.route-product-special .products-filter .oc-active-filter-chip,
	html.route-product-special .products-filter .oc-active-filter-clear,
	html.route-product-manufacturer .products-filter .oc-active-filter-chip,
	html.route-product-manufacturer .products-filter .oc-active-filter-clear,
	html.route-product-manufacturer-info .products-filter .oc-active-filter-chip,
	html.route-product-manufacturer-info .products-filter .oc-active-filter-clear {
		height: 26px !important;
		line-height: 26px !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
}

@media (min-width: 768px) {
	html.route-product-special .site-wrapper > .container,
	html.route-product-manufacturer .site-wrapper > .container,
	html.route-product-manufacturer-info .site-wrapper > .container {
		margin-top: 34px !important;
	}

	html.route-product-special .main-products-wrapper,
	html.route-product-manufacturer .main-products-wrapper,
	html.route-product-manufacturer-info .main-products-wrapper {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}

	html.route-product-special .products-filter,
	html.route-product-manufacturer .products-filter,
	html.route-product-manufacturer-info .products-filter {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}

	html.route-product-special .products-filter.has-active-filters,
	html.route-product-manufacturer .products-filter.has-active-filters,
	html.route-product-manufacturer-info .products-filter.has-active-filters {
		padding-bottom: 0 !important;
		margin-bottom: 6px !important;
		gap: 4px 8px !important;
	}

	html.route-product-special .products-filter .oc-active-filters,
	html.route-product-manufacturer .products-filter .oc-active-filters,
	html.route-product-manufacturer-info .products-filter .oc-active-filters,
	html.route-product-special .products-filter .oc-active-filter-groups,
	html.route-product-manufacturer .products-filter .oc-active-filter-groups,
	html.route-product-manufacturer-info .products-filter .oc-active-filter-groups {
		margin: 0 !important;
		padding: 0 !important;
		gap: 4px 8px !important;
	}

	html.route-product-special .products-filter .oc-active-filter-group,
	html.route-product-manufacturer .products-filter .oc-active-filter-group,
	html.route-product-manufacturer-info .products-filter .oc-active-filter-group {
		margin: 0 !important;
		padding: 0 !important;
		gap: 5px !important;
	}

	html.route-product-special .products-filter .oc-active-filter-chip,
	html.route-product-special .products-filter .oc-active-filter-clear,
	html.route-product-manufacturer .products-filter .oc-active-filter-chip,
	html.route-product-manufacturer .products-filter .oc-active-filter-clear,
	html.route-product-manufacturer-info .products-filter .oc-active-filter-chip,
	html.route-product-manufacturer-info .products-filter .oc-active-filter-clear {
		height: 26px !important;
		line-height: 26px !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
}
/* END special manufacturer product filter spacing */

/* BEGIN filter chip button */
@media (min-width: 1251px) {
	.products-filter .oc-filter-open-group {
		display: none !important;
	}
}

@media (max-width: 1250px) {
	.products-filter .oc-filter-open-group {
		order: -101 !important;
		display: flex !important;
		align-items: center !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	.products-filter .oc-active-sort-group {
		order: -100 !important;
	}

	.products-filter .oc-filter-open-chip {
		display: inline-flex !important;
		align-items: center !important;
		gap: 3px !important;
		column-gap: 3px !important;
		height: 26px !important;
		line-height: 26px !important;
		padding: 0 8px !important;
		border: 1px solid #d8dde3 !important;
		border-radius: 4px !important;
		background: #ffffff !important;
		color: #111111 !important;
		font-size: 14px !important;
		font-weight: 400 !important;
		text-decoration: none !important;
		cursor: pointer !important;
	}

	.products-filter .oc-filter-open-chip span {
		color: #111111 !important;
		font-size: 14px !important;
		margin-left: 0 !important;
		padding-left: 0 !important;
	}

	.products-filter .oc-filter-open-chip .oc-filter-chip-icon {
		width: 14px !important;
		height: 14px !important;
		flex: 0 0 14px !important;
		display: block !important;
		margin-right: 0 !important;
	}

	.products-filter .oc-filter-open-chip.is-active-filter-trigger {
		border-color: #4f7fa8 !important;
		background: #4f7fa8 !important;
		color: #ffffff !important;
	}

	.products-filter .oc-filter-open-chip.is-active-filter-trigger span {
		color: #ffffff !important;
	}
}
/* END filter chip button */

/* BEGIN mobile sort filter tight */
@media (max-width: 650px) {
	.products-filter .oc-active-filter-groups {
		column-gap: 4px !important;
		row-gap: 4px !important;
	}

	.products-filter .oc-active-filter-group {
		gap: 3px !important;
	}

	.products-filter .oc-filter-open-group {
		margin-right: 0 !important;
	}

	.products-filter .oc-active-sort-group {
		gap: 3px !important;
	}

	.products-filter .oc-active-filter-group-title {
		font-size: 12px !important;
		line-height: 25px !important;
	}

	.products-filter .oc-filter-open-chip,
	.products-filter .oc-active-sort-chip {
		height: 25px !important;
		line-height: 25px !important;
		padding-left: 6px !important;
		padding-right: 6px !important;
		font-size: 12px !important;
	}

	.products-filter .oc-filter-open-chip span {
		font-size: 13px !important;
	}

	.products-filter .oc-active-sort-chip span {
		font-size: 12px !important;
	}

	.products-filter .oc-filter-open-chip .oc-filter-chip-icon {
		width: 13px !important;
		height: 13px !important;
		flex-basis: 13px !important;
	}

	.products-filter .oc-active-sort-values {
		gap: 4px !important;
		column-gap: 4px !important;
	}
}
/* END mobile sort filter tight */

/* BEGIN mobile filter close like reset */
.mobile-container.mobile-filter-container .mobile-wrapper-header {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 8px !important;
}

.mobile-container.mobile-filter-container .mobile-wrapper-header .x,
.mobile-container.mobile-filter-container a.x {
	width: auto !important;
	height: 29px !important;
	min-width: 76px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
	padding: 8.4px 9.6px !important;
	margin-left: auto !important;
	margin-right: 12px !important;
	border: 0 !important;
	border-radius: 4px !important;
	background: rgb(212, 163, 115) !important;
	color: rgb(0, 0, 0) !important;
	font-size: 12px !important;
	font-weight: 400 !important;
	line-height: 12px !important;
	box-shadow: none !important;
	text-transform: none !important;
	text-decoration: none !important;
	cursor: pointer !important;
	box-sizing: border-box !important;
	position: static !important;
}

.mobile-container.mobile-filter-container .mobile-wrapper-header .x:before,
.mobile-container.mobile-filter-container a.x:before {
	content: "×" !important;
	width: 11px !important;
	height: 11px !important;
	min-width: 11px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 50% !important;
	background: #000000 !important;
	color: rgb(212, 163, 115) !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	line-height: 11px !important;
	font-family: Arial, sans-serif !important;
	margin: 0 !important;
	padding: 0 !important;
	box-sizing: border-box !important;
}

.mobile-container.mobile-filter-container .mobile-wrapper-header .x:after,
.mobile-container.mobile-filter-container a.x:after {
	display: none !important;
	content: none !important;
}
/* END mobile filter close like reset */

/* BEGIN sort search inline auto layout */
html body #product-category .products-filter.has-active-filters,
html body #product-manufacturer .products-filter.has-active-filters,
html body #product-special .products-filter.has-active-filters,
html body #product-search .products-filter.has-active-filters {
	display:flex !important;
	flex-wrap:wrap !important;
	align-items:flex-end !important;
	gap:8px 10px !important;
	grid-template-columns:none !important;
	grid-auto-flow:unset !important;
}

html body #product-category .products-filter.has-active-filters > .grid-list,
html body #product-manufacturer .products-filter.has-active-filters > .grid-list,
html body #product-special .products-filter.has-active-filters > .grid-list,
html body #product-search .products-filter.has-active-filters > .grid-list {
	order:1 !important;
	flex:1 1 560px !important;
	width:auto !important;
	min-width:min(100%, 280px) !important;
	max-width:560px !important;
	grid-column:auto !important;
	grid-row:auto !important;
}

html body #product-category .products-filter.has-active-filters > .grid-list .category-quick-search,
html body #product-manufacturer .products-filter.has-active-filters > .grid-list .category-quick-search,
html body #product-special .products-filter.has-active-filters > .grid-list .category-quick-search,
html body #product-search .products-filter.has-active-filters > .grid-list .category-quick-search {
	width:100% !important;
	max-width:none !important;
}

html body #product-category .products-filter.has-active-filters > .grid-list #category-filter-keyword,
html body #product-manufacturer .products-filter.has-active-filters > .grid-list #category-filter-keyword,
html body #product-special .products-filter.has-active-filters > .grid-list #category-filter-keyword,
html body #product-search .products-filter.has-active-filters > .grid-list #category-filter-keyword {
	width:88% !important;
	max-width:88% !important;
	box-sizing:border-box !important;
}

html body #product-category .products-filter.has-active-filters > .oc-active-filters,
html body #product-manufacturer .products-filter.has-active-filters > .oc-active-filters,
html body #product-special .products-filter.has-active-filters > .oc-active-filters,
html body #product-search .products-filter.has-active-filters > .oc-active-filters {
	order:2 !important;
	flex:0 0 auto !important;
	width:auto !important;
	max-width:100% !important;
	min-width:min-content !important;
	align-self:flex-end !important;
	margin:0 !important;
	grid-column:auto !important;
	grid-row:auto !important;
}

html body #product-category .products-filter.has-active-filters > .oc-active-filters .oc-active-filter-groups,
html body #product-manufacturer .products-filter.has-active-filters > .oc-active-filters .oc-active-filter-groups,
html body #product-special .products-filter.has-active-filters > .oc-active-filters .oc-active-filter-groups,
html body #product-search .products-filter.has-active-filters > .oc-active-filters .oc-active-filter-groups {
	display:flex !important;
	flex-wrap:wrap !important;
	align-items:flex-end !important;
	gap:6px !important;
	width:auto !important;
	max-width:100% !important;
}

html body #product-category .products-filter.has-active-filters > .select-group,
html body #product-manufacturer .products-filter.has-active-filters > .select-group,
html body #product-special .products-filter.has-active-filters > .select-group,
html body #product-search .products-filter.has-active-filters > .select-group {
	order:3 !important;
	flex:0 0 auto !important;
	width:auto !important;
	grid-column:auto !important;
	grid-row:auto !important;
}
/* END sort search inline auto layout */

/* BEGIN category search arrow clear safe */
.category-quick-search {
	position:relative !important;
}

.category-quick-search #category-filter-keyword {
	padding-right:42px !important;
}

.category-quick-search .category-quick-search-submit {
	position:absolute !important;
	right:calc(12% + 4px) !important;
	top:50% !important;
	transform:translateY(-50%) !important;
	width:32px !important;
	height:32px !important;
	min-width:32px !important;
	padding:0 !important;
	display:none;
	align-items:center !important;
	justify-content:center !important;
	border:0 !important;
	border-radius:4px !important;
	background:transparent !important;
	color:#333 !important;
	font-size:22px !important;
	font-weight:400 !important;
	line-height:1 !important;
	cursor:pointer !important;
	z-index:2 !important;
	box-shadow:none !important;
}

.category-quick-search .category-quick-search-submit.is-search-submit {
	font-size:20px !important;
}

.category-quick-search .category-quick-search-submit.is-search-clear {
	font-size:24px !important;
}
/* END category search arrow clear safe */

/* BEGIN category add to cart breakpoint weight fix */
@media (min-width:501px) and (max-width:503px),
       (min-width:1249px) and (max-width:1270px){
	html body #product-category .main-products .product-layout .btn-cart,
	html body #product-category .product-layout .btn-cart,
	html body #product-category .main-products .product-layout .btn-cart .btn-text,
	html body #product-category .product-layout .btn-cart .btn-text{
		font-weight:400 !important;
	}
}
/* END category add to cart breakpoint weight fix */

/* BEGIN checkout also bought add to cart weight and width fix */
@media (min-width:1250px){
	html body .product-grid.main-products-style.auto-grid.no-scroll .product-layout .product-thumb .btn-cart,
	html body .product-grid.main-products-style.auto-grid.no-scroll-prev .product-layout .product-thumb .btn-cart,
	html body .product-grid.main-products-style.auto-grid.no-scroll-next .product-layout .product-thumb .btn-cart,
	html body .product-grid.main-products-style.auto-grid.no-scroll-prev.no-scroll-next .product-layout .product-thumb .btn-cart,
	html body .product-grid.main-products-style.auto-grid.no-scroll .product-layout .product-thumb .btn-cart *,
	html body .product-grid.main-products-style.auto-grid.no-scroll-prev .product-layout .product-thumb .btn-cart *,
	html body .product-grid.main-products-style.auto-grid.no-scroll-next .product-layout .product-thumb .btn-cart *,
	html body .product-grid.main-products-style.auto-grid.no-scroll-prev.no-scroll-next .product-layout .product-thumb .btn-cart *{
		font-weight:400 !important;
	}

	html body .product-grid.main-products-style.auto-grid.no-scroll .product-layout .product-thumb .btn-cart,
	html body .product-grid.main-products-style.auto-grid.no-scroll-prev .product-layout .product-thumb .btn-cart,
	html body .product-grid.main-products-style.auto-grid.no-scroll-next .product-layout .product-thumb .btn-cart,
	html body .product-grid.main-products-style.auto-grid.no-scroll-prev.no-scroll-next .product-layout .product-thumb .btn-cart{
		min-width:104px !important;
		width:auto !important;
		padding-left:7px !important;
		padding-right:7px !important;
	}

	html body .product-grid.main-products-style.auto-grid.no-scroll .product-layout .product-thumb .btn-cart .btn-text,
	html body .product-grid.main-products-style.auto-grid.no-scroll-prev .product-layout .product-thumb .btn-cart .btn-text,
	html body .product-grid.main-products-style.auto-grid.no-scroll-next .product-layout .product-thumb .btn-cart .btn-text,
	html body .product-grid.main-products-style.auto-grid.no-scroll-prev.no-scroll-next .product-layout .product-thumb .btn-cart .btn-text{
		padding-left:3px !important;
		padding-right:3px !important;
	}
}

@media (min-width:501px) and (max-width:503px),
       (min-width:1251px) and (max-width:1465px){
	html body .product-grid.main-products-style.auto-grid.no-scroll .product-layout .product-thumb .button-group .btn-cart,
	html body .product-grid.main-products-style.auto-grid.no-scroll-prev .product-layout .product-thumb .button-group .btn-cart,
	html body .product-grid.main-products-style.auto-grid.no-scroll-next .product-layout .product-thumb .button-group .btn-cart,
	html body .product-grid.main-products-style.auto-grid.no-scroll-prev.no-scroll-next .product-layout .product-thumb .button-group .btn-cart{
		min-width:100px !important;
		width:auto !important;
		padding-left:6px !important;
		padding-right:6px !important;
		font-weight:400 !important;
	}

	html body .product-grid.main-products-style.auto-grid.no-scroll .product-layout .product-thumb .button-group .btn-cart .btn-text,
	html body .product-grid.main-products-style.auto-grid.no-scroll-prev .product-layout .product-thumb .button-group .btn-cart .btn-text,
	html body .product-grid.main-products-style.auto-grid.no-scroll-next .product-layout .product-thumb .button-group .btn-cart .btn-text,
	html body .product-grid.main-products-style.auto-grid.no-scroll-prev.no-scroll-next .product-layout .product-thumb .button-group .btn-cart .btn-text{
		padding-left:2px !important;
		padding-right:2px !important;
		font-weight:400 !important;
	}
}
/* END checkout also bought add to cart weight and width fix */

/* BEGIN front page hide supplier badge up to 1000px */
@media (max-width:1000px){
	html.route-common-home .product-thumb .price .dn-supplier-inline{
		display:none !important;
	}

	html.route-common-home .product-thumb .price .dn-price-supplier-block{
		justify-content:center !important;
		text-align:center !important;
	}

	html.route-common-home .product-thumb .price .dn-price-supplier-price{
		justify-content:center !important;
	}
}
/* END front page hide supplier badge up to 1000px */

/* BEGIN compact mobile header notice */
@media (max-width:500px){
	.module-header_notice-56{
		height:28px !important;
		min-height:28px !important;
		max-height:28px !important;
		overflow:hidden !important;
	}

	.module-header_notice-56.dn-hn-active-long{
		height:36px !important;
		min-height:36px !important;
		max-height:36px !important;
	}

	.module-header_notice-56 .hn-content{
		width:100vw !important;
		max-width:100vw !important;
		height:28px !important;
		min-height:28px !important;
		max-height:28px !important;
		margin-left:-28px !important;
		padding:0 24px !important;
		box-sizing:border-box !important;
		overflow:hidden !important;
		align-items:center !important;
		justify-content:center !important;
	}

	.module-header_notice-56.dn-hn-active-long .hn-content{
		width:calc(100vw + 44px) !important;
		max-width:calc(100vw + 44px) !important;
		height:36px !important;
		min-height:36px !important;
		max-height:36px !important;
		margin-left:-49px !important;
		padding:0 30px 0 10px !important;
	}

	.module-header_notice-56 .swiper-container{
		width:calc(100vw - 48px) !important;
		max-width:calc(100vw - 48px) !important;
		margin-left:auto !important;
		margin-right:auto !important;
		overflow:hidden !important;
	}

	.module-header_notice-56.dn-hn-active-long .swiper-container{
		width:calc(100vw - 16px) !important;
		max-width:calc(100vw - 16px) !important;
	}

	.module-header_notice-56 .swiper-slide{
		width:calc(100vw - 48px) !important;
		max-width:calc(100vw - 48px) !important;
		height:28px !important;
		min-height:28px !important;
		max-height:28px !important;
		padding:0 !important;
		margin:0 !important;
		overflow:hidden !important;
		white-space:nowrap !important;
		text-align:center !important;
		align-items:center !important;
		justify-content:center !important;
	}

	.module-header_notice-56.dn-hn-active-long .swiper-slide{
		width:calc(100vw - 16px) !important;
		max-width:calc(100vw - 16px) !important;
		height:36px !important;
		min-height:36px !important;
		max-height:36px !important;
		white-space:normal !important;
		text-align:center !important;
		justify-content:center !important;
	}

	.module-header_notice-56 .slide-content,
	.module-header_notice-56 .slide-cols,
	.module-header_notice-56 .slide-col,
	.module-header_notice-56 .slide-layers,
	.module-header_notice-56 .slide-text,
	.module-header_notice-56 .slide-text-item,
	.module-header_notice-56 .slide-text-item span{
		width:100% !important;
		max-width:100% !important;
		min-width:0 !important;
		margin-left:0 !important;
		margin-right:0 !important;
		padding-left:0 !important;
		padding-right:0 !important;
		box-sizing:border-box !important;
		justify-content:center !important;
		text-align:center !important;
	}

	.module-header_notice-56 .module-item,
	.module-header_notice-56 .module-item *{
		font-size:12px !important;
		line-height:15px !important;
		text-align:center !important;
		overflow:visible !important;
		text-overflow:clip !important;
	}

	.module-header_notice-56 .swiper-slide:not(.dn-hn-long),
	.module-header_notice-56 .swiper-slide:not(.dn-hn-long) *{
		white-space:nowrap !important;
		text-align:center !important;
	}

	.module-header_notice-56 .swiper-slide.dn-hn-long,
	.module-header_notice-56 .swiper-slide.dn-hn-long *{
		white-space:normal !important;
		text-align:center !important;
	}

	.module-header_notice-56 .header-notice-close-button{
		left:auto !important;
		right:0 !important;
		width:18px !important;
		height:28px !important;
		margin:0 !important;
		padding:0 !important;
		align-items:center !important;
		justify-content:center !important;
	}

	.module-header_notice-56.dn-hn-active-long .header-notice-close-button{
		height:36px !important;
	}

	.module-header_notice-56 .header-notice-close-button button{
		width:15px !important;
		height:15px !important;
		min-width:15px !important;
		min-height:15px !important;
		padding:0 !important;
		margin:0 !important;
	}

	.module-header_notice-56 .swiper:not(.swiper-initialized) .swiper-slide:not(:first-child),
	.module-header_notice-56 .swiper-container:not(.swiper-initialized) .swiper-slide:not(:first-child){
		display:none !important;
	}
}

@media (max-width:390px){
	.module-header_notice-56.dn-hn-active-long .hn-content{
		margin-left:-40px !important;
		width:calc(100vw + 35px) !important;
		max-width:calc(100vw + 35px) !important;
		padding-left:8px !important;
		padding-right:30px !important;
	}

	.module-header_notice-56.dn-hn-active-long .swiper-container,
	.module-header_notice-56.dn-hn-active-long .swiper-slide{
		width:calc(100vw - 20px) !important;
		max-width:calc(100vw - 20px) !important;
	}
}

@media (max-width:360px){
	.module-header_notice-56.dn-hn-active-long .hn-content{
		margin-left:-34px !important;
		width:calc(100vw + 28px) !important;
		max-width:calc(100vw + 28px) !important;
		padding-left:8px !important;
		padding-right:30px !important;
	}

	.module-header_notice-56.dn-hn-active-long .swiper-container,
	.module-header_notice-56.dn-hn-active-long .swiper-slide{
		width:calc(100vw - 24px) !important;
		max-width:calc(100vw - 24px) !important;
	}
}
/* END compact mobile header notice */

/* BEGIN compact desktop header notice height only */
@media (min-width:501px){
	.module-header_notice-56{
		height:28px !important;
		min-height:28px !important;
		max-height:28px !important;
		padding-top:0 !important;
		padding-bottom:0 !important;
		margin-top:0 !important;
		margin-bottom:0 !important;
		overflow:hidden !important;
	}

	.module-header_notice-56 .hn-content{
		height:28px !important;
		min-height:28px !important;
		max-height:28px !important;
		padding-top:0 !important;
		padding-bottom:0 !important;
		margin-top:0 !important;
		margin-bottom:0 !important;
		align-items:center !important;
	}

	.module-header_notice-56 .grid-item,
	.module-header_notice-56 .module-item,
	.module-header_notice-56 .swiper-slide{
		height:28px !important;
		min-height:28px !important;
		max-height:28px !important;
		padding-top:0 !important;
		padding-bottom:0 !important;
		margin-top:0 !important;
		margin-bottom:0 !important;
	}

	.module-header_notice-56 .module-item,
	.module-header_notice-56 .module-item *{
		line-height:16px !important;
	}

	.module-header_notice-56 .header-notice-close-button,
	.module-header_notice-56 .header-notice-close-button button{
		height:28px !important;
		min-height:28px !important;
		max-height:28px !important;
		line-height:28px !important;
		padding-top:0 !important;
		padding-bottom:0 !important;
		margin-top:0 !important;
		margin-bottom:0 !important;
	}
}
/* END compact desktop header notice height only */

/* BEGIN header notice first paint single slide fix */
.module-header_notice-56 .swiper-container:not(.swiper-initialized) .swiper-slide:not(:first-child),
.module-header_notice-56 .swiper:not(.swiper-initialized) .swiper-slide:not(:first-child){
	display:none !important;
}

.module-header_notice-56 .swiper-container:not(.swiper-initialized) .swiper-wrapper,
.module-header_notice-56 .swiper:not(.swiper-initialized) .swiper-wrapper{
	transform:none !important;
}

.module-header_notice-56 .swiper-container:not(.swiper-initialized) .swiper-slide:first-child,
.module-header_notice-56 .swiper:not(.swiper-initialized) .swiper-slide:first-child{
	display:flex !important;
}
/* END header notice first paint single slide fix */

/* OpenClaw product return spacing parity with track-your-order - 2026-05-10 */
html.route-account-return-add #account-return.dn-return-wrap {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

html.route-account-return-add #account-return .dn-return-container:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

html.route-account-return-add #account-return .dn-return-hero {
  margin-top: 15px !important;
}

/* DN premium manufacturer directory - 2026-05-11 */
.dn-brand-page {
  --dn-brand-ink: #15171a;
  --dn-brand-muted: #69707a;
  --dn-brand-line: #e7eaee;
  --dn-brand-panel: #ffffff;
  --dn-brand-soft: #f5f7f9;
  --dn-brand-accent: #18a058;
  --dn-brand-accent-dark: #0f6f45;
}

.dn-brand-page #content {
  padding-bottom: 36px;
}

.dn-brand-hero {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin: 14px 0 18px;
  padding: 30px;
  border: 1px solid var(--dn-brand-line);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(24, 160, 88, .10), rgba(24, 160, 88, 0) 34%),
    linear-gradient(135deg, #ffffff, #f8fafb);
}

.dn-brand-kicker {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  margin-bottom: 10px;
  padding: 0 10px;
  border: 1px solid rgba(24, 160, 88, .22);
  border-radius: 999px;
  color: var(--dn-brand-accent-dark);
  background: rgba(24, 160, 88, .08);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.dn-brand-hero h1 {
  margin: 0;
  color: var(--dn-brand-ink);
  font-size: 34px;
  line-height: 1.15;
  font-weight: 800;
}

.dn-brand-hero p {
  margin: 10px 0 0;
  color: var(--dn-brand-muted);
  font-size: 15px;
}

.dn-brand-stats {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.dn-brand-stats span {
  min-width: 118px;
  padding: 12px 14px;
  border: 1px solid var(--dn-brand-line);
  border-radius: 8px;
  background: rgba(255, 255, 255, .82);
  color: var(--dn-brand-muted);
  font-size: 13px;
  text-align: right;
}

.dn-brand-stats strong {
  display: block;
  color: var(--dn-brand-ink);
  font-size: 23px;
  line-height: 1.1;
}

.dn-brand-tools {
  position: sticky;
  top: 0;
  z-index: 15;
  display: grid;
  grid-template-columns: minmax(240px, 360px) 1fr;
  gap: 14px;
  align-items: center;
  margin-bottom: 20px;
  padding: 14px;
  border: 1px solid var(--dn-brand-line);
  border-radius: 8px;
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 10px 24px rgba(21, 23, 26, .06);
}

.dn-brand-search {
  margin: 0;
}

.dn-brand-search-control {
  position: relative;
  display: block;
}

.dn-brand-search > span:not(.dn-brand-search-control) {
  display: block;
  margin-bottom: 6px;
  color: var(--dn-brand-muted);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.dn-brand-search input {
  width: 100%;
  height: 42px;
  padding: 0 46px 0 14px;
  border: 1px solid #d8dde3;
  border-radius: 8px;
  background: #fff;
  color: var(--dn-brand-ink);
  font-size: 15px;
  outline: none;
}

.dn-brand-search input:focus {
  border-color: var(--dn-brand-accent);
  box-shadow: 0 0 0 3px rgba(24, 160, 88, .14);
}

.dn-brand-search-action {
  position: absolute;
  right: 6px;
  bottom: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: var(--dn-brand-accent);
  color: #fff;
  font-size: 18px;
  font-weight: 800;
  line-height: 1;
  cursor: pointer;
}

.dn-brand-search-action[hidden] {
  display: none !important;
}

.dn-brand-search-action:hover,
.dn-brand-search-action:focus {
  background: var(--dn-brand-accent-dark);
  color: #fff;
}

.dn-brand-search-action.is-clear {
  background: #eef1f4;
  color: var(--dn-brand-ink);
}

.dn-brand-search-action.is-clear:hover,
.dn-brand-search-action.is-clear:focus {
  background: #dfe5ea;
  color: var(--dn-brand-ink);
}

.dn-brand-index {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: flex-end;
}

.dn-brand-index a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 34px;
  padding: 0 9px;
  border: 1px solid var(--dn-brand-line);
  border-radius: 8px;
  background: var(--dn-brand-soft);
  color: var(--dn-brand-ink);
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}

.dn-brand-index a:hover {
  border-color: var(--dn-brand-accent);
  color: var(--dn-brand-accent-dark);
  background: rgba(24, 160, 88, .08);
}

.dn-brand-empty {
  margin: 20px 0;
  padding: 18px;
  border: 1px dashed #cfd6dd;
  border-radius: 8px;
  background: #fbfcfd;
  color: var(--dn-brand-muted);
  text-align: center;
}

.dn-brand-directory {
  display: grid;
  gap: 18px;
}

.dn-brand-group {
  scroll-margin-top: 96px;
  padding: 18px;
  border: 1px solid var(--dn-brand-line);
  border-radius: 8px;
  background: var(--dn-brand-panel);
}

.dn-brand-group-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--dn-brand-line);
}

.dn-brand-group-heading h2 {
  margin: 0;
  color: var(--dn-brand-ink);
  font-size: 24px;
  line-height: 1;
  font-weight: 800;
}

.dn-brand-group-heading span {
  color: var(--dn-brand-muted);
  font-size: 13px;
}

.dn-brand-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.dn-brand-card {
  display: grid;
  gap: 4px;
  min-height: 68px;
  padding: 13px 14px;
  border: 1px solid var(--dn-brand-line);
  border-radius: 8px;
  background: #fff;
  color: var(--dn-brand-ink);
  text-decoration: none;
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.dn-brand-card:hover {
  border-color: rgba(24, 160, 88, .42);
  box-shadow: 0 12px 24px rgba(21, 23, 26, .08);
  transform: translateY(-1px);
  color: var(--dn-brand-ink);
}

.dn-brand-name {
  overflow: hidden;
  color: var(--dn-brand-ink);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dn-brand-count {
  color: var(--dn-brand-muted);
  font-size: 12px;
}

@media (max-width: 1199px) {
  .dn-brand-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .dn-brand-hero {
    display: block;
    padding: 22px;
  }

  .dn-brand-hero h1 {
    font-size: 28px;
  }

  .dn-brand-stats {
    justify-content: flex-start;
    margin-top: 18px;
  }

  .dn-brand-stats span {
    text-align: left;
  }

  .dn-brand-tools {
    position: static;
    grid-template-columns: 1fr;
  }

  .dn-brand-index {
    justify-content: flex-start;
  }

  .dn-brand-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 460px) {
  .dn-brand-grid {
    grid-template-columns: 1fr;
  }
}
/* END DN premium manufacturer directory */

/* DN premium sitemap directory - 2026-05-12 */
.dn-sitemap-page {
  --dn-sitemap-ink: #15171a;
  --dn-sitemap-muted: #69707a;
  --dn-sitemap-line: #e3e7ec;
  --dn-sitemap-panel: #ffffff;
  --dn-sitemap-soft: #f5f7f9;
  --dn-sitemap-accent: #18a058;
  --dn-sitemap-accent-dark: #0f6f45;
}

.dn-sitemap-page #content {
  padding-bottom: 48px;
}

.dn-sitemap-hero {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 18px;
  padding: 26px;
  border: 1px solid var(--dn-sitemap-line);
  border-radius: 8px;
  background: linear-gradient(135deg, #ffffff 0%, #f5f8fb 58%, #edf7f2 100%);
}

.dn-sitemap-kicker {
  display: inline-flex;
  margin-bottom: 8px;
  color: var(--dn-sitemap-accent-dark);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

.dn-sitemap-hero h2 {
  margin: 0;
  color: var(--dn-sitemap-ink);
  font-size: 34px;
  font-weight: 800;
  line-height: 1.15;
}

.dn-sitemap-hero p {
  max-width: 620px;
  margin: 10px 0 0;
  color: var(--dn-sitemap-muted);
  font-size: 15px;
  line-height: 1.6;
}

.dn-sitemap-stats {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
  min-width: 220px;
}

.dn-sitemap-stats span {
  min-width: 104px;
  padding: 12px 14px;
  border: 1px solid var(--dn-sitemap-line);
  border-radius: 8px;
  background: rgba(255, 255, 255, .92);
  color: var(--dn-sitemap-muted);
  font-size: 12px;
  font-weight: 700;
  text-align: center;
}

.dn-sitemap-stats strong {
  display: block;
  color: var(--dn-sitemap-ink);
  font-size: 22px;
  line-height: 1.1;
}

.dn-sitemap-tools {
  position: sticky;
  top: 0;
  z-index: 3;
  margin-bottom: 18px;
  padding: 14px;
  border: 1px solid var(--dn-sitemap-line);
  border-radius: 8px;
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 10px 24px rgba(21, 23, 26, .06);
}

.dn-sitemap-search {
  display: block;
  margin: 0;
}

.dn-sitemap-search > span:not(.dn-sitemap-search-control) {
  display: block;
  margin-bottom: 6px;
  color: var(--dn-sitemap-muted);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.dn-sitemap-search-control {
  position: relative;
  display: block;
}

.dn-sitemap-search input {
  width: 100%;
  height: 44px;
  padding: 0 46px 0 14px;
  border: 1px solid #d8dde3;
  border-radius: 8px;
  background: #fff;
  color: var(--dn-sitemap-ink);
  font-size: 15px;
  outline: none;
}

.dn-sitemap-search input:focus {
  border-color: var(--dn-sitemap-accent);
  box-shadow: 0 0 0 3px rgba(24, 160, 88, .14);
}

.dn-sitemap-clear {
  position: absolute;
  right: 6px;
  bottom: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: #eef1f4;
  color: var(--dn-sitemap-ink);
  font-size: 18px;
  font-weight: 800;
  line-height: 1;
  cursor: pointer;
}

.dn-sitemap-clear[hidden] {
  display: none !important;
}

.dn-sitemap-clear:hover,
.dn-sitemap-clear:focus {
  background: #dfe5ea;
  color: var(--dn-sitemap-ink);
}

.dn-sitemap-empty {
  margin: 0 0 18px;
  padding: 16px;
  border: 1px dashed var(--dn-sitemap-line);
  border-radius: 8px;
  color: var(--dn-sitemap-muted);
  text-align: center;
}

.dn-sitemap-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 18px;
  align-items: start;
}

.dn-sitemap-side {
  display: grid;
  gap: 18px;
}

.dn-sitemap-section {
  border: 1px solid var(--dn-sitemap-line);
  border-radius: 8px;
  background: var(--dn-sitemap-panel);
}

.dn-sitemap-section-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--dn-sitemap-line);
}

.dn-sitemap-section-heading h3 {
  margin: 0;
  color: var(--dn-sitemap-ink);
  font-size: 17px;
  font-weight: 800;
}

.dn-sitemap-section-heading span {
  color: var(--dn-sitemap-muted);
  font-size: 12px;
  font-weight: 700;
}

.dn-sitemap-category-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding: 14px;
}

.dn-sitemap-category {
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--dn-sitemap-line);
  border-radius: 8px;
  background: var(--dn-sitemap-soft);
}

.dn-sitemap-category-title {
  display: inline-flex;
  margin-bottom: 10px;
  color: var(--dn-sitemap-ink);
  font-size: 15px;
  font-weight: 800;
  line-height: 1.35;
}

.dn-sitemap-list,
.dn-sitemap-list ul,
.dn-sitemap-quick-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.dn-sitemap-list li {
  margin: 7px 0 0;
  padding-left: 12px;
  border-left: 2px solid #dfe5ea;
}

.dn-sitemap-list ul {
  margin-top: 7px;
}

.dn-sitemap-list ul li {
  border-left-color: rgba(24, 160, 88, .26);
}

.dn-sitemap-quick-list {
  padding: 10px 14px 14px;
}

.dn-sitemap-quick-list li {
  border-bottom: 1px solid var(--dn-sitemap-line);
}

.dn-sitemap-quick-list li:last-child {
  border-bottom: 0;
}

.dn-sitemap-list a,
.dn-sitemap-quick-list a {
  color: var(--dn-sitemap-ink);
  font-size: 14px;
  line-height: 1.45;
}

.dn-sitemap-quick-list a {
  display: block;
  padding: 9px 0;
}

.dn-sitemap-category-title:hover,
.dn-sitemap-list a:hover,
.dn-sitemap-quick-list a:hover {
  color: var(--dn-sitemap-accent-dark);
}

@media (max-width: 991px) {
  .dn-sitemap-layout {
    grid-template-columns: 1fr;
  }

  .dn-sitemap-side {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .dn-sitemap-hero {
    display: block;
    padding: 22px;
  }

  .dn-sitemap-hero h2 {
    font-size: 28px;
  }

  .dn-sitemap-stats {
    justify-content: flex-start;
    margin-top: 18px;
  }

  .dn-sitemap-stats span {
    text-align: left;
  }

  .dn-sitemap-tools {
    position: static;
  }

  .dn-sitemap-category-grid,
  .dn-sitemap-side {
    grid-template-columns: 1fr;
  }
}
/* END DN premium sitemap directory */
/* DN hero slider: prevent first-paint Swiper FOUC before Lightning finishes CSS/JS. */
html.route-common-home #top .module-slider-590 .swiper-container {
  overflow: hidden !important;
}

html.route-common-home #top .module-slider-590 .swiper-container:not(.swiper-initialized):not(.swiper-container-initialized) .swiper-slide {
  width: 100% !important;
}

html.route-common-home #top .module-slider-590 .swiper-container:not(.swiper-initialized):not(.swiper-container-initialized) .swiper-slide:not(:first-child) {
  position: absolute !important;
  inset: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* === 2026-06-10 front page render performance ===
   Below-the-fold homepage sections are skipped by the renderer until scrolled near
   (content-visibility). Fixes jank after the page grew to ~42k DOM nodes with the
   extended category blocks. contain-intrinsic-size keeps the scrollbar stable;
   'auto' remembers the real height after first reveal. */
html.route-common-home .module-banners_grid-924,
html.route-common-home .module-categories-1122,
html.route-common-home .module-products-1123,
html.route-common-home .module-categories-1116,
html.route-common-home .module-categories-1126,
html.route-common-home .module-products-1127,
html.route-common-home .module-categories-1128,
html.route-common-home .module-products-1129,
html.route-common-home .module-categories-1130,
html.route-common-home .module-products-1131,
html.route-common-home .module-categories-1132,
html.route-common-home .module-products-1133,
html.route-common-home .module-categories-1134,
html.route-common-home .module-products-1135,
html.route-common-home .module-categories-1136,
html.route-common-home .module-products-1137,
html.route-common-home .module-blog_posts-998,
html.route-common-home .module-grid-640,
html.route-common-home .module-manufacturers-997,
html.route-common-home .module-gallery-838,
html.route-common-home .module-testimonials-1026 {
  content-visibility: auto;
  contain-intrinsic-size: auto 700px;
}

/* DN 2026-06-12: keep mobile homepage category carousels fully measured.
   content-visibility can make below-the-fold Swiper tabs calculate a clipped width. */
@media (max-width: 900px) {
  html.route-common-home .module-categories {
    content-visibility: visible !important;
    contain-intrinsic-size: auto !important;
  }

  html.route-common-home .module-categories .swiper-container,
  html.route-common-home .module-categories .swiper {
    overflow: visible !important;
  }
}

/* DN homepage categories: automatic final "View all" tile after limited tab items. */
html.route-common-home .module-categories .category-layout.category-view-all .category-thumb .image a {
  background: #fff !important;
}

html.route-common-home .module-categories .category-layout.category-view-all .category-thumb .image,
html.route-common-home .module-categories .category-layout.category-view-all .category-thumb .image > a {
  background-color: #fff !important;
}

html.route-common-home .module-categories .category-layout.category-view-all .category-thumb .image img {
  transform: scale(.88);
  transition: transform .16s ease-out, opacity .16s ease-out;
}

html.route-common-home .module-categories .category-layout.category-view-all .category-thumb:hover .image img {
  transform: scale(.94);
}

html.route-common-home .module-categories .category-layout.category-view-all .category-thumb .name a {
  font-weight: 700;
}

/* DN 2026-06-12: mobile homepage hero dots placement. Keep slider bullets clear of CTA buttons. */
@media (max-width: 500px) {
  html.route-common-home #top .grid-row-top-1 .grid-module-top-1-1-1 .module-slider-590 .swiper-pagination-wrapper .swiper-pagination.swiper-pagination-dots {
    top: auto !important;
    right: auto !important;
    bottom: 9px !important;
    left: 50% !important;
    transform: translate3d(-50%, 0, 0) !important;
  }
}

@media (min-width: 501px) and (max-width: 650px) {
  html.route-common-home #top .grid-row-top-1 .grid-module-top-1-1-1 .module-slider-590 .swiper-pagination-wrapper .swiper-pagination.swiper-pagination-dots {
    top: auto !important;
    right: auto !important;
    bottom: 26px !important;
    left: calc(50% + 105px) !important;
    transform: translate3d(-50%, 0, 0) !important;
  }
}

/* DN 2026-06-16: Journal mobile cart drawer title is generated in CSS.
   Keep EU stores localized when the drawer/header CSS falls back to lang_1. */
html[lang="lt"] .desktop-header-active .mobile-cart-content-container .mobile-wrapper-header > span:after,
html[lang="lt"] .mobile-cart-content-container-open .mobile-cart-content-container .mobile-wrapper-header > span:after,
html[lang="lt"] .mobile-main-menu-container-open .mobile-cart-content-container .mobile-wrapper-header > span:after {
  content: 'Jūsų krepšelis' !important;
}

html[lang="lv"] .desktop-header-active .mobile-cart-content-container .mobile-wrapper-header > span:after,
html[lang="lv"] .mobile-cart-content-container-open .mobile-cart-content-container .mobile-wrapper-header > span:after,
html[lang="lv"] .mobile-main-menu-container-open .mobile-cart-content-container .mobile-wrapper-header > span:after {
  content: 'Jūsu grozs' !important;
}

html[lang="et"] .desktop-header-active .mobile-cart-content-container .mobile-wrapper-header > span:after,
html[lang="et"] .mobile-cart-content-container-open .mobile-cart-content-container .mobile-wrapper-header > span:after,
html[lang="et"] .mobile-main-menu-container-open .mobile-cart-content-container .mobile-wrapper-header > span:after {
  content: 'Teie ostukorv' !important;
}

html[lang="de"] .desktop-header-active .mobile-cart-content-container .mobile-wrapper-header > span:after,
html[lang="de"] .mobile-cart-content-container-open .mobile-cart-content-container .mobile-wrapper-header > span:after,
html[lang="de"] .mobile-main-menu-container-open .mobile-cart-content-container .mobile-wrapper-header > span:after {
  content: 'Ihr Warenkorb' !important;
}

html[lang="pl"] .desktop-header-active .mobile-cart-content-container .mobile-wrapper-header > span:after,
html[lang="pl"] .mobile-cart-content-container-open .mobile-cart-content-container .mobile-wrapper-header > span:after,
html[lang="pl"] .mobile-main-menu-container-open .mobile-cart-content-container .mobile-wrapper-header > span:after {
  content: 'Twój koszyk' !important;
}

/* DN 2026-06-16: product-page lighter background treatment.
   Softens the dark delivery/tracking strip and keeps product pages on a lighter canvas. */
html.route-product-product body,
html.route-product-product .site-wrapper,
html.route-product-product .site-wrapper > .container {
  background: #f7f9fb !important;
}

html.route-product-product .product-info,
html.route-product-product .product-info .product-right,
html.route-product-product .product-info .product-left,
html.route-product-product .product-info .product-details,
html.route-product-product .product-info .product-buttons,
html.route-product-product .product-info .product-stats,
html.route-product-product .product-info .product-tabs,
html.route-product-product .product-info .product-extra,
html.route-product-product .product-info .product-blocks,
html.route-product-product .product-info .product-block,
html.route-product-product .product-info .module,
html.route-product-product .product-info .module-body {
  background-color: #ffffff;
}

/* DN removed 2026-06-16: over-broad [class*=delivery/tracking/shipping] !important green theme
   was painting the whole estimated_shipping delivery block green and overriding its own white/dark design. */

/* ===== DN premium category descriptions — shared lightweight styles (DNCD_CSS_V1) ===== */
.dncd{font-family:'Segoe UI',Roboto,Arial,sans-serif;max-width:960px;margin:0 auto;color:#1a2238;line-height:1.6}
.dncd-hero{background:linear-gradient(135deg,#0f1b3d 0%,#16306b 55%,#1f7a5c 130%);border-radius:18px;padding:30px;color:#fff;margin:0 0 22px}
.dncd-eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#9fd9c4;font-weight:700;margin-bottom:10px}
.dncd-h{font-size:27px;line-height:1.25;font-weight:800;margin:0 0 12px;max-width:42ch}
.dncd-intro{margin:0 0 18px;color:#dbe6f5;font-size:15px;max-width:66ch}
.dncd-chips{display:flex;flex-wrap:wrap;gap:9px}
.dncd-chip{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);color:#eaf2ff;border-radius:999px;padding:7px 13px;font-size:13px;white-space:nowrap}
.dncd-chip b{font-weight:800;color:#fff}
.dncd h2{font-size:21px;font-weight:800;margin:28px 0 12px;color:#0f1b3d}
.dncd-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(228px,1fr));gap:14px;counter-reset:dncd;margin:0 0 4px}
.dncd-card{border:1px solid #e7ecf3;border-radius:14px;padding:16px 18px;background:#fafbfd}
.dncd-card::before{counter-increment:dncd;content:counter(dncd);display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;background:#0e9f6e;color:#fff;font-weight:800;font-size:16px;margin-bottom:10px}
.dncd-card:nth-child(2)::before{background:#2f5fd0}
.dncd-card:nth-child(3)::before{background:#d98321}
.dncd-card:nth-child(4)::before{background:#7c43c8}
.dncd-card-t{font-weight:800;font-size:15px;color:#13203f;margin:0 0 4px}
.dncd-card-d{font-size:13.5px;color:#5a6478;margin:0}
.dncd-tags{display:flex;flex-wrap:wrap;gap:9px}
.dncd-tag{border:1px solid #e7ecf3;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;color:#28324c;background:#fff}
.dncd-brands{display:flex;flex-wrap:wrap;gap:8px}
.dncd-brand{border:1px solid #dfe6ef;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600;color:#33415c;background:#fff}
.dncd-note{border-left:4px solid #0e9f6e;background:#f1f9f5;border-radius:0 12px 12px 0;padding:14px 18px;margin:18px 0;color:#34503f;font-size:14px}
.dncd-note b{color:#0c6b4c}
.dncd-faq{border:1px solid #e7ecf3;border-radius:14px;overflow:hidden;margin-top:8px}
.dncd-faq>div{padding:14px 18px;border-top:1px solid #eef1f6}
.dncd-faq>div:first-child{border-top:0}
.dncd-q{font-weight:700;color:#16203f;font-size:14.5px;margin:0 0 3px}
.dncd-a{font-size:13.5px;color:#5a6478;margin:0}
@media(max-width:600px){.dncd-h{font-size:22px}.dncd-hero{padding:22px}}
/* ===== end DNCD_CSS_V1 ===== */

/* ===== DN blog comment form layout (DNBCF_CSS_V1) ===== */
.blog-post .post-comments .comment-form {
  max-width: 920px;
  margin: 0 auto;
}

.blog-post .post-comments .comment-form > .title,
.blog-post .post-comments .reply-form > .title,
.blog-post .post-comments .dn-captcha-fieldset > legend {
  text-align: center;
}

.blog-post .post-comments .journal-blog-comment-form fieldset,
.blog-post .post-comments .dn-captcha-fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

.blog-post .post-comments .journal-blog-field,
.blog-post .post-comments .dn-captcha-field {
  display: block;
  margin: 0 0 16px;
  padding: 0;
}

.blog-post .post-comments .journal-blog-label,
.blog-post .post-comments .dn-captcha-label {
  display: block;
  margin: 0 0 7px;
  width: auto;
  text-align: left;
  line-height: 1.35;
}

.blog-post .post-comments .dn-required {
  color: #e53935;
  margin-right: 3px;
}

.blog-post .post-comments .journal-blog-comment-form .form-control {
  width: 100%;
}

.blog-post .post-comments .dn-captcha-fieldset {
  margin-top: 6px;
}

.blog-post .post-comments .dn-captcha-fieldset > legend {
  border: 0;
  margin: 0 0 14px;
  padding: 0;
}

.blog-post .post-comments .dn-captcha-control {
  display: grid;
  grid-template-columns: minmax(120px, 160px) auto;
  gap: 8px;
  align-items: center;
  justify-content: start;
}

.blog-post .post-comments .dn-captcha-control .form-control {
  width: 100%;
  min-width: 120px;
}

.blog-post .post-comments .buttons {
  display: flex;
  justify-content: flex-end;
}

.blog-post .post-comments .buttons .pull-right {
  float: none;
}

@media (max-width: 540px) {
  .blog-post .post-comments .dn-captcha-control {
    grid-template-columns: 1fr;
  }
}
/* ===== end DNBCF_CSS_V1 ===== */