/* SAMECOM product page layouts: Template 1 (classic), 2 (showcase), 3 (conversion). */

.samecom-product { padding-bottom: 32px; }

/* Template 1 */
.samecom-t1__top { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: clamp(24px, 4vw, 56px); align-items: start; }
@media (max-width: 860px) { .samecom-t1__top { grid-template-columns: 1fr; } }

/* Template 2 */
.samecom-t2__stage { background: var(--samecom-soft); padding-bottom: 24px; }
.samecom-t2__stage .samecom-gallery--hero { max-width: 900px; margin-inline: auto; }
.samecom-t2__stage .samecom-gallery__main { aspect-ratio: 16 / 10; background: #fff; }
.samecom-t2__stage .samecom-gallery__thumbs { justify-content: center; }
.samecom-t2__summary { text-align: center; padding-top: 32px; }
.samecom-t2__summary .samecom-buy-box__meta, .samecom-t2__summary .samecom-attribute__options, .samecom-t2__summary .samecom-buy-box__actions, .samecom-t2__summary .samecom-share { justify-content: center; }
.samecom-t2__summary .samecom-attribute legend { margin-inline: auto; }
.samecom-t2__summary .samecom-buy-box { max-width: 560px; margin-inline: auto; }
@media (max-width: 767px) { .samecom-t2__stage .samecom-gallery__main { aspect-ratio: 1 / 1; } }

/* Template 3 */
.samecom-t3__layout { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(300px, 1fr); gap: clamp(24px, 4vw, 48px); align-items: start; }
.samecom-t3__panel { position: sticky; top: 24px; background: var(--samecom-surface); border: 1px solid var(--samecom-border); border-radius: var(--samecom-radius); padding: clamp(18px, 2.5vw, 28px); box-shadow: var(--samecom-shadow); }
.admin-bar .samecom-t3__panel { top: 56px; }
.samecom-t3__panel .samecom-summary__title { font-size: 1.5rem; }
.samecom-t3__trust { list-style: none; margin: 20px 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 10px; }
.samecom-t3__trust li { background: var(--samecom-soft); border-radius: var(--samecom-radius-sm); padding: 12px 14px; font-weight: 600; font-size: .92rem; }
.samecom-t3__sticky { display: none; }
@media (max-width: 900px) {
	.samecom-t3__layout { grid-template-columns: 1fr; }
	/* Mobile order: gallery → order panel → trust points → details. */
	.samecom-t3__content { display: contents; }
	.samecom-t3__content > .samecom-gallery { order: 1; }
	.samecom-t3__panel { order: 2; position: static; box-shadow: none; }
	.samecom-t3__trust { order: 3; margin-top: 0; }
	.samecom-t3__content > .samecom-details { order: 4; margin-top: 0; }
	.samecom-t3__sticky:not([hidden]) {
		display: flex; align-items: center; gap: 12px; position: fixed; inset-inline: 0; bottom: var(--samecom-cartbar-height, 0px); z-index: 9989;
		background: var(--samecom-surface); border-top: 1px solid var(--samecom-border); padding: 10px var(--samecom-gap) calc(10px + env(safe-area-inset-bottom));
		box-shadow: 0 -4px 20px rgba(17, 24, 39, .08);
	}
	.samecom-t3__sticky-name { flex: 1; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	body.samecom-has-stickybuy .samra-whatsapp-float, body.samecom-has-stickybuy .samra-chatbot-toggle { bottom: calc(var(--samecom-cartbar-height, 0px) + 86px) !important; }
}
