Hanging Rabbit Hay Feeder Bag

.rc-product-description,
.rc-product-description * {
box-sizing: border-box;
}

.rc-product-description {
–rc-sage-dark: #4e6b45;
–rc-moss: #2f4a2e;
–rc-gold: #d7a64b;
–rc-charcoal: #2d2d2b;
–rc-muted: #6f6a61;
–rc-shadow: 0 18px 48px rgba(64, 43, 28, 0.10);
–rc-radius-xl: 30px;
–rc-radius-lg: 22px;
–rc-font-heading: Georgia, “Times New Roman”, serif;
–rc-font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, “Segoe UI”, sans-serif;

font-family: var(–rc-font-body);
color: var(–rc-charcoal);
line-height: 1.65;
margin-top: 28px;
}

.rc-product-description .rc-pill {
display: inline-flex;
align-items: center;
gap: 8px;
color: var(–rc-sage-dark);
font-size: 0.82rem;
font-weight: 900;
letter-spacing: 0.04em;
text-transform: uppercase;
margin-bottom: 10px;
}

.rc-product-description .rc-pill::before {
content: “✦”;
color: var(–rc-gold);
}

.rc-product-hero {
padding: 30px;
border-radius: var(–rc-radius-xl);
background: linear-gradient(135deg, #fff9ef, #ffffff);
border: 1px solid rgba(78, 107, 69, 0.12);
box-shadow: var(–rc-shadow);
margin-bottom: 30px;
text-align: center;
}

.rc-product-hero h2,
.rc-product-section h2 {
font-family: var(–rc-font-heading);
color: var(–rc-charcoal);
line-height: 1;
letter-spacing: -0.04em;
margin: 0 0 14px;
}

.rc-product-hero h2 {
font-size: clamp(2rem, 4vw, 3.4rem);
}

.rc-product-section h2 {
font-size: clamp(1.8rem, 3vw, 2.6rem);
text-align: center;
}

.rc-product-hero p {
max-width: 760px;
margin: 0 auto;
color: var(–rc-muted);
font-size: 1.05rem;
}

.rc-product-badges {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
margin-top: 20px;
}

.rc-product-badge {
display: inline-flex;
align-items: center;
padding: 8px 12px;
border-radius: 999px;
background: rgba(127, 155, 114, 0.14);
color: var(–rc-sage-dark);
font-size: 0.88rem;
font-weight: 800;
}

.rc-product-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 18px;
margin: 24px 0 34px;
}

.rc-product-card {
padding: 22px;
border-radius: var(–rc-radius-lg);
background: #ffffff;
border: 1px solid rgba(78, 107, 69, 0.12);
box-shadow: 0 12px 30px rgba(64, 43, 28, 0.08);
}

.rc-product-card span {
display: block;
font-size: 2rem;
margin-bottom: 12px;
}

.rc-product-card h3 {
margin: 0 0 8px;
color: var(–rc-moss);
font-size: 1.1rem;
line-height: 1.2;
}

.rc-product-card p {
margin: 0;
color: var(–rc-muted);
font-size: 0.95rem;
}

.rc-product-section {
margin: 36px 0;
}

.rc-product-list {
max-width: 780px;
margin: 20px auto 0;
padding: 0;
list-style: none;
display: grid;
gap: 12px;
}

.rc-product-list li {
padding: 16px 18px;
border-radius: 18px;
background: #ffffff;
border: 1px solid rgba(78, 107, 69, 0.10);
color: var(–rc-muted);
box-shadow: 0 8px 22px rgba(64, 43, 28, 0.06);
}

.rc-product-list strong {
color: var(–rc-moss);
}

.rc-product-note {
margin-top: 30px;
padding: 20px;
border-radius: 22px;
background: #fff9ef;
border: 1px solid rgba(215, 166, 75, 0.28);
color: var(–rc-muted);
text-align: center;
font-size: 0.95rem;
}

@media (max-width: 800px) {
.rc-product-hero {
padding: 22px;
}

.rc-product-grid {
grid-template-columns: 1fr 1fr;
}
}

@media (max-width: 520px) {
.rc-product-grid {
grid-template-columns: 1fr;
}
}