#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); }

20mm Blue Leather Sweat-Resistant Watch Strap – Durable Replacement Band

Name: 20mm Blue Leather Sweat-Resistant Watch Strap – Durable Replacement Band
Brand: Watch Shop BD
SKU: 2887
Price: 1400.00 BDT
Availability: OutOfStock

Tk 1,400 Tk 2,000

Out of Stock

Wishlist Order on WhatsApp

Genuine Leather 20mm Blue Sweat-Resistant Watch Strap is the perfect blend of durability and style. Crafted for everyday wear, this sleek black strap resists sweat and wear, ensuring longevity. Its versatile design complements any watch face, making it an ideal replacement band for both casual and formal occasions.