/*
Theme Name: Rocky
Theme URI:
Description: Child theme for Storefront — custom homepage layout.
Author: Rocky
Template: storefront
Version: 1.0.0
Text Domain: rocky
*/

/*
 * Type/color tokens: assets/css/tokens.css.
 * Layout: single source of truth for site width.
 * --rocky-container-max = usable content width (1280px).
 * Outer .col-full includes horizontal padding in its max-width (border-box).
 * Nested .col-full fills the parent content area (no second padding).
 * Full-bleed backgrounds: .rocky-banner--full::before (homepage.css), not width on the section.
 * Homepage inner .col-full: .rocky-home .col-full (logical nest inside #content > .col-full).
 */
:root {
	--rocky-container-max: 1280px;
	--rocky-container-padding: 2.617924em;
	/* Product image display frame (CSS only; media files unchanged). */
	--rocky-product-aspect: 2 / 3;
	--rocky-gallery-thumb-width: 3.25rem;
}

@media (max-width: 768px) {
	:root {
		--rocky-container-padding: 1.41575em;
	}
}

.col-full {
	max-width: calc(var(--rocky-container-max) + 2 * var(--rocky-container-padding));
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--rocky-container-padding);
	padding-right: var(--rocky-container-padding);
	box-sizing: border-box;
}

.col-full .col-full {
	max-width: none;
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}