.summer-tag { display: inline-block; color: #ff7643; font-size: clamp(14px, 1.5vw, 18px); letter-spacing: .08em; margin-bottom: 14px; position: relative; text-shadow: 0 2px 15px rgba(0,0,0,.25); }

.summer-tag:after { content: ""; display: block; height: 2px; width: 45px; background: #ff7643; margin-top: 7px; }

.summer-title { font-size: clamp(45px, 8vw, 90px); line-height: 1; letter-spacing: -3px; color: #fff; text-shadow: 0 2px 15px rgba(0,0,0,.25); }

.summer-title b { font-weight: 800; }

.summer-title span { font-weight: 200; }

.summer-discount { color: #ff7643; font-size: clamp(42px, 7vw, 80px); line-height: 1; margin-top: 5px; letter-spacing: -2px; text-shadow: 0 2px 15px rgba(0,0,0,.25); }

.summer-text { margin-top: 28px; font-size: clamp(16px, 2vw, 22px); line-height: 1.55; max-width: 600px; color: #fff; text-shadow: 0 2px 15px rgba(0,0,0,.25); }

.summer-text b { font-weight: 700; }

.summer-text span { display: inline-block; color: #ff7643; background: rgba(255,118,67,.15); padding: 2px 8px; border-radius: 6px; margin-left: 3px; }

@media (max-width: 767px) {

.summer-hero { text-align: center; }

.summer-tag:after { margin-left: auto; margin-right: auto; }

.summer-title { letter-spacing: -1.5px; }

.summer-discount { margin-top: 8px; }

.summer-text { margin-top: 18px; }

}