.cr-page{overflow-x:hidden}

.cr-hero{position:relative;min-height:80vh;display:flex;align-items:center}
.cr-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cr-hero-overlay{position:absolute;inset:0;background:rgba(39,35,33,0.6)}
.cr-hero-inner{position:relative;display:flex}
.cr-hero-text{max-width:480px;color:var(--color-text-inverse);display:flex;flex-direction:column;gap:var(--space-2)}
.cr-hero-sub{color:#ddd}

.cr-unique-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-3)}
.cr-card{display:flex;flex-direction:column;gap:var(--space-2);text-align:center}
.cr-card:hover{border-color:var(--color-accent-gold)}

.cr-types{background:var(--color-surface-base)}
.cr-types-grid{display:grid;grid-template-columns:60% 40%;gap:var(--space-4)}
.cr-types-text{max-width:700px}
.cr-type{margin-bottom:var(--space-3)}

.cr-image-block{position:relative}
.cr-image-block img{width:100%;height:auto}
.cr-image-caption{position:absolute;bottom:var(--space-3);left:var(--space-3);background:rgba(39,35,33,0.7);color:white;padding:var(--space-2);max-width:300px}

.cr-packages-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-3)}

.cr-gastro-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-items:center}
.cr-gastro-text{max-width:600px}

.cr-details-inner{max-width:700px;margin-inline:auto}

.cr-why-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);text-align:center;margin-top:var(--space-3)}

.cr-cta-inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2);max-width:500px;margin-inline:auto}

@media(max-width:1024px){
.cr-unique-grid,.cr-packages-grid,.cr-why-grid{grid-template-columns:1fr 1fr}
.cr-types-grid{grid-template-columns:1fr}
.cr-gastro-grid{grid-template-columns:1fr}
}

@media(max-width:600px){
.cr-unique-grid,.cr-packages-grid,.cr-why-grid{grid-template-columns:1fr}
.cr-hero{min-height:70vh}
.cr-hero-text{max-width:100%}
}