/* Kwiaciarnia Casablanca — Kraków */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:Georgia,serif;font-size:16px;color:#333;background:#fff;margin:0;padding:0;line-height:1.7}
a{color:#c8956c;text-decoration:none;transition:color .2s}
a:hover{color:#9a6240}
img{max-width:100%;height:auto;display:block}

/* Layout */
.container{max-width:1100px;margin:0 auto;padding:0 24px}

/* Header */
header{background:#fff;border-bottom:2px solid #c8956c;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:10px 0}
.logo img{max-height:60px;width:auto}
nav ul{list-style:none;margin:0;padding:0;display:flex;gap:4px}
nav ul li a{display:block;padding:8px 16px;color:#333;font-family:sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;border-radius:3px;transition:background .2s,color .2s}
nav ul li a:hover,nav ul li a.active{background:#c8956c;color:#fff}

/* Hero */
.hero{position:relative;overflow:hidden;max-height:460px}
.hero img{width:100%;height:460px;object-fit:cover}
.hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,rgba(0,0,0,.1),rgba(0,0,0,.4));display:flex;align-items:center;justify-content:center}
.hero-text{text-align:center;color:#fff;padding:20px}
.hero-text h1{font-size:36px;margin:0 0 10px;text-shadow:0 2px 8px rgba(0,0,0,.4)}
.hero-text p{font-size:18px;margin:0;text-shadow:0 1px 4px rgba(0,0,0,.3)}

/* Sections */
.section{padding:48px 0}
.section-alt{background:#faf6f2}
.section h2{font-size:26px;color:#9a6240;margin:0 0 20px;text-align:center}
.section h3{font-size:20px;color:#9a6240;margin:0 0 12px}
.section p{color:#555;margin:0 0 16px}

/* Cards */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-top:24px}
.card{background:#fff;border:1px solid #e8ddd4;border-radius:6px;overflow:hidden;transition:box-shadow .2s}
.card:hover{box-shadow:0 4px 16px rgba(200,149,108,.18)}
.card img{width:100%;height:180px;object-fit:cover}
.card-body{padding:20px;text-align:center}
.card-body h3{margin-top:0;font-size:18px;color:#333}
.card-body p{font-size:14px;color:#666}

/* Image with text */
.img-text{display:flex;gap:32px;align-items:center}
.img-text img{flex:0 0 45%;border-radius:6px;max-height:360px;object-fit:cover}
.img-text .text{flex:1}
.img-text-reverse{flex-direction:row-reverse}

/* Buttons */
.btn{display:inline-block;padding:10px 24px;background:#c8956c;color:#fff;font-family:sans-serif;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-radius:3px;transition:background .2s;border:none;cursor:pointer}
.btn:hover{background:#9a6240;color:#fff}
.btn-outline{background:transparent;border:2px solid #c8956c;color:#c8956c}
.btn-outline:hover{background:#c8956c;color:#fff}

/* Page header */
.page-header{background:#c8956c;color:#fff;padding:40px 0;text-align:center}
.page-header h1{font-size:32px;margin:0 0 8px;color:#fff}
.page-header p{color:#f5e6d8;font-size:16px;margin:0}

/* Content page */
.content-page h2{font-size:24px;color:#9a6240;margin:32px 0 12px}
.content-page h2:first-child{margin-top:0}
.content-page p{color:#555;margin:0 0 16px}
.content-page ul{color:#555;padding-left:24px}
.content-page li{margin-bottom:8px}

/* Contact */
.contact-info{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:24px}
.contact-box{background:#faf6f2;padding:28px;border-radius:6px;border-left:4px solid #c8956c}
.contact-box h3{margin-top:0;color:#9a6240}
.contact-box p{margin:4px 0;color:#555}

/* Footer */
footer{background:#2c2c2c;color:#ccc;padding:32px 0 16px}
.footer-inner{display:flex;flex-wrap:wrap;gap:32px;justify-content:space-between;align-items:flex-start}
.footer-col h4{color:#e8c8a8;font-family:sans-serif;font-size:14px;text-transform:uppercase;letter-spacing:.06em;margin:0 0 12px}
.footer-col p,.footer-col a{font-size:13px;color:#aaa;margin:4px 0;display:block}
.footer-col a:hover{color:#c8956c}
.footer-col ul{list-style:none;margin:0;padding:0}
.footer-col ul li a{font-size:13px;color:#aaa;padding:2px 0;display:block}
.footer-col ul li a:hover{color:#c8956c}
.footer-col .logo-footer{filter:brightness(0) invert(1);opacity:.7;max-height:50px}
.footer-bottom{border-top:1px solid #444;margin-top:24px;padding-top:16px;text-align:center}
.footer-bottom p{font-size:12px;color:#777;margin:0}

/* Responsive */
@media(max-width:768px){
  .header-inner{flex-direction:column;gap:8px}
  nav ul{flex-wrap:wrap;justify-content:center}
  .hero img{height:280px}
  .hero-text h1{font-size:24px}
  .img-text,.img-text-reverse{flex-direction:column}
  .img-text img{flex:none;width:100%}
  .contact-info{grid-template-columns:1fr}
  .footer-inner{flex-direction:column;gap:20px}
  .page-header h1{font-size:24px}
}