.promo-banner{position:relative;width:100%;max-width:100%;margin:25px 0 0 0;border-radius:16px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,0.05);transition:transform 0.4s ease,box-shadow 0.4s ease}.promo-banner:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,0.1)}.promo-banner .banner-bg{width:100%;height:110px;display:block;object-fit:cover;transition:transform 0.4s ease,filter 0.4s ease}.promo-banner:hover .banner-bg{transform:scale(1.05);filter:brightness(1.05)}.promo-text{position:absolute;top:50%;right:35px;left:auto;transform:translateY(-50%);color:#111111;z-index:2;text-align:right;transition:transform 0.4s ease}.promo-text h3{font-size:20px;font-weight:700;margin:0 0 5px 0}.promo-text p{font-size:13.5px;margin:0;opacity:0.9}.promo-text h3,.promo-text p,.promo-btn{transition:transform 0.4s ease,background 0.3s,color 0.3s}.promo-banner:hover .promo-text h3,.promo-banner:hover .promo-text p,.promo-banner:hover .promo-btn{transform:scale(1.03)}.promo-btn{display:inline-block;background:#111111;color:#ffffff;padding:6px 16px;border-radius:25px;font-size:13px;font-weight:600;text-decoration:none;margin-top:10px;box-shadow:0 2px 5px rgba(0,0,0,0.1)}.promo-btn:hover{background:var(--primary);color:#111111}.banner-bg--css{width:100%;height:110px;position:relative;overflow:hidden}.banner-bg__pattern{position:absolute;width:100%;height:100%;opacity:0.08;background-image:linear-gradient(to right,#ffffff 1px,transparent 1px),linear-gradient(to bottom,#ffffff 1px,transparent 1px);background-size:15px 15px;z-index:1}.promo-banner--css .promo-text{color:#ffffff !important}.promo-banner--css .promo-btn{background:#ffffff;color:#111111}.promo-banner--css .promo-btn:hover{background:var(--primary);color:#111111}.banner-bg--sunglass-men{background:linear-gradient(135deg,#1e293b,#0f172a)}.banner-bg--sunglass-women{background:linear-gradient(135deg,#e0a98c,#c08463)}.banner-bg--sunglass-kids{background:linear-gradient(135deg,#ec4899,var(--primary-hover))}.banner-bg--sunglass-cover{background:linear-gradient(135deg,#2563eb,#1e3a8a)}.promo-banner:hover .banner-bg--css{transform:scale(1.05);filter:brightness(1.05);transition:transform 0.4s ease,filter 0.4s ease}@media (max-width:768px){.promo-banner,.banner-bg--css{height:90px}.promo-text{right:20px}.promo-text h3{font-size:16px;margin-bottom:2px}.promo-text p{font-size:11.5px}.promo-btn{padding:4px 12px;font-size:11.5px;margin-top:6px}}@media (max-width:480px){.promo-banner,.banner-bg--css{height:80px}.promo-text{right:15px}.promo-text h3{font-size:14px;margin-bottom:0px}.promo-text p{font-size:10px}.promo-btn{display:none}}