body{overflow-x:hidden}:root{--lopkin-green: #21a447;--lopkin-green-light: #2ebd56;--lopkin-green-dark: #1a8339;--lopkin-bg: #ffffff;--lopkin-bg-alt: #f8f9fa;--lopkin-bg-dark: #1a1a2e;--lopkin-text: #1a1a2e;--lopkin-text-light: #6c757d;--lopkin-text-on-dark: #ffffff;--lopkin-border: #dee2e6;--lopkin-radius: 12px;--lopkin-radius-lg: 16px;--lopkin-shadow: 0 2px 8px rgba(0, 0, 0, .08);--lopkin-shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--lopkin-max-width: 1200px;--lopkin-section-py: 80px;--lopkin-section-py-mobile: 48px}.lopkin-section{padding:var(--lopkin-section-py-mobile) 20px;max-width:var(--lopkin-max-width);margin:0 auto}@media(min-width:750px){.lopkin-section{padding:var(--lopkin-section-py) 40px}}.lopkin-section--full{max-width:100%;padding-left:0;padding-right:0}.lopkin-section--dark{background:var(--lopkin-bg-dark);color:var(--lopkin-text-on-dark)}.lopkin-section--alt{background:var(--lopkin-bg-alt)}.lopkin-section__inner{max-width:var(--lopkin-max-width);margin:0 auto;padding:0 20px}@media(min-width:750px){.lopkin-section__inner{padding:0 40px}}.lopkin-section__header{text-align:center;margin-bottom:48px}.lopkin-section__eyebrow{display:inline-block;font-size:1.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--lopkin-green);margin-bottom:12px}.lopkin-section__title{font-size:2rem;font-weight:700;line-height:1.2;margin:0 0 16px;color:var(--lopkin-text)}.lopkin-section--dark .lopkin-section__title{color:var(--lopkin-text-on-dark)}@media(min-width:750px){.lopkin-section__title{font-size:3rem}}.lopkin-section__subtitle{font-size:1.4rem;color:var(--lopkin-text-light);max-width:640px;margin:0 auto;line-height:1.6}.lopkin-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;font-size:1.4rem;font-weight:600;border-radius:var(--lopkin-radius);border:2px solid transparent;cursor:pointer;text-decoration:none;transition:all .2s ease;line-height:1.4}.lopkin-btn--primary{background:var(--lopkin-green);color:#fff;border-color:var(--lopkin-green)}.lopkin-btn--primary:hover{background:var(--lopkin-green-dark);border-color:var(--lopkin-green-dark)}.lopkin-btn--secondary{background:transparent;color:var(--lopkin-green);border-color:var(--lopkin-green)}.lopkin-btn--secondary:hover{background:var(--lopkin-green);color:#fff}.lopkin-btn--white{background:#fff;color:var(--lopkin-green);border-color:#fff}.lopkin-btn--white:hover{background:#ffffffe6}.lopkin-btn--large{padding:16px 40px;font-size:1.6rem}.lopkin-btn--full{width:100%}.lopkin-grid{display:grid;gap:24px}.lopkin-grid--2,.lopkin-grid--3{grid-template-columns:1fr}.lopkin-grid--4{grid-template-columns:1fr 1fr}@media(min-width:750px){.lopkin-grid--2{grid-template-columns:repeat(2,1fr)}.lopkin-grid--3{grid-template-columns:repeat(3,1fr)}.lopkin-grid--4{grid-template-columns:repeat(4,1fr)}}.lopkin-card{background:#fff;border-radius:var(--lopkin-radius);padding:28px 24px;box-shadow:var(--lopkin-shadow);transition:box-shadow .2s ease,transform .2s ease}.lopkin-card:hover{box-shadow:var(--lopkin-shadow-lg);transform:translateY(-2px)}.lopkin-card__icon{width:48px;height:48px;margin-bottom:16px;color:var(--lopkin-green)}.lopkin-card__title{font-size:1.125rem;font-weight:600;margin:0 0 8px;color:var(--lopkin-text)}.lopkin-card__text{font-size:.9375rem;color:var(--lopkin-text-light);line-height:1.6;margin:0}.lopkin-badge{display:inline-block;padding:4px 12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:20px;background:var(--lopkin-green);color:#fff}.lopkin-accordion{border-bottom:1px solid var(--lopkin-border)}.lopkin-accordion__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:20px 0;background:none;border:none;cursor:pointer;font-size:1rem;font-weight:600;color:var(--lopkin-text);text-align:left;line-height:1.4}.lopkin-accordion__trigger:hover{color:var(--lopkin-green)}.lopkin-accordion__icon{width:20px;height:20px;flex-shrink:0;margin-left:16px;transition:transform .3s ease}.lopkin-accordion[open] .lopkin-accordion__icon{transform:rotate(45deg)}.lopkin-accordion__content{padding:0 0 20px;font-size:.9375rem;color:var(--lopkin-text-light);line-height:1.7}.lopkin-form__group{margin-bottom:16px}.lopkin-form__label{display:block;font-size:.875rem;font-weight:600;margin-bottom:6px;color:var(--lopkin-text)}.lopkin-form__input,.lopkin-form__select{width:100%;padding:12px 16px;font-size:1rem;border:1px solid var(--lopkin-border);border-radius:8px;background:#fff;color:var(--lopkin-text);transition:border-color .2s ease}.lopkin-form__input:focus,.lopkin-form__select:focus{outline:none;border-color:var(--lopkin-green);box-shadow:0 0 0 3px #2d6a4f1a}.lopkin-form__error{font-size:.8125rem;color:#dc3545;margin-top:4px;display:none}.lopkin-form__group.has-error .lopkin-form__error{display:block}.lopkin-form__group.has-error .lopkin-form__input{border-color:#dc3545}.lopkin-form__note{font-size:.8125rem;color:var(--lopkin-text-light);margin-top:4px}.lopkin-radio-group{display:flex;gap:16px;flex-wrap:wrap}.lopkin-radio-group label{display:flex;align-items:center;gap:6px;font-size:.9375rem;cursor:pointer}.lopkin-steps__item{display:flex;gap:20px;align-items:flex-start;margin-bottom:32px}.lopkin-steps__number{flex-shrink:0;width:48px;height:48px;border-radius:50%;background:var(--lopkin-green);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700}.lopkin-steps__content h4{font-size:1.125rem;font-weight:600;margin:0 0 4px;color:var(--lopkin-text)}.lopkin-steps__content p{font-size:.9375rem;color:var(--lopkin-text-light);margin:0;line-height:1.6}.lopkin-spec-table{width:100%;border-collapse:collapse;font-size:1.4rem}.lopkin-spec-table th{text-align:left;padding:10px 12px;background:var(--lopkin-bg-alt);font-weight:600;color:var(--lopkin-text);border-bottom:1px solid var(--lopkin-border)}.lopkin-spec-table td{padding:10px 12px;border-bottom:1px solid var(--lopkin-border);color:var(--lopkin-text-light)}.lopkin-spec-table td:first-child{font-weight:500;color:var(--lopkin-text);width:45%}.lopkin-pricing-card{background:#fff;border-radius:var(--lopkin-radius-lg);padding:36px 28px;box-shadow:var(--lopkin-shadow);text-align:center;position:relative;border:2px solid transparent;transition:all .3s ease}.lopkin-pricing-card--featured{border-color:var(--lopkin-green);box-shadow:var(--lopkin-shadow-lg);transform:scale(1.02)}.lopkin-pricing-card__badge{position:absolute;top:-14px;left:50%;transform:translate(-50%)}.lopkin-pricing-card__name{font-size:1.25rem;font-weight:700;margin:8px 0 4px;color:var(--lopkin-text)}.lopkin-pricing-card__desc{font-size:.875rem;color:var(--lopkin-text-light);margin:0 0 16px}.lopkin-pricing-card__price{font-size:3rem;font-weight:800;color:var(--lopkin-text);margin:0 0 24px;line-height:1}.lopkin-pricing-card__features{list-style:none;padding:0;margin:0 0 28px;text-align:left}.lopkin-pricing-card__features li{padding:8px 0;font-size:.9375rem;color:var(--lopkin-text);display:flex;align-items:flex-start;gap:10px}.lopkin-pricing-card__features li:before{content:"\2713";color:var(--lopkin-green);font-weight:700;flex-shrink:0}.lopkin-comparison-table{width:100%;border-collapse:collapse;font-size:.9375rem;background:#fff;border-radius:var(--lopkin-radius);overflow:hidden;box-shadow:var(--lopkin-shadow)}.lopkin-comparison-table th,.lopkin-comparison-table td{padding:16px 20px;text-align:left;border-bottom:1px solid var(--lopkin-border)}.lopkin-comparison-table thead th{background:var(--lopkin-bg-dark);color:#fff;font-weight:600;font-size:1rem}.lopkin-comparison-table tbody td:first-child{font-weight:600;color:var(--lopkin-text)}.lopkin-comparison-table tbody td:last-child{color:var(--lopkin-green);font-weight:600}.lopkin-gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(min-width:750px){.lopkin-gallery-grid{grid-template-columns:repeat(4,1fr)}}.lopkin-gallery-grid img{width:100%;height:200px;object-fit:cover;border-radius:var(--lopkin-radius)}@media(min-width:750px){.lopkin-gallery-grid img{height:260px}}.lopkin-map-placeholder{width:100%;height:300px;background:var(--lopkin-bg-alt);border-radius:var(--lopkin-radius);display:flex;align-items:center;justify-content:center;color:var(--lopkin-text-light);font-size:.9375rem;margin-top:32px;overflow:hidden}.lopkin-map-placeholder img{width:100%;height:100%;object-fit:cover}@media(min-width:750px){.lopkin-map-placeholder{height:400px}}.lopkin-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:20px}.lopkin-tag{display:inline-block;padding:6px 14px;font-size:.8125rem;background:var(--lopkin-bg-alt);border-radius:20px;color:var(--lopkin-text);font-weight:500}.lopkin-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media(min-width:750px){.lopkin-features-grid{grid-template-columns:repeat(3,1fr);gap:20px}}.lopkin-feature-item{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#ffffff1a;border-radius:8px;font-size:.9375rem;font-weight:500}.lopkin-feature-item svg{width:20px;height:20px;flex-shrink:0;color:var(--lopkin-green-light)}.lopkin-section--dark .lopkin-feature-item svg{color:#95d5b2}.lopkin-carousel{position:relative;overflow:hidden;border-radius:var(--lopkin-radius-lg)}.lopkin-carousel__track{display:flex;transition:transform .4s ease}.lopkin-carousel__slide{flex:0 0 100%}.lopkin-carousel__slide img{width:100%;height:300px;object-fit:cover;display:block}@media(min-width:750px){.lopkin-carousel__slide img{height:460px}}.lopkin-carousel__nav{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:8px}.lopkin-carousel__dot{width:10px;height:10px;border-radius:50%;background:#ffffff80;border:none;cursor:pointer;padding:0}.lopkin-carousel__dot.active{background:#fff}.lopkin-carousel__counter{position:absolute;bottom:16px;right:16px;background:#00000080;color:#fff;padding:4px 12px;border-radius:20px;font-size:.8125rem}.lopkin-cta-banner{text-align:center;padding:60px 20px;background:var(--lopkin-green);color:#fff}@media(min-width:750px){.lopkin-cta-banner{padding:80px 40px}}.lopkin-cta-banner__title{font-size:1.5rem;font-weight:700;margin:0 0 8px}@media(min-width:750px){.lopkin-cta-banner__title{font-size:2rem}}.lopkin-cta-banner__subtitle{font-size:1rem;opacity:.9;margin:0 0 28px}
/*# sourceMappingURL=/cdn/shop/t/7/assets/lopkin-landing.css.map */