.shop-by-boat-section{padding:var(--section-padding, 60px 0);background:var(--color-background)}.shop-by-boat-section .section-header{text-align:center;margin-bottom:48px}.shop-by-boat-section .shop-by-boat-content{display:grid;grid-template-columns:290px 1fr;gap:40px;align-items:start}@media (max-width: 1024px){.shop-by-boat-section .shop-by-boat-content{grid-template-columns:290px 1fr;gap:30px}}@media (max-width: 768px){.shop-by-boat-section .shop-by-boat-content{grid-template-columns:1fr;gap:30px}}.shop-by-boat-section .boat-brands-sidebar{border-radius:8px;background:var(--Neutro-Mouse-On, #fafafa);box-shadow:0 1px 1.5px #0003}.shop-by-boat-section .boat-brands-sidebar .boat-brands-list{display:flex;width:100%;flex-direction:column;justify-content:flex-end;align-items:flex-start;flex-shrink:0}.shop-by-boat-section .boat-brands-sidebar .boat-brand-item{width:100%;display:flex;padding:16px;justify-content:space-between;align-items:center;border-bottom:.5px solid var(--Neutro-Stroke, #d9d9d9);transition:all .2s ease;cursor:pointer}.shop-by-boat-section .boat-brands-sidebar .boat-brand-item:first-child{border-radius:8px 8px 0 0}.shop-by-boat-section .boat-brands-sidebar .boat-brand-item:last-child{border-bottom:none;border-radius:0 0 8px 8px}.shop-by-boat-section .boat-brands-sidebar .boat-brand-item.active,.shop-by-boat-section .boat-brands-sidebar .boat-brand-item:hover{background-color:#e3f2fd;border:.5px solid var(--Primary-Light-Blue, #009ee3)}.shop-by-boat-section .boat-brands-sidebar .boat-brand-item .boat-logo{display:flex;align-items:center;justify-content:center;min-width:120px;height:60px}.shop-by-boat-section .boat-brands-sidebar .boat-brand-item .boat-logo img{max-width:100%;max-height:100%;object-fit:contain}.shop-by-boat-section .boat-brands-sidebar .boat-brand-item .boat-logo .boat-logo-placeholder{display:flex;align-items:center;justify-content:center;width:120px;height:60px;background:#e9ecef;border-radius:8px;font-weight:600;color:#6c757d}.shop-by-boat-section .boat-brands-sidebar .boat-brand-item .boat-actions{flex-shrink:0}.shop-by-boat-section .boat-brands-sidebar .boat-brand-item .boat-actions .view-products-btn{display:flex;padding:4px 8px;justify-content:center;align-items:center;gap:8px;border-radius:14px;background:var(--Primary-Light-Blue, #009ee3);color:var(--Neutro-White, #fff);font-family:Source Sans Pro;font-size:16px;font-style:normal;font-weight:600;line-height:100%;letter-spacing:-.48px}.shop-by-boat-section .boat-brands-sidebar .boat-brand-item .boat-actions .view-products-btn:hover{background:#1976d2;transform:translateY(-1px);box-shadow:0 2px 8px #2196f34d}.shop-by-boat-section .boat-brands-sidebar .boat-brand-item .boat-actions .view-products-btn:active{transform:translateY(0)}.shop-by-boat-section .boat-brands-sidebar .view-all-products{margin-top:20px;padding-top:16px;border-top:1px solid var(--color-border);text-align:center}.shop-by-boat-section .boat-brands-sidebar .view-all-products .btn-outline{width:100%;padding:12px 16px;border:2px solid var(--color-primary);background:transparent;color:var(--color-primary);text-decoration:none;border-radius:6px;font-weight:500;transition:all .3s ease}.shop-by-boat-section .boat-brands-sidebar .view-all-products .btn-outline:hover{background:var(--color-primary);color:#fff}.shop-by-boat-section .boat-brands-sidebar .no-boats-message{text-align:center;padding:40px 20px;color:var(--color-foreground-75)}.shop-by-boat-section .boat-products-area{background:var(--color-background);min-height:500px;border-radius:8px;background:var(--Neutro-Mouse-On, #fafafa);box-shadow:0 1px 1.5px #0003}.shop-by-boat-section .boat-products-area .pagination-controls{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding:1rem;border-top:1px solid #e5e5e5}.shop-by-boat-section .boat-products-area .load-more-btn{padding:.75rem 1.5rem;font-size:.9rem;transition:all .3s ease}.shop-by-boat-section .boat-products-area .load-more-btn:disabled{opacity:.6;cursor:not-allowed}.shop-by-boat-section .boat-products-area .products-count{font-size:.9rem;color:#666;font-style:italic}.shop-by-boat-section .boat-products-area .load-more-container{text-align:center;margin-top:2rem}.shop-by-boat-section .boat-products-area .products-header{border-bottom:2px solid var(--color-border);color:var(--Neutro-White, #fff);font-family:Source Sans Pro;font-size:16px;font-style:normal;font-weight:400;line-height:normal;background:#032c41cc;height:105px;flex-shrink:0;border-radius:12px 12px 0 0;padding:16px}.shop-by-boat-section .boat-products-area .products-header .metafield-rich_text_field>p{margin:0;border-radius:12px}.shop-by-boat-section .boat-products-area .products-grid{min-height:400px;overflow-y:auto;max-height:1000px}.shop-by-boat-section .boat-products-area .products-grid .default-state{display:flex;align-items:center;justify-content:center;height:400px}.shop-by-boat-section .boat-products-area .products-grid .default-state .default-message{text-align:center;color:var(--color-foreground-50)}.shop-by-boat-section .boat-products-area .products-grid .default-state .default-message .boat-icon{margin-bottom:16px;color:var(--color-foreground-25)}.shop-by-boat-section .boat-products-area .products-grid .default-state .default-message p{font-size:1.125rem;margin:0;max-width:300px}.shop-by-boat-section .boat-products-area .products-grid .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px}.shop-by-boat-section .boat-products-area .products-grid .loading-state .loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.shop-by-boat-section .boat-products-area .products-grid .loading-state p{color:var(--color-foreground-75);margin:0}.shop-by-boat-section .boat-products-area .products-grid .products-container{display:none}.shop-by-boat-section .boat-products-area .products-grid .products-container.show{display:block}.shop-by-boat-section .boat-products-area .products-grid .loading-state{display:none}.shop-by-boat-section .boat-products-area .products-grid .loading-state.show{display:flex}.shop-by-boat-section .boat-products-area .products-grid .no-products-message{display:none}.shop-by-boat-section .boat-products-area .products-grid .no-products-message.show{display:flex}.shop-by-boat-section .boat-products-area .products-grid .load-more-container{display:none}.shop-by-boat-section .boat-products-area .products-grid .load-more-container.show{display:block}.shop-by-boat-section .boat-products-area .products-grid .products-grid-inner{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;padding:16px}@media (min-width: 1440px){.shop-by-boat-section .boat-products-area .products-grid .products-grid-inner{grid-template-columns:repeat(4,1fr)}}@media (max-width: 768px){.shop-by-boat-section .boat-products-area .products-grid .products-grid-inner{grid-template-columns:1fr;gap:16px}}.shop-by-boat-section .boat-products-area .products-grid .products-grid-inner product-card{background:transparent}.shop-by-boat-section .boat-products-area .products-grid .skeleton-container{display:none;margin-bottom:32px}.shop-by-boat-section .boat-products-area .products-grid .skeleton-container.show{display:block}.shop-by-boat-section .boat-products-area .products-grid .skeleton-container .products-grid-inner{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px}@media (max-width: 768px){.shop-by-boat-section .boat-products-area .products-grid .skeleton-container .products-grid-inner{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}}@media (min-width: 1440px){.shop-by-boat-section .boat-products-area .products-grid .skeleton-container .products-grid-inner{grid-template-columns:repeat(4,1fr)}}.shop-by-boat-section .boat-products-area .products-grid .skeleton-container .product-card-skeleton{background:#f8f9fa;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;position:relative;animation:skeleton-pulse 1.5s ease-in-out infinite alternate}.shop-by-boat-section .boat-products-area .products-grid .skeleton-container .product-card-skeleton .skeleton-placeholder{background:#e9ecef;border-radius:4px;position:relative;overflow:hidden}.shop-by-boat-section .boat-products-area .products-grid .skeleton-container .product-card-skeleton .skeleton-placeholder:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:skeleton-shimmer 1.5s infinite}.shop-by-boat-section .boat-products-area .products-grid .skeleton-container .product-card-skeleton .skeleton-image{aspect-ratio:4/3;background:#e9ecef;position:relative}.shop-by-boat-section .boat-products-area .products-grid .skeleton-container .product-card-skeleton .skeleton-image .skeleton-placeholder{width:100%;height:100%}.shop-by-boat-section .boat-products-area .products-grid .skeleton-container .product-card-skeleton .skeleton-badge{position:absolute;top:12px;left:12px;background:#d6d8db;border-radius:4px;padding:4px 8px;z-index:2}.shop-by-boat-section .boat-products-area .products-grid .skeleton-container .product-card-skeleton .skeleton-save{position:absolute;top:12px;right:12px;background:#ffc107;opacity:.3;border-radius:4px;padding:4px 8px;z-index:2}.shop-by-boat-section .boat-products-area .products-grid .skeleton-container .product-card-skeleton .skeleton-logo{position:absolute;bottom:12px;left:12px;z-index:2}.shop-by-boat-section .boat-products-area .products-grid .skeleton-container .product-card-skeleton .skeleton-logo-placeholder{width:60px;height:30px;background:#d6d8db}.shop-by-boat-section .boat-products-area .products-grid .skeleton-container .product-card-skeleton .product-info{padding:16px}.shop-by-boat-section .boat-products-area .products-grid .skeleton-container .product-card-skeleton .skeleton-title{margin-bottom:8px}.shop-by-boat-section .boat-products-area .products-grid .skeleton-container .product-card-skeleton .skeleton-description{margin-bottom:12px}.shop-by-boat-section .boat-products-area .products-grid .skeleton-container .product-card-skeleton .product-pricing{margin-bottom:16px}.shop-by-boat-section .boat-products-area .products-grid .skeleton-container .product-card-skeleton .skeleton-price{margin-bottom:4px}.shop-by-boat-section .boat-products-area .products-grid .skeleton-container .product-card-skeleton .skeleton-button{background:#007bff;opacity:.3;border-radius:6px;padding:12px;text-align:center}.shop-by-boat-section .boat-products-area .products-grid .skeleton-container .product-card-skeleton .skeleton-text{background:#d6d8db;border-radius:4px;margin-bottom:4px;position:relative;overflow:hidden}.shop-by-boat-section .boat-products-area .products-grid .skeleton-container .product-card-skeleton .skeleton-text:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:skeleton-shimmer 1.5s infinite}.shop-by-boat-section .boat-products-area .products-grid .skeleton-container .product-card-skeleton .skeleton-text-sm{height:12px;width:60%}.shop-by-boat-section .boat-products-area .products-grid .skeleton-container .product-card-skeleton .skeleton-text-md{height:14px;width:80%}.shop-by-boat-section .boat-products-area .products-grid .skeleton-container .product-card-skeleton .skeleton-text-lg{height:16px;width:90%}.shop-by-boat-section .boat-products-area .products-grid .skeleton-container .product-card-skeleton .skeleton-text-xl{height:20px;width:70%}@media (max-width: 768px){.shop-by-boat-section .boat-products-area .products-grid .skeleton-container .product-card-skeleton{border-radius:8px}.shop-by-boat-section .boat-products-area .products-grid .skeleton-container .product-card-skeleton .product-info{padding:12px}.shop-by-boat-section .boat-products-area .products-grid .skeleton-container .product-card-skeleton .skeleton-logo-placeholder{width:50px;height:25px}}@keyframes skeleton-pulse{0%{opacity:1}to{opacity:.7}}@keyframes skeleton-shimmer{0%{left:-100%}to{left:100%}}.shop-by-boat-section .boat-products-area .products-grid .view-more-products{margin-top:24px;text-align:center}.shop-by-boat-section .boat-products-area .products-grid .view-more-products .btn-outline{padding:12px 24px;border:2px solid var(--color-primary);background:transparent;color:var(--color-primary);text-decoration:none;border-radius:6px;font-weight:500;transition:all .3s ease}.shop-by-boat-section .boat-products-area .products-grid .view-more-products .btn-outline:hover{background:var(--color-primary);color:#fff}.shop-by-boat-section .boat-products-area .products-grid .no-products-message,.shop-by-boat-section .boat-products-area .products-grid .error-message{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;text-align:center}.shop-by-boat-section .boat-products-area .products-grid .no-products-message p,.shop-by-boat-section .boat-products-area .products-grid .error-message p{font-size:1.125rem;color:var(--color-foreground-75);margin-bottom:16px}.shop-by-boat-section .boat-products-area .products-grid .no-products-message .btn,.shop-by-boat-section .boat-products-area .products-grid .error-message .btn{padding:12px 24px;background:var(--color-primary);color:#fff;text-decoration:none;border-radius:6px;font-weight:500;transition:all .3s ease}.shop-by-boat-section .boat-products-area .products-grid .no-products-message .btn:hover,.shop-by-boat-section .boat-products-area .products-grid .error-message .btn:hover{background:var(--color-primary-dark)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn{display:inline-block;padding:10px 20px;border:none;border-radius:6px;font-size:.875rem;font-weight:500;text-align:center;text-decoration:none;cursor:pointer;transition:all .3s ease}.btn.btn-primary{background:var(--color-primary);color:#fff}.btn.btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.btn.btn-outline{background:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}.btn.btn-outline:hover{background:var(--color-primary);color:#fff}.btn.btn-sm{padding:6px 12px;font-size:.75rem}@media (prefers-contrast: high){.shop-by-boat-section .boat-brand-item{border-width:3px}.shop-by-boat-section .boat-brand-item:hover,.shop-by-boat-section .boat-brand-item.active{border-width:4px}.shop-by-boat-section .btn{border-width:2px;font-weight:600}}@media (prefers-reduced-motion: reduce){.shop-by-boat-section *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.shop-by-boat-section .boat-brands-sidebar{position:static;max-height:none;overflow:visible}.shop-by-boat-section .shop-by-boat-content{grid-template-columns:1fr}.shop-by-boat-section .boat-actions,.shop-by-boat-section .view-all-products{display:none}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/section-shop-by-boat.css.map */