/* =========================================================
   MyThrifts Responsive Pass - Milestone 02.15
   Desktop remains primary. Tablet/mobile gets clean stacking.
   ========================================================= */

/* -----------------------------
   General container + spacing
   ----------------------------- */

@media (max-width: 1180px) {
	.mythrifts-container {
		width: min(100% - 36px, 1120px) !important;
	}

	.mythrifts-section:not(.mythrifts-section--trust) {
		padding-top: 58px !important;
		padding-bottom: 58px !important;
	}
}

@media (max-width: 760px) {
	.mythrifts-container {
		width: min(100% - 28px, 1120px) !important;
	}

	.mythrifts-section:not(.mythrifts-section--trust) {
		padding-top: 46px !important;
		padding-bottom: 46px !important;
	}

	.mythrifts-section__head {
		display: block !important;
		margin-bottom: 20px !important;
	}

	.mythrifts-section__head h2,
	.mythrifts-section h2 {
		font-size: clamp(1.85rem, 9vw, 2.8rem) !important;
		line-height: .98 !important;
	}

	.mythrifts-section__view-all {
		display: inline-flex !important;
		margin-top: 14px !important;
	}
}

/* -----------------------------
   Hero responsive correction
   Header compression remains parked.
   ----------------------------- */

@media (max-width: 1180px) {
	.mythrifts-hero__slide {
		grid-template-columns: 1fr !important;
	}

	.mythrifts-hero__viewport,
	.mythrifts-hero__slide {
		min-height: auto !important;
	}

	.mythrifts-hero__image-panel,
	.mythrifts-hero__image-placeholder {
		min-height: 500px !important;
	}

	.mythrifts-hero__image-placeholder {
		border-right: 0 !important;
		border-bottom: 1px solid rgba(237,221,188,.10) !important;
	}

	.mythrifts-hero__content {
		max-width: 760px !important;
		padding: 40px 28px 82px !important;
	}

	.mythrifts-hero__content h1,
	.mythrifts-hero__content p {
		max-width: 680px !important;
	}
}

@media (max-width: 760px) {
	.mythrifts-hero__image-panel,
	.mythrifts-hero__image-placeholder {
		min-height: 390px !important;
	}

	.mythrifts-hero__content {
		padding: 34px 18px 78px !important;
	}

	.mythrifts-hero__content h1 {
		font-size: clamp(2.45rem, 13vw, 3.8rem) !important;
	}

	.mythrifts-hero__content p {
		font-size: .9rem !important;
		line-height: 1.55 !important;
	}

	.mythrifts-hero__controls {
		right: 14px !important;
		bottom: 14px !important;
	}

	.mythrifts-hero__dots {
		left: 14px !important;
		bottom: 14px !important;
	}
}

/* -----------------------------
   Countdown responsive
   ----------------------------- */

@media (max-width: 980px) {
	.mythrifts-countdown-strip__inner {
		grid-template-columns: 1fr !important;
		text-align: center !important;
		gap: 16px !important;
		padding-top: 22px !important;
		padding-bottom: 22px !important;
	}

	.mythrifts-countdown-strip__offer {
		max-width: none !important;
		padding-left: 0 !important;
	}

	.mythrifts-countdown-strip__timer {
		justify-content: center !important;
	}

	.mythrifts-countdown-strip__actions {
		justify-content: center !important;
		padding-right: 0 !important;
	}

	.mythrifts-countdown-strip__actions span {
		text-align: center !important;
	}
}

@media (max-width: 560px) {
	.mythrifts-countdown-strip__timer {
		gap: 4px !important;
	}

	.mythrifts-countdown-card {
		min-width: 58px !important;
		min-height: 62px !important;
	}

	.mythrifts-countdown-card strong {
		font-size: 1.15rem !important;
	}

	.mythrifts-countdown-card small {
		font-size: .42rem !important;
	}

	.mythrifts-countdown-strip__actions {
		grid-template-columns: 1fr 1fr !important;
		width: min(320px, 100%) !important;
		margin-inline: auto !important;
	}
}

/* -----------------------------
   Trustbar
   ----------------------------- */

