/* GreenTouch — Frame Renderer unificat (stil Kituri DIY). Cadru CSS colorat + interior neutru,
   raport din dimensiunea reală. Variabile: --gt-fr-color, --gt-fr-ratio, --gt-fr-bw. */

.gt-frame-r{
	position:relative;
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:clamp(14px,7%,44px);
	background:radial-gradient(120% 120% at 50% 30%, #f3efe6 0%, #e9e3d6 72%, #e2dbcc 100%);
	overflow:hidden;
}
.gt-frame-r-box{
	position:relative;
	/* Dimensiunea (width/height în px) e setată de gt-frame.js cu algoritmul Kituri DIY.
	   Fără calc(100%*ratio) și fără aspect-ratio (care deformau pe Safari/iOS).
	   Fallback fără JS: un pătrat rezonabil, corectat instant de JS. */
	width:70%;
	height:70%;
	max-width:100%;
	max-height:100%;
	background:var(--gt-fr-color, #C9A66B);
	border-radius:3px;
	box-shadow:0 10px 26px rgba(29,32,25,.18), inset 0 1px 0 rgba(255,255,255,.25);
	padding:var(--gt-fr-bw, clamp(7px,4.5%,15px));
	box-sizing:border-box;
	transition:background-color .2s ease;
}
.gt-frame-r-inner{
	width:100%;
	height:100%;
	background:linear-gradient(135deg,#f8f5ee 0%,#efeadd 100%);
	border-radius:1px;
	box-shadow:inset 0 2px 10px rgba(29,32,25,.16);
}
/* bevel subtil: muchie de sus mai deschisă, jos mai închisă */
.gt-frame-r-box::before{
	content:"";position:absolute;inset:0;border-radius:3px;pointer-events:none;
	background:linear-gradient(180deg, rgba(255,255,255,.22) 0%, rgba(255,255,255,0) 22%, rgba(0,0,0,0) 78%, rgba(0,0,0,.20) 100%);
}
.gt-frame-r.round .gt-frame-r-box,
.gt-frame-r.round .gt-frame-r-inner,
.gt-frame-r.round .gt-frame-r-box::before{ border-radius:999px; }

@media (prefers-reduced-motion:reduce){
	.gt-frame-r-box{ transition:none; }
}

/* Varianta pagină produs: umple containerul imaginii principale, colțuri rotunjite. */
.gt-frame-preview{ position:absolute; inset:0; border-radius:24px; }
/* Varianta card: umple thumb-ul cardului. */
.pcard .thumb .gt-frame-r{ border-radius:inherit; }