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

22mm Brown Leather Craftsmanship Watch Strap

Name: 22mm Brown Leather Craftsmanship Watch Strap
Brand: Watch Shop BD
SKU: 4299
Price: 1800.00 BDT
Availability: OutOfStock

Tk 1,800 Tk 2,200

Out of Stock

Wishlist Order on WhatsApp

Upgrade your watch with this 22mm brown leather craftsmanship strap, designed for timeless style and lasting durability. Made from high-quality genuine leather, it features a rich brown tone and detailed stitching that highlight expert craftsmanship. Comfortable for all-day wear, the strap molds naturally to your wrist while maintaining a refined appearance. Its sturdy stainless steel buckle ensures a secure fit. Ideal for both casual and formal occasions, this strap is a perfect choice to enhance any timepiece.