/* SurfChronic Gear — frontend + admin styles */

.scg-grid{
	display:grid;
	gap:1.5rem;
	grid-template-columns:repeat(1,minmax(0,1fr));
}
@media (min-width:600px){.scg-cols-2,.scg-cols-3,.scg-cols-4{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (min-width:900px){
	.scg-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}
	.scg-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}
}

.scg-card{
	background:#fff;
	border:1px solid #e5e7eb;
	border-radius:12px;
	overflow:hidden;
	display:flex;
	flex-direction:column;
	transition:box-shadow .15s ease, transform .15s ease;
}
.scg-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.08); transform:translateY(-2px);}
.scg-card__media{display:block; aspect-ratio:4/3; background:#f3f4f6; overflow:hidden;}
.scg-card__media img{width:100%; height:100%; object-fit:cover; display:block;}
.scg-card__placeholder{display:block; width:100%; height:100%; background:linear-gradient(135deg,#e0f2fe,#bae6fd);}
.scg-card__body{padding:1rem 1.1rem 1.2rem; display:flex; flex-direction:column; gap:.5rem; flex:1;}
.scg-card__title{font-size:1.05rem; margin:0; line-height:1.3;}
.scg-card__title a{color:inherit; text-decoration:none;}
.scg-card__title a:hover{text-decoration:underline;}
.scg-card__rating{font-size:.9rem; color:#f59e0b; letter-spacing:1px;}
.scg-card__rating-num{color:#6b7280; margin-left:.35rem; font-size:.85rem;}
.scg-card__excerpt{color:#4b5563; font-size:.9rem; flex:1;}
.scg-card__footer{display:flex; align-items:center; justify-content:space-between; gap:.75rem; margin-top:.5rem;}
.scg-card__price{font-weight:600; color:#111827;}

.scg-btn{
	display:inline-block;
	padding:.55rem 1rem;
	border-radius:8px;
	background:#0ea5e9;
	color:#fff !important;
	text-decoration:none;
	font-weight:600;
	font-size:.9rem;
	line-height:1.2;
	border:1px solid transparent;
	transition:background .15s ease;
}
.scg-btn:hover{background:#0284c7;}
.scg-btn--primary{background:#f97316;}
.scg-btn--primary:hover{background:#ea580c;}

.scg-disclosure{
	background:#fef9c3;
	border:1px solid #fde68a;
	border-radius:8px;
	padding:.75rem 1rem;
	font-size:.85rem;
	color:#713f12;
	margin:1rem 0 1.5rem;
}

.scg-archive,
.scg-single{
	padding-left:16px;
	padding-right:16px;
	box-sizing:border-box;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
}
@media (min-width:768px){
	.scg-archive,
	.scg-single{padding-left:24px; padding-right:24px;}
}

.scg-archive__header{margin-bottom:1.5rem;}
.scg-archive__title{margin:0 0 .5rem;}

.scg-single__layout{display:grid; grid-template-columns:1fr; gap:2rem;}
@media (min-width:820px){.scg-single__layout{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);}}
.scg-single__title{margin-top:0;}
.scg-single__rating{color:#f59e0b; font-size:1.1rem; letter-spacing:1px; margin:.25rem 0 .75rem;}
.scg-single__rating-num{color:#374151; font-size:.95rem; margin-left:.5rem;}
.scg-single__media img{width:100%; height:auto; border-radius:12px;}

.scg-buybox{
	margin-top:1rem;
	background:#f9fafb;
	border:1px solid #e5e7eb;
	border-radius:12px;
	padding:1rem 1.1rem;
}
.scg-buybox__price{font-size:1.4rem; font-weight:700; margin-bottom:.75rem;}
.scg-buybox__links{list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:.5rem;}
.scg-buybox__links .scg-btn{display:block; text-align:center;}

.scg-proscons{display:grid; grid-template-columns:1fr; gap:1rem; margin-top:1.5rem;}
@media (min-width:600px){.scg-proscons{grid-template-columns:1fr 1fr;}}
.scg-proscons__col{border-radius:10px; padding:1rem 1.1rem;}
.scg-proscons__col--pros{background:#ecfdf5; border:1px solid #a7f3d0;}
.scg-proscons__col--cons{background:#fef2f2; border:1px solid #fecaca;}
.scg-proscons__col h3{margin-top:0;}

/* Amazon product card (inline embed / shortcode / block) */
.scg-amz-card{
	display:flex;
	gap:1rem;
	align-items:stretch;
	background:#fff;
	border:1px solid #e5e7eb;
	border-radius:12px;
	padding:1rem;
	margin:1.25rem 10px;
	box-shadow:0 1px 2px rgba(0,0,0,.04);
	max-width:calc(100% - 20px);
	box-sizing:border-box;
}
.scg-amz-card__media{
	flex:0 0 160px;
	display:block;
	background:#f9fafb;
	border-radius:8px;
	overflow:hidden;
	text-align:center;
	align-self:flex-start;
}
.scg-amz-card__media img{
	width:100%; height:auto; max-height:200px; object-fit:contain; display:block;
}
.scg-amz-card__placeholder{
	display:flex; align-items:center; justify-content:center;
	width:100%; height:160px;
	color:#9ca3af; font-weight:700; letter-spacing:1px;
}
.scg-amz-card__body{flex:1; display:flex; flex-direction:column; gap:.5rem; min-width:0;}
.scg-amz-card__title{
	font-weight:600; color:#111827; text-decoration:none; font-size:1.05rem; line-height:1.3;
}
.scg-amz-card__title:hover{text-decoration:underline;}
.scg-amz-card__desc{margin:0; color:#4b5563; font-size:.9rem;}
.scg-amz-card__row{
	display:flex; align-items:center; justify-content:space-between; gap:.75rem; margin-top:auto;
}
.scg-amz-card__price{font-weight:700; color:#111827; font-size:1.1rem;}
.scg-amz-card__notice{
	font-size:.78rem; color:#92400e; background:#fffbeb; border:1px solid #fde68a;
	padding:.4rem .6rem; border-radius:6px; margin:.5rem 0 0;
}
@media (max-width:560px){
	.scg-amz-card{flex-direction:column;}
	.scg-amz-card__media{flex-basis:auto; width:100%;}
	.scg-amz-card__media img{max-height:240px;}
}

/* Admin: vendor links repeater */
.scg-links-table input[type=url],
.scg-links-table input[type=text],
.scg-links-table select{width:100%;}
.scg-links-table .button-link-delete{
	font-size:1.4rem; line-height:1; color:#b91c1c; background:none; border:0; cursor:pointer;
}
.scg-links-table .button-link-delete:hover{color:#7f1d1d;}