.homepage{color:#2c3e50;background-color:#fff}.hero{position:relative;height:300px;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero__background{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center}.hero__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#00000080,#0006)}.hero__content{position:relative;z-index:10;text-align:center;padding:0 20px;max-width:800px}.hero__title{font-size:28px;font-weight:700;color:#fff;margin-bottom:12px;line-height:1.3}.hero__subtitle{font-size:16px;color:#fff;opacity:.95;margin-bottom:24px}.hero__search{max-width:600px;width:100%;margin:0 auto}.search__input{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 12px 12px 24px;background-color:#fff;border:1px solid #dddddd;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 1px 2px #00000014,0 4px 12px #0000000d;text-decoration:none}.search__input:hover{box-shadow:0 2px 4px #0000001a,0 8px 16px #0000001a}.search__input-text{flex:1;font-size:16px;color:#222;font-weight:600;text-align:left;padding-left:8px}.search__button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;flex-shrink:0;transition:transform .2s ease}.search__input:hover .search__button{transform:scale(1.05)}.search__icon{width:20px;height:20px;color:#fff;stroke-width:3}.section{padding:40px 20px;background-color:#fff}.section--grey{background-color:#f8f9fa}.section__container{max-width:1200px;margin:0 auto}.section__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.section__title{font-size:22px;font-weight:700;color:#2c3e50}.section__link{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:#e8eaf6;border:none;border-radius:50%;text-decoration:none;transition:all .3s ease;flex-shrink:0}.section__link:hover{background-color:#d1d5f0;transform:scale(1.1);box-shadow:0 2px 8px #667eea33}.section__link svg{width:16px;height:16px;color:#667eea;stroke-width:2.5}.section__description{font-size:14px;color:#7f8c8d;margin-top:0;margin-bottom:20px;line-height:1.5}.carousel-wrapper{position:relative}.carousel{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.carousel::-webkit-scrollbar{display:none}.carousel__track{display:flex;gap:16px;padding-bottom:10px;padding-left:2px;padding-right:2px}.carousel__nav{display:none}.card{flex:0 0 280px;background-color:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;cursor:pointer;display:flex;flex-direction:column}.card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000026}.card__image{height:180px;background-size:cover;background-position:center;position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:12px;gap:6px;background-color:#e2e8f0}.card__badge{background-color:#fffffff2;color:#2c3e50;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;line-height:1}.card__badge--new{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.card__badge--updated{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.card__badge--puppies{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.card__badge--expected{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.card__badge--available{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.card__badge--reserved{background:linear-gradient(135deg,#ec4899,#db2777);color:#fff}.card__badge--sold{background:linear-gradient(135deg,#ff6b6b,#ee5a5a);color:#fff}.card__content{padding:16px;display:flex;flex-direction:column;flex:1}.card__header{display:flex;align-items:center;gap:8px;margin-bottom:0}.card__title{font-size:18px;font-weight:700;color:#2c3e50;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.card__rating{font-size:13px;color:#2c3e50;margin-top:-3px;margin-bottom:12px}.card__breed{font-size:14px;color:#7f8c8d;margin-bottom:10px;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.breed-item{display:inline}.card__details{display:flex;align-items:center;gap:12px;margin-bottom:10px}.card__gender{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-top:2px}.card__gender svg{width:18px;height:18px}.card__gender--male{color:#64b5f6}.card__gender--female{color:#f48fb1}.card__age{font-size:13px;color:#2c3e50;font-weight:600}.card__location{display:flex;align-items:center;gap:6px;font-size:13px;line-height:1.4;margin-top:auto;margin-bottom:0}.card__flag{width:18px;height:13px;object-fit:cover;border-radius:2px;flex-shrink:0;display:block;margin-top:-2px}.card__country{color:#2c3e50;font-weight:600}.card__place{color:#7f8c8d}.card__button{display:block;width:100%;margin-top:16px;padding:10px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center;text-decoration:none;border-radius:8px;font-size:14px;font-weight:600;transition:all .3s ease}.card__button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.cta{background:linear-gradient(135deg,#ff6b35,#ff3d00);padding:80px 20px;position:relative;overflow:hidden}.cta__dog{display:block;position:absolute;right:calc(-80% + 60px);bottom:0;height:115%;width:auto;z-index:5;pointer-events:none;opacity:.5}.cta__container{max-width:800px;margin:0 auto;text-align:center;position:relative;z-index:10}.cta__content{color:#fff}.cta__title{font-size:32px;font-weight:700;margin-bottom:16px;text-shadow:0 1px 3px rgba(0,0,0,.3)}.cta__text{font-size:17px;line-height:1.6;margin-bottom:10px;opacity:.95;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.3)}.cta__arrow-center{display:block;width:15px;height:auto;margin:5px auto 10px;filter:brightness(0) invert(1);opacity:.8}.cta__button{display:inline-flex;align-items:center;gap:10px;background-color:#fff;color:#ff6b35;padding:16px 32px;border-radius:30px;text-decoration:none;font-weight:700;font-size:16px;transition:all .2s ease;box-shadow:0 4px 16px #0003}.cta__button:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 24px #00000059;background-color:#fff}.cta__button:active{transform:translateY(-1px) scale(.98);box-shadow:0 2px 8px #00000040}.how-it-works{background-color:#f8f9fa;padding:0;overflow:hidden}.how-it-works__container{max-width:100%;margin:0;padding:0}.how-it-works__title{text-align:center;font-size:28px;font-weight:700;color:#2c3e50;margin-bottom:0;padding:40px 20px 30px;background-color:#f8f9fa}.how-it-works__steps{display:flex;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x mandatory;gap:16px;padding:0 20px 20px}.how-it-works__steps::-webkit-scrollbar{display:none}.step{flex:0 0 85vw;min-height:450px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:40px 28px;text-align:center;scroll-snap-align:center;position:relative;border-radius:24px;box-shadow:0 4px 20px #00000026;background-size:cover;background-position:center;background-repeat:no-repeat}.step:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#000000bf,#00000073,#000000bf);border-radius:24px}.step:nth-child(1){background-image:url(/images/homepage/banner-1.png)}.step:nth-child(1):before{background:linear-gradient(135deg,#000000a6,#0006,#000000a6)}.step:nth-child(2){background-image:url(/images/homepage/banner-2.png)}.step:nth-child(3){background-image:url(/images/homepage/banner-3.png)}.step:nth-child(4){background-image:url(/images/homepage/banner-4.png)}.step__number{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background-color:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);color:#fff;border-radius:50%;font-size:28px;font-weight:700;margin-bottom:24px;position:relative;z-index:1}.step__title{font-size:23px;font-weight:700;color:#fff;margin-bottom:16px;text-shadow:0 2px 20px rgba(0,0,0,.3);position:relative;z-index:1;line-height:1.3}.step__text{font-size:17px;color:#ffffffe6;line-height:1.6;max-width:100%;font-weight:400;text-shadow:0 1px 10px rgba(0,0,0,.3);position:relative;z-index:1}.card--verified{flex:0 0 160px}@media(max-width:767px){.card__flag{margin-top:-4px}.card__gender,.card__gender svg{width:22px;height:22px}.card--verified .card__content{padding:12px}.card--verified .card__title{font-size:15px}.card--verified .card__rating{font-size:11px;margin-bottom:8px}.card--verified .card__breed{font-size:12px;margin-bottom:8px;line-height:1.3;display:flex;flex-direction:column}.card--verified .card__breed .breed-item{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card--verified .card__location{font-size:11px;gap:4px}.card--verified .card__country{font-size:11px}.card--verified .card__button{margin-top:12px;padding:8px 12px;font-size:12px}}@media(min-width:768px){.section__link{width:auto;height:auto;padding:0;background:none;border:none;border-radius:0;font-size:14px;color:#667eea;font-weight:600}.section__link:hover{background:none;border:none;transform:none;box-shadow:none;text-decoration:underline}.section__link svg{display:none}.section__link:after{content:"Zobrazit vše"}.section__description{font-size:18px;line-height:1.6}}@media(min-width:768px){.hero{height:400px}.hero__title{font-size:42px}.hero__subtitle{font-size:20px}.section{padding:60px 40px}.section__title{font-size:28px}.card{flex:0 0 320px}.card__image{flex-direction:row;flex-wrap:wrap-reverse;align-items:flex-start;align-content:flex-start;justify-content:flex-start;gap:6px}.card__breed{-webkit-line-clamp:1}.card__gender,.card__gender svg{width:21px;height:21px}.card--verified{flex:0 0 220px}.carousel__nav{display:block;position:absolute;top:40%;transform:translateY(-50%);z-index:20;background:none;border:none;padding:0;cursor:pointer}.carousel__nav--prev{left:-60px}.carousel__nav--next{right:-60px}.carousel__button{background:none;border:none;padding:0;display:flex;align-items:center;justify-content:center}.carousel__nav:hover svg{transform:scale(1.2);color:#667eea}.carousel__button svg{width:32px;height:32px;color:#2c3e50;stroke-width:2;transition:all .2s ease}.carousel__nav:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.how-it-works{padding:60px 40px}.how-it-works__title{padding:0;margin-bottom:40px}.how-it-works__steps{display:grid;grid-template-columns:repeat(4,1fr);overflow:visible;gap:24px;scroll-snap-type:none;padding:0}.step{flex:none;min-height:auto;padding:32px 24px;border-radius:20px;box-shadow:0 4px 20px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.step:hover{transform:translateY(-8px);box-shadow:0 8px 30px #00000026}.step:nth-child(1){background-position:center -20px}.step:nth-child(2){background-size:130%;background-position:center -80px}.step:nth-child(4){background-size:160%;background-position:-170px -150px}.step .step__number,.step .step__title{text-shadow:0 3px 15px rgba(0,0,0,.6),0 1px 3px rgba(0,0,0,.8)}.step .step__text{text-shadow:0 2px 12px rgba(0,0,0,.6),0 1px 3px rgba(0,0,0,.8);font-size:19px}.cta__text{font-size:20px}}@media(min-width:1024px){.cta{overflow:visible}.cta__dog{right:275px;opacity:1}.carousel__track{gap:20px}.card{flex:0 0 360px}.card--verified{flex:0 0 265px}}