#app { display: none !important; } .ws { font-family: Jost, system-ui, sans-serif; color: #111; background: #fff; line-height: 1.45; } .ws a { color: inherit; text-decoration: none; } .ws img { max-width: 100%; } .ws summary { list-style: none; cursor: pointer; } .ws summary::-webkit-details-marker { display: none; } .ws-header { position: sticky; top: 0; z-index: 50; width: 100%; background: #fff; border-bottom: 1px solid #e5e7eb; box-shadow: 0 1px 2px rgb(0 0 0 / 0.05); } .ws-header__row { position: relative; display: flex; min-height: 48px; align-items: center; justify-content: space-between; gap: 4px; padding: 0 8px 4px; } @media (min-width: 1024px) { .ws-header__row { gap: 12px; padding: 0 16px 6px; } } .ws-logo-d { display: none; flex-shrink: 0; width: 120px; } .ws-logo-d img { height: 40px; width: 100%; object-fit: contain; } .ws-logo-m { position: absolute; left: 50%; top: 50%; z-index: 5; width: min(38vw, 128px); max-width: 128px; transform: translate(-50%, -50%); } .ws-logo-m img { height: 36px; width: 100%; object-fit: contain; } @media (min-width: 1024px) { .ws-logo-d { display: block; } .ws-logo-m { display: none; } } .ws-burger, .ws-ico { display: flex; width: 48px; height: 48px; align-items: center; justify-content: center; color: #1f2937; background: none; border: 0; flex-shrink: 0; } .ws-burger svg, .ws-ico svg { width: 20px; height: 20px; } @media (min-width: 1024px) { .ws-burger { display: none; } .ws-search-m { display: none !important; } } .ws-nav { display: none; } @media (min-width: 1024px) { .ws-nav { display: flex; align-items: center; gap: 8px; min-width: 0; flex: 1; } } .ws-nav__item { position: relative; padding: 12px 0; } .ws-nav__item > a { display: flex; align-items: center; gap: 2px; font-size: 14px; font-weight: 500; color: #1f2937; white-space: nowrap; } .ws-nav__item > a:hover { color: #dc2626; } .ws-nav__deal > a { color: #dc2626 !important; font-weight: 600; } .ws-nav__drop { display: none; position: absolute; left: 0; top: 100%; z-index: 50; padding-top: 4px; min-width: 13rem; } .ws-nav__item:hover > .ws-nav__drop, .ws-nav__item:focus-within > .ws-nav__drop { display: block; } .ws-nav__box { background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; box-shadow: 0 10px 15px rgb(0 0 0 / 0.1); padding: 8px 0; max-height: min(70vh, 28rem); overflow: auto; } .ws-nav__box a { display: block; padding: 10px 16px; font-size: 14px; font-weight: 600; color: #1f2937; white-space: nowrap; } .ws-nav__box a:hover { background: #f9fafb; color: #000; } .ws-icons { display: flex; align-items: center; justify-content: flex-end; z-index: 20; margin-right: -4px; } .ws-badge { position: relative; display: inline-flex; } .ws-badge__n { position: absolute; top: -6px; right: -6px; background: #3b82f6; color: #fff; font-size: 11px; border-radius: 999px; width: 16px; height: 16px; display: flex; align-items: center; justify-content: center; line-height: 1; } .ws-user { position: relative; } .ws-user__menu { display: none; position: absolute; right: 0; top: 100%; margin-top: 8px; width: 12rem; background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; box-shadow: 0 10px 15px rgb(0 0 0 / 0.1); padding: 8px 0; z-index: 50; } .ws-user[open] .ws-user__menu, .ws-user:hover .ws-user__menu { display: block; } .ws-user__menu a { display: block; padding: 8px 16px; font-size: 14px; color: #374151; } .ws-user__menu a:hover { background: #f3f4f6; } .ws-search-d { display: none; position: relative; } @media (min-width: 768px) { .ws-search-d { display: block; } .ws-search-m { display: none !important; } } .ws-search-panel { display: none; position: absolute; right: 0; top: 100%; z-index: 60; width: min(420px, 90vw); padding: 8px; background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; box-shadow: 0 10px 15px rgb(0 0 0 / 0.1); } .ws-search-d[open] .ws-search-panel, .ws-search-m[open] .ws-search-panel { display: block; } .ws-search-m { position: relative; } .ws-search-m .ws-search-panel { right: auto; left: 50%; transform: translateX(-50%); } .ws-search-form { display: flex; gap: 8px; align-items: center; } .ws-search-form input { flex: 1; min-width: 0; border: 1px solid #9ca3af; border-radius: 6px; padding: 8px 12px; font-size: 16px; } .ws-search-form button { width: 36px; height: 36px; border: 0; border-radius: 4px; background: #00ADEF; color: #fff; display: flex; align-items: center; justify-content: center; } .ws-drawer { display: none; } .ws-mnav[open] .ws-drawer { display: flex; position: fixed; left: 0; top: 0; z-index: 200; width: 70%; height: 100%; flex-direction: column; background: rgb(23 23 23 / 0.95); color: #fff; overflow: auto; } .ws-drawer__h { display: flex; justify-content: space-between; align-items: center; padding: 12px 16px; border-bottom: 1px solid rgb(255 255 255 / 0.15); font-weight: 600; } .ws-drawer a, .ws-drawer summary { color: #fff; display: block; padding: 10px 4px; border-bottom: 1px solid rgb(255 255 255 / 0.1); font-weight: 500; } .ws-drawer .ws-nav__deal, .ws-drawer .ws-nav__deal a { color: #f87171; font-weight: 600; } .ws-drawer details { padding-left: 8px; } @media (min-width: 1024px) { .ws-mnav { display: none; } } .ws-flash { max-width: 80rem; margin: 12px auto 0; padding: 12px 16px; border-radius: 8px; background: #ecfdf5; border: 1px solid #a7f3d0; } .ws-err { max-width: 80rem; margin: 12px auto 0; padding: 12px 16px; border-radius: 8px; background: #fef2f2; border: 1px solid #fecaca; color: #991b1b; } .ws-hero { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; } .ws-hero a { flex: 0 0 100%; scroll-snap-align: start; display: block; } .ws-hero img { width: 100%; height: auto; max-height: 520px; object-fit: cover; display: block; background: #f3f4f6; } .ws-main { max-width: 80rem; margin: 0 auto; padding: 16px 16px 48px; } .ws-page { min-height: 60vh; background: #f9fafb; } .ws-h1 { font-size: 1.5rem; font-weight: 700; margin: 0 0 16px; } @media (min-width: 768px) { .ws-h1 { font-size: 1.875rem; } } .ws-sec { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin: 28px 0 12px; } .ws-sec h2 { font-size: 1.25rem; font-weight: 700; margin: 0; } .ws-sec a { font-size: 0.875rem; font-weight: 600; color: #111; } .ws-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } @media (min-width: 768px) { .ws-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; } } @media (min-width: 1024px) { .ws-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; } } .ws-card { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 8px; } .ws-card__img { position: relative; width: 100%; aspect-ratio: 1; overflow: hidden; border-radius: 6px; background: #fff; } .ws-card__img img { width: 100%; height: 100%; object-fit: cover; display: block; } .ws-card__oos { position: absolute; top: 0; right: 0; z-index: 2; background: #000; color: #fbbf24; font-size: 10px; font-weight: 600; text-transform: uppercase; padding: 4px 8px; border-radius: 999px; } .ws-card__off { position: absolute; top: 0; left: 0; z-index: 2; background: #ef4444; color: #fff; font-size: 10px; font-weight: 500; padding: 4px 8px; border-radius: 0 12px 0 12px; } .ws-card__brand { position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%); font-size: 12px; font-weight: 500; color: #4b5563; white-space: nowrap; max-width: 90%; overflow: hidden; text-overflow: ellipsis; } .ws-card h3 { font-size: 12px; font-weight: 600; margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-align: center; } @media (min-width: 768px) { .ws-card h3 { font-size: 16px; } .ws-card__brand { font-size: 14px; } } .ws-price { font-weight: 700; color: #dc2626; } .ws-was { color: #6b7280; text-decoration: line-through; font-weight: 400; margin-left: 6px; } .ws-heart { position: absolute; top: 6px; right: 6px; z-index: 3; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; color: #111; background: rgb(255 255 255 / 0.8); border-radius: 999px; } .ws-pdp { display: grid; gap: 24px; grid-template-columns: 1fr; } @media (min-width: 768px) { .ws-pdp { grid-template-columns: 1.1fr 1fr; align-items: start; } } .ws-pdp img { width: 100%; background: #f9fafb; border-radius: 8px; object-fit: contain; max-height: 480px; } .ws-btn { display: inline-block; background: #111; color: #fff !important; padding: 12px 24px; border-radius: 8px; font-weight: 600; border: 0; cursor: pointer; text-align: center; } .ws-btn:hover { background: #1f2937; } .ws-btn--ghost { background: #fff; color: #111 !important; border: 1px solid #d1d5db; } .ws-btn--block { width: 100%; } .ws-qty { display: flex; align-items: center; border: 1px solid #e5e7eb; border-radius: 8px; overflow: hidden; } .ws-qty a, .ws-qty span { padding: 4px 12px; min-width: 2.5rem; text-align: center; } .ws-qty a:hover { background: #f3f4f6; } .ws-cart { display: grid; gap: 32px; } @media (min-width: 1024px) { .ws-cart { grid-template-columns: 2fr 1fr; } } .ws-panel { background: #fff; border-radius: 8px; box-shadow: 0 1px 2px rgb(0 0 0 / 0.05); padding: 24px; } .ws-empty { text-align: center; padding: 48px 16px; } .ws-sum row, .ws-sum__row { display: flex; justify-content: space-between; margin-bottom: 12px; color: #374151; } .ws-sum__total { display: flex; justify-content: space-between; font-size: 1.125rem; font-weight: 700; border-top: 1px solid #e5e7eb; padding-top: 16px; margin-top: 8px; } .ws-emi { margin-top: 24px; padding: 16px; background: #eff6ff; border-radius: 8px; font-size: 12px; color: #4b5563; } .ws-line { display: flex; flex-direction: column; gap: 16px; } @media (min-width: 768px) { .ws-line { flex-direction: row; } } .ws-line img { width: 100%; max-width: 128px; height: 128px; object-fit: contain; background: #f3f4f6; border-radius: 8px; } .ws-form { max-width: 28rem; margin: 0 auto; background: #fff; border-radius: 8px; box-shadow: 0 4px 6px rgb(0 0 0 / 0.08); padding: 32px; display: grid; gap: 16px; } .ws-form--wide { max-width: none; } .ws-form label { font-size: 14px; font-weight: 500; color: #374151; display: grid; gap: 8px; } .ws-form input, .ws-form textarea, .ws-form select { width: 100%; padding: 12px 16px; border: 1px solid #d1d5db; border-radius: 8px; font: inherit; } .ws-chk { display: flex; gap: 8px; align-items: flex-start; font-size: 14px; } .ws-auth-title { text-align: center; margin-bottom: 8px; } .ws-auth-title h1 { font-size: 1.875rem; font-weight: 700; margin: 0 0 8px; } .ws-auth-title p { color: #4b5563; margin: 0; } .ws-prose { color: #374151; font-size: 0.95rem; } .ws-prose h2 { font-size: 1.15rem; margin: 1.25rem 0 0.5rem; } .ws-list a { display: block; padding: 10px 0; border-bottom: 1px solid #f3f4f6; font-weight: 500; } .ws-pager { display: flex; gap: 16px; margin: 24px 0; font-weight: 600; } .ws-table { width: 100%; border-collapse: collapse; } .ws-table th, .ws-table td { text-align: left; padding: 10px 8px; border-bottom: 1px solid #e5e7eb; font-size: 14px; } .ws-foot { background: #000; color: #fff; padding: 40px 8px 0; } @media (min-width: 768px) { .ws-foot { padding-left: 0; padding-right: 0; } } .ws-foot__in { max-width: 80rem; margin: 0 auto; } .ws-foot a { color: #fff; } .ws-foot a:hover { color: #fff; } .ws-foot__top { display: flex; flex-direction: column; justify-content: space-between; gap: 20px; } @media (min-width: 768px) { .ws-foot__top { flex-direction: row; } } .ws-foot h1 { font-size: 2.25rem; font-weight: 700; margin: 0; } .ws-foot h3 { font-weight: 600; letter-spacing: 0.02em; margin: 0 0 4px; font-size: 0.95rem; } .ws-cols { display: grid; gap: 40px; margin: 32px 0; } @media (min-width: 768px) { .ws-cols { grid-template-columns: repeat(6, minmax(0, 1fr)); } } .ws-cols ul { list-style: none; padding: 0; margin: 12px 0 0; font-size: 14px; } .ws-cols li { margin-bottom: 8px; } .ws-cols details ul { display: block; } @media (max-width: 767px) { .ws-cols ul { display: none; } .ws-cols details[open] ul { display: block; } .ws-cols details summary h3 { display: inline; } } .ws-pay { margin-top: 32px; background: #fff; border-radius: 8px; padding: 12px; } .ws-pay img { width: 100%; max-width: 64rem; margin: 0 auto; display: block; } .ws-copy { border-top: 1px solid #374151; margin-top: 40px; padding: 16px 0; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; font-size: 14px; color: #d1d5db; } .ws-sub { display: flex; background: #fff; border-radius: 999px; overflow: hidden; max-width: 380px; } .ws-sub input { flex: 1; border: 0; padding: 8px 16px; color: #000; min-width: 0; } .ws-sub button { background: #000; color: #fff; border: 0; padding: 8px 20px; font-size: 14px; } .ws-wa { position: fixed; right: 16px; bottom: 16px; z-index: 40; width: 56px; height: 56px; border-radius: 999px; background: #16a34a; color: #fff !important; display: flex; align-items: center; justify-content: center; box-shadow: 0 8px 20px rgb(0 0 0 / 0.2); }

Fossil Townsman Twist Multifunction Black Dial Men's Watch - ME1135

Name: Fossil Townsman Twist Multifunction Black Dial Men's Watch - ME1135
Brand: Fossil
SKU: 3600
Price: 14700.00 BDT
Availability: InStock

Fossil

Tk 14,700 Tk 21,000

Wishlist Order on WhatsApp

The Fossil Townsman Twist Multifunction Black Dial Men's Watch - ME1135 embodies Fossil's iconic American heritage and modern vintage spirit, combining bold architectural aesthetics with dependable everyday functionality. Featuring an impeccably finished 316l stainless steel case measuring 44 mm, this distinguished timepiece is engineered with a durable mineral crystal glass lens and rated for 50 meters / 5 atm. Completed by a refined 316l stainless steel bracelet, it delivers an effortless blend of elevated craftsmanship, all-day comfort, and timeless versatility for discerning watch enthusiasts.