:root {
--gco-accent: #f97316;
--gco-accent-dark: #ea580c;
--gco-text: #111827;
--gco-muted: #6b7280;
--gco-bg: #ffffff;
--gco-soft: #fff7ed;
--gco-border: #e5e7eb;
--gco-shadow: 0 16px 40px rgba(17, 24, 39, 0.08);
--gco-radius: 24px;
}
body.gco-single-route,
body.gco-order-route,
body.gco-public-order {
background: #f6f6f7;
}
body.gco-single-route .page-header,
body.gco-single-route .entry-header,
body.gco-single-route .entry-hero,
body.gco-single-route .hero-section,
body.gco-single-route .breadcrumbs,
body.gco-single-route .breadcrumb,
body.gco-single-route .rank-math-breadcrumb,
body.gco-single-route nav[aria-label="breadcrumb"],
body.gco-single-route .post-thumbnail,
body.gco-single-route .featured-media,
body.gco-single-route .page-title,
body.gco-single-route .entry-title,
body.gco-single-route .entry-subtitle,
body.gco-single-route .post-excerpt,
body.gco-single-route .inner-banner-wrap,
body.gco-single-route .page-title-wrap,
body.gco-single-route .single-post-thumb,
body.gco-single-route .ast-breadcrumbs-wrapper,
body.gco-single-route .brxe-post-title,
body.gco-single-route .brxe-breadcrumbs,
body.gco-single-route .brxe-post-excerpt,
body.gco-single-route .elementor-widget-theme-post-title,
body.gco-single-route .elementor-widget-breadcrumbs,
body.gco-single-route .elementor-widget-theme-post-excerpt,
body.gco-order-route .page-header,
body.gco-order-route .entry-header,
body.gco-order-route .entry-hero,
body.gco-order-route .hero-section,
body.gco-order-route .breadcrumbs,
body.gco-order-route .breadcrumb,
body.gco-order-route .rank-math-breadcrumb,
body.gco-order-route nav[aria-label="breadcrumb"],
body.gco-order-route .page-title,
body.gco-order-route .entry-title,
body.gco-order-route .inner-banner-wrap,
body.gco-order-route .page-title-wrap,
body.gco-order-route .ast-breadcrumbs-wrapper,
body.gco-order-route .brxe-post-title,
body.gco-order-route .brxe-breadcrumbs,
body.gco-order-route .brxe-post-excerpt,
body.gco-order-route .elementor-widget-theme-post-title,
body.gco-order-route .elementor-widget-breadcrumbs,
body.gco-order-route .elementor-widget-theme-post-excerpt {
display: none !important;
}
body.gco-single-route .site-main,
body.gco-order-route .site-main,
body.gco-public-order .site-main {
padding-top: 0 !important;
}
.gco-site-main,
.gco-product-view,
.gco-archive-wrap,
.gco-standalone-order,
.gco-buy-card,
.gco-content-block,
.gco-components-block,
.gco-component-card {
font-family: Arial, Helvetica, sans-serif;
}
.gco-product-view,
.gco-archive-wrap {
color: var(--gco-text);
}
.gco-product-view *,
.gco-archive-wrap * {
box-sizing: border-box;
}
.gco-site-main {
width: min(1280px, calc(100vw - 36px));
margin: 0 auto;
padding: 20px 0 56px;
}
.gco-site-main--standalone {
width: min(1160px, calc(100vw - 36px));
padding: 32px 0 48px;
}
.gco-shell {
width: 100%;
}
.gco-layout {
display: grid;
grid-template-columns: minmax(0, 1.08fr) minmax(460px, 560px);
gap: 28px;
align-items: start;
margin: 12px 0 28px;
}
.gco-layout__media {
min-width: 0;
display: flex;
}
.gco-layout__media .gco-gallery {
width: 100%;
max-width: none;
}
.gco-buy-card,
.gco-content-block,
.gco-components-block,
.gco-modal__dialog,
.gco-card,
.gco-archive-hero,
.gco-component-card {
background: var(--gco-bg);
border: 1px solid var(--gco-border);
border-radius: var(--gco-radius);
box-shadow: var(--gco-shadow);
}
.gco-layout__buy {
position: sticky;
top: 18px;
}
.gco-buy-card {
padding: 24px;
}
.gco-layout__buy {
min-width: 0;
}
.gco-buy-card .gco-title {
font-size: clamp(28px, 2.5vw, 40px);
line-height: 1.06;
word-break: normal;
}
.gco-buy-card .gco-price-value {
font-size: clamp(32px, 2.9vw, 44px);
}
.gco-standalone-order .gco-price-box {
max-width: 460px;
}
.gco-kicker {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 7px 12px;
border-radius: 999px;
background: var(--gco-soft);
color: var(--gco-accent-dark);
font-size: 12px;
font-weight: 800;
line-height: 1.2;
letter-spacing: 0.02em;
}
.gco-title {
margin: 12px 0 8px;
font-size: clamp(28px, 3vw, 38px);
line-height: 1.08;
font-weight: 800;
}
.gco-site-main .gco-title,
.gco-site-main .gco-content-block h1,
.gco-site-main .gco-components-block h2,
.gco-site-main .gco-archive-hero h1 {
color: var(--gco-text) !important;
}
.gco-excerpt,
.gco-price-note,
.gco-help,
.gco-modal__subtitle,
.gco-form-response.is-info,
.gco-archive-hero p,
.gco-card p,
.gco-section-head p,
.gco-component-card__excerpt,
.gco-component-card__content,
.gco-component-card__content p {
color: var(--gco-muted);
}
.gco-excerpt {
margin: 0 0 12px;
font-size: 14px;
line-height: 1.55;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}
.gco-price-box {
padding: 14px 16px;
border: 1px solid #fed7aa;
border-radius: 20px;
background: linear-gradient(180deg, #fff7ed, #ffffff);
margin: 14px 0 14px;
}
.gco-price-label {
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.08em;
color: var(--gco-accent-dark);
font-weight: 800;
}
.gco-price-line {
margin-top: 8px;
}
.gco-price-value,
.gco-modal__total,
.gco-order-total {
font-size: clamp(28px, 3vw, 38px);
font-weight: 800;
line-height: 1;
}
.gco-linked-components {
padding: 12px 14px;
border: 1px solid var(--gco-border);
border-radius: 18px;
background: #fafafa;
margin: 0 0 14px;
}
.gco-linked-components__label {
font-size: 13px;
font-weight: 800;
margin-bottom: 8px;
}
.gco-compact-fields,
.gco-form-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
.gco-compact-fields {
gap: 10px;
}
.gco-form-grid {
margin-top: 8px;
}
.gco-field {
display: grid;
gap: 8px;
}
.gco-span-2 {
grid-column: 1 / -1;
}
.gco-field > label,
.gco-grid-toolbar label {
font-size: 14px;
font-weight: 800;
line-height: 1.35;
}
.gco-option-field--compact > label {
font-size: 13px;
}
.gco-option-field--compact .gco-input {
min-height: 44px;
padding: 10px 12px;
}
.gco-input {
width: 100%;
min-height: 48px;
border: 1px solid var(--gco-border);
border-radius: 14px;
padding: 12px 14px;
background: #fff;
font-size: 15px;
}
textarea.gco-input {
min-height: 120px;
resize: vertical;
}
.gco-input:focus {
outline: none;
border-color: #fdba74;
box-shadow: 0 0 0 4px rgba(249, 115, 22, 0.15);
}
.gco-choice-list {
display: grid;
gap: 10px;
}
.gco-choice-card,
.gco-check-card {
display: flex;
align-items: flex-start;
gap: 10px;
padding: 12px 14px;
border: 1px solid var(--gco-border);
border-radius: 16px;
background: #fff;
cursor: pointer;
}
.gco-choice-card input,
.gco-check-card input {
margin-top: 3px;
accent-color: var(--gco-accent);
}
.gco-choice-card__copy {
display: grid;
gap: 4px;
}
.gco-choice-card__title,
.gco-check-card span {
font-weight: 700;
line-height: 1.45;
}
.gco-choice-card__copy small,
.gco-check-card small {
color: var(--gco-muted);
}
.gco-chip-list {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 14px 0;
}
.gco-chip-list--tight {
margin: 0;
}
.gco-chip {
display: inline-flex;
padding: 7px 12px;
border-radius: 999px;
background: #f3f4f6;
font-size: 13px;
font-weight: 700;
}
.gco-btn {
appearance: none;
border: none;
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 54px;
padding: 14px 24px;
border-radius: 999px;
background: linear-gradient(180deg, #fb923c, var(--gco-accent));
color: #fff;
font-weight: 800;
text-decoration: none;
cursor: pointer;
box-shadow: 0 12px 28px rgba(249, 115, 22, 0.28);
transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.gco-buy-card .gco-btn {
width: 100%;
}
.gco-inline-meta {
margin: 0 0 12px;
font-size: 13px;
line-height: 1.5;
color: var(--gco-muted);
}
.gco-btn:hover,
.gco-btn:focus {
color: #fff;
transform: translateY(-1px);
box-shadow: 0 18px 30px rgba(249, 115, 22, 0.34);
}
.gco-btn[disabled] {
opacity: 0.6;
cursor: wait;
transform: none;
}
.gco-content-block,
.gco-components-block {
padding: 28px;
margin-top: 14px;
}
.gco-content-block > :first-child,
.gco-components-block > :first-child {
margin-top: 0;
}
.gco-site-main .gco-content-block h1,
.gco-site-main .gco-content-block h2,
.gco-site-main .gco-content-block h3,
.gco-site-main .gco-components-block h2,
.gco-site-main .gco-component-card h3 {
color: var(--gco-text) !important;
background: transparent !important;
padding: 0 !important;
margin-top: 0;
}
.gco-content-block a,
.gco-component-card__content a {
color: var(--gco-accent-dark);
}
.gco-gallery {
display: grid;
gap: 10px;
}
.gco-gallery__stage,
.gco-gallery-empty {
border-radius: 22px;
overflow: hidden;
background: #ffffff;
aspect-ratio: 16 / 10;
max-height: 520px;
min-height: 0;
display: flex;
align-items: center;
justify-content: center;
}
.gco-stage-image,
.gco-stage-video,
.gco-stage-youtube {
width: 100%;
height: 100%;
min-height: 0;
border: 0;
}
.gco-stage-image,
.gco-stage-video {
object-fit: contain;
background: #ffffff;
}
.gco-gallery__thumbs {
display: grid;
grid-auto-flow: column;
grid-auto-columns: minmax(108px, 132px);
justify-content: start;
gap: 8px;
overflow-x: auto;
padding-bottom: 2px;
}
.gco-thumb {
border: 2px solid transparent;
border-radius: 14px;
padding: 4px;
background: #fff;
overflow: hidden;
cursor: pointer;
box-shadow: 0 8px 20px rgba(17, 24, 39, 0.08);
}
.gco-thumb.is-active {
border-color: #fb923c;
}
.gco-thumb img {
display: block;
width: 100%;
height: 84px;
object-fit: contain;
background: #fff;
}
.gco-section-head {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(260px, 360px);
gap: 18px;
align-items: end;
margin-bottom: 20px;
}
.gco-section-head h2 {
margin: 12px 0 0;
font-size: clamp(24px, 3vw, 34px);
line-height: 1.1;
}
.gco-section-head p {
margin: 0;
font-size: 15px;
line-height: 1.6;
}
.gco-section-head--simple {
grid-template-columns: 1fr;
margin-bottom: 16px;
}
.gco-components-grid {
display: grid;
gap: 18px;
}
.gco-component-card {
padding: 20px;
}
.gco-component-card__title {
margin: 0 0 8px;
font-size: 24px;
line-height: 1.15;
color: var(--gco-text) !important;
}
.gco-component-card__excerpt {
margin: 0 0 12px;
font-size: 15px;
line-height: 1.6;
color: var(--gco-text);
}
.gco-component-card__content,
.gco-component-card__content p,
.gco-component-card__content li {
color: var(--gco-text);
font-size: 16px;
line-height: 1.65;
}
.gco-component-card__content p {
margin: 0 0 12px;
}
.gco-component-card__content ul {
margin: 12px 0 0 18px;
padding: 0;
}
.gco-component-card__content li + li {
margin-top: 6px;
}
.gco-component-card__content > :first-child {
margin-top: 0;
}
.gco-component-card__content > :last-child {
margin-bottom: 0;
}
.gco-component-card__gallery {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
gap: 10px;
margin-top: 16px;
}
.gco-order-section {
scroll-margin-top: 120px;
}
.gco-order-head {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: start;
gap: 18px;
margin-bottom: 18px;
}
.gco-order-head h2 {
margin: 0;
font-size: clamp(24px, 3vw, 34px);
line-height: 1.1;
color: var(--gco-text) !important;
}
.gco-order-subtitle {
margin: 8px 0 0;
color: var(--gco-muted);
}
.gco-standalone-order {
max-width: 1080px;
margin: 0 auto;
}
.gco-standalone-order__shell {
padding: 28px;
}
.gco-order-head--stacked {
grid-template-columns: 1fr;
}
.gco-option-field--form .gco-choice-list {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.gco-component-card__media {
border-radius: 18px;
overflow: hidden;
background: #f3f4f6;
}
.gco-component-card__media img {
width: 100%;
aspect-ratio: 4 / 3;
object-fit: contain;
display: block;
background: #fff;
}
.gco-price-note--installation {
margin-top: 10px;
}
.gco-doc-groups {
display: grid;
gap: 16px;
}
.gco-doc-group {
padding: 18px;
border: 1px solid var(--gco-border);
border-radius: 20px;
background: #fafafa;
}
.gco-doc-group__title {
margin: 0 0 12px;
font-size: 20px;
line-height: 1.2;
color: var(--gco-text);
}
.gco-doc-links {
display: grid;
gap: 10px;
}
.gco-doc-link {
display: grid;
gap: 4px;
padding: 12px 14px;
border: 1px solid var(--gco-border);
border-radius: 14px;
background: #fff;
text-decoration: none;
}
.gco-doc-link__title {
font-weight: 700;
color: var(--gco-text);
}
.gco-doc-link__meta {
font-size: 13px;
color: var(--gco-muted);
}
.gco-modal[hidden] {
display: none;
}
.gco-modal {
position: fixed;
inset: 0;
z-index: 9999;
}
.gco-modal__backdrop {
position: absolute;
inset: 0;
background: rgba(17, 24, 39, 0.6);
}
.gco-modal__dialog {
position: relative;
z-index: 2;
width: min(920px, calc(100vw - 32px));
max-height: calc(100vh - 48px);
overflow: auto;
margin: 24px auto;
padding: 24px;
}
.gco-modal__head {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: start;
gap: 18px;
padding-right: 42px;
margin-bottom: 18px;
}
.gco-modal__subtitle {
margin: 8px 0 0;
}
.gco-modal__close {
position: absolute;
top: 16px;
right: 16px;
width: 42px;
height: 42px;
border: 0;
border-radius: 999px;
background: #f3f4f6;
font-size: 28px;
line-height: 1;
cursor: pointer;
}
.gco-check {
display: flex;
align-items: flex-start;
gap: 10px;
margin-top: 18px;
}
.gco-check-inline {
margin: 0;
}
.gco-check a {
color: var(--gco-accent-dark);
font-weight: 700;
}
.gco-form-response {
min-height: 24px;
margin-top: 18px;
font-weight: 700;
}
.gco-form-response.is-error {
color: #b91c1c;
}
.gco-form-response.is-success {
color: #15803d;
}
.gco-form-actions {
display: flex;
justify-content: flex-end;
margin-top: 18px;
}
.gco-inline-success {
margin-bottom: 20px;
padding: 14px 18px;
border-radius: 16px;
background: #dcfce7;
color: #166534;
font-weight: 700;
}
.gco-archive-wrap {
padding: 24px 0 48px;
}
.gco-archive-hero {
padding: 28px;
margin-bottom: 24px;
background: linear-gradient(180deg, #fff7ed, #ffffff);
color: var(--gco-text);
}
.gco-archive-hero h1 {
margin: 0;
font-size: clamp(28px, 4vw, 46px);
line-height: 1.05;
}
.gco-archive-hero p {
margin: 12px 0 0;
max-width: 720px;
}
.gco-grid-toolbar {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 16px;
}
.gco-grid-toolbar select {
min-width: 120px;
min-height: 44px;
border-radius: 14px;
border: 1px solid var(--gco-border);
padding: 10px 12px;
}
.gco-card-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 24px;
}
.gco-card {
overflow: hidden;
}
.gco-card__media {
display: block;
aspect-ratio: 4 / 3;
overflow: hidden;
background: #f3f4f6;
}
.gco-card__media img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.gco-card__placeholder {
min-height: 100%;
display: grid;
place-items: center;
}
.gco-card__body {
padding: 18px;
}
.gco-card__body h3 {
margin: 0 0 10px;
font-size: 22px;
line-height: 1.15;
}
.gco-card__body h3 a {
color: inherit;
text-decoration: none;
}
.gco-card__footer {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin-top: 18px;
}
.gco-card__price {
font-size: 24px;
}
.gco-pagination {
margin-top: 28px;
}
.gco-pagination .page-numbers {
display: inline-flex;
min-width: 42px;
min-height: 42px;
align-items: center;
justify-content: center;
padding: 0 12px;
border-radius: 999px;
border: 1px solid var(--gco-border);
margin-right: 8px;
text-decoration: none;
}
.gco-pagination .current {
background: var(--gco-accent);
color: #fff;
border-color: var(--gco-accent);
}
body.gco-modal-open {
overflow: hidden;
}
@media (max-width: 1080px) {
.gco-layout,
.gco-section-head {
grid-template-columns: 1fr;
}
.gco-layout__buy {
position: static;
}
}
@media (max-width: 782px) {
.gco-compact-fields,
.gco-form-grid,
.gco-modal__head,
.gco-order-head,
.gco-option-field--form .gco-choice-list {
grid-template-columns: 1fr;
}
.gco-site-main {
width: min(100%, calc(100vw - 20px));
padding-top: 12px;
}
.gco-site-main--standalone {
width: min(100%, calc(100vw - 20px));
padding-top: 20px;
}
.gco-buy-card,
.gco-content-block,
.gco-components-block,
.gco-modal__dialog,
.gco-card,
.gco-component-card,
.gco-archive-hero {
border-radius: 20px;
}
.gco-buy-card,
.gco-content-block,
.gco-components-block,
.gco-component-card,
.gco-archive-hero,
.gco-standalone-order__shell {
padding: 20px;
}
.gco-modal__dialog {
width: calc(100vw - 20px);
margin: 10px auto;
padding: 18px;
max-height: calc(100vh - 20px);
}
.gco-gallery__stage,
.gco-gallery-empty {
aspect-ratio: 4 / 3;
}
.gco-gallery__thumbs {
grid-auto-columns: minmax(96px, 128px);
}
.gco-card__footer {
flex-direction: column;
align-items: stretch;
}
.gco-card__footer .gco-btn {
width: 100%;
}
.gco-component-card__gallery {
grid-template-columns: 1fr;
}
}