/* Snowcat / motobuksir PDP marketing block (after tabs) */
.psl{
	margin:0 0 48px;
	color:var(--pcd-ink, #14151A);
}
.psl-inner{
	padding-top:80px;
}

/* ---- Videos ---- */
.psl-videos{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:32px;
	margin:0 0 64px;
}
.psl-video-cell{
	position:relative;
	width:100%;
	min-width:0;
	height:391px;
	margin:0;
	border-radius:20px;
	overflow:hidden;
	background:#fff;
	pointer-events:none;
	user-select:none;
	-webkit-user-select:none;
	box-sizing:border-box;
}
.psl-video{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center;
	border:0;
	outline:none;
	pointer-events:none;
	background:#fff;
}
/* Hide any native media UI (Safari/Chrome overlays) */
.psl-video::-webkit-media-controls,
.psl-video::-webkit-media-controls-enclosure,
.psl-video::-webkit-media-controls-panel,
.psl-video::-webkit-media-controls-start-playback-button,
.psl-video::-webkit-media-controls-play-button,
.psl-video::-webkit-media-controls-timeline,
.psl-video::-webkit-media-controls-current-time-display,
.psl-video::-webkit-media-controls-time-remaining-display,
.psl-video::-webkit-media-controls-mute-button,
.psl-video::-webkit-media-controls-volume-slider,
.psl-video::-webkit-media-controls-fullscreen-button{
	display:none !important;
	-webkit-appearance:none;
	opacity:0;
	pointer-events:none;
}
.psl-video::-moz-media-controls{
	display:none !important;
}

/* ---- Hero: light-blue plate + frost composite ---- */
.psl-hero{
	display:flex;
	align-items:center;
	justify-content:center;
	margin:0 0 100px;
	padding:0 36px;
	height:464px;
	background:#F2F8FF;
	border-radius:28px;
	overflow:visible;
	box-sizing:border-box;
}
.psl-hero-img{
	display:block;
	width:100%;
	max-width:920px;
	height:auto;
	margin:0 auto;
	border-radius:0;
	background:transparent;
	image-rendering:auto;
	-ms-interpolation-mode:bicubic;
}

/* ---- Feature icons (after Описание; no plate bg) ---- */
.psl-feats{
	display:grid;
	grid-template-columns:repeat(4, minmax(0,1fr));
	gap:36px 28px;
	margin:0;
	padding:0;
	background:transparent;
	border-radius:0;
	box-sizing:border-box;
}
.psl-feat{
	text-align:left;
}
.psl-feat-icon{
	display:block;
	width:auto;
	height:64px;
	max-width:100%;
	margin:0 0 32px;
	object-fit:contain;
	object-position:left center;
}
.psl-feat-title{
	margin:0 0 20px;
	font-size:24px;
	font-weight:900;
	line-height:1.2;
	letter-spacing:.02em;
	text-transform:uppercase;
	color:var(--pcd-ink, #14151A);
}
.psl-feat-text{
	margin:0;
	font-size:18px;
	max-width: 265px;
	font-weight:400;
	line-height:1.35;
	color:rgba(20,21,26,.72);
}

/* ---- Colors ---- */
.psl-colors{
	display:grid;
	grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);
	gap:40px 48px;
	align-items:center;
	margin:0 0 100px;
}
.psl-colors-copy{
	min-width:0;
}
.psl-colors-title{
	margin:0 0 52px;
	font-size:32px;
	font-weight:900;
	line-height:1.15;
	letter-spacing:.02em;
	text-transform:uppercase;
	max-width:485px;
	color:var(--pcd-ink, #14151A);
}
.psl-swatches{
	display:flex;
	flex-wrap:wrap;
	gap:16px 12px;
	margin:0 0 56px;
}
.psl-swatch{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:flex-start;
	gap:8px;
	width:76px;
	min-width:76px;
	padding:2px 0 0;
	border:0;
	background:transparent;
	cursor:pointer;
	appearance:none;
	-webkit-appearance:none;
	box-sizing:border-box;
}
.psl-swatch:focus-visible{
	outline:none;
}
.psl-swatch:focus-visible .psl-swatch-dot{
	box-shadow:0 0 0 1.5px #2F5BFF;
}
.psl-swatch-dot{
	display:flex;
	align-items:center;
	justify-content:center;
	width:52px;
	height:52px;
	border-radius:50%;
	background:#EDEDED;
	box-shadow:0 0 0 1.5px transparent;
	transition:box-shadow .15s ease;
	flex-shrink:0;
}
.psl-swatch-fill{
	display:block;
	width:30px;
	height:30px;
	border-radius:50%;
	background:var(--psl-swatch, #ccc);
}
.psl-swatch--light .psl-swatch-fill{
	box-shadow:inset 0 0 0 1px rgba(20,21,26,.22);
}
.psl-swatch.is-active .psl-swatch-dot,
.psl-swatch:focus-visible .psl-swatch-dot{
	box-shadow:0 0 0 1.5px #2F5BFF;
}
.psl-swatch-label{
	display:block;
	width:100%;
	font-size:14px;
	font-weight:400;
	line-height:1.2;
	color:#707070;
	white-space:nowrap;
	text-align:center;
}
.psl-swatch.is-active .psl-swatch-label{
	color:#14151A;
	font-weight:500;
}
.psl-colors-priceblock{
	margin:0 0 20px;
}
.psl-colors-price-head{
	margin:0 0 12px;
	font-size:24px;
	font-weight:900;
	line-height:1.3;
	letter-spacing:.02em;
	text-transform:uppercase;
	color:var(--pcd-ink, #14151A);
}
.psl-colors-price-sub{
	margin:0 0 20px;
	font-size:18px;
	font-weight:400;
	line-height:1.35;
	color:#102631;
}
.psl-colors-price-name{
	font-weight:600;
}
.psl-colors-sum{
	margin:0;
	font-size:40px;
	font-weight:900;
	line-height:1.1;
	color:#3033FF;
}
/* Beat .pcd-main button{ background:none } reset (high :not() specificity) */
.pcd-main .psl-colors-cart,
#content .psl-colors-cart,
.psl-colors-cart{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:6px;
	box-sizing:border-box;
	min-width:min(100%, 220px);
	min-height:52px;
	padding:16px 28px;
	border:0 !important;
	border-radius:8px;
	background:#E8E8E8 !important;
	color:#707070 !important;
	font:inherit;
	font-size:18px;
	font-weight:600;
	line-height:1.2;
	text-align:center;
	cursor:pointer;
	transition:background .25s ease, color .25s ease;
}
.pcd-main .psl-colors-cart:hover,
#content .psl-colors-cart:hover,
.psl-colors-cart:hover{
	background:#3033FF !important;
	color:#fff !important;
}
.pcd-main .psl-colors-cart:focus-visible,
#content .psl-colors-cart:focus-visible,
.psl-colors-cart:focus-visible{
	outline:2px solid #3033FF;
	outline-offset:2px;
}
.psl-colors-media{
	margin:0;
	border-radius:0;
	overflow:visible;
	background:transparent;
}
.psl-colors-media img{
	display:block;
	width:100%;
	height:auto;
}

/* ---- Colors + cards section (after Характеристики) ---- */
.psl-colors-cards-section{
	padding-top:8px;
}

/* ---- Detail cards: image absolute — не сжимает текст ---- */
.psl-cards{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:20px;
	margin:0;
	padding:0;
	background:transparent;
	border-radius:0;
	box-sizing:border-box;
}
.psl-card{
	display:block;
	position:relative;
	padding:0;
	height:300px;
	min-height:300px;
	max-height:300px;
	border-radius:24px;
	background:#F5F5F5;
	box-sizing:border-box;
	overflow:hidden;
}
.psl-card-body{
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:flex-start;
	gap:10px;
	position:relative;
	z-index:2;
	width:48%;
	max-width:48%;
	margin:0;
	padding:64px 20px 24px 40px;
	box-sizing:border-box;
}
.psl-card-title{
	margin:0 !important;
	padding:0;
	font-size:40px;
	font-weight:900;
	line-height:1.1;
	letter-spacing:.02em;
	text-transform:uppercase;
	color:var(--pcd-ink, #14151A);
	max-width:100%;
	overflow-wrap:normal;
	word-break:normal;
	hyphens:none;
}
.psl-card-text{
	margin:0 !important;
	padding:0;
	font-size:16px;
	font-weight:500;
	line-height:1.4;
	color:rgba(20,21,26,.72);
	max-width:100%;
	overflow-wrap:normal;
	word-break:normal;
	hyphens:none;
}
.psl-card-media{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	width:55%;
	margin:0;
	padding:0;
	border-radius:0;
	overflow:hidden;
	background:transparent;
	z-index:1;
	pointer-events:none;
	box-sizing:border-box;
}
.psl-card-media img{
	display:block;
	width:100%;
	height:100%;
	min-height:0;
	object-fit:cover;
	object-position:right center;
}

/* Laptops / mid widths: keep 2×2 but stop text/image collision */
@media (max-width: 1360px){
	.psl-cards{
		gap:16px;
	}
	.psl-card{
		height:auto;
		min-height:240px;
		max-height:none;
	}
	.psl-card-body{
		width:52%;
		max-width:52%;
		padding:48px 16px 24px 28px;
		gap:8px;
	}
	.psl-card-title{
		font-size:28px;
		line-height:1.15;
	}
	.psl-card-text{
		font-size:14px;
		line-height:1.35;
	}
	.psl-card-media{
		width:50%;
	}
}

@media (max-width: 1100px){
	.psl-cards{
		grid-template-columns:1fr;
		gap:14px;
	}
	.psl-card{
		min-height:220px;
	}
	.psl-card-body{
		width:52%;
		max-width:52%;
		padding:40px 12px 20px 24px;
	}
	.psl-card-title{
		font-size:24px;
	}
	.psl-card-text{
		font-size:14px;
	}
}

@media (max-width: 980px){
	.psl-videos{
		grid-template-columns:1fr 1fr;
		gap:12px;
		margin:0 0 36px;
		background:transparent;
		justify-content:stretch;
	}
	.psl-video-cell{
		width:auto;
		height:auto;
		aspect-ratio:702 / 391;
		border-radius:20px;
	}
	.psl-hero{ margin:0 0 40px; padding:22px 18px; border-radius:22px; height:auto; overflow:hidden; }
	.psl-hero-img{ max-width:100%; }
	.psl-feats{
		grid-template-columns:repeat(2, minmax(0,1fr));
		gap:28px 20px;
		margin:0;
		padding:0;
		background:transparent;
		border-radius:0;
	}
	.psl-colors{ grid-template-columns:1fr; gap:24px; margin:0 0 36px; }
	.psl-colors-copy{ order:1; }
	.psl-colors-media{ order:2; }
	.psl-colors-title{ font-size:24px; max-width:none; }
	.psl-colors-cart{ width:100%; box-sizing:border-box; }
	.psl-cards{
		grid-template-columns:1fr;
		padding:0;
		gap:14px;
		background:transparent;
		border-radius:0;
	}
	.psl-card{
		height:auto;
		min-height:200px;
		max-height:none;
	}
	.psl-card-body{
		width:52%;
		max-width:52%;
		padding:40px 12px 20px 24px;
	}
	.psl-card-title{ font-size:22px !important; }
	.psl-card-text{ font-size:14px !important; }
	.psl-card-media{
		width:50%;
		top:0;
		right:0;
		bottom:0;
		height:auto;
	}
}

@media (max-width: 640px){
	.psl{ margin:0 0 32px; }
	.psl-hero{ margin:0 0 24px; padding:16px 12px; border-radius:18px; }
	.psl-feats{
		margin:0;
		gap:20px 14px;
		padding:0;
		border-radius:0;
		background:transparent;
	}
	.psl-feat-icon{ height:44px; margin-bottom:10px; }
	.psl-feat-title{ font-size:24px; font-weight:900; }
	.psl-feat-text{ font-size:18px; font-weight:400; }
	.psl-colors{ margin:0 0 28px; gap:20px; }
	.psl-colors-title{ font-size:20px; margin-bottom:18px; }
	.psl-swatches{ gap:12px; margin-bottom:20px; }
	.psl-swatch{ width:64px; min-width:64px; }
	.psl-swatch-dot{ width:44px; height:44px; }
	.psl-swatch-fill{ width:26px; height:26px; }
	.psl-swatch-label{ font-size:11px; }
	.psl-colors-sum{ font-size:28px; }
	.psl-colors-cart{ width:100%; }
	.psl-cards{ padding:0; gap:10px; }
	.psl-card{
		padding:0;
		border-radius:16px;
		min-height:128px;
		height:128px;
		max-height:128px;
	}
	.psl-card-body{
		width:55%;
		max-width:55%;
		padding:20px 8px 0 24px;
	}
	.psl-card-title{ margin:0 !important; font-size:14px !important; font-weight:900; overflow-wrap:normal; word-break:normal; }
	.psl-card-text{ margin:0 !important; font-size:8px !important; font-weight:500; overflow-wrap:normal; word-break:normal; }
	.psl-card-media{
		border-radius:0;
		width:48%;
		height:auto;
		top:0;
		right:0;
		bottom:0;
	}
	.psl-card-media img{ width:100%; height:100%; min-height:0; object-fit:cover; object-position:right bottom; }
	/* Mobile theme owns video stack; keep 2×2 only as tablet fallback here */
	.psl-videos{
		grid-template-columns:1fr 1fr;
		gap:10px;
		margin:0 0 24px;
	}
	.psl-video-cell{ border-radius:16px; }
}

@media (max-width: 360px){
	.psl-videos{ grid-template-columns:1fr 1fr; gap:8px; }
	.psl-feats{ grid-template-columns:repeat(2, minmax(0,1fr)); gap:16px; }
	.psl-feat-icon{ height:48px; }
	.psl-feat-title{ font-size:16px; font-weight:900; }
	.psl-feat-text{ font-size:13px; font-weight:400; }
}
