@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//www.dhakaiyamart.com/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=7.3.1") format("woff2");
}

.wd-popup.wd-promo-popup{
	background-color:rgb(30,115,190);
	background-image: url(https://www.dhakaiyamart.com/wp-content/uploads/2021/10/grocery-popup.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}

.page-title-default{
	background-color:rgb(30,115,190);
	background-image: url(https://www.dhakaiyamart.com/wp-content/uploads/2021/10/grocery-page-title.jpg);
	background-size:cover;
	background-position:center center;
}

.footer-container{
	background-color:rgb(55,56,57);
	background-image: none;
}

:root{
--wd-text-font:"Inter", Arial, Helvetica, sans-serif;
--wd-text-font-weight:400;
--wd-text-color:#777777;
--wd-text-font-size:14px;
}
:root{
--wd-title-font:"Yantramanav", Arial, Helvetica, sans-serif;
--wd-title-font-weight:500;
--wd-title-color:#242424;
}
:root{
--wd-entities-title-font:"Yantramanav", Arial, Helvetica, sans-serif;
--wd-entities-title-font-weight:500;
--wd-entities-title-color:#333333;
--wd-entities-title-color-hover:rgb(51 51 51 / 65%);
}
:root{
--wd-alternative-font:"Lato", Arial, Helvetica, sans-serif;
}
:root{
--wd-widget-title-font:"Yantramanav", Arial, Helvetica, sans-serif;
--wd-widget-title-font-weight:500;
--wd-widget-title-transform:uppercase;
--wd-widget-title-color:#333;
--wd-widget-title-font-size:16px;
}
:root{
--wd-header-el-font:"Inter", Arial, Helvetica, sans-serif;
--wd-header-el-font-weight:500;
--wd-header-el-transform:none;
--wd-header-el-font-size:13px;
}
:root{
--wd-primary-color:rgb(209,44,44);
}
:root{
--wd-alternative-color:#fbbc34;
}
:root{
--wd-link-color:#333333;
--wd-link-color-hover:#242424;
}
:root{
--btn-default-bgcolor:#f7f7f7;
}
:root{
--btn-default-bgcolor-hover:#efefef;
}
:root{
--btn-accented-bgcolor:rgb(209,44,44);
}
:root{
--btn-accented-bgcolor-hover:rgb(191,40,40);
}
:root{
--notices-success-bg:#459647;
}
:root{
--notices-success-color:#fff;
}
:root{
--notices-warning-bg:#E0B252;
}
:root{
--notices-warning-color:#fff;
}

	:root{
					
			
							--wd-form-brd-radius: 0px;
					
					--wd-form-brd-width: 2px;
		
					--btn-default-color: #333;
		
					--btn-default-color-hover: #333;
		
					--btn-accented-color: #fff;
		
					--btn-accented-color-hover: #fff;
		
					
							--btn-default-bottom-active: -1px;
				--btn-default-brd-radius: 0px;
				--btn-default-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
				--btn-default-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
			
			
					
					
			
			
							--btn-accented-brd-radius: 5px;
				--btn-accented-box-shadow: none;
				--btn-accented-box-shadow-hover: none;
					
							
					--wd-brd-radius: 0px;
		
			}

	
	
			:root{
			--wd-container-w: 1510px;
		}
	
			@media (min-width: 1527px) {
			.platform-Windows .wd-section-stretch > .elementor-container {
				margin-left: auto;
				margin-right: auto;
			}
		}
		@media (min-width: 1510px) {
			html:not(.platform-Windows) .wd-section-stretch > .elementor-container {
				margin-left: auto;
				margin-right: auto;
			}
		}
	
	
	
	
	
			.woodmart-woocommerce-layered-nav .wd-scroll-content {
			max-height: 223px;
		}
	
	
1. Elementor-er Khali Jayga (Margin/Padding) Muche Fela

.elementor-section,
.elementor-container,
.elementor-column,
.elementor-widget-wrap{
margin:0 !important;
padding:0 !important;
}



2. Main Content-er Uporer Space Sorano

.site-content{
padding-top:0 !important;
}



3. Sidebar-ke Screen-e Fixed (Sticky) Rakha

.arogga-sidebar{
position:sticky;
top:20px;
}



@media (min-width: 1025px) {
	1. Carousel/Slider-er horizontal scrolling enable kore ebong default scrollbar-ta (ba-dike ba dan-dike jawar bar) purapuri lukie (hide) fele.

.wd-carousel-container .owl-stage-outer{
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scrollbar-width:none !important;
    -ms-overflow-style:none !important;
}

.wd-carousel-container .owl-stage-outer::-webkit-scrollbar{
    display:none !important;
}



2. Slider-er product-guloke ek line-e flex layout-e sajay jate smoothly mouse ba finger diye swipe/scroll kora jay, transform animation bondho rakhe.

.wd-carousel-container .owl-stage{
    display:flex !important;
    width:max-content !important;
    transform:none !important;
}



3. Carousel-er Next/Prev arrow (arrows) ebong niche thaka dots indicator-gulo muche dei jate clean horizontal scroll hoy.

.owl-nav,
.owl-dots{
    display:none !important;
}



4. Product card-ke 12px rounded corner, smooth shadow (halka chhaya), sada background ebong minimum 360px height dei jate sob card shoman maaper dekhay.

.products .product-wrapper{
    background:#fff;
    border-radius:12px;
    padding:12px;
    transition:0.3s;
    min-height:360px;
    box-shadow:0 2px 10px rgba(0,0,0,0.05);
}



5. Mouse product card-er upor nile card-ta halka (3px) upore uthbe (Hover Animation).

.products .product-wrapper:hover{
    transform:translateY(-3px);
}



6. Product image-er height fixed 180px kore ebong object-fit:contain babohar koray chobi kono vag-e stretch ba kete jabe na.

.products .product-element-top img{
    width:100%;
    height:180px;
    object-fit:contain;
}



7. Product title-er font size 14px kore ebong fixed height (40px) dei jate 2 line-er beshi title layout noshto na kore.

.products .wd-entities-title{
    font-size:14px;
    line-height:20px;
    min-height:40px;
}




8. Main price-ke boro (18px) ebong bold (700 weight) kore, ebong original price (del tag / strikethrough price)-ke halka dhushor (gray) ebong choto (13px) kore.

.products .price{
    font-size:18px;
    font-weight:700;
}

.products del{
    color:#999;
    font-size:13px;
}



9. Kaj: Add to Cart button-ke full width (100%) ebong rounded border (8px) dei.

.products .add_to_cart_button{
    width:100%;
    border-radius:8px;
    min-height:40px;
}



10.  Add to Cart + Quantity FIX (Desktop Only - 1024px er upor) Ei rule-gulo shudhu Desktop/Laptop screen-e kaaj korbe.

@media (min-width:1024px){



20. Add to cart button ebong Quantity selector-ke ek-i line-e pashapashi (flex box) rakhe 8px gap shokhare.

.products .cart,
.products .product .cart,
.products .product-footer{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
}

21. Button-tike baki khali jaiga puron korte bolar pashapashi text alignment center ebong ALL CAPS (uppercase) kore.

.products .add_to_cart_button{
    flex:1 !important;
    height:40px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:8px !important;
    font-weight:600 !important;
    text-transform:uppercase;
}



22. Quantity plus-minus box-ke 40px height ebong border-radius 8px diye ekta compact pill style dei.

.products .quantity{
    display:flex !important;
    align-items:center !important;
    border:1px solid #ddd !important;
    border-radius:8px !important;
    overflow:hidden !important;
    height:40px !important;
}



23. Number box/input field-er width 40px ebong text-ke majhane (center) anar jonno style kore

.products .quantity input{
    width:40px !important;
    text-align:center !important;
    border:none !important;
    outline:none !important;
}



24. Plus (+) ebong Minus (-) button dwiter background halka grey (#f5f5f5) ebong size compact (30px width) kore button-er moto click-able banay.

.products .quantity .plus,
.products .quantity .minus{
    width:30px !important;
    height:40px !important;
    background:#f5f5f5 !important;
    border:none !important;
    cursor:pointer !important;
    font-size:16px !important;
}
}
}

@media (max-width: 576px) {
	1. Mobile "See All" Button Style Category ba section-er pasher "See All" (ba Sob Dekhun) link-tike ekta pill-style pill-button-er moto banay.

.title-link {
border: 1px solid #e1e1e1;
padding: 4px 12px;
border-radius: 20px;
font-size: 12px;
color: #333;
}



Mobile Product ADD Button Style Mobile view-te WoodMart product card-er "Add to Cart" (ba ADD) button-tike custom outline style dei.

.wd-add-btn > a {
border: 1.2px solid #00798c !important;
background-color: transparent !important;
color: #00798c !important;
border-radius: 4px !important;
font-weight: 600 !important;
padding: 4px 8px !important;
font-size: 11px !important;
min-width: 50px;
display: flex;
justify-content: center;
}



3. Horizontal Scroll Fixing Product grid ba horizontal slider container-er baire kono element chole gele seta hide kore dei.

.wd-products-with-results {
overflow: hidden !important;
}


}