/* ==========================================================================
   Kasim Urban Street Wear – child theme styles
   Global colors / fonts / buttons come from Woodmart Theme Settings
   (primary = blue, secondary = yellow, Anton titles, Inter text). This file
   adds the design tokens and the component styling the builders can't express.
   ========================================================================== */

:root{
	--k-navy: #0B1121;
	--k-navy-2: #0C1220;
	--k-blue: #205FD0;
	--k-blue-dark: #1B4FB8;
	--k-yellow: #F2BF2E;
	--k-cream: #F8F5F0;
	--k-cream-2: #F3F0E7;
	--k-gold: #B9953F;
	--k-text: #555B67;
	--k-muted: #6B7080;
	--k-line: #E8E3D8;
	--k-card-line: #ECE7DC;
	--k-radius: 16px;
	--k-container: 1440px;
	--k-narrow: 1312px;
	--k-ease: cubic-bezier(.22, .61, .36, 1);
	--k-gutter: 40px;
}
@media (max-width: 1024px) {
	:root { --k-gutter: 30px; }
}
@media (max-width: 767px) {
	:root { --k-gutter: 20px; }
}

/* --------------------------------------------------------------------------
   Global type + buttons
   -------------------------------------------------------------------------- */
body.kasim-site{
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* All theme buttons: letter-spaced uppercase pills (shape/colors from Theme Settings). */
body.kasim-site .btn,
body.kasim-site .button,
body.kasim-site button,
body.kasim-site [type="submit"],
body.kasim-site .wd-button-wrapper .btn{
	letter-spacing: .2em;
}

body.kasim-site .wd-button-wrapper .btn{
	min-height: 56px;
	padding: 0 32px;
	font-size: 12px;
	font-weight: 700;
	transition: background-color .25s var(--k-ease), color .25s var(--k-ease), transform .25s var(--k-ease), box-shadow .25s var(--k-ease);
}

body.kasim-site .wd-button-wrapper .btn:not(.btn-style-link):hover{
	transform: translateY(-2px);
	box-shadow: 0 10px 24px -12px rgba(11, 17, 33, .45);
}

/* Yellow (secondary) buttons carry navy text. */
body.kasim-site .btn.btn-color-alt,
body.kasim-site .btn.btn-color-alt:hover{
	color: var(--k-navy);
}
body.kasim-site .btn.btn-color-alt:hover{
	background-color: #F6CC52;
}

/* Default buttons = navy pill (Theme Settings), hover blue. */
body.kasim-site .btn.kasim-btn-navy{
	min-width: 242px;
}
body.kasim-site .btn.kasim-btn-navy .wd-btn-icon .wd-icon{
	font-size: 11px;
}

/* Outline pill ("All products"). */
body.kasim-site .btn.kasim-btn-outline{
	min-height: 44px;
	padding: 0 24px;
	border: 1px solid #D9D3C6;
	border-radius: 30px;
	background: transparent;
	color: var(--k-navy);
	font-size: 11px;
	box-shadow: none;
}
body.kasim-site .btn.kasim-btn-outline:hover{
	border-color: var(--k-navy);
	background: var(--k-navy);
	color: #fff;
}

/* Text link button ("Exchange policy →"). */
body.kasim-site .btn.kasim-btn-link{
	min-height: 56px;
	padding: 0;
	border: 0;
	color: #fff;
	font-size: 12px;
	letter-spacing: .2em;
}
body.kasim-site .btn.kasim-btn-link:hover{
	color: var(--k-yellow);
}
body.kasim-site .btn.kasim-btn-link .wd-btn-icon .wd-icon,
body.kasim-site .kasim-side .wd-btn-icon .wd-icon{
	font-size: 10px;
	transition: transform .25s var(--k-ease);
}
body.kasim-site .btn.kasim-btn-link:hover .wd-btn-icon .wd-icon,
body.kasim-site .kasim-side .btn:hover .wd-btn-icon .wd-icon{
	transform: translateX(4px);
}

/* --------------------------------------------------------------------------
   Containers
   Full-width sections keep the design's 1440px content box on wide screens and
   never let content get closer than --k-gutter to the screen edge below that.
   -------------------------------------------------------------------------- */
body.kasim-site :is(.vc_section, .vc_row).wd-section-stretch{
	padding-left: max(calc((100vw - 1470px - var(--wd-sticky-nav-w, 0px) - var(--wd-scroll-w, 0px)) / 2), calc(var(--k-gutter) - 15px));
	padding-right: max(calc((100vw - 1470px - var(--wd-sticky-nav-w, 0px) - var(--wd-scroll-w, 0px)) / 2), calc(var(--k-gutter) - 15px));
}
/* Woodmart only stretches sections from 1025px up; below that, bleed them to the screen edges. */
@media (max-width: 1024px) {
	body.kasim-site .wpb-content-wrapper > :is(.vc_section, .vc_row)[class*="wd-section-stretch"]{
		margin-left: calc(-1 * var(--k-gutter)) !important;
		margin-right: calc(-1 * var(--k-gutter)) !important;
	}
}
@media (max-width: 1539px) {
	body.kasim-site .container{
		padding-inline: var(--k-gutter);
	}
	body.kasim-site .whb-top-bar .container{
		padding-inline: 0;
	}
}
body.kasim-site .kasim-narrow{
	width: 100%;
	max-width: calc(var(--k-narrow) + 30px);
	margin-left: auto !important;
	margin-right: auto !important;
}

body.kasim-site .vc_section.kasim-section{
	padding-top: 107px;
	padding-bottom: 120px;
}

/* WPBakery adds 35px top padding to filled rows' columns and to sections that
   follow a filled section; the design controls spacing per section instead. */
body.kasim-site .vc_row-has-fill > .vc_column_container > .vc_column-inner,
body.kasim-site .vc_section-has-fill > .vc_row > .vc_column_container > .vc_column-inner{
	padding-top: 0;
}

/* Woodmart elements default to a 30px bottom margin; sections set their own rhythm. */
body.kasim-site .kasim-cat-grid,
body.kasim-site .kasim-product-grid,
body.kasim-site .kasim-drop .wd-tabs,
body.kasim-site .kasim-lookbook-grid,
body.kasim-site .kasim-band .wd-marquee,
body.kasim-site .kasim-rule,
body.kasim-site .kasim-side,
body.kasim-site .kasim-section .wd-button-wrapper{
	margin-bottom: 0;
}

/* --------------------------------------------------------------------------
   Section headings (Woodmart Title: subtitle = eyebrow, <u> = highlight)
   -------------------------------------------------------------------------- */
body.kasim-site .kasim-section-title{
	margin-bottom: 0;
}
body.kasim-site .kasim-section-title .title-subtitle,
body.kasim-site .kasim-hero__title .title-subtitle{
	display: inline-flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 14px;
	color: var(--k-blue);
	font-family: var(--wd-text-font);
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: .22em;
	text-transform: uppercase;
}
body.kasim-site .kasim-section-title .title-subtitle::before,
body.kasim-site .kasim-hero__title .title-subtitle::before{
	content: "";
	width: 32px;
	height: 1px;
	background: currentColor;
	opacity: .6;
}
body.kasim-site .kasim-section-title--light .title-subtitle,
body.kasim-site .kasim-hero__title .title-subtitle{
	color: var(--k-yellow);
}

body.kasim-site .kasim-section-title .woodmart-title-container,
body.kasim-site .kasim-hero__title .woodmart-title-container{
	letter-spacing: 0;
}
/* Yellow highlights (Woodmart's per-element highlight color ties with its default rule). */
body.kasim-site .kasim-hero__title .woodmart-title-container u,
body.kasim-site .kasim-section-title--light .woodmart-title-container u,
body.kasim-site .kasim-cta__title .woodmart-title-container u{
	color: var(--k-yellow);
}

body.kasim-site .kasim-section-title .woodmart-title-container u,
body.kasim-site .kasim-hero__title .woodmart-title-container u,
body.kasim-site .kasim-cta__title .woodmart-title-container u{
	text-decoration: none;
}

body.kasim-site .kasim-section-title .title-after_title{
	margin-top: 9px;
	color: var(--k-text);
	font-size: 14px;
	line-height: 24px;
}
body.kasim-site .kasim-section-title--light .title-after_title{
	color: rgba(255, 255, 255, .58);
}
body.kasim-site .kasim-section-title--center{
	margin-bottom: 40px;
}

/* --------------------------------------------------------------------------
   Header
   -------------------------------------------------------------------------- */
/* Top bar: Woodmart header Text element, scrolled as a marquee by kasim.js. */
body.kasim-site .whb-top-bar .container{
	max-width: none;
	padding-inline: 0;
}
body.kasim-site .whb-top-bar .whb-flex-row{
	overflow: hidden;
}
body.kasim-site .whb-top-bar .whb-column{
	width: 100%;
	min-width: 0;
	max-width: 100%;
	margin: 0;
	flex: 1 1 100%;
}
body.kasim-site .whb-top-bar .whb-col-left,
body.kasim-site .whb-top-bar .whb-col-right{
	display: none;
}
body.kasim-site .kasim-topbar-text{
	width: 100%;
	overflow: hidden;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	line-height: 31px;
	letter-spacing: .28em;
	text-transform: uppercase;
	white-space: nowrap;
}
body.kasim-site .kasim-topbar-track{
	display: inline-flex;
	gap: 47px;
	animation: kasim-marquee var(--kasim-marquee-speed, 40s) linear infinite;
}
body.kasim-site .kasim-topbar-text:hover .kasim-topbar-track{
	animation-play-state: paused;
}
body.kasim-site .kasim-topbar-track > span{
	display: inline-flex;
	align-items: center;
	gap: 47px;
}
body.kasim-site .kasim-topbar-track > span::after{
	content: "\2605";
	color: var(--k-yellow);
	font-size: 9px;
	letter-spacing: 0;
}
@keyframes kasim-marquee{
	from { transform: translateX(0); }
	to { transform: translateX(-50%); }
}

body.kasim-site .whb-general-header{
	border-bottom: 0;
}
body.kasim-site .whb-general-header .wd-nav-main > li > a{
	padding-inline: 0;
	color: var(--k-navy);
	font-size: 16px;
	letter-spacing: .02em;
}
body.kasim-site .whb-general-header .wd-nav-main{
	gap: 47px;
}
body.kasim-site .whb-general-header .wd-nav-main > li.current-menu-item > a{
	color: var(--k-navy);
}
body.kasim-site .whb-general-header .wd-nav-main > li > a:hover{
	color: var(--k-blue);
}

/* Full-bleed first section on builder pages: no gap under the header. */
body.kasim-site.home .wd-content-layout,
body.kasim-site.kasim-builder-page .wd-content-layout,
body.kasim-site.single-product .wd-content-layout{
	padding-top: 0;
	padding-bottom: 0;
}
body.kasim-site .whb-general-header .wd-nav-main > li > a .wd-nav-arrow,
body.kasim-site .whb-general-header .wd-nav-main > li > a::after{
	display: none;
}

body.kasim-site .whb-general-header .wd-header-search{
	margin-left: 52px;
}
body.kasim-site .whb-general-header .wd-header-search .wd-tools-icon::before{
	color: var(--k-navy);
	font-size: 16px;
}

/* Cart pill */
body.kasim-site .whb-general-header .wd-header-cart{
	margin-left: 22px;
}
body.kasim-site .whb-general-header .wd-header-cart > a{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	height: 40px;
	min-width: 67px;
	padding: 0 18px;
	border-radius: 30px;
	background: var(--k-navy);
	color: #fff;
	transition: background-color .25s var(--k-ease);
}
body.kasim-site .whb-general-header .wd-header-cart > a:hover{
	background: var(--k-blue);
}
body.kasim-site .whb-general-header .wd-header-cart .wd-tools-icon{
	display: inline-flex;
	align-items: center;
	gap: 9px;
}
body.kasim-site .whb-general-header .wd-header-cart .wd-tools-icon::before{
	color: #fff;
	font-size: 14px;
}
body.kasim-site .whb-general-header .wd-header-cart .wd-cart-number{
	position: static;
	min-width: 0;
	height: auto;
	padding: 0;
	background: none;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	transform: none;
}
body.kasim-site .whb-general-header .wd-header-cart .wd-cart-number > span,
body.kasim-site .whb-general-header .wd-header-cart .wd-tools-text{
	display: none;
}

/* --------------------------------------------------------------------------
   1. Hero
   -------------------------------------------------------------------------- */
body.kasim-site .vc_row.kasim-hero{
	position: relative;
	min-height: 750px;
	overflow: hidden;
	background-size: cover !important;
	background-position: center center !important;
}
/* Readability overlay – only needed once the photo sits behind the text on smaller screens. */
body.kasim-site .vc_row.kasim-hero::before{
	content: "";
	display: block;
	position: absolute;
	inset: 0;
	z-index: 0;
	background: none;
	pointer-events: none;
}
body.kasim-site .kasim-hero > .wpb_column{
	position: relative;
	z-index: 1;
}

body.kasim-site .kasim-hero__title .liner-continer{
	margin-top: 4px;
}
body.kasim-site .kasim-hero__title{
	margin-top: -6px;
	margin-bottom: 6px;
}
body.kasim-site .kasim-hero__text{
	margin-top: 4px;
	margin-bottom: 24px;
}
body.kasim-site .kasim-hero__title .title-subtitle{
	letter-spacing: .2em;
}
body.kasim-site .btn.kasim-btn-hero{
	min-width: 187px;
	min-height: 62px;
	padding: 0 34px;
	font-family: var(--wd-title-font);
	font-size: 21px;
	font-weight: 400;
	letter-spacing: .01em;
}

/* --------------------------------------------------------------------------
   2. Trust bar
   -------------------------------------------------------------------------- */
body.kasim-site .kasim-trust{
	border-bottom: 1px solid var(--k-line);
}
body.kasim-site .kasim-trust > .vc_column_container{
	position: relative;
}
@media (min-width: 1025px) {
	body.kasim-site .kasim-trust{
		display: flex;
		justify-content: space-between;
	}
	/* WPBakery clearfix pseudo-elements would act as flex items. */
	body.kasim-site .kasim-trust::before,
	body.kasim-site .kasim-trust::after{
		display: none;
	}
	body.kasim-site .kasim-trust > .vc_column_container{
		width: auto;
		flex: 0 0 auto;
	}
	body.kasim-site .kasim-trust > .vc_column_container + .vc_column_container::before{
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		left: calc(-1 * var(--kasim-trust-gap, 210px) / 2);
		width: 1px;
		background: var(--k-line);
	}
}
body.kasim-site .kasim-trust > .vc_column_container > .vc_column-inner{
	padding-top: 17px;
	padding-bottom: 16px;
}
body.kasim-site .kasim-trust__item{
	align-items: center;
	margin-bottom: 0;
}
body.kasim-site .kasim-trust__item .box-icon-wrapper{
	align-self: flex-start;
	margin-top: 4px;
	margin-right: 10px;
}
body.kasim-site .kasim-trust__item .info-box-icon img{
	width: 12px;
	height: 12px;
}
body.kasim-site .kasim-trust__item .info-box-title{
	margin-bottom: 6px;
	text-transform: none;
	letter-spacing: 0;
	font-size: 14px;
	line-height: 1.3;
}
body.kasim-site .kasim-trust__item .info-box-inner{
	font-size: 12px;
	line-height: 1.4;
}

/* --------------------------------------------------------------------------
   3. Category cards ("Four ways to wear the name")
   -------------------------------------------------------------------------- */
body.kasim-site .vc_section.kasim-racks{
	background: var(--k-cream);
}
body.kasim-site .kasim-racks__head{
	margin-bottom: 19px;
}
body.kasim-site .kasim-racks__cta{
	align-self: flex-start;
	padding-top: 20px;
}
body.kasim-site .kasim-racks__head .kasim-section-title .title-after_title{
	margin-top: 13px;
}

body.kasim-site .kasim-cat-grid .wd-grid-g,
body.kasim-site .wd-cats-element .wd-grid-g{
	--wd-gap-lg: 23px !important;
}
body.kasim-site .wd-cat.cat-design-default{
	--wd-cat-brd-radius: var(--k-radius);
}
body.kasim-site .wd-cat.cat-design-default .wd-cat-inner{
	position: relative;
	height: 100%;
	padding: 14px 14px 0;
	border: 1px solid var(--k-card-line);
	border-radius: var(--k-radius);
	background: #fff;
	box-shadow: none;
	overflow: hidden;
	transition: transform .35s var(--k-ease), box-shadow .35s var(--k-ease);
}
body.kasim-site .wd-cat.cat-design-default:hover .wd-cat-inner{
	transform: translateY(-6px);
	box-shadow: 0 22px 40px -28px rgba(11, 17, 33, .35);
}
body.kasim-site .wd-cat.cat-design-default .wd-cat-thumb{
	border-radius: 0;
	background: none;
}
body.kasim-site .wd-cat.cat-design-default .wd-cat-image{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 254px;
	background: none;
}
body.kasim-site .wd-cat.cat-design-default .wd-cat-image img{
	width: auto;
	max-width: 76%;
	max-height: 254px;
	object-fit: contain;
	transition: transform .5s var(--k-ease);
}
body.kasim-site .wd-cat.cat-design-default:hover .wd-cat-image img{
	transform: scale(1.05) rotate(-1.5deg);
}
body.kasim-site .kasim-cat-from{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	padding: 7px 11px 6px;
	border-radius: 30px;
	background: var(--k-blue);
	color: #fff;
	font-family: var(--wd-text-font);
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: .15em;
	text-transform: uppercase;
}
body.kasim-site .kasim-cat-from .amount{
	color: inherit;
	font-weight: inherit;
}

body.kasim-site .kasim-cat-grid .wd-cat.cat-design-default .wd-cat-content,
body.kasim-site .wd-cat.cat-design-default .wd-cat-content{
	position: static;
	padding: 13px 9px 0 !important;
	background: none;
	text-align: left;
	transform: none;
	opacity: 1;
}
body.kasim-site .wd-cat.cat-design-default .wd-entities-title{
	position: static;
	inset: auto;
	width: auto;
	padding: 0;
	background: none;
	margin: 0 0 7px;
	color: var(--k-navy);
	font-family: var(--wd-title-font);
	font-size: 26px;
	font-weight: 400;
	line-height: 1.1;
	letter-spacing: 0;
	text-transform: uppercase;
}
body.kasim-site .kasim-cat-desc{
	margin: 0 0 13px;
	padding-bottom: 18px;
	border-bottom: 1px solid var(--k-line);
	color: var(--k-text);
	font-size: 14px;
	line-height: 1.4;
}
body.kasim-site .kasim-cat-styles{
	position: relative;
	z-index: 3;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 31px;
	color: var(--k-navy);
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: .2em;
	text-transform: uppercase;
}
body.kasim-site .kasim-cat-styles span{
	transition: transform .25s var(--k-ease);
}
body.kasim-site .wd-cat:hover .kasim-cat-styles span{
	transform: translateX(4px);
}

/* --------------------------------------------------------------------------
   Product card (global – content-product-standard.php override)
   -------------------------------------------------------------------------- */
body.kasim-site .kasim-product-grid .wd-grid-g,
body.kasim-site .wd-products.wd-grid-g{
	--wd-gap-lg: 23px !important;
}
body.kasim-site .wd-hover-standard .kasim-card{
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 14px;
	border: 1px solid var(--k-card-line);
	border-radius: var(--k-radius);
	background: #fff;
	transition: transform .35s var(--k-ease), box-shadow .35s var(--k-ease);
}
body.kasim-site .wd-hover-standard:hover .kasim-card{
	transform: translateY(-6px);
	box-shadow: 0 24px 44px -30px rgba(11, 17, 33, .4);
}
body.kasim-site .kasim-card__head{
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 26px;
}
body.kasim-site .kasim-card__head .product-labels{
	position: static;
	display: flex;
	flex-direction: row;
	gap: 6px;
	margin: 0;
	padding: 0;
}
body.kasim-site .kasim-card__brand{
	margin: 0 0 0 auto;
	padding-right: 14px;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: .2em;
	text-transform: uppercase;
}
body.kasim-site .kasim-card__brand a{
	color: #3D4250;
}

/* Woodmart custom labels = dynamic badges */
body.kasim-site .wd-custom-label{
	display: inline-flex;
	align-items: center;
	padding: 8px 12px 7px;
	border-radius: 30px;
	background: var(--k-yellow);
	color: var(--k-navy);
}
body.kasim-site .wd-custom-label p,
body.kasim-site .wd-custom-label .wp-block-wd-paragraph{
	margin: 0;
	color: inherit;
	font-family: var(--wd-text-font);
	font-size: 10.5px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: .15em;
	text-transform: uppercase;
	white-space: nowrap;
}
body.kasim-site .product-labels .product-label.onsale{
	border-radius: 30px;
	background: var(--k-blue);
	color: #fff;
	font-size: 10px;
	letter-spacing: .15em;
}

body.kasim-site .kasim-card__media{
	margin: 38px 0 0;
	border-radius: 8px;
	overflow: hidden;
	background: var(--k-cream-2);
}
body.kasim-site .kasim-card__media .product-image-link img{
	width: 100%;
	aspect-ratio: 313 / 292;
	object-fit: cover;
	transition: transform .6s var(--k-ease);
}
body.kasim-site .wd-hover-standard:hover .kasim-card__media img{
	transform: scale(1.06);
}
body.kasim-site .kasim-card__media .wd-buttons{
	top: 10px;
	right: 10px;
	border-radius: 30px;
	opacity: 0;
	transform: translateY(-6px);
	transition: opacity .25s var(--k-ease), transform .25s var(--k-ease);
}
body.kasim-site .wd-hover-standard:hover .kasim-card__media .wd-buttons{
	opacity: 1;
	transform: none;
}
/* Add to cart slides up over the photo on hover. */
body.kasim-site .kasim-card__cart{
	position: absolute;
	left: 10px;
	right: 10px;
	bottom: 10px;
	margin: 0;
	opacity: 0;
	transform: translateY(12px);
	transition: opacity .3s var(--k-ease), transform .3s var(--k-ease);
}
body.kasim-site .wd-hover-standard:hover .kasim-card__cart,
body.kasim-site .kasim-card__cart:focus-within{
	opacity: 1;
	transform: none;
}
body.kasim-site .kasim-card__cart .button{
	width: 100%;
	min-height: 44px;
	border-radius: 30px;
	font-size: 11px;
}
body.kasim-site .kasim-card__cart .button .wd-action-icon{
	display: none;
}
body.kasim-site .kasim-card__cart .button .wd-action-text{
	position: static;
	opacity: 1;
	transform: none;
}

body.kasim-site .kasim-card__body{
	display: flex;
	flex: 1;
	flex-direction: column;
	margin-top: 56px;
	padding: 0 9px;
	text-align: left;
}
body.kasim-site .kasim-card__cat{
	margin-bottom: 4px;
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .3em;
	text-transform: uppercase;
}
body.kasim-site .kasim-card__cat a{
	color: var(--k-muted);
}
body.kasim-site .kasim-card__body .wd-entities-title{
	margin-bottom: 2px;
	font-family: var(--wd-title-font);
	font-size: 21px;
	font-weight: 400;
	line-height: 1.15;
	letter-spacing: 0;
	text-transform: uppercase;
}
body.kasim-site .kasim-card__body .wd-entities-title{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-line-clamp: unset;
	height: auto;
}
body.kasim-site .kasim-card__body .wd-entities-title a{
	color: var(--k-navy);
}
body.kasim-site .kasim-card__body .wd-entities-title a:hover{
	color: var(--k-blue);
}
body.kasim-site .kasim-card__excerpt{
	display: block;
	margin: 0 0 17px;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--k-line);
	color: var(--k-text);
	font-size: 14px;
	line-height: 1.4;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
body.kasim-site .kasim-card__foot{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-top: auto;
	padding-bottom: 19px;
}
body.kasim-site .kasim-card__foot .price{
	margin: 0;
	color: var(--k-navy);
	font-family: var(--wd-title-font);
	font-size: 24px;
	font-weight: 400;
	line-height: 1;
}
body.kasim-site .kasim-card__foot .price .amount{
	color: inherit;
}
body.kasim-site .kasim-card__rating{
	display: flex;
	align-items: center;
	gap: 8px;
}
body.kasim-site .kasim-card__rating .star-rating{
	margin: 0;
	color: #E2DDD1;
	font-size: 10px;
	letter-spacing: 3px;
}
/* Solid (not outline) empty stars, as in the design. */
body.kasim-site .kasim-card__rating .star-rating::before{
	content: "\f148\f148\f148\f148\f148";
	color: #D9D4C9;
}
body.kasim-site .kasim-card__rating .star-rating span::before{
	color: var(--k-yellow);
}
body.kasim-site .kasim-card__rating-count{
	color: var(--k-muted);
	font-size: 12px;
	white-space: nowrap;
}

/* --------------------------------------------------------------------------
   4. The current drop (tabs)
   -------------------------------------------------------------------------- */
body.kasim-site .vc_section.kasim-drop{
	background-color: var(--k-cream-2);
}
body.kasim-site .kasim-drop .kasim-section-title{
	margin-bottom: 0;
}
body.kasim-site .kasim-drop .wd-tabs-header{
	margin-top: 21px;
	margin-bottom: 22px;
}
body.kasim-site .kasim-drop .wd-nav-tabs{
	gap: 9px;
}
body.kasim-site .kasim-drop .wd-nav-tabs > li > a{
	height: 38px;
	min-height: 0;
	line-height: 36px;
	padding: 0 21px;
	border: 1px solid #E3DED2;
	border-radius: 30px;
	background: #fff;
	color: var(--k-navy);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .2em;
	text-transform: uppercase;
	transition: background-color .25s var(--k-ease), color .25s var(--k-ease), border-color .25s var(--k-ease);
}
body.kasim-site .kasim-drop .wd-nav-tabs .nav-link-text{
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: .2em;
	color: inherit;
	opacity: 1;
}
body.kasim-site .kasim-drop .wd-nav-tabs > li.wd-active > a .nav-link-text{
	color: #fff;
}
body.kasim-site .kasim-drop .wd-nav-tabs > li > a::after{
	display: none;
}
body.kasim-site .kasim-drop .wd-nav-tabs > li:hover > a{
	border-color: var(--k-navy);
}
body.kasim-site .kasim-drop .wd-tabs .wd-nav-tabs > li.wd-active > a,
body.kasim-site .kasim-drop .wd-tabs .wd-nav-tabs > li.wd-active > a:hover{
	border-color: var(--k-blue);
	background: var(--k-blue);
	color: #fff;
}
/* Empty category tab (e.g. Sweater Hats with 0 styles): CSS-only notice. */
body.kasim-site .kasim-drop-tabs .wd-products-element.wd-active:not(:has(.wd-product))::before{
	content: "Nothing in this run right now — new pieces drop soon.";
	display: block;
	max-width: 520px;
	margin: 0 auto;
	padding: 34px 28px;
	border: 1px dashed #D9D3C6;
	border-radius: var(--k-radius);
	background: rgba(255, 255, 255, .6);
	color: var(--k-text);
	font-size: 14px;
	text-align: center;
}
body.kasim-site .kasim-drop .wd-tab-content .vc_row{
	margin-inline: 0;
}
body.kasim-site .kasim-drop .wd-tab-content .vc_column_container > .vc_column-inner{
	padding: 0;
}
body.kasim-site .kasim-drop .wd-tabs + .wd-button-wrapper{
	margin-top: 31px;
}

/* --------------------------------------------------------------------------
   5. Blue marquee band
   -------------------------------------------------------------------------- */
body.kasim-site .kasim-band{
	min-height: 48px;
}
body.kasim-site .kasim-band .wd-marquee{
	height: 48px;
	letter-spacing: .01em;
}
body.kasim-site .kasim-band .wd-marquee-item .wd-icon{
	margin-inline-end: var(--wd-marquee-gap);
}
body.kasim-site .kasim-band .wd-marquee-content{
	align-items: center;
}

/* --------------------------------------------------------------------------
   6. Kasim Urban Street Wear – two sides
   -------------------------------------------------------------------------- */
body.kasim-site .vc_section.kasim-sides{
	padding-top: 100px;
	padding-bottom: 96px;
	background-size: cover !important;
}
body.kasim-site .kasim-sides .kasim-section-title{
	margin-bottom: 40px;
}
/* Two cards of 645px with a 20px gap = 1310px. */
body.kasim-site .kasim-sides__cards{
	max-width: 1330px;
}
body.kasim-site .kasim-sides__cards > .vc_column_container > .vc_column-inner{
	height: 100%;
	padding-inline: 10px;
}
body.kasim-site .kasim-side.wd-info-box{
	flex-direction: column;
	justify-content: flex-end;
	align-items: stretch;
}
body.kasim-site .kasim-side .info-box-content{
	flex: 0 0 auto;
}
body.kasim-site .kasim-side{
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	height: 100%;
	min-height: 415px;
	margin: 0;
	padding: 40px 40px 46px;
	border: 1px solid rgba(255, 255, 255, .09);
	border-radius: var(--k-radius);
	overflow: hidden;
	isolation: isolate;
}
body.kasim-site .kasim-side--dark{
	background:
		radial-gradient(70% 90% at 100% 100%, rgba(32, 95, 208, .32) 0%, rgba(32, 95, 208, 0) 70%),
		linear-gradient(160deg, #0E1526 0%, #111A31 100%);
}
body.kasim-site .kasim-side--blue{
	background:
		radial-gradient(80% 70% at 0% 0%, rgba(32, 95, 208, .95) 0%, rgba(32, 95, 208, 0) 75%),
		linear-gradient(160deg, #1A3E8F 0%, #0E1730 70%);
}
/* Giant ghost letter */
body.kasim-site .kasim-side::after{
	position: absolute;
	right: -100px;
	bottom: -167px;
	z-index: -1;
	color: rgba(255, 255, 255, .07);
	font-family: var(--wd-title-font);
	font-size: 400px;
	line-height: 1;
	pointer-events: none;
	transform: translateY(var(--kasim-letter-y, 0));
}
body.kasim-site .kasim-side--letter-h::after{ content: "H"; }
body.kasim-site .kasim-side--letter-d::after{ content: "D"; }

body.kasim-site .kasim-side .info-box-content{
	position: relative;
}
body.kasim-site .kasim-side .info-box-subtitle{
	margin-bottom: 14px;
	color: rgba(255, 255, 255, .55);
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: .3em;
	text-transform: uppercase;
}
body.kasim-site .kasim-side .info-box-title{
	position: relative;
	margin-bottom: 34px;
	color: #fff;
	letter-spacing: 0;
	text-transform: uppercase;
}
body.kasim-site .kasim-side .info-box-title u{
	color: var(--k-yellow);
	text-decoration: none;
}
/* Brush underline */
body.kasim-site .kasim-side .info-box-title::after{
	content: "";
	position: absolute;
	left: 0;
	bottom: -16px;
	width: 132px;
	height: 6px;
	border-radius: 6px 3px 6px 2px;
	background: linear-gradient(90deg, rgba(185, 149, 63, .95), rgba(242, 191, 46, .75));
	transform: rotate(-.6deg) scaleX(var(--kasim-brush, 1));
	transform-origin: left center;
}
body.kasim-site .kasim-side .info-box-inner{
	max-width: 440px;
	color: rgba(255, 255, 255, .68);
}
body.kasim-site .kasim-side .info-btn-wrapper{
	margin-top: 26px;
}
body.kasim-site .kasim-side .btn.btn-style-link{
	min-height: 0;
	padding: 0;
	border: 0;
	color: #fff;
	font-size: 11px;
	letter-spacing: .25em;
}
body.kasim-site .kasim-side .btn.btn-style-link:hover{
	color: var(--k-yellow);
}

/* --------------------------------------------------------------------------
   7. Lookbook
   -------------------------------------------------------------------------- */
body.kasim-site .vc_section.kasim-lookbook{
	background: var(--k-cream);
}
body.kasim-site .kasim-lookbook .kasim-section-title{
	margin-bottom: 26px;
}
@media (min-width: 1025px) {
	body.kasim-site .kasim-lookbook-grid .wd-grid-g{
		display: grid;
		grid-template-columns: 319fr 319fr 317fr 317fr;
		grid-template-rows: 190px 137px 43px 137px;
		gap: 10px 11px;
	}
	body.kasim-site .kasim-lookbook-grid .wd-gallery-item{
		width: auto;
		max-width: none;
		margin: 0;
		padding: 0;
	}
	body.kasim-site .kasim-lookbook-grid .wd-gallery-item:nth-child(1){ grid-column: 1 / 3; grid-row: 1 / 3; }
	body.kasim-site .kasim-lookbook-grid .wd-gallery-item:nth-child(2){ grid-column: 3; grid-row: 1; }
	body.kasim-site .kasim-lookbook-grid .wd-gallery-item:nth-child(3){ grid-column: 4; grid-row: 1; }
	body.kasim-site .kasim-lookbook-grid .wd-gallery-item:nth-child(4){ grid-column: 3; grid-row: 2 / 5; }
	body.kasim-site .kasim-lookbook-grid .wd-gallery-item:nth-child(5){ grid-column: 4; grid-row: 2 / 4; }
	body.kasim-site .kasim-lookbook-grid .wd-gallery-item:nth-child(6){ grid-column: 1; grid-row: 3 / 5; }
	body.kasim-site .kasim-lookbook-grid .wd-gallery-item:nth-child(7){ grid-column: 2; grid-row: 3 / 5; }
	body.kasim-site .kasim-lookbook-grid .wd-gallery-item:nth-child(8){ grid-column: 4; grid-row: 4; }
}
body.kasim-site .kasim-lookbook-grid .wd-gallery-item a{
	display: block;
	height: 100%;
	border-radius: 8px;
	overflow: hidden;
}
body.kasim-site .kasim-lookbook-grid .wd-gallery-item img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .7s var(--k-ease), filter .7s var(--k-ease);
}
body.kasim-site .kasim-lookbook-grid .wd-gallery-item a:hover img{
	transform: scale(1.06);
	filter: saturate(1.1);
}

/* --------------------------------------------------------------------------
   8. House rules
   -------------------------------------------------------------------------- */
body.kasim-site .vc_section.kasim-rules{
	padding-bottom: 0;
	background-color: var(--k-cream-2);
}
body.kasim-site .kasim-rules .kasim-section-title{
	margin-bottom: 31px;
}
body.kasim-site .kasim-rules__grid > .vc_column_container > .vc_column-inner{
	height: 100%;
	padding-inline: 8px;
}
body.kasim-site .kasim-rule.wd-info-box{
	height: 100%;
	min-height: 217px;
	margin: 0;
	padding: 24px 24px 26px;
	border: 1px solid var(--k-card-line);
	border-radius: 14px;
	background: #fff;
	box-shadow: none;
	transition: transform .35s var(--k-ease), box-shadow .35s var(--k-ease), border-color .35s var(--k-ease);
}
body.kasim-site .kasim-rule.wd-info-box:hover{
	border-color: rgba(32, 95, 208, .35);
	transform: translateY(-6px);
	box-shadow: 0 22px 40px -30px rgba(11, 17, 33, .4);
}
body.kasim-site .kasim-rule.wd-info-box{
	gap: 0;
}
body.kasim-site .kasim-rule .info-box-content{
	padding: 0;
}
body.kasim-site .kasim-rule .info-box-inner{
	margin-top: 0;
}
body.kasim-site .kasim-rule .box-icon-wrapper{
	margin-bottom: 25px;
}
body.kasim-site .kasim-rule .info-box-icon img{
	width: 44px;
	height: 44px;
	transition: transform .5s var(--k-ease);
}
body.kasim-site .kasim-rule:hover .info-box-icon img{
	transform: rotate(-12deg) scale(1.08);
}
body.kasim-site .kasim-rule .info-box-title{
	margin-bottom: 10px;
	color: var(--k-navy);
	line-height: 22px;
	letter-spacing: 0;
	text-transform: uppercase;
}
body.kasim-site .kasim-rule .info-box-inner{
	color: var(--k-text);
}

/* --------------------------------------------------------------------------
   9. CTA
   -------------------------------------------------------------------------- */
body.kasim-site .vc_section.kasim-cta-section{
	padding-top: 119px;
	padding-bottom: 121px;
	background: linear-gradient(180deg, var(--k-cream-2) 0, var(--k-cream-2) 303px, var(--k-cream) 303px, var(--k-cream) 100%);
}
body.kasim-site .kasim-cta-row > .vc_column_container{
	padding-inline: 15px;
}
body.kasim-site .kasim-cta-row > .vc_column_container > .vc_column-inner{
	padding-inline: 0;
}
/* Rule cards: 4 x 316 + 3 x 16 gaps = 1312 (columns carry 8px gutters). */
body.kasim-site .kasim-rules__grid{
	max-width: 1328px;
}
body.kasim-site .kasim-cta > .vc_column-inner{
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 327px;
	padding: 52px 70px 60px !important;
	border-radius: 20px;
	overflow: hidden;
}
body.kasim-site .kasim-cta > .vc_column-inner > .wpb_wrapper{
	position: relative;
	z-index: 1;
}
/* Soft light that follows the pointer (kasim.js sets the position). */
body.kasim-site .kasim-cta > .vc_column-inner::after{
	content: "";
	position: absolute;
	inset: 0;
	background: radial-gradient(420px circle at var(--kasim-glow-x, 55%) var(--kasim-glow-y, 50%), rgba(255, 255, 255, .12), rgba(255, 255, 255, 0) 60%);
	pointer-events: none;
	transition: background .2s linear;
}
body.kasim-site .kasim-cta{
	border-radius: 20px;
}
body.kasim-site .kasim-cta__title{
	margin-bottom: 14px;
}
/* "fitted?" – Woodmart "colored-alt" highlight = secondary (script) font. */
body.kasim-site .kasim-cta__title .woodmart-title-container u{
	display: inline-block;
	font-size: 1.08em;
	text-transform: none;
	transform: rotate(-3deg) translateY(4px);
}
body.kasim-site .kasim-cta__text{
	margin-bottom: 25px;
}
body.kasim-site .kasim-cta .wd-button-wrapper{
	display: inline-block;
	vertical-align: middle;
}
body.kasim-site .kasim-cta .btn.kasim-btn-yellow{
	min-width: 186px;
}
body.kasim-site .kasim-cta .wd-button-wrapper + .wd-button-wrapper{
	margin-left: 30px;
}

/* --------------------------------------------------------------------------
   Footer – Woodmart widget footer (4 columns) + Woodmart copyright bar
   Col 1: Image + Text widgets · Col 2/3: Navigation Menu widgets
   Col 4: Text + WPForms widgets
   -------------------------------------------------------------------------- */
body.kasim-site .wd-footer{
	background-color: var(--k-navy);
	background-image: radial-gradient(ellipse 300px 70px at 50% 40%, rgba(255, 255, 255, .045), rgba(255, 255, 255, 0) 100%);
}
body.kasim-site .wd-footer .main-footer,
body.kasim-site .wd-footer .wd-copyrights > .container{
	max-width: calc(var(--k-narrow) + 30px);
}
body.kasim-site .wd-footer .main-footer{
	padding-top: 0;
	padding-bottom: 0;
}
body.kasim-site .wd-footer .footer-sidebar{
	padding-top: 68px;
	padding-bottom: 69px;
}
@media (min-width: 1025px) {
	body.kasim-site .wd-footer .footer-sidebar{
		display: grid;
		/* 396 / 296 / 297 / 323 of 1312px in the design – proportional below that. */
		grid-template-columns: 396fr 296fr 297fr 323fr;
		gap: 0;
	}
	body.kasim-site .wd-footer .footer-column{
		grid-column: auto / span 1;
		width: auto;
		max-width: none;
	}
}
body.kasim-site .wd-footer .footer-widget{
	margin-bottom: 0;
	padding: 0;
}
body.kasim-site .wd-footer .widget_media_image img{
	width: 228px;
	max-width: 100%;
	height: auto;
	margin-bottom: 14px;
}
body.kasim-site .wd-footer .widget-title{
	margin-bottom: 14px;
	padding: 0;
	border: 0;
	color: #fff;
	font-family: var(--wd-text-font);
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: .3em;
	text-transform: uppercase;
}
body.kasim-site .wd-footer .textwidget,
body.kasim-site .wd-footer .textwidget p{
	margin: 0;
	color: rgba(255, 255, 255, .72);
	font-size: 14px;
	line-height: 22px;
}
body.kasim-site .wd-footer .footer-column-4 .widget_text{
	margin-bottom: 14px;
}
body.kasim-site .wd-footer .widget_nav_menu ul.menu{
	margin: 0;
	padding: 0;
	list-style: none;
}
body.kasim-site .wd-footer .widget_nav_menu li{
	margin: 0;
	padding: 0 0 10px;
	line-height: 22px;
}
body.kasim-site .wd-footer .widget_nav_menu li a{
	color: rgba(255, 255, 255, .7);
	font-size: 14px;
	transition: color .2s var(--k-ease), padding .2s var(--k-ease);
}
body.kasim-site .wd-footer .widget_nav_menu li a:hover{
	color: #fff;
}
body.kasim-site .wd-footer .widget_nav_menu li.current-menu-item a{
	font-weight: inherit;
}
body.kasim-site .wd-footer .widget_nav_menu li a:hover{
	padding-left: 4px;
}

/* Newsletter (WPForms widget) */
body.kasim-site .kasim-form--newsletter .wpforms-field-container,
body.kasim-site .kasim-form--newsletter .wpforms-submit-container{
	margin: 0;
	padding: 0;
}
body.kasim-site .wpforms-container.kasim-form--newsletter,
body.kasim-site div.wpforms-container-full.kasim-form--newsletter{
	margin: 0;
}
body.kasim-site .kasim-form--newsletter form{
	display: flex;
	align-items: center;
	gap: 10px;
}
body.kasim-site .kasim-form--newsletter .wpforms-field{
	padding: 0 !important;
}
body.kasim-site .kasim-form--newsletter .wpforms-field-container{
	flex: 0 1 250px;
}
body.kasim-site .kasim-form--newsletter input[type="email"]{
	width: 100% !important;
	max-width: none !important;
	height: 44px !important;
	padding: 0 16px !important;
	border: 1px solid rgba(255, 255, 255, .14) !important;
	border-radius: 30px !important;
	background: #111A2E !important;
	color: #fff !important;
	font-size: 14px !important;
	box-shadow: none !important;
}
body.kasim-site .kasim-form--newsletter input[type="email"]::placeholder{
	color: rgba(255, 255, 255, .45);
}
body.kasim-site .kasim-form--newsletter .wpforms-submit-container{
	flex: 0 0 auto;
}
body.kasim-site .kasim-form--newsletter button[type="submit"]{
	white-space: nowrap;
	height: 37px !important;
	padding: 0 18px !important;
	border: 0 !important;
	border-radius: 30px !important;
	background: var(--k-yellow) !important;
	color: var(--k-navy) !important;
	font-family: var(--wd-text-font) !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: .2em !important;
	text-transform: uppercase !important;
}
body.kasim-site .kasim-form--newsletter button[type="submit"]:hover{
	background: #fff !important;
}
body.kasim-site .kasim-form--newsletter .wpforms-confirmation-container-full{
	margin: 0;
	padding: 12px 16px;
	border: 0;
	border-radius: 12px;
	background: rgba(242, 191, 46, .12);
	color: #fff;
	font-size: 14px;
}

/* Woodmart copyright bar (Theme Settings → Footer → Copyrights) */
body.kasim-site .wd-footer .wd-copyrights{
	padding: 0;
	border: 0;
	background: none;
}
body.kasim-site .wd-footer .wd-copyrights > .container{
	max-width: calc(var(--k-narrow) + 2 * var(--k-gutter));
	padding-inline: var(--k-gutter);
	padding-top: 26px;
	padding-bottom: 30px;
	/* Divider aligned with the content, not the padded box. */
	background: linear-gradient(rgba(255, 255, 255, .1), rgba(255, 255, 255, .1)) center top / calc(100% - 2 * var(--k-gutter)) 1px no-repeat;
}
body.kasim-site .wd-footer .wd-copyrights,
body.kasim-site .wd-footer .wd-copyrights p{
	margin: 0;
	color: rgba(255, 255, 255, .55);
	font-size: 10px;
	line-height: 18px;
	letter-spacing: .2em;
	text-transform: uppercase;
}
body.kasim-site .wd-footer .wd-copyrights .wd-col-end{
	color: var(--k-yellow);
}
/* --------------------------------------------------------------------------
   Single product (Woodmart layout)
   -------------------------------------------------------------------------- */
/* Builder layouts render without a container – box the layout rows. */
body.kasim-site .wd-builder-on .single-product-page > .wpb-content-wrapper > .vc_row{
	max-width: calc(var(--k-container) + 30px);
	margin-left: auto !important;
	margin-right: auto !important;
}
body.kasim-site .wd-builder-on .single-product-page > .wpb-content-wrapper > .vc_row.vc_column-gap-30{
	max-width: calc(var(--k-container) + 60px);
}
body.kasim-site .kasim-sp-top{
	padding-top: 34px;
	padding-bottom: 22px;
}
body.kasim-site .kasim-sp-main{
	padding-bottom: 80px;
}
body.kasim-site .kasim-sp-main .woocommerce-product-gallery__image,
body.kasim-site .kasim-sp-main .wd-carousel-item img{
	border-radius: var(--k-radius);
}
body.kasim-site .kasim-sp-summary > .vc_column-inner{
	padding-left: 40px;
}
body.kasim-site .kasim-sp-summary .product_title{
	margin-bottom: 14px;
	color: var(--k-navy);
	font-size: 56px;
	line-height: 1.02;
}
body.kasim-site .kasim-sp-summary .price{
	color: var(--k-navy);
	font-family: var(--wd-title-font);
	font-size: 34px;
	font-weight: 400;
}
body.kasim-site .kasim-sp-summary .woocommerce-product-details__short-description{
	color: var(--k-text);
	font-size: 16px;
	line-height: 1.6;
}
body.kasim-site .kasim-sp-summary .single_add_to_cart_button{
	min-height: 56px;
	padding-inline: 40px;
	border-radius: 30px;
}
body.kasim-site .kasim-sp-promise{
	margin: 26px 0;
	padding: 22px 0;
	border-top: 1px solid var(--k-line);
	border-bottom: 1px solid var(--k-line);
}
body.kasim-site .kasim-sp-promise img{
	width: 22px;
	height: 22px;
}
body.kasim-site .kasim-sp-tabs-row{
	padding-bottom: 60px;
}
body.kasim-site .kasim-sp-related{
	padding-top: 100px;
	padding-bottom: 120px;
	border-top: 1px solid var(--k-line);
}
body.kasim-site .kasim-sp-related .kasim-section-title{
	margin-bottom: 40px;
}


/* --------------------------------------------------------------------------
   Inner pages (About / Contact)
   -------------------------------------------------------------------------- */
body.kasim-site .vc_section.kasim-page-head{
	padding-top: 110px;
	padding-bottom: 70px;
	background: var(--k-cream-2);
	border-bottom: 1px solid var(--k-line);
}
body.kasim-site .kasim-page-head .kasim-section-title{
	margin-bottom: 0;
}
body.kasim-site .kasim-page-head .title-after_title{
	max-width: 560px;
	margin-inline: auto;
}
body.kasim-site .vc_section.kasim-contact{
	padding-top: 90px;
}
body.kasim-site .kasim-contact-info.wd-info-box{
	gap: 18px;
	margin-bottom: 22px;
	padding: 24px;
	border: 1px solid var(--k-card-line);
	border-radius: 14px;
	background: #fff;
}
body.kasim-site .kasim-contact-info .info-box-title{
	margin-bottom: 8px;
	text-transform: uppercase;
}
body.kasim-site .kasim-contact-info .info-box-icon img{
	width: 44px;
	height: 44px;
}
body.kasim-site .kasim-contact__form > .vc_column-inner{
	padding: 40px 44px 44px !important;
	border: 1px solid var(--k-card-line);
	border-radius: var(--k-radius);
	background: #fff;
}
body.kasim-site .kasim-form-title{
	margin-bottom: 18px;
}
body.kasim-site .kasim-form--contact .wpforms-field-label{
	margin-bottom: 8px;
	color: var(--k-navy);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .2em;
	text-transform: uppercase;
}
body.kasim-site .kasim-form--contact input[type="text"],
body.kasim-site .kasim-form--contact input[type="email"],
body.kasim-site .kasim-form--contact textarea{
	max-width: none !important;
	border: 1px solid var(--k-line) !important;
	border-radius: 12px !important;
	background: var(--k-cream) !important;
	color: var(--k-navy) !important;
	font-size: 14px !important;
	box-shadow: none !important;
}
body.kasim-site .kasim-form--contact input[type="text"],
body.kasim-site .kasim-form--contact input[type="email"]{
	height: 50px !important;
	padding: 0 16px !important;
}
body.kasim-site .kasim-form--contact textarea{
	min-height: 150px;
	padding: 14px 16px !important;
}
body.kasim-site .kasim-form--contact input:focus,
body.kasim-site .kasim-form--contact textarea:focus{
	border-color: var(--k-blue) !important;
	background: #fff !important;
}
body.kasim-site .kasim-form--contact button[type="submit"]{
	min-height: 56px !important;
	padding: 0 34px !important;
	border: 0 !important;
	border-radius: 30px !important;
	background: var(--k-navy) !important;
	color: #fff !important;
	font-family: var(--wd-text-font) !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	letter-spacing: .2em !important;
	text-transform: uppercase !important;
}
body.kasim-site .kasim-form--contact button[type="submit"]:hover{
	background: var(--k-blue) !important;
}
body.kasim-site .vc_section.kasim-about-cta{
	background: var(--k-cream-2);
}
body.kasim-site .kasim-about-cta .kasim-section-title{
	margin-bottom: 30px;
}
/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */
@media (max-width: 1440px) {
	body.kasim-site .kasim-trust > .vc_column_container + .vc_column_container::before{
		left: calc(-1 * var(--kasim-trust-gap, 120px) / 2);
	}
}
@media (max-width: 1024px) {
	body.kasim-site .vc_section.kasim-section{ padding-top: 90px; padding-bottom: 90px; }
	body.kasim-site .vc_row.kasim-hero{ min-height: 640px; background-size: cover !important; background-position: 68% center !important; }
	body.kasim-site .vc_row.kasim-hero::before{ background: linear-gradient(90deg, rgba(21, 24, 29, .95) 0%, rgba(21, 24, 29, .7) 60%, rgba(21, 24, 29, .35) 100%); }
	body.kasim-site .vc_row.kasim-hero > .kasim-hero__content{ width: 100%; max-width: 640px; }
	body.kasim-site .vc_row.kasim-hero > .vc_column_container:last-child{ display: none; }
	body.kasim-site .kasim-racks__head > .vc_column_container{ width: 100%; }
	body.kasim-site .kasim-trust{ display: flex; flex-wrap: wrap; }
	body.kasim-site .kasim-trust::before,
	body.kasim-site .kasim-trust::after{ display: none; }
	body.kasim-site .kasim-trust > .vc_column_container{ width: 50%; border-bottom: 1px solid var(--k-line); }
	body.kasim-site .kasim-trust > .vc_column_container:nth-child(odd){ border-right: 1px solid var(--k-line); }
	body.kasim-site .kasim-racks__cta{ align-self: auto; padding-top: 20px; }
	body.kasim-site .kasim-racks__cta .wd-button-wrapper{ text-align: left !important; }
	body.kasim-site .kasim-sides__cards > .vc_column_container{ margin-bottom: 20px; }
	body.kasim-site .kasim-side{ min-height: 380px; }
	body.kasim-site .kasim-lookbook-grid .wd-grid-g{ --wd-col-md: 2 !important; --wd-col-sm: 2 !important; }
	body.kasim-site .kasim-lookbook-grid .wd-gallery-item img{ aspect-ratio: 4 / 3; height: auto; }
	body.kasim-site .kasim-lookbook-grid .wd-gallery-item:first-child{ grid-column: 1 / -1; }
	body.kasim-site .kasim-lookbook-grid .wd-gallery-item:first-child img{ aspect-ratio: 648 / 337; }
	body.kasim-site .kasim-lookbook-grid .wd-gallery-item:last-child{ grid-column: 1 / -1; }
	body.kasim-site .kasim-lookbook-grid .wd-gallery-item:last-child img{ aspect-ratio: 648 / 280; }
	body.kasim-site .kasim-rules__grid > .vc_column_container{ width: 50%; margin-bottom: 16px; }
	body.kasim-site .kasim-cta > .vc_column-inner{ padding: 48px 40px !important; }
	body.kasim-site .whb-general-header .wd-header-cart > a{ height: 36px; min-width: 58px; padding: 0 14px; }
}
@media (max-width: 767px) {
	body.kasim-site .vc_section.kasim-section{ padding-top: 70px; padding-bottom: 70px; }
	body.kasim-site .vc_row.kasim-hero{ min-height: 600px; background-position: 62% center !important; }
	body.kasim-site .kasim-trust > .vc_column_container{ width: 50%; }
	body.kasim-site .kasim-trust > .vc_column_container > .vc_column-inner{ padding: 14px 15px; }
	body.kasim-site .kasim-trust__item .info-box-title{ font-size: 13px; margin-bottom: 3px; }
	body.kasim-site .kasim-trust__item .info-box-inner{ font-size: 11px; }
	body.kasim-site .kasim-trust__item .box-icon-wrapper{ margin-right: 7px; }
	body.kasim-site .kasim-racks__head{ margin-bottom: 24px; }
	body.kasim-site .kasim-drop .wd-nav-tabs{ flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; padding-bottom: 4px; }
	body.kasim-site .kasim-drop .wd-nav-tabs > li{ flex: 0 0 auto; }
	body.kasim-site .kasim-side{ padding: 32px 26px 34px; min-height: 340px; }
	body.kasim-site .kasim-side::after{ font-size: 260px; bottom: -60px; }
	body.kasim-site .kasim-lookbook-grid .wd-grid-g{ --wd-col-sm: 2 !important; }
	body.kasim-site .kasim-rules__grid > .vc_column_container{ width: 100%; }
	body.kasim-site .vc_section.kasim-cta-section{ padding-top: 70px; padding-bottom: 70px; }
	body.kasim-site .kasim-cta > .vc_column-inner{ padding: 40px 26px !important; }
	body.kasim-site .kasim-cta .wd-button-wrapper + .wd-button-wrapper{ display: block; margin: 8px 0 0; }
	body.kasim-site .kasim-form--newsletter .wpforms-field-container{ flex: 1 1 auto; }
	body.kasim-site .kasim-sp-summary > .vc_column-inner{ padding-left: 15px; }
	body.kasim-site .kasim-sp-summary .product_title{ font-size: 40px; }
}

/* Static mode (reduced motion / ?kasim-static): show the final state of Woodmart entrance animations. */
html.kasim-no-motion body.kasim-site *,
html.kasim-no-motion body.kasim-site *::before,
html.kasim-no-motion body.kasim-site *::after{
	transition: none !important;
}
html.kasim-no-motion body.kasim-site .kasim-topbar-track{
	animation: none;
}
html.kasim-no-motion body.kasim-site .wd-animation{
	opacity: 1 !important;
	transform: none !important;
	animation: none !important;
}

/* Motion preferences */
@media (prefers-reduced-motion: reduce) {
	body.kasim-site *, body.kasim-site *::before, body.kasim-site *::after{
		transition-duration: .01ms !important;
		animation-duration: .01ms !important;
	}
}

/* Category cards: keep the divider + "N styles" link aligned across a row. */
body.kasim-site .wd-cat.cat-design-default .wd-cat-inner{ display: flex; flex-direction: column; }
body.kasim-site .kasim-cat-grid .wd-cat.cat-design-default .wd-cat-content{ display: flex; flex: 1 0 auto; flex-direction: column; align-items: flex-start; }
body.kasim-site .kasim-cat-desc{ flex: 1 0 auto; align-self: stretch; }

/* Phone refinements (kept last so they win the cascade). */
@media (max-width: 767px) {
	body.kasim-site .kasim-rules__grid > .vc_column_container > .vc_column-inner,
	body.kasim-site .kasim-sides__cards > .vc_column_container > .vc_column-inner{ padding-inline: 15px; }
	body.kasim-site .wd-cat.cat-design-default .wd-cat-inner{ padding: 10px 10px 0; }
	body.kasim-site .wd-cat.cat-design-default .wd-cat-image{ height: 150px; }
	body.kasim-site .wd-cat.cat-design-default .wd-cat-image img{ max-height: 150px; }
	body.kasim-site .wd-cat.cat-design-default .wd-entities-title{ font-size: 20px; }
	body.kasim-site .kasim-cat-desc{ font-size: 12px; }
	body.kasim-site .kasim-cat-styles{ font-size: 10px; margin-bottom: 18px; }
	body.kasim-site .kasim-cat-from{ font-size: 10px; padding: 6px 9px 5px; letter-spacing: .1em; }
	
	/* Compact product card for 2-up phone grids. */
	body.kasim-site .kasim-product-grid .wd-grid-g,
	body.kasim-site .wd-products.wd-grid-g{ --wd-gap-sm: 10px; }
	body.kasim-site .wd-hover-standard .kasim-card{ padding: 8px; border-radius: 12px; }
	body.kasim-site .kasim-card__head{ min-height: 20px; }
	body.kasim-site .kasim-card__brand{ padding-right: 4px; font-size: 10px; letter-spacing: .1em; }
	body.kasim-site .wd-custom-label{ padding: 5px 8px 4px; }
	body.kasim-site .wd-custom-label p,
	body.kasim-site .wd-custom-label .wp-block-wd-paragraph{ font-size: 10px; letter-spacing: .06em; }
	body.kasim-site .kasim-card__media{ margin-top: 10px; border-radius: 6px; }
	body.kasim-site .kasim-card__body{ margin-top: 14px; padding: 0 2px; }
	body.kasim-site .kasim-card__cat{ margin-bottom: 4px; font-size: 10px; letter-spacing: .12em; }
	body.kasim-site .kasim-card__body .wd-entities-title{ font-size: 15px; }
	body.kasim-site .kasim-card__excerpt{ margin-bottom: 10px; padding-bottom: 10px; font-size: 12px; }
	body.kasim-site .kasim-card__foot{ flex-wrap: wrap; gap: 4px; padding-bottom: 6px; }
	body.kasim-site .kasim-card__foot .price{ font-size: 18px; }
	body.kasim-site .kasim-card__rating .star-rating{ font-size: 9px; letter-spacing: 1px; }
	body.kasim-site .kasim-card__rating-count{ font-size: 10px; }
	/* House rules: content-height cards on phones. */
	body.kasim-site .kasim-rule.wd-info-box{ min-height: 0; padding: 20px 20px 22px; }
	body.kasim-site .kasim-rule .box-icon-wrapper{ margin-bottom: 16px; }
	/* Footer: brand + newsletter full width, Shop / Links side by side. */
	body.kasim-site .wd-footer .footer-sidebar{ display: grid; grid-template-columns: 1fr 1fr; gap: 34px 20px; padding-top: 52px; padding-bottom: 44px; }
	body.kasim-site .wd-footer .footer-column{ grid-column: auto / span 1; width: auto; max-width: none; margin: 0; padding: 0; border: 0; }
	body.kasim-site .wd-footer .footer-column-1,
	body.kasim-site .wd-footer .footer-column-4{ grid-column: 1 / -1; }
	body.kasim-site .wd-footer .footer-widget{ border: 0; }
	body.kasim-site .wd-footer .widget_media_image img{ width: 180px; }
	body.kasim-site .wd-footer .wd-copyrights .container{ flex-direction: column; gap: 8px; text-align: left; }
	/* Single product on phones. */
	body.kasim-site .kasim-sp-top{ display: flex; flex-wrap: nowrap; align-items: center; padding-top: 14px; padding-bottom: 6px; }
	body.kasim-site .kasim-sp-top > .vc_column_container{ width: auto; flex: 1 1 auto; }
	body.kasim-site .kasim-sp-top > .vc_column_container:last-child{ flex: 0 0 auto; }
	body.kasim-site .kasim-sp-top .vc_column-inner{ padding-top: 0 !important; padding-bottom: 0 !important; }
	body.kasim-site .kasim-sp-main{ padding-bottom: 40px; }
	body.kasim-site .kasim-sp-main > .vc_column_container > .vc_column-inner{ padding-top: 0 !important; }
	body.kasim-site .kasim-sp-gallery-col{ margin-bottom: 20px; }
	body.kasim-site .kasim-sp-gallery-col .wpb_wrapper > *{ margin-bottom: 0; }
	body.kasim-site .kasim-sp-summary .product_title{ font-size: 36px; }
	body.kasim-site .kasim-sp-summary .price{ font-size: 28px; }
	body.kasim-site .vc_section.kasim-page-head{ padding-top: 60px; padding-bottom: 44px; }
	body.kasim-site .kasim-contact__form > .vc_column-inner{ padding: 26px 20px 28px !important; }
}

/* Woodmart's phone grid starts at 768.98px – stack the two-sides cards there too. */
@media (max-width: 768.98px) {
	body.kasim-site .kasim-sides__cards > .vc_column_container{ width: 100%; }
}

/* --------------------------------------------------------------------------
   About – intro (photo left, story right)
   -------------------------------------------------------------------------- */
body.kasim-site .vc_section.kasim-about{
	padding-top: 100px;
	padding-bottom: 100px;
	background: var(--k-cream-2);
	border-bottom: 1px solid var(--k-line);
}
body.kasim-site .kasim-about__photo{
	position: relative;
	margin: 0 24px 24px 0;
}
/* Offset yellow frame behind the photo. */
body.kasim-site .kasim-about__photo::before{
	content: "";
	position: absolute;
	inset: 24px -24px -24px 24px;
	z-index: 0;
	border: 2px solid var(--k-yellow);
	border-radius: var(--k-radius);
}
body.kasim-site .kasim-about__photo img{
	position: relative;
	z-index: 1;
	width: 100%;
	border-radius: var(--k-radius);
	box-shadow: 0 30px 60px -36px rgba(11, 17, 33, .55);
}
body.kasim-site .kasim-about__content > .vc_column-inner{
	padding-left: 50px;
}
body.kasim-site .kasim-about__title{
	margin-bottom: 22px;
}
body.kasim-site .kasim-about__text p{
	margin: 0 0 14px;
	color: var(--k-text);
}
body.kasim-site .kasim-about__facts{
	margin: 22px 0 26px;
	color: var(--k-navy);
}
body.kasim-site .kasim-about__facts img{
	width: 12px;
	height: 12px;
}
body.kasim-site .kasim-about__stats{
	margin: 0 0 30px !important;
	padding: 22px 0;
	border-top: 1px solid var(--k-line);
	border-bottom: 1px solid var(--k-line);
}
body.kasim-site .kasim-about__stats .vc_column-inner{
	padding-top: 0;
}
body.kasim-site .kasim-stat{
	margin-bottom: 0;
}
body.kasim-site .kasim-stat .counter-value{
	color: var(--k-navy);
	font-family: var(--wd-title-font);
	font-weight: 400;
	line-height: 1;
}
body.kasim-site .kasim-stat .counter-label{
	margin-top: 8px;
	color: var(--k-muted);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .2em;
	text-transform: uppercase;
}
body.kasim-site .kasim-about__content .wd-button-wrapper{
	display: inline-block;
	margin-bottom: 0;
	vertical-align: middle;
}
body.kasim-site .kasim-about__content .wd-button-wrapper + .wd-button-wrapper{
	margin-left: 12px;
}
body.kasim-site .btn.kasim-btn-outline--lg{
	min-height: 56px;
	padding: 0 30px;
	font-size: 12px;
}

/* --------------------------------------------------------------------------
   Category page – Promo Banner cards (photo + name)
   -------------------------------------------------------------------------- */
body.kasim-site .vc_section.kasim-catcards{
	padding-top: 70px;
	padding-bottom: 110px;
}
body.kasim-site .kasim-catcards__grid > .vc_column_container > .vc_column-inner{
	padding-top: 0;
}
body.kasim-site .kasim-catcard.promo-banner{
	margin-bottom: 0;
	border-radius: var(--k-radius);
	overflow: hidden;
	background: var(--k-navy);
	transition: transform .35s var(--k-ease), box-shadow .35s var(--k-ease);
}
body.kasim-site .kasim-catcard.promo-banner:hover{
	transform: translateY(-6px);
	box-shadow: 0 26px 44px -28px rgba(11, 17, 33, .6);
}
/* Bottom shade so the name always reads on the photo. */
body.kasim-site .kasim-catcard .main-wrapp-img::after{
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(11, 17, 33, 0) 40%, rgba(11, 17, 33, .82) 100%);
	pointer-events: none;
}
body.kasim-site .kasim-catcard .main-wrapp-img{
	position: relative;
}
body.kasim-site .kasim-catcard .wrapper-content-banner{
	z-index: 2;
	padding: 22px 22px 20px;
}
body.kasim-site .kasim-catcard .banner-title{
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	color: #fff;
	letter-spacing: 0;
	text-transform: uppercase;
}
body.kasim-site .kasim-catcard .banner-title::after{
	content: "\2192";
	color: var(--k-yellow);
	font-family: var(--wd-text-font);
	font-size: .7em;
	transition: transform .3s var(--k-ease);
}
body.kasim-site .kasim-catcard:hover .banner-title::after{
	transform: translateX(6px);
}

@media (max-width: 1024px) {
	body.kasim-site .kasim-about__media,
	body.kasim-site .kasim-about__content{ width: 100%; }
	body.kasim-site .kasim-about__media{ margin-bottom: 50px; }
	body.kasim-site .kasim-about__content > .vc_column-inner{ padding-left: 15px; }
	body.kasim-site .kasim-about__row > .vc_column_container{ padding-inline: 0 !important; }
	body.kasim-site .kasim-catcards__grid{ display: flex; flex-wrap: wrap; }
	body.kasim-site .kasim-catcards__grid > .vc_column_container{ width: 33.333%; margin-bottom: 20px; }
}
@media (max-width: 767px) {
	body.kasim-site .vc_section.kasim-about{ padding-top: 60px; padding-bottom: 60px; }
	body.kasim-site .kasim-about__photo{ margin: 0 16px 16px 0; }
	body.kasim-site .kasim-about__photo::before{ inset: 16px -16px -16px 16px; }
	body.kasim-site .kasim-about__stats .vc_column_container{ width: 33.333%; }
	body.kasim-site .kasim-about__content .wd-button-wrapper + .wd-button-wrapper{ margin: 12px 0 0; }
	body.kasim-site .vc_section.kasim-catcards{ padding-top: 40px; padding-bottom: 70px; }
	body.kasim-site .kasim-catcards__grid > .vc_column_container{ width: 50%; margin-bottom: 16px; }
	body.kasim-site .kasim-catcards__grid > .vc_column_container:last-child{ width: 100%; }
	body.kasim-site .kasim-catcards__grid{ margin-inline: -1px !important; }
	body.kasim-site .kasim-catcards__grid > .vc_column_container > .vc_column-inner{ padding-inline: 6px !important; }
	body.kasim-site .kasim-catcards__grid > .vc_column_container{ margin-bottom: 12px; }
	body.kasim-site .kasim-catcard .wrapper-content-banner{ padding: 14px 14px 12px; }
	body.kasim-site .kasim-catcard .banner-title{ font-size: 19px !important; white-space: nowrap; gap: 6px; }
}

/* Low-resolution product photos: centered at max 2x on a soft panel (see kasim.js). */
body.kasim-site img.kasim-img-small{
	display: block;
	width: 100% !important;
	height: auto !important;
	margin: 50px auto;
}
body.kasim-site .woocommerce-product-gallery__image:has(img.kasim-img-small),
body.kasim-site .wd-carousel-item:has(img.kasim-img-small){
	border-radius: var(--k-radius);
	background: var(--k-cream-2);
}

/* Card entrance (kasim.js adds .kasim-motion to <html> and .kasim-in per card). */
html.kasim-motion body.kasim-site .kasim-cat-grid .wd-cat,
html.kasim-motion body.kasim-site .kasim-product-grid .wd-product{
	opacity: 0;
	transform: translateY(40px);
	transition: opacity .8s var(--k-ease), transform .8s var(--k-ease);
	transition-delay: var(--kasim-delay, 0s);
}
html.kasim-motion body.kasim-site .kasim-cat-grid .wd-cat.kasim-in,
html.kasim-motion body.kasim-site .kasim-product-grid .wd-product.kasim-in{
	opacity: 1;
	transform: none;
}

/* ==========================================================================
   Client content sections (docx)
   ========================================================================== */

/* Hero – second button ("Our story"): white outline pill. */
body.kasim-site .kasim-hero .wd-button-wrapper{
	display: inline-block;
	vertical-align: middle;
}
body.kasim-site .kasim-hero .wd-button-wrapper + .wd-button-wrapper{
	margin-left: 12px;
}
body.kasim-site .btn.kasim-btn-hero--ghost{
	border: 2px solid rgba(255, 255, 255, .7);
	background: transparent;
	color: #fff;
	box-shadow: none;
}
body.kasim-site .btn.kasim-btn-hero--ghost:hover{
	border-color: var(--k-yellow);
	background: transparent;
	color: var(--k-yellow);
}

/* Meaning behind the name – longer intro paragraph. */
body.kasim-site .kasim-meaning__title .title-after_title{
	max-width: 860px;
	margin-inline: auto;
	font-size: 15px;
	line-height: 26px;
}
/* What we stand for – three value cards. */
body.kasim-site .kasim-sides__cards--3{
	max-width: 1340px;
}
body.kasim-site .kasim-side--value{
	min-height: 360px;
	padding: 36px 34px 40px;
}
body.kasim-site .kasim-side--value .info-box-title{
	margin-bottom: 32px;
}
body.kasim-site .kasim-side--value::after{
	right: -40px;
	bottom: -150px;
	font-size: 340px;
}
body.kasim-site .kasim-side--letter-1::after{ content: "1"; }
body.kasim-site .kasim-side--letter-2::after{ content: "2"; }
body.kasim-site .kasim-side--letter-3::after{ content: "3"; }

/* Collections – image cards. */
body.kasim-site .kasim-collections .kasim-section-title{
	margin-bottom: 40px;
}
body.kasim-site .kasim-collections__grid > .vc_column_container > .vc_column-inner{
	height: 100%;
	padding-inline: 10px;
}
body.kasim-site .kasim-collections__grid .wpb_wrapper,
body.kasim-site .kasim-collections__grid .info-box-wrapper{
	height: 100%;
}
body.kasim-site .kasim-collection.wd-info-box{
	gap: 0;
	height: 100%;
	margin: 0;
	padding: 12px 12px 26px;
	border: 1px solid var(--k-card-line);
	border-radius: var(--k-radius);
	background: #fff;
	transition: transform .35s var(--k-ease), box-shadow .35s var(--k-ease);
}
body.kasim-site .kasim-collection.wd-info-box:hover{
	transform: translateY(-6px);
	box-shadow: 0 24px 44px -30px rgba(11, 17, 33, .4);
}
body.kasim-site .kasim-collection .box-icon-wrapper{
	width: 100%;
	margin: 0 0 22px;
	border-radius: 10px;
	overflow: hidden;
}
body.kasim-site .kasim-collection .info-box-icon,
body.kasim-site .kasim-collection .info-box-icon img{
	display: block;
	width: 100%;
}
body.kasim-site .kasim-collection .info-box-icon img{
	height: 260px;
	object-fit: cover;
	transition: transform .7s var(--k-ease);
}
body.kasim-site .kasim-collection:hover .info-box-icon img{
	transform: scale(1.05);
}
body.kasim-site .kasim-collection .info-box-content{
	padding: 0 10px;
}
body.kasim-site .kasim-collection .info-box-title{
	margin-bottom: 10px;
	color: var(--k-navy);
	text-transform: uppercase;
}
body.kasim-site .kasim-collection .info-box-inner{
	color: var(--k-text);
}
body.kasim-site .kasim-collection .info-btn-wrapper{
	margin-top: 18px;
}
body.kasim-site .kasim-collection .btn.btn-style-link{
	min-height: 0;
	padding: 0;
	border: 0;
	color: var(--k-navy);
	font-size: 11px;
	letter-spacing: .2em;
}
body.kasim-site .kasim-collection .btn.btn-style-link:hover{
	color: var(--k-blue);
}

/* Why Kasim – three cards + closing line. */
body.kasim-site .kasim-rules__grid--3{
	max-width: 1328px;
}
body.kasim-site .kasim-soul{
	margin: 44px 0 0;
}
body.kasim-site .kasim-soul .woodmart-title-container{
	text-transform: none;
	letter-spacing: 0;
}
body.kasim-site .kasim-soul .woodmart-title-container u{
	color: var(--k-blue);
}
body.kasim-site .vc_section.kasim-rules{
	padding-bottom: 0;
}

/* About – story typography. */
body.kasim-site .kasim-about__lead{
	color: var(--k-navy) !important;
	font-size: 18px;
	line-height: 28px;
}
body.kasim-site .kasim-pullquote{
	margin: 8px 0 18px;
	padding-left: 20px;
	border-left: 4px solid var(--k-yellow);
}
body.kasim-site .kasim-pullquote .woodmart-title-container{
	color: var(--k-navy);
	letter-spacing: 0;
}
body.kasim-site .kasim-signature{
	margin: 0 0 28px;
}
body.kasim-site .kasim-signature .woodmart-title-container{
	color: var(--k-blue);
	text-transform: none;
}

/* About – Welcome + closing sections. */
body.kasim-site .vc_section.kasim-welcome{
	padding-top: 110px;
	padding-bottom: 110px;
	background: var(--k-cream);
}
body.kasim-site .kasim-welcome .title-after_title{
	max-width: 820px;
	margin-inline: auto;
	font-size: 16px;
	line-height: 28px;
}
body.kasim-site .vc_section.kasim-why-choose{
	padding-bottom: 110px;
	background: var(--k-cream-2);
}
body.kasim-site .vc_section.kasim-about-cta{
	padding-top: 110px;
	padding-bottom: 120px;
	background: var(--k-cream);
}
body.kasim-site .kasim-about-cta .kasim-section-title{
	margin-bottom: 30px;
}
body.kasim-site .kasim-about-cta .wd-button-wrapper{
	display: inline-block;
	margin: 0 6px;
}
body.kasim-site .vc_section.kasim-contact-rules{
	padding-bottom: 110px;
	background: var(--k-cream-2);
}

@media (max-width: 1024px) {
	body.kasim-site .kasim-sides__cards--3 > .vc_column_container{ width: 100%; margin-bottom: 16px; }
	body.kasim-site .kasim-side--value{ min-height: 0; }
	body.kasim-site .kasim-collections__grid{ justify-content: center; }
	body.kasim-site .kasim-collections__grid > .vc_column_container{ width: 50%; margin-bottom: 20px; }
	body.kasim-site .kasim-rules__grid--3 > .vc_column_container{ width: 33.333%; }
}
@media (max-width: 767px) {
	body.kasim-site .kasim-hero .wd-button-wrapper + .wd-button-wrapper{ margin: 12px 0 0; }
	body.kasim-site .kasim-collections__grid > .vc_column_container{ width: 100%; }
	body.kasim-site .kasim-collection .info-box-icon img{ height: 220px; }
	body.kasim-site .kasim-rules__grid--3 > .vc_column_container{ width: 100%; }
	body.kasim-site .kasim-side--value::after{ font-size: 240px; bottom: -100px; }
	body.kasim-site .vc_section.kasim-welcome,
	body.kasim-site .vc_section.kasim-about-cta{ padding-top: 70px; padding-bottom: 70px; }
	body.kasim-site .kasim-about-cta .wd-button-wrapper{ margin: 6px 0; }
}

/* --------------------------------------------------------------------------
   Why Kasim – navy split layout with numbered feature rows
   -------------------------------------------------------------------------- */
body.kasim-site .vc_section.kasim-why{
	padding-top: 130px;
	padding-bottom: 150px;
	background-size: cover !important;
}
body.kasim-site .kasim-why__intro > .vc_column-inner{
	padding-right: 70px;
}
body.kasim-site .kasim-why__intro .kasim-section-title{
	margin-bottom: 0;
}
body.kasim-site .kasim-why .kasim-soul{
	margin: 34px 0 36px;
	padding-top: 30px;
	border-top: 1px solid rgba(255, 255, 255, .12);
}
body.kasim-site .kasim-why .kasim-soul .woodmart-title-container{
	color: #fff;
	text-transform: none;
}
body.kasim-site .kasim-why .kasim-soul .woodmart-title-container u{
	color: var(--k-yellow);
}
body.kasim-site .kasim-why__list > .vc_column-inner > .wpb_wrapper{
	display: flex;
	flex-direction: column;
	gap: 14px;
}
body.kasim-site .kasim-why-item.wd-info-box{
	position: relative;
	align-items: center;
	gap: 26px;
	margin: 0;
	padding: 30px 120px 30px 30px;
	border: 1px solid rgba(255, 255, 255, .08);
	border-radius: var(--k-radius);
	background: linear-gradient(120deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .01));
	overflow: hidden;
	transition: background .35s var(--k-ease), border-color .35s var(--k-ease), transform .35s var(--k-ease);
}
body.kasim-site .kasim-why-item.wd-info-box::before{
	content: "";
	position: absolute;
	top: 22px;
	bottom: 22px;
	left: 0;
	width: 4px;
	border-radius: 0 4px 4px 0;
	background: var(--k-yellow);
	transform: scaleY(0);
	transition: transform .35s var(--k-ease);
}
body.kasim-site .kasim-why-item.wd-info-box:hover{
	border-color: rgba(32, 95, 208, .6);
	background: linear-gradient(120deg, rgba(32, 95, 208, .32), rgba(32, 95, 208, .08));
	transform: translateX(-6px);
}
body.kasim-site .kasim-why-item.wd-info-box:hover::before{
	transform: scaleY(1);
}
body.kasim-site .kasim-why-item .box-icon-wrapper{
	display: flex;
	flex: 0 0 68px;
	align-items: center;
	justify-content: center;
	width: 68px;
	height: 68px;
	margin: 0;
	border: 1px solid rgba(242, 191, 46, .5);
	border-radius: 50%;
	background: rgba(255, 255, 255, .06);
}
body.kasim-site .kasim-why-item .info-box-icon img{
	width: 44px;
	height: 44px;
}
body.kasim-site .kasim-why-item .info-box-subtitle{
	position: absolute;
	top: 50%;
	right: 30px;
	margin: 0;
	color: transparent;
	font-family: var(--wd-title-font);
	font-size: 64px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0;
	-webkit-text-stroke: 1px rgba(242, 191, 46, .7);
	transform: translateY(-50%);
	transition: color .35s var(--k-ease);
}
body.kasim-site .kasim-why-item:hover .info-box-subtitle{
	color: var(--k-yellow);
}
body.kasim-site .kasim-why-item .info-box-title{
	margin-bottom: 8px;
	color: #fff;
	letter-spacing: 0;
	text-transform: uppercase;
}
body.kasim-site .kasim-why-item .info-box-inner{
	margin: 0;
}
body.kasim-site .kasim-why-item .info-box-content{
	flex: 1 1 auto;
	min-width: 0;
	padding-right: 96px;
}

