/* Nustore 2.0 Child Theme - Custom Styles */

/* Hero Banner Slider */
.ps-banner--hero { position: relative; overflow: hidden; }
.ps-banner--hero picture { display: block; width: 100%; }
.ps-banner--hero picture img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ps-banner--hero .ps-banner__overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(to right, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.3) 50%, transparent 100%); z-index: 1; }
.ps-banner--hero .ps-banner__link-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; }
.ps-banner--hero .ps-banner__content { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; padding: 0 80px; max-width: 700px; }
.ps-banner--hero .ps-banner__content--left { left: 0; text-align: left; }
.ps-banner--hero .ps-banner__content--center { left: 50%; transform: translate(-50%, -50%); text-align: center; max-width: 800px; }
.ps-banner--hero .ps-banner__content--right { right: 0; text-align: right; }
.ps-banner--hero .ps-banner__subtitle { color: rgba(255,255,255,0.85); font-size: 16px; font-style: italic; margin-bottom: 10px; letter-spacing: 0.5px; }
.ps-banner--hero .ps-banner__title { color: #fff; font-size: 42px; font-weight: 700; line-height: 1.15; margin-bottom: 20px; font-style: italic; text-shadow: 0 2px 4px rgba(0,0,0,0.3); }
.ps-banner--hero .ps-banner__desc { color: rgba(255,255,255,0.9); font-size: 16px; line-height: 1.6; margin-bottom: 25px; }
.ps-banner--hero .ps-banner__btn { display: inline-block; padding: 14px 32px; background-color: #c0392b; color: #fff; font-size: 14px; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; text-decoration: none; transition: all 0.3s ease; border: none; }
.ps-banner--hero .ps-banner__btn:hover { background-color: #a93226; color: #fff; transform: translateY(-1px); }

@media (max-width: 1400px) {
    .ps-banner--hero .ps-banner__content { padding: 0 50px; max-width: 600px; }
    .ps-banner--hero .ps-banner__title { font-size: 36px; }
}

@media (max-width: 991px) {
    .ps-banner--hero .ps-banner__content { padding: 0 30px; max-width: 500px; }
    .ps-banner--hero .ps-banner__title { font-size: 28px; }
    .ps-banner--hero .ps-banner__subtitle { font-size: 14px; }
}

@media (max-width: 767px) {
    .ps-banner--hero .ps-banner__content { padding: 0 20px; max-width: 100%; }
    .ps-banner--hero .ps-banner__title { font-size: 22px; margin-bottom: 12px; }
    .ps-banner--hero .ps-banner__subtitle { font-size: 13px; margin-bottom: 6px; }
    .ps-banner--hero .ps-banner__desc { font-size: 14px; margin-bottom: 15px; }
    .ps-banner--hero .ps-banner__btn { padding: 10px 24px; font-size: 12px; }
}