/* =========================================================
   Atelier — сітка товарів [atelier_shop]
   ========================================================= */

.at-shop{
	--at-deep:#1E4A54;
	--at-accent:#1BB0CE;
	--at-mist:#E4EDEF;
	--at-ink:#17272B;
	--at-muted:#77878B;
	--at-hair:rgba(30,74,84,.16);
	--at-cols:4;
	color:var(--at-ink);
	font-size:16px;line-height:1.6;
}
.at-shop *{box-sizing:border-box}

/* ---------- фільтр ---------- */
.at-shop__filter{
	display:flex;flex-wrap:wrap;gap:8px;
	margin:0 0 clamp(20px,3vw,32px);
}
.at-shop__filter button{
	appearance:none;background:none;font-family:inherit;cursor:pointer;
	border:1px solid var(--at-hair);border-radius:999px;
	padding:8px 18px;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;
	color:var(--at-muted);transition:background .25s,color .25s,border-color .25s;
}
.at-shop__filter button:hover{color:var(--at-deep);border-color:var(--at-deep)}
.at-shop__filter button.is-active{background:var(--at-deep);border-color:var(--at-deep);color:#fff}

/* ---------- сітка ---------- */
.at-shop__grid{
	display:grid;
	grid-template-columns:repeat(var(--at-cols),minmax(0,1fr));
	gap:clamp(14px,1.6vw,24px);
}

.at-card{
	display:flex;flex-direction:column;
	background:#fff;border:1px solid var(--at-hair);
	transition:transform .3s cubic-bezier(.2,.7,.3,1),box-shadow .3s,border-color .3s;
}
.at-card:hover{
	transform:translateY(-4px);
	border-color:rgba(30,74,84,.28);
	box-shadow:0 26px 50px -34px rgba(30,74,84,.75);
}

/* ---------- фото ---------- */
.at-card__img{
	position:relative;display:block;
	aspect-ratio:1/1;overflow:hidden;background:#fff;
	border-bottom:1px solid var(--at-hair);
}
.at-card__img img{
	width:100%;height:100%;
	object-fit:contain;object-position:center;
	display:block;padding:6%;
	filter:none!important;opacity:1!important;
	transition:transform .5s cubic-bezier(.2,.7,.3,1);
}
.at-card:hover .at-card__img img{transform:scale(1.04)}

.at-card__flag{
	position:absolute;top:10px;left:10px;
	font-size:10px;letter-spacing:.12em;text-transform:uppercase;
	padding:6px 10px;background:#8A9599;color:#fff;
}
.at-card__flag--sale{background:var(--at-deep)}

/* ---------- текст ---------- */
.at-card__body{
	display:flex;flex-direction:column;flex:1;
	padding:clamp(14px,1.4vw,20px);
}
.at-card__name{
	margin:0 0 6px;font-size:16px;line-height:1.35;font-weight:600;
	letter-spacing:0;text-transform:none;
}
.at-card__name a{color:var(--at-deep);text-decoration:none;transition:color .2s}
.at-card__name a:hover{color:var(--at-accent)}

.at-card__facts{
	margin:0 0 14px;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;
	color:var(--at-muted);
}

.at-card__foot{
	margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;
	padding-top:14px;border-top:1px solid var(--at-hair);
}
.at-card__price{
	font-size:16px;font-weight:600;color:var(--at-ink);
	font-variant-numeric:tabular-nums;white-space:nowrap;
}
.at-card__price del{opacity:.45;font-weight:400;font-size:.8em;margin-right:6px}
.at-card__price ins{text-decoration:none}
.at-card__price .woocommerce-Price-amount{white-space:nowrap}

.at-card__btn{
	flex:0 0 auto;
	border:1px solid var(--at-deep);background:#fff;color:var(--at-deep)!important;
	padding:9px 16px;border-radius:2px;
	font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;
	text-decoration:none;cursor:pointer;
	transition:background .25s,color .25s;
}
.at-card__btn:hover{background:var(--at-deep);color:#fff!important}
.at-card__btn.loading{opacity:.6;pointer-events:none}
.at-card__btn.added{background:var(--at-deep);color:#fff!important}
.at-shop .added_to_cart{
	display:block;margin-top:10px;font-size:11px;letter-spacing:.1em;
	text-transform:uppercase;color:var(--at-muted);text-decoration:none;
}
.at-shop .added_to_cart:hover{color:var(--at-deep)}

/* ---------- адаптив ---------- */
@media (max-width:1024px){
	.at-shop__grid{grid-template-columns:repeat(min(var(--at-cols),3),minmax(0,1fr))}
}
@media (max-width:860px){
	.at-shop__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){
	.at-shop__grid{gap:12px}
	.at-card__body{padding:12px}
	.at-card__name{font-size:14.5px}
	.at-card__facts{font-size:10.5px;margin-bottom:10px}
	.at-card__price{font-size:15px}
	.at-card__foot{flex-direction:column;align-items:stretch;gap:10px}
	.at-card__btn{text-align:center;padding:11px 12px}
}
@media (prefers-reduced-motion:reduce){
	.at-shop *{transition:none!important}
}