/* The blue CTA box now overlaps the navy Why section. */
body.kasim-site .vc_section.kasim-cta-section{
	background: linear-gradient(180deg, #0B1121 0, #0B1121 160px, var(--k-cream) 160px, var(--k-cream) 100%);
}
body.kasim-site .vc_section.kasim-why + .vc_section.kasim-cta-section,
body.kasim-site .vc_section.kasim-cta-section{
	padding-top: 0;
}

@media (max-width: 1024px) {
	body.kasim-site .kasim-why__row > .vc_column_container{ width: 100%; }
	body.kasim-site .kasim-why__intro{ margin-bottom: 40px; }
	body.kasim-site .kasim-why__intro > .vc_column-inner{ padding-right: 15px; }
	body.kasim-site .vc_section.kasim-why{ padding-top: 90px; padding-bottom: 130px; }
}
@media (max-width: 767px) {
	body.kasim-site .vc_section.kasim-why{ padding-top: 70px; padding-bottom: 120px; }
	body.kasim-site .kasim-why-item.wd-info-box{ align-items: flex-start; gap: 16px; padding: 22px 20px; }
	body.kasim-site .kasim-why-item .box-icon-wrapper{ flex-basis: 52px; width: 52px; height: 52px; }
	body.kasim-site .kasim-why-item .info-box-icon img{ width: 34px; height: 34px; }
	body.kasim-site .kasim-why-item .info-box-subtitle{ position: static; margin-bottom: 6px; font-size: 34px; transform: none; }
	body.kasim-site .kasim-why-item .info-box-content{ padding-right: 0; }
	body.kasim-site .vc_section.kasim-cta-section{ padding-top: 0; background: linear-gradient(180deg, #0B1121 0, #0B1121 100px, var(--k-cream) 100px, var(--k-cream) 100%); }
}

/* --------------------------------------------------------------------------
   About – Why choose Kasim? (photo cards with numbered badge)
   -------------------------------------------------------------------------- */
body.kasim-site .vc_section.kasim-why-choose{
	position: relative;
	padding-top: 120px;
	padding-bottom: 120px;
	overflow: hidden;
	background: var(--k-cream-2);
}
/* Ghost watermark behind the section. */
body.kasim-site .vc_section.kasim-why-choose::before{
	content: "KASIM";
	position: absolute;
	left: 50%;
	bottom: -70px;
	z-index: 0;
	color: rgba(11, 17, 33, .045);
	font-family: var(--wd-title-font);
	font-size: 340px;
	line-height: 1;
	letter-spacing: .04em;
	white-space: nowrap;
	transform: translateX(-50%);
	pointer-events: none;
}
body.kasim-site .kasim-why-choose > .vc_row{
	position: relative;
	z-index: 1;
}
body.kasim-site .kasim-why-choose .kasim-section-title{
	margin-bottom: 44px;
}
body.kasim-site .kasim-choose__grid > .vc_column_container > .vc_column-inner{
	height: 100%;
	padding-inline: 12px;
}
body.kasim-site .kasim-choose__grid .wpb_wrapper,
body.kasim-site .kasim-choose__grid .info-box-wrapper{
	height: 100%;
}
body.kasim-site .kasim-choose-card.wd-info-box{
	position: relative;
	gap: 0;
	height: 100%;
	margin: 0;
	padding: 0 0 34px;
	border: 1px solid var(--k-card-line);
	border-radius: var(--k-radius);
	background: #fff;
	overflow: hidden;
	transition: transform .4s var(--k-ease), box-shadow .4s var(--k-ease);
}
body.kasim-site .kasim-choose-card.wd-info-box::after{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 4px;
	background: linear-gradient(90deg, var(--k-blue), var(--k-yellow));
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .45s var(--k-ease);
}
body.kasim-site .kasim-choose-card.wd-info-box:hover{
	transform: translateY(-8px);
	box-shadow: 0 30px 50px -32px rgba(11, 17, 33, .45);
}
body.kasim-site .kasim-choose-card.wd-info-box:hover::after{
	transform: scaleX(1);
}
body.kasim-site .kasim-choose-card .box-icon-wrapper{
	position: relative;
	width: 100%;
	margin: 0;
	overflow: hidden;
}
/* Navy shade at the bottom of the photo. */
body.kasim-site .kasim-choose-card .box-icon-wrapper::after{
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(11, 17, 33, 0) 55%, rgba(11, 17, 33, .45) 100%);
	pointer-events: none;
}
body.kasim-site .kasim-choose-card .info-box-icon,
body.kasim-site .kasim-choose-card .info-box-icon img{
	display: block;
	width: 100%;
}
body.kasim-site .kasim-choose-card .info-box-icon img{
	height: 300px;
	object-fit: cover;
	transition: transform .8s var(--k-ease);
}
body.kasim-site .kasim-choose-card:hover .info-box-icon img{
	transform: scale(1.06);
}
body.kasim-site .kasim-choose-card .info-box-content{
	position: relative;
	padding: 52px 30px 0;
}
/* Number badge overlapping the photo. */
body.kasim-site .kasim-choose-card .info-box-subtitle{
	position: absolute;
	top: -34px;
	left: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 68px;
	height: 68px;
	margin: 0;
	border: 4px solid #fff;
	border-radius: 50%;
	background: var(--k-yellow);
	color: var(--k-navy);
	font-family: var(--wd-title-font);
	font-size: 24px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0;
	box-shadow: 0 10px 22px -10px rgba(11, 17, 33, .5);
	transition: background .35s var(--k-ease), color .35s var(--k-ease);
}
body.kasim-site .kasim-choose-card:hover .info-box-subtitle{
	background: var(--k-blue);
	color: #fff;
}
body.kasim-site .kasim-choose-card .info-box-title{
	margin-bottom: 12px;
	color: var(--k-navy);
	letter-spacing: 0;
	text-transform: uppercase;
}
body.kasim-site .kasim-choose-card .info-box-inner{
	color: var(--k-text);
}

@media (max-width: 1024px) {
	body.kasim-site .kasim-choose__grid > .vc_column_container{ width: 50%; margin-bottom: 24px; }
	body.kasim-site .kasim-choose__grid > .vc_column_container:last-child{ width: 100%; }
	body.kasim-site .vc_section.kasim-why-choose::before{ font-size: 220px; bottom: -40px; }
}
@media (max-width: 767px) {
	body.kasim-site .vc_section.kasim-why-choose{ padding-top: 70px; padding-bottom: 70px; }
	body.kasim-site .kasim-choose__grid > .vc_column_container{ width: 100%; margin-bottom: 18px; }
	body.kasim-site .kasim-choose-card .info-box-icon img{ height: 230px; }
	body.kasim-site .kasim-choose-card .info-box-content{ padding: 46px 22px 0; }
	body.kasim-site .kasim-choose-card .info-box-subtitle{ left: 22px; width: 58px; height: 58px; top: -29px; font-size: 20px; }
	body.kasim-site .vc_section.kasim-why-choose::before{ font-size: 130px; bottom: -20px; }
}

/* About – Our collections (doc part 2): same cards as the homepage collections. */
body.kasim-site .vc_section.kasim-about-collections{
	background: var(--k-cream-2);
}

/* --------------------------------------------------------------------------
   The house rules – shared section (Contact + About)
   -------------------------------------------------------------------------- */
body.kasim-site .vc_section.kasim-house-rules{
	position: relative;
	padding-top: 120px;
	padding-bottom: 130px;
	overflow: hidden;
}
/* Ghost outline word behind the section. */
body.kasim-site .vc_section.kasim-house-rules::before{
	content: "HOUSE RULES";
	display: block !important;
	width: max-content;
	max-width: none;
	position: absolute;
	left: 50%;
	bottom: -60px;
	z-index: 0;
	color: transparent;
	font-family: var(--wd-title-font);
	font-size: 260px;
	line-height: 1;
	white-space: nowrap;
	-webkit-text-stroke: 1px rgba(255, 255, 255, .12);
	transform: translateX(-50%);
	pointer-events: none;
}
body.kasim-site .kasim-house-rules > .vc_row{
	position: relative;
	z-index: 1;
}
body.kasim-site .kasim-house-rules .kasim-section-title{
	margin-bottom: 50px;
}
body.kasim-site .kasim-house-rules .kasim-section-title .title-subtitle{
	color: var(--k-yellow);
}
body.kasim-site .kasim-house-rules__grid > .vc_column_container > .vc_column-inner{
	height: 100%;
	padding-inline: 10px;
}
body.kasim-site .kasim-house-rules__grid .wpb_wrapper,
body.kasim-site .kasim-house-rules__grid .info-box-wrapper{
	height: 100%;
}
body.kasim-site .kasim-house-rule.wd-info-box{
	position: relative;
	gap: 0;
	height: 100%;
	margin: 0;
	padding: 34px 28px 36px;
	border: 1px solid rgba(255, 255, 255, .22);
	border-radius: var(--k-radius);
	background: rgba(255, 255, 255, .08);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	overflow: hidden;
	transition: background .35s var(--k-ease), transform .35s var(--k-ease), box-shadow .35s var(--k-ease), border-color .35s var(--k-ease);
}
/* Yellow accent bar – grows on hover. */
body.kasim-site .kasim-house-rule.wd-info-box::after{
	content: "";
	position: absolute;
	top: 0;
	left: 28px;
	width: 44px;
	height: 4px;
	border-radius: 0 0 4px 4px;
	background: var(--k-yellow);
	transition: width .4s var(--k-ease);
}
body.kasim-site .kasim-house-rule.wd-info-box:hover{
	border-color: #fff;
	background: #fff;
	transform: translateY(-8px);
	box-shadow: 0 30px 50px -28px rgba(11, 17, 33, .6);
}
body.kasim-site .kasim-house-rule.wd-info-box:hover::after{
	width: calc(100% - 56px);
}
body.kasim-site .kasim-house-rule .box-icon-wrapper{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 64px;
	margin: 0 0 28px;
	border: 2px solid var(--k-yellow);
	border-radius: 50%;
	background: #fff;
}
body.kasim-site .kasim-house-rule .info-box-icon img{
	width: 44px;
	height: 44px;
}
body.kasim-site .kasim-house-rule .info-box-content{
	position: static;
}
body.kasim-site .kasim-house-rule .info-box-subtitle{
	position: absolute;
	top: 30px;
	right: 26px;
	margin: 0;
	color: transparent;
	font-family: var(--wd-title-font);
	font-size: 52px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0;
	-webkit-text-stroke: 1px rgba(255, 255, 255, .55);
	transition: color .35s var(--k-ease), -webkit-text-stroke-color .35s var(--k-ease);
}
body.kasim-site .kasim-house-rule:hover .info-box-subtitle{
	color: var(--k-blue);
	-webkit-text-stroke-color: var(--k-blue);
}
body.kasim-site .kasim-house-rule .info-box-title{
	margin-bottom: 10px;
	color: #fff;
	letter-spacing: 0;
	text-transform: uppercase;
	transition: color .35s var(--k-ease);
}
body.kasim-site .kasim-house-rule .info-box-inner{
	color: rgba(255, 255, 255, .8);
	transition: color .35s var(--k-ease);
}
body.kasim-site .kasim-house-rule:hover .info-box-title{
	color: var(--k-navy);
}
body.kasim-site .kasim-house-rule:hover .info-box-inner{
	color: var(--k-text);
}

@media (max-width: 1024px) {
	body.kasim-site .kasim-house-rules__grid > .vc_column_container{ width: 50%; margin-bottom: 20px; }
	body.kasim-site .vc_section.kasim-house-rules{ padding-top: 90px; padding-bottom: 80px; }
	body.kasim-site .vc_section.kasim-house-rules::before{ font-size: 170px; bottom: -40px; }
}
@media (max-width: 767px) {
	body.kasim-site .kasim-house-rules__grid > .vc_column_container{ width: 100%; margin-bottom: 14px; }
	body.kasim-site .vc_section.kasim-house-rules{ padding-top: 70px; padding-bottom: 56px; }
	body.kasim-site .kasim-house-rules .kasim-section-title{ margin-bottom: 34px; }
	body.kasim-site .kasim-house-rule.wd-info-box{ padding: 26px 22px 28px; }
	body.kasim-site .kasim-house-rule .box-icon-wrapper{ width: 56px; height: 56px; margin-bottom: 20px; }
	body.kasim-site .kasim-house-rule .info-box-subtitle{ top: 24px; right: 20px; font-size: 40px; }
	body.kasim-site .vc_section.kasim-house-rules::before{ font-size: 96px; bottom: -20px; }
}