.hero-section{
position:relative!important;
overflow:hidden!important;
min-height:0!important;
margin:0 auto 16px!important;
padding:38px 20px 30px!important;
display:block!important;
color:#fff!important;
background:
linear-gradient(rgba(4,38,86,.40),rgba(7,74,150,.52)),
url('app/art.jpg') center center / cover no-repeat!important;
border-radius:0 0 28px 28px!important;
box-shadow:0 12px 30px rgba(7,63,135,.18)!important;
isolation:isolate;
}
.hero-section:after{
content:""!important;
display:block!important;
position:absolute!important;
inset:0!important;
z-index:-1!important;
bottom:auto!important;
left:auto!important;
width:auto!important;
height:auto!important;
border-radius:0!important;
background:linear-gradient(180deg,rgba(2,27,66,.05),rgba(2,37,86,.18))!important;
}
.hero-content{
max-width:920px!important;
width:100%!important;
margin:auto!important;
text-align:center!important;
color:#fff!important;
}
.hero-badge{
display:inline-flex!important;
align-items:center!important;
gap:7px!important;
padding:7px 12px!important;
margin:0 auto 10px!important;
border:1px solid rgba(255,255,255,.28)!important;
border-radius:999px!important;
background:rgba(0,24,61,.26)!important;
color:#fff!important;
font-size:12px!important;
font-weight:900!important;
backdrop-filter:blur(7px);
-webkit-backdrop-filter:blur(7px);
}
.hero-title{
max-width:860px!important;
margin:0 auto!important;
color:#fff!important;
font-size:clamp(29px,4vw,43px)!important;
line-height:1.25!important;
font-weight:950!important;
text-shadow:0 2px 10px rgba(0,0,0,.72),0 1px 2px rgba(0,0,0,.9);
}
.hero-subtitle{
max-width:740px!important;
margin:9px auto 0!important;
color:#fff!important;
font-size:14px!important;
line-height:1.8!important;
font-weight:700!important;
text-shadow:0 2px 8px rgba(0,0,0,.72);
}
.craft-hero-search{
max-width:760px;
margin:18px auto 0;
display:flex;
align-items:center;
gap:6px;
padding:5px;
border-radius:17px;
background:#fff;
border:1px solid rgba(255,255,255,.75);
box-shadow:0 14px 30px rgba(1,37,88,.22);
}
.craft-hero-search-field{
flex:1;
min-width:0;
display:flex;
align-items:center;
gap:8px;
padding-inline:12px;
}
.craft-hero-search-field i{color:#8a94a2;font-size:17px}
.craft-hero-search-field input{
width:100%;
height:47px;
min-width:0;
border:0!important;
outline:0!important;
box-shadow:none!important;
background:transparent!important;
color:#111827!important;
font-size:13px!important;
font-weight:700!important;
padding:0!important;
}
.craft-hero-search-btn{
flex:0 0 58px;
width:58px;
height:47px;
border:0;
border-radius:13px;
display:flex;
align-items:center;
justify-content:center;
color:#fff;
background:linear-gradient(135deg,#1477e7,#0755c5);
box-shadow:0 5px 13px rgba(7,85,197,.24);
cursor:pointer;
font-size:17px;
}
.hero-actions{
display:flex!important;
justify-content:center!important;
gap:7px!important;
flex-wrap:wrap!important;
margin-top:12px!important;
}
.hero-btn{
min-height:34px!important;
padding:0 12px!important;
border-radius:999px!important;
font-size:10.5px!important;
font-weight:900!important;
}
.primary-btn{
background:#fff!important;
color:#0b5dbb!important;
}
.secondary-btn{
background:rgba(0,24,61,.24)!important;
color:#fff!important;
border:1px solid rgba(255,255,255,.24)!important;
}
.craft-hero-shortcuts{
display:flex;
justify-content:center;
flex-wrap:wrap;
gap:7px;
margin-top:9px;
}
.craft-hero-shortcut{
min-height:32px;
padding:0 10px;
display:inline-flex;
align-items:center;
gap:6px;
color:#fff;
border:1px solid rgba(255,255,255,.22);
border-radius:999px;
background:rgba(0,24,61,.22);
font-size:9.5px;
font-weight:900;
}
.toolbar-box .search-wrap{display:none!important}
.content-wrapper{margin-top:0!important}
@media(max-width:760px){
.hero-section{
margin:0!important;
padding:20px 12px 18px!important;
border-radius:0 0 23px 23px!important;
}
.hero-content{text-align:start!important}
.hero-badge{
margin:0 0 7px!important;
font-size:10px!important;
padding:5px 9px!important;
}
.hero-title{
margin:0!important;
font-size:25px!important;
}
.hero-subtitle{
max-width:none!important;
margin:6px 0 0!important;
font-size:11.5px!important;
line-height:1.65!important;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
}
.craft-hero-search{
margin-top:12px;
border-radius:15px;
padding:4px;
}
.craft-hero-search-field{padding-inline:9px}
.craft-hero-search-field input{
height:43px;
font-size:12px!important;
}
.craft-hero-search-btn{
flex-basis:48px;
width:48px;
height:43px;
border-radius:11px;
}
.hero-actions,
.craft-hero-shortcuts{
justify-content:flex-start!important;
flex-wrap:nowrap!important;
overflow-x:auto;
scrollbar-width:none;
}
.hero-actions::-webkit-scrollbar,
.craft-hero-shortcuts::-webkit-scrollbar{display:none}
.hero-btn,.craft-hero-shortcut{flex:0 0 auto!important}
}