.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;
}
}

/* Final search refresh */
.premium-search-page{
max-width:1280px;
margin:0 auto;
padding:24px 20px 56px;
gap:22px;
}

.search-hero{
background:
linear-gradient(135deg,rgba(255,250,247,0.98) 0%,rgba(255,245,241,0.94) 100%);
border:1px solid rgba(119,47,66,0.12);
border-radius:28px;
padding:30px 32px;
box-shadow:0 18px 42px rgba(41,20,28,0.06);
}

.search-hero h1{
font-size:clamp(2.1rem,4vw,3.3rem);
letter-spacing:-0.03em;
}

.premium-search-bar{
display:grid;
gap:14px;
padding:18px;
border-radius:28px;
background:linear-gradient(180deg,#fff 0%,#fff9f6 100%);
border:1px solid rgba(119,47,66,0.12);
box-shadow:0 22px 50px rgba(41,20,28,0.08);
}

.search-bar-shell{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:14px;
align-items:center;
}

.search-input-wrap{
min-height:62px;
padding:0 18px;
gap:14px;
border:1px solid rgba(111,75,87,0.14);
border-radius:20px;
background:#ffffff;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.7);
}

.search-icon{
width:42px;
height:42px;
border-radius:14px;
background:#f6ece8;
color:#693745;
flex:0 0 42px;
}

.search-bar input{
font-size:15px;
font-weight:500;
color:#23151b;
}

.search-bar input::placeholder{
color:#8a7a81;
}

.search-actions{
display:flex;
align-items:center;
gap:10px;
}

.search-btn,
.close-btn{
height:56px;
padding:0 22px;
border-radius:18px;
font-size:14px;
font-weight:800;
letter-spacing:.02em;
}

.search-btn{
background:linear-gradient(135deg,#22161c 0%,#4d2432 100%);
box-shadow:0 14px 30px rgba(34,22,28,0.18);
}

.close-btn{
background:#f4ece8;
color:#5d4b53;
border:1px solid #e7dad3;
min-width:88px;
display:inline-flex;
align-items:center;
justify-content:center;
}

.search-shortcuts{
display:flex;
flex-wrap:wrap;
gap:10px;
}

.search-shortcut-chip{
border:1px solid rgba(119,47,66,0.12);
background:#fff;
color:#5a3944;
border-radius:999px;
padding:10px 16px;
font-size:13px;
font-weight:700;
cursor:pointer;
transition:background-color .22s ease,border-color .22s ease,color .22s ease,transform .22s ease;
}

.search-shortcut-chip:hover{
background:#fff2ee;
border-color:rgba(119,47,66,0.22);
color:#431f2b;
transform:translateY(-1px);
}

.premium-search-layout{
display:grid;
grid-template-columns:minmax(280px,320px) minmax(0,1fr);
gap:22px;
align-items:start;
}

.premium-search-panel{
border-radius:24px;
padding:22px;
border:1px solid rgba(119,47,66,0.1);
box-shadow:0 16px 34px rgba(41,20,28,0.05);
}

.search-left h4,
.search-right h4{
font-size:12px;
letter-spacing:.16em;
color:#6a5059;
margin-bottom:14px;
}

#suggestions div,
#collections div,
.show-all{
border-radius:14px;
}

.premium-search-results .product-card{
align-items:center;
padding:16px;
border-radius:18px;
box-shadow:0 8px 22px rgba(41,20,28,0.04);
}

.premium-search-results .product-card .product-image,
.premium-search-results .product-card img{
width:72px;
height:72px;
border-radius:16px;
}

.product-info{
font-size:15px;
}

.product-price{
font-size:13px;
letter-spacing:.01em;
}

@media(max-width:900px){
.premium-search-layout{
grid-template-columns:1fr;
}
}

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

.premium-search-page{
padding:12px 14px 34px;
gap:16px;
}

.premium-search-bar{
position:sticky;
top:10px;
z-index:20;
padding:12px;
border-radius:22px;
}

.search-bar-shell{
grid-template-columns:1fr;
gap:10px;
}

.search-input-wrap{
min-height:54px;
padding:0 14px;
border-radius:16px;
}

.search-actions{
display:grid;
grid-template-columns:1fr 96px;
}

.search-btn,
.close-btn{
height:48px;
padding:0 16px;
border-radius:14px;
display:inline-flex;
align-items:center;
justify-content:center;
}
}

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

.premium-search-bar{
top:6px;
padding:10px;
}

.search-input-wrap{
min-height:50px;
padding:0 12px;
}

.search-icon{
width:36px;
height:36px;
border-radius:12px;
flex-basis:36px;
}

.search-actions{
grid-template-columns:1fr 84px;
gap:8px;
}

.search-shortcuts{
gap:8px;
}

.search-shortcut-chip{
padding:9px 13px;
font-size:12px;
}
}