.product-comparison-container{max-width:1600px;margin:0 auto;padding:0 20px;width:100%;background:linear-gradient(to bottom,#fff,#f8f9fa);border-radius:12px;box-shadow:0 10px 30px #0000000d}.comparison-table{table-layout:fixed;width:100%;border-collapse:separate;border-spacing:0}.header-row td{padding:20px;vertical-align:top;background:#fff}.title-cell{width:250px;padding:25px;text-align:left}.comparison-title{font-size:1.4em;margin-bottom:8px;color:#2c3e50}.comparison-subtitle{color:#666;font-size:.9em;line-height:1.4}.product-cell{text-align:center;padding:20px;position:relative}.product-image-container{position:relative;margin-bottom:15px;padding-top:10px}.product-image img{max-width:100%;height:auto;display:block;margin:0 auto}.product-info{margin-bottom:15px}.product-title{margin:0 0 10px;font-size:16px}.hardtop-badge{display:inline-block;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:500;margin:5px 0;text-transform:uppercase;letter-spacing:.3px;box-shadow:0 2px 4px #0000001a;white-space:nowrap}.hardtop-badge.leisure{background-color:#4caf50;color:#fff;border:1px solid rgba(255,255,255,.1)}.hardtop-badge.fleet-commercial{background-color:#ff9800;color:#fff;border:1px solid rgba(255,255,255,.1)}.product-badge.pet-friendly{display:inline-flex;align-items:center;gap:4px;background:#007bff;color:#fff;padding:4px 10px;border-radius:20px;font-size:12px}.product-image-container .product-badge.pet-friendly{position:absolute;top:-8px;left:10px;z-index:1}.pet-icon{width:12px;height:12px;fill:currentColor}.button-container{margin-top:10px;margin-bottom:15px;height:40px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.shortlist-toggle{margin-top:10px}.product-price{height:70px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;margin:10px 0;padding-bottom:5px}.from-text{font-size:14px;color:#666;line-height:1;margin-bottom:2px}.price{font-size:18px;font-weight:700;line-height:1.2;margin:0}.vat-text{font-size:14px;color:#666;line-height:1;margin-top:2px}.shop-now-btn{display:inline-flex;align-items:center;gap:5px;background:#1a1a1a;color:#fff;padding:8px 16px;text-decoration:none;border-radius:4px;font-size:14px;margin-bottom:15px;white-space:nowrap}.shop-now-btn:hover{background:#333}.features-header td:first-child{width:250px;padding:20px 25px;font-weight:600;font-size:1.1em}.feature-row{transition:background-color .2s ease}.feature-row:nth-child(odd){background-color:#fff}.feature-row:nth-child(2n){background-color:#f8f9fa}.feature-value,.feature-name{padding:10px;text-align:center;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;font-size:14px;line-height:1.4;min-width:0}.feature-name{text-align:left;font-weight:600;color:#2c3e50;background:#fff;width:250px;padding:15px 25px;border-right:2px solid #eee}.feature-value{border-right:1px solid #eee}.feature-value:last-child{border-right:none}.tick{color:#2ecc71;font-weight:700;font-size:18px}.dash{color:#95a5a6;font-weight:700}.text-only{color:#2c3e50;font-weight:500}.hardtop-type-row{border-top:2px solid #eee;background:#fff!important}.feature-subtext{display:block;max-width:100%;word-wrap:break-word;overflow-wrap:break-word;margin:4px 0}.feature-row:hover{background-color:#f0f2f5}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.product-badge:hover{transform:translate(-50%) translateY(-1px)}.feature-row:first-child{border-top:none}.comparison-table{position:relative}.comparison-table thead{position:sticky;top:0;background:#fff;z-index:100}.comparison-table thead.is-sticky{box-shadow:0 2px 10px #0000001a}.comparison-table thead td{background:#fff;position:relative}.comparison-table thead,.comparison-table thead td{transition:box-shadow .2s ease;backface-visibility:hidden;transform:translateZ(0)}.product-badge{z-index:101}.comparison-table thead .product-cell{position:sticky;top:0;background:#fff;z-index:10;padding-bottom:15px;border-bottom:1px solid #eee}.feature-name{position:sticky;left:0;background:#fff;z-index:9;font-weight:600;color:#2c3e50;padding-left:20px;border-right:2px solid #eee}.feature-row:nth-child(2n){background-color:#fafbfc}.hardtop-type-row .feature-value{background:#fff;border:none;box-shadow:none}.hardtop-type-row:hover .feature-value{transform:none}@media (max-width: 1024px){.product-comparison-container{padding:.5rem;overflow-x:auto}.comparison-table{min-width:900px}}.features-header{border-top:2px solid #eee}.feature-value .text-only,.feature-subtext{display:block;max-width:100%;word-wrap:break-word;overflow-wrap:break-word;margin:4px 0}.feature-value.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shortlist-toggle{margin-top:10px;text-align:center}.shortlist-checkbox{display:none}.shortlist-label{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#666}.shortlist-label:before{content:"";display:inline-block;width:18px;height:18px;border:2px solid #ddd;border-radius:4px;transition:all .2s ease}.shortlist-checkbox:checked+.shortlist-label:before{background:#007bff;border-color:#007bff}.shortlist-checkbox:checked+.shortlist-label:after{content:"";position:absolute;left:6px;top:3px;width:6px;height:11px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.shortlist-view-button{margin:20px 0}.view-shortlist-btn{background:#1a1a1a;color:#fff;padding:12px 24px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1000;overflow-y:auto;padding:20px}.modal-content{max-width:900px;width:90%;margin:20px auto;background:#fff;padding:20px;border-radius:8px;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #eee}.modal-header h2{font-size:24px;margin:0}.close-modal{background:none;border:none;font-size:28px;cursor:pointer;padding:5px;color:#666}.close-modal:hover{color:#333}.shortlist-products{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:15px}.shortlist-product{font-size:14px;padding:15px;border:1px solid #eee;border-radius:8px;background:#fff}.shortlist-product .product-image img{width:100%;height:auto;display:block;border-radius:8px;margin-bottom:15px}.shortlist-product h3{font-size:16px;margin:0 0 8px}.shortlist-product .price{font-size:15px;margin:8px 0}.shortlist-product .hardtop-badge{font-size:10px;padding:3px 8px}.shortlist-product ul{font-size:13px;padding-left:20px;margin:10px 0}.shortlist-product .shop-now-btn{font-size:13px;padding:8px 16px}@media (max-width: 768px){.shortlist-products{grid-template-columns:1fr}.modal-content{width:95%;margin:10px auto;padding:15px}}.shortlist-price{font-size:18px;color:#007bff;margin:15px 0;display:flex;align-items:baseline;gap:5px}.shortlist-price .vat-text{font-size:14px;color:#666}.comparison-header{position:sticky;top:0;background:#fff;z-index:100;padding:20px 0;border-bottom:1px solid #eee}.comparison-features{display:flex;flex-direction:column;gap:10px}.comparison-features h2,.comparison-features p{margin:0}.shortlist-view-button{margin-top:15px}.view-shortlist-btn{background:#007bff;color:#fff;padding:12px 24px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.view-shortlist-btn:hover{background:#333}.comparison-table thead tr{position:sticky;top:0;background:#fff;z-index:90}.shortlist-badges,.shortlist-product .product-badges{display:flex;gap:10px;align-items:center;margin:8px 0}.shortlist-product .product-badge.pet-friendly{position:static}.shortlist-product .pet-icon{width:14px;height:14px;fill:currentColor}#shortlistModal>.product-badge.pet-friendly{display:none}.shortlist-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.features-label{font-size:18px;font-weight:500;color:#333;margin-bottom:15px}.feature-name{text-align:left;padding:15px}.badge-container{display:flex;gap:10px;align-items:center;margin:5px 0}.comparison-table .product-cell{border-left:1px solid #e5e5e5}.comparison-table .product-cell:first-of-type{border-left:none}.comparison-table .feature-value{border-left:1px solid #e5e5e5}.comparison-table .feature-value:first-of-type{border-left:none}.comparison-table td{padding:15px}.product-gallery{margin-bottom:15px}.gallery-main{margin-bottom:10px;border-radius:8px;overflow:hidden}.gallery-main img{width:100%;height:auto;display:block;transition:transform .3s ease}.gallery-thumbs{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px}.gallery-thumbs img{width:60px;height:60px;object-fit:cover;border-radius:4px;cursor:pointer;border:2px solid transparent;transition:border-color .2s ease}.gallery-thumbs img.active{border-color:#007bff}.gallery-thumbs img:hover{border-color:#0056b3}.shortlist-product{display:grid;grid-template-columns:1fr;gap:15px}@media (min-width: 768px){.shortlist-product .product-image img{height:250px;object-fit:cover}}.gallery-thumbs{scrollbar-width:none;-ms-overflow-style:none}.gallery-thumbs::-webkit-scrollbar{display:none}.scroll-indicator{display:none;text-align:center;padding:10px;color:#666;font-size:14px;background:#ffffffe6;position:sticky;left:0;width:100%;z-index:2}@media screen and (max-width: 768px){.product-comparison-container{position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:15px;scroll-snap-type:x mandatory}.scroll-indicator{display:block}.comparison-table{min-width:800px;margin:0;border-spacing:0}.product-cell{scroll-snap-align:start;min-width:280px}.title-cell{position:sticky;left:0;background:#fff;z-index:3;width:180px;min-width:180px}.product-comparison-container{scrollbar-width:none;-ms-overflow-style:none}.product-comparison-container::-webkit-scrollbar{display:none}.product-comparison-container:after{content:"";position:absolute;right:0;top:0;height:100%;width:40px;background:linear-gradient(to right,transparent,rgba(255,255,255,.9));pointer-events:none;z-index:2}.product-image img{width:200px;height:200px;object-fit:cover}.product-title{font-size:14px;line-height:1.3}.feature-name,.feature-value{font-size:13px}thead tr{position:sticky;top:0;z-index:2;background:#fff}}@media (hover: none){.product-comparison-container{cursor:grab}.product-comparison-container:active{cursor:grabbing}}@media screen and (min-width: 769px){.scroll-indicator{display:none}.product-comparison-container{overflow:visible}}@media screen and (min-width: 769px){.mobile-product-list{display:none}.desktop-comparison-table{display:block}}@media screen and (max-width: 768px){.desktop-comparison-table,.scroll-indicator{display:none}.mobile-product-list{display:block;padding:15px}.mobile-product-card{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;padding:20px;margin-bottom:20px}.mobile-product-header{text-align:center;margin-bottom:20px}.mobile-product-image{margin:-20px -20px 20px}.mobile-product-image img{width:100%;height:auto;border-radius:8px 8px 0 0;display:block}.mobile-product-title{font-size:20px;font-weight:600;margin:15px 0;color:#2c3e50}.mobile-product-price{font-size:18px;margin-bottom:15px;color:#2c3e50}.mobile-product-price .from-text,.mobile-product-price .vat-text{font-size:14px;color:#666}.mobile-badges{display:flex;gap:10px;justify-content:center;margin-bottom:15px;flex-wrap:wrap}.hardtop-badge{display:inline-block;padding:6px 12px;border-radius:4px;font-size:12px;background:#f8f9fa;color:#2c3e50}.pet-friendly{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:4px;font-size:12px;background:#f0f9ff;color:#0369a1}.mobile-features-list{border-top:1px solid #eee;margin-top:20px;padding-top:15px}.mobile-feature-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f5f5f5}.mobile-feature-name{font-weight:500;color:#2c3e50}.mobile-feature-value{text-align:right}.mobile-feature-value .tick{color:#2ecc71;font-weight:700}.mobile-feature-value .dash{color:#95a5a6}.mobile-feature-value .feature-subtext{font-size:12px;color:#666;margin-top:4px}.mobile-product-buttons{margin-top:20px;display:flex;flex-direction:column;gap:10px}.shop-now-btn{display:inline-block;padding:12px 24px;background:#2c3e50;color:#fff;text-decoration:none;border-radius:4px;text-align:center;font-weight:500;transition:background .3s ease}.shop-now-btn:hover{background:#34495e}.shortlist-toggle{display:flex;align-items:center;justify-content:center}.shortlist-label{display:inline-block;padding:12px 24px;background:#f8f9fa;color:#2c3e50;border-radius:4px;text-align:center;font-weight:500;cursor:pointer;transition:background .3s ease}.shortlist-checkbox:checked+.shortlist-label{background:#e2e8f0}.shortlist-checkbox{display:none}}@media screen and (max-width: 768px){.view-shortlist-btn{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:100;padding:12px 24px;background:#2c3e50;color:#fff;border:none;border-radius:25px;box-shadow:0 4px 12px #00000026;font-weight:500}}.desktop-only{display:block}@media screen and (max-width: 768px){.mobile-only{display:block!important}.desktop-only{display:none!important}.mobile-product-card{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;padding:20px;margin-bottom:20px}}.mobile-only{display:none}@media screen and (max-width: 768px){.desktop-only{display:none}.mobile-only{display:block;padding:15px}.mobile-product{background:#fff;margin-bottom:30px;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.product-header{text-align:center;padding:20px}.product-header img{width:100%;height:auto;border-radius:8px;margin-bottom:15px}.product-header h2{font-size:24px;margin:10px 0}.product-badges{display:flex;gap:10px;justify-content:center;margin:10px 0}.badge{padding:5px 10px;border-radius:4px;font-size:14px}.hardtop-type{background:#f0f9ff;color:#0369a1}.pet-friendly{background:#f0fdf4;color:#166534}.product-price{font-size:20px;margin:15px 0}.product-price .vat{font-size:14px;color:#666}.features-list{padding:20px;border-top:1px solid #eee}.features-list h3{margin-bottom:15px;font-size:18px}.feature-item{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #eee}.feature-name{color:#4a5568}.feature-value{font-weight:500}.feature-value:matches(.tick){color:#16a34a}.product-actions{padding:20px;display:flex;flex-direction:column;gap:10px}.shop-now{display:block;padding:12px 20px;background:#2c3e50;color:#fff;text-align:center;border-radius:4px;text-decoration:none;font-weight:500}.shortlist-toggle{display:block;padding:12px 20px;background:#f8fafc;color:#2c3e50;text-align:center;border-radius:4px;cursor:pointer}.shortlist-checkbox{display:none}.shortlist-checkbox:checked+.shortlist-toggle{background:#e2e8f0}}@media only screen and (max-width: 768px){.product-comparison-desktop{display:none!important}.product-comparison-mobile{display:block!important;padding:15px}.mobile-product{margin-bottom:30px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.mobile-product-header{padding:20px;text-align:center}.mobile-product-header img{width:100%;max-width:400px;height:auto;border-radius:8px;margin-bottom:15px}.mobile-product-header h2{font-size:20px;margin:0 0 10px}.mobile-badges{display:flex;gap:8px;justify-content:center;margin:10px 0;flex-wrap:wrap}.mobile-badges .badge{padding:6px 12px;border-radius:4px;font-size:14px}.mobile-price{font-size:18px;margin:15px 0}.mobile-features{padding:20px;border-top:1px solid #eee}.mobile-features h3{margin:0 0 15px;font-size:18px}.mobile-feature{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #eee}.mobile-buttons{padding:20px;display:flex;flex-direction:column;gap:10px}.mobile-shop-now{display:block;padding:12px;background:#2c3e50;color:#fff;text-align:center;border-radius:4px;text-decoration:none}.mobile-shortlist{text-align:center}.mobile-shortlist label{display:block;padding:12px;background:#f8fafc;border-radius:4px;cursor:pointer}.shortlist-checkbox{display:none}.shortlist-checkbox:checked+label{background:#e2e8f0}}@media only screen and (min-width: 769px){.product-comparison-mobile{display:none!important}.product-comparison-desktop{display:block!important}}.product-comparison-container{background:#fff}@media screen and (max-width: 767px){.comparison-table{display:none!important}.mobile-product{background:#fff;padding:20px;margin-bottom:20px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.mobile-product img{width:100%;height:auto;border-radius:8px;margin-bottom:15px}.mobile-product h2{font-size:24px;margin:0 0 10px;color:#2c3e50}.mobile-product .price{font-size:20px;font-weight:600;margin-bottom:20px;display:block}.badge-container{display:flex;gap:8px;margin:15px 0;flex-wrap:wrap}.badge{padding:6px 12px;border-radius:4px;font-size:14px}.hardtop-badge,.hardtop-badge.fleet-commercial{background:#f0f9ff;color:#0369a1}.hardtop-badge.leisure{background:#f0fdf4;color:#166534}.pet-friendly{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:4px;font-size:14px;background:#f0fdf4;color:#166534}.button-container{margin-top:20px;display:flex;flex-direction:column;gap:10px}.shop-now-btn{display:block;padding:12px 20px;background:#2c3e50;color:#fff;text-decoration:none;text-align:center;border-radius:4px;font-weight:500;transition:background .3s ease}.shop-now-btn:hover{background:#34495e}.shortlist-toggle{text-align:center}.shortlist-checkbox{display:none}.shortlist-label{display:block;padding:12px 20px;background:#f8fafc;color:#2c3e50;border-radius:4px;cursor:pointer;transition:background .3s ease}.shortlist-checkbox:checked+.shortlist-label{background:#e2e8f0}.vat-text{font-size:14px;color:#666}.product-badge.pet-friendly{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:4px;font-size:12px;background:#f0fdf4;color:#166534}.pet-icon{width:14px;height:14px;fill:currentColor}.feature{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 0;border-bottom:1px solid #eee}.feature strong{color:#4a5568;flex:1}.feature-value{text-align:right;display:flex;flex-direction:column;align-items:flex-end}.feature-subtext{font-size:12px;color:#666;margin-top:4px}.tick{color:#16a34a;font-weight:700}.dash{color:#94a3b8}.hardtop-badge{display:inline-flex;padding:4px 8px;border-radius:4px;font-size:12px}.hardtop-badge.leisure{background:#ecfdf5;color:#047857}.hardtop-badge.fleet-commercial{background:#eff6ff;color:#1d4ed8}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/product-comparison.css.map */