:root {  --cp-bg: #FAF7F1; --cp-bg-soft: #F3EEE6; --cp-surface: #FFFFFF; --cp-surface-warm: #FFFDF8; --cp-text: #20201E; --cp-muted: #6F6A61; --cp-heading: #171715; --cp-primary: #2F7D5C; --cp-primary-dark: #245F47; --cp-primary-soft: #E7F3ED; --cp-accent: #F2B84B; --cp-accent-soft: #FFF3D4; --cp-border: #E6DED2; --cp-danger: #C94C4C; --cp-success: #2F7D5C;  --cp-container: 1180px; --cp-container-wide: 1360px; --cp-space-xs: 8px; --cp-space-sm: 12px; --cp-space-md: 20px; --cp-space-lg: 32px; --cp-space-xl: 56px; --cp-space-2xl: 88px;  --cp-radius-xs: 8px; --cp-radius-sm: 14px; --cp-radius-md: 22px; --cp-radius-lg: 32px; --cp-radius-pill: 999px;  --cp-shadow-sm: 0 8px 24px rgba(32, 32, 30, 0.06); --cp-shadow-md: 0 18px 50px rgba(32, 32, 30, 0.08); --cp-shadow-lg: 0 28px 80px rgba(32, 32, 30, 0.12);  --cp-transition: 180ms ease; }  .cp-section { padding-block: clamp(56px, 7vw, 104px); background: var(--cp-bg); } .cp-section--white { background: var(--cp-surface); } .cp-section--soft { background: var(--cp-bg-soft); } .cp-section--dark { background: var(--cp-text); color: var(--cp-surface); } .cp-container { width: min(var(--cp-container), calc(100% - 32px)); margin-inline: auto; } .cp-container--wide { width: min(var(--cp-container-wide), calc(100% - 32px)); margin-inline: auto; } .cp-section-heading { max-width: 720px; margin-bottom: clamp(28px, 4vw, 48px); } .cp-eyebrow { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 10px; font-size: 0.78rem; font-weight: 800; line-height: 1.2; letter-spacing: 0.08em; text-transform: uppercase; color: var(--cp-primary); } .cp-title { color: var(--cp-heading); line-height: 1.05; letter-spacing: -0.04em; } .cp-text { color: var(--cp-muted); line-height: 1.65; } .cp-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 0 22px; border-radius: var(--cp-radius-pill); font-weight: 800; line-height: 1; text-decoration: none; border: 1px solid transparent; cursor: pointer; transition: transform var(--cp-transition), background var(--cp-transition), border-color var(--cp-transition); } .cp-btn:hover { transform: translateY(-2px); } .cp-btn--primary { background: var(--cp-primary); color: #fff; } .cp-btn--primary:hover { background: var(--cp-primary-dark); color: #fff; } .cp-btn--secondary { background: var(--cp-surface); color: var(--cp-text); border-color: var(--cp-border); } .cp-btn--secondary:hover { background: var(--cp-bg-soft); color: var(--cp-text); } .cp-card { background: var(--cp-surface); border: 1px solid var(--cp-border); border-radius: var(--cp-radius-md); box-shadow: var(--cp-shadow-sm); overflow: hidden; } .cp-card--padded { padding: clamp(20px, 3vw, 32px); } .cp-card--hover { transition: transform var(--cp-transition), box-shadow var(--cp-transition), border-color var(--cp-transition); } .cp-card--hover:hover { transform: translateY(-4px); box-shadow: var(--cp-shadow-md); border-color: rgba(47, 125, 92, 0.25); } .cp-grid { display: grid; gap: 20px; } .cp-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .cp-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .cp-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .cp-trust-bar { background: var(--cp-surface); border-block: 1px solid var(--cp-border); } .cp-product-card { background: var(--cp-surface); border: 1px solid var(--cp-border); border-radius: var(--cp-radius-md); overflow: hidden; transition: transform var(--cp-transition), box-shadow var(--cp-transition); } .cp-product-card:hover { transform: translateY(-4px); box-shadow: var(--cp-shadow-md); } .cp-category-card { background: var(--cp-surface); border: 1px solid var(--cp-border); border-radius: var(--cp-radius-md); padding: 24px; transition: transform var(--cp-transition), box-shadow var(--cp-transition), border-color var(--cp-transition); } .cp-category-card:hover { transform: translateY(-4px); box-shadow: var(--cp-shadow-md); border-color: rgba(47, 125, 92, 0.25); } .cp-promo-banner { border-radius: var(--cp-radius-lg); background: radial-gradient(circle at top right, rgba(242, 184, 75, 0.28), transparent 34%), var(--cp-primary); color: #fff; padding: clamp(28px, 5vw, 56px); overflow: hidden; } .cp-muted { color: var(--cp-muted); } .cp-hidden-mobile { display: initial; } .cp-only-mobile { display: none; } @media (max-width: 991px) { .cp-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .cp-grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 767px) { .cp-section { padding-block: 48px; } .cp-container, .cp-container--wide { width: min(100% - 24px, var(--cp-container)); } .cp-grid--2, .cp-grid--3, .cp-grid--4 { grid-template-columns: 1fr; } .cp-btn { width: 100%; } .cp-hidden-mobile { display: none !important; } .cp-only-mobile { display: initial; } } .cp-topbar { background: var(--cp-primary); color: #fff; font-size: 0.82rem; font-weight: 700; } .cp-topbar__inner { min-height: 36px; display: flex; align-items: center; justify-content: center; text-align: center; padding-block: 6px; } .cp-site-header { position: sticky; top: 0; z-index: 50; background: rgba(250, 247, 241, 0.94); backdrop-filter: blur(14px); border-bottom: 1px solid var(--cp-border); } .cp-site-header__inner { min-height: 76px; display: grid; grid-template-columns: auto auto minmax(260px, 1fr) auto; align-items: center; gap: 24px; } .cp-logo { font-size: 1.35rem; font-weight: 900; letter-spacing: -0.04em; color: var(--cp-heading); white-space: nowrap; } .cp-main-nav { display: flex; align-items: center; } .cp-main-nav a { color: var(--cp-text); font-size: 0.92rem; font-weight: 700; text-decoration: none; } .cp-main-nav a:hover { color: var(--cp-primary); } .cp-header-search { width: 100%; } .cp-header-search input[type="search"], .cp-header-search input[type="text"] { width: 100%; min-height: 46px; border-radius: var(--cp-radius-pill); border: 1px solid var(--cp-border); background: var(--cp-surface); padding-inline: 18px; color: var(--cp-text); } .cp-header-search input::placeholder { color: var(--cp-muted); } .cp-header-actions { display: flex; align-items: center; gap: 10px; } .cp-header-action { min-height: 42px; display: inline-flex; align-items: center; justify-content: center; padding-inline: 16px; border-radius: var(--cp-radius-pill); border: 1px solid var(--cp-border); background: var(--cp-surface); color: var(--cp-text); font-size: 0.9rem; font-weight: 800; text-decoration: none; white-space: nowrap; transition: background var(--cp-transition), color var(--cp-transition), transform var(--cp-transition); } .cp-header-action:hover { transform: translateY(-1px); background: var(--cp-bg-soft); color: var(--cp-primary); } .cp-header-cart { background: var(--cp-primary); border-color: var(--cp-primary); color: #fff; } .cp-header-cart:hover { background: var(--cp-primary-dark); color: #fff; } @media (max-width: 991px) { .cp-site-header__inner { min-height: 68px; grid-template-columns: auto 1fr auto; gap: 14px; } .cp-main-nav { display: none; } .cp-header-search { display: none; } } @media (max-width: 767px) { .cp-topbar { font-size: 0.76rem; } .cp-topbar__inner { min-height: 32px; } .cp-logo { font-size: 1.2rem; } .cp-header-action { min-height: 38px; padding-inline: 12px; font-size: 0.8rem; } } .cp-hero { padding-block: clamp(56px, 7vw, 104px); background: radial-gradient(circle at top right, rgba(242, 184, 75, 0.24), transparent 34%), radial-gradient(circle at bottom left, rgba(47, 125, 92, 0.12), transparent 30%), var(--cp-bg); } .cp-hero__inner { display: grid; grid-template-columns: 0.92fr 1.08fr; gap: clamp(32px, 6vw, 80px); align-items: center; } .cp-hero__content { max-width: 620px; } .cp-hero__content .cp-title { margin-bottom: 20px; font-size: clamp(2.4rem, 5.2vw, 5rem); } .cp-hero__content .cp-text { max-width: 520px; margin-bottom: 28px; font-size: clamp(1rem, 1.4vw, 1.15rem); } .cp-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; } .cp-hero__bento { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; } .cp-bento-card { min-height: 170px; grid-column: span 3; display: flex; flex-direction: column; justify-content: flex-end; padding: clamp(20px, 3vw, 32px); border: 1px solid var(--cp-border); border-radius: var(--cp-radius-lg); background: linear-gradient(180deg, rgba(255,255,255,0.78), rgba(255,255,255,1)), var(--cp-surface); box-shadow: var(--cp-shadow-sm); overflow: hidden; position: relative; transition: transform var(--cp-transition), box-shadow var(--cp-transition), border-color var(--cp-transition); } .cp-bento-card:hover { transform: translateY(-4px); box-shadow: var(--cp-shadow-md); border-color: rgba(47, 125, 92, 0.28); } .cp-bento-card::before { content: ""; position: absolute; width: 140px; height: 140px; right: -48px; top: -48px; border-radius: 999px; background: var(--cp-primary-soft); z-index: 0; } .cp-bento-card > * { position: relative; z-index: 1; } .cp-bento-card--large { min-height: 260px; grid-column: span 4; } .cp-bento-card--wide { grid-column: span 6; min-height: 160px; background: radial-gradient(circle at top right, rgba(242, 184, 75, 0.28), transparent 32%), var(--cp-primary); color: #fff; } .cp-bento-card h3, .cp-bento-card .cp-bento-card__title { margin: 0 0 10px; color: var(--cp-heading); font-size: clamp(1.1rem, 1.8vw, 1.45rem); line-height: 1.12; letter-spacing: -0.03em; } .cp-bento-card p, .cp-bento-card .cp-bento-card__text { margin: 0; color: var(--cp-muted); line-height: 1.5; } .cp-bento-card--wide h3, .cp-bento-card--wide .cp-bento-card__title, .cp-bento-card--wide p, .cp-bento-card--wide .cp-bento-card__text { color: #fff; } @media (max-width: 991px) { .cp-hero__inner { grid-template-columns: 1fr; } .cp-hero__content { max-width: 760px; } } @media (max-width: 767px) { .cp-hero { padding-block: 44px; } .cp-hero__content .cp-title { font-size: clamp(2.15rem, 11vw, 3.2rem); } .cp-hero__actions { display: grid; grid-template-columns: 1fr; } .cp-hero__bento { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 12px; padding-bottom: 8px; margin-inline: -12px; padding-inline: 12px; } .cp-bento-card, .cp-bento-card--large, .cp-bento-card--wide { min-width: 82%; min-height: 190px; scroll-snap-align: start; } } .cp-trust-bar { background: var(--cp-surface); border-block: 1px solid var(--cp-border); padding-block: 18px; } .cp-trust-bar__inner { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; } .cp-trust-item { display: flex; align-items: flex-start; gap: 12px; padding: 14px; border-radius: var(--cp-radius-sm); background: var(--cp-surface-warm); } .cp-trust-item__icon { width: 34px; height: 34px; flex: 0 0 34px; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; background: var(--cp-primary-soft); font-size: 1rem; } .cp-trust-item__title { margin: 0 0 4px; color: var(--cp-heading); font-size: 0.9rem; font-weight: 900; line-height: 1.15; } .cp-trust-item__text { margin: 0; color: var(--cp-muted); font-size: 0.78rem; line-height: 1.35; } @media (max-width: 991px) { .cp-trust-bar__inner { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 767px) { .cp-trust-bar { padding-block: 12px; } .cp-trust-bar__inner { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 10px; padding-bottom: 4px; } .cp-trust-item { min-width: 78%; scroll-snap-align: start; } } @media (max-width: 767px) { .cp-trust-bar__inner { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; overflow-x: auto !important; gap: 10px !important; padding-bottom: 6px; scroll-snap-type: x mandatory; } .cp-trust-item { min-width: 260px !important; flex: 0 0 260px !important; display: flex !important; flex-direction: row !important; align-items: flex-start !important; gap: 12px !important; scroll-snap-align: start; } .cp-trust-item__icon { flex: 0 0 34px !important; } .cp-trust-item__content { flex: 1 1 auto; } } .cp-problems .cp-problem-grid { width: 100% !important; display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 18px !important; align-items: stretch !important; } .cp-problems .cp-problem-card { width: 100% !important; min-height: 100%; display: flex !important; flex-direction: column !important; } .cp-problem-card__image { width: 100%; aspect-ratio: 16 / 10; margin-bottom: 20px; border-radius: var(--cp-radius-sm); overflow: hidden; object-fit: cover; background: var(--cp-bg-soft); } .cp-problem-card__image img { width: 100%; height: 100%; object-fit: cover; display: block; }  .cp-problem-card__title + .cp-problem-card__image { margin-top: 10px; }  .cp-problem-card__link { margin-top: auto; } @media (max-width: 991px) { .cp-problems .cp-problem-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media (max-width: 767px) { .cp-problems .cp-problem-grid { grid-template-columns: 1fr !important; } } .cp-featured-collections .cp-featured-grid { width: 100% !important; display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 18px !important; align-items: stretch !important; } .cp-featured-collections .cp-featured-card { width: 100% !important; min-height: 100% !important; display: flex !important; flex-direction: column !important; } .cp-featured-card__content { display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; } .cp-featured-card__link { margin-top: auto !important; } @media (max-width: 991px) { .cp-featured-collections .cp-featured-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media (max-width: 767px) { .cp-featured-collections .cp-featured-grid { grid-template-columns: 1fr !important; } }  .cp-home-map .cp-home-map__visual { position: relative !important; isolation: isolate; } .cp-home-map .cp-home-map__visual > .cp-map-pin { position: absolute !important; z-index: 5 !important; display: inline-flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; gap: 8px !important; width: max-content !important; max-width: max-content !important; min-width: auto !important; min-height: 38px !important; padding: 8px 13px 8px 10px !important; border-radius: 999px !important; background: rgba(255, 255, 255, 0.94) !important; color: var(--cp-text) !important; border: 1px solid rgba(230, 222, 210, 0.9) !important; box-shadow: 0 12px 34px rgba(32, 32, 30, 0.14) !important; font-size: 0.84rem !important; font-weight: 900 !important; line-height: 1 !important; text-decoration: none !important; white-space: nowrap !important; backdrop-filter: blur(14px); } .cp-home-map .cp-home-map__visual > .cp-map-pin::before { content: ""; width: 12px; height: 12px; flex: 0 0 12px; border-radius: 999px; background: var(--cp-primary); box-shadow: 0 0 0 6px rgba(47, 125, 92, 0.16); }  .cp-home-map .cp-map-pin--kitchen { left: 8% !important; top: 16% !important; } .cp-home-map .cp-map-pin--living { left: 36% !important; top: 22% !important; } .cp-home-map .cp-map-pin--bathroom { right: 8% !important; top: 18% !important; } .cp-home-map .cp-map-pin--bedroom { left: 18% !important; top: 46% !important; } .cp-home-map .cp-map-pin--garage { right: 10% !important; top: 45% !important; } .cp-home-map .cp-map-pin--laundry { left: 8% !important; bottom: 20% !important; } .cp-home-map .cp-map-pin--garden { left: 36% !important; bottom: 12% !important; } .cp-home-map .cp-map-pin--security { right: 10% !important; bottom: 22% !important; } .cp-home-map .cp-map-pin--tools { right: 34% !important; bottom: 40% !important; }  @media (max-width: 767px) { .cp-home-map .cp-home-map__visual { display: grid !important; grid-template-columns: 1fr !important; gap: 10px !important; overflow: visible !important; } .cp-home-map .cp-home-map__visual > .cp-map-pin { position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; width: 100% !important; max-width: 100% !important; min-height: 46px !important; background: var(--cp-surface) !important; } } .cp-campaign { background: var(--cp-surface); } .cp-campaign__inner { position: relative; display: grid; grid-template-columns: 0.9fr 1.1fr; gap: clamp(28px, 5vw, 72px); align-items: center; padding: clamp(32px, 5vw, 64px); border-radius: calc(var(--cp-radius-lg) + 10px); overflow: hidden; background: radial-gradient(circle at top right, rgba(242, 184, 75, 0.35), transparent 34%), linear-gradient(135deg, var(--cp-primary), var(--cp-primary-dark)); color: #fff; box-shadow: var(--cp-shadow-lg); } .cp-campaign__inner::before { content: ""; position: absolute; inset: auto -80px -120px auto; width: 320px; height: 320px; border-radius: 999px; background: rgba(255, 255, 255, 0.09); pointer-events: none; } .cp-campaign__inner::after { content: ""; position: absolute; inset: -120px auto auto -90px; width: 260px; height: 260px; border-radius: 999px; background: rgba(255, 255, 255, 0.08); pointer-events: none; } .cp-campaign__content, .cp-campaign__visual { position: relative; z-index: 1; } .cp-campaign .cp-eyebrow { color: var(--cp-accent-soft); } .cp-campaign__title { max-width: 720px; margin: 0 0 18px; color: #fff; font-size: clamp(2rem, 4vw, 4.1rem); line-height: 1.02; letter-spacing: -0.045em; font-weight: 950; } .cp-campaign__text { max-width: 560px; margin: 0 0 26px; color: rgba(255, 255, 255, 0.86); font-size: clamp(1rem, 1.25vw, 1.12rem); line-height: 1.65; } .cp-campaign__actions { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; } .cp-campaign .cp-btn--primary { background: #fff; color: var(--cp-primary-dark); } .cp-campaign .cp-btn--primary:hover { background: var(--cp-accent-soft); color: var(--cp-primary-dark); } .cp-campaign__note { color: rgba(255, 255, 255, 0.78); font-size: 0.88rem; font-weight: 700; } .cp-campaign__visual { min-height: 420px; border-radius: var(--cp-radius-lg); overflow: hidden; border: 1px solid rgba(255,255,255,0.22); box-shadow: 0 30px 90px rgba(0,0,0,0.22); } .cp-campaign__image { width: 100%; height: 100%; min-height: 420px; display: block; object-fit: cover; } .cp-campaign__image img { width: 100%; height: 100%; min-height: 420px; display: block; object-fit: cover; } .cp-campaign__badge { position: absolute; top: 18px; left: 18px; display: inline-flex; align-items: center; min-height: 38px; padding: 8px 14px; border-radius: 999px; background: rgba(255,255,255,0.94); color: var(--cp-primary-dark); font-size: 0.82rem; font-weight: 950; box-shadow: 0 14px 36px rgba(0,0,0,0.14); backdrop-filter: blur(14px); } .cp-campaign__floating { position: absolute; right: 18px; bottom: 18px; max-width: 290px; padding: 16px 18px; border-radius: var(--cp-radius-md); background: rgba(255,255,255,0.92); color: var(--cp-text); font-size: 0.95rem; font-weight: 900; line-height: 1.35; box-shadow: 0 18px 50px rgba(0,0,0,0.18); backdrop-filter: blur(14px); } @media (max-width: 991px) { .cp-campaign__inner { grid-template-columns: 1fr; } .cp-campaign__visual, .cp-campaign__image, .cp-campaign__image img { min-height: 360px; } } @media (max-width: 767px) { .cp-campaign__inner { padding: 28px; border-radius: var(--cp-radius-lg); } .cp-campaign__actions { display: grid; grid-template-columns: 1fr; } .cp-campaign__note { text-align: center; } .cp-campaign__visual, .cp-campaign__image, .cp-campaign__image img { min-height: 280px; } .cp-campaign__floating { left: 14px; right: 14px; bottom: 14px; max-width: none; text-align: center; } } .cp-social-proof .cp-social-proof__inner { width: 100% !important; display: grid !important; grid-template-columns: 0.85fr 1.15fr !important; gap: clamp(32px, 6vw, 80px) !important; align-items: center !important; } .cp-social-proof .cp-social-proof__panel { display: grid !important; gap: 16px !important; padding: clamp(22px, 4vw, 36px) !important; border: 1px solid var(--cp-border) !important; border-radius: calc(var(--cp-radius-lg) + 8px) !important; background: var(--cp-surface) !important; box-shadow: var(--cp-shadow-lg) !important; } .cp-social-proof .cp-social-proof__highlight { padding: clamp(22px, 4vw, 34px) !important; border-radius: var(--cp-radius-lg) !important; background: radial-gradient(circle at top right, rgba(242, 184, 75, 0.28), transparent 32%), var(--cp-primary) !important; color: #fff !important; } .cp-social-proof .cp-social-proof__quote { margin: 0 0 14px !important; color: #fff !important; font-size: clamp(1.15rem, 2vw, 1.55rem) !important; line-height: 1.35 !important; font-weight: 900 !important; letter-spacing: -0.03em !important; } .cp-social-proof .cp-social-proof__author { margin: 0 !important; color: rgba(255, 255, 255, 0.78) !important; font-size: 0.9rem !important; font-weight: 700 !important; } .cp-social-proof .cp-social-proof__list { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 12px !important; } .cp-social-proof .cp-social-proof__item { padding: 18px !important; border-radius: var(--cp-radius-md) !important; background: var(--cp-bg) !important; border: 1px solid var(--cp-border) !important; } .cp-social-proof .cp-social-proof__item-title { margin: 0 0 6px !important; color: var(--cp-heading) !important; font-size: 0.95rem !important; font-weight: 950 !important; line-height: 1.2 !important; } .cp-social-proof .cp-social-proof__item-text { margin: 0 !important; color: var(--cp-muted) !important; font-size: 0.84rem !important; line-height: 1.45 !important; } .cp-social-proof .cp-social-proof__review-note { margin: 0 !important; padding-top: 4px !important; color: var(--cp-muted) !important; font-size: 0.86rem !important; line-height: 1.5 !important; } @media (max-width: 991px) { .cp-social-proof .cp-social-proof__inner { grid-template-columns: 1fr !important; } } @media (max-width: 767px) { .cp-social-proof .cp-social-proof__panel { padding: 18px !important; border-radius: var(--cp-radius-lg) !important; } .cp-social-proof .cp-social-proof__list { grid-template-columns: 1fr !important; } } .cp-social-proof .cp-container { width: min(var(--cp-container), calc(100% - 32px)) !important; margin-inline: auto !important; } .cp-social-proof__content { padding-left: clamp(12px, 2vw, 24px); } @media (max-width: 767px) { .cp-social-proof__content { padding-left: 0; } } .cp-footer { background: radial-gradient(circle at top left, rgba(47, 125, 92, 0.18), transparent 28%), var(--cp-text); color: #fff; padding-top: clamp(56px, 7vw, 90px); } .cp-footer__inner { display: grid; grid-template-columns: 0.9fr 1.6fr; gap: clamp(36px, 6vw, 88px); padding-bottom: clamp(36px, 5vw, 58px); } .cp-footer__brand { max-width: 460px; } .cp-footer__logo { margin: 0 0 16px; color: #fff; font-size: clamp(1.6rem, 2.4vw, 2.2rem); font-weight: 950; letter-spacing: -0.045em; line-height: 1; } .cp-footer__description { margin: 0 0 22px; color: rgba(255, 255, 255, 0.74); line-height: 1.65; font-size: 0.96rem; } .cp-footer__company { display: grid; gap: 8px; padding: 18px; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: var(--cp-radius-md); background: rgba(255, 255, 255, 0.055); } .cp-footer__company-text { margin: 0; color: rgba(255, 255, 255, 0.72); font-size: 0.84rem; line-height: 1.45; } .cp-footer__columns { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(18px, 3vw, 32px); } .cp-footer__title { margin: 0 0 16px; color: #fff; font-size: 0.92rem; font-weight: 950; line-height: 1.2; letter-spacing: -0.01em; } .cp-footer__list { display: grid; gap: 10px; } .cp-footer__link { color: rgba(255, 255, 255, 0.66); text-decoration: none; font-size: 0.88rem; line-height: 1.35; transition: color var(--cp-transition), transform var(--cp-transition); } .cp-footer__link:hover { color: #fff; transform: translateX(3px); } .cp-footer__security, .cp-footer__payments, .cp-footer__social { padding-block: clamp(24px, 4vw, 36px); border-top: 1px solid rgba(255, 255, 255, 0.11); } .cp-footer__security-grid, .cp-footer__payment-list, .cp-footer__social-list { display: flex; flex-wrap: wrap; gap: 10px; } .cp-footer__security-item { display: inline-flex; align-items: center; min-height: 38px; padding: 9px 14px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, 0.13); background: rgba(255, 255, 255, 0.065); color: rgba(255, 255, 255, 0.82); font-size: 0.84rem; font-weight: 800; line-height: 1; } .cp-footer__social-link { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 9px 14px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, 0.13); background: rgba(255, 255, 255, 0.065); color: rgba(255, 255, 255, 0.82); text-decoration: none; font-size: 0.84rem; font-weight: 850; line-height: 1; transition: background var(--cp-transition), color var(--cp-transition), transform var(--cp-transition); } .cp-footer__social-link:hover { transform: translateY(-2px); background: #fff; color: var(--cp-primary-dark); } .cp-footer__bottom { display: flex; justify-content: space-between; gap: 20px; padding-block: 22px; border-top: 1px solid rgba(255, 255, 255, 0.11); } .cp-footer__copy, .cp-footer__legal-note { margin: 0; color: rgba(255, 255, 255, 0.58); font-size: 0.82rem; line-height: 1.5; } @media (max-width: 1100px) { .cp-footer__columns { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 991px) { .cp-footer__inner { grid-template-columns: 1fr; } .cp-footer__brand { max-width: 720px; } } @media (max-width: 767px) { .cp-footer { padding-top: 48px; } .cp-footer__columns { grid-template-columns: 1fr; } .cp-footer__bottom { flex-direction: column; } .cp-footer__security-grid, .cp-footer__payment-list, .cp-footer__social-list { display: grid; grid-template-columns: 1fr; } .cp-footer__security-item, .cp-footer__social-link { width: 100%; justify-content: center; } }  .cp-footer { padding-top: clamp(42px, 5vw, 64px) !important; } .cp-footer__inner { display: grid !important; grid-template-columns: minmax(280px, 0.9fr) minmax(0, 1.7fr) !important; gap: clamp(32px, 5vw, 72px) !important; padding-bottom: clamp(28px, 4vw, 42px) !important; } .cp-footer__description { max-width: 420px; margin-bottom: 18px !important; } .cp-footer__company { max-width: 430px; padding: 14px 16px !important; } .cp-footer__columns { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: clamp(18px, 2.5vw, 30px) !important; } .cp-footer__title { margin: 0 0 12px !important; color: #fff !important; font-size: 0.84rem !important; font-weight: 950 !important; line-height: 1.2 !important; } .cp-footer__list { gap: 7px !important; } .cp-footer__link { font-size: 0.8rem !important; line-height: 1.32 !important; }  .cp-footer__meta { display: grid !important; grid-template-columns: 0.9fr 1.3fr 0.9fr !important; gap: 28px !important; padding-block: 24px !important; border-top: 1px solid rgba(255, 255, 255, 0.11) !important; } .cp-footer__block { min-width: 0; } .cp-footer__security, .cp-footer__payments, .cp-footer__social { padding-block: 0 !important; border-top: 0 !important; } .cp-footer__security-grid, .cp-footer__payment-list, .cp-footer__social-list { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; }  .cp-footer__security-item, .cp-footer__social-link { min-height: 32px !important; padding: 7px 11px !important; font-size: 0.75rem !important; border-radius: 999px !important; }  .cp-footer__security-icon { width: 34px !important; height: 34px !important; min-width: 34px !important; min-height: 34px !important; font-size: 18px !important; border-radius: 999px !important; }  .cp-footer__security-item svg, .cp-footer__security-item i { width: 18px !important; height: 18px !important; font-size: 18px !important; }  .cp-footer__social .cp-footer__title, .cp-footer__payments .cp-footer__title, .cp-footer__security .cp-footer__title { font-size: 0.84rem !important; }  .cp-footer__bottom { padding-block: 16px !important; } .cp-footer__copy, .cp-footer__legal-note { font-size: 0.76rem !important; }  @media (max-width: 1100px) { .cp-footer__inner { grid-template-columns: 1fr !important; } .cp-footer__columns { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .cp-footer__meta { grid-template-columns: 1fr !important; gap: 22px !important; } } @media (max-width: 767px) { .cp-footer { padding-top: 40px !important; } .cp-footer__columns { grid-template-columns: 1fr !important; } .cp-footer__meta { padding-block: 22px !important; } .cp-footer__security-grid, .cp-footer__payment-list, .cp-footer__social-list { display: flex !important; flex-wrap: wrap !important; } .cp-footer__security-item, .cp-footer__social-link { width: auto !important; justify-content: center !important; } .cp-footer__bottom { flex-direction: column !important; gap: 8px !important; } } .cp-footer__meta { padding-block: 20px !important; } .cp-footer__inner { padding-bottom: 32px !important; } .cp-footer__bottom { padding-block: 14px !important; } .cp-ai-assistant { background: radial-gradient(circle at top left, rgba(47, 125, 92, 0.14), transparent 32%), radial-gradient(circle at bottom right, rgba(242, 184, 75, 0.18), transparent 30%), var(--cp-bg); } .cp-ai-assistant__inner { display: grid; grid-template-columns: 0.82fr 1.18fr; gap: clamp(32px, 6vw, 84px); align-items: center; } .cp-ai-assistant__content { max-width: 560px; } .cp-ai-assistant__content .cp-title { margin-bottom: 18px; font-size: clamp(2rem, 4vw, 3.8rem); } .cp-ai-assistant__content .cp-text { margin-bottom: 24px; } .cp-ai-assistant__benefits { display: grid; gap: 10px; } .cp-ai-assistant__benefit { display: flex; align-items: center; gap: 10px; margin: 0; color: var(--cp-text); font-weight: 800; } .cp-ai-assistant__benefit::before { content: "✓"; width: 24px; height: 24px; flex: 0 0 24px; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; background: var(--cp-primary-soft); color: var(--cp-primary); font-size: 0.8rem; font-weight: 950; } .cp-ai-assistant__box { position: relative; padding: clamp(22px, 4vw, 38px); border: 1px solid rgba(230, 222, 210, 0.9); border-radius: calc(var(--cp-radius-lg) + 12px); background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(255,255,255,1)), var(--cp-surface); box-shadow: var(--cp-shadow-lg); overflow: hidden; } .cp-ai-assistant__box::before { content: ""; position: absolute; width: 220px; height: 220px; right: -90px; top: -90px; border-radius: 999px; background: rgba(47, 125, 92, 0.1); pointer-events: none; } .cp-ai-assistant__box::after { content: ""; position: absolute; width: 180px; height: 180px; left: -80px; bottom: -100px; border-radius: 999px; background: rgba(242, 184, 75, 0.16); pointer-events: none; } .cp-ai-assistant__box > * { position: relative; z-index: 1; } .cp-ai-assistant__head { display: flex; align-items: center; gap: 14px; margin-bottom: 18px; } .cp-ai-assistant__avatar { width: 54px; height: 54px; flex: 0 0 54px; border-radius: 999px; background: radial-gradient(circle at 70% 25%, rgba(242,184,75,.65), transparent 34%), linear-gradient(135deg, var(--cp-primary), var(--cp-primary-dark)); position: relative; box-shadow: 0 14px 34px rgba(47, 125, 92, 0.22); } .cp-ai-assistant__avatar::before { content: "✦"; position: absolute; inset: 0; display: grid; place-items: center; color: #fff; font-size: 1.35rem; font-weight: 900; } .cp-ai-assistant__avatar::after { content: ""; position: absolute; right: 3px; bottom: 3px; width: 13px; height: 13px; border: 2px solid #fff; border-radius: 999px; background: #2ECC71; } .cp-ai-assistant__head h3 { margin: 0 0 4px; color: var(--cp-heading); font-size: 1.28rem; font-weight: 950; letter-spacing: -0.03em; } .cp-ai-assistant__status { margin: 0; color: var(--cp-muted); font-size: 0.9rem; line-height: 1.35; } .cp-ai-assistant__mini-trust { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; } .cp-ai-assistant__mini-trust span { display: inline-flex; align-items: center; min-height: 30px; padding: 7px 11px; border-radius: 999px; background: var(--cp-primary-soft); color: var(--cp-primary-dark); font-size: 0.76rem; font-weight: 900; } .cp-ai-assistant__form { display: grid; gap: 13px; } .cp-ai-assistant__label { color: var(--cp-heading); font-size: 0.86rem; font-weight: 950; line-height: 1.2; } .cp-ai-assistant__textarea { width: 100%; min-height: 170px; padding: 18px; resize: vertical; border: 1px solid var(--cp-border); border-radius: var(--cp-radius-md); background: var(--cp-bg); color: var(--cp-text); font: inherit; outline: none; line-height: 1.55; transition: border-color var(--cp-transition), box-shadow var(--cp-transition), background var(--cp-transition); } .cp-ai-assistant__textarea:focus { border-color: rgba(47, 125, 92, 0.55); background: #fff; box-shadow: 0 0 0 4px rgba(47, 125, 92, 0.12); } .cp-ai-assistant__suggestions { display: flex; flex-wrap: wrap; gap: 8px; } .cp-ai-assistant__chip { min-height: 34px; padding: 7px 12px; border: 1px solid var(--cp-border); border-radius: 999px; background: var(--cp-surface); color: var(--cp-muted); font-size: 0.78rem; font-weight: 850; cursor: pointer; transition: background var(--cp-transition), color var(--cp-transition), border-color var(--cp-transition), transform var(--cp-transition); } .cp-ai-assistant__chip:hover { transform: translateY(-1px); background: var(--cp-primary-soft); color: var(--cp-primary-dark); border-color: rgba(47, 125, 92, 0.2); } .cp-ai-assistant__button { min-height: 54px; border: 0; border-radius: var(--cp-radius-pill); background: linear-gradient(135deg, var(--cp-primary), var(--cp-primary-dark)); color: #fff; font-weight: 950; cursor: pointer; box-shadow: 0 16px 34px rgba(47, 125, 92, 0.22); transition: transform var(--cp-transition), filter var(--cp-transition); } .cp-ai-assistant__button:hover { transform: translateY(-2px); filter: brightness(0.98); } .cp-ai-assistant__button[disabled] { opacity: 0.68; cursor: wait; } .cp-ai-assistant__loading { display: none; padding: 14px 16px; border-radius: var(--cp-radius-md); background: var(--cp-accent-soft); color: #7a5a10; font-size: 0.9rem; font-weight: 800; line-height: 1.45; } .cp-ai-assistant__loading.is-visible { display: block; } .cp-ai-assistant__result { display: none; padding: clamp(18px, 3vw, 24px); border-radius: var(--cp-radius-md); background: radial-gradient(circle at top right, rgba(242, 184, 75, 0.24), transparent 32%), var(--cp-primary-soft); color: var(--cp-primary-dark); line-height: 1.62; font-size: 0.96rem; white-space: pre-line; border: 1px solid rgba(47, 125, 92, 0.14); } .cp-ai-assistant__result.is-visible { display: block; } .cp-ai-assistant__whatsapp { display: none; min-height: 52px; align-items: center; justify-content: center; padding-inline: 18px; border-radius: var(--cp-radius-pill); background: #25D366; color: #fff; font-weight: 950; text-decoration: none; box-shadow: 0 16px 34px rgba(37, 211, 102, 0.2); transition: transform var(--cp-transition), filter var(--cp-transition); } .cp-ai-assistant__whatsapp:hover { color: #fff; transform: translateY(-2px); filter: brightness(0.96); } .cp-ai-assistant__whatsapp.is-visible { display: inline-flex; } .cp-ai-assistant__note { margin: 0; color: var(--cp-muted); font-size: 0.82rem; line-height: 1.45; } @media (max-width: 991px) { .cp-ai-assistant__inner { grid-template-columns: 1fr; } .cp-ai-assistant__content { max-width: 720px; } } @media (max-width: 767px) { .cp-ai-assistant__box { padding: 20px; border-radius: var(--cp-radius-lg); } .cp-ai-assistant__textarea { min-height: 150px; } .cp-ai-assistant__suggestions { display: grid; grid-template-columns: 1fr; } .cp-ai-assistant__chip { width: 100%; text-align: left; } }