Garvee 2' x 6' Camel Vintage Botanical Bird & Snake Runner Rug, Washable Non-Slip Soft Low-Pile Rug for Hallway, Kitchen & Entryway
.garvee-camel-botanical-rug-page {
--primary: #76663f;
--primary-dark: #574a2f;
--primary-light: #f4efe3;
--border: #ded3b9;
--text: #2f342f;
--muted: #5d625e;
--white: #ffffff;
max-width: 1180px;
margin: 0 auto;
padding: 24px 16px;
font-family: Arial, Helvetica, sans-serif;
color: var(--text);
line-height: 1.6;
background: var(--white);
box-sizing: border-box;
}
.garvee-camel-botanical-rug-page * {
box-sizing: border-box;
}
.garvee-camel-botanical-rug-page img {
display: block;
width: 100%;
max-width: 100%;
}
.camel-rug-section {
margin-bottom: 38px;
}
.camel-rug-label {
display: inline-block;
margin-bottom: 12px;
padding: 6px 14px;
color: var(--white);
background: var(--primary);
border-radius: 999px;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.07em;
text-transform: uppercase;
}
.camel-rug-hero h2,
.camel-rug-copy h2,
.camel-rug-size-box h2,
.camel-rug-spec-title {
margin: 0 0 14px;
color: var(--primary-dark);
font-size: 30px;
line-height: 1.25;
font-weight: 700;
}
.camel-rug-hero p,
.camel-rug-copy p,
.camel-rug-card p,
.camel-rug-size-box p {
margin: 0;
color: var(--muted);
font-size: 15px;
}
/* Hero */
.camel-rug-hero {
display: grid;
grid-template-columns: 1.04fr 0.96fr;
gap: 32px;
align-items: center;
padding: 30px;
background: linear-gradient(135deg, #f8f4e9 0%, #ffffff 100%);
border: 1px solid var(--border);
border-radius: 24px;
}
.camel-rug-hero-visual {
position: relative;
min-width: 0;
}
.camel-rug-main-image {
overflow: hidden;
aspect-ratio: 1 / 1;
padding: 9px;
background: var(--white);
border: 1px solid var(--border);
border-radius: 20px;
box-shadow: 0 10px 28px rgba(87, 74, 47, 0.1);
}
.camel-rug-main-image img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 14px;
}
.camel-rug-detail-image {
position: absolute;
right: -10px;
bottom: 18px;
width: 31%;
overflow: hidden;
aspect-ratio: 1 / 1;
padding: 5px;
background: var(--white);
border: 1px solid var(--border);
border-radius: 15px;
box-shadow: 0 8px 22px rgba(87, 74, 47, 0.16);
}
.camel-rug-detail-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.camel-rug-hero ul {
margin: 16px 0 0;
padding-left: 20px;
}
.camel-rug-hero li {
margin-bottom: 8px;
color: #414843;
font-size: 15px;
}
.camel-rug-badges {
display: flex;
flex-wrap: wrap;
gap: 9px;
margin-top: 18px;
}
.camel-rug-badge {
padding: 8px 12px;
color: var(--primary-dark);
background: var(--white);
border: 1px solid var(--border);
border-radius: 999px;
font-size: 13px;
font-weight: 700;
}
/* Three feature cards */
.camel-rug-feature-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 18px;
align-items: stretch;
}
.camel-rug-card {
display: flex;
flex-direction: column;
min-width: 0;
overflow: hidden;
background: #fbf9f3;
border: 1px solid var(--border);
border-radius: 18px;
box-shadow: 0 6px 18px rgba(87, 74, 47, 0.06);
}
.camel-rug-card-image {
overflow: hidden;
aspect-ratio: 1 / 1;
padding: 8px;
background: var(--white);
border-bottom: 1px solid var(--border);
}
.camel-rug-card-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.camel-rug-card-text {
flex: 1;
padding: 18px 16px 20px;
text-align: center;
}
.camel-rug-card h3 {
margin: 0 0 8px;
color: var(--primary-dark);
font-size: 18px;
line-height: 1.3;
}
/* Alternating image and text sections */
.camel-rug-split {
display: grid;
grid-template-columns: minmax(0, 0.93fr) minmax(0, 1.07fr);
gap: 32px;
align-items: center;
padding: 24px;
background: #fffdf9;
border: 1px solid #eee6d4;
border-radius: 22px;
}
.camel-rug-split.reverse {
grid-template-columns: minmax(0, 1.07fr) minmax(0, 0.93fr);
}
/*
The original images are horizontal A+ graphics.
A 4:3 container with object-fit: cover removes the large
empty areas caused by placing them in a square container.
*/
.camel-rug-split-image {
width: 100%;
overflow: hidden;
aspect-ratio: 4 / 3;
padding: 0;
background: var(--white);
border: 1px solid var(--border);
border-radius: 18px;
box-shadow: 0 7px 22px rgba(87, 74, 47, 0.08);
}
.camel-rug-split-image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.camel-rug-copy {
padding: 8px 4px;
}
.camel-rug-copy h2 {
font-size: 27px;
}
.camel-rug-benefits {
margin: 18px 0 0;
padding: 0;
list-style: none;
}
.camel-rug-benefits li {
position: relative;
margin-bottom: 12px;
padding-left: 19px;
color: #414843;
font-size: 15px;
}
.camel-rug-benefits li::before {
content: "";
position: absolute;
left: 0;
top: 9px;
width: 7px;
height: 7px;
background: var(--primary);
border-radius: 50%;
}
.camel-rug-benefits strong {
color: var(--primary-dark);
}
/* Size section */
.camel-rug-size-box {
padding: 30px 26px;
text-align: center;
background: linear-gradient(135deg, #fbf8ef 0%, #ffffff 100%);
border: 1px solid var(--border);
border-radius: 22px;
}
.camel-rug-size-box > p {
max-width: 770px;
margin: 0 auto;
}
.camel-rug-size-list {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
margin: 20px 0 0;
padding: 0;
list-style: none;
}
.camel-rug-size-list li {
padding: 9px 16px;
color: var(--primary-dark);
background: var(--white);
border: 1px solid var(--border);
border-radius: 999px;
font-size: 14px;
font-weight: 700;
box-shadow: 0 3px 10px rgba(87, 74, 47, 0.04);
}
.camel-rug-size-guide {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 14px;
margin-top: 20px;
text-align: left;
}
.camel-rug-size-item {
padding: 17px 15px;
background: var(--white);
border: 1px solid var(--border);
border-radius: 14px;
}
.camel-rug-size-item strong {
display: block;
margin-bottom: 5px;
color: var(--primary-dark);
font-size: 15px;
}
.camel-rug-size-item span {
display: block;
color: var(--muted);
font-size: 14px;
}
/* Specifications */
.camel-rug-spec-wrap {
padding: 30px 26px;
background: #fbf9f3;
border: 1px solid var(--border);
border-radius: 22px;
}
.camel-rug-spec-title {
text-align: center;
font-size: 26px;
}
.camel-rug-spec-table {
width: 100%;
overflow: hidden;
background: var(--white);
border: 1.5px solid var(--primary);
border-collapse: separate;
border-spacing: 0;
border-radius: 14px;
}
.camel-rug-spec-table td {
padding: 14px 18px;
border-bottom: 1px solid #e5dcc8;
vertical-align: top;
font-size: 15px;
}
.camel-rug-spec-table tr:last-child td {
border-bottom: 0;
}
.camel-rug-spec-table td:first-child {
width: 35%;
color: #353833;
background: var(--primary-light);
font-weight: 700;
}
.camel-rug-spec-table td:last-child {
color: var(--primary-dark);
font-weight: 700;
}
.camel-rug-note {
margin-top: 18px;
padding: 15px 17px;
color: var(--muted);
background: var(--white);
border-left: 4px solid var(--primary);
border-radius: 10px;
font-size: 14px;
}
@media (max-width: 900px) {
.camel-rug-hero,
.camel-rug-feature-grid,
.camel-rug-split,
.camel-rug-split.reverse,
.camel-rug-size-guide {
grid-template-columns: 1fr;
}
.camel-rug-detail-image {
right: 12px;
bottom: 12px;
width: 27%;
}
.camel-rug-split-image {
max-width: 620px;
margin: 0 auto;
}
}
@media (max-width: 768px) {
.garvee-camel-botanical-rug-page {
padding: 16px 10px;
}
.camel-rug-section {
margin-bottom: 26px;
}
.camel-rug-hero,
.camel-rug-split,
.camel-rug-size-box,
.camel-rug-spec-wrap {
padding: 18px 14px;
border-radius: 18px;
}
.camel-rug-hero h2,
.camel-rug-copy h2,
.camel-rug-size-box h2,
.camel-rug-spec-title {
font-size: 23px;
}
.camel-rug-hero p,
.camel-rug-copy p,
.camel-rug-card p,
.camel-rug-size-box p,
.camel-rug-hero li,
.camel-rug-benefits li {
font-size: 14px;
}
.camel-rug-main-image {
padding: 6px;
border-radius: 16px;
}
.camel-rug-detail-image {
right: 8px;
bottom: 8px;
width: 30%;
padding: 4px;
border-radius: 12px;
}
.camel-rug-card-image {
aspect-ratio: 4 / 3;
}
.camel-rug-split-image {
aspect-ratio: 4 / 3;
border-radius: 14px;
}
.camel-rug-size-list {
gap: 8px;
}
.camel-rug-size-list li {
padding: 8px 11px;
font-size: 13px;
}
.camel-rug-spec-table td {
display: block;
width: 100%;
padding: 11px 14px;
}
.camel-rug-spec-table td:first-child {
width: 100%;
padding-bottom: 4px;
}
.camel-rug-spec-table td:last-child {
padding-top: 4px;
}
}
Vintage Botanical Bird & Snake Rug