Mimořádná nabídka
Mimořádná nabídka
/*=== Globální ===*/ .container { max-width:1200px; margin:0 auto; padding:0 15px; } .btn-primary { display:inline-block; background:#FF8C42; color:#fff; padding:12px 24px; border-radius:6px; text-decoration:none; font-weight:600; transition:transform .2s, box-shadow .2s; } .btn-primary:hover { transform:scale(1.03); box-shadow:0 4px 12px rgba(0,0,0,.1); } /*=== 1. Homepage ===*/ .hero-bez-starosti { background:#005FAE; color:#fff; padding:60px 0; } .hero-inner { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; } .hero-text h1 { font-size:2.5rem; margin-bottom:.5rem; } .hero-text p { font-size:1.1rem; margin-bottom:1rem; } .hero-image img { max-width:300px; } .service-icons { display:flex; gap:15px; margin-top:20px; } .service-icons img { width:40px; } /* Info sekce */ .info-bez-starosti { padding:60px 0; display:flex; align-items:center; flex-wrap:wrap; } .info-text { flex:1 1 300px; } .info-text h2 { font-size:2rem; margin-bottom:1rem; } .service-list { list-style:none; padding:0; } .service-list li { display:flex; align-items:center; margin-bottom:.75rem; } .service-list img { width:32px; margin-right:.5rem; } .link-secondary { color:#005FAE; text-decoration:none; font-weight:500; } /*=== 2. Kategorie sedaček ===*/ .category-sedacky .top-banner { background:#FF8C42; color:#fff; text-align:center; padding:15px 0; border-radius:6px; margin-bottom:30px; font-weight:600; } .product-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:20px; } .product-card { position:relative; background:#fff; padding:15px; border:1px solid #eee; border-radius:8px; } .product-card .badge { position:absolute; top:12px; left:12px; background:#FF8C42; color:#fff; padding:6px 8px; display:flex; align-items:center; gap:6px; border-radius:4px; font-size:.85rem; font-weight:600; } .product-card .badge img { width:16px; } /*=== 3. Detail produktu ===*/ .product-detail { padding:60px 0; display:flex; gap:40px; flex-wrap:wrap; } .product-detail .gallery { flex:1 1 300px; text-align:center; } .product-detail .gallery img { max-width:100%; border-radius:8px; } .details { flex:1 1 300px; } .details h1 { font-size:2rem; margin-bottom:.5rem; } .details .price { font-size:1.5rem; color:#FF8C42; margin-bottom:1rem; } .quick-info { display:flex; gap:15px; flex-wrap:wrap; margin-bottom:20px; } .quick-info span { display:flex; align-items:center; gap:6px; font-weight:500; } .quick-info img { width:24px; } .service-box { display:flex; border:1px solid #eee; border-radius:6px; overflow:hidden; margin-top:30px; } .service-box > div { flex:1; padding:15px; text-align:center; font-size:.95rem; border-right:1px solid #eee; } .service-box > div:last-child { border-right:none; } .service-box img { width:28px; margin-bottom:8px; } /*=== Responsivita ===*/ @media(max-width:992px) { .hero-inner, .info-bez-starosti, .product-detail { flex-direction:column; } .hero-inner .hero-image, .info-image, .details, .gallery { margin-top:30px; } }