:root{
	--vk:#4C75A3;
	--tg:#0088cc;
	--wa:#25D366;
	--accent:#1e73be;
	--accent-hover:#155d96;
	--radius:6px;
	--success:#34c759;
}

/* кнопка в корзине */
.sc-share-btn{
	background:var(--accent);
	color:#fff;border:none;
	padding:.8rem 1.6rem;
	font-size:16px;border-radius:var(--radius);
	cursor:pointer;transition:background .25s;
}
.sc-share-btn:hover{background:var(--accent-hover);}

/* overlay + модалка */
.sc-modal{position:fixed;inset:0;background:#0007;z-index:9999;
	display:flex;align-items:center;justify-content:center;}
.sc-box{
	padding-bottom: 2rem !important;
	background:#fff;border-radius:var(--radius);padding:2rem;
	max-width:420px;width:90%;position:relative;
	box-shadow:0 10px 30px rgba(0,0,0,.25);text-align:center;
}
.sc-close{position:absolute;top:10px;right:14px;background:none;border:none;
	font-size:26px;line-height:1;cursor:pointer;}

/* ссылка + копировать */
.sc-link-wrap{display:flex;gap:6px;margin:.8rem 0 1.4rem;}
.sc-link-wrap input{
	flex:1;border:1px solid #ccc;border-radius:var(--radius);
	padding:.5rem;font-size:14px;}
.sc-copy{
	position:relative;background:#f3f4f5;border:1px solid #ccc;
	border-radius:var(--radius);padding:0 .8rem;cursor:pointer;}
.sc-copy:hover{background:#e7e8ea;}
.sc-copy.copied{border-color:var(--success);}
.sc-copy.copied::after{
	content:'✓';position:absolute;right:-18px;top:50%;
	transform:translateY(-50%);color:var(--success);
	font-weight:700;font-size:18px;}

/* соц‑кнопки */
.sc-socials a{
	display:inline-block;
	margin:4px 6px;
	padding:.6rem 1.2rem;border-radius:var(--radius);
	color:#fff;font-weight:600;font-size:14px;text-decoration:none;transition:opacity .25s;}
.sc-socials a:hover{opacity:.85;}
.sc-socials a:last-child{
	padding-bottom: 0.6rem!important;
}
.sc-socials .vk{background:var(--vk);}
.sc-socials .tg{background:var(--tg);}
.sc-socials .wa{background:var(--wa);}

@media screen and (max-width: 748px) {
	.sc-share-btn {
	    font-size: 14px;
	    padding: 0.3rem 0.5rem;
	    margin-top: 20px;
	}
}