:root {
	--wd-cat-brd-radius: 50%;
	--wd-text-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 15px;
	--wd-title-font: "Roboto", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 700;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: var(--wd-text-font);
	--wd-widget-title-font: "Roboto", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 700;
	--wd-widget-title-transform: capitalize;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Roboto", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 14px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(171,1,8);
	--wd-alternative-color: rgb(171,1,8);
	--btn-default-transform: none;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-transform: none;
	--btn-accented-bgcolor: rgb(171,1,8);
	--btn-accented-bgcolor-hover: rgb(171,1,8);
	--btn-transform: none;
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgb(245,154,87);
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 480px;
	--wd-popup-padding: 0px;
}
:is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg, :is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg :is(.wd-product,.wd-cat) {
	--wd-prod-bg:rgba(0,0,0,0);
	--wd-bordered-bg:rgba(0,0,0,0);
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center top;
}
.wd-footer {
	background-color: rgb(0,0,0);
	background-image: none;
}
html .wd-nav-mobile > li > a {
	text-transform: capitalize;
}
.whb-top-bar .wd-nav.wd-nav-secondary > li > a {
	font-family: "Work Sans", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 13px;
}
html .post.wd-post:not(.blog-design-small) .wd-entities-title {
	font-size: 18px;
}
:is(.page, .search-no-results, .error404) :is(.wd-page-content, .whb-header) {
	background-color: rgb(0,0,0);
	background-image: none;
	background-repeat: repeat;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
	background-color: rgb(0,0,0);
	background-image: none;
	background-repeat: repeat;
}
.single-product :is(.wd-page-content, .whb-header) {
	background-color: rgb(0,0,0);
	background-image: none;
	background-repeat: repeat;
}
.woodmart-archive-blog :is(.wd-page-content, .whb-header) {
	background-image: none;
	background-repeat: repeat;
}
.single-post :is(.wd-page-content, .whb-header) {
	background-image: none;
	background-repeat: repeat;
}
html .btn.wd-buy-now-btn {
	color: rgb(255,255,255);
	background: rgb(171,1,8);
}
html .btn.wd-buy-now-btn:hover {
	color: rgb(255,255,255);
	background: rgb(51,51,51);
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-color: rgb(119,119,119);
	--wd-form-placeholder-color: rgb(119,119,119)7;
	--wd-form-bg: rgb(255,255,255);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
.woocommerce-product-gallery {
	--wd-gallery-gap: 20px;
}

@media (max-width: 1024px) {
	.woocommerce-product-gallery {
		--wd-gallery-gap: 20px;
	}

}

@media (max-width: 768.98px) {
	.woocommerce-product-gallery {
		--wd-gallery-gap: 10px;
	}

}
:root{
--wd-container-w: 1400px;
--wd-form-brd-radius: 35px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 8px;
}

@media (min-width: 1400px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: rgb(207,7,10);
}

@font-face {
	font-family: "Urw Din";
	src: url("//tycoonapparelpk.com/wp-content/uploads/2026/08/URWDINSemiCond-Bold.woff2") format("woff2");
	font-weight: 700;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "Kenyan Coffee Bold Italic";
	src: url("//tycoonapparelpk.com/wp-content/uploads/2026/08/kenyan-coffee.bold-italic.woff2") format("woff2");
	font-weight: 700;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "Kenyan Coffee Italic";
	src: url("//tycoonapparelpk.com/wp-content/uploads/2026/08/kenyan-coffee.italic.woff2") format("woff2");
	font-weight: 400;
	font-display:swap;
	font-style: normal;
}

/* ==========================================================================
   B2B STREET WEAR INQUIRY FORM - COMPLETE MASTER STYLESHEET
   Compatible with Contact Form 7, Elementor & Woodmart Theme
   ========================================================================== */

:root {
    --b2b-accent: #e50914;
    --b2b-accent-hover: #b80710;
    --b2b-wa-green: #25D366;
    --b2b-wa-green-hover: #20ba59;
    --b2b-card-bg: #181818;
    --b2b-border: #444444;
    --b2b-border-hover: #888888;
}

/* 1. Global Wrapper & Typography */
.b2b-inquiry-wrapper { 
    background: #0e0e0e !important; 
    color: #ffffff !important; 
    padding: 35px 30px !important; 
    border-radius: 12px !important; 
    font-family: inherit !important; 
    width: 100% !important;
    max-width: 1200px !important; 
    margin: 0 auto !important; 
    box-sizing: border-box !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important; 
}

/* Clean up Contact Form 7 automatic paragraph & line break injections */
.b2b-inquiry-wrapper p {
    margin: 0 !important;
    padding: 0 !important;
}
.b2b-inquiry-wrapper br {
    display: none !important;
}
.b2b-inquiry-wrapper .wpcf7-form-control-wrap {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Header */
.b2b-header { 
    text-align: center; 
    margin-bottom: 30px; 
    border-bottom: 1px solid #222222; 
    padding-bottom: 20px; 
}
.b2b-header h2 { 
    color: #ffffff !important; 
    font-size: 26px !important; 
    font-weight: 800 !important; 
    text-transform: uppercase !important; 
    margin: 0 0 6px 0 !important; 
    letter-spacing: 1px !important; 
}
.b2b-header p { 
    color: #888888 !important; 
    font-size: 14px !important; 
    margin: 0 !important; 
}
.b2b-header .b2b-address { 
    color: #bbbbbb !important; 
    font-size: 13px !important; 
    margin-top: 8px !important; 
}

/* Section Titles */
.b2b-section { 
    margin-bottom: 28px !important; 
}
.b2b-section-title { 
    color: var(--b2b-accent) !important; 
    font-size: 15px !important; 
    font-weight: 700 !important; 
    text-transform: uppercase !important; 
    margin-bottom: 14px !important; 
    display: flex !important; 
    align-items: center !important; 
    gap: 8px !important; 
}
.b2b-section-title span { 
    color: #888888 !important; 
    font-size: 12px !important; 
    font-weight: 400 !important; 
    text-transform: none !important; 
}

/* 2. Products Grid (Section 2) */
.b2b-products-grid { 
    display: grid !important; 
    grid-template-columns: repeat(auto-fill, minmax(135px, 1fr)) !important; 
    gap: 12px !important; 
    margin-bottom: 10px !important; 
}
.b2b-product-card { 
    background: var(--b2b-card-bg) !important; 
    border: 1px solid var(--b2b-border) !important; 
    border-radius: 8px !important; 
    padding: 0 !important; 
    text-align: center !important; 
    cursor: pointer !important; 
    user-select: none !important; 
    transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease !important; 
    overflow: hidden !important; 
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    height: 190px !important;
    box-sizing: border-box !important;
}
.b2b-product-card:hover { 
    border-color: var(--b2b-border-hover) !important; 
    transform: translateY(-2px) !important; 
}
.b2b-product-card.active { 
    border-color: var(--b2b-accent) !important; 
    box-shadow: 0 0 14px var(--b2b-accent) !important; 
}
.b2b-product-card .b2b-card-img-wrap { 
    width: 100% !important; 
    height: 145px !important; 
    background: #111111 !important; 
    display: flex !important; 
    align-items: center !important; 
    justify-content: center !important; 
    overflow: hidden !important;
    pointer-events: none !important; 
}
.b2b-product-card .b2b-card-img-wrap img { 
    width: 100% !important; 
    height: 100% !important; 
    object-fit: contain !important; 
    display: block !important; 
    pointer-events: none !important; 
    transition: transform 0.3s ease !important;
}
.b2b-product-card:hover .b2b-card-img-wrap img { 
    transform: scale(1.05) !important; 
}
.b2b-product-card span { 
    font-size: 12px !important; 
    font-weight: 700 !important; 
    display: flex !important; 
    align-items: center !important;
    justify-content: center !important;
    height: 40px !important;
    padding: 0 6px !important; 
    text-transform: uppercase !important; 
    color: #ffffff !important; 
    line-height: 1.2 !important; 
    margin: 0 !important;
    pointer-events: none !important; 
}

/* 3. Upload Box (Section 3) */
.b2b-upload-box { 
    border: 2px dashed var(--b2b-border) !important; 
    background: #141414 !important; 
    padding: 24px 20px !important; 
    text-align: center !important; 
    border-radius: 8px !important; 
    cursor: pointer !important; 
    transition: border-color 0.2s ease !important; 
}
.b2b-upload-box:hover { 
    border-color: var(--b2b-accent) !important; 
}
.b2b-upload-btn { 
    display: inline-flex !important; 
    align-items: center !important;
    justify-content: center !important;
    background: var(--b2b-accent) !important; 
    color: #ffffff !important; 
    padding: 0 24px !important; 
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    font-size: 13px !important; 
    font-weight: 700 !important; 
    border-radius: 6px !important; 
    margin-top: 12px !important; 
    text-transform: uppercase !important; 
    line-height: 1 !important;
    border: none !important;
    pointer-events: none !important;
    box-sizing: border-box !important;
}
#b2b-file-input { 
    display: none !important; 
}

/* 4. Specifications, Dropdowns & Standard Inputs (Sections 1 & 4) */
.b2b-spec-grid { 
    display: grid !important; 
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important; 
    gap: 15px !important; 
}
.b2b-select, 
select.b2b-select {
    width: 100% !important;
    background-color: var(--b2b-card-bg) !important;
    color: #ffffff !important;
    border: 1px solid var(--b2b-border) !important;
    border-radius: 6px !important;
    padding: 0 38px 0 14px !important;
    font-size: 14px !important;
    height: 44px !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23ffffff' d='M6 8L0 1.4 1.4 0l4.6 4.6L10.6 0 12 1.4z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: calc(100% - 15px) center !important;
    background-size: 11px !important;
}
.b2b-select option { 
    background-color: #141414 !important; 
    color: #ffffff !important; 
}
.b2b-input, 
.b2b-textarea { 
    width: 100% !important; 
    background: var(--b2b-card-bg) !important; 
    border: 1px solid var(--b2b-border) !important; 
    color: #ffffff !important; 
    padding: 0 14px !important; 
    border-radius: 6px !important; 
    font-size: 14px !important; 
    box-sizing: border-box !important; 
    height: 44px !important; 
}
.b2b-textarea { 
    height: auto !important; 
    padding: 12px 14px !important; 
    resize: vertical !important;
}
.b2b-custom-write { 
    margin-top: 8px !important; 
}
.b2b-input:focus, 
.b2b-select:focus, 
.b2b-textarea:focus { 
    border-color: var(--b2b-accent) !important; 
    outline: none !important; 
}

/* 5. Size Range & Quantity / MOQ Buttons (Sections 5 & 6) */
.b2b-inline-options { 
    display: flex !important; 
    flex-wrap: wrap !important; 
    gap: 8px !important; 
    align-items: center !important;
    margin-bottom: 4px !important;
}
.b2b-check-btn { 
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    height: 38px !important; 
    min-height: 38px !important;
    max-height: 38px !important;
    line-height: 1 !important; 
    min-width: 50px !important; 
    padding: 0 16px !important; 
    margin: 0 !important;
    background: var(--b2b-card-bg) !important; 
    border: 1px solid var(--b2b-border) !important; 
    border-radius: 6px !important; 
    color: #cccccc !important; 
    font-size: 13px !important; 
    font-weight: 600 !important; 
    cursor: pointer !important; 
    user-select: none !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    transition: all 0.2s ease !important;
}
.b2b-check-btn:hover { 
    border-color: var(--b2b-border-hover) !important; 
    color: #ffffff !important; 
}
.b2b-check-btn.active { 
    background: var(--b2b-accent) !important; 
    color: #ffffff !important; 
    border-color: var(--b2b-accent) !important; 
}

/* 6. Side-by-Side Action Buttons (Section 7) */
.b2b-actions-wrapper { 
    display: flex !important; 
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: stretch !important;
    gap: 15px !important; 
    margin-top: 25px !important; 
    width: 100% !important;
}
.b2b-actions-wrapper > *,
.b2b-actions-wrapper .wpcf7-form-control-wrap,
.b2b-actions-wrapper p {
    flex: 1 1 50% !important;
    width: 50% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
}
.b2b-submit-btn,
input[type="submit"].b2b-submit-btn,
button.b2b-submit-btn { 
    flex: 1 1 100% !important;
    width: 100% !important; 
    height: 48px !important; 
    min-height: 48px !important;
    max-height: 48px !important;
    padding: 0 20px !important; 
    margin: 0 !important;
    font-size: 14px !important; 
    font-weight: 800 !important; 
    text-transform: uppercase !important; 
    border-radius: 6px !important; 
    cursor: pointer !important; 
    letter-spacing: 0.5px !important; 
    display: inline-flex !important; 
    align-items: center !important; 
    justify-content: center !important; 
    border: none !important; 
    line-height: 1 !important;
    box-sizing: border-box !important;
    transition: background-color 0.2s ease, opacity 0.2s ease !important;
}
.b2b-email-btn { 
    background: var(--b2b-accent) !important; 
    color: #ffffff !important; 
}
.b2b-email-btn:hover {
    background: var(--b2b-accent-hover) !important;
}
.b2b-whatsapp-btn { 
    background: var(--b2b-wa-green) !important; 
    color: #ffffff !important; 
}
.b2b-whatsapp-btn:hover {
    background: var(--b2b-wa-green-hover) !important;
}

/* 7. Contact Form 7 Response Output Messages */
.wpcf7 form.sent .wpcf7-response-output { 
    background: #1b3e20 !important; 
    border: 1px solid #4caf50 !important; 
    color: #4caf50 !important; 
    border-radius: 6px !important; 
    padding: 14px !important; 
    text-align: center !important; 
    margin-top: 15px !important;
}
.wpcf7 form.invalid .wpcf7-response-output, 
.wpcf7 form.unaccepted .wpcf7-response-output { 
    background: #3e1b1b !important; 
    border: 1px solid #f44336 !important; 
    color: #f44336 !important; 
    border-radius: 6px !important; 
    padding: 14px !important; 
    text-align: center !important; 
    margin-top: 15px !important;
}

/* 8. Mobile Responsiveness */
@media (max-width: 768px) {
    .b2b-inquiry-wrapper { 
        padding: 20px 15px !important; 
    }
    .b2b-products-grid { 
        grid-template-columns: repeat(2, 1fr) !important; 
    }
    .b2b-actions-wrapper { 
        flex-direction: column !important; 
        gap: 12px !important; 
    }
    .b2b-actions-wrapper > *,
    .b2b-actions-wrapper .wpcf7-form-control-wrap,
    .b2b-actions-wrapper p { 
        width: 100% !important; 
        flex: 1 1 100% !important; 
    }
}



/* inquiry form cf7 css code */
.cf7-grid-form {
  width: 100%;
}

.cf7-grid-form .cf7-row {
  display: flex;
  gap: 15px;
  margin-bottom: 12px;
}

.cf7-grid-form .cf7-col {
  flex: 1;
  min-width: 0;
}

.cf7-grid-form label {
  display: block;
  width: 100%;
}

.cf7-grid-form input[type="text"],
.cf7-grid-form input[type="email"],
.cf7-grid-form textarea {
  width: 100% !important;
  box-sizing: border-box;
}

/* Make single-column on mobile screens */
@media (max-width: 600px) {
  .cf7-grid-form .cf7-row {
    flex-direction: column;
    gap: 10px;
  }
}