.ge-btn{
	display:inline-block;
	text-decoration:none;
	text-align:center;
	border-radius:10px;
	font-weight:700;
	padding:10px 18px;
	border:none;
    font-size:15px;
	cursor:pointer;
}
.ge-btn-gold{ background:linear-gradient(to right, rgb(212, 160, 16), rgb(240, 192, 48)); color:#1A0A00; width:100%; }
.ge-btn-gold:hover{ color:#1A0A00; }:root{
	--sq-purple:#8b3fd4;
	--sq-purple-dark:#6d21b3;
	--sq-purple-light:#c9a6f7;
	--sq-gold:#e6a817;
	--sq-gold-dark:#c9910f;
	--sq-radius:16px;
}

/* ===== Single Quote Page: strip theme sidebar/title/meta ===== */
.sq-showcase-page-wrapper{
	max-width:960px;
	margin:40px auto;
	padding:0 24px;
}
body.sq-showcase-page #secondary,
body.sq-showcase-page .widget-area,
body.sq-showcase-page .sidebar,
body.sq-showcase-page .bb-sidebar,
body.sq-showcase-page .entry-title,
body.sq-showcase-page .entry-header,
body.sq-showcase-page .entry-meta,
body.sq-showcase-page .entry-footer,
body.sq-showcase-page .post-navigation,
body.sq-showcase-page .comments-area{
	display:none !important;
}
body.sq-showcase-page #primary,
body.sq-showcase-page .content-area,
body.sq-showcase-page #main,
body.sq-showcase-page .site-main{
	width:100% !important;
	max-width:100% !important;
	float:none !important;
}

/* Grid listing */
.sq-grid{
	display:grid;
	grid-template-columns:repeat(var(--sq-columns,3),1fr);
	gap:24px;
}
@media(max-width:900px){ .sq-grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:560px){ .sq-grid{ grid-template-columns:1fr; } }

.sq-card{
	background:#fff;
	border-radius:var(--sq-radius);
	overflow:hidden;
	box-shadow:0 8px 24px rgba(0,0,0,.08);
	display:flex;
	flex-direction:column;
	transform: translateY(0px);
    transition: .3s ease;
}
.sq-card:hover{ transform: translateY(-10px) }
.sq-card-img{ display:block; aspect-ratio:1/1; overflow:hidden; }
.sq-card-img img{ width:100%; height:100% !important; object-fit:cover; display:block; transition:transform .3s ease; }
.sq-card:hover .sq-card-img img{ transform:scale(1.03); }
.sq-card-body{ padding:16px; }

.sq-btn{
	display:inline-block;
	text-decoration:none;
	text-align:center;
	border-radius:999px;
	font-weight:700;
	padding:10px 22px;
	border:none;
    font-size:14px;
	cursor:pointer;
    line-height: 1.5;
    font-family: 'Inter' !important;
}
.sq-btn-gold{ background:linear-gradient(135deg, rgb(251, 191, 36), rgb(217, 119, 6)); color:rgb(26, 10, 0); }
.sq-btn-gold:hover{ color:#1A0A00; }
.sq-btn-purple{ background:linear-gradient(135deg,var(--sq-purple),var(--sq-purple-dark)); color:#fff; }
.sq-btn-outline{ background:#fff; color:var(--sq-purple); border:1.5px solid var(--sq-purple-light); }
.sq-btn:hover{ filter:brightness(1.05); }

/* Showcase (single quote experience) */

.sq-nav-row{
	display:flex; align-items:center; justify-content:center; gap:16px;
	margin-bottom:18px;
}
.sq-nav-arrow{
	width:36px; height:36px; border-radius:50%;
	border:1.5px solid var(--sq-purple-light);
	display:flex; align-items:center; justify-content:center;
	color:var(--sq-purple);
	font-size:1.2rem;
	text-decoration:none;
}
.sq-nav-counter{ font-weight:700; color:var(--sq-purple-dark); letter-spacing:.3px; }

.sq-image-frame{
	border-radius:20px;
	overflow:hidden;
	box-shadow:0 12px 32px rgba(0,0,0,.15);
	max-width:520px;
	margin:0 auto;
}
.sq-image-frame img{ width:100%; display:block; }

.sq-action-row{
	display:flex; flex-direction:column; align-items:center; gap:12px;
	margin-top:22px;
}
.sq-action-row .sq-btn{ min-width:220px; }

/* Comments modal */
.sq-modal{
	position:fixed; inset:0; background:rgba(60,20,90,.35);
	display:flex; align-items:flex-start; justify-content:center;
	z-index:9999; padding:40px 16px; overflow:auto;
}
.sq-modal-inner{
	width: min(1060px, 96vw);
    max-height: 90vh;
    background: white;
    border-radius: 16px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 24px;
    position: relative;
}
.sq-modal .sq-btn-purple
{ 
	width: 100%;
    height: 48px;
    background: linear-gradient(to right, rgb(208, 144, 240), rgb(240, 128, 176));
    color: white;
    font-size: 16px;
    font-weight: 600;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    border-radius: 999px !important;
    margin-top: 12px;
    transition: background 0.2s;
    font-family: 'Inter';
}
.sq-modal .sq-btn-purple:hover{ filter:brightness(0.95); }
.sq-modal-close{
	position:absolute; top:14px; right:14px;
    padding: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(160, 100, 220, 0.15);
    color: rgb(160, 112, 208);
    font-size: 20px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    line-height: 1;
}
.sq-modal-close:hover, .sq-modal-close:focus{ background-color: rgba(160, 100, 220, 0.15) !important; border: none !important; box-shadow: none !important; color: rgb(160, 112, 208) !important; }
.sq-rating-label{ 
	font-size: 13px;
    color: rgb(107, 114, 128);
    margin: 0px 0px 8px;
    font-weight: 500;
    font-family: 'Inter';
}
.sq-comments-layout{ padding:26px; }
.sq-inner-comments-layout { display: flex; gap: 24px; }
.sq-comments-image{ flex:0 0 180px; }
.sq-comments-image img{ width:100%; border-radius:12px; display:block; }
.sq-comments-form-col{ flex:1; min-width:0; }
.sq-comments-form-col h3{ color:var(--sq-purple); margin:0 0 14px; letter-spacing:.5px; border-bottom:2px solid var(--sq-purple-light); padding-bottom:10px; font-family: 'Inter'; }
.sq-star-rating{ margin-bottom:12px; }
.sq-star{ font-size:1.3rem; color:#ddd; cursor:pointer; margin-right:3px; }
.sq-star.is-active{ color:var(--sq-gold); }
.sq-comment-text{ width:100%; min-height:70px; border:1.5px solid var(--sq-purple-light); border-radius:10px; padding:12px 14px; resize:vertical; font-family:inherit; }
.sq-char-count{ font-size:13px; color:rgb(153, 153, 153); text-align:right; margin:6px 0 14px; font-family: 'Inter'; }
.sq-comments-list{ margin-top:32px; display:grid; grid-template-columns: repeat(3,1fr); gap:16px; border-top: 1px solid rgb(224, 208, 240); padding-top: 32px; }
.sq-comment-item{ display:flex; gap:10px; background: white;
    border: 1px solid rgb(232, 224, 244);
    border-radius: 12px;
    padding: 20px;
    box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 6px; }
.sq-comment-avatar{
	width:34px; height:34px; border-radius:50%; background:var(--sq-purple);
	color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; flex-shrink:0; font-size:.9rem;
}
.sq-comment-body strong{ display:block; font-weight: 700; font-size: 14px; color: rgb(34, 34, 34); font-family: 'Inter'; }
.sq-comment-date{ font-size: 12px; color: rgb(153, 153, 153); font-family: 'Inter'; }
.sq-comment-rating{ color:var(--sq-gold); font-size:.85rem; margin-top:2px; }
.sq-comment-body p{ font-size: 14px; color: rgb(51, 51, 51); line-height: 1.6; margin-bottom: 12px; font-family: 'Inter'; }
.sq-reactions{ display:flex; gap:6px; }
.sq-reaction-btn
{ font-size: 18px;
    background: rgba(200, 180, 255, 0.15);
    border: 1px solid rgba(155, 109, 255, 0.2);
    box-shadow: none;
    cursor: pointer;
    padding: 6px 12px;
    border-radius: 20px;
    transition: 0.2s;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    transform: scale(1);
}
.sq-reaction-btn:hover
{
    transform: scale(1.05);
    background: rgba(200, 180, 255, 0.15);
    border: 1px solid rgba(155, 109, 255, 0.2);
    box-shadow: none;
}
.sq-reaction-btn:focus
{
    background-color: rgba(200, 180, 255, 0.15) !important;
    border: 1px solid rgba(155, 109, 255, 0.2) !important;
    box-shadow: none !important;
}
.sq-reaction-btn.is-active
{ 
	background: rgba(155, 109, 255, 0.25);
    border: 1px solid rgb(155, 109, 255);
    box-shadow: rgba(155, 109, 255, 0.4) 0px 0px 6px;
}

@media(max-width:600px){
	.sq-comments-layout{ flex-direction:column; }
	.sq-comments-image{ flex:none; }
}