/* Phone par chhune ke khane aur behta hua matan — dono ki ek jagah.

   1. Newsletter ke tick wale khane 18px the: ungli ke liye bohot chhote. Dabba 24px, aur uska
      label poora 44px ka — yani chhune ki jagah poori, dikhne me dabba sada.
   2. Cookie patti ka "More info" apne dabbe se bahar beh raha tha (ek hi satar me zabardasti).
      Ab woh lapet leta hai.
   3. Breadcrumb ka aakhri khana lambe naam par bahar nikal jata tha — woh bhi lapet leta hai. */

@media (max-width: 1024px) {
	/* `flex: 0 0 18px` chaurai khud tay kar deta hai — sirf width likhne se dabba 18px hi rehta
	   hai. Is liye flex-basis bhi badalni parti hai. */
	html body.yb .yb-gf-check input[type="checkbox"],
	html body.yb .yb-gf-check input[type="radio"],
	html body.yb .woocommerce-form__input-checkbox,
	html body.yb .wd-checkbox input[type="checkbox"] {
		flex: 0 0 24px;
		width: 24px;
		height: 24px;
		min-width: 24px;
		min-height: 24px;
	}

	html body.yb .yb-gf-check,
	html body.yb label.woocommerce-form__label-for-checkbox {
		display: inline-flex;
		align-items: center;
		gap: 10px;
		min-height: 44px;
	}

	/* Yeh khana inline-flex hai; flex me matan ki satar apne aap nahi lapatti, is liye wrap bhi
	   khole bagair "More info" apne dabbe se bahar behta reh jata hai. */
	html body.yb .cookies-more-btn,
	html body.yb a.cookies-more-btn {
		flex-wrap: wrap;
		min-width: 0;
		max-width: 100%;
		white-space: normal;
		overflow-wrap: anywhere;
	}

	html body.yb .woocommerce-breadcrumb .breadcrumb-last,
	html body.yb .woocommerce-breadcrumb a.breadcrumb-link {
		white-space: normal;
		overflow-wrap: anywhere;
		max-width: 100%;
	}

	/* Talash ke tab 33px ke the — tab ek asli control hai (matan ka link nahi), is liye poora 44px. */
	html body.yb .yb-autoarch-tabs__tab,
	html body.yb .yb-search-tabs__tab {
		display: inline-flex;
		align-items: center;
		min-height: 44px;
	}

	/* Teen khanon wale block ka aakhri link ek CTA hai (matan ke beech ka link nahi): us par ungli
	   parti hai, is liye poora 44px. */
	html body.yb .yb-hp-trio > div > a {
		display: inline-flex;
		align-items: center;
		min-height: 44px;
	}

	/* Phone par naam ka logo apne khane se bahar nikal kar dil (wishlist) ke nishan par char raha
	   tha: lamba brand naam ek hi satar me 255px le raha tha jabke khana 183px ka hai. Ab woh apne
	   khane me rehta hai aur zaroorat par do satron me aa jata hai. */
	/* Beech ka khana sirf 183px ka tha aur naam us me bayen taraf dikhta tha; ab woh bachi hui
	   jagah le leta hai, is liye naam patti ke beech me baithta hai. */
	html body.yb .whb-mobile-center {
		min-width: 0;
		flex: 1 1 auto;
	}

	html body.yb .whb-mobile-center .wd-logo {
		min-width: 0;
		max-width: 100%;
		overflow: hidden;
	}

	/* Naam khud ek alag khane (.yb-logo-text) me likha hota hai jahan `white-space: nowrap` aur
	   17px lagi hoti hai — asli chaurai wahin se aati hai, is liye qaida wahin lagana parta hai. */
	html body.yb .whb-mobile-center .wd-logo .yb-logo-text,
	html body.yb .whb-mobile-center .wd-logo a .yb-logo-text {
		display: block;
		max-width: 100%;
		font-size: 13px;
		line-height: 1.15;
		letter-spacing: .02em;
		white-space: normal;
		text-align: center;
		text-overflow: clip;
		overflow: visible;
		overflow-wrap: anywhere;
	}
}