.hero-carousel{--hero-scrim: linear-gradient(rgba(21, 101, 192, .6), rgba(11, 40, 74, .82));--hero-base: radial-gradient(circle at 75% 30%, #35566f 0%, #0e1a26 74%);position:relative;padding:0;background:none;border-radius:0;box-shadow:none;margin:-1.5rem;margin-bottom:var(--space-4);overflow:hidden;isolation:isolate}.hero-track{position:relative;display:grid;min-height:clamp(240px,40vw,460px)}.hero-slide{grid-area:1 / 1;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--space-5) var(--space-4) var(--space-6);background-size:cover;background-position:center;color:#fff;opacity:0;visibility:hidden;pointer-events:none;transform:scale(1.04);transition:opacity var(--transition-slow),transform 1.1s ease,visibility var(--transition-slow)}.hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:scale(1)}.hero-slide--book{background-image:var(--hero-scrim),url(https://images.pexels.com/photos/46798/the-ball-stadion-football-the-pitch-46798.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1)}.hero-slide--create{background-image:var(--hero-scrim),repeating-linear-gradient(135deg,rgba(255,255,255,.05) 0 46px,transparent 46px 92px),var(--hero-base)}.hero-slide--find{background-image:var(--hero-scrim),repeating-linear-gradient(60deg,rgba(255,255,255,.045) 0 40px,transparent 40px 80px),var(--hero-base)}.hero-slide--rank{background-image:var(--hero-scrim),repeating-conic-gradient(from 0deg at 80% 30%,rgba(255,255,255,.05) 0 8deg,transparent 8deg 20deg),var(--hero-base)}.hero-slide--teams{background-image:var(--hero-scrim),repeating-linear-gradient(115deg,rgba(255,255,255,.05) 0 54px,transparent 54px 108px),var(--hero-base)}.hero-content{position:relative;z-index:2;max-width:720px;margin:0 auto;animation:fadeIn var(--transition-slow) forwards}.hero-badge{display:inline-block;background:#ffffff29;border:1px solid rgba(255,255,255,.3);padding:.3rem .9rem;border-radius:999px;font-size:var(--font-size-sm);font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:var(--space-2)}.hero-content h2{font-size:clamp(1.5rem,5vw,var(--font-size-4xl));line-height:var(--line-height-heading);margin-bottom:var(--space-2);text-shadow:0 2px 12px rgba(0,0,0,.45);text-wrap:balance}.hero-content p{font-size:clamp(.95rem,3vw,var(--font-size-xl));margin-bottom:var(--space-3);text-shadow:0 1px 8px rgba(0,0,0,.4)}.hero-cta{display:inline-block;background:#fff;color:var(--color-primary-dark);border:none;box-shadow:var(--shadow-md)}.hero-cta:hover{background:var(--color-background-light);color:var(--color-primary-dark);transform:translateY(-2px)}.hero-watermark{position:absolute;z-index:1;inset-inline-end:clamp(-40px,2vw,40px);top:50%;transform:translateY(-50%);width:min(42%,360px);color:#fff;opacity:.12;pointer-events:none}body.rtl .hero-watermark{transform:translateY(-50%) scaleX(-1)}.hero-watermark svg{width:100%;height:auto;display:block}.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.4);border-radius:50%;background:#ffffff2e;color:#fff;cursor:pointer;transition:background var(--transition-fast)}.hero-arrow:hover{background:#ffffff57}.hero-arrow--prev{inset-inline-start:var(--space-2)}.hero-arrow--next{inset-inline-end:var(--space-2)}.hero-arrow svg{width:22px;height:22px}body.rtl .hero-arrow svg{transform:scaleX(-1)}.hero-pause{position:absolute;top:var(--space-2);inset-inline-end:var(--space-2);z-index:4;width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.4);border-radius:50%;background:#ffffff2e;color:#fff;cursor:pointer}.hero-pause svg{width:16px;height:16px}.hero-pause .hero-icon-play{display:none}.hero-carousel.is-manual-paused .hero-pause .hero-icon-play{display:block}.hero-carousel.is-manual-paused .hero-pause .hero-icon-pause{display:none}.hero-dots{position:absolute;inset-inline:0;bottom:var(--space-3);z-index:4;display:flex;justify-content:center;gap:var(--space-1)}.hero-dot{width:10px;height:10px;padding:0;border:0;border-radius:50%;background:#ffffff73;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast)}.hero-dot.is-active{background:#fff;transform:scale(1.25)}.hero-progress{position:absolute;inset-inline:0;bottom:0;z-index:4;height:3px;background:#ffffff40}.hero-progress-fill{display:block;height:100%;width:0;background:#fff}.hero-carousel.is-animating .hero-progress-fill{animation:heroProgress var(--hero-duration, 6s) linear forwards}.hero-carousel.is-paused .hero-progress-fill{animation-play-state:paused}@keyframes heroProgress{0%{width:0}to{width:100%}}.hero-arrow:focus-visible,.hero-pause:focus-visible,.hero-dot:focus-visible,.hero-cta:focus-visible{outline:3px solid var(--color-primary-light);outline-offset:2px}@media (prefers-reduced-motion: reduce){.hero-slide{transition:opacity var(--transition-normal);transform:none}.hero-slide.is-active{transform:none}.hero-carousel.is-animating .hero-progress-fill{animation:none;width:100%}}.search-section{max-width:900px;margin:0 auto var(--space-4)}.search-container{background-color:var(--color-background);border-radius:var(--border-radius-lg);padding:var(--space-3);box-shadow:var(--shadow-md)}.search-container h3{text-align:center;margin-bottom:var(--space-3);color:var(--color-text)}.place-search{border:2px solid var(--color-divider);border-radius:var(--border-radius-md);padding:var(--space-3);margin-bottom:var(--space-3);background-color:var(--color-background-light);transition:border-color var(--transition-fast)}.place-search:hover{border-color:var(--color-primary-light)}.place-search-input{display:flex;gap:var(--space-2)}.place-search-input input{flex:1}.search-separator{display:flex;align-items:center;margin:var(--space-4) 0;text-align:center}.separator-line{flex:1;height:1px;background-color:var(--color-divider)}.separator-text{padding:0 var(--space-2);color:var(--color-text-secondary);font-weight:500}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.input-hint{display:block;margin-top:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-secondary)}#search-form{border:2px solid var(--color-divider);border-radius:var(--border-radius-md);padding:var(--space-3);background-color:var(--color-background-light);transition:border-color var(--transition-fast)}#search-form:hover{border-color:var(--color-primary-light)}.quick-search{display:grid;grid-template-columns:1fr 1fr auto;gap:var(--space-2);align-items:end}.quick-search .form-group{margin-bottom:0}.quick-search-btn{padding:var(--space-1) var(--space-4);border:1px solid transparent;white-space:nowrap}.more-filters{margin-top:var(--space-3)}.more-filters>summary{cursor:pointer;font-weight:600;color:var(--color-primary);padding:var(--space-1) 0;list-style:none;display:inline-flex;align-items:center;gap:.4rem}.more-filters>summary::-webkit-details-marker{display:none}.more-filters>summary:before{content:"+";font-weight:700;font-size:1.1em;line-height:1}.more-filters[open]>summary:before{content:"−"}.more-filters-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin-top:var(--space-2)}.more-filters-grid .time-range{grid-column:1 / -1}.place-search-details{margin-top:var(--space-3);border-top:1px solid var(--color-divider);padding-top:var(--space-3)}.place-search-details>summary{cursor:pointer;font-weight:600;color:var(--color-primary);list-style:none;display:inline-flex;align-items:center;gap:.4rem}.place-search-details>summary::-webkit-details-marker{display:none}.place-search-details>summary:hover{text-decoration:underline}.place-search-details>summary:before{content:"+";font-weight:700;font-size:1.1em;line-height:1}.place-search-details[open]>summary:before{content:"−"}.place-search-details .place-search{margin-top:var(--space-2);margin-bottom:0}.results-section{max-width:1200px;margin:0 auto}.results-section h3{text-align:center;margin-bottom:var(--space-3)}.popular-section{max-width:1200px;margin:0 auto var(--space-4)}.popular-header{text-align:center;margin-bottom:var(--space-3)}.popular-header h3{margin-bottom:.25rem}.popular-subtitle{color:var(--color-text-secondary);margin:0}.place-results{margin-bottom:var(--space-4)}.places-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-3)}.place-card{background-color:var(--color-background);border:1px solid var(--color-divider);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:transform var(--transition-fast),box-shadow var(--transition-fast);cursor:pointer}.place-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.place-card-media{height:96px;width:100%}.place-card-media--placeholder{background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary-dark))}.place-card-body{padding:var(--space-3)}.place-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.place-card-title{font-size:var(--font-size-lg);font-weight:600;margin-bottom:0;color:var(--color-primary)}.place-card-rating,.field-card-rating{display:inline-flex;align-items:center;gap:.2rem;font-size:var(--font-size-sm);font-weight:700;color:var(--color-warning-dark);white-space:nowrap}.place-card-rating [aria-hidden],.field-card-rating-star{color:var(--color-warning)}.place-card-stats{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:0}.place-card-stat{background-color:var(--color-background-light);padding:.25rem .5rem;border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.search-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-3)}.field-card{position:relative;background-color:var(--color-background);border:1px solid var(--color-divider);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:transform var(--transition-fast),box-shadow var(--transition-fast);cursor:pointer}.field-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.field-card:focus-visible{outline:3px solid var(--color-primary-light);outline-offset:2px}.field-card-media{position:relative;height:170px;width:100%}.field-card-media--placeholder{height:120px}.field-card-image{height:100%;width:100%;object-fit:cover;object-position:center;display:block}.field-card-discount-badge{position:absolute;top:var(--space-1);inset-inline-start:var(--space-1);background-color:var(--color-error);color:#fff;font-size:var(--font-size-xs);font-weight:700;padding:.2rem .5rem;border-radius:var(--border-radius-sm);z-index:1;letter-spacing:.02em}.field-card-rating{position:absolute;top:var(--space-1);inset-inline-end:var(--space-1);background-color:#ffffffeb;padding:.2rem .5rem;border-radius:999px;z-index:1}.field-card-content{padding:var(--space-2) var(--space-3) var(--space-3)}.field-card-title{font-size:var(--font-size-lg);font-weight:700;margin-bottom:.15rem}.field-card-place{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.field-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);margin-bottom:var(--space-2)}.field-card-sport{display:inline-block;padding:.25rem .6rem;background-color:var(--color-primary);color:#fff;border-radius:999px;font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase}.field-card-distance{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:600}.field-card-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.field-card-prices{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem}.field-card-price-original{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-decoration:line-through}.field-card-price-total{font-weight:700;color:var(--color-accent-dark)}.field-card-book{flex:none;white-space:nowrap}@media (max-width: 768px){.hero-arrow{display:none}.hero-watermark{opacity:.08;width:58%}.quick-search{grid-template-columns:1fr}.quick-search-btn{width:100%}.more-filters-grid,.search-results{grid-template-columns:1fr}.place-search-input{flex-direction:column}.place-search-input button{width:100%}.places-list{grid-template-columns:1fr}}@media (min-width: 560px) and (max-width: 900px){.search-results,.places-list{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion: reduce){.field-card,.place-card,.sport-chip{transition:none}.field-card:hover,.place-card:hover,.sport-chip:hover{transform:none}}
