Startseite

:root{--o:#F5A623;--ol:#FFB940;--od:#E09410;--og:rgba(245,166,35,.25);--bk:#1A1A1A;--dk:#2D2D2D;--g9:#333;--g7:#555;--g5:#888;--g4:#999;--g3:#bbb;--g2:#E5E5E5;--g1:#F2F2F2;--wh:#FFF;--gn:#2ECC71;--rd:#E74C3C;--bl:#3498DB;--r:14px;--rs:8px;--rx:5px;--sh:0 4px 20px rgba(0,0,0,.07);--shl:0 10px 40px rgba(0,0,0,.1);--tr:all .3s cubic-bezier(.4,0,.2,1)} *{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'Outfit',sans-serif;color:var(--bk);background:var(--g1);overflow-x:hidden;-webkit-font-smoothing:antialiased} a{text-decoration:none;color:inherit}img{max-width:100%;display:block} .ctn{max-width:1240px;margin:0 auto;padding:0 20px} /* Buttons */ .btn{display:inline-flex;align-items:center;gap:8px;font-family:inherit;font-weight:600;font-size:.92rem;padding:12px 28px;border-radius:var(--rs);border:2px solid transparent;cursor:pointer;transition:var(--tr)}.btn-o{background:var(--o);color:var(--bk);border-color:var(--o)}.btn-o:hover{background:var(--od);transform:translateY(-2px);box-shadow:0 6px 20px var(--og)}.btn-bk{background:var(--bk);color:var(--wh);border-color:var(--bk)}.btn-bk:hover{background:var(--dk);transform:translateY(-2px)}.btn-ol{background:transparent;color:var(--bk);border-color:var(--bk)}.btn-ol:hover{background:var(--bk);color:var(--wh)}.btn-wh{background:var(--wh);color:var(--bk);border-color:var(--wh)}.btn-wh:hover{background:var(--g1)}.btn-gn{background:var(--gn);color:var(--wh);border-color:var(--gn)}.btn-gn:hover{filter:brightness(1.1)}.btn-rd{background:transparent;color:var(--rd);border-color:var(--rd)}.btn-rd:hover{background:var(--rd);color:var(--wh)}.btn-sm{padding:8px 18px;font-size:.82rem}.btn-full{width:100%;justify-content:center} /* Tags */ .tag{display:inline-block;font-size:.72rem;font-weight:700;padding:4px 12px;border-radius:var(--rx);text-transform:uppercase;letter-spacing:.04em}.tag-o{background:var(--o);color:var(--bk)}.tag-bk{background:var(--bk);color:var(--wh)}.tag-gn{background:#d4edda;color:#155724}.tag-yl{background:#fef3cd;color:#856404}.tag-rd{background:#f8d7da;color:#721c24} /* Form */ .fg{display:flex;flex-direction:column;gap:5px;margin-bottom:16px}.fg label{font-size:.82rem;font-weight:600;color:var(--g7)}.fg .req{color:var(--rd)}.fi,.fs,.ft{width:100%;padding:11px 14px;border:2px solid var(--g2);border-radius:var(--rx);font-family:inherit;font-size:.92rem;color:var(--bk);background:var(--wh);transition:var(--tr)}.fi:focus,.fs:focus,.ft:focus{border-color:var(--o);outline:none;box-shadow:0 0 0 3px var(--og)}.ft{min-height:100px;resize:vertical}.fs{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center} .fg-row{display:grid;grid-template-columns:1fr 1fr;gap:16px} /* Cards */ .card{background:var(--wh);border-radius:var(--r);box-shadow:var(--sh);overflow:hidden;transition:var(--tr)}.card:hover{transform:translateY(-4px);box-shadow:var(--shl)} .card-dk{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:var(--r)}.card-dk:hover{border-color:rgba(245,166,35,.3);transform:translateY(-4px);box-shadow:0 16px 48px rgba(0,0,0,.25)} /* Nav */ .nav{position:fixed;top:0;left:0;right:0;z-index:1000;transition:var(--tr)}.nav.scrolled{background:rgba(255,255,255,.96);backdrop-filter:blur(16px);box-shadow:0 2px 16px rgba(0,0,0,.06)}.nav-in{max-width:1240px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;height:72px}.nav-logo{font-size:1.4rem;font-weight:900;cursor:pointer}.nav-logo span{color:var(--o)} .nav-menu{display:flex;align-items:center;gap:8px;list-style:none}.nav-menu>li{position:relative}.nav-menu>li>a,.nav-menu>li>.nav-lnk{padding:8px 14px;font-size:.88rem;font-weight:500;color:var(--g7);cursor:pointer;border-radius:var(--rx);transition:var(--tr);display:flex;align-items:center;gap:4px}.nav-menu>li>a:hover,.nav-menu>li>.nav-lnk:hover{color:var(--bk);background:rgba(0,0,0,.04)} .nav-sub{position:absolute;top:100%;left:0;min-width:240px;background:var(--wh);border-radius:var(--rs);box-shadow:var(--shl);padding:8px;opacity:0;visibility:hidden;transform:translateY(8px);transition:var(--tr);z-index:100}.nav-menu>li:hover .nav-sub{opacity:1;visibility:visible;transform:translateY(0)}.nav-sub a{display:block;padding:10px 14px;font-size:.88rem;color:var(--g7);border-radius:var(--rx);transition:var(--tr)}.nav-sub a:hover{background:var(--g1);color:var(--bk)} .nav-cta .btn{padding:9px 22px;font-size:.85rem} .nav-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer;z-index:1001;background:none;border:none}.nav-toggle span{width:26px;height:2px;background:var(--bk);border-radius:2px;transition:var(--tr)} .mob-nav{display:none;position:fixed;inset:0;background:var(--wh);z-index:999;flex-direction:column;padding:90px 24px 24px;overflow-y:auto;opacity:0;pointer-events:none;transition:var(--tr)}.mob-nav.open{opacity:1;pointer-events:all;display:flex}.mob-nav a,.mob-nav .mob-lnk{display:block;padding:14px 0;font-size:1.1rem;font-weight:600;border-bottom:1px solid var(--g2);cursor:pointer}.mob-nav .mob-sub{padding-left:20px}.mob-nav .mob-sub a{font-size:.95rem;font-weight:400;color:var(--g7)} /* Section */ .sec{padding:80px 0}.sec-dk{background:var(--dk);color:var(--wh)}.sec-bk{background:var(--bk);color:var(--wh)}.sec-o{background:var(--o)}.sec-wh{background:var(--wh)} .sec-hd{margin-bottom:48px}.sec-hd.center{text-align:center}.sec-lbl{display:inline-block;background:var(--o);color:var(--bk);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 14px;border-radius:var(--rx);margin-bottom:16px}.sec-ttl{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900;line-height:1.12;margin-bottom:12px}.sec-sub{font-size:1.05rem;color:var(--g7);line-height:1.65;max-width:600px}.sec-hd.center .sec-sub{margin:0 auto} /* Hero */ .hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;background:var(--g1)}.hero::before{content:'';position:absolute;top:-20%;right:-10%;width:65%;height:140%;background:var(--o);border-radius:0 0 0 35%;transform:skewX(-8deg);z-index:1}.hero::after{content:'';position:absolute;top:12%;right:6%;width:42%;height:76%;background:url('https://images.unsplash.com/photo-1533174072545-7a4b6ad7a6c3?w=800&q=80') center/cover;border-radius:var(--r);z-index:2;box-shadow:var(--shl);opacity:.9} .hero-ct{position:relative;z-index:3;max-width:540px}.hero-ct h1{font-size:clamp(2.4rem,5.5vw,4rem);font-weight:900;line-height:1.06;margin-bottom:20px}.hero-ct h1 em{color:var(--o);font-style:normal}.hero-ct p{font-size:1.1rem;color:var(--g7);line-height:1.65;margin-bottom:32px;max-width:440px}.hero-btns{display:flex;gap:14px;flex-wrap:wrap} /* Grid layouts */ .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px} /* Event card */ .ev-card{cursor:pointer}.ev-card .ev-img{position:relative;overflow:hidden;height:200px}.ev-card .ev-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.ev-card:hover .ev-img img{transform:scale(1.06)}.ev-card .ev-bd{padding:20px}.ev-card .ev-ttl{font-size:1.05rem;font-weight:700;margin-bottom:8px;line-height:1.3}.ev-card .ev-meta{display:flex;flex-direction:column;gap:4px}.ev-card .ev-mi{display:flex;align-items:center;gap:7px;font-size:.82rem;color:var(--g5)}.ev-card .ev-mi svg{width:14px;height:14px;stroke:var(--o);flex-shrink:0} .ev-card-dk .ev-ttl{color:var(--wh)}.ev-card-dk .ev-mi{color:rgba(255,255,255,.5)} /* Region cards */ .reg-card{position:relative;border-radius:var(--r);overflow:hidden;height:340px;cursor:pointer}.reg-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.reg-card:hover img{transform:scale(1.08)}.reg-card .reg-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.8),rgba(0,0,0,.15) 60%);display:flex;flex-direction:column;justify-content:flex-end;padding:28px 22px;transition:var(--tr)}.reg-card:hover .reg-ov{background:linear-gradient(to top,rgba(245,166,35,.85),rgba(0,0,0,.2) 60%)}.reg-card .reg-nm{font-size:1.6rem;font-weight:800;color:var(--wh)}.reg-card .reg-ct{font-size:.85rem;color:rgba(255,255,255,.7)}.reg-card .reg-cta{margin-top:8px;font-size:.8rem;font-weight:600;color:var(--wh);opacity:0;transform:translateY(8px);transition:var(--tr)}.reg-card:hover .reg-cta{opacity:1;transform:translateY(0)} /* Filter bar */ .fbar{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:var(--r);padding:24px;margin-bottom:32px}.fbar-row{display:flex;gap:14px;flex-wrap:wrap}.fbar-grp{display:flex;flex-direction:column;gap:5px;flex:1;min-width:160px}.fbar-lbl{font-size:.7rem;text-transform:uppercase;letter-spacing:.07em;color:rgba(255,255,255,.4);font-weight:700}.fbar-sel{appearance:none;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:var(--wh);padding:10px 36px 10px 14px;border-radius:var(--rx);font-family:inherit;font-size:.9rem;cursor:pointer;transition:var(--tr);width:100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.fbar-sel:focus{border-color:var(--o);outline:none}.fbar-sel option{background:var(--dk);color:var(--wh)}.fbar-search{flex:2;min-width:220px}.fbar-search input{width:100%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:var(--wh);padding:10px 14px 10px 40px;border-radius:var(--rx);font-family:inherit;font-size:.9rem;transition:var(--tr);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:12px center}.fbar-search input::placeholder{color:rgba(255,255,255,.3)}.fbar-search input:focus{border-color:var(--o);outline:none} .fbar-reset{background:none;border:none;color:var(--o);font-family:inherit;font-size:.85rem;font-weight:600;cursor:pointer;padding:8px 14px;text-decoration:underline} .chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px;min-height:32px}.chip{display:inline-flex;align-items:center;gap:5px;background:var(--o);color:var(--bk);padding:5px 12px;border-radius:100px;font-size:.78rem;font-weight:600}.chip button{background:none;border:none;cursor:pointer;font-size:1rem;color:var(--bk);opacity:.6;line-height:1}.chip button:hover{opacity:1} .res-count{font-size:.85rem;color:rgba(255,255,255,.4);margin-bottom:20px} /* Stats */ .stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.stat-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:var(--r);padding:40px 28px;text-align:center;transition:var(--tr)}.stat-card:hover{background:rgba(255,255,255,.1);transform:translateY(-3px)}.stat-ico{font-size:2.2rem;margin-bottom:16px}.stat-num{font-size:3rem;font-weight:900;color:var(--wh);margin-bottom:6px}.stat-lbl{font-size:.92rem;color:rgba(255,255,255,.55)}.stat-det{font-size:.8rem;color:rgba(255,255,255,.3);margin-top:6px} /* Packages */ .pkg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.pkg-card{background:var(--g1);border:2px solid var(--g2);border-radius:var(--r);padding:32px 24px;text-align:center;cursor:pointer;transition:var(--tr);position:relative}.pkg-card:hover,.pkg-card.sel{border-color:var(--o);transform:translateY(-3px);box-shadow:var(--sh)}.pkg-card.sel{background:rgba(245,166,35,.05)}.pkg-card.pop::before{content:'BELIEBT';position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:var(--o);color:var(--bk);font-size:.68rem;font-weight:800;padding:3px 14px;border-radius:100px}.pkg-nm{font-size:1.2rem;font-weight:800;margin-bottom:6px}.pkg-pr{font-size:2.2rem;font-weight:900;color:var(--o)}.pkg-pr small{font-size:.85rem;font-weight:500;color:var(--g5)}.pkg-per{font-size:.82rem;color:var(--g5);margin-bottom:16px}.pkg-ft{list-style:none;display:flex;flex-direction:column;gap:8px;text-align:left}.pkg-ft li{font-size:.85rem;color:var(--g7);display:flex;align-items:center;gap:8px}.pkg-ft li::before{content:'âœ“';color:var(--o);font-weight:800} /* Progress */ .prog{display:flex;justify-content:center;margin-bottom:48px}.prog-step{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;max-width:180px;position:relative}.prog-step::before{content:'';position:absolute;top:18px;left:calc(-50% + 18px);right:calc(50% + 18px);height:2px;background:var(--g2)}.prog-step:first-child::before{display:none}.prog-step.done::before,.prog-step.cur::before{background:var(--o)}.prog-dot{width:36px;height:36px;border-radius:50%;background:var(--g2);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.88rem;color:var(--g5);position:relative;z-index:1;transition:var(--tr)}.prog-step.cur .prog-dot{background:var(--o);color:var(--bk);box-shadow:0 0 0 5px var(--og)}.prog-step.done .prog-dot{background:var(--o);color:var(--bk)}.prog-lbl{font-size:.75rem;font-weight:600;color:var(--g4)}.prog-step.cur .prog-lbl{color:var(--bk)}.prog-step.done .prog-lbl{color:var(--od)} /* Admin */ .admin-layout{display:grid;grid-template-columns:240px 1fr;min-height:calc(100vh - 72px);margin-top:72px} .admin-side{background:var(--bk);padding:24px 0;position:sticky;top:72px;height:calc(100vh - 72px);overflow-y:auto}.admin-side a,.admin-side .as-lnk{display:flex;align-items:center;gap:10px;padding:12px 24px;font-size:.88rem;color:rgba(255,255,255,.6);cursor:pointer;transition:var(--tr);border:none;background:none;width:100%;text-align:left;font-family:inherit}.admin-side a:hover,.admin-side .as-lnk:hover,.admin-side a.active,.admin-side .as-lnk.active{color:var(--wh);background:rgba(255,255,255,.08)}.admin-side a.active,.admin-side .as-lnk.active{border-left:3px solid var(--o)} .admin-side .as-hd{padding:12px 24px;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.3);font-weight:700;margin-top:16px} .admin-main{padding:32px;background:var(--g1);overflow-y:auto} .admin-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;flex-wrap:wrap;gap:16px} .admin-stats{display:flex;gap:14px;flex-wrap:wrap}.admin-stat{background:var(--wh);padding:10px 18px;border-radius:var(--rs);display:flex;align-items:center;gap:8px;box-shadow:var(--sh);font-size:.88rem;font-weight:600}.admin-stat .dot{width:8px;height:8px;border-radius:50%} .adm-tbl{width:100%;border-collapse:collapse;background:var(--wh);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh)}.adm-tbl th{background:var(--g1);padding:12px 16px;text-align:left;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--g5);font-weight:700}.adm-tbl td{padding:12px 16px;font-size:.88rem;border-top:1px solid var(--g2)}.adm-tbl tr:hover td{background:rgba(245,166,35,.03)} .adm-actions{display:flex;gap:8px} /* Detail page */ .detail-hero{position:relative;height:400px;overflow:hidden;margin-top:72px}.detail-hero img{width:100%;height:100%;object-fit:cover}.detail-hero .d-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent)}.detail-ct{position:absolute;bottom:0;left:0;right:0;padding:40px}.detail-ct h1{font-size:clamp(1.8rem,3vw,2.6rem);font-weight:900;color:var(--wh);margin-bottom:8px}.detail-ct .d-meta{display:flex;gap:20px;flex-wrap:wrap;color:rgba(255,255,255,.7);font-size:.9rem} .detail-body{padding:48px 0}.detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:40px}.detail-info{background:var(--wh);border-radius:var(--r);padding:32px;box-shadow:var(--sh)}.detail-side{display:flex;flex-direction:column;gap:20px}.detail-side-card{background:var(--wh);border-radius:var(--r);padding:24px;box-shadow:var(--sh)} /* Service providers */ .sp-cat-card{background:var(--wh);border-radius:var(--r);padding:28px;text-align:center;box-shadow:var(--sh);cursor:pointer;transition:var(--tr)}.sp-cat-card:hover{transform:translateY(-4px);box-shadow:var(--shl);border-color:var(--o)}.sp-cat-card .sp-ico{font-size:2.4rem;margin-bottom:14px}.sp-cat-card h3{font-size:1.05rem;font-weight:700;margin-bottom:4px}.sp-cat-card p{font-size:.82rem;color:var(--g5)} /* Auth */ .auth-box{max-width:440px;margin:120px auto 60px;padding:40px;background:var(--wh);border-radius:var(--r);box-shadow:var(--shl)}.auth-box h2{font-size:1.6rem;font-weight:800;margin-bottom:24px;text-align:center}.auth-box .auth-toggle{text-align:center;margin-top:20px;font-size:.88rem;color:var(--g5)}.auth-box .auth-toggle a{color:var(--o);font-weight:600;cursor:pointer} /* User dashboard */ .dash-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.dash-card{background:var(--wh);border-radius:var(--r);padding:24px;box-shadow:var(--sh)}.dash-card .dc-num{font-size:2rem;font-weight:900;color:var(--o)}.dash-card .dc-lbl{font-size:.85rem;color:var(--g5);margin-top:4px} /* Footer */ .footer{background:var(--bk);color:var(--wh);padding:64px 0 24px}.ft-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:40px;margin-bottom:48px}.ft-brand p{font-size:.9rem;color:rgba(255,255,255,.5);line-height:1.65;margin-top:12px}.ft-col h4{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.35);margin-bottom:16px;font-weight:700}.ft-col a{display:block;color:rgba(255,255,255,.6);font-size:.9rem;padding:5px 0;transition:var(--tr)}.ft-col a:hover{color:var(--o)}.ft-contact{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:.9rem;color:rgba(255,255,255,.6)}.ft-contact svg{width:16px;height:16px;stroke:var(--o);flex-shrink:0}.ft-bot{border-top:1px solid rgba(255,255,255,.07);padding-top:24px;display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:rgba(255,255,255,.3)}.ft-legal{display:flex;gap:20px}.ft-legal a{color:rgba(255,255,255,.3);transition:var(--tr)}.ft-legal a:hover{color:var(--o)} /* Misc */ .page{min-height:100vh;padding-top:72px}.page-hd{padding:48px 0 32px;background:var(--bk)}.page-hd .sec-ttl{color:var(--wh)}.page-hd .sec-sub{color:rgba(255,255,255,.55)} .empty{text-align:center;padding:60px 20px;color:var(--g4)}.empty svg{width:56px;height:56px;stroke:var(--g3);margin-bottom:16px} .modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:var(--wh);border-radius:var(--r);padding:32px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shl)}.modal h3{font-size:1.3rem;font-weight:800;margin-bottom:20px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px} @keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}} .anim{animation:fadeUp .5s ease both} /* Responsive */ @media(max-width:1024px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}.pkg-grid{grid-template-columns:repeat(2,1fr)}.ft-grid{grid-template-columns:repeat(2,1fr)}.admin-layout{grid-template-columns:1fr}.admin-side{display:none}.stat-grid{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}.dash-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:768px){.nav-menu{display:none}.nav-toggle{display:flex}.mob-nav{display:flex}.hero::before{width:100%;right:-30%}.hero::after{display:none}.grid-4,.grid-3,.grid-2,.pkg-grid{grid-template-columns:1fr}.fbar-row{flex-direction:column}.fbar-grp{min-width:100%}.fg-row{grid-template-columns:1fr}.ft-grid{grid-template-columns:1fr}.ft-bot{flex-direction:column;gap:12px;text-align:center}.reg-card{height:240px}.dash-grid{grid-template-columns:1fr}.detail-hero{height:280px}}