/* LOLA Buketi frontend */
.lola-wrap, .lola-single{
	max-width: 980px;
	margin: 0 auto;
	padding: 24px 20px;
	box-sizing: border-box;
}
.lola-toolbar{
	display:flex;
	align-items:center;
	justify-content:flex-start;
	gap: 16px;
	margin-bottom: 20px;
}
.lola-sort label{
	font-size: 12px;
	letter-spacing: .08em;
	text-transform: uppercase;
	margin-right: 10px;
	opacity: .8;
}
.lola-sort select{
	padding: 8px 10px;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: 6px;
	background: #fff;
}

/* Archive grid */
.lola-grid{
	display:grid;
	grid-template-columns: repeat(var(--lola-cols, 5), minmax(0, 1fr));
	gap: 26px;
}
@media (max-width: 1100px){
	.lola-grid{ grid-template-columns: repeat(3, minmax(0,1fr)); }
}
@media (max-width: 700px){
	.lola-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}

.lola-card{ display:block; text-decoration:none; color: inherit; }
.lola-img{ aspect-ratio: 3/4; overflow:hidden; background:#f3f3f3; border-radius:2px; }
.lola-img img{ width:100%; height:100%; object-fit:cover; display:block; }
.lola-ph{ width:100%; height:100%; background:#f3f3f3; }
.lola-meta{ margin-top: 12px; }
.lola-title{ font-size: 13px; letter-spacing: .08em; text-transform: uppercase; }
.lola-price{ margin-top: 6px; font-size: 13px; opacity: .85; }

/* Single */
.lola-single{ padding: 40px 0; }
.lola-single-grid{
	display:grid;
	grid-template-columns: 1fr 1fr;
	gap: 56px;
	align-items:start;
}
@media (max-width: 900px){
	.lola-single-grid{ grid-template-columns: 1fr; }
}

.lola-main{
	aspect-ratio: 3/4;
	background:#f3f3f3;
	overflow:hidden;
	border-radius:2px;
	display:flex;
	align-items:center;
	justify-content:center;
}
@media (max-width: 900px){
	.lola-main{ aspect-ratio: 1/1; }
}
.lola-main img{ width:100%; height:100%; object-fit:cover; display:block; }

.lola-thumbs{
	margin-top: 12px;
	display:flex;
	gap: 12px;
	flex-wrap: wrap;
}
.lola-thumb{
	width: 86px;
	height: 86px;
	background:#f3f3f3;
	overflow:hidden;
	border-radius: 2px;
	border: 1px solid rgba(0,0,0,.08);
	cursor:pointer;
	display:block;
}
.lola-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.lola-thumb.is-active{
	outline: 2px solid rgba(0,0,0,.55);
	outline-offset: 2px;
}

.lola-summary{ padding-top: 6px; }
.lola-h1{
	font-size: 32px;
	line-height: 1.15;
	margin: 0 0 10px;
	letter-spacing: .02em;
}
.lola-price-big{
	margin: 0 0 18px;
	font-size: 16px;
	opacity: .85;
}
.lola-section-label{
	font-size: 12px;
	letter-spacing: .08em;
	text-transform: uppercase;
	opacity: .65;
	margin: 10px 0 8px;
}
.lola-desc{
	font-size: 16px;
	line-height: 1.7;
	opacity: .9;
	margin: 0 0 18px;
}

.lola-cta{
	margin-top: 22px;
	padding-top: 18px;
	border-top: 1px solid rgba(0,0,0,.10);
}
.lola-note{ margin-bottom: 12px; opacity: .85; }
.lola-actions{
	display:flex;
	flex-direction: column;
	gap: 12px;
	max-width: 520px;
}
.lola-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding: 12px 16px;
	border-radius: 10px;
	text-decoration:none;
	font-weight: 600;
	border: 1px solid rgba(0,0,0,.18);
	width: 100%;
	text-align:center;
}
.lola-btn-primary{ background:#111; color:#fff !important; border-color:#111; }
.lola-btn-ghost{ background:#fff; color:#111 !important; }
.lola-btn-ghost:hover{ background: rgba(0,0,0,.04); }

/* Pagination */
.lola-pagination{ margin-top: 28px; }

/* --- Minimal overrides requested (keep v1.0.2 layout) --- */
@import url('https://fonts.googleapis.com/css2?family=Karla:wght@400;500;600;700&display=swap');

/* Apply Karla only inside LOLA components (avoid messing with theme) */
.lola-wrap, .lola-single, .lola-wrap *, .lola-single *{
	font-family: 'Karla', sans-serif;
}

/* Single title black */
.lola-h1{ color:#000 !important; }

/* --- Single spacing fix (title vs price) --- */
.lola-h1{
	line-height: 1.05;
	margin: 0 0 18px !important; /* more breathing room */
}
.lola-price-big{
	margin: 12px 0 18px !important;
}

/* --- Archive always-visible title/price (override theme hover styles) --- */
.lola-card .lola-meta{
	opacity: 1 !important;
	visibility: visible !important;
	transform: none !important;
}
.lola-card .lola-title,
.lola-card .lola-price{
	color: #000 !important;
	opacity: 1 !important;
	visibility: visible !important;
	text-decoration: none !important;
}
.lola-card:hover .lola-title,
.lola-card:hover .lola-price{
	color: #000 !important;
	opacity: 1 !important;
}

/* --- Mobile spacing (avoid edge-to-edge) --- */
@media (max-width: 900px){
	.lola-wrap, .lola-single{
		padding-left: 16px !important;
		padding-right: 16px !important;
	}
	.lola-single{ padding-top: 24px !important; padding-bottom: 24px !important; }
	.lola-toolbar{ margin-bottom: 16px !important; }
}
@media (max-width: 480px){
	.lola-wrap, .lola-single{
		padding-left: 14px !important;
		padding-right: 14px !important;
	}
	.lola-grid{ gap: 18px !important; }
	.lola-thumb{ width: 72px !important; height: 72px !important; }
}


	/* Make cards larger by using 4 columns on desktop (overrides inline --lola-cols) */
	.lola-grid{
		--lola-cols: 4 !important;
		gap: 34px !important;
	}
	.lola-title{
		font-size: 14px !important;
	}
	.lola-price{
		font-size: 14px !important;
	}
}

/* --- Desktop archive scale-up (3 columns, balanced for 6 items) --- */
@media (min-width: 1100px){
	.lola-wrap{
		max-width: 1200px !important;
	}
	.lola-grid{
		--lola-cols: 3 !important;
		gap: 40px !important;
	}
	.lola-title{
		font-size: 15px !important;
	}
	.lola-price{
		font-size: 15px !important;
	}
}

/* --- Single title wrap + price emphasis --- */
.lola-h1{
	line-height: 1.18 !important;   /* prevent glyph overlap on multi-line */
	letter-spacing: .01em !important;
	margin-bottom: 18px !important;
	word-break: normal;
	overflow-wrap: anywhere;
}
.lola-price-big{
	color:#000 !important;
	font-weight: 700 !important;
	opacity: 1 !important;
}


/* Narrow container tweak */
@media (max-width: 768px){
  .lola-wrap, .lola-single{ padding-left:16px; padding-right:16px; }
}


/* SINGLE MAIN IMAGE – 3:4 ON MOBILE (OVERRIDE SQUARE RULE) */
@media (max-width: 768px) {
  .lola-single .lola-main {
    aspect-ratio: 3 / 4 !important;
  }
}