/* ==========================================================================
   HONOR promocija 08/2026 – responsive
   Sections 1–5 need nothing here: the width / max-width pair in default.css
   already crops the empty edge down to 1170px and scales below it.
   Only the text of sections 6 and 7 steps down.
   ========================================================================== */

@media only screen and (max-width: 1199px) {

	.section6 {
		padding: 44px 20px 76px;
	}

	.section6 .gift-block p,
	.section6 .gift-benefit {
		font-size: 23px;
		line-height: 28px;
	}

	.section6 .gift-divider {
		margin: 20px auto 32px;
	}

	.section6 .gift-benefit {
		margin-top: 46px;
	}

	.section7 {
		padding: 32px 20px 84px;
	}

	.section7 .reg-info {
		font-size: 23px;
		line-height: 31px;
	}

	.section7 .btn-reg {
		margin-top: 0;
	}

	.section7 .promo-period {
		margin-top: 31px;
		font-size: 28px;
		line-height: 34px;
	}

	.section7 .btn-rules {
		margin-top: 35px;
	}

}

@media only screen and (max-width : 991px) {

	.main-section-wrapper {
		padding-top: 76px;
	}

	/* swap sections 1–5 over to the portrait mobile art */
	.section1 > .img-desktop,
	.section2 > .img-desktop,
	.section3 > .img-desktop,
	.section4 > .img-desktop,
	.section5 > .img-desktop {
		display: none;
	}

	.section1 > .img-mobile,
	.section2 > .img-mobile,
	.section3 > .img-mobile,
	.section4 > .img-mobile,
	.section5 > .img-mobile {
		display: block;
	}

	/* the mobile art has #d9d9d9 edges, unlike the desktop slices */
	.section2,
	.section3,
	.section4,
	.section5 {
		background-color: #d9d9d9;
	}

	.section6 {
		padding: 38px 20px 62px;
	}

	.section6 .gift-block p,
	.section6 .gift-benefit {
		font-size: 20px;
		line-height: 26px;
	}

	.section6 .gift-divider {
		width: 340px;
		margin: 17px auto 28px;
	}

	.section6 .gift-benefit {
		margin-top: 40px;
	}

	.section7 {
		padding: 28px 20px 70px;
	}

	.section7 .reg-info {
		font-size: 20px;
		line-height: 28px;
	}

	.section7 .btn-reg {
		margin-top: 0;
	}

	.section7 .promo-period {
		margin-top: 28px;
		font-size: 24px;
		line-height: 30px;
	}

	.section7 .btn-rules {
		margin-top: 31px;
	}

}

@media only screen and (max-width : 767px) {

	.main-section-wrapper{
		padding-top: 60px;
	}

	.section6 {
		padding: 26px 18px 42px;
	}

	.section6 .gift-block p,
	.section6 .gift-benefit {
		font-size: 14px;
		line-height: 20px;
	}

	.section6 .gift-divider {
		width: 230px;
		margin: 12px auto 21px;
	}

	.section6 .gift-benefit {
		margin-top: 28px;
	}

	.section7 {
		padding: 22px 18px 48px;
	}

	.section7 .reg-info {
		font-size: 14px;
		line-height: 20px;
	}

	/* the URL is one long word – let it break rather than overflow */
	.section7 .reg-info span {
		word-break: break-word;
	}

	.section7 .btn-reg {
		margin-top: 0;
		margin-bottom: 10px;
        min-width: 138px;
        height: 36px;
        line-height: 1;
        font-size: 13px;
        padding: 12px 15px;
	}

	.section7 .promo-period {
		margin-top: 21px;
		font-size: 17px;
		line-height: 23px;
		margin-bottom: 0;
	}

	.section7 .btn-rules {
		margin-top: 23px;
		min-width: 143px;
		height: 30px;
		line-height: 30px;
		font-size: 13px;
	}

}