/* ============================================================
   MVCKO — strona kolekcji (archiwum marki i kategorii)
   assets/archive.css

   Motyw daje tu jasne tło i niebieskie przyciski, dlatego reguły
   są celowo mocne: przykrywamy cały ekran ciemnym tłem MVCKO
   i budujemy siatkę od nowa.
   ============================================================ */

body.mvcko-collection{
	--pink:#FF6A97;
	--bg:#161616;
	--line:rgba(255,255,255,.14);
	--txt:#F4F4F4;
	--muted:#9A9A9E;
	--max:1560px;

	background:var(--bg) !important;
	color:var(--txt);
	font-family:'DM Sans',system-ui,-apple-system,sans-serif;
	-webkit-font-smoothing:antialiased;
}
body.mvcko-collection #content,
body.mvcko-collection .site-content,
body.mvcko-collection .ast-container,
body.mvcko-collection #primary,
body.mvcko-collection .content-area,
body.mvcko-collection .entry-content,
body.mvcko-collection .site-main{
	background:transparent !important;
	max-width:none !important;width:auto !important;
	padding-left:0 !important;padding-right:0 !important;
	margin-left:auto !important;margin-right:auto !important;
}
body.mvcko-collection .ast-separate-container .ast-article-post,
body.mvcko-collection .ast-separate-container .ast-article-single{
	background:transparent !important;box-shadow:none !important;padding:0 !important;
}
/* motyw i wtyczki dorzucają tu swoje nagłówki i widgety — nie pasują */
body.mvcko-collection .woocommerce-products-header,
body.mvcko-collection .woocommerce-breadcrumb,
body.mvcko-collection .woocommerce-result-count,
body.mvcko-collection .ast-woocommerce-container > .page-title,
body.mvcko-collection .payu-credit-widget,
body.mvcko-collection .payu-widget{display:none !important}

body.mvcko-collection .mva__wrap,
body.mvcko-collection .woocommerce-notices-wrapper,
body.mvcko-collection ul.products,
body.mvcko-collection .mva__bar,
body.mvcko-collection .woocommerce-pagination{
	width:100%;max-width:var(--max);margin-left:auto;margin-right:auto;
	padding-left:32px;padding-right:32px;box-sizing:border-box;
}

/* ============================================================
   NAGŁÓWEK KOLEKCJI
   ============================================================ */
.mva__hero{
	position:relative;overflow:hidden;
	width:100vw;max-width:100vw;
	margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);
	padding:72px 0 44px;
	background:
		radial-gradient(80% 120% at 15% 0%, rgba(255,106,151,.14) 0%, rgba(255,106,151,0) 60%),
		var(--bg);
	border-bottom:1px solid rgba(255,255,255,.07);
}
.mva__hero.has-img{padding:112px 0 56px}
.mva__hero-bg{
	position:absolute;inset:0;width:100%;height:100%;
	object-fit:cover;object-position:center 30%;
	transform:scale(1.04);
}
.mva__hero-veil{
	position:absolute;inset:0;
	background:
		linear-gradient(180deg, rgba(22,22,22,.72) 0%, rgba(22,22,22,.55) 40%, rgba(22,22,22,.96) 100%),
		linear-gradient(90deg, rgba(22,22,22,.8) 0%, rgba(22,22,22,.2) 70%);
}
.mva__hero .mva__wrap{position:relative;z-index:2}

.mva__crumbs{
	display:flex;align-items:center;gap:8px;
	font-size:12px;color:var(--muted);margin-bottom:26px;
}
.mva__crumbs a{color:var(--muted) !important;text-decoration:none !important}
.mva__crumbs a:hover{color:var(--pink) !important}
.mva__crumbs strong{color:var(--txt);font-weight:500}

