.collection-showcase{--showcase-brown: #8B6914;--showcase-brown-hover: #7A5C12;--showcase-brown-light: #C4A35A;--showcase-cream: #FAF6F0;--showcase-cream-dark: #F0E8D8;--showcase-badge-bg: #8B6914;--showcase-badge-text: #FFFFFF;--showcase-border: #E0D6C8;--showcase-text: #2C2C2C;--showcase-text-light: #6B6B6B;--showcase-success: #4A8C5C;--showcase-card-radius: 12px;--showcase-transition: .3s ease}.showcase-grid{display:grid;grid-template-columns:1fr;gap:var(--showcase-gap, 24px);padding:0 16px;list-style:none;margin:0}@media screen and (min-width:750px){.showcase-grid{grid-template-columns:repeat(var(--showcase-columns, 3),1fr);padding:0}}.showcase-card{background:var(--showcase-cream);border-radius:var(--showcase-card-radius);overflow:hidden;position:relative;display:flex;flex-direction:column;border:1px solid var(--showcase-border);transition:box-shadow var(--showcase-transition)}.showcase-card:hover{box-shadow:0 8px 32px #00000014}.showcase-card__gallery{position:relative;overflow:hidden}.showcase-card__main-image{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block}.showcase-card__main-image-link{display:block;position:relative}.showcase-card__slideshow{position:relative;overflow:hidden}.showcase-card__slides{display:flex;transition:transform .4s ease}.showcase-card__slide{min-width:100%;aspect-ratio:4 / 3}.showcase-card__slide img{width:100%;height:100%;object-fit:cover;display:block}.showcase-card__slide-nav{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:#ffffffd9;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;opacity:0;transition:opacity var(--showcase-transition);box-shadow:0 2px 8px #0000001a}.showcase-card__gallery:hover .showcase-card__slide-nav{opacity:1}.showcase-card__slide-nav--prev{left:8px}.showcase-card__slide-nav--next{right:8px}.showcase-card__slide-nav svg{width:16px;height:16px;fill:none;stroke:var(--showcase-text);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.showcase-card__thumbnails{display:flex;gap:6px;padding:8px 12px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.showcase-card__thumbnails::-webkit-scrollbar{display:none}.showcase-card__thumbnail{width:48px;height:48px;min-width:48px;border-radius:6px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color var(--showcase-transition);opacity:.6;transition:opacity var(--showcase-transition),border-color var(--showcase-transition)}.showcase-card__thumbnail.is-active{border-color:var(--showcase-brown);opacity:1}.showcase-card__thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.showcase-card__badge{position:absolute;bottom:60px;right:12px;background:var(--showcase-badge-bg);color:var(--showcase-badge-text);font-size:.75rem;font-weight:600;padding:6px 14px;border-radius:20px;z-index:2;letter-spacing:.02em}.showcase-card__info{padding:16px;display:flex;flex-direction:column;gap:4px}.showcase-card__model{font-size:.875rem;color:var(--showcase-text-light);font-weight:400}.showcase-card__price-row{display:flex;align-items:baseline;gap:8px}.showcase-card__price{font-size:1.5rem;font-weight:700;color:var(--showcase-text);line-height:1.2}.showcase-card__price-label{font-size:.8125rem;color:var(--showcase-text-light);font-weight:400}.showcase-card__builder-trigger{margin:0 16px 16px;padding:14px 20px;background:var(--showcase-cream-dark);border:1px solid var(--showcase-border);border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:background var(--showcase-transition);font-family:inherit;width:calc(100% - 32px)}.showcase-card__builder-trigger:hover{background:var(--showcase-border)}.showcase-card__builder-trigger-text{font-size:.9375rem;font-weight:600;color:var(--showcase-text)}.showcase-card__builder-trigger-icon{width:20px;height:20px;stroke:var(--showcase-text);fill:none;stroke-width:2}.package-builder-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.package-builder-overlay.is-open{opacity:1;visibility:visible}.package-builder{position:fixed;bottom:0;left:0;right:0;background:#fff;border-radius:20px 20px 0 0;z-index:1000;max-height:85vh;overflow-y:auto;transform:translateY(100%);visibility:hidden;transition:transform .4s cubic-bezier(.32,.72,0,1),visibility .4s ease;box-shadow:0 -4px 32px #0000001f}.package-builder.is-open{transform:translateY(0);visibility:visible}@media screen and (min-width:750px){.package-builder{left:50%;right:auto;transform:translate(-50%,100%);width:480px;max-height:90vh;border-radius:20px 20px 0 0}.package-builder.is-open{transform:translate(-50%)}}.package-builder__header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 16px;border-bottom:1px solid #F0F0F0;position:sticky;top:0;background:#fff;z-index:1}.package-builder__title{font-size:1.125rem;font-weight:700;color:var(--showcase-text)}.package-builder__close{width:32px;height:32px;border-radius:50%;border:1px solid #E0E0E0;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--showcase-transition)}.package-builder__close:hover{background:#f5f5f5}.package-builder__close svg{width:14px;height:14px;stroke:var(--showcase-text);fill:none;stroke-width:2}.package-builder__toggle{display:flex;margin:16px 20px;background:#f5f0e8;border-radius:10px;padding:4px}.package-builder__toggle-btn{flex:1;padding:12px 16px;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--showcase-transition);background:transparent;color:var(--showcase-text-light);display:flex;align-items:center;justify-content:center;gap:8px;font-family:inherit}.package-builder__toggle-btn.is-active{background:var(--showcase-brown);color:#fff;box-shadow:0 2px 8px #8b691440}.package-builder__toggle-check{width:16px;height:16px;border-radius:50%;border:2px solid currentColor;display:flex;align-items:center;justify-content:center}.package-builder__toggle-btn.is-active .package-builder__toggle-check{background:#fff;border-color:#fff}.package-builder__toggle-btn.is-active .package-builder__toggle-check svg{stroke:var(--showcase-brown)}.package-builder__toggle-check svg{width:10px;height:10px;stroke:currentColor;fill:none;stroke-width:2.5}.package-builder__steps{display:flex;align-items:center;justify-content:center;padding:16px 20px 8px;gap:0}.package-builder__step{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;cursor:pointer;min-width:80px}.package-builder__step-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f5f0e8;border:2px solid #E0D6C8;transition:all var(--showcase-transition);z-index:1}.package-builder__step.is-active .package-builder__step-icon,.package-builder__step.is-completed .package-builder__step-icon{background:var(--showcase-brown);border-color:var(--showcase-brown)}.package-builder__step-icon svg{width:22px;height:22px;fill:none;stroke:var(--showcase-text-light);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.package-builder__step.is-active .package-builder__step-icon svg,.package-builder__step.is-completed .package-builder__step-icon svg{stroke:#fff}.package-builder__step-label{font-size:.75rem;font-weight:600;color:var(--showcase-text-light);white-space:nowrap}.package-builder__step.is-active .package-builder__step-label,.package-builder__step.is-completed .package-builder__step-label{color:var(--showcase-brown)}.package-builder__step-connector{flex:1;height:2px;background:#e0d6c8;min-width:40px;margin-top:-22px}.package-builder__step-connector.is-completed{background:var(--showcase-brown)}.package-builder__panel{display:none;padding:16px 20px}.package-builder__panel.is-active{display:block}.package-builder__panel-title{font-size:.9375rem;font-weight:700;color:var(--showcase-text);margin-bottom:12px}.package-builder__items{display:flex;flex-direction:column;gap:10px}.package-builder__item{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #E0E0E0;border-radius:10px;cursor:pointer;transition:all var(--showcase-transition);background:#fff}.package-builder__item:hover{border-color:var(--showcase-brown-light);background:#fdfbf7}.package-builder__item.is-selected{border-color:var(--showcase-brown);background:#fbf8f2}.package-builder__item-check{width:22px;height:22px;min-width:22px;border-radius:6px;border:2px solid #D0D0D0;display:flex;align-items:center;justify-content:center;transition:all var(--showcase-transition)}.package-builder__item.is-selected .package-builder__item-check{background:var(--showcase-success);border-color:var(--showcase-success)}.package-builder__item-check svg{width:12px;height:12px;stroke:#fff;fill:none;stroke-width:2.5;opacity:0}.package-builder__item.is-selected .package-builder__item-check svg{opacity:1}.package-builder__item--radio .package-builder__item-check{border-radius:50%}.package-builder__item-details{flex:1}.package-builder__item-name{font-size:.875rem;font-weight:600;color:var(--showcase-text)}.package-builder__item-price{font-size:.8125rem;color:var(--showcase-text-light);margin-top:2px}.package-builder__summary{padding:0 20px;margin-bottom:12px}.package-builder__summary-title{font-size:.9375rem;font-weight:700;color:var(--showcase-text);margin-bottom:10px}.package-builder__summary-list{display:flex;flex-direction:column;gap:6px}.package-builder__summary-item{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--showcase-text)}.package-builder__summary-item-icon{width:18px;height:18px;min-width:18px;border-radius:50%;background:var(--showcase-success);display:flex;align-items:center;justify-content:center}.package-builder__summary-item-icon svg{width:10px;height:10px;stroke:#fff;fill:none;stroke-width:3}.package-builder__pricing{margin:12px 20px;padding:16px;background:var(--showcase-cream);border-radius:12px;border:1px solid var(--showcase-border)}.package-builder__pricing-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.package-builder__pricing-label{font-size:.8125rem;color:var(--showcase-text-light);font-weight:500}.package-builder__pricing-total{font-size:1.75rem;font-weight:700;color:var(--showcase-text);line-height:1.2}.package-builder__pricing-savings{display:inline-block;background:var(--showcase-success);color:#fff;font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:14px;margin-left:8px}.package-builder__pricing-monthly{font-size:.8125rem;color:var(--showcase-text-light);margin-top:6px}.package-builder__pricing-monthly strong{font-size:1rem;color:var(--showcase-text)}.package-builder__ctas{padding:16px 20px 24px;display:flex;flex-direction:column;gap:10px}.package-builder__cta-primary{width:100%;padding:16px;background:var(--showcase-brown);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:background var(--showcase-transition);font-family:inherit}.package-builder__cta-primary:hover{background:var(--showcase-brown-hover)}.package-builder__cta-link{text-align:center;font-size:.8125rem;color:var(--showcase-text-light);text-decoration:underline;cursor:pointer;background:none;border:none;font-family:inherit}.package-builder__cta-secondary{width:100%;padding:14px;background:transparent;color:var(--showcase-brown);border:2px solid var(--showcase-brown);border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all var(--showcase-transition);font-family:inherit}.package-builder__cta-secondary:hover{background:var(--showcase-cream)}.showcase-section__header{margin-bottom:32px}.showcase-section__heading{font-size:2rem;font-weight:700;color:var(--color-foreground-heading, var(--showcase-text))}.package-builder[data-mode=tractor-only] .package-builder__steps,.package-builder[data-mode=tractor-only] .package-builder__panel,.package-builder[data-mode=tractor-only] .package-builder__summary,.package-builder[data-mode=tractor-only] [data-builder-continue]{display:none}@media screen and (max-width:749px){.showcase-card__badge{bottom:56px;right:8px;font-size:.6875rem;padding:5px 10px}.showcase-card__price{font-size:1.25rem}.showcase-card__thumbnail{width:40px;height:40px;min-width:40px}.package-builder__pricing-total{font-size:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/collection-product-showcase.css.map */