.search-page{
max-width:1120px;
margin:32px auto;
padding:0 20px 56px;
font-family:'Manrope',sans-serif;
}

.premium-search-page{
display:grid;
gap:18px;
}

.search-hero{
background:#fff;
border:1px solid #ece3df;
border-radius:24px;
padding:26px 28px;
box-shadow:0 14px 32px rgba(28,16,20,0.05);
display:grid;
gap:8px;
}

.search-hero h1{
margin:0;
font-size:40px;
line-height:1.05;
color:#1f1820;
}

.search-hero p{
margin:0;
font-size:15px;
line-height:1.6;
color:#6c6167;
max-width:520px;
}

.search-bar{
display:flex;
align-items:center;
gap:12px;
border:1px solid #e9dfda;
border-radius:20px;
overflow:visible;
background:#fff;
padding:10px;
box-shadow:0 12px 28px rgba(28,16,20,0.05);
}

.search-input-wrap{
flex:1;
display:flex;
align-items:center;
gap:12px;
padding:0 10px;
min-width:0;
}

.search-icon{
width:40px;
height:40px;
display:flex;
align-items:center;
justify-content:center;
border-radius:12px;
background:#f7f3f0;
color:#5f545a;
flex:0 0 40px;
}

.search-icon svg{
width:18px;
height:18px;
display:block;
fill:none;
stroke:currentColor;
stroke-width:1.8;
stroke-linecap:round;
stroke-linejoin:round;
}

.search-bar input{
flex:1;
border:none;
padding:0;
font-size:16px;
outline:none;
background:transparent;
color:#1f1820;
min-width:0;
}

.search-btn,
.close-btn{
border:none;
padding:0 18px;
cursor:pointer;
font-size:14px;
border-radius:14px;
font-weight:700;
height:48px;
}

.search-btn{
background:#111;
color:#fff;
}

.close-btn{
background:#f3eeea;
color:#62565d;
min-width:84px;
}

/* layout */

.search-container{
display:flex;
gap:24px;
margin-top:6px;
}

.search-left{
width:35%;
}

.search-right{
width:65%;
}

/* headings */

.search-left h4,
.search-right h4{
font-size:13px;
letter-spacing:.12em;
color:#4d4349;
margin-bottom:14px;
text-transform:uppercase;
}

.premium-search-panel{
background:#fff;
border-radius:22px;
padding:22px;
border:1px solid #ece3df;
box-shadow:0 14px 30px rgba(28,16,20,0.04);
}

/* suggestions */

#suggestions div{
padding:11px 13px;
font-size:14px;
cursor:pointer;
border:1px solid #eee5e0;
border-radius:12px;
background:#faf8f6;
margin-bottom:10px;
color:#2f252c;
}

#suggestions div:hover{
background:#f3efeb;
}

/* collections */

#collections div{
padding:11px 13px;
font-size:14px;
color:#2f252c;
cursor:pointer;
border:1px solid #eee5e0;
border-radius:12px;
background:#faf8f6;
margin-bottom:10px;
}

/* products */

.premium-search-results .product-card{
display:flex;
gap:12px;
margin-bottom:15px;
cursor:pointer;
padding:14px;
border:1px solid #eee4de;
border-radius:16px;
background:#fff;
transition:none !important;
animation:none !important;
}

.premium-search-results .product-card .product-image{
width:64px;
height:64px;
flex:0 0 64px;
overflow:hidden;
border-radius:12px;
touch-action:pan-y;
}

.premium-search-results .product-card img{
width:64px;
height:64px;
object-fit:cover;
border-radius:12px;
display:block;
transition:none !important;
animation:none !important;
}

.product-info{
font-size:14px;
color:#221920;
line-height:1.45;
}

.product-price{
font-size:13px;
color:#6b6167;
margin-top:4px;
}

/* show all */

.show-all{
border:1px solid #e7ddd8;
padding:11px 15px;
text-align:center;
font-size:14px;
cursor:pointer;
border-radius:12px;
background:#faf8f6;
color:#3d3239;
}

.show-all:hover{
background:#f3efeb;
}

.search-results-header{
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
margin-bottom:16px;
}

/* ===== SALE BAR ===== */

.sale-bar{
background:#732C3F;
color:white;
text-align:center;
font-size:13px;
padding:8px 0;
letter-spacing:1px;
font-weight:500;
}

/* ===== TOP LINKS ===== */

.top-links{
display:flex;
justify-content:flex-start;
gap:25px;
padding:8px 60px;
font-size:13px;
background:#ffffff;
border-bottom:1px solid #eee;
}

.top-links a{
text-decoration:none;
color:#986590;
}

@media(max-width:768px){
.search-page-body .site-footer,
.search-page-body .global-trust-strip{
display:none !important;
}

.search-page{
padding:0 12px 32px;
margin:0 auto;
}

.premium-search-page{
gap:14px;
}

.search-hero{
display:none;
}

.search-container{
flex-direction:column;
gap:14px;
}

.search-left,
.search-right{
width:100%;
}

.search-bar{
 position:sticky;
 top:8px;
 z-index:20;
 display:grid;
 grid-template-columns:minmax(0,1fr) auto;
 gap:8px;
 padding:10px;
 border-radius:18px;
 box-shadow:0 14px 28px rgba(28,16,20,0.08);
}

.search-input-wrap{
width:100%;
grid-column:1 / 2;
padding:0 12px;
min-height:48px;
border:1px solid #ece3df;
border-radius:14px;
background:#faf8f6;
}

.search-bar input{
font-size:15px;
}

.search-btn,
.close-btn{
height:48px;
border-radius:14px;
}

.search-btn{
min-width:92px;
padding:0 16px;
}

.close-btn{
display:none;
}

.search-results-header{
display:grid;
gap:10px;
}

.show-all{
width:100%;
text-align:left;
}

.premium-search-panel{
padding:16px 14px;
border-radius:18px;
}

.search-left h4,
.search-right h4{
margin-bottom:12px;
font-size:12px;
}

#suggestions div,
#collections div{
margin-bottom:8px;
padding:10px 12px;
border-radius:10px;
}

.premium-search-results .product-card{
padding:12px;
margin-bottom:12px;
border-radius:14px;
}

.premium-search-results .product-card .product-image,
.premium-search-results .product-card img{
width:56px;
height:56px;
}
}

@media(max-width:520px){
.search-page{
padding:0 10px 24px;
}

.premium-search-panel{
padding:14px 12px;
}

.search-bar{
top:6px;
padding:8px;
gap:8px;
border-radius:16px;
}

.search-input-wrap{
width:100%;
padding:0 10px;
min-height:46px;
}

.search-icon{
width:34px;
height:34px;
border-radius:9px;
flex:0 0 34px;
}

.search-btn{
height:46px;
font-size:13px;
padding:0 14px;
min-width:0;
border-radius:12px;
}

.search-left{
order:1;
}

.search-right{
order:2;
}

.show-all{
font-size:13px;
padding:10px 12px;
}
}