@media (max-width: 980px) {
	.mythrifts-trustbar__grid {
		grid-template-columns: repeat(2, 1fr) !important;
	}

	.mythrifts-trustbar__item {
		border-bottom: 1px solid rgba(255,255,255,.08) !important;
	}
}

@media (max-width: 560px) {
	.mythrifts-trustbar__grid {
		grid-template-columns: 1fr !important;
	}

	.mythrifts-trustbar__item {
		min-height: 132px !important;
		border-right: 0 !important;
	}
}

/* -----------------------------
   Card grids
   ----------------------------- */

@media (max-width: 1100px) {
	.mythrifts-archive-premium-grid,
	.mythrifts-latest-grid,
	.mythrifts-market-grid,
	.mythrifts-ugc-grid,
	.mythrifts-testimonial-grid--four,
	.mythrifts-how-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.mythrifts-archive-premium-card {
		min-height: 300px !important;
	}

	.mythrifts-latest-card__image,
	.mythrifts-market-card__image {
		min-height: 250px !important;
	}

	.mythrifts-ugc-card__media {
		min-height: 330px !important;
	}
}

@media (max-width: 620px) {
	.mythrifts-archive-premium-grid,
	.mythrifts-latest-grid,
	.mythrifts-market-grid,
	.mythrifts-ugc-grid,
	.mythrifts-testimonial-grid--four,
	.mythrifts-how-grid {
		grid-template-columns: 1fr !important;
	}

	.mythrifts-archive-premium-card {
		min-height: 280px !important;
	}

	.mythrifts-latest-card__image,
	.mythrifts-market-card__image {
		min-height: 260px !important;
	}

	.mythrifts-ugc-card__media {
		min-height: 360px !important;
	}
}

/* -----------------------------
   Promo Banner 2
   ----------------------------- */

@media (max-width: 760px) {
	.mythrifts-promo-secondary {
		padding: 42px 0 !important;
	}

	.mythrifts-promo-secondary h2 {
		font-size: clamp(1.8rem, 9vw, 2.7rem) !important;
	}

	.mythrifts-promo-secondary__actions {
		display: grid !important;
		grid-template-columns: 1fr !important;
		width: min(320px, 100%) !important;
		margin-inline: auto !important;
	}
}

/* -----------------------------
   Newsletter
   ----------------------------- */

@media (max-width: 980px) {
	.mythrifts-loop__panel,
	.mythrifts-newsletter-box {
		grid-template-columns: 1fr !important;
	}
}

@media (max-width: 620px) {
	.mythrifts-loop__email,
	.mythrifts-loop__review,
	.mythrifts-newsletter-form,
	.mythrifts-review-submit {
		display: grid !important;
		grid-template-columns: 1fr !important;
		align-items: stretch !important;
	}

	.mythrifts-loop__email button,
	.mythrifts-loop__review a,
	.mythrifts-newsletter-form button,
	.mythrifts-review-submit a {
		width: 100% !important;
		margin-top: 8px !important;
	}

	.mythrifts-loop__review span,
	.mythrifts-review-submit span {
		padding-left: 0 !important;
	}
}

/* -----------------------------
   Our Story
   ----------------------------- */

@media (max-width: 900px) {
	.mythrifts-brand-story__grid {
		grid-template-columns: 1fr !important;
		gap: 28px !important;
	}

	.mythrifts-brand-story__visual {
		min-height: 280px !important;
	}
}

/* -----------------------------
   Footer
   ----------------------------- */

@media (max-width: 900px) {
	.mythrifts-footer__top {
		grid-template-columns: 1fr 1fr !important;
	}

	.mythrifts-footer__brand {
		grid-column: 1 / -1 !important;
	}
}

@media (max-width: 560px) {
	.mythrifts-footer {
		padding-top: 48px !important;
	}

	.mythrifts-footer__top {
		grid-template-columns: 1fr !important;
		gap: 30px !important;
	}

	.mythrifts-footer__bottom {
		display: block !important;
	}

	.mythrifts-footer__bottom div {
		margin-top: 14px !important;
	}
}

/* =========================================================
   Milestone 02.15.1 Mobile / Tablet tightening pass
   ========================================================= */

/* Tablet: slightly tighter section rhythm */
@media (max-width: 980px) {
	.mythrifts-section:not(.mythrifts-section--trust) {
		padding-top: 48px !important;
		padding-bottom: 48px !important;
	}

	.mythrifts-section__eyebrow {
		margin-bottom: 6px !important;
	}

	.mythrifts-section__head {
		margin-bottom: 18px !important;
	}

	.mythrifts-latest-card__body,
	.mythrifts-market-card__body {
		padding: 13px !important;
	}

	.mythrifts-latest-card__body h3,
	.mythrifts-market-card__body h3 {
		font-size: .92rem !important;
		line-height: 1.18 !important;
	}
}

/* Mobile: reduce excessive length while keeping premium look */
@media (max-width: 560px) {
	.mythrifts-container {
		width: min(100% - 24px, 1120px) !important;
	}

	.mythrifts-section:not(.mythrifts-section--trust) {
		padding-top: 38px !important;
		padding-bottom: 38px !important;
	}

	.mythrifts-section__head {
		margin-bottom: 16px !important;
	}

	.mythrifts-section__eyebrow {
		font-size: .58rem !important;
		letter-spacing: .12em !important;
	}

	.mythrifts-section h2,
	.mythrifts-section__head h2 {
		font-size: clamp(1.75rem, 9vw, 2.45rem) !important;
	}

	/* Hero mobile: keep visual strong but reduce scroll burden */
	.mythrifts-hero__image-panel,
	.mythrifts-hero__image-placeholder {
		min-height: 330px !important;
	}

	.mythrifts-hero__content {
		padding-top: 26px !important;
		padding-bottom: 70px !important;
	}

	.mythrifts-hero__content h1 {
		font-size: clamp(2.35rem, 11vw, 3.45rem) !important;
		margin-bottom: 12px !important;
	}

	.mythrifts-hero__content p {
		font-size: .84rem !important;
		line-height: 1.48 !important;
		margin-bottom: 16px !important;
	}

	/* Countdown compact mobile */
	.mythrifts-countdown-strip__inner {
		padding-top: 18px !important;
		padding-bottom: 18px !important;
		gap: 12px !important;
	}

	.mythrifts-countdown-strip__offer h2 {
		font-size: 1.18rem !important;
	}

	/* Trustbar compact mobile */
	.mythrifts-trustbar__item {
		min-height: 108px !important;
		padding: 18px 14px !important;
	}

	.mythrifts-trustbar__icon {
		width: 44px !important;
		height: 44px !important;
		margin-bottom: 10px !important;
	}

	.mythrifts-trustbar__icon img {
		max-width: 30px !important;
		max-height: 30px !important;
	}

	.mythrifts-trustbar__item h3 {
		font-size: 1rem !important;
		margin-bottom: 5px !important;
	}

	.mythrifts-trustbar__item strong {
		font-size: .78rem !important;
		margin-bottom: 4px !important;
	}

	.mythrifts-trustbar__item p {
		font-size: .70rem !important;
		line-height: 1.32 !important;
	}

	/* Cards compact mobile */
	.mythrifts-archive-premium-card {
		min-height: 230px !important;
		padding: 18px !important;
	}

	.mythrifts-latest-card__image,
	.mythrifts-market-card__image {
		min-height: 220px !important;
	}

	.mythrifts-ugc-card__media {
		min-height: 300px !important;
	}

	.mythrifts-review-card {
		min-height: 230px !important;
	}

	.mythrifts-how-card {
		min-height: 210px !important;
	}

	/* Promo divider compact */
	.mythrifts-promo-secondary {
		padding-top: 34px !important;
		padding-bottom: 34px !important;
	}

	.mythrifts-promo-secondary h2 {
		font-size: clamp(1.55rem, 8vw, 2.25rem) !important;
	}

	/* Newsletter mobile clean */
	.mythrifts-loop,
	.mythrifts-newsletter-section {
		padding-top: 38px !important;
		padding-bottom: 38px !important;
	}

	.mythrifts-loop__panel,
	.mythrifts-newsletter-box {
		padding: 22px !important;
	}

	/* Footer compact */
	.mythrifts-footer {
		padding-top: 42px !important;
	}

	.mythrifts-footer__logo {
		font-size: 2rem !important;
	}
}