.site-header{position:sticky;top:0;background:#fff;z-index:50;border-bottom:1px solid #eee}
.primary-nav{position:relative;flex:1}
.primary-nav .menu{display:flex;gap:24px;list-style:none;margin:0;padding:0}
.primary-nav .menu > li{position:relative}
.primary-nav .menu > li.has-mega:hover > .mega-panel{opacity:1;visibility:visible;transform:translateY(0)}

.mega-panel{position:absolute;left:0;right:0;top:100%;background:#fff;border:1px solid #eee;border-top:none;
  box-shadow:0 20px 40px rgba(0,0,0,.06);opacity:0;visibility:hidden;transform:translateY(8px);
  transition:.18s ease; padding:20px; z-index: 1000;}
.mega-inner{display:grid;grid-template-columns:260px 1fr 320px;gap:20px;min-height:320px}
.collections h3{margin:0 0 10px;font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:#666}
.collections ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.collections a{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;background:#f7f7f8}
.collections a:hover{background:#efeff2}
.view-all{display:inline-block;margin-top:12px;font-weight:600}
.products{min-width:0}
.product-card{background:#fff;border:1px solid #eee;border-radius:16px;padding:14px;text-align:center}
.product-card img{width:100%;height:auto;object-fit:contain}
.product-card .title{margin:8px 0 4px;font-size:15px}
.product-card .price{color:#111;font-weight:600}
.promo-card{display:block;position:relative;border-radius:18px;overflow:hidden;height:100%}
.promo-card img{display:block;width:100%;height:100%;object-fit:cover}
.promo-text{position:absolute;left:16px;bottom:16px;background:rgba(255,255,255,.86);padding:10px 14px;border-radius:12px}
@media (max-width:1024px){ .mega-inner{grid-template-columns:1fr} }