.package-list-section{padding:60px 0;background:var(--bg-section)}.package-list-section .section-header{text-align:center;margin-bottom:3rem}.package-list-section .section-title{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:.5rem;position:relative;display:inline-block}.package-list-section .section-subtitle{color:var(--text-secondary);font-size:1.1rem;margin-bottom:0}.package-list-section .anchor{color:var(--text-light);text-decoration:none;font-size:.8em;margin-left:.5rem;opacity:0;transition:opacity .3s ease}.package-list-section .section-title:hover .anchor{opacity:1}.interface-selector{display:flex;justify-content:center;gap:.5rem;margin-bottom:2rem;flex-wrap:wrap}.interface-btn{padding:.5rem 1.2rem;background:var(--bg-white);border:2px solid var(--border-light);border-radius:var(--radius-full);color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;position:relative}.interface-btn:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.interface-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:var(--text-white);box-shadow:var(--shadow-md)}.interface-btn.active::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--primary-color)}.pack-content{background:var(--bg-white);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-md);margin-bottom:2rem;animation:fadeIn .5s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pack-variant{display:none}.pack-variant.active{display:block;animation:slideIn .4s ease}@keyframes slideIn{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.pack-list{list-style:none;padding:0;margin:0}.pack-list-item{background:var(--bg-light);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:1rem 1.2rem;margin-bottom:.75rem;transition:all .3s ease;position:relative;overflow:hidden}.pack-list-item:hover{background:var(--bg-white);border-color:var(--primary-color);transform:translateX(5px);box-shadow:var(--shadow-sm)}.pack-list-item::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary-color);transform:scaleY(0);transition:transform .3s ease}.pack-list-item:hover::before{transform:scaleY(1)}.pack-list-item strong{color:var(--primary-color);font-weight:600;margin-right:.5rem;display:inline-block;min-width:25px}.pack-image-wrapper{position:relative;overflow:hidden;border-radius:var(--radius-md);box-shadow:var(--shadow-md);background:var(--bg-white);cursor:zoom-in;transition:all .3s ease;padding:1rem}.pack-image-wrapper:hover{transform:scale(1.02);box-shadow:var(--shadow-lg)}.pack-image-wrapper img{width:100%;height:auto;max-height:350px;object-fit:contain;display:block;transition:transform .3s ease}.pack-image-wrapper:hover img{transform:scale(1.05)}.pack-image-caption{padding:1rem;background:var(--bg-white);color:var(--text-secondary);font-size:.9rem;text-align:center;border-top:1px solid var(--border-light)}.pack-image-wrapper::after{content:'\f002';font-family:'Font Awesome 5 Free';font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);background:rgba(47,128,237,0.9);color:var(--text-white);width:60px;height:60px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:1.5rem;transition:transform .3s ease}.pack-image-wrapper:hover::after{transform:translate(-50%,-50%) scale(1)}.dimensions-section{padding:60px 0;background:var(--bg-white)}.dimensions-section .section-header{text-align:center;margin-bottom:3rem}.dimensions-section .section-title{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:.5rem;position:relative;display:inline-block}.dimension-card{background:var(--bg-white);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-md);transition:all .3s ease;height:100%;display:flex;flex-direction:column}.dimension-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.dimension-image-wrapper{position:relative;overflow:hidden;background:var(--bg-light);cursor:zoom-in;padding:1.5rem;flex:1;display:flex;align-items:center;justify-content:center;min-height:280px}.dimension-image-wrapper a{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.dimension-image-wrapper img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block;transition:transform .3s ease}.dimension-image-wrapper:hover img{transform:scale(1.05)}.dimension-info{padding:1rem;background:var(--bg-white);border-top:3px solid var(--primary-color);min-height:80px;display:flex;flex-direction:column;justify-content:center}.dimension-title{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:.25rem}.dimension-type{color:var(--text-secondary);font-size:.9rem;display:flex;align-items:center;gap:.5rem}.dimension-type .badge{display:inline-block;padding:.25rem .5rem;background:var(--primary-color);color:var(--text-white);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500}.dimension-type .badge.cooled{background:#00bcd4}.dimension-type .badge.uncooled{background:#ff9800}.dimension-image-wrapper::before{content:'\f00e';font-family:'Font Awesome 5 Free';font-weight:900;position:absolute;top:10px;right:10px;background:rgba(0,0,0,0.6);color:var(--text-white);width:35px;height:35px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:1rem;opacity:0;transition:opacity .3s ease;z-index:2}.dimension-image-wrapper:hover::before{opacity:1}.tab-hint{text-align:center;color:var(--text-muted);font-size:.9rem;margin-top:1rem;font-style:italic}.tab-hint i{color:var(--primary-color);margin-right:.5rem}@media(max-width:1200px){.dimension-image-wrapper{min-height:250px}}@media(max-width:992px){.interface-selector{padding:0 1rem}.interface-btn{padding:.4rem 1rem;font-size:.85rem}.dimension-image-wrapper{min-height:220px;padding:1rem}.dimension-info{min-height:70px}}@media(max-width:768px){.package-list-section .section-title,.dimensions-section .section-title{font-size:1.5rem}.pack-content{padding:1.5rem}.pack-list-item{padding:.8rem 1rem;font-size:.9rem}.dimension-card{max-width:400px;margin:0 auto}.dimension-image-wrapper{min-height:200px}.interface-selector{gap:.3rem;flex-wrap:wrap}.interface-btn{padding:.35rem .8rem;font-size:.8rem}.interface-btn.active::after{display:none}}@media(max-width:576px){.package-list-section,.dimensions-section{padding:40px 0}.pack-content{padding:1rem;border-radius:var(--radius-md)}.pack-list-item{margin-bottom:.5rem}.dimension-card{max-width:100%}.dimension-image-wrapper{min-height:180px;padding:.8rem}.dimension-info{min-height:65px;padding:.8rem}.dimension-title{font-size:.9rem}.dimension-type{font-size:.85rem}.dimension-type .badge{font-size:.7rem;padding:.2rem .4rem}}@media print{.interface-selector,.tab-hint{display:none !important}.pack-variant,.dimension-card{display:block !important;page-break-inside:avoid}.pack-image-wrapper::after,.dimension-image-wrapper::after{display:none !important}}