.dw-shop-hero {
background: var(–dw-cream);
padding: 4rem 6vw 3rem;
text-align: center;
}
.dw-shop-hero h1 { font-style: italic; margin-bottom: 0.75rem; }
.dw-shop-hero p { max-width: 540px; margin: 0 auto 0.75rem; font-size: 1rem; font-weight: 300; }
.dw-shop-disclosure {
display: inline-block;
font-size: 0.78rem;
color: var(–dw-warm-gray);
background: rgba(196,113,74,0.07);
border: 1px solid var(–dw-sand);
padding: 0.4rem 0.9rem;
border-radius: 20px;
margin-top: 0.5rem;
}
.dw-shop-body { max-width: 960px; margin: 0 auto; padding: 4rem 2rem; }
.dw-shop-section { margin-bottom: 3.5rem; }
.dw-shop-section h2 { font-size: 1.6rem; border-bottom: 2px solid var(–dw-sand); padding-bottom: 0.75rem; margin-bottom: 1.5rem; }
.dw-shop-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1.25rem;
}
.dw-shop-item {
background: var(–dw-cream);
border-radius: 8px;
padding: 1.25rem;
border: 1px solid var(–dw-sand);
text-align: center;
transition: box-shadow 0.2s;
}
.dw-shop-item:hover { box-shadow: var(–dw-shadow); }
.dw-shop-item-emoji { font-size: 2.5rem; display: block; margin-bottom: 0.75rem; }
.dw-shop-item h4 { font-size: 0.95rem; margin-bottom: 0.35rem; color: var(–dw-charcoal); }
.dw-shop-item p { font-size: 0.82rem; color: var(–dw-warm-gray); margin-bottom: 0.85rem; line-height: 1.55; }
.dw-shop-item a {
display: inline-block;
font-size: 0.75rem;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(–dw-terracotta) !important;
border-bottom: 1px solid var(–dw-terracotta);
text-decoration: none;
padding-bottom: 1px;
}
.dw-shop-coming-soon {
background: var(–dw-cream);
border: 2px dashed var(–dw-sand);
border-radius: 8px;
padding: 2rem;
text-align: center;
color: var(–dw-mid-gray);
font-style: italic;
}
@media(max-width:680px){ .dw-shop-grid{ grid-template-columns:1fr 1fr; } }
@media(max-width:400px){ .dw-shop-grid{ grid-template-columns:1fr; } }