/**
 * ISCO · магазин (Figma «04 · חנות מוצרים»). Раскладка, фильтры и сетка — из camps.css.
 */

.isco-shop__hero {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 32px;
	margin-block: 20px 24px;
	padding: 32px 36px;
	border-radius: 24px;
	background: var(--isco-bg-brand-soft);
}

.isco-shop__hero h1 {
	margin: 0 0 10px;
	font-size: 40px;
	line-height: 1.15;
}

.isco-shop__hero p {
	margin: 0 0 8px;
	font-size: 17px;
	line-height: 1.6;
	color: var(--isco-text-secondary);
}

.isco-shop__note {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-block-start: 6px !important;
	padding: 6px 14px;
	border: 1px solid var(--isco-border-default);
	border-radius: 999px;
	background: var(--isco-bg-surface);
	font-size: 13px !important;
}

.isco-shop__hero-art {
	display: flex;
	align-items: center;
}

/* Плитки внахлёст, как в макете: 180 px, шаг 140 px; ближняя к тексту — сверху. */
.isco-shop__tile {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	inline-size: 180px;
	block-size: 180px;
	border-radius: 24px;
}

.isco-shop__tile + .isco-shop__tile {
	margin-inline-start: -40px;
}

.isco-shop__tile:nth-child(1) { z-index: 3; }
.isco-shop__tile:nth-child(2) { z-index: 2; }
.isco-shop__tile:nth-child(3) { z-index: 1; }

.isco-shop__tile img {
	inline-size: 135px;
	block-size: 135px;
}

