Shipping policy

/* Base Styles */ :root { --primary-green: #2e7d32; /* Natural Green */ --light-green: #e8f5e9; --text-dark: #1b1b1b; --text-grey: #555; --bg-offwhite: #faf8f5; --card-shadow: 0 4px 12px rgba(0,0,0,0.08); --hover-shadow: 0 8px 24px rgba(46, 125, 50, 0.15); } .gh-container { font-family: 'Segoe UI', Inter, system-ui, -apple-system, sans-serif; color: var(--text-dark); line-height: 1.6; max-width: 900px; margin: 0 auto; padding: 20px; background: var(--bg-offwhite); } h2, h3 { color: var(--text-dark); margin-bottom: 0.5em; } .gh-section-title { text-align: center; font-size: 2em; margin-bottom: 1em; /* Adjusted margin */ color: var(--primary-green); font-weight: 700; } /* Posti Logo Styles */ .partner-logo-container { text-align: center; margin-bottom: 40px; } .partner-logo { height: 100px; /* Zvětšeno z 40px na 100px */ width: auto; max-width: 100%; /* Aby se vešlo na mobil */ display: inline-block; margin-top: 15px; filter: grayscale(100%); opacity: 0.8; transition: filter 0.3s, opacity 0.3s; } .partner-logo:hover { filter: grayscale(0%); opacity: 1; } /* Shipping Cards Grid */ .shipping-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin-bottom: 40px; } .shipping-card { background: #ffffff; border-radius: 16px; padding: 24px; text-align: center; box-shadow: var(--card-shadow); transition: transform 0.3s ease, box-shadow 0.3s ease; border: 1px solid transparent; position: relative; overflow: hidden; display: flex; flex-direction: column; align-items: center; } .shipping-card:hover { transform: translateY(-5px); box-shadow: var(--hover-shadow); border-color: var(--light-green); } /* Styles for the main shipping images that replaced icons */ .shipping-card-image { width: 100%; height: 160px; /* Fixed height for consistency */ object-fit: contain; /* Keeps aspect ratio */ margin-bottom: 15px; display: block; } .shipping-title { font-weight: 700; font-size: 1.1em; margin-bottom: 8px; display: block; } .shipping-time { color: var(--primary-green); font-weight: 600; font-size: 0.95em; background: var(--light-green); padding: 4px 12px; border-radius: 20px; display: inline-block; margin-bottom: 12px; } .shipping-desc { font-size: 0.9em; color: var(--text-grey); flex-grow: 1; /* Ensures text takes available space */ } .badge-cheapest { position: absolute; top: 12px; right: 12px; background: #ff9800; color: white; font-size: 0.7em; font-weight: bold; padding: 4px 8px; border-radius: 4px; text-transform: uppercase; z-index: 2; } /* Packaging Section Styles */ .packaging-section { margin-bottom: 50px; } .packaging-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 25px; } .packaging-step { background: white; border-radius: 12px; overflow: hidden; box-shadow: var(--card-shadow); text-align: center; display: flex; flex-direction: column; } .packaging-img-wrapper { width: 100%; height: 200px; background-color: #eee; position: relative; overflow: hidden; } .packaging-img-wrapper img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; } .packaging-step:hover .packaging-img-wrapper img { transform: scale(1.05); } .packaging-content { padding: 20px; flex-grow: 1; display: flex; flex-direction: column; } .packaging-title { font-weight: 700; font-size: 1.1em; margin-bottom: 10px; color: #2d2d2d; } .packaging-text { font-size: 0.9em; color: var(--text-grey); line-height: 1.5; } /* Guarantee Section */ .guarantee-section { background: linear-gradient(135deg, #ffffff 0%, #f1f8e9 100%); border-radius: 16px; padding: 40px; margin-bottom: 40px; text-align: center; border: 1px solid #dcedc8; position: relative; } .guarantee-icon { width: 60px; height: 60px; fill: var(--primary-green); margin-bottom: 20px; animation: pulse 2s infinite; } .guarantee-text { font-size: 1.05em; max-width: 700px; margin: 0 auto 20px auto; } .guarantee-highlight { font-weight: bold; color: var(--primary-green); font-size: 1.2em; display: block; margin-top: 15px; } /* Contact Section */ .contact-section { background: #263238; /* Dark elegant background */ color: white; border-radius: 12px; padding: 30px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 20px; } .contact-text h3 { color: white; margin: 0 0 10px 0; } .contact-text p { margin: 0; opacity: 0.9; font-size: 0.95em; } .contact-actions { display: flex; gap: 15px; flex-wrap: wrap; } .contact-btn { text-decoration: none; padding: 10px 20px; border-radius: 8px; font-weight: 600; transition: background 0.2s; display: flex; align-items: center; gap: 8px; } .btn-email { background: white; color: #263238; } .btn-email:hover { background: #f0f0f0; } .btn-phone { background: var(--primary-green); color: white; } .btn-phone:hover { background: #256629; } /* Animations */ @keyframes pulse { 0% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.05); opacity: 0.8; } 100% { transform: scale(1); opacity: 1; } } /* Responsive Adjustments */ @media (max-width: 600px) { .contact-section { flex-direction: column; text-align: center; } .contact-actions { justify-content: center; width: 100%; } .contact-btn { width: 100%; justify-content: center; } }