.sdct { --ink: #1d1a17; --muted: #6b6259; --gold: #a8864f; --line: #eee4d6; --cream: #fcf9f5; --burgundy: #5e1a2a; color: var(--ink); position: relative; left: 50%; width: min(1100px, calc(100vw - 32px)) !important; max-width: none !important; transform: translateX(-50%); }
.sdct * { max-width: none; }
.sdct * { box-sizing: border-box; }
.sdct__intro { max-width: 640px; margin: 0 auto 32px; text-align: center; }
.sdct__eyebrow { margin: 0 0 8px; color: var(--gold); font-size: 12px; font-weight: 600; letter-spacing: .28em; text-transform: uppercase; }
.sdct__intro p { margin: 0; color: var(--muted); font-size: 15px; line-height: 1.6; }
.sdct__ways { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin: 0 0 36px; }
.sdct__way { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 22px 14px; border: 1px solid var(--line); border-radius: 8px; background: var(--cream); color: var(--ink) !important; text-align: center; text-decoration: none !important; transition: border-color .2s, box-shadow .2s; }
.sdct__way:hover { border-color: #d7c4a3; box-shadow: 0 10px 24px -14px rgba(70,45,20,.35); }
.sdct__way svg { width: 28px; height: 28px; fill: none; stroke: var(--burgundy); stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.sdct__way strong { font-size: 15px; }
.sdct__way span { color: var(--muted); font-size: 13px; line-height: 1.4; }
.sdct__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 28px; align-items: start; margin: 0 0 36px; }
.sdct__card { padding: 26px; border: 1px solid var(--line); border-radius: 8px; background: #fff; }
.sdct__card h2 { margin: 0 0 12px !important; font-size: 22px !important; }
.sdct__card p { margin: 0 0 12px; font-size: 15px; line-height: 1.6; }
.sdct__hours { width: 100%; margin: 0 0 16px; border-collapse: collapse; font-size: 14px; }
.sdct__hours td { padding: 7px 0; border-bottom: 1px solid var(--line); }
.sdct__hours td + td { text-align: right; }
.sdct__btns { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 6px; }
.sdct__btn { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 0 22px; border-radius: 3px; background: var(--burgundy); color: #fff !important; font-size: 13px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; text-decoration: none !important; }
.sdct__btn--line { background: transparent; color: var(--burgundy) !important; box-shadow: inset 0 0 0 1px var(--burgundy); }
.sdct__map { position: relative; overflow: hidden; border-radius: 8px; border: 1px solid var(--line); aspect-ratio: 4 / 3; background: #efe6d8; }
.sdct__map iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.sdct__find { margin: 14px 0 0; padding: 0; list-style: none; font-size: 14px; line-height: 1.55; color: var(--muted); }
.sdct__find li { padding: 6px 0 6px 18px; position: relative; }
.sdct__find li::before { content: ''; position: absolute; left: 2px; top: 13px; width: 6px; height: 6px; background: var(--gold); transform: rotate(45deg); }
.sdct__appts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 0 0 36px; }
.sdct__appt { padding: 22px; border-radius: 8px; background: #1b1510; color: #efe6d4; box-shadow: inset 0 0 0 1px rgba(214,180,106,.4); }
.sdct__appt h3 { margin: 0 0 6px !important; color: #fff !important; font-size: 19px !important; }
.sdct__appt p { margin: 0 0 14px; color: #d9cdb8; font-size: 14px; line-height: 1.55; }
.sdct__appt a { color: #f3df9f !important; font-size: 13px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; text-decoration: none !important; }
.sdct__legal { margin: 0 0 8px; padding-top: 18px; border-top: 1px solid var(--line); color: var(--muted); font-size: 13px; line-height: 1.7; text-align: center; }
@media (max-width: 749px) {
.sdct__ways { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.sdct__way { padding: 18px 10px; }
.sdct__grid, .sdct__appts { grid-template-columns: 1fr; gap: 16px; }
.sdct__card { padding: 20px; }
.sdct__btn { flex: 1 1 100%; }
}
Hatton Garden · London
Whether you are choosing an engagement ring, planning a bespoke design or need help with an order, our jewellers are here to help, in person at our Hatton Garden showroom, by phone, WhatsApp, email or video call. We reply to every message within one working day.
Visit our showroom
Sunshine Diamonds
35 Ground Floor office
Greville House
35 Greville Street
London EC1N 8TB
United Kingdom
| Monday to Friday |
10:30 – 18:30 |
| Saturday |
10:30 – 17:30 |
| Sunday and bank holidays |
Closed |
Visits are by appointment so a jeweller can give you their full attention. Appointments are free and there is no obligation to buy.
- In Hatton Garden, London's historic jewellery quarter, on Greville Street.
- A few minutes' walk from Farringdon (Elizabeth line, Thameslink, Circle, Hammersmith & City and Metropolitan lines) and Chancery Lane (Central line) stations.
In-person showroom appointment
See and try on engagement rings, wedding rings and fine jewellery, compare natural and lab-grown diamonds side by side, and get expert advice on size, shape and setting.
Book a showroom visit →
Video consultation
Can't visit London? A jeweller will show you pieces and diamonds live on a video call and answer your questions, wherever you are in the UK.
Book a video call →
Sunshine Diamonds · 35 Ground Floor office, Greville House, 35 Greville Street, London EC1N 8TB
VAT registration number GB379685424 · Member of the National Association of Jewellers (NAJ), membership no. 69151
Send us a message
Use the form below and we will reply within one working day.