.isco-shop__tile--sky { background: #e2f2fd; }
.isco-shop__tile--sun { background: #fff3cc; }
.isco-shop__tile--green { background: #f1faf4; }

[data-theme="dark"] .isco-shop__tile--green { background: #dcefe3; }

.isco-shop__sections {
	margin-block-end: 24px;
	border: 0;
	padding: 0;
	background: none;
	justify-content: flex-start;
}

.isco-shop__sections .isco-cat__season {
	border: 1px solid var(--isco-border-default);
	background: var(--isco-bg-surface);
}

.isco-shop__sections .isco-cat__season.is-active {
	border-color: var(--isco-action-secondary);
	background: var(--isco-green-100);
	color: var(--isco-text-brand);
}

.isco-shop__sections .isco-cat__season.is-active span {
	color: var(--isco-text-brand);
}

.isco-shop__ftitle {
	margin: 0 0 8px;
	font-size: 16px;
	font-weight: 500;
}

.isco-shop__cats {
	margin: 0;
	padding: 0;
	list-style: none;
}

.isco-shop__cats a {
	display: flex;
	justify-content: space-between;
	min-block-size: 36px;
	align-items: center;
	color: var(--isco-text-primary);
	text-decoration: none;
	font-size: 15px;
}

.isco-shop__cats a[aria-current] {
	color: var(--isco-text-brand);
	font-weight: 600;
}

.isco-shop__cats span {
	font-size: 13px;
	color: var(--isco-text-secondary);
}

.isco-shop__count {
	margin: 0;
	font-size: 15px;
	color: var(--isco-text-secondary);
}

/* Карточка товара */
.isco-prod {
	display: flex;
	flex-direction: column;
	border: 1px solid var(--isco-border-default);
	border-radius: 20px;
	overflow: hidden;
	background: var(--isco-bg-surface);
	box-shadow: var(--isco-shadow-card);
}

.isco-prod__media {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	block-size: 240px;
	overflow: hidden;
	text-decoration: none;
}

.isco-prod__media--sun { background: var(--isco-sun-100); color: var(--isco-sun-700); }
.isco-prod__media--coral { background: var(--isco-coral-100); color: var(--isco-coral-500); }
.isco-prod__media--green { background: var(--isco-green-50); color: var(--isco-green-600); }
.isco-prod__media--sky { background: var(--isco-sky-100); color: var(--isco-sky-500); }

.isco-prod__media > img {
	inline-size: 100%;
	block-size: 100%;
	object-fit: contain;
	padding: 16px;
	box-sizing: border-box;
	background: #fff;
}

.isco-prod__sitestripe {
	display: flex;
	align-items: center;
	justify-content: center;
	inline-size: 100%;
	block-size: 100%;
	background: #fff;
}

.isco-prod__sitestripe img {
	max-block-size: 210px;
	max-inline-size: 90%;
	object-fit: contain;
}

.isco-prod__icon {
	display: inline-flex;
	opacity: 0.9;
}

.isco-prod__store {
	position: absolute;
	inset-block-start: 12px;
	inset-inline-start: 12px;
	padding: 5px 10px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 600;
	color: #fff;
}

.isco-prod__store--amazon { background: #232f3e; }
.isco-prod__store--aliexpress { background: #e62e04; }
.isco-prod__store--ebay { background: #0064d2; }
.isco-prod__store--temu { background: #fb7701; color: #111; }

.isco-prod__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 8px;
	padding: 16px 18px 18px;
}

.isco-prod__section {
	font-size: 13px;
	color: var(--isco-text-secondary);
}

.isco-prod__title {
	margin: 0;
	font-size: 17px;
	line-height: 1.35;
	min-block-size: 46px;
}

.isco-prod__title a {
	color: inherit;
	text-decoration: none;
}

.isco-prod__title a:hover {
	color: var(--isco-text-brand);
}

.isco-prod__pick {
	display: inline-flex;
	align-self: flex-start;
	align-items: center;
	gap: 5px;
	padding: 4px 10px;
	border-radius: 999px;
	background: var(--isco-green-100);
	color: var(--isco-text-brand);
	font-size: 12px;
	font-weight: 500;
}

.isco-prod__price {
	margin: 2px 0 0;
	font-size: 14px;
	color: var(--isco-text-secondary);
}

.isco-prod__actions {
	display: grid;
	gap: 8px;
	margin-block-start: auto;
	padding-block-start: 6px;
}

.isco-buy {
	min-block-size: 46px;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
}

.isco-buy--amazon {
	background: #ff9900;
	color: #111 !important;
}

.isco-buy--amazon:hover {
	background: #f08804;
}

.isco-buy--aliexpress {
	background: #e62e04;
	color: #fff !important;
}

.isco-buy--aliexpress:hover {
	background: #c92703;
}

/* eBay — синий с белым (5,3:1); Temu — оранжевый с тёмным текстом: белый на #fb7701 не проходит 4,5:1 (docs/65) */
.isco-buy--ebay {
	background: #0064d2;
	color: #fff !important;
}

.isco-buy--ebay:hover {
	background: #0053ad;
}

.isco-buy--temu {
	background: #fb7701;
	color: #111 !important;
}

.isco-buy--temu:hover {
	background: #e86d00;
}

.isco-shop__pages {
	display: flex;
	justify-content: center;
	gap: 8px;
	margin-block-start: 32px;
}

.isco-shop__pages a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-inline-size: 44px;
	min-block-size: 44px;
	border: 1px solid var(--isco-border-default);
	border-radius: 12px;
	color: var(--isco-text-primary);
	text-decoration: none;
}

.isco-shop__pages a.is-active {
	background: var(--isco-action-secondary);
	border-color: var(--isco-action-secondary);
	color: #fff;
}

.isco-shop__disclosure {
	margin: 32px 0 0;
	padding: 14px 18px;
	border-radius: 14px;
	background: var(--isco-bg-subtle);
	font-size: 13px;
	line-height: 1.6;
	color: var(--isco-text-secondary);
}

/* Страница товара */
.isco-product__top {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 48px;
	align-items: start;
	margin-block-start: 20px;
}

.isco-product__media {
	display: flex;
	align-items: center;
	justify-content: center;
	min-block-size: 440px;
	border-radius: 24px;
	overflow: hidden;
}

.isco-product__media > img {
	inline-size: 100%;
	max-block-size: 520px;
	object-fit: contain;
	background: #fff;
	padding: 24px;
	box-sizing: border-box;
}

.isco-product__media .isco-prod__sitestripe img {
	max-block-size: 420px;
}

.isco-product__badges {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.isco-product__info h1 {
	margin: 12px 0 8px;
	font-size: 34px;
	line-height: 1.25;
}

.isco-product__price {
	margin: 0 0 16px;
	font-size: 16px;
	color: var(--isco-text-secondary);
}

.isco-product__lead {
	margin: 0 0 16px;
	font-size: 17px;
	line-height: 1.7;
	color: var(--isco-text-secondary);
}

.isco-product__features {
	display: grid;
	gap: 8px;
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
}

.isco-product__features li {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 16px;
}

.isco-product__features svg {
	color: var(--isco-text-brand);
	flex: none;
}

.isco-product__buy {
	display: grid;
	gap: 10px;
	padding: 18px;
	border: 1px solid var(--isco-border-default);
	border-radius: 18px;
	background: var(--isco-bg-surface);
	box-shadow: var(--isco-shadow-card);
}

.isco-buy--big {
	min-block-size: 56px;
	font-size: 18px;
	font-weight: 600;
}

.isco-product__buynote {
	display: flex;
	align-items: center;
	gap: 6px;
	margin: 0;
	font-size: 13px;
	color: var(--isco-text-secondary);
}

.isco-product__trust {
	display: flex;
	flex-wrap: wrap;
	gap: 18px;
	margin: 16px 0 0;
	padding: 0;
	list-style: none;
	font-size: 14px;
	color: var(--isco-text-secondary);
}

.isco-product__trust li {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.isco-product__tabs {
	margin-block-start: 48px;
}

.isco-product__tabs [role="tablist"] {
	display: flex;
	gap: 24px;
	border-block-end: 1px solid var(--isco-border-default);
}

.isco-product__tabs [role="tab"] {
	min-block-size: 46px;
	padding: 0 2px;
	border: 0;
	border-block-end: 3px solid transparent;
	background: none;
	color: var(--isco-text-secondary);
	font: 500 16px/1 Rubik, sans-serif;
	cursor: pointer;
}

.isco-product__tabs [role="tab"][aria-selected="true"] {
	border-color: var(--isco-action-secondary);
	color: var(--isco-text-brand);
}

.isco-product__tabs [role="tabpanel"] {
	padding-block-start: 20px;
	max-inline-size: 760px;
}

.isco-product__specs {
	inline-size: 100%;
	border-collapse: collapse;
	border: 1px solid var(--isco-border-default);
	border-radius: 14px;
	overflow: hidden;
	font-size: 15px;
}

.isco-product__specs th,
.isco-product__specs td {
	padding: 14px 18px;
	text-align: start;
	border-block-end: 1px solid var(--isco-border-default);
}

.isco-product__specs th {
	inline-size: 35%;
	font-weight: 400;
	color: var(--isco-text-secondary);
}

.isco-product__related {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin-block-start: 18px;
}

@media (max-width: 1279px) {
	.isco-product__related {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 1023px) {
	.isco-shop__hero {
		grid-template-columns: 1fr;
	}

	.isco-shop__hero-art {
		justify-content: center;
	}

	.isco-shop__tile {
		inline-size: 120px;
		block-size: 120px;
		border-radius: 18px;
	}

	.isco-shop__tile + .isco-shop__tile {
		margin-inline-start: -26px;
	}

	.isco-shop__tile img {
		inline-size: 90px;
		block-size: 90px;
	}

	.isco-product__top {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.isco-product__media {
		min-block-size: 300px;
	}
}

@media (max-width: 767px) {
	.isco-shop__hero {
		padding: 22px 18px;
	}

	.isco-shop__hero h1,
	.isco-product__info h1 {
		font-size: 26px;
	}

	.isco-shop__sections {
		flex-wrap: nowrap;
		overflow-x: auto;
	}

	.isco-product__related {
		grid-template-columns: 1fr;
	}

	.isco-product__tabs [role="tablist"] {
		overflow-x: auto;
	}
}