/* Componente proprii peste tokens-urile Webflow (rotocon.css + product-vars.css).
   Clasele Webflow de layout (g_section_space = spacer cu height fixă) NU se folosesc
   pe secțiuni cu conținut — aici definim secțiunile noastre. */

.rw-section { padding: clamp(2.5rem, 6vw, 5rem) 0; }
.rw-section--tight { padding: clamp(1.5rem, 3vw, 2.5rem) 0; }
.rw-center { text-align: center; }

.rw-header { padding: 1rem 0; border-bottom: 1px solid var(--_theme---border, #403e3d1f); }
.rw-header .u-container { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.rw-logo { font-family: Generalsans, sans-serif; font-weight: 600; letter-spacing: .06em; font-size: 1.25rem; }
.rw-logo span { color: var(--swatch--brand, #f00); }
.rw-nav { display: flex; gap: 1.5rem; }

.rw-hero { text-align: center; }
.rw-hero h1 { margin: 0 0 .5rem; }
.rw-hero .rw-eyebrow { color: var(--swatch--brand, #f00); letter-spacing: .1em; text-transform: uppercase; font-size: .8rem; font-weight: 600; margin-bottom: .75rem; }
.rw-hero img { width: min(100%, 960px); height: auto; object-fit: contain; margin: 1.5rem auto; display: block; }

.rw-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 1.5rem; margin-top: 1.5rem; }
.rw-card { background: var(--swatch--light, #fff); border: 1px solid var(--_theme---border, #403e3d1f); border-radius: 4px; overflow: hidden; }
.rw-card img { width: 100%; height: auto; aspect-ratio: 8 / 5; object-fit: contain; background: var(--swatch--light-secondary, #f2f1ed); display: block; }
.rw-card > div { padding: 1rem 1.25rem 1.25rem; }
.rw-card h3 { margin: 0 0 .25rem; }
.rw-card p { margin: .15rem 0; }
.rw-card a { color: inherit; }
.rw-card .rw-card-cta { color: var(--swatch--brand, #f00); font-weight: 600; }

.rw-details table { width: 100%; border-collapse: collapse; margin-top: 1rem; }
.rw-details th, .rw-details td { text-align: left; padding: .6rem .5rem; border-bottom: 1px solid var(--_theme---border, #ffffff2e); }
.rw-details th { font-weight: 500; opacity: .8; width: 40%; }

.rw-cta-btn { background: var(--swatch--brand, #f00); color: #fff; padding: .9rem 2rem; border-radius: 4px; display: inline-block; font-weight: 600; }
.rw-cta-btn:hover { background: var(--swatch--brand-darker, #b30000); }

.rw-footer { padding: 2rem 0; margin-top: 3rem; }

@media (max-width: 640px) { .rw-nav { gap: 1rem; } }