.mva__eyebrow{
	display:block;
	font-family:'Unbounded',sans-serif;font-weight:900;
	font-size:10px;letter-spacing:.16em;text-transform:uppercase;
	color:var(--pink);margin-bottom:10px;
}
.mva__title{
	font-family:'Unbounded',sans-serif;font-weight:900;
	font-size:clamp(34px,6vw,76px);line-height:.98;
	letter-spacing:-.035em;text-transform:uppercase;
	margin:0 0 16px;color:var(--txt);
}
.mva__lead{
	font-size:15px;line-height:1.65;color:#D8D8DA;
	max-width:60ch;margin:0 0 22px;
}
.mva__meta{display:flex;flex-wrap:wrap;gap:10px}
.mva__meta span{
	padding:7px 14px;border-radius:100px;
	border:1px solid var(--line);
	background:rgba(255,255,255,.04);
	font-size:11px;letter-spacing:.04em;color:var(--muted);
}

/* ---------- skróty do innych kolekcji ---------- */
.mva__switch{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.mva__switch-item{
	padding:10px 18px;border-radius:100px;
	border:1px solid var(--line);
	background:rgba(255,255,255,.04);
	color:var(--txt) !important;text-decoration:none !important;
	font-family:'Unbounded',sans-serif;font-weight:900;
	font-size:10px;letter-spacing:.12em;text-transform:uppercase;
	transition:.22s cubic-bezier(.2,.8,.2,1);
}
.mva__switch-item:hover{border-color:rgba(255,106,151,.55);color:var(--pink) !important;transform:translateY(-1px)}
.mva__switch-item.is-current{
	border-color:rgba(255,106,151,.6);
	background:radial-gradient(120% 160% at 14% 0%, rgba(255,106,151,.24) 0%, rgba(255,106,151,0) 60%),rgba(255,106,151,.10);
	color:var(--pink) !important;
}

/* ============================================================
   PASEK NAD SIATKĄ
   ============================================================ */
.mva__bar{
	display:flex;align-items:center;justify-content:space-between;gap:20px;
	padding-top:38px;padding-bottom:18px;flex-wrap:wrap;
}
.mva__count{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}

body.mvcko-collection .woocommerce-ordering{margin:0 !important}
body.mvcko-collection .woocommerce-ordering select,
body.mvcko-collection select.orderby{
	height:44px;padding:0 40px 0 16px;
	border-radius:100px;border:1px solid var(--line) !important;
	background:#0E0E0F !important;color:var(--txt) !important;
	font-family:inherit;font-size:13px;cursor:pointer;
	appearance:none;-webkit-appearance:none;
	background-image:linear-gradient(45deg,transparent 50%,#9A9A9E 50%),linear-gradient(135deg,#9A9A9E 50%,transparent 50%) !important;
	background-position:calc(100% - 20px) 19px,calc(100% - 15px) 19px !important;
	background-size:5px 5px,5px 5px !important;background-repeat:no-repeat !important;
}
body.mvcko-collection select.orderby:focus{outline:none;border-color:rgba(255,106,151,.6) !important}
body.mvcko-collection select.orderby option{background:#242424;color:var(--txt)}

/* ============================================================
   SIATKA PRODUKTÓW
   ============================================================ */
body.mvcko-collection ul.products{
	display:grid !important;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:20px;margin:0 auto 64px !important;padding-top:6px;list-style:none;
}
body.mvcko-collection ul.products::before,
body.mvcko-collection ul.products::after{display:none !important}

body.mvcko-collection li.mva__card{
	width:auto !important;margin:0 !important;float:none !important;clear:none !important;
	display:flex;flex-direction:column;
	border-radius:14px;border:1px solid var(--line);
	background:
		radial-gradient(120% 90% at 10% 0%, rgba(255,255,255,.06) 0%, rgba(255,255,255,0) 60%),
		rgba(255,255,255,.03);
	box-shadow:inset 0 1px 0 rgba(255,255,255,.10);
	overflow:hidden;
	transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s;
}
body.mvcko-collection li.mva__card:hover{transform:translateY(-4px);border-color:rgba(255,106,151,.45)}

.mva__card-media{position:relative;aspect-ratio:4/5;background:#fff;overflow:hidden;display:block}
.mva__card-media img{
	width:100%;height:100%;object-fit:cover;object-position:center;display:block;
	transition:transform .5s cubic-bezier(.2,.8,.2,1);
}
.mva__card:hover .mva__card-media img{transform:scale(1.04)}

.mva__badge{
	position:absolute;top:10px;left:10px;z-index:2;
	padding:5px 12px;border-radius:100px;
	background:var(--pink);color:#161616;
	font-family:'Unbounded',sans-serif;font-weight:900;
	font-size:9px;letter-spacing:.08em;text-transform:uppercase;line-height:1;
}
.mva__badge--out{background:rgba(22,22,22,.85);color:#F4F4F4;border:1px solid rgba(255,255,255,.2)}

.mva__card-body{padding:16px;display:flex;flex-direction:column;gap:6px;flex:1 1 auto}
.mva__card-title{
	font-family:'Unbounded',sans-serif;font-weight:900;
	font-size:13px;line-height:1.3;letter-spacing:-.01em;text-transform:uppercase;
	color:var(--txt) !important;text-decoration:none !important;
	display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.mva__card-title:hover{color:var(--pink) !important}

.mva__card-price{
	font-family:'Unbounded',sans-serif;font-weight:900;
	font-size:14px;color:var(--txt);margin-top:auto;padding-top:8px;
}
.mva__card-price .amount{color:var(--txt)}
.mva__card-price del{opacity:.4;font-weight:400;font-size:12px;margin-right:8px}
.mva__card-price ins{text-decoration:none;color:var(--pink)}
.mva__card-price ins .amount{color:var(--pink)}

.mva__card-cta{
	margin-top:10px;height:42px;border-radius:10px;
	display:grid;place-items:center;border:1px solid var(--line);
	background:radial-gradient(120% 160% at 14% 0%, rgba(255,255,255,.12) 0%, rgba(255,255,255,0) 58%),rgba(255,255,255,.04);
	color:var(--txt) !important;
	font-family:'Unbounded',sans-serif;font-weight:900;
	font-size:10px;letter-spacing:.12em;text-transform:uppercase;
	text-decoration:none !important;transition:.22s cubic-bezier(.2,.8,.2,1);
}
.mva__card-cta--buy{
	color:#161616 !important;
	border:1.5px solid rgba(255,255,255,.28);
	background:
		radial-gradient(120% 160% at 12% 0%, rgba(255,255,255,.42) 0%, rgba(255,255,255,0) 55%),
		var(--pink);
	box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 8px 20px rgba(255,106,151,.26);
}
.mva__card-cta--buy:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 14px 30px rgba(255,106,151,.40)}
.mva__card-cta:hover{
	color:#161616 !important;
	background:radial-gradient(120% 160% at 12% 0%, rgba(255,255,255,.42) 0%, rgba(255,255,255,0) 55%),var(--pink);
	border-color:rgba(255,255,255,.3);
}

/* ============================================================
   STRONICOWANIE
   ============================================================ */
body.mvcko-collection .woocommerce-pagination{padding-bottom:80px;text-align:center}
body.mvcko-collection .woocommerce-pagination ul{
	display:inline-flex;gap:8px;border:0 !important;margin:0;padding:0;list-style:none;
}
body.mvcko-collection .woocommerce-pagination li{border:0 !important;margin:0;list-style:none}
body.mvcko-collection .woocommerce-pagination li::marker{content:""}
body.mvcko-collection .woocommerce-pagination a,
body.mvcko-collection .woocommerce-pagination span{
	min-width:44px;height:44px;display:grid;place-items:center;padding:0 14px;
	border-radius:100px;border:1px solid var(--line);
	background:rgba(255,255,255,.04);
	color:var(--txt) !important;font-size:13px;text-decoration:none !important;
	transition:.2s;
}
body.mvcko-collection .woocommerce-pagination a:hover{border-color:rgba(255,106,151,.55);color:var(--pink) !important}
body.mvcko-collection .woocommerce-pagination .current{
	border-color:rgba(255,106,151,.6);
	background:rgba(255,106,151,.12);color:var(--pink) !important;
}

/* pusta kolekcja */
body.mvcko-collection .woocommerce-info,
body.mvcko-collection .woocommerce-no-products-found{
	max-width:var(--max);margin:40px auto 80px !important;
	padding:40px 24px !important;text-align:center;
	border:1px dashed var(--line) !important;border-radius:16px;
	background:rgba(255,255,255,.02) !important;color:var(--muted) !important;
}
body.mvcko-collection .woocommerce-info::before{display:none !important}

/* ============================================================
   BREAKPOINTY
   ============================================================ */
@media (max-width:1280px){
	body.mvcko-collection ul.products{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:960px){
	body.mvcko-collection .mva__wrap,
	body.mvcko-collection ul.products,
	body.mvcko-collection .mva__bar,
	body.mvcko-collection .woocommerce-pagination{padding-left:16px;padding-right:16px}

	.mva__hero{padding:48px 0 32px}
	.mva__hero.has-img{padding:72px 0 36px}
	.mva__crumbs{margin-bottom:18px}
	body.mvcko-collection ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
	.mva__card-body{padding:12px}
	.mva__bar{padding-top:26px}
	body.mvcko-collection .woocommerce-ordering,
	body.mvcko-collection select.orderby{width:100%}
}
@media (max-width:359px){
	body.mvcko-collection ul.products{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
	body.mvcko-collection *{transition-duration:.01ms !important}
}

/* ============================================================
   BANER HERO NA STRONIE KOLEKCJI
   ============================================================ */
body.mvcko-collection .mva__heroslider{
	width:100%;margin:0 0 -1px;padding:0;
}
body.mvcko-collection .mva__heroslider .mvhero{margin:0}

/* z banerem nagłówek kolekcji jest węższy — tytuł nie dubluje się ze slajdem */
body.mvcko-collection .mva__heroslider + .mva__hero,
body.mvcko-collection .mva__heroslider ~ .mva__hero{padding-top:56px}

@media (max-width:960px){
	body.mvcko-collection .mva__heroslider ~ .mva__hero{padding-top:36px}
}

/* resztki domyślnego nagłówka archiwum („Archiwa: ...") */
body.mvcko-collection .ast-archive-title,
body.mvcko-collection .ast-archive-description,
body.mvcko-collection .page-header,
body.mvcko-collection .ast-page-title,
body.mvcko-collection header.page-header,
body.mvcko-collection .entry-header .entry-title{display:none !important}

/* notka widoczna tylko dla admina */
body.mvcko-collection .mva__adminnote{
	max-width:var(--max);margin:0 auto;padding:14px 32px;
	font-family:'DM Sans',sans-serif;font-size:13px;color:#ffd4e2;
	background:rgba(255,106,151,.1);border-bottom:1px solid rgba(255,106,151,.25);
}
body.mvcko-collection .mva__adminnote a{color:#FF6A97}

/* sortowanie trzyma się prawej krawędzi siatki, nie ekranu */
body.mvcko-collection .mva__bar .woocommerce-ordering{
	margin:0 !important;float:none !important;position:static !important;
	display:flex;align-items:center;
}
body.mvcko-collection .woocommerce-ordering{max-width:100%}

/* baner hero ma dotykać nagłówka — Astra zostawia nad nim pasek odstępu */
body.mvcko-collection .site-content,
body.mvcko-collection .ast-container,
body.mvcko-collection #primary,
body.mvcko-collection .content-area,
body.mvcko-collection .site-main,
body.mvcko-collection .entry-content,
body.mvcko-collection .woocommerce-notices-wrapper:empty{padding-top:0 !important;margin-top:0 !important}

body.mvcko-collection .mva__heroslider{margin-top:0 !important}
body.mvcko-collection .mva__heroslider .mvhero{margin-top:0 !important}