/*
 * GREEN BADGER — tablet compact-desktop pass (783–1024px).
 *
 * Goal: do NOT invent a third visual language. Tablet reuses the locked
 * desktop composition at a smaller scale, while phone-specific app chrome
 * and phone-only section rewrites remain <=782px in green-badger-mobile.css.
 */

@media (min-width: 783px) and (max-width: 1024px) {
	body.dm-pack-green-badger {
		--gb-t-gutter: clamp(30px, 4vw, 44px);
		--gb-content-gutter: var(--gb-t-gutter);
		--dm-shell-gutter: var(--gb-t-gutter);
		--gb-section-space: clamp(56px, 7vw, 72px);
		--gb-title-section: 44px;
		--gb-title-feature: 48px;
	}

	/* ==========================================================
	 * CHROME — tablet is compact desktop, never the phone app shell.
	 * The announcement remains in normal flow; the normal site header
	 * returns and the fixed bottom nav no longer reserves page space.
	 * ========================================================== */
	body.dm-pack-green-badger .dm-app-bar,
	body.dm-pack-green-badger .dm-app-nav {
		display: none !important;
	}
	body.dm-pack-green-badger .site-header,
	body.dm-pack-green-badger #masthead {
		display: block !important;
	}
	body.dm-pack-green-badger {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	body.dm-pack-green-badger .dm-app-chrome {
		position: relative;
		top: auto;
		z-index: auto;
	}
	body.dm-pack-green-badger .dm-header-announcement {
		position: relative !important;
		inset: auto !important;
	}
	body.dm-pack-green-badger .dm-header-announcement__text--desktop {
		display: inline;
	}
	body.dm-pack-green-badger .dm-header-announcement__text--mobile {
		display: none;
	}

	/* Tablet type/rhythm follows the desktop system, just one step smaller. */
	body.dm-pack-green-badger .dm-section__title,
	body.dm-pack-green-badger .dm-coverflow__intro h2 {
		font-family: var(--dm-font-display, inherit);
		font-weight: 600;
		letter-spacing: -.03em;
		line-height: 1.02;
	}
	body.dm-pack-green-badger .dm-section__title {
		font-size: 44px;
	}
	body.dm-pack-green-badger .dm-section__subtitle,
	body.dm-pack-green-badger .dm-coverflow__intro p:not(.dm-coverflow__eyebrow) {
		font-size: 14px;
		line-height: 1.8;
	}
	body.dm-pack-green-badger .dm-section__eyebrow,
	body.dm-pack-green-badger .dm-coverflow__eyebrow {
		font-size: 11px;
		font-weight: 600;
		letter-spacing: .18em;
		line-height: 1.6;
		color: var(--dm-primary, #b89a5b);
	}
	body.dm-pack-green-badger .woocommerce-Price-amount {
		color: var(--gb-price-color, #f4f1e8) !important;
	}

	/* Remove the old paper material language on tablet too. */
	body.dm-pack-green-badger .dm-native-slider__cta--solid::before,
	body.dm-pack-green-badger .dm-native-slider__cta--solid::after,
	body.dm-pack-green-badger .dm-section__action::before,
	body.dm-pack-green-badger .dm-section__action::after,
	body.dm-pack-green-badger .dm-coverflow__active-content-cta::before,
	body.dm-pack-green-badger .dm-coverflow__active-content-cta::after,
	body.dm-pack-green-badger .dm-header-cta-link::before,
	body.dm-pack-green-badger .dm-header-cta-link::after {
		display: none;
	}

	/* ==========================================================
	 * 01 — HERO: use authored tablet height/title, desktop composition.
	 * ========================================================== */
	body.dm-pack-green-badger .dm-native-slider {
		min-height: var(--dm-slider-h-tablet, 620px);
	}
	body.dm-pack-green-badger .dm-native-slider[data-content-container="viewport"] .dm-native-slider__inner {
		padding: 56px var(--gb-t-gutter);
	}
	body.dm-pack-green-badger .dm-native-slider__content {
		width: min(100%, 540px);
	}
	body.dm-pack-green-badger .dm-native-slider__title {
		font-size: var(--dm-slider-title-size-tablet, 64px);
		font-weight: 700;
		letter-spacing: var(--gb-type-display-track, -.022em);
		line-height: .88;
	}
	body.dm-pack-green-badger .dm-native-slider__copy {
		font-size: 15px;
		line-height: 1.9;
	}
	body.dm-pack-green-badger .dm-native-slider__cta--solid,
	body.dm-pack-green-badger .dm-native-slider__cta--solid:hover,
	body.dm-pack-green-badger .dm-native-slider__cta--solid:focus-visible,
	body.dm-pack-green-badger .dm-native-slider__cta--solid:active {
		display: inline-flex;
		align-items: flex-end;
		min-width: 0;
		min-height: 44px;
		margin-top: 24px;
		padding: 0 0 7px;
		border: 0;
		border-bottom: 1px solid rgba(244, 241, 232, .5);
		border-radius: 0;
		background: transparent;
		color: #f4f1e8;
		clip-path: none;
		box-shadow: none;
		font-size: 14px;
		font-weight: 600;
		letter-spacing: .16em;
		transform: none !important;
		filter: none;
	}

	/* ==========================================================
	 * 02 — CHOOSE: compact version of the desktop theater.
	 * ========================================================== */
	body.dm-pack-green-badger .dm-coverflow[data-content-layout="theater"] {
		display: block;
		padding: 0;
	}
	body.dm-pack-green-badger .dm-coverflow[data-content-layout="theater"] .dm-coverflow__intro {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(220px, 32%);
		grid-template-areas: "eyebrow ." "title desc";
		column-gap: 28px;
		align-items: end;
		padding-inline: var(--gb-t-gutter);
		margin: 0 0 26px;
	}
	body.dm-pack-green-badger .dm-coverflow[data-content-layout="theater"] .dm-coverflow__eyebrow { grid-area: eyebrow; }
	body.dm-pack-green-badger .dm-coverflow[data-content-layout="theater"] .dm-coverflow__intro h2 {
		grid-area: title;
		margin: 0;
		font-size: clamp(38px, 5.2vw, 48px);
		font-weight: 400;
		white-space: nowrap;
		color: #f4f1e8;
	}
	body.dm-pack-green-badger .dm-coverflow[data-content-layout="theater"] .dm-coverflow__intro-accent { color: inherit; }
	body.dm-pack-green-badger .dm-coverflow[data-content-layout="theater"] .dm-coverflow__intro p:not(.dm-coverflow__eyebrow) {
		grid-area: desc;
		margin: 0;
		max-width: 32ch;
		opacity: .6;
	}
	body.dm-pack-green-badger .dm-coverflow[data-content-layout="theater"]::before,
	body.dm-pack-green-badger .dm-coverflow[data-content-layout="theater"] .dm-coverflow__pedestal,
	body.dm-pack-green-badger .dm-coverflow[data-content-layout="theater"] .dm-coverflow__pedestal-front,
	body.dm-pack-green-badger .dm-coverflow[data-content-layout="theater"] .dm-coverflow__intro-rule {
		display: none;
	}
	body.dm-pack-green-badger .dm-coverflow[data-content-layout="theater"] .dm-coverflow__stage-group {
		position: relative;
		display: block;
	}
	body.dm-pack-green-badger .dm-coverflow[data-content-layout="theater"] .dm-coverflow__viewport {
		height: var(--cfs-card-h);
		perspective-origin: 50% 50%;
		overflow: hidden;
	}
	body.dm-pack-green-badger .dm-coverflow[data-content-layout="theater"] .dm-coverflow__card {
		background: transparent;
		border: 0;
		box-shadow: none;
	}
	body.dm-pack-green-badger .dm-coverflow[data-content-layout="theater"] .dm-coverflow__card[aria-hidden="false"] {
		outline: 1px solid rgba(244, 241, 232, .14);
		outline-offset: -1px;
	}
	body.dm-pack-green-badger .dm-coverflow[data-content-layout="theater"] .dm-coverflow__active-content {
		width: var(--cfs-card-w);
		max-width: calc(100vw - 2 * var(--gb-t-gutter));
		margin: 20px auto 0;
		padding: 0;
		text-align: left;
	}
	body.dm-pack-green-badger .dm-coverflow[data-content-layout="theater"] .dm-coverflow__active-content-eyebrow {
		color: var(--dm-primary, #b89a5b);
		font-size: 11px;
		letter-spacing: .16em;
	}
	body.dm-pack-green-badger .dm-coverflow[data-content-layout="theater"] .dm-coverflow__active-content-item h3 {
		margin-top: 6px;
		font-family: var(--dm-font-display, inherit);
		font-size: 25px;
		font-weight: 500;
		letter-spacing: normal;
		text-transform: none;
		color: #f4f1e8;
	}
	body.dm-pack-green-badger .dm-coverflow[data-content-layout="theater"] .dm-coverflow__active-content-price {
		font-size: 17px;
		color: #f4f1e8;
	}
	body.dm-pack-green-badger .dm-coverflow[data-content-layout="theater"] .dm-coverflow__active-content-cta,
	body.dm-pack-green-badger .dm-coverflow[data-content-layout="theater"] .dm-coverflow__active-content-cta:hover,
	body.dm-pack-green-badger .dm-coverflow[data-content-layout="theater"] .dm-coverflow__active-content-cta:focus-visible {
		min-width: 0;
		min-height: 0;
		padding: 0 0 4px;
		border: 0;
		border-bottom: 1px solid rgba(244, 241, 232, .5);
		border-radius: 0;
		background: transparent;
		color: #f4f1e8;
		clip-path: none;
		box-shadow: none;
		font-size: 12px;
		font-weight: 500;
		letter-spacing: .14em;
		transform: none;
	}
	/* Tablet is touch-first: the 3D stage stays desktop-like, controls stay quiet. */
	body.dm-pack-green-badger .dm-coverflow[data-content-layout="theater"] .dm-coverflow__arrows {
		display: none;
	}

	/* ==========================================================
	 * 03 — NEW DROP: three-across editorial rail.
	 * ========================================================== */
	body.dm-pack-green-badger .dm-section[data-dm-section="section.gb.new_drop"] {
		padding-top: 64px !important;
		padding-bottom: 72px !important;
	}
	body.dm-pack-green-badger .dm-section[data-dm-section="section.gb.new_drop"] .dm-section__inner {
		display: flex;
		flex-wrap: wrap;
		align-items: baseline;
		justify-content: space-between;
	}
	body.dm-pack-green-badger .dm-section[data-dm-section="section.gb.new_drop"] .dm-section__header {
		order: 1;
		margin-bottom: 26px;
	}
	body.dm-pack-green-badger .dm-section[data-dm-section="section.gb.new_drop"] .dm-section__actions {
		order: 2;
		margin: 0 0 26px;
	}
	body.dm-pack-green-badger .dm-section[data-dm-section="section.gb.new_drop"] .dm-section__body {
		order: 3;
		width: 100%;
	}
	body.dm-pack-green-badger .dm-section[data-dm-section="section.gb.new_drop"] .dm-section__action,
	body.dm-pack-green-badger .dm-section[data-dm-section="section.gb.new_drop"] .dm-section__action:hover,
	body.dm-pack-green-badger .dm-section[data-dm-section="section.gb.new_drop"] .dm-section__action:focus-visible {
		min-width: 0;
		min-height: 40px;
		padding: 0 0 5px;
		border: 0;
		border-bottom: 1px solid rgba(244, 241, 232, .45);
		border-radius: 0;
		background: transparent;
		color: #f4f1e8;
		clip-path: none;
		box-shadow: none;
		font-size: 12px;
		font-weight: 500;
		letter-spacing: .16em;
		transform: none !important;
		filter: none;
	}
	body.dm-pack-green-badger .dm-section[data-dm-section="section.gb.new_drop"] .dm-section__items {
		gap: 18px;
	}
	body.dm-pack-green-badger .dm-section[data-dm-section="section.gb.new_drop"] .dm-section__item-media {
		--dm-section-media-ratio: 1 / 1;
		border-radius: 0;
	}
	body.dm-pack-green-badger .dm-section[data-dm-section="section.gb.new_drop"] .dm-section__item-title {
		margin-top: 10px;
		font-family: var(--dm-font-display, inherit);
		font-size: 18px;
		font-weight: 500;
		letter-spacing: normal;
		text-transform: none;
	}
	body.dm-pack-green-badger .dm-section[data-dm-section="section.gb.new_drop"] .dm-section__item-price {
		margin-top: 5px;
		font-size: 15px;
		font-weight: 500;
	}

	/* ==========================================================
	 * 04 — CONTROL THE HUNGER: the desktop two-column plate, scaled.
	 * ========================================================== */
	body.dm-pack-green-badger .dm-section--image-banner .dm-cbx-plate {
		height: 560px;
		padding: 0;
		background: linear-gradient(
			to bottom,
			#0b0b0a 0, #0b0b0a 50px,
			#b89a5b 50px, #b89a5b 52px,
			#f4f1e8 52px, #f4f1e8 508px,
			#b89a5b 508px, #b89a5b 510px,
			#0b0b0a 510px, #0b0b0a 560px
		);
	}
	body.dm-pack-green-badger .dm-cbx-plate__eyebrow {
		top: 0;
		left: var(--gb-t-gutter);
		height: 52px;
	}
	body.dm-pack-green-badger .dm-cbx-plate__field {
		position: absolute;
		inset: 52px 0 50px;
		display: grid;
		grid-template-columns: 54% 46%;
		align-items: center;
		padding: 0;
	}
	body.dm-pack-green-badger .dm-cbx-plate__body {
		display: block;
		max-width: 560px;
		padding: 0 20px 0 var(--gb-t-gutter);
	}
	body.dm-pack-green-badger .dm-cbx-plate__title {
		font-size: clamp(58px, 7.3vw, 72px);
		line-height: .94;
	}
	body.dm-pack-green-badger .dm-cbx-plate__subtitle {
		margin-top: 18px;
		max-width: 36ch;
		font-size: 14px;
		line-height: 1.8;
	}
	body.dm-pack-green-badger .dm-cbx-plate__art {
		height: 100%;
		padding: 0;
		align-items: flex-end;
		justify-content: flex-end;
	}
	body.dm-pack-green-badger .dm-cbx-plate__art img {
		width: auto;
		height: auto;
		max-width: 100%;
		max-height: 430px;
		margin: 0;
		object-fit: contain;
	}
	body.dm-pack-green-badger .dm-cbx-plate__mark {
		position: absolute;
		right: 20px;
		bottom: 10px;
		width: auto;
		margin: 0;
		padding: 0;
		border: 0;
	}
	body.dm-pack-green-badger .dm-cbx-plate__body .dm-section__actions {
		margin: 22px 0 0;
		text-align: left;
	}
	body.dm-pack-green-badger .dm-cbx-plate__body .dm-section__action,
	body.dm-pack-green-badger .dm-cbx-plate__body .dm-section__action:hover,
	body.dm-pack-green-badger .dm-cbx-plate__body .dm-section__action:focus-visible {
		min-width: 0;
		min-height: 40px;
		padding: 0 0 5px;
		border: 0;
		border-bottom: 1px solid rgba(11, 11, 10, .45);
		border-radius: 0;
		background: transparent;
		color: #0b0b0a;
		clip-path: none;
		box-shadow: none;
		font-size: 12px;
		font-weight: 600;
		letter-spacing: .14em;
		transform: none !important;
		filter: none;
	}

	/* Other cinematic campaign banners: same desktop idea, one scale down. */
	body.dm-pack-green-badger .dm-section--image-banner:not(:has(.dm-cbx-plate)) .dm-section__media {
		min-height: 520px;
		padding: var(--gb-t-gutter);
	}
	body.dm-pack-green-badger .dm-section--image-banner:not(:has(.dm-cbx-plate)) .dm-section__body {
		max-width: 430px;
	}
	body.dm-pack-green-badger .dm-section--image-banner:not(:has(.dm-cbx-plate)) .dm-section__title {
		font-size: clamp(50px, 6.2vw, 64px);
	}

	/* ==========================================================
	 * 05 — 目的から選ぶ: compact desktop split, not phone stack.
	 * ========================================================== */
	body.dm-pack-green-badger .dm-native-cats[data-layout="index-plate"] {
		position: relative;
		display: grid;
		grid-template-columns: 44% 56%;
		width: 100%;
		max-width: none;
		padding: 64px 0 64px var(--gb-t-gutter);
	}
	body.dm-pack-green-badger .dm-native-cats[data-layout="index-plate"] .dm-native-cats__header,
	body.dm-pack-green-badger .dm-native-cats[data-layout="index-plate"] .dm-native-cats__grid {
		grid-column: 1;
		padding-right: 28px;
	}
	body.dm-pack-green-badger .dm-native-cats[data-layout="index-plate"] .dm-native-cats__header {
		padding-bottom: 20px;
		margin-bottom: 0;
		border-bottom: 0;
	}
	body.dm-pack-green-badger .dm-native-cats[data-layout="index-plate"] .dm-native-cats__grid {
		display: block;
		position: static;
		padding-top: 0 !important;
		border-top: 1px solid rgba(244, 236, 220, .16);
		transition: none;
		will-change: auto;
	}
	body.dm-pack-green-badger .dm-native-cats[data-layout="index-plate"] .dm-native-cats__card {
		position: static;
		display: grid;
		grid-template-columns: auto 1fr;
		align-items: center;
		column-gap: 16px;
		min-height: 92px;
		padding: 0 2px;
		overflow: visible;
		isolation: auto;
		transform: none;
		border-radius: 0;
		border: 0;
		border-bottom: 1px solid rgba(244, 236, 220, .16);
		box-shadow: none;
		background: transparent;
		color: var(--dm-text, inherit);
		opacity: .38;
		transition: opacity 560ms cubic-bezier(.37, 0, .63, 1);
	}
	body.dm-pack-green-badger .dm-native-cats[data-layout="index-plate"] .dm-native-cats__card[data-active="true"] {
		opacity: 1;
	}
	body.dm-pack-green-badger .dm-native-cats[data-layout="index-plate"] .dm-native-cats__body {
		position: static;
		display: contents;
		min-height: 0;
		padding: 0;
		border: 0;
	}
	body.dm-pack-green-badger .dm-native-cats[data-layout="index-plate"] .dm-native-cats__badge {
		grid-row: 1 / 3;
		grid-column: 1;
		align-self: center;
		min-width: 42px;
		padding: 0;
		background: transparent;
		border-radius: 0;
		color: #b89a5b;
		font-family: var(--dm-editorial-serif-font, 'Cormorant Garamond', Georgia, serif);
		font-size: 28px;
		font-weight: 600;
		line-height: 1;
	}
	body.dm-pack-green-badger .dm-native-cats[data-layout="index-plate"] .dm-native-cats__body strong {
		grid-row: 1;
		grid-column: 2;
		font-family: var(--dm-font-display, inherit);
		font-size: 21px;
		font-weight: 700;
		letter-spacing: -.01em;
		color: #f4ecdc;
	}
	body.dm-pack-green-badger .dm-native-cats[data-layout="index-plate"] .dm-native-cats__body small {
		grid-row: 2;
		grid-column: 2;
		font-size: 10px;
		letter-spacing: .12em;
		text-transform: uppercase;
		color: rgba(244, 236, 220, .5);
	}
	body.dm-pack-green-badger .dm-native-cats[data-layout="index-plate"] .dm-native-cats__card[data-active="true"] .dm-native-cats__badge {
		position: relative;
		z-index: 5;
		font-size: clamp(72px, 9vw, 96px);
		letter-spacing: -.02em;
	}
	body.dm-pack-green-badger .dm-native-cats[data-layout="index-plate"] .dm-native-cats__card[data-active="true"] .dm-native-cats__badge::after {
		content: "";
		position: absolute;
		left: 100%;
		top: 50%;
		width: 31vw;
		height: 1px;
		background: #b89a5b;
	}
	body.dm-pack-green-badger .dm-native-cats[data-layout="index-plate"] .dm-native-cats__plate {
		display: block;
		position: absolute;
		z-index: 3;
		top: 64px;
		bottom: 64px;
		left: 44%;
		right: 0;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		animation: none !important;
		transition: opacity 700ms cubic-bezier(.37, 0, .63, 1), visibility 0s linear 700ms;
	}
	body.dm-pack-green-badger .dm-native-cats[data-layout="index-plate"] .dm-native-cats__card[data-active="true"] .dm-native-cats__plate {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		z-index: 4;
		transition: opacity 700ms cubic-bezier(.37, 0, .63, 1), visibility 0s linear 0s;
	}
	body.dm-pack-green-badger .dm-native-cats[data-layout="index-plate"] .dm-native-cats__plate-watermark {
		display: block;
		position: absolute;
		right: 20px;
		bottom: -.06em;
		font-family: var(--dm-editorial-serif-font, 'Cormorant Garamond', Georgia, serif);
		font-size: clamp(150px, 19vw, 210px);
		font-weight: 600;
		line-height: .8;
		color: #b89a5b;
		opacity: .05;
	}
	body.dm-pack-green-badger .dm-native-cats[data-layout="index-plate"] .dm-native-cats__plate-frame {
		position: absolute;
		inset: 28px;
		display: grid;
		grid-template-columns: 1fr 1fr;
		align-items: center;
		column-gap: 20px;
		border: 1px solid #b89a5b;
	}
	body.dm-pack-green-badger .dm-native-cats[data-layout="index-plate"] .dm-native-cats__plate-frame:not(:has(.dm-native-cats__plate-media)) {
		grid-template-columns: 1fr;
	}
	body.dm-pack-green-badger .dm-native-cats[data-layout="index-plate"] .dm-native-cats__plate-media {
		display: block;
		width: 100%;
		height: 100%;
		aspect-ratio: auto;
		overflow: hidden;
	}
	body.dm-pack-green-badger .dm-native-cats[data-layout="index-plate"] .dm-native-cats__plate-media img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	body.dm-pack-green-badger .dm-native-cats[data-layout="index-plate"] .dm-native-cats__plate-body {
		display: flex;
		flex-direction: column;
		gap: 8px;
		padding: 28px 28px 28px 0;
	}
	body.dm-pack-green-badger .dm-native-cats[data-layout="index-plate"] .dm-native-cats__plate-body strong {
		font-size: 22px;
	}
	body.dm-pack-green-badger .dm-native-cats[data-layout="index-plate"] .dm-native-cats__plate-desc { font-size: 11px; }
	body.dm-pack-green-badger .dm-native-cats[data-layout="index-plate"] .dm-native-cats__plate-price { font-size: 19px; }
	body.dm-pack-green-badger .dm-native-cats[data-layout="index-plate"] .dm-native-cats__plate-more { font-size: 12px; }

	/* ==========================================================
	 * 06 — BEST SELLERS: same horizontal staircase as desktop, scaled.
	 * ========================================================== */
	body.dm-pack-green-badger .dm-section[data-dm-preset="ranked-best-sellers"] .dm-section__items--card-ranked-feature {
		display: flex;
		align-items: flex-start;
		gap: 3%;
		position: relative;
		grid-template-columns: none;
	}
	body.dm-pack-green-badger .dm-section[data-dm-preset="ranked-best-sellers"] .dm-section__item[data-dm-size] {
		position: relative;
		margin: 0;
		min-width: 0;
		flex: 0 0 22%;
		cursor: pointer;
		transition: flex-basis 650ms cubic-bezier(.37, 0, .63, 1);
	}
	body.dm-pack-green-badger .dm-section[data-dm-preset="ranked-best-sellers"] .dm-section__item[data-dm-size="medium"] { flex-basis: 30%; }
	body.dm-pack-green-badger .dm-section[data-dm-preset="ranked-best-sellers"] .dm-section__item[data-dm-size="large"] { flex-basis: 42%; }
	body.dm-pack-green-badger .dm-section[data-dm-preset="ranked-best-sellers"] .dm-section__item[data-dm-size] .dm-section__item-media {
		width: 100%;
		min-height: 0;
		aspect-ratio: 1 / 1;
		border-radius: 0;
		overflow: hidden;
	}
	body.dm-pack-green-badger .dm-section[data-dm-preset="ranked-best-sellers"] .dm-section__item[data-dm-size] .dm-section__item-media img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	body.dm-pack-green-badger .dm-section[data-dm-preset="ranked-best-sellers"] .dm-section__item[data-dm-size] .dm-section__item-title {
		margin: 10px 0 0;
		font-family: var(--dm-font-display, inherit);
		font-weight: 600;
		letter-spacing: normal;
		text-transform: none;
		color: var(--dm-muted, #8f9189);
	}
	body.dm-pack-green-badger .dm-section[data-dm-preset="ranked-best-sellers"] .dm-section__item[data-dm-size="large"] .dm-section__item-title { font-size: 21px; color: #f4f1e8; }
	body.dm-pack-green-badger .dm-section[data-dm-preset="ranked-best-sellers"] .dm-section__item[data-dm-size="medium"] .dm-section__item-title { font-size: 17px; }
	body.dm-pack-green-badger .dm-section[data-dm-preset="ranked-best-sellers"] .dm-section__item[data-dm-size="small"] .dm-section__item-title { font-size: 14px; }
	body.dm-pack-green-badger .dm-section[data-dm-preset="ranked-best-sellers"] .dm-section__item-price {
		margin: 4px 0 0;
		font-size: 13px;
		font-weight: 500;
	}
	body.dm-pack-green-badger .dm-section[data-dm-preset="ranked-best-sellers"] .dm-section__item-detail {
		margin-top: 6px;
		font-size: 12px;
	}

	/* ==========================================================
	 * FINAL ACT / CONTACT SHEET + JOIN: desktop ledger density at tablet.
	 * ========================================================== */
	body.dm-pack-green-badger .dm-three-forces-ledger {
		--gb-ledger-side: 15rem;
		padding: 72px var(--gb-t-gutter) 64px;
	}
	body.dm-pack-green-badger .dm-three-forces-ledger__header {
		gap: 28px;
		margin-bottom: 34px;
	}
	body.dm-pack-green-badger .dm-three-forces-ledger__sheet {
		grid-template-columns: repeat(min(var(--gb-sheet-count, 5), 3), minmax(0, 1fr));
		gap: 18px;
	}
	body.dm-pack-green-badger .dm-three-forces-ledger__join {
		grid-template-columns: minmax(0, 1fr) var(--gb-ledger-side);
		column-gap: 22px;
		row-gap: 0;
	}
	body.dm-pack-green-badger .dm-three-forces-ledger__join-side {
		margin-top: 0;
		padding-left: 20px;
		border-left: 1px solid var(--gb-ledger-rule);
	}
	body.dm-pack-green-badger .dm-three-forces-ledger__join-title {
		font-size: clamp(38px, 5.4vw, 54px);
	}
	body.dm-pack-green-badger .dm-three-forces-ledger__benefits li {
		padding: 9px 0;
		font-size: 12px;
	}

	/* Footer is already desktop above 782; just keep its rhythm compact. */
	body.dm-pack-green-badger .dm-site-footer {
		--gb-footer-tablet-gap: 28px;
	}
}

@media (min-width: 783px) and (max-width: 921px) {
	/* Astra swaps to its own compact header in this band. Keep it restrained
	 * rather than resurrecting the phone app shell. */
	body.dm-pack-green-badger .ast-mobile-header-wrap .site-branding img,
	body.dm-pack-green-badger .ast-mobile-header-wrap .custom-logo-link img {
		max-height: 48px;
	}
}

@media (prefers-reduced-motion: reduce) and (min-width: 783px) and (max-width: 1024px) {
	body.dm-pack-green-badger .dm-section[data-dm-preset="ranked-best-sellers"] .dm-section__item[data-dm-size],
	body.dm-pack-green-badger .dm-native-cats[data-layout="index-plate"] .dm-native-cats__card,
	body.dm-pack-green-badger .dm-native-cats[data-layout="index-plate"] .dm-native-cats__plate {
		transition: none !important;
	}
}

/* Shared tablet fixes requested by the Home presentation owner: the generic
 * <=860px intro cap belongs to stacked layouts, not this two-column theater. */
@media (min-width:783px) and (max-width:1024px) {
 body.dm-pack-green-badger .dm-coverflow[data-content-layout="theater"] .dm-coverflow__intro { width:100%; max-width:none; }
 body.dm-pack-green-badger .dm-coverflow[data-content-layout="theater"] .dm-coverflow__intro h2 { white-space:normal; }
}
/* Tablet's real header already overlays the hero. A second negative pull-up
 * moves the eyebrow and headline under its 65px bar. Keep the assembly at0. */
@media (min-width:783px) and (max-width:921px) {
 body.dm-pack-green-badger.dm-header-hero-overlap-enabled .entry-content.clear > .dm-page-assembly:first-child { margin-top:0 !important; }
}