#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 Big Band 24mm Brown Leather Watch Strap -Craftsmanship

Name: Fossil Big Band 24mm Brown Leather Watch Strap -Craftsmanship
Brand: Watch Shop BD
SKU: 4294
Price: 1800.00 BDT
Availability: InStock

Tk 1,800 Tk 2,200

Wishlist Order on WhatsApp

Fossil Big Band 24mm Brown Leather Watch Strap showcases exceptional craftsmanship and timeless design. Made from premium genuine leather, this strap features a rich brown finish that adds warmth and character to any compatible watch. The 24mm width gives it a bold, masculine presence, perfect for larger watch faces and those who prefer a substantial look on the wrist. Its durable construction ensures long-lasting wear, while the supple leather softens over time, providing a comfortable, custom fit. The strap includes sturdy stitching and a classic buckle closure for a secure and stylish fit. Designed with versatility in mind, it transitions seamlessly from casual to formal occasions. Whether you’re replacing a worn strap or customizing your watch to match your personal style, the Fossil Big Band 24mm strap is a reliable and sophisticated choice. With its blend of durability and refined detail, it embodies Fossil’s commitment to quality craftsmanship.