The Mistley Side Gate Range
£192.00
Ex VAT
- Handmade in the UK
- Made to measure
- Premium timber
- Delivery available
Delivery calculated at checkout.
Handcrafted to last a lifetime
Every gate is made by skilled craftsmen using traditional methods and the finest quality timber. Built to withstand the elements and enhance your property for years to come.
/* ===========================================================================
OAKLAND — TRUST BAR
Mobile-first: single column, then 2-up, then 4-up with dividers.
=========================================================================== */
.ok-tbar {
background: var(--ok-tbar-bg, #f2efe8);
color: var(--ok-tbar-text, #2f4232);
padding: 20px 0;
}
.ok-tbar__list {
display: grid;
grid-template-columns: 1fr;
row-gap: 16px;
margin: 0;
padding: 0;
list-style: none;
}
.ok-tbar__item {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 12px;
padding: 0;
border-left: 0;
}
.ok-tbar__icon {
flex: 0 0 auto;
display: block;
width: 26px;
height: 26px;
color: currentColor;
}
.ok-tbar__icon svg {
display: block;
width: 100%;
height: 100%;
}
.ok-tbar__text {
display: flex;
flex-direction: column;
gap: 1px;
min-width: 0;
}
.ok-tbar__title {
font-size: 11.5px;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
line-height: 1.25;
}
.ok-tbar__sub {
font-size: 12px;
line-height: 1.35;
opacity: 0.75;
/* Long subtitles wrap rather than overflow on narrow screens */
overflow-wrap: anywhere;
}
/* ---------- Two columns ---------- */
@media screen and (min-width: 600px) {
.ok-tbar { padding: 24px 0; }
.ok-tbar__list {
grid-template-columns: repeat(2, minmax(0, 1fr));
row-gap: 20px;
}
.ok-tbar__item { padding: 2px 14px; }
/* Divider on the second item of each row only */
.ok-tbar__item:nth-child(even) {
border-left: 1px solid rgba(47, 66, 50, 0.16);
}
}
/* ---------- Four columns ---------- */
@media screen and (min-width: 1024px) {
.ok-tbar { padding: 26px 0; }
.ok-tbar__list {
grid-template-columns: repeat(4, minmax(0, 1fr));
row-gap: 0;
}
.ok-tbar__item {
justify-content: center;
gap: 14px;
padding: 2px 22px;
border-left: 1px solid rgba(47, 66, 50, 0.16);
}
.ok-tbar__item:first-child { border-left: 0; }
.ok-tbar__icon { width: 30px; height: 30px; }
.ok-tbar__title { font-size: 12px; letter-spacing: 0.09em; }
}
