www.urbanofashion.com
Open in
urlscan Pro
23.227.38.65
Public Scan
URL:
https://www.urbanofashion.com/collections/loose-fit-jeans?utm_source=adyogi&utm_medium=ig&utm_campaign=URBA_14633_Sales_Prospe...
Submission: On October 28 via manual from IN — Scanned from CA
Submission: On October 28 via manual from IN — Scanned from CA
Form analysis 4 forms found in the DOM
GET /search
<form action="/search" method="get" role="search" class="search search-modal__form ">
<div class="flex gap-3 lg:block lg:mb-0 mb-5 px-4 pt-[10px] lg:pt-0 lg:pr-0">
<img src="//www.urbanofashion.com/cdn/shop/t/2/assets/icon-arrow.svg?v=166723524081343118221716990416" loading="lazy" width="14" height="16" class="block lg:hidden search-modal-back-button"
onclick="gaClickEvent("Search_Closed",{section_name:"collection-Header"})">
<div data-ga-view-custom="" data-ga-view-info-custom="Search_View" class="flex justify-between gap-2 field search-field w-full border-[0.5px]">
<input class="search__input field__input bg-transparent font-[familyMedium] text-xs lg:text-sm w-full" id="Search-In-Modal-1" type="search" name="q" value="" placeholder="Try searching Jeans"
onclick="gaClickEvent("Search_Click",{section_name:"collection-Header"})" role="combobox" aria-expanded="false" aria-owns="predictive-search-results" aria-controls="predictive-search-results" aria-haspopup="listbox"
aria-autocomplete="list" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false">
<button class="search__button field__button px-1" aria-label="Search" type="button">
<input type="checkbox" class="search-toggle" hidden="">
<div class="search-icon-field">
<svg width="14" height="14" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M19.1956 19L13.9986 13.803M13.9986 13.803C15.4052 12.3964 16.1954 10.4887 16.1954 8.4995C16.1954 6.51031 15.4052 4.60258 13.9986 3.196C12.592 1.78943 10.6843 0.999222 8.69511 0.999222C6.70591 0.999222 4.79818 1.78943 3.39161 3.196C1.98503 4.60258 1.19482 6.51031 1.19482 8.4995C1.19482 10.4887 1.98503 12.3964 3.39161 13.803C4.79818 15.2096 6.70591 15.9998 8.69511 15.9998C10.6843 15.9998 12.592 15.2096 13.9986 13.803Z"
stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</div>
<div class="clear-search-field hidden">
<svg width="12" height="12" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" fill="none" viewBox="0 0 18 17">
<path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
</path>
</svg>
</div>
</button>
</div>
</div>
<div class="predictive-search predictive-search--header z-[99] justify-center rounded hidden" tabindex="-1" data-predictive-search="">
</div>
<span class="predictive-search-status visually-hidden hidden" role="status" aria-hidden="true"></span>
</form>GET /search
<form action="/search" method="get" role="search" class="search search-modal__form ">
<div class="flex gap-3 lg:block lg:mb-0 mb-5 px-4 pt-[10px] lg:pt-0 lg:pr-0">
<img src="//www.urbanofashion.com/cdn/shop/t/2/assets/icon-arrow.svg?v=166723524081343118221716990416" loading="lazy" width="14" height="16" class="block lg:hidden search-modal-back-button"
onclick="gaClickEvent("Search_Closed",{section_name:"collection-Header"})">
<div data-ga-view-custom="" data-ga-view-info-custom="Search_View" class="flex justify-between gap-2 field search-field w-full border-[0.5px]" data-gtm-vis-recent-on-screen116727346_116="288" data-gtm-vis-first-on-screen116727346_116="288"
data-gtm-vis-total-visible-time116727346_116="1000" data-gtm-vis-has-fired116727346_116="1">
<input class="search__input field__input bg-transparent font-[familyMedium] text-xs lg:text-sm w-full" id="Search-In-Modal-1" type="search" name="q" value="" placeholder="Try searching Jeans"
onclick="gaClickEvent("Search_Click",{section_name:"collection-Header"})" role="combobox" aria-expanded="false" aria-owns="predictive-search-results" aria-controls="predictive-search-results" aria-haspopup="listbox"
aria-autocomplete="list" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false">
<button class="search__button field__button px-1" aria-label="Search" type="button">
<input type="checkbox" class="search-toggle" hidden="">
<div class="search-icon-field">
<svg width="14" height="14" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M19.1956 19L13.9986 13.803M13.9986 13.803C15.4052 12.3964 16.1954 10.4887 16.1954 8.4995C16.1954 6.51031 15.4052 4.60258 13.9986 3.196C12.592 1.78943 10.6843 0.999222 8.69511 0.999222C6.70591 0.999222 4.79818 1.78943 3.39161 3.196C1.98503 4.60258 1.19482 6.51031 1.19482 8.4995C1.19482 10.4887 1.98503 12.3964 3.39161 13.803C4.79818 15.2096 6.70591 15.9998 8.69511 15.9998C10.6843 15.9998 12.592 15.2096 13.9986 13.803Z"
stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</div>
<div class="clear-search-field hidden">
<svg width="12" height="12" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" fill="none" viewBox="0 0 18 17">
<path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
</path>
</svg>
</div>
</button>
</div>
</div>
<div class="predictive-search predictive-search--header z-[99] justify-center rounded hidden" tabindex="-1" data-predictive-search="">
</div>
<span class="predictive-search-status visually-hidden hidden" role="status" aria-hidden="true"></span>
</form><form class="filter-mobile-section w-[65%] bg-white overflow-scroll hide-scrollbar" id="mobile-filter-form">
<ul class="px-4 lg:px-0 flex flex-col w-full gap-4 pb-8 lg:pb-0 mt-[14px] lg:mt-0 h-fit filter-label-display hidden filter-drawer-options " data-label="price" style="display: grid;">
<div class="wrapper lg:px-2 pb-4">
<div class="selected-price-range-container flex flex-col gap-1 lg:gap-2">
<span class="text-base text-[#484B5A] font-[familyRegular]">Selected Price Range</span>
<div class="selected-range">
<span class="selected-min-value text-[#484B5A] lg:text-base font-[familyRegular]">₹0 - </span>
<span class="selected-max-value text-[#484B5A] lg:text-base font-[familyRegular]">₹2000</span>
</div>
</div>
<div class="price-slider mt-6 h-0.5 relative bg-[#ddd] rounded-[5px]">
<div class="progress h-full absolute rounded-[5px] bg-[#DD641E]"></div>
</div>
<div class="range-input relative">
<input type="range" class="price-range-input range-min" min="0" max="2000" value="0" step="100">
<input type="range" class="price-range-input range-max" min="100" max="2000" value="2000" step="100">
</div>
</div>
<input class="default-filter" name="filter.v.price.gte" id="min_price_new" type="hidden">
<input class="default-filter" name="filter.v.price.lte" id="max_price_new" type="hidden">
</ul>
<ul class="px-4 lg:px-0 lg:pl-1 flex flex-col w-full gap-4 pb-8 lg:pb-4 mt-[14px] lg:mt-0 h-fit filter-option-container filter-label-display filter-group hidden filter-drawer-options " data-label="producttype" style="display: none;">
<li class=" ">
<label class="label-producttype cursor-pointer">
<div class=" grid-filter items-center">
<div class="filter-area-check relative w-fit">
<input class=" filter-checkbox filter-trigger flex" type="checkbox" name="filter.p.m.custom.product_type" value="Jeans" id="Filter-filter.p.m.custom.product_type-1" data-label="producttype">
<span class="absolute top-2/4 left-2/4 -translate-x-1/2 -translate-y-1/2">
<img src="//www.urbanofashion.com/cdn/shop/t/2/assets/icon-check.svg?v=71056778941593993731726567525" loading="lazy" width="10" height="8" alt="check icon">
</span>
</div>
<div class="filter-area-text">
<div class="flex items-center">
<span class="producttype-labels text-[#484B5A] text-base lg:text-base filter-label font-[familyRegular] " data-label="producttype" for="Filter-filter.p.m.custom.product_type-1">Jeans</span>
</div>
<span class="text-[#9698A0] text-xs lg:text-sm font-[familyRegular] filter-count"> (118) </span>
</div>
</div>
</label>
</li>
</ul>
<ul class="px-4 lg:px-0 lg:pl-1 flex flex-col w-full gap-4 pb-8 lg:pb-4 mt-[14px] lg:mt-0 h-fit filter-option-container filter-label-display filter-group hidden filter-drawer-options " data-label="size" style="display: none;">
<li class=" ">
<label class="label-size cursor-pointer">
<div class=" grid-filter items-center">
<div class="filter-area-check relative w-fit">
<input class=" filter-checkbox filter-trigger flex" type="checkbox" name="filter.v.option.size" value="28" id="Filter-filter.v.option.size-1" data-label="size">
<span class="absolute top-2/4 left-2/4 -translate-x-1/2 -translate-y-1/2">
<img src="//www.urbanofashion.com/cdn/shop/t/2/assets/icon-check.svg?v=71056778941593993731726567525" loading="lazy" width="10" height="8" alt="check icon">
</span>
</div>
<div class="filter-area-text">
<div class="flex items-center">
<span class="size-labels text-[#484B5A] text-base lg:text-base filter-label font-[familyRegular] " data-label="size" for="Filter-filter.v.option.size-1">28</span>
</div>
<span class="text-[#9698A0] text-xs lg:text-sm font-[familyRegular] filter-count"> (60) </span>
</div>
</div>
</label>
</li>
<li class=" ">
<label class="label-size cursor-pointer">
<div class=" grid-filter items-center">
<div class="filter-area-check relative w-fit">
<input class=" filter-checkbox filter-trigger flex" type="checkbox" name="filter.v.option.size" value="30" id="Filter-filter.v.option.size-2" data-label="size">
<span class="absolute top-2/4 left-2/4 -translate-x-1/2 -translate-y-1/2">
<img src="//www.urbanofashion.com/cdn/shop/t/2/assets/icon-check.svg?v=71056778941593993731726567525" loading="lazy" width="10" height="8" alt="check icon">
</span>
</div>
<div class="filter-area-text">
<div class="flex items-center">
<span class="size-labels text-[#484B5A] text-base lg:text-base filter-label font-[familyRegular] " data-label="size" for="Filter-filter.v.option.size-2">30</span>
</div>
<span class="text-[#9698A0] text-xs lg:text-sm font-[familyRegular] filter-count"> (60) </span>
</div>
</div>
</label>
</li>
<li class=" ">
<label class="label-size cursor-pointer">
<div class=" grid-filter items-center">
<div class="filter-area-check relative w-fit">
<input class=" filter-checkbox filter-trigger flex" type="checkbox" name="filter.v.option.size" value="32" id="Filter-filter.v.option.size-3" data-label="size">
<span class="absolute top-2/4 left-2/4 -translate-x-1/2 -translate-y-1/2">
<img src="//www.urbanofashion.com/cdn/shop/t/2/assets/icon-check.svg?v=71056778941593993731726567525" loading="lazy" width="10" height="8" alt="check icon">
</span>
</div>
<div class="filter-area-text">
<div class="flex items-center">
<span class="size-labels text-[#484B5A] text-base lg:text-base filter-label font-[familyRegular] " data-label="size" for="Filter-filter.v.option.size-3">32</span>
</div>
<span class="text-[#9698A0] text-xs lg:text-sm font-[familyRegular] filter-count"> (60) </span>
</div>
</div>
</label>
</li>
<li class=" ">
<label class="label-size cursor-pointer">
<div class=" grid-filter items-center">
<div class="filter-area-check relative w-fit">
<input class=" filter-checkbox filter-trigger flex" type="checkbox" name="filter.v.option.size" value="34" id="Filter-filter.v.option.size-4" data-label="size">
<span class="absolute top-2/4 left-2/4 -translate-x-1/2 -translate-y-1/2">
<img src="//www.urbanofashion.com/cdn/shop/t/2/assets/icon-check.svg?v=71056778941593993731726567525" loading="lazy" width="10" height="8" alt="check icon">
</span>
</div>
<div class="filter-area-text">
<div class="flex items-center">
<span class="size-labels text-[#484B5A] text-base lg:text-base filter-label font-[familyRegular] " data-label="size" for="Filter-filter.v.option.size-4">34</span>
</div>
<span class="text-[#9698A0] text-xs lg:text-sm font-[familyRegular] filter-count"> (60) </span>
</div>
</div>
</label>
</li>
<li class=" ">
<label class="label-size cursor-pointer">
<div class=" grid-filter items-center">
<div class="filter-area-check relative w-fit">
<input class=" filter-checkbox filter-trigger flex" type="checkbox" name="filter.v.option.size" value="36" id="Filter-filter.v.option.size-5" data-label="size">
<span class="absolute top-2/4 left-2/4 -translate-x-1/2 -translate-y-1/2">
<img src="//www.urbanofashion.com/cdn/shop/t/2/assets/icon-check.svg?v=71056778941593993731726567525" loading="lazy" width="10" height="8" alt="check icon">
</span>
</div>
<div class="filter-area-text">
<div class="flex items-center">
<span class="size-labels text-[#484B5A] text-base lg:text-base filter-label font-[familyRegular] " data-label="size" for="Filter-filter.v.option.size-5">36</span>
</div>
<span class="text-[#9698A0] text-xs lg:text-sm font-[familyRegular] filter-count"> (120) </span>
</div>
</div>
</label>
</li>
<li class=" show-more-item ">
<label class="label-size cursor-pointer">
<div class=" grid-filter items-center">
<div class="filter-area-check relative w-fit">
<input class=" filter-checkbox filter-trigger flex" type="checkbox" name="filter.v.option.size" value="38" id="Filter-filter.v.option.size-6" data-label="size">
<span class="absolute top-2/4 left-2/4 -translate-x-1/2 -translate-y-1/2">
<img src="//www.urbanofashion.com/cdn/shop/t/2/assets/icon-check.svg?v=71056778941593993731726567525" loading="lazy" width="10" height="8" alt="check icon">
</span>
</div>
<div class="filter-area-text">
<div class="flex items-center">
<span class="size-labels text-[#484B5A] text-base lg:text-base filter-label font-[familyRegular] " data-label="size" for="Filter-filter.v.option.size-6">38</span>
</div>
<span class="text-[#9698A0] text-xs lg:text-sm font-[familyRegular] filter-count"> (120) </span>
</div>
</div>
</label>
</li>
<li class=" show-more-item ">
<label class="label-size cursor-pointer">
<div class=" grid-filter items-center">
<div class="filter-area-check relative w-fit">
<input class=" filter-checkbox filter-trigger flex" type="checkbox" name="filter.v.option.size" value="40" id="Filter-filter.v.option.size-7" data-label="size">
<span class="absolute top-2/4 left-2/4 -translate-x-1/2 -translate-y-1/2">
<img src="//www.urbanofashion.com/cdn/shop/t/2/assets/icon-check.svg?v=71056778941593993731726567525" loading="lazy" width="10" height="8" alt="check icon">
</span>
</div>
<div class="filter-area-text">
<div class="flex items-center">
<span class="size-labels text-[#484B5A] text-base lg:text-base filter-label font-[familyRegular] " data-label="size" for="Filter-filter.v.option.size-7">40</span>
</div>
<span class="text-[#9698A0] text-xs lg:text-sm font-[familyRegular] filter-count"> (120) </span>
</div>
</div>
</label>
</li>
<li class=" show-more-item ">
<label class="label-size cursor-pointer">
<div class=" grid-filter items-center">
<div class="filter-area-check relative w-fit">
<input class=" filter-checkbox filter-trigger flex" type="checkbox" name="filter.v.option.size" value="42" id="Filter-filter.v.option.size-8" data-label="size">
<span class="absolute top-2/4 left-2/4 -translate-x-1/2 -translate-y-1/2">
<img src="//www.urbanofashion.com/cdn/shop/t/2/assets/icon-check.svg?v=71056778941593993731726567525" loading="lazy" width="10" height="8" alt="check icon">
</span>
</div>
<div class="filter-area-text">
<div class="flex items-center">
<span class="size-labels text-[#484B5A] text-base lg:text-base filter-label font-[familyRegular] " data-label="size" for="Filter-filter.v.option.size-8">42</span>
</div>
<span class="text-[#9698A0] text-xs lg:text-sm font-[familyRegular] filter-count"> (60) </span>
</div>
</div>
</label>
</li>
<li class=" show-more-item ">
<label class="label-size cursor-pointer">
<div class=" grid-filter items-center">
<div class="filter-area-check relative w-fit">
<input class=" filter-checkbox filter-trigger flex" type="checkbox" name="filter.v.option.size" value="44" id="Filter-filter.v.option.size-9" data-label="size">
<span class="absolute top-2/4 left-2/4 -translate-x-1/2 -translate-y-1/2">
<img src="//www.urbanofashion.com/cdn/shop/t/2/assets/icon-check.svg?v=71056778941593993731726567525" loading="lazy" width="10" height="8" alt="check icon">
</span>
</div>
<div class="filter-area-text">
<div class="flex items-center">
<span class="size-labels text-[#484B5A] text-base lg:text-base filter-label font-[familyRegular] " data-label="size" for="Filter-filter.v.option.size-9">44</span>
</div>
<span class="text-[#9698A0] text-xs lg:text-sm font-[familyRegular] filter-count"> (60) </span>
</div>
</div>
</label>
</li>
<filter-accordion>
<div class="filter-value__item-accordion">
<span class="show-more text-[#008195] font-[familyMedium] underline text-sm cursor-pointer hidden lg:flex" data-showmore="5">Show More</span>
</div>
</filter-accordion>
</ul>
<ul class="px-4 lg:px-0 lg:pl-1 flex flex-col w-full gap-4 pb-8 lg:pb-4 mt-[14px] lg:mt-0 h-fit filter-option-container filter-label-display filter-group hidden filter-drawer-options " data-label="color" style="display: none;">
<li class=" ">
<label class="label-color cursor-pointer">
<div class=" grid-filter items-center">
<div class="filter-area-check relative w-fit">
<input class=" filter-checkbox filter-trigger flex" type="checkbox" name="filter.p.m.custom.standard_color" value="Beige" id="Filter-filter.p.m.custom.standard_color-1" data-label="color">
<span class="absolute top-2/4 left-2/4 -translate-x-1/2 -translate-y-1/2">
<img src="//www.urbanofashion.com/cdn/shop/t/2/assets/icon-check.svg?v=71056778941593993731726567525" loading="lazy" width="10" height="8" alt="check icon">
</span>
</div>
<div class="filter-area-text">
<div class="flex items-center">
<span class="bg_color_beige lg:w-6 lg:h-6 w-5 h-5 rounded-3xl mr-[10px]"></span>
<span class="color-labels text-[#484B5A] text-base lg:text-base filter-label font-[familyRegular] " data-label="color" for="Filter-filter.p.m.custom.standard_color-1">Beige</span>
</div>
<span class="text-[#9698A0] text-xs lg:text-sm font-[familyRegular] filter-count"> (4) </span>
</div>
</div>
</label>
</li>
<li class=" ">
<label class="label-color cursor-pointer">
<div class=" grid-filter items-center">
<div class="filter-area-check relative w-fit">
<input class=" filter-checkbox filter-trigger flex" type="checkbox" name="filter.p.m.custom.standard_color" value="Black" id="Filter-filter.p.m.custom.standard_color-2" data-label="color">
<span class="absolute top-2/4 left-2/4 -translate-x-1/2 -translate-y-1/2">
<img src="//www.urbanofashion.com/cdn/shop/t/2/assets/icon-check.svg?v=71056778941593993731726567525" loading="lazy" width="10" height="8" alt="check icon">
</span>
</div>
<div class="filter-area-text">
<div class="flex items-center">
<span class="bg_color_black lg:w-6 lg:h-6 w-5 h-5 rounded-3xl mr-[10px]"></span>
<span class="color-labels text-[#484B5A] text-base lg:text-base filter-label font-[familyRegular] " data-label="color" for="Filter-filter.p.m.custom.standard_color-2">Black</span>
</div>
<span class="text-[#9698A0] text-xs lg:text-sm font-[familyRegular] filter-count"> (12) </span>
</div>
</div>
</label>
</li>
<li class=" ">
<label class="label-color cursor-pointer">
<div class=" grid-filter items-center">
<div class="filter-area-check relative w-fit">
<input class=" filter-checkbox filter-trigger flex" type="checkbox" name="filter.p.m.custom.standard_color" value="Blue" id="Filter-filter.p.m.custom.standard_color-3" data-label="color">
<span class="absolute top-2/4 left-2/4 -translate-x-1/2 -translate-y-1/2">
<img src="//www.urbanofashion.com/cdn/shop/t/2/assets/icon-check.svg?v=71056778941593993731726567525" loading="lazy" width="10" height="8" alt="check icon">
</span>
</div>
<div class="filter-area-text">
<div class="flex items-center">
<span class="bg_color_blue lg:w-6 lg:h-6 w-5 h-5 rounded-3xl mr-[10px]"></span>
<span class="color-labels text-[#484B5A] text-base lg:text-base filter-label font-[familyRegular] " data-label="color" for="Filter-filter.p.m.custom.standard_color-3">Blue</span>
</div>
<span class="text-[#9698A0] text-xs lg:text-sm font-[familyRegular] filter-count"> (13) </span>
</div>
</div>
</label>
</li>
<li class=" ">
<label class="label-color cursor-pointer">
<div class=" grid-filter items-center">
<div class="filter-area-check relative w-fit">
<input class=" filter-checkbox filter-trigger flex" type="checkbox" name="filter.p.m.custom.standard_color" value="Brown" id="Filter-filter.p.m.custom.standard_color-4" data-label="color">
<span class="absolute top-2/4 left-2/4 -translate-x-1/2 -translate-y-1/2">
<img src="//www.urbanofashion.com/cdn/shop/t/2/assets/icon-check.svg?v=71056778941593993731726567525" loading="lazy" width="10" height="8" alt="check icon">
</span>
</div>
<div class="filter-area-text">
<div class="flex items-center">
<span class="bg_color_brown lg:w-6 lg:h-6 w-5 h-5 rounded-3xl mr-[10px]"></span>
<span class="color-labels text-[#484B5A] text-base lg:text-base filter-label font-[familyRegular] " data-label="color" for="Filter-filter.p.m.custom.standard_color-4">Brown</span>
</div>
<span class="text-[#9698A0] text-xs lg:text-sm font-[familyRegular] filter-count"> (8) </span>
</div>
</div>
</label>
</li>
<li class=" ">
<label class="label-color cursor-pointer">
<div class=" grid-filter items-center">
<div class="filter-area-check relative w-fit">
<input class=" filter-checkbox filter-trigger flex" type="checkbox" name="filter.p.m.custom.standard_color" value="Green" id="Filter-filter.p.m.custom.standard_color-5" data-label="color">
<span class="absolute top-2/4 left-2/4 -translate-x-1/2 -translate-y-1/2">
<img src="//www.urbanofashion.com/cdn/shop/t/2/assets/icon-check.svg?v=71056778941593993731726567525" loading="lazy" width="10" height="8" alt="check icon">
</span>
</div>
<div class="filter-area-text">
<div class="flex items-center">
<span class="bg_color_green lg:w-6 lg:h-6 w-5 h-5 rounded-3xl mr-[10px]"></span>
<span class="color-labels text-[#484B5A] text-base lg:text-base filter-label font-[familyRegular] " data-label="color" for="Filter-filter.p.m.custom.standard_color-5">Green</span>
</div>
<span class="text-[#9698A0] text-xs lg:text-sm font-[familyRegular] filter-count"> (8) </span>
</div>
</div>
</label>
</li>
<li class=" show-more-item ">
<label class="label-color cursor-pointer">
<div class=" grid-filter items-center">
<div class="filter-area-check relative w-fit">
<input class=" filter-checkbox filter-trigger flex" type="checkbox" name="filter.p.m.custom.standard_color" value="Grey" id="Filter-filter.p.m.custom.standard_color-6" data-label="color">
<span class="absolute top-2/4 left-2/4 -translate-x-1/2 -translate-y-1/2">
<img src="//www.urbanofashion.com/cdn/shop/t/2/assets/icon-check.svg?v=71056778941593993731726567525" loading="lazy" width="10" height="8" alt="check icon">
</span>
</div>
<div class="filter-area-text">
<div class="flex items-center">
<span class="bg_color_grey lg:w-6 lg:h-6 w-5 h-5 rounded-3xl mr-[10px]"></span>
<span class="color-labels text-[#484B5A] text-base lg:text-base filter-label font-[familyRegular] " data-label="color" for="Filter-filter.p.m.custom.standard_color-6">Grey</span>
</div>
<span class="text-[#9698A0] text-xs lg:text-sm font-[familyRegular] filter-count"> (35) </span>
</div>
</div>
</label>
</li>
<li class=" show-more-item ">
<label class="label-color cursor-pointer">
<div class=" grid-filter items-center">
<div class="filter-area-check relative w-fit">
<input class=" filter-checkbox filter-trigger flex" type="checkbox" name="filter.p.m.custom.standard_color" value="Pink" id="Filter-filter.p.m.custom.standard_color-7" data-label="color">
<span class="absolute top-2/4 left-2/4 -translate-x-1/2 -translate-y-1/2">
<img src="//www.urbanofashion.com/cdn/shop/t/2/assets/icon-check.svg?v=71056778941593993731726567525" loading="lazy" width="10" height="8" alt="check icon">
</span>
</div>
<div class="filter-area-text">
<div class="flex items-center">
<span class="bg_color_pink lg:w-6 lg:h-6 w-5 h-5 rounded-3xl mr-[10px]"></span>
<span class="color-labels text-[#484B5A] text-base lg:text-base filter-label font-[familyRegular] " data-label="color" for="Filter-filter.p.m.custom.standard_color-7">Pink</span>
</div>
<span class="text-[#9698A0] text-xs lg:text-sm font-[familyRegular] filter-count"> (2) </span>
</div>
</div>
</label>
</li>
<li class=" show-more-item ">
<label class="label-color cursor-pointer">
<div class=" grid-filter items-center">
<div class="filter-area-check relative w-fit">
<input class=" filter-checkbox filter-trigger flex" type="checkbox" name="filter.p.m.custom.standard_color" value="Purple" id="Filter-filter.p.m.custom.standard_color-8" data-label="color">
<span class="absolute top-2/4 left-2/4 -translate-x-1/2 -translate-y-1/2">
<img src="//www.urbanofashion.com/cdn/shop/t/2/assets/icon-check.svg?v=71056778941593993731726567525" loading="lazy" width="10" height="8" alt="check icon">
</span>
</div>
<div class="filter-area-text">
<div class="flex items-center">
<span class="bg_color_purple lg:w-6 lg:h-6 w-5 h-5 rounded-3xl mr-[10px]"></span>
<span class="color-labels text-[#484B5A] text-base lg:text-base filter-label font-[familyRegular] " data-label="color" for="Filter-filter.p.m.custom.standard_color-8">Purple</span>
</div>
<span class="text-[#9698A0] text-xs lg:text-sm font-[familyRegular] filter-count"> (2) </span>
</div>
</div>
</label>
</li>
<li class=" show-more-item ">
<label class="label-color cursor-pointer">
<div class=" grid-filter items-center">
<div class="filter-area-check relative w-fit">
<input class=" filter-checkbox filter-trigger flex" type="checkbox" name="filter.p.m.custom.standard_color" value="White" id="Filter-filter.p.m.custom.standard_color-9" data-label="color">
<span class="absolute top-2/4 left-2/4 -translate-x-1/2 -translate-y-1/2">
<img src="//www.urbanofashion.com/cdn/shop/t/2/assets/icon-check.svg?v=71056778941593993731726567525" loading="lazy" width="10" height="8" alt="check icon">
</span>
</div>
<div class="filter-area-text">
<div class="flex items-center">
<span class="bg_color_white lg:w-6 lg:h-6 w-5 h-5 rounded-3xl mr-[10px]"></span>
<span class="color-labels text-[#484B5A] text-base lg:text-base filter-label font-[familyRegular] " data-label="color" for="Filter-filter.p.m.custom.standard_color-9">White</span>
</div>
<span class="text-[#9698A0] text-xs lg:text-sm font-[familyRegular] filter-count"> (2) </span>
</div>
</div>
</label>
</li>
<li class=" show-more-item ">
<label class="label-color cursor-pointer">
<div class=" grid-filter items-center">
<div class="filter-area-check relative w-fit">
<input class=" filter-checkbox filter-trigger flex" type="checkbox" name="filter.p.m.custom.standard_color" value="Light Blue" id="Filter-filter.p.m.custom.standard_color-10" data-label="color">
<span class="absolute top-2/4 left-2/4 -translate-x-1/2 -translate-y-1/2">
<img src="//www.urbanofashion.com/cdn/shop/t/2/assets/icon-check.svg?v=71056778941593993731726567525" loading="lazy" width="10" height="8" alt="check icon">
</span>
</div>
<div class="filter-area-text">
<div class="flex items-center">
<span class="bg_color_light-blue lg:w-6 lg:h-6 w-5 h-5 rounded-3xl mr-[10px]"></span>
<span class="color-labels text-[#484B5A] text-base lg:text-base filter-label font-[familyRegular] " data-label="color" for="Filter-filter.p.m.custom.standard_color-10">Light Blue</span>
</div>
<span class="text-[#9698A0] text-xs lg:text-sm font-[familyRegular] filter-count"> (19) </span>
</div>
</div>
</label>
</li>
<li class=" show-more-item ">
<label class="label-color cursor-pointer">
<div class=" grid-filter items-center">
<div class="filter-area-check relative w-fit">
<input class=" filter-checkbox filter-trigger flex" type="checkbox" name="filter.p.m.custom.standard_color" value="Dark Blue" id="Filter-filter.p.m.custom.standard_color-11" data-label="color">
<span class="absolute top-2/4 left-2/4 -translate-x-1/2 -translate-y-1/2">
<img src="//www.urbanofashion.com/cdn/shop/t/2/assets/icon-check.svg?v=71056778941593993731726567525" loading="lazy" width="10" height="8" alt="check icon">
</span>
</div>
<div class="filter-area-text">
<div class="flex items-center">
<span class="bg_color_dark-blue lg:w-6 lg:h-6 w-5 h-5 rounded-3xl mr-[10px]"></span>
<span class="color-labels text-[#484B5A] text-base lg:text-base filter-label font-[familyRegular] " data-label="color" for="Filter-filter.p.m.custom.standard_color-11">Dark Blue</span>
</div>
<span class="text-[#9698A0] text-xs lg:text-sm font-[familyRegular] filter-count"> (7) </span>
</div>
</div>
</label>
</li>
<li class=" show-more-item ">
<label class="label-color cursor-pointer">
<div class=" grid-filter items-center">
<div class="filter-area-check relative w-fit">
<input class=" filter-checkbox filter-trigger flex" type="checkbox" name="filter.p.m.custom.standard_color" value="Dark Grey" id="Filter-filter.p.m.custom.standard_color-12" data-label="color">
<span class="absolute top-2/4 left-2/4 -translate-x-1/2 -translate-y-1/2">
<img src="//www.urbanofashion.com/cdn/shop/t/2/assets/icon-check.svg?v=71056778941593993731726567525" loading="lazy" width="10" height="8" alt="check icon">
</span>
</div>
<div class="filter-area-text">
<div class="flex items-center">
<span class="bg_color_dark-grey lg:w-6 lg:h-6 w-5 h-5 rounded-3xl mr-[10px]"></span>
<span class="color-labels text-[#484B5A] text-base lg:text-base filter-label font-[familyRegular] " data-label="color" for="Filter-filter.p.m.custom.standard_color-12">Dark Grey</span>
</div>
<span class="text-[#9698A0] text-xs lg:text-sm font-[familyRegular] filter-count"> (2) </span>
</div>
</div>
</label>
</li>
<li class=" show-more-item ">
<label class="label-color cursor-pointer">
<div class=" grid-filter items-center">
<div class="filter-area-check relative w-fit">
<input class=" filter-checkbox filter-trigger flex" type="checkbox" name="filter.p.m.custom.standard_color" value="Dark Green" id="Filter-filter.p.m.custom.standard_color-13" data-label="color">
<span class="absolute top-2/4 left-2/4 -translate-x-1/2 -translate-y-1/2">
<img src="//www.urbanofashion.com/cdn/shop/t/2/assets/icon-check.svg?v=71056778941593993731726567525" loading="lazy" width="10" height="8" alt="check icon">
</span>
</div>
<div class="filter-area-text">
<div class="flex items-center">
<span class="bg_color_dark-green lg:w-6 lg:h-6 w-5 h-5 rounded-3xl mr-[10px]"></span>
<span class="color-labels text-[#484B5A] text-base lg:text-base filter-label font-[familyRegular] " data-label="color" for="Filter-filter.p.m.custom.standard_color-13">Dark Green</span>
</div>
<span class="text-[#9698A0] text-xs lg:text-sm font-[familyRegular] filter-count"> (2) </span>
</div>
</div>
</label>
</li>
<li class=" show-more-item ">
<label class="label-color cursor-pointer">
<div class=" grid-filter items-center">
<div class="filter-area-check relative w-fit">
<input class=" filter-checkbox filter-trigger flex" type="checkbox" name="filter.p.m.custom.standard_color" value="Light Green" id="Filter-filter.p.m.custom.standard_color-14" data-label="color">
<span class="absolute top-2/4 left-2/4 -translate-x-1/2 -translate-y-1/2">
<img src="//www.urbanofashion.com/cdn/shop/t/2/assets/icon-check.svg?v=71056778941593993731726567525" loading="lazy" width="10" height="8" alt="check icon">
</span>
</div>
<div class="filter-area-text">
<div class="flex items-center">
<span class="bg_color_light-green lg:w-6 lg:h-6 w-5 h-5 rounded-3xl mr-[10px]"></span>
<span class="color-labels text-[#484B5A] text-base lg:text-base filter-label font-[familyRegular] " data-label="color" for="Filter-filter.p.m.custom.standard_color-14">Light Green</span>
</div>
<span class="text-[#9698A0] text-xs lg:text-sm font-[familyRegular] filter-count"> (2) </span>
</div>
</div>
</label>
</li>
<filter-accordion>
<div class="filter-value__item-accordion">
<span class="show-more text-[#008195] font-[familyMedium] underline text-sm cursor-pointer hidden lg:flex" data-showmore="10">Show More</span>
</div>
</filter-accordion>
</ul>
<ul class="px-4 lg:px-0 lg:pl-1 flex flex-col w-full gap-4 pb-8 lg:pb-4 mt-[14px] lg:mt-0 h-fit filter-option-container filter-label-display filter-group hidden filter-drawer-options " data-label="bottomwearfabric" style="display: none;">
<li class=" ">
<label class="label-bottomwearfabric cursor-pointer">
<div class=" grid-filter items-center">
<div class="filter-area-check relative w-fit">
<input class=" filter-checkbox filter-trigger flex" type="checkbox" name="filter.p.m.custom.bottomwear_standard_fabric" value="Denim" id="Filter-filter.p.m.custom.bottomwear_standard_fabric-1" data-label="bottomwearfabric">
<span class="absolute top-2/4 left-2/4 -translate-x-1/2 -translate-y-1/2">
<img src="//www.urbanofashion.com/cdn/shop/t/2/assets/icon-check.svg?v=71056778941593993731726567525" loading="lazy" width="10" height="8" alt="check icon">
</span>
</div>
<div class="filter-area-text">
<div class="flex items-center">
<span class="bottomwearfabric-labels text-[#484B5A] text-base lg:text-base filter-label font-[familyRegular] " data-label="bottomwearfabric" for="Filter-filter.p.m.custom.bottomwear_standard_fabric-1">Denim</span>
</div>
<span class="text-[#9698A0] text-xs lg:text-sm font-[familyRegular] filter-count"> (118) </span>
</div>
</div>
</label>
</li>
</ul>
<ul class="px-4 lg:px-0 lg:pl-1 flex flex-col w-full gap-4 pb-8 lg:pb-4 mt-[14px] lg:mt-0 h-fit filter-option-container filter-label-display filter-group hidden filter-drawer-options " data-label="bottomwearfit" style="display: none;">
<li class=" ">
<label class="label-bottomwearfit cursor-pointer">
<div class=" grid-filter items-center">
<div class="filter-area-check relative w-fit">
<input class=" filter-checkbox filter-trigger flex" type="checkbox" name="filter.p.m.custom.bottomwear_standard_fit" value="Loose Fit" id="Filter-filter.p.m.custom.bottomwear_standard_fit-1" data-label="bottomwearfit">
<span class="absolute top-2/4 left-2/4 -translate-x-1/2 -translate-y-1/2">
<img src="//www.urbanofashion.com/cdn/shop/t/2/assets/icon-check.svg?v=71056778941593993731726567525" loading="lazy" width="10" height="8" alt="check icon">
</span>
</div>
<div class="filter-area-text">
<div class="flex items-center">
<span class="bottomwearfit-labels text-[#484B5A] text-base lg:text-base filter-label font-[familyRegular] " data-label="bottomwearfit" for="Filter-filter.p.m.custom.bottomwear_standard_fit-1">Loose Fit</span>
</div>
<span class="text-[#9698A0] text-xs lg:text-sm font-[familyRegular] filter-count"> (118) </span>
</div>
</div>
</label>
</li>
</ul>
<ul class="px-4 lg:px-0 lg:pl-1 flex flex-col w-full gap-4 pb-8 lg:pb-4 mt-[14px] lg:mt-0 h-fit filter-option-container filter-label-display filter-group hidden filter-drawer-options " data-label="bottomwearpattern" style="display: none;">
<li class=" ">
<label class="label-bottomwearpattern cursor-pointer">
<div class=" grid-filter items-center">
<div class="filter-area-check relative w-fit">
<input class=" filter-checkbox filter-trigger flex" type="checkbox" name="filter.p.m.custom.bottomwear_standard_pattern" value="Solid" id="Filter-filter.p.m.custom.bottomwear_standard_pattern-1" data-label="bottomwearpattern">
<span class="absolute top-2/4 left-2/4 -translate-x-1/2 -translate-y-1/2">
<img src="//www.urbanofashion.com/cdn/shop/t/2/assets/icon-check.svg?v=71056778941593993731726567525" loading="lazy" width="10" height="8" alt="check icon">
</span>
</div>
<div class="filter-area-text">
<div class="flex items-center">
<span class="bottomwearpattern-labels text-[#484B5A] text-base lg:text-base filter-label font-[familyRegular] " data-label="bottomwearpattern" for="Filter-filter.p.m.custom.bottomwear_standard_pattern-1">Solid</span>
</div>
<span class="text-[#9698A0] text-xs lg:text-sm font-[familyRegular] filter-count"> (20) </span>
</div>
</div>
</label>
</li>
<li class=" ">
<label class="label-bottomwearpattern cursor-pointer">
<div class=" grid-filter items-center">
<div class="filter-area-check relative w-fit">
<input class=" filter-checkbox filter-trigger flex" type="checkbox" name="filter.p.m.custom.bottomwear_standard_pattern" value="Washed" id="Filter-filter.p.m.custom.bottomwear_standard_pattern-2" data-label="bottomwearpattern">
<span class="absolute top-2/4 left-2/4 -translate-x-1/2 -translate-y-1/2">
<img src="//www.urbanofashion.com/cdn/shop/t/2/assets/icon-check.svg?v=71056778941593993731726567525" loading="lazy" width="10" height="8" alt="check icon">
</span>
</div>
<div class="filter-area-text">
<div class="flex items-center">
<span class="bottomwearpattern-labels text-[#484B5A] text-base lg:text-base filter-label font-[familyRegular] " data-label="bottomwearpattern" for="Filter-filter.p.m.custom.bottomwear_standard_pattern-2">Washed</span>
</div>
<span class="text-[#9698A0] text-xs lg:text-sm font-[familyRegular] filter-count"> (98) </span>
</div>
</div>
</label>
</li>
</ul>
<ul class="px-4 lg:px-0 lg:pl-1 flex flex-col w-full gap-4 pb-8 lg:pb-4 mt-[14px] lg:mt-0 h-fit filter-option-container filter-label-display filter-group hidden filter-drawer-options " data-label="waistrise" style="display: none;">
<li class=" ">
<label class="label-waistrise cursor-pointer">
<div class=" grid-filter items-center">
<div class="filter-area-check relative w-fit">
<input class=" filter-checkbox filter-trigger flex" type="checkbox" name="filter.p.m.custom.waist_rise" value="Mid Rise" id="Filter-filter.p.m.custom.waist_rise-1" data-label="waistrise">
<span class="absolute top-2/4 left-2/4 -translate-x-1/2 -translate-y-1/2">
<img src="//www.urbanofashion.com/cdn/shop/t/2/assets/icon-check.svg?v=71056778941593993731726567525" loading="lazy" width="10" height="8" alt="check icon">
</span>
</div>
<div class="filter-area-text">
<div class="flex items-center">
<span class="waistrise-labels text-[#484B5A] text-base lg:text-base filter-label font-[familyRegular] " data-label="waistrise" for="Filter-filter.p.m.custom.waist_rise-1">Mid Rise</span>
</div>
<span class="text-[#9698A0] text-xs lg:text-sm font-[familyRegular] filter-count"> (118) </span>
</div>
</div>
</label>
</li>
</ul>
<ul class="px-4 lg:px-0 lg:pl-1 flex flex-col w-full gap-4 pb-8 lg:pb-4 mt-[14px] lg:mt-0 h-fit filter-option-container filter-label-display filter-group hidden filter-drawer-options " data-label="availability" style="display: none;">
<li class=" ">
<label class="label-availability cursor-pointer">
<div class=" grid-filter items-center">
<div class="filter-area-check relative w-fit">
<input class=" filter-radio filter-trigger flex" type="radio" name="filter.v.availability" value="1" id="Filter-filter.v.availability-1" data-label="availability">
<span class="absolute top-2/4 left-2/4 -translate-x-1/2 -translate-y-1/2">
<img src="//www.urbanofashion.com/cdn/shop/t/2/assets/icon-check.svg?v=71056778941593993731726567525" loading="lazy" width="10" height="8" alt="check icon">
</span>
</div>
<div class="filter-area-text">
<div class="flex items-center">
<span class="availability-labels text-[#484B5A] text-base lg:text-base filter-label font-[familyRegular] " data-label="availability" for="Filter-filter.v.availability-1">In stock</span>
</div>
<span class="text-[#9698A0] text-xs lg:text-sm font-[familyRegular] filter-count"> (120) </span>
</div>
</div>
</label>
</li>
<li class=" ">
<label class="label-availability cursor-pointer">
<div class=" grid-filter items-center">
<div class="filter-area-check relative w-fit">
<input class=" filter-radio filter-trigger flex" type="radio" name="filter.v.availability" value="0" id="Filter-filter.v.availability-2" data-label="availability">
<span class="absolute top-2/4 left-2/4 -translate-x-1/2 -translate-y-1/2">
<img src="//www.urbanofashion.com/cdn/shop/t/2/assets/icon-check.svg?v=71056778941593993731726567525" loading="lazy" width="10" height="8" alt="check icon">
</span>
</div>
<div class="filter-area-text">
<div class="flex items-center">
<span class="availability-labels text-[#484B5A] text-base lg:text-base filter-label font-[familyRegular] " data-label="availability" for="Filter-filter.v.availability-2">Out of stock</span>
</div>
<span class="text-[#9698A0] text-xs lg:text-sm font-[familyRegular] filter-count"> (45) </span>
</div>
</div>
</label>
</li>
</ul>
<input type="submit" value="Apply" class="hidden mobile-filter-submit">
</form><form class="filter-form flex flex-col gap-8" id="desktop-filter-form">
<details data-hide-filter="" data-expand-filter="" class="filter-group border-b-[1px] border-b-[#E9E9E9] " open="">
<summary class="flex justify-between pb-4 items-center cursor-pointer">
<div class="flex flex-col gap-[6px]">
<span class="text-base font-[familyMedium] text-[#1A1E31] capitalize">Price</span>
<span class="text-xs font-[familyMedium] text-[#6C7498] selected-price"></span>
</div>
<span class="arrow down"> </span>
</summary>
<ul class="px-4 lg:px-0 flex flex-col w-full gap-4 pb-8 lg:pb-0 mt-[14px] lg:mt-0 h-fit filter-label-display " data-label="">
<div class="wrapper lg:px-2 pb-4">
<div class="selected-price-range-container flex flex-col gap-1 lg:gap-2">
<span class="text-base text-[#484B5A] font-[familyRegular]">Selected Price Range</span>
<div class="selected-range">
<span class="selected-min-value text-[#484B5A] lg:text-base font-[familyRegular]">₹0 - </span>
<span class="selected-max-value text-[#484B5A] lg:text-base font-[familyRegular]">₹2000</span>
</div>
</div>
<div class="price-slider mt-6 h-0.5 relative bg-[#ddd] rounded-[5px]">
<div class="progress h-full absolute rounded-[5px] bg-[#DD641E]"></div>
</div>
<div class="range-input relative">
<input type="range" class="price-range-input range-min" min="0" max="2000" value="0" step="100">
<input type="range" class="price-range-input range-max" min="100" max="2000" value="2000" step="100">
</div>
</div>
<input class="default-filter" name="filter.v.price.gte" id="min_price_new" type="hidden">
<input class="default-filter" name="filter.v.price.lte" id="max_price_new" type="hidden">
</ul>
</details>
<details data-hide-filter="" data-expand-filter="" class="filter-group border-b-[1px] border-b-[#E9E9E9] " open="">
<summary class="flex justify-between pb-4 items-center cursor-pointer">
<div class="flex flex-col gap-[6px]">
<span class="text-base font-[familyMedium] text-[#1A1E31] capitalize">Product type</span>
<span class="text-xs font-[familyMedium] text-[#6C7498] selected-product_type"></span>
</div>
<span class="arrow down"> </span>
</summary>
<ul class="px-4 lg:px-0 lg:pl-1 flex flex-col w-full gap-4 pb-8 lg:pb-4 mt-[14px] lg:mt-0 h-fit filter-option-container filter-label-display filter-group " data-label="producttype">
<li class=" ">
<label class="label-producttype cursor-pointer">
<div class=" grid-filter items-center">
<div class="filter-area-check relative w-fit">
<input class=" filter-checkbox filter-trigger flex" type="checkbox" name="filter.p.m.custom.product_type" value="Jeans" id="Filter-filter.p.m.custom.product_type-1" data-label="producttype">
<span class="absolute top-2/4 left-2/4 -translate-x-1/2 -translate-y-1/2">
<img src="//www.urbanofashion.com/cdn/shop/t/2/assets/icon-check.svg?v=71056778941593993731726567525" loading="lazy" width="10" height="8" alt="check icon">
</span>
</div>
<div class="filter-area-text">
<div class="flex items-center">
<span class="producttype-labels text-[#484B5A] text-base lg:text-base filter-label font-[familyRegular] " data-label="producttype" for="Filter-filter.p.m.custom.product_type-1">Jeans</span>
</div>
<span class="text-[#9698A0] text-xs lg:text-sm font-[familyRegular] filter-count"> (118) </span>
</div>
</div>
</label>
</li>
</ul>
</details>
<details data-hide-filter="" data-expand-filter="" class="filter-group border-b-[1px] border-b-[#E9E9E9] " open="">
<summary class="flex justify-between pb-4 items-center cursor-pointer">
<div class="flex flex-col gap-[6px]">
<span class="text-base font-[familyMedium] text-[#1A1E31] capitalize">Size</span>
<span class="text-xs font-[familyMedium] text-[#6C7498] selected-size"></span>
</div>
<span class="arrow down"> </span>
</summary>
<ul class="px-4 lg:px-0 lg:pl-1 flex flex-col w-full gap-4 pb-8 lg:pb-4 mt-[14px] lg:mt-0 h-fit filter-option-container filter-label-display filter-group " data-label="size">
<li class=" ">
<label class="label-size cursor-pointer">
<div class=" grid-filter items-center">
<div class="filter-area-check relative w-fit">
<input class=" filter-checkbox filter-trigger flex" type="checkbox" name="filter.v.option.size" value="28" id="Filter-filter.v.option.size-1" data-label="size">
<span class="absolute top-2/4 left-2/4 -translate-x-1/2 -translate-y-1/2">
<img src="//www.urbanofashion.com/cdn/shop/t/2/assets/icon-check.svg?v=71056778941593993731726567525" loading="lazy" width="10" height="8" alt="check icon">
</span>
</div>
<div class="filter-area-text">
<div class="flex items-center">
<span class="size-labels text-[#484B5A] text-base lg:text-base filter-label font-[familyRegular] " data-label="size" for="Filter-filter.v.option.size-1">28</span>
</div>
<span class="text-[#9698A0] text-xs lg:text-sm font-[familyRegular] filter-count"> (60) </span>
</div>
</div>
</label>
</li>
<li class=" ">
<label class="label-size cursor-pointer">
<div class=" grid-filter items-center">
<div class="filter-area-check relative w-fit">
<input class=" filter-checkbox filter-trigger flex" type="checkbox" name="filter.v.option.size" value="30" id="Filter-filter.v.option.size-2" data-label="size">
<span class="absolute top-2/4 left-2/4 -translate-x-1/2 -translate-y-1/2">
<img src="//www.urbanofashion.com/cdn/shop/t/2/assets/icon-check.svg?v=71056778941593993731726567525" loading="lazy" width="10" height="8" alt="check icon">
</span>
</div>
<div class="filter-area-text">
<div class="flex items-center">
<span class="size-labels text-[#484B5A] text-base lg:text-base filter-label font-[familyRegular] " data-label="size" for="Filter-filter.v.option.size-2">30</span>
</div>
<span class="text-[#9698A0] text-xs lg:text-sm font-[familyRegular] filter-count"> (60) </span>
</div>
</div>
</label>
</li>
<li class=" ">
<label class="label-size cursor-pointer">
<div class=" grid-filter items-center">
<div class="filter-area-check relative w-fit">
<input class=" filter-checkbox filter-trigger flex" type="checkbox" name="filter.v.option.size" value="32" id="Filter-filter.v.option.size-3" data-label="size">
<span class="absolute top-2/4 left-2/4 -translate-x-1/2 -translate-y-1/2">
<img src="//www.urbanofashion.com/cdn/shop/t/2/assets/icon-check.svg?v=71056778941593993731726567525" loading="lazy" width="10" height="8" alt="check icon">
</span>
</div>
<div class="filter-area-text">
<div class="flex items-center">
<span class="size-labels text-[#484B5A] text-base lg:text-base filter-label font-[familyRegular] " data-label="size" for="Filter-filter.v.option.size-3">32</span>
</div>
<span class="text-[#9698A0] text-xs lg:text-sm font-[familyRegular] filter-count"> (60) </span>
</div>
</div>
</label>
</li>
<li class=" ">
<label class="label-size cursor-pointer">
<div class=" grid-filter items-center">
<div class="filter-area-check relative w-fit">
<input class=" filter-checkbox filter-trigger flex" type="checkbox" name="filter.v.option.size" value="34" id="Filter-filter.v.option.size-4" data-label="size">
<span class="absolute top-2/4 left-2/4 -translate-x-1/2 -translate-y-1/2">
<img src="//www.urbanofashion.com/cdn/shop/t/2/assets/icon-check.svg?v=71056778941593993731726567525" loading="lazy" width="10" height="8" alt="check icon">
</span>
</div>
<div class="filter-area-text">
<div class="flex items-center">
<span class="size-labels text-[#484B5A] text-base lg:text-base filter-label font-[familyRegular] " data-label="size" for="Filter-filter.v.option.size-4">34</span>
</div>
<span class="text-[#9698A0] text-xs lg:text-sm font-[familyRegular] filter-count"> (60) </span>
</div>
</div>
</label>
</li>
<li class=" ">
<label class="label-size cursor-pointer">
<div class=" grid-filter items-center">
<div class="filter-area-check relative w-fit">
<input class=" filter-checkbox filter-trigger flex" type="checkbox" name="filter.v.option.size" value="36" id="Filter-filter.v.option.size-5" data-label="size">
<span class="absolute top-2/4 left-2/4 -translate-x-1/2 -translate-y-1/2">
<img src="//www.urbanofashion.com/cdn/shop/t/2/assets/icon-check.svg?v=71056778941593993731726567525" loading="lazy" width="10" height="8" alt="check icon">
</span>
</div>
<div class="filter-area-text">
<div class="flex items-center">
<span class="size-labels text-[#484B5A] text-base lg:text-base filter-label font-[familyRegular] " data-label="size" for="Filter-filter.v.option.size-5">36</span>
</div>
<span class="text-[#9698A0] text-xs lg:text-sm font-[familyRegular] filter-count"> (120) </span>
</div>
</div>
</label>
</li>
<li class=" show-more-item ">
<label class="label-size cursor-pointer">
<div class=" grid-filter items-center">
<div class="filter-area-check relative w-fit">
<input class=" filter-checkbox filter-trigger flex" type="checkbox" name="filter.v.option.size" value="38" id="Filter-filter.v.option.size-6" data-label="size">
<span class="absolute top-2/4 left-2/4 -translate-x-1/2 -translate-y-1/2">
<img src="//www.urbanofashion.com/cdn/shop/t/2/assets/icon-check.svg?v=71056778941593993731726567525" loading="lazy" width="10" height="8" alt="check icon">
</span>
</div>
<div class="filter-area-text">
<div class="flex items-center">
<span class="size-labels text-[#484B5A] text-base lg:text-base filter-label font-[familyRegular] " data-label="size" for="Filter-filter.v.option.size-6">38</span>
</div>
<span class="text-[#9698A0] text-xs lg:text-sm font-[familyRegular] filter-count"> (120) </span>
</div>
</div>
</label>
</li>
<li class=" show-more-item ">
<label class="label-size cursor-pointer">
<div class=" grid-filter items-center">
<div class="filter-area-check relative w-fit">
<input class=" filter-checkbox filter-trigger flex" type="checkbox" name="filter.v.option.size" value="40" id="Filter-filter.v.option.size-7" data-label="size">
<span class="absolute top-2/4 left-2/4 -translate-x-1/2 -translate-y-1/2">
<img src="//www.urbanofashion.com/cdn/shop/t/2/assets/icon-check.svg?v=71056778941593993731726567525" loading="lazy" width="10" height="8" alt="check icon">
</span>
</div>
<div class="filter-area-text">
<div class="flex items-center">
<span class="size-labels text-[#484B5A] text-base lg:text-base filter-label font-[familyRegular] " data-label="size" for="Filter-filter.v.option.size-7">40</span>
</div>
<span class="text-[#9698A0] text-xs lg:text-sm font-[familyRegular] filter-count"> (120) </span>
</div>
</div>
</label>
</li>
<li class=" show-more-item ">
<label class="label-size cursor-pointer">
<div class=" grid-filter items-center">
<div class="filter-area-check relative w-fit">
<input class=" filter-checkbox filter-trigger flex" type="checkbox" name="filter.v.option.size" value="42" id="Filter-filter.v.option.size-8" data-label="size">
<span class="absolute top-2/4 left-2/4 -translate-x-1/2 -translate-y-1/2">
<img src="//www.urbanofashion.com/cdn/shop/t/2/assets/icon-check.svg?v=71056778941593993731726567525" loading="lazy" width="10" height="8" alt="check icon">
</span>
</div>
<div class="filter-area-text">
<div class="flex items-center">
<span class="size-labels text-[#484B5A] text-base lg:text-base filter-label font-[familyRegular] " data-label="size" for="Filter-filter.v.option.size-8">42</span>
</div>
<span class="text-[#9698A0] text-xs lg:text-sm font-[familyRegular] filter-count"> (60) </span>
</div>
</div>
</label>
</li>
<li class=" show-more-item ">
<label class="label-size cursor-pointer">
<div class=" grid-filter items-center">
<div class="filter-area-check relative w-fit">
<input class=" filter-checkbox filter-trigger flex" type="checkbox" name="filter.v.option.size" value="44" id="Filter-filter.v.option.size-9" data-label="size">
<span class="absolute top-2/4 left-2/4 -translate-x-1/2 -translate-y-1/2">
<img src="//www.urbanofashion.com/cdn/shop/t/2/assets/icon-check.svg?v=71056778941593993731726567525" loading="lazy" width="10" height="8" alt="check icon">
</span>
</div>
<div class="filter-area-text">
<div class="flex items-center">
<span class="size-labels text-[#484B5A] text-base lg:text-base filter-label font-[familyRegular] " data-label="size" for="Filter-filter.v.option.size-9">44</span>
</div>
<span class="text-[#9698A0] text-xs lg:text-sm font-[familyRegular] filter-count"> (60) </span>
</div>
</div>
</label>
</li>
<filter-accordion>
<div class="filter-value__item-accordion">
<span class="show-more text-[#008195] font-[familyMedium] underline text-sm cursor-pointer hidden lg:flex" data-showmore="5">Show More</span>
</div>
</filter-accordion>
</ul>
</details>
<details data-hide-filter="" data-expand-filter="" class="filter-group border-b-[1px] border-b-[#E9E9E9] " open="">
<summary class="flex justify-between pb-4 items-center cursor-pointer">
<div class="flex flex-col gap-[6px]">
<span class="text-base font-[familyMedium] text-[#1A1E31] capitalize">Color</span>
<span class="text-xs font-[familyMedium] text-[#6C7498] selected-color"></span>
</div>
<span class="arrow down"> </span>
</summary>
<ul class="px-4 lg:px-0 lg:pl-1 flex flex-col w-full gap-4 pb-8 lg:pb-4 mt-[14px] lg:mt-0 h-fit filter-option-container filter-label-display filter-group " data-label="color">
<li class=" ">
<label class="label-color cursor-pointer">
<div class=" grid-filter items-center">
<div class="filter-area-check relative w-fit">
<input class=" filter-checkbox filter-trigger flex" type="checkbox" name="filter.p.m.custom.standard_color" value="Beige" id="Filter-filter.p.m.custom.standard_color-1" data-label="color">
<span class="absolute top-2/4 left-2/4 -translate-x-1/2 -translate-y-1/2">
<img src="//www.urbanofashion.com/cdn/shop/t/2/assets/icon-check.svg?v=71056778941593993731726567525" loading="lazy" width="10" height="8" alt="check icon">
</span>
</div>
<div class="filter-area-text">
<div class="flex items-center">
<span class="bg_color_beige lg:w-6 lg:h-6 w-5 h-5 rounded-3xl mr-[10px]"></span>
<span class="color-labels text-[#484B5A] text-base lg:text-base filter-label font-[familyRegular] " data-label="color" for="Filter-filter.p.m.custom.standard_color-1">Beige</span>
</div>
<span class="text-[#9698A0] text-xs lg:text-sm font-[familyRegular] filter-count"> (4) </span>
</div>
</div>
</label>
</li>
<li class=" ">
<label class="label-color cursor-pointer">
<div class=" grid-filter items-center">
<div class="filter-area-check relative w-fit">
<input class=" filter-checkbox filter-trigger flex" type="checkbox" name="filter.p.m.custom.standard_color" value="Black" id="Filter-filter.p.m.custom.standard_color-2" data-label="color">
<span class="absolute top-2/4 left-2/4 -translate-x-1/2 -translate-y-1/2">
<img src="//www.urbanofashion.com/cdn/shop/t/2/assets/icon-check.svg?v=71056778941593993731726567525" loading="lazy" width="10" height="8" alt="check icon">
</span>
</div>
<div class="filter-area-text">
<div class="flex items-center">
<span class="bg_color_black lg:w-6 lg:h-6 w-5 h-5 rounded-3xl mr-[10px]"></span>
<span class="color-labels text-[#484B5A] text-base lg:text-base filter-label font-[familyRegular] " data-label="color" for="Filter-filter.p.m.custom.standard_color-2">Black</span>
</div>
<span class="text-[#9698A0] text-xs lg:text-sm font-[familyRegular] filter-count"> (12) </span>
</div>
</div>
</label>
</li>
<li class=" ">
<label class="label-color cursor-pointer">
<div class=" grid-filter items-center">
<div class="filter-area-check relative w-fit">
<input class=" filter-checkbox filter-trigger flex" type="checkbox" name="filter.p.m.custom.standard_color" value="Blue" id="Filter-filter.p.m.custom.standard_color-3" data-label="color">
<span class="absolute top-2/4 left-2/4 -translate-x-1/2 -translate-y-1/2">
<img src="//www.urbanofashion.com/cdn/shop/t/2/assets/icon-check.svg?v=71056778941593993731726567525" loading="lazy" width="10" height="8" alt="check icon">
</span>
</div>
<div class="filter-area-text">
<div class="flex items-center">
<span class="bg_color_blue lg:w-6 lg:h-6 w-5 h-5 rounded-3xl mr-[10px]"></span>
<span class="color-labels text-[#484B5A] text-base lg:text-base filter-label font-[familyRegular] " data-label="color" for="Filter-filter.p.m.custom.standard_color-3">Blue</span>
</div>
<span class="text-[#9698A0] text-xs lg:text-sm font-[familyRegular] filter-count"> (13) </span>
</div>
</div>
</label>
</li>
<li class=" ">
<label class="label-color cursor-pointer">
<div class=" grid-filter items-center">
<div class="filter-area-check relative w-fit">
<input class=" filter-checkbox filter-trigger flex" type="checkbox" name="filter.p.m.custom.standard_color" value="Brown" id="Filter-filter.p.m.custom.standard_color-4" data-label="color">
<span class="absolute top-2/4 left-2/4 -translate-x-1/2 -translate-y-1/2">
<img src="//www.urbanofashion.com/cdn/shop/t/2/assets/icon-check.svg?v=71056778941593993731726567525" loading="lazy" width="10" height="8" alt="check icon">
</span>
</div>
<div class="filter-area-text">
<div class="flex items-center">
<span class="bg_color_brown lg:w-6 lg:h-6 w-5 h-5 rounded-3xl mr-[10px]"></span>
<span class="color-labels text-[#484B5A] text-base lg:text-base filter-label font-[familyRegular] " data-label="color" for="Filter-filter.p.m.custom.standard_color-4">Brown</span>
</div>
<span class="text-[#9698A0] text-xs lg:text-sm font-[familyRegular] filter-count"> (8) </span>
</div>
</div>
</label>
</li>
<li class=" ">
<label class="label-color cursor-pointer">
<div class=" grid-filter items-center">
<div class="filter-area-check relative w-fit">
<input class=" filter-checkbox filter-trigger flex" type="checkbox" name="filter.p.m.custom.standard_color" value="Green" id="Filter-filter.p.m.custom.standard_color-5" data-label="color">
<span class="absolute top-2/4 left-2/4 -translate-x-1/2 -translate-y-1/2">
<img src="//www.urbanofashion.com/cdn/shop/t/2/assets/icon-check.svg?v=71056778941593993731726567525" loading="lazy" width="10" height="8" alt="check icon">
</span>
</div>
<div class="filter-area-text">
<div class="flex items-center">
<span class="bg_color_green lg:w-6 lg:h-6 w-5 h-5 rounded-3xl mr-[10px]"></span>
<span class="color-labels text-[#484B5A] text-base lg:text-base filter-label font-[familyRegular] " data-label="color" for="Filter-filter.p.m.custom.standard_color-5">Green</span>
</div>
<span class="text-[#9698A0] text-xs lg:text-sm font-[familyRegular] filter-count"> (8) </span>
</div>
</div>
</label>
</li>
<li class=" show-more-item ">
<label class="label-color cursor-pointer">
<div class=" grid-filter items-center">
<div class="filter-area-check relative w-fit">
<input class=" filter-checkbox filter-trigger flex" type="checkbox" name="filter.p.m.custom.standard_color" value="Grey" id="Filter-filter.p.m.custom.standard_color-6" data-label="color">
<span class="absolute top-2/4 left-2/4 -translate-x-1/2 -translate-y-1/2">
<img src="//www.urbanofashion.com/cdn/shop/t/2/assets/icon-check.svg?v=71056778941593993731726567525" loading="lazy" width="10" height="8" alt="check icon">
</span>
</div>
<div class="filter-area-text">
<div class="flex items-center">
<span class="bg_color_grey lg:w-6 lg:h-6 w-5 h-5 rounded-3xl mr-[10px]"></span>
<span class="color-labels text-[#484B5A] text-base lg:text-base filter-label font-[familyRegular] " data-label="color" for="Filter-filter.p.m.custom.standard_color-6">Grey</span>
</div>
<span class="text-[#9698A0] text-xs lg:text-sm font-[familyRegular] filter-count"> (35) </span>
</div>
</div>
</label>
</li>
<li class=" show-more-item ">
<label class="label-color cursor-pointer">
<div class=" grid-filter items-center">
<div class="filter-area-check relative w-fit">
<input class=" filter-checkbox filter-trigger flex" type="checkbox" name="filter.p.m.custom.standard_color" value="Pink" id="Filter-filter.p.m.custom.standard_color-7" data-label="color">
<span class="absolute top-2/4 left-2/4 -translate-x-1/2 -translate-y-1/2">
<img src="//www.urbanofashion.com/cdn/shop/t/2/assets/icon-check.svg?v=71056778941593993731726567525" loading="lazy" width="10" height="8" alt="check icon">
</span>
</div>
<div class="filter-area-text">
<div class="flex items-center">
<span class="bg_color_pink lg:w-6 lg:h-6 w-5 h-5 rounded-3xl mr-[10px]"></span>
<span class="color-labels text-[#484B5A] text-base lg:text-base filter-label font-[familyRegular] " data-label="color" for="Filter-filter.p.m.custom.standard_color-7">Pink</span>
</div>
<span class="text-[#9698A0] text-xs lg:text-sm font-[familyRegular] filter-count"> (2) </span>
</div>
</div>
</label>
</li>
<li class=" show-more-item ">
<label class="label-color cursor-pointer">
<div class=" grid-filter items-center">
<div class="filter-area-check relative w-fit">
<input class=" filter-checkbox filter-trigger flex" type="checkbox" name="filter.p.m.custom.standard_color" value="Purple" id="Filter-filter.p.m.custom.standard_color-8" data-label="color">
<span class="absolute top-2/4 left-2/4 -translate-x-1/2 -translate-y-1/2">
<img src="//www.urbanofashion.com/cdn/shop/t/2/assets/icon-check.svg?v=71056778941593993731726567525" loading="lazy" width="10" height="8" alt="check icon">
</span>
</div>
<div class="filter-area-text">
<div class="flex items-center">
<span class="bg_color_purple lg:w-6 lg:h-6 w-5 h-5 rounded-3xl mr-[10px]"></span>
<span class="color-labels text-[#484B5A] text-base lg:text-base filter-label font-[familyRegular] " data-label="color" for="Filter-filter.p.m.custom.standard_color-8">Purple</span>
</div>
<span class="text-[#9698A0] text-xs lg:text-sm font-[familyRegular] filter-count"> (2) </span>
</div>
</div>
</label>
</li>
<li class=" show-more-item ">
<label class="label-color cursor-pointer">
<div class=" grid-filter items-center">
<div class="filter-area-check relative w-fit">
<input class=" filter-checkbox filter-trigger flex" type="checkbox" name="filter.p.m.custom.standard_color" value="White" id="Filter-filter.p.m.custom.standard_color-9" data-label="color">
<span class="absolute top-2/4 left-2/4 -translate-x-1/2 -translate-y-1/2">
<img src="//www.urbanofashion.com/cdn/shop/t/2/assets/icon-check.svg?v=71056778941593993731726567525" loading="lazy" width="10" height="8" alt="check icon">
</span>
</div>
<div class="filter-area-text">
<div class="flex items-center">
<span class="bg_color_white lg:w-6 lg:h-6 w-5 h-5 rounded-3xl mr-[10px]"></span>
<span class="color-labels text-[#484B5A] text-base lg:text-base filter-label font-[familyRegular] " data-label="color" for="Filter-filter.p.m.custom.standard_color-9">White</span>
</div>
<span class="text-[#9698A0] text-xs lg:text-sm font-[familyRegular] filter-count"> (2) </span>
</div>
</div>
</label>
</li>
<li class=" show-more-item ">
<label class="label-color cursor-pointer">
<div class=" grid-filter items-center">
<div class="filter-area-check relative w-fit">
<input class=" filter-checkbox filter-trigger flex" type="checkbox" name="filter.p.m.custom.standard_color" value="Light Blue" id="Filter-filter.p.m.custom.standard_color-10" data-label="color">
<span class="absolute top-2/4 left-2/4 -translate-x-1/2 -translate-y-1/2">
<img src="//www.urbanofashion.com/cdn/shop/t/2/assets/icon-check.svg?v=71056778941593993731726567525" loading="lazy" width="10" height="8" alt="check icon">
</span>
</div>
<div class="filter-area-text">
<div class="flex items-center">
<span class="bg_color_light-blue lg:w-6 lg:h-6 w-5 h-5 rounded-3xl mr-[10px]"></span>
<span class="color-labels text-[#484B5A] text-base lg:text-base filter-label font-[familyRegular] " data-label="color" for="Filter-filter.p.m.custom.standard_color-10">Light Blue</span>
</div>
<span class="text-[#9698A0] text-xs lg:text-sm font-[familyRegular] filter-count"> (19) </span>
</div>
</div>
</label>
</li>
<li class=" show-more-item ">
<label class="label-color cursor-pointer">
<div class=" grid-filter items-center">
<div class="filter-area-check relative w-fit">
<input class=" filter-checkbox filter-trigger flex" type="checkbox" name="filter.p.m.custom.standard_color" value="Dark Blue" id="Filter-filter.p.m.custom.standard_color-11" data-label="color">
<span class="absolute top-2/4 left-2/4 -translate-x-1/2 -translate-y-1/2">
<img src="//www.urbanofashion.com/cdn/shop/t/2/assets/icon-check.svg?v=71056778941593993731726567525" loading="lazy" width="10" height="8" alt="check icon">
</span>
</div>
<div class="filter-area-text">
<div class="flex items-center">
<span class="bg_color_dark-blue lg:w-6 lg:h-6 w-5 h-5 rounded-3xl mr-[10px]"></span>
<span class="color-labels text-[#484B5A] text-base lg:text-base filter-label font-[familyRegular] " data-label="color" for="Filter-filter.p.m.custom.standard_color-11">Dark Blue</span>
</div>
<span class="text-[#9698A0] text-xs lg:text-sm font-[familyRegular] filter-count"> (7) </span>
</div>
</div>
</label>
</li>
<li class=" show-more-item ">
<label class="label-color cursor-pointer">
<div class=" grid-filter items-center">
<div class="filter-area-check relative w-fit">
<input class=" filter-checkbox filter-trigger flex" type="checkbox" name="filter.p.m.custom.standard_color" value="Dark Grey" id="Filter-filter.p.m.custom.standard_color-12" data-label="color">
<span class="absolute top-2/4 left-2/4 -translate-x-1/2 -translate-y-1/2">
<img src="//www.urbanofashion.com/cdn/shop/t/2/assets/icon-check.svg?v=71056778941593993731726567525" loading="lazy" width="10" height="8" alt="check icon">
</span>
</div>
<div class="filter-area-text">
<div class="flex items-center">
<span class="bg_color_dark-grey lg:w-6 lg:h-6 w-5 h-5 rounded-3xl mr-[10px]"></span>
<span class="color-labels text-[#484B5A] text-base lg:text-base filter-label font-[familyRegular] " data-label="color" for="Filter-filter.p.m.custom.standard_color-12">Dark Grey</span>
</div>
<span class="text-[#9698A0] text-xs lg:text-sm font-[familyRegular] filter-count"> (2) </span>
</div>
</div>
</label>
</li>
<li class=" show-more-item ">
<label class="label-color cursor-pointer">
<div class=" grid-filter items-center">
<div class="filter-area-check relative w-fit">
<input class=" filter-checkbox filter-trigger flex" type="checkbox" name="filter.p.m.custom.standard_color" value="Dark Green" id="Filter-filter.p.m.custom.standard_color-13" data-label="color">
<span class="absolute top-2/4 left-2/4 -translate-x-1/2 -translate-y-1/2">
<img src="//www.urbanofashion.com/cdn/shop/t/2/assets/icon-check.svg?v=71056778941593993731726567525" loading="lazy" width="10" height="8" alt="check icon">
</span>
</div>
<div class="filter-area-text">
<div class="flex items-center">
<span class="bg_color_dark-green lg:w-6 lg:h-6 w-5 h-5 rounded-3xl mr-[10px]"></span>
<span class="color-labels text-[#484B5A] text-base lg:text-base filter-label font-[familyRegular] " data-label="color" for="Filter-filter.p.m.custom.standard_color-13">Dark Green</span>
</div>
<span class="text-[#9698A0] text-xs lg:text-sm font-[familyRegular] filter-count"> (2) </span>
</div>
</div>
</label>
</li>
<li class=" show-more-item ">
<label class="label-color cursor-pointer">
<div class=" grid-filter items-center">
<div class="filter-area-check relative w-fit">
<input class=" filter-checkbox filter-trigger flex" type="checkbox" name="filter.p.m.custom.standard_color" value="Light Green" id="Filter-filter.p.m.custom.standard_color-14" data-label="color">
<span class="absolute top-2/4 left-2/4 -translate-x-1/2 -translate-y-1/2">
<img src="//www.urbanofashion.com/cdn/shop/t/2/assets/icon-check.svg?v=71056778941593993731726567525" loading="lazy" width="10" height="8" alt="check icon">
</span>
</div>
<div class="filter-area-text">
<div class="flex items-center">
<span class="bg_color_light-green lg:w-6 lg:h-6 w-5 h-5 rounded-3xl mr-[10px]"></span>
<span class="color-labels text-[#484B5A] text-base lg:text-base filter-label font-[familyRegular] " data-label="color" for="Filter-filter.p.m.custom.standard_color-14">Light Green</span>
</div>
<span class="text-[#9698A0] text-xs lg:text-sm font-[familyRegular] filter-count"> (2) </span>
</div>
</div>
</label>
</li>
<filter-accordion>
<div class="filter-value__item-accordion">
<span class="show-more text-[#008195] font-[familyMedium] underline text-sm cursor-pointer hidden lg:flex" data-showmore="10">Show More</span>
</div>
</filter-accordion>
</ul>
</details>
<details data-hide-filter="" data-expand-filter="" class="filter-group border-b-[1px] border-b-[#E9E9E9] " open="">
<summary class="flex justify-between pb-4 items-center cursor-pointer">
<div class="flex flex-col gap-[6px]">
<span class="text-base font-[familyMedium] text-[#1A1E31] capitalize">Bottomwear fabric</span>
<span class="text-xs font-[familyMedium] text-[#6C7498] selected-bottomwear_fabric"></span>
</div>
<span class="arrow down"> </span>
</summary>
<ul class="px-4 lg:px-0 lg:pl-1 flex flex-col w-full gap-4 pb-8 lg:pb-4 mt-[14px] lg:mt-0 h-fit filter-option-container filter-label-display filter-group " data-label="bottomwearfabric">
<li class=" ">
<label class="label-bottomwearfabric cursor-pointer">
<div class=" grid-filter items-center">
<div class="filter-area-check relative w-fit">
<input class=" filter-checkbox filter-trigger flex" type="checkbox" name="filter.p.m.custom.bottomwear_standard_fabric" value="Denim" id="Filter-filter.p.m.custom.bottomwear_standard_fabric-1" data-label="bottomwearfabric">
<span class="absolute top-2/4 left-2/4 -translate-x-1/2 -translate-y-1/2">
<img src="//www.urbanofashion.com/cdn/shop/t/2/assets/icon-check.svg?v=71056778941593993731726567525" loading="lazy" width="10" height="8" alt="check icon">
</span>
</div>
<div class="filter-area-text">
<div class="flex items-center">
<span class="bottomwearfabric-labels text-[#484B5A] text-base lg:text-base filter-label font-[familyRegular] " data-label="bottomwearfabric" for="Filter-filter.p.m.custom.bottomwear_standard_fabric-1">Denim</span>
</div>
<span class="text-[#9698A0] text-xs lg:text-sm font-[familyRegular] filter-count"> (118) </span>
</div>
</div>
</label>
</li>
</ul>
</details>
<details data-hide-filter="" data-expand-filter="" class="filter-group border-b-[1px] border-b-[#E9E9E9] " open="">
<summary class="flex justify-between pb-4 items-center cursor-pointer">
<div class="flex flex-col gap-[6px]">
<span class="text-base font-[familyMedium] text-[#1A1E31] capitalize">Bottomwear fit</span>
<span class="text-xs font-[familyMedium] text-[#6C7498] selected-bottomwear_fit"></span>
</div>
<span class="arrow down"> </span>
</summary>
<ul class="px-4 lg:px-0 lg:pl-1 flex flex-col w-full gap-4 pb-8 lg:pb-4 mt-[14px] lg:mt-0 h-fit filter-option-container filter-label-display filter-group " data-label="bottomwearfit">
<li class=" ">
<label class="label-bottomwearfit cursor-pointer">
<div class=" grid-filter items-center">
<div class="filter-area-check relative w-fit">
<input class=" filter-checkbox filter-trigger flex" type="checkbox" name="filter.p.m.custom.bottomwear_standard_fit" value="Loose Fit" id="Filter-filter.p.m.custom.bottomwear_standard_fit-1" data-label="bottomwearfit">
<span class="absolute top-2/4 left-2/4 -translate-x-1/2 -translate-y-1/2">
<img src="//www.urbanofashion.com/cdn/shop/t/2/assets/icon-check.svg?v=71056778941593993731726567525" loading="lazy" width="10" height="8" alt="check icon">
</span>
</div>
<div class="filter-area-text">
<div class="flex items-center">
<span class="bottomwearfit-labels text-[#484B5A] text-base lg:text-base filter-label font-[familyRegular] " data-label="bottomwearfit" for="Filter-filter.p.m.custom.bottomwear_standard_fit-1">Loose Fit</span>
</div>
<span class="text-[#9698A0] text-xs lg:text-sm font-[familyRegular] filter-count"> (118) </span>
</div>
</div>
</label>
</li>
</ul>
</details>
<details data-hide-filter="" data-expand-filter="" class="filter-group border-b-[1px] border-b-[#E9E9E9] " open="">
<summary class="flex justify-between pb-4 items-center cursor-pointer">
<div class="flex flex-col gap-[6px]">
<span class="text-base font-[familyMedium] text-[#1A1E31] capitalize">Bottomwear pattern</span>
<span class="text-xs font-[familyMedium] text-[#6C7498] selected-bottomwear_pattern"></span>
</div>
<span class="arrow down"> </span>
</summary>
<ul class="px-4 lg:px-0 lg:pl-1 flex flex-col w-full gap-4 pb-8 lg:pb-4 mt-[14px] lg:mt-0 h-fit filter-option-container filter-label-display filter-group " data-label="bottomwearpattern">
<li class=" ">
<label class="label-bottomwearpattern cursor-pointer">
<div class=" grid-filter items-center">
<div class="filter-area-check relative w-fit">
<input class=" filter-checkbox filter-trigger flex" type="checkbox" name="filter.p.m.custom.bottomwear_standard_pattern" value="Solid" id="Filter-filter.p.m.custom.bottomwear_standard_pattern-1" data-label="bottomwearpattern">
<span class="absolute top-2/4 left-2/4 -translate-x-1/2 -translate-y-1/2">
<img src="//www.urbanofashion.com/cdn/shop/t/2/assets/icon-check.svg?v=71056778941593993731726567525" loading="lazy" width="10" height="8" alt="check icon">
</span>
</div>
<div class="filter-area-text">
<div class="flex items-center">
<span class="bottomwearpattern-labels text-[#484B5A] text-base lg:text-base filter-label font-[familyRegular] " data-label="bottomwearpattern" for="Filter-filter.p.m.custom.bottomwear_standard_pattern-1">Solid</span>
</div>
<span class="text-[#9698A0] text-xs lg:text-sm font-[familyRegular] filter-count"> (20) </span>
</div>
</div>
</label>
</li>
<li class=" ">
<label class="label-bottomwearpattern cursor-pointer">
<div class=" grid-filter items-center">
<div class="filter-area-check relative w-fit">
<input class=" filter-checkbox filter-trigger flex" type="checkbox" name="filter.p.m.custom.bottomwear_standard_pattern" value="Washed" id="Filter-filter.p.m.custom.bottomwear_standard_pattern-2" data-label="bottomwearpattern">
<span class="absolute top-2/4 left-2/4 -translate-x-1/2 -translate-y-1/2">
<img src="//www.urbanofashion.com/cdn/shop/t/2/assets/icon-check.svg?v=71056778941593993731726567525" loading="lazy" width="10" height="8" alt="check icon">
</span>
</div>
<div class="filter-area-text">
<div class="flex items-center">
<span class="bottomwearpattern-labels text-[#484B5A] text-base lg:text-base filter-label font-[familyRegular] " data-label="bottomwearpattern" for="Filter-filter.p.m.custom.bottomwear_standard_pattern-2">Washed</span>
</div>
<span class="text-[#9698A0] text-xs lg:text-sm font-[familyRegular] filter-count"> (98) </span>
</div>
</div>
</label>
</li>
</ul>
</details>
<details data-hide-filter="" data-expand-filter="" class="filter-group border-b-[1px] border-b-[#E9E9E9] " open="">
<summary class="flex justify-between pb-4 items-center cursor-pointer">
<div class="flex flex-col gap-[6px]">
<span class="text-base font-[familyMedium] text-[#1A1E31] capitalize">Waist rise</span>
<span class="text-xs font-[familyMedium] text-[#6C7498] selected-waist_rise"></span>
</div>
<span class="arrow down"> </span>
</summary>
<ul class="px-4 lg:px-0 lg:pl-1 flex flex-col w-full gap-4 pb-8 lg:pb-4 mt-[14px] lg:mt-0 h-fit filter-option-container filter-label-display filter-group " data-label="waistrise">
<li class=" ">
<label class="label-waistrise cursor-pointer">
<div class=" grid-filter items-center">
<div class="filter-area-check relative w-fit">
<input class=" filter-checkbox filter-trigger flex" type="checkbox" name="filter.p.m.custom.waist_rise" value="Mid Rise" id="Filter-filter.p.m.custom.waist_rise-1" data-label="waistrise">
<span class="absolute top-2/4 left-2/4 -translate-x-1/2 -translate-y-1/2">
<img src="//www.urbanofashion.com/cdn/shop/t/2/assets/icon-check.svg?v=71056778941593993731726567525" loading="lazy" width="10" height="8" alt="check icon">
</span>
</div>
<div class="filter-area-text">
<div class="flex items-center">
<span class="waistrise-labels text-[#484B5A] text-base lg:text-base filter-label font-[familyRegular] " data-label="waistrise" for="Filter-filter.p.m.custom.waist_rise-1">Mid Rise</span>
</div>
<span class="text-[#9698A0] text-xs lg:text-sm font-[familyRegular] filter-count"> (118) </span>
</div>
</div>
</label>
</li>
</ul>
</details>
<details data-hide-filter="" data-expand-filter="" class="filter-group border-b-[1px] border-b-[#E9E9E9] " open="">
<summary class="flex justify-between pb-4 items-center cursor-pointer">
<div class="flex flex-col gap-[6px]">
<span class="text-base font-[familyMedium] text-[#1A1E31] capitalize">Availability</span>
<span class="text-xs font-[familyMedium] text-[#6C7498] selected-availability"></span>
</div>
<span class="arrow down"> </span>
</summary>
<ul class="px-4 lg:px-0 lg:pl-1 flex flex-col w-full gap-4 pb-8 lg:pb-4 mt-[14px] lg:mt-0 h-fit filter-option-container filter-label-display filter-group " data-label="availability">
<li class=" ">
<label class="label-availability cursor-pointer">
<div class=" grid-filter items-center">
<div class="filter-area-check relative w-fit">
<input class=" filter-radio filter-trigger flex" type="radio" name="filter.v.availability" value="1" id="Filter-filter.v.availability-1" data-label="availability">
<span class="absolute top-2/4 left-2/4 -translate-x-1/2 -translate-y-1/2">
<img src="//www.urbanofashion.com/cdn/shop/t/2/assets/icon-check.svg?v=71056778941593993731726567525" loading="lazy" width="10" height="8" alt="check icon">
</span>
</div>
<div class="filter-area-text">
<div class="flex items-center">
<span class="availability-labels text-[#484B5A] text-base lg:text-base filter-label font-[familyRegular] " data-label="availability" for="Filter-filter.v.availability-1">In stock</span>
</div>
<span class="text-[#9698A0] text-xs lg:text-sm font-[familyRegular] filter-count"> (120) </span>
</div>
</div>
</label>
</li>
<li class=" ">
<label class="label-availability cursor-pointer">
<div class=" grid-filter items-center">
<div class="filter-area-check relative w-fit">
<input class=" filter-radio filter-trigger flex" type="radio" name="filter.v.availability" value="0" id="Filter-filter.v.availability-2" data-label="availability">
<span class="absolute top-2/4 left-2/4 -translate-x-1/2 -translate-y-1/2">
<img src="//www.urbanofashion.com/cdn/shop/t/2/assets/icon-check.svg?v=71056778941593993731726567525" loading="lazy" width="10" height="8" alt="check icon">
</span>
</div>
<div class="filter-area-text">
<div class="flex items-center">
<span class="availability-labels text-[#484B5A] text-base lg:text-base filter-label font-[familyRegular] " data-label="availability" for="Filter-filter.v.availability-2">Out of stock</span>
</div>
<span class="text-[#9698A0] text-xs lg:text-sm font-[familyRegular] filter-count"> (45) </span>
</div>
</div>
</label>
</li>
</ul>
</details>
<input type="submit" value="Apply" id="desktop-filter-submit" class="hidden ">
</form>Text Content
Place a prepaid order and get an extra 10% discount | First order? Enjoy an extra 10% off! | Buy products worth 1499 or more and get an extra 15% off on your purchase | Shop for 2499 or more ang get an extra 15% off | Shop for 3499 or more and get an extra 20% off New Arrivals See the Latest Fresh new styles on the store Shop Top Selling Styles The current fan favorites LIVE End of Season Sale Upto 70% off * Men All Bestsellers Jeans Trousers T-Shirts Jackets Sweatshirts Shirts Shorts * Men Plus All Bestsellers Jeans Trousers T-Shirts Jackets Sweatshirts Shirts New Arrivals Best Sellers On Sale My Account Track Order Support Return & Exchange Contact Us * Men Jeans Trousers T-Shirts Jackets Sweatshirts Shirts See the Latest Fresh new styles on the store Shop Top Selling Styles The current fan favorites LIVE End of Season Sale Upto 70% off * Men Plus Bestsellers Jeans Trousers T-Shirts Jackets Sweatshirts Shirts See the Latest Fresh new styles on the store Shop Top Selling Styles The current fan favorites LIVE End of Season Sale Upto 70% off New Arrivals Best Sellers On Sale My Account Track Order Return / Exchange Contact Us Support Log In or Sign Up Home > Men's Loose Fit Jeans Collection MEN'S LOOSE FIT JEANS COLLECTION 120 ITEMS HIDE FILTERS SORT BY : Featured Filters Price Product type Size Color Bottomwear fabric Bottomwear fit Bottomwear pattern Waist rise Availability Selected Price Range ₹0 - ₹2000 * Jeans (118) * 28 (60) * 30 (60) * 32 (60) * 34 (60) * 36 (120) * 38 (120) * 40 (120) * 42 (60) * 44 (60) Show More * Beige (4) * Black (12) * Blue (13) * Brown (8) * Green (8) * Grey (35) * Pink (2) * Purple (2) * White (2) * Light Blue (19) * Dark Blue (7) * Dark Grey (2) * Dark Green (2) * Light Green (2) Show More * Denim (118) * Loose Fit (118) * Solid (20) * Washed (98) * Mid Rise (118) * In stock (120) * Out of stock (45) Clear All Apply Sort by Featured New Arrivals Best Selling Price Low to High Price High to Low FILTERS Price Selected Price Range ₹0 - ₹2000 Product type * Jeans (118) Size * 28 (60) * 30 (60) * 32 (60) * 34 (60) * 36 (120) * 38 (120) * 40 (120) * 42 (60) * 44 (60) Show More Color * Beige (4) * Black (12) * Blue (13) * Brown (8) * Green (8) * Grey (35) * Pink (2) * Purple (2) * White (2) * Light Blue (19) * Dark Blue (7) * Dark Grey (2) * Dark Green (2) * Light Green (2) Show More Bottomwear fabric * Denim (118) Bottomwear fit * Loose Fit (118) Bottomwear pattern * Solid (20) * Washed (98) Waist rise * Mid Rise (118) Availability * In stock (120) * Out of stock (45) BESTSELLER 4.0 | 86 MEN'S BLACK LOOSE BAGGY FIT CARGO JEANS WITH 6 POCKETS NON-STRETCHABLE ₹849 ₹2,399 65% off Lowest price in 30 days BESTSELLER 4.1 | 96 MEN'S LIGHT CHOCOLATE LOOSE BAGGY FIT WASHED JEANS NON-STRETCHABLE ₹799 ₹2,299 65% off Lowest price in 30 days BESTSELLER 4.0 | 83 MEN'S OLIVE GREEN LOOSE BAGGY FIT CARGO JEANS WITH 6 POCKETS NON-STRETCHABLE ₹849 ₹2,399 65% off Lowest price in 30 days BESTSELLER 4.0 | 91 MEN'S LIGHT GREY LOOSE BAGGY FIT WASHED JEANS NON-STRETCHABLE ₹799 ₹2,299 65% off Lowest price in 30 days BESTSELLER 3.9 | 108 MEN'S WHITE LOOSE BAGGY FIT WASHED JEANS NON-STRETCHABLE ₹799 ₹2,299 65% off Lowest price in 30 days BESTSELLER 4.1 | 94 MEN'S OLIVE GREEN LOOSE BAGGY FIT WASHED JEANS NON-STRETCHABLE ₹799 ₹2,299 65% off Lowest price in 30 days BESTSELLER 4.1 | 96 MEN'S GREY LOOSE BAGGY FIT WASHED JEANS NON-STRETCHABLE ₹799 ₹2,299 65% off Lowest price in 30 days BESTSELLER 4.0 | 84 MEN DARK GREY LOOSE BAGGY FIT CARGO JEANS WITH 6 POCKETS NON-STRETCHABLE ₹849 ₹2,399 65% off Lowest price in 30 days BESTSELLER 4.0 | 95 MEN'S BLACK LOOSE BAGGY FIT WASHED JEANS NON-STRETCHABLE ₹799 ₹2,099 62% off Lowest price in 30 days BESTSELLER 4.2 | 5 MEN'S LIGHT GREY LOOSE BAGGY FIT WASHED CARGO JEANS WITH 6 POCKETS NON-STRETCHABLE ₹1,199 ₹2,399 50% off Lowest price in 30 days BESTSELLER 5.0 | 1 MEN'S BLACK LOOSE BAGGY FIT CUT AND SEW PANELLED JEANS NON-STRETCHABLE ₹1,049 ₹2,299 54% off Lowest price in 30 days BESTSELLER 3.9 | 108 MEN'S BROWN LOOSE BAGGY FIT WASHED JEANS NON-STRETCHABLE ₹799 ₹2,299 65% off Lowest price in 30 days Read More about Men's Loose Fit Jeans Collection THE BEST-KEPT SECRET IN MEN'S FASHION: OUR LOOSE FIT JEANS Ready to unlock the ultimate wardrobe secret? Meet our loose-fit men's jeans—the perfect mix of comfort and cool that’ll have you feeling like a style pro in no time. These jeans aren’t just about giving you extra room to move; they’re designed to elevate your everyday look without trying too hard. Whether it’s a laid-back weekend or a casual day out, our loose-fit men's jeans let you stay comfy while keeping your style game on point. Trust us, once you slip into these, you won’t want to wear anything else. OWN YOUR LOOK: OUR LOOSE FIT MEN'S JEANS COLLECTION Urbano is your go-to destination for a fabulous selection of loose-style or oversized jeans that cater to every style and preference. Dive into our collection and discover the key features that make our jeans a must-have in your wardrobe: 1. COLOUR: Choose from a wide range of colours, including classic options like blue and black, as well as trendy shades like olive, grey, and burgundy. 2. FABRIC: Experience the timeless appeal of our denim jeans, crafted from high-quality fabrics for durability and comfort. 3. PATTERN: Our collection features both solid-coloured jeans for a classic look and washed denim for a vintage-inspired vibe. 4. TYPE: Discover the perfect fit for your style: * Baggy Fit: Our baggy style jeans offer a relaxed, oversized look. * Cargo: Cargo jeans feature functional pockets on the legs for added storage. * Baggy Carpenter Cargo: This carpenter style combines the baggy fit with cargo pockets for a rugged, utilitarian look. * Wide Leg: Our wide-leg jeans feature a relaxed fit from the hip to the hem. * Relaxed: This style offers a comfortable, slightly tapered fit. With Urbano's extensive range of loose jeans, you're sure to find the perfect pair to complement your style and enhance your comfort. GO BIG ON STYLE: ROCKING LOOSE FIT MEN'S JEANS WITH CONFIDENCE Loose-fit men's jeans are the versatile heroes of your wardrobe, effortlessly adapting to any occasion with flair! Here’s how to rock them: 1. AFTER-WORK HAPPY HOUR Transition seamlessly from the office to happy hour with our Ice Blue Loose Baggy Fit Washed Jeans. Pair them with a navy tailored blazer and a white fitted polo T-shirt for a polished yet casual look. Add some brown leather loafers, and you’ll be ready to unwind with friends. 2. GAME DAY OUTING Show off your team spirit with our Ice Grey Loose Baggy Fit Cargo Jeans. Pair them with a red graphic team jersey and a black baseball cap for a fun, sporty vibe. Complete the look with white canvas sneakers for ultimate comfort. For an added touch, roll up the cuffs of your jeans to showcase your kicks and keep it cool. 3. ART GALLERY OPENING Stand out at an art gallery with our Navy Blue Loose Baggy Fit Washed Jeans. Pair them with our crisp white printed shirt and a charcoal grey blazer for a sophisticated look. Finish off with brown smart leather loafers to complete the polished vibe. For an added touch, consider wearing a leather belt that matches your shoes to pull the whole outfit together. With these styling tips, you’ll see how loose-style jeans can be your go-to for any occasion. FIT, FABRIC, AND FEATURES: YOUR GUIDE TO LOOSE FIT JEANS When shopping for loose-fit men's jeans, keep these key features in mind to ensure the perfect blend of comfort and style: 1. FABRIC COMPOSITION Opt for high-quality denim blends, such as cotton with a touch of elastane, for stretch and durability, allowing for easy movement. 2. RISE Choose between high, mid, or low-rise options that suit your style and body type, as they significantly impact how the jeans fit. 3. LENGTH Consider the length of your jeans, whether full-length or cropped, and check the inseam measurement to find the right fit for your frame. 4. CUT AND STYLE Explore different cuts like baggy, cargo, or wide-leg to find what complements your shape and matches your style. 5. COLOUR AND WASH Dark washes are ideal for dressier occasions, while lighter shades work for casual looks. Don't hesitate to experiment with colours and finishes. 6. DETAILS AND EMBELLISHMENTS Pay attention to features like pockets, stitching, and distressing to ensure they align with your style preferences. 7. COMFORT AND FIT Prioritise comfort by trying on jeans and moving around in them. Loose style jeans should offer a relaxed feel without being overly baggy. By considering these features, you’ll find the perfect pair of loose style jeans that look great and feel fantastic. TIME TO LET THE SECRET OUT: SHOP OUR LOOSE-FIT JEANS NOW! Gentlemen, it’s time to elevate your wardrobe with loose-style jeans for men. They’re the ultimate blend of comfort and style, giving you the freedom to move while keeping your look sharp. Whether you’re heading out for a laid-back weekend or stepping into a smart-casual setting, these jeans have got your back. At Urbano, we believe that looking good shouldn’t come at the expense of comfort. So, check out our collection and find the perfect pair that fits your vibe Ready to see how fresh and stylish loose-style jeans can transform your wardrobe? Check out our Instagram, @urbano_fashion, for inspiration from fellow fashion enthusiasts and to flaunt your killer looks! Need help finding the perfect fit? The Urbano team is just an email away at support@urbanofashion.com—let’s get you styled! FREQUENTLY ASKED QUESTIONS Q. WHAT ARE LOOSE-FIT JEANS? A. Loose jeans with a straight leg are designed to provide extra room in the thigh and leg area, offering a relaxed and comfortable fit while staying on-trend with current fashion. Q. WHAT MATERIALS ARE URBANO LOOSE-FIT MEN'S JEANS MADE FROM? A. Our loose-fit men's jeans are crafted from high-quality denim for durability and comfort, available in solid and washed patterns. Q. HOW DO I CHOOSE THE RIGHT SIZE FOR LOOSE-FIT MEN'S JEANS? A. To find your perfect fit, refer to our size chart on the product page. Consider your waist and inseam measurements for the best fit. Q. CAN LOOSE-FIT MEN'S JEANS BE DRESSED UP FOR FORMAL OCCASIONS? A. Absolutely! Pairing loose-fit men's jeans with a tailored blazer and dress shoes can create a smart-casual look suitable for many occasions. Q. HOW SHOULD I CARE FOR MY LOOSE JEANS? A. We suggest washing your jeans inside out in cold water and letting them air dry to preserve their colour and shape. Q. ARE LOOSE JEANS SUITABLE FOR ALL BODY TYPES? A. Yes! Loose-fit men's jeans are designed to be flattering and comfortable for all body types, providing ease of movement and a relaxed silhouette. Q. HOW CAN I STYLE MEN'S LOOSE-FIT JEANS FOR DIFFERENT OCCASIONS? A. Loose-fit men's baggy jeans can be styled casually with a t-shirt and sneakers for a laid-back look or dressed up with a button-up shirt and loafers for a more polished appearance. Q. CAN I RETURN OR EXCHANGE MY LOOSE-FIT MEN'S JEANS IF THEY DON'T FIT? A. Absolutely! We provide a 15-day hassle-free return and exchange policy. For more details, please check our terms and conditions. Hide Home > Men's Loose Fit Jeans Collection GET IN TOUCH CATEGORIES * Men * Men Plus * New Arrivals * Best Sellers * On Sale CATEGORIES * Men * Men Plus * New Arrivals * Best Sellers * On Sale NEED HELP * Track Your Order * Returns & Exchanges * Contact Us NEED HELP * Track Your Order * Returns & Exchanges * Contact Us COMPANY * About Us * Privacy Policies * Terms & Conditions * Shipping & Delivery Policy * Returns & Refund Policies COMPANY * About Us * Privacy Policies * Terms & Conditions * Shipping & Delivery Policy * Returns & Refund Policies GET IN TOUCH Urbano Fashion © 2023 | All Rights Reserved. Log In or Sign Up