.pdp-selection-ob{background:#fff;border-radius:7px;box-shadow:0 10px 40px rgb(0 0 0 / .1);overflow:hidden}.pdp-selection-ob .accordion-item{border:none;border-bottom:1px solid #e5e7eb}.pdp-selection-ob .accordion-item:last-child{border-bottom:none}.pdp-selection-ob .accordion-header{margin:0}.pdp-selection-ob .accordion-button{background:#fff;color:#1f2937;font-size:.9rem;font-weight:500;padding:.8rem 1rem;border:none;box-shadow:none;transition:all 0.3s ease}.pdp-selection-ob .accordion-button:not(.collapsed){background:linear-gradient(135deg,#b5a441 0%,#ababab 100%);color:#fff;box-shadow:none}.pdp-selection-ob .accordion-button:hover{background:#f9fafb}.pdp-selection-ob .accordion-button:not(.collapsed):hover{background:linear-gradient(135deg,#b5a441 0%,#ababab 100%)}.pdp-selection-ob .accordion-button::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231f2937'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");transition:transform 0.3s ease;width:1rem;height:1rem;background-size:1rem}.pdp-selection-ob .accordion-button:not(.collapsed)::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");transform:rotate(-180deg)}.pdp-selection-ob .accordion-button .header-text{flex:0 0 auto}.pdp-selection-ob .accordion-button .selected-value{margin-left:1rem;font-size:.8rem;font-weight:400;opacity:.85}.pdp-selection-ob .accordion-body{padding:1rem 1rem;background:#fafbfc}.selection-grid{display:grid;gap:1rem}.image-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.image-item{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;cursor:pointer;border:3px solid #fff0;transition:all 0.3s ease;box-shadow:0 4px 12px rgb(0 0 0 / .08)}.image-item img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.image-item:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgb(0 0 0 / .15);border-color:#9b952d}.image-item:hover img{transform:scale(1.1)}.image-item.selected{border-color:#9b952d;box-shadow:0 0 0 3px rgb(68 68 68 / 16%)}.image-enlarge-icon{position:absolute;top:6px;right:6px;width:28px;height:28px;background:rgb(255 255 255 / .95);border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:all 0.3s ease;z-index:2;box-shadow:0 2px 8px rgb(0 0 0 / .15)}.image-enlarge-icon svg{color:#374151}.image-item:hover .image-enlarge-icon{opacity:1}.image-enlarge-icon:hover{background:#667eea;transform:scale(1.1)}.image-enlarge-icon:hover svg{color:#fff}.color-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.color-swatch{aspect-ratio:1;border-radius:12px;cursor:pointer;border:3px solid #fff0;transition:all 0.3s ease;box-shadow:0 4px 12px rgb(0 0 0 / .08);position:relative}.color-swatch:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 8px 20px rgb(0 0 0 / .2)}.color-swatch.selected{border-color:#1f2937;box-shadow:0 0 0 4px rgb(31 41 55 / .2)}.color-swatch[data-color="#ffffff"]{border:3px solid #e5e7eb}.color-swatch[data-color="#ffffff"].selected{border-color:#1f2937}.size-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.size-box{font-size:.75rem;font-weight:400;border-radius:12px;border:2px solid #d1d5db;background:#fff;cursor:pointer;transition:all 0.3s ease;box-shadow:0 2px 8px rgb(0 0 0 / .06);color:#333;padding:5px 15px;display:inline-block;margin-bottom:10px;margin-right:10px}.size-box:hover{border-color:#667eea;border-color:#9b952d;background:#f3f4f6;transform:translateY(-2px);box-shadow:0 6px 16px rgb(0 0 0 / .12)}.size-box.selected{background:#dededd}.color-tooltip{position:fixed;background:rgb(31 41 55 / .95);color:#fff;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;pointer-events:none;opacity:0;transition:opacity 0.2s ease;z-index:9999;white-space:nowrap;box-shadow:0 4px 12px rgb(0 0 0 / .2)}.color-tooltip.show{opacity:1}.modal-content{border:none;border-radius:16px}.modal-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-bottom:none;border-radius:16px 16px 0 0;padding:1.5rem}.modal-header .btn-close{filter:brightness(0) invert(1)}.modal-body{padding:2rem}.gallery-viewer{position:relative;display:flex;align-items:center;justify-content:center;gap:1rem}.gallery-image-container{flex:1;display:flex;justify-content:center;align-items:center;max-height:70vh;overflow:hidden}.gallery-image-container img{max-width:100%;max-height:70vh;object-fit:contain;border-radius:12px;box-shadow:0 8px 24px rgb(0 0 0 / .15)}.gallery-nav{background:rgb(255 255 255 / .95);border:none;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 12px rgb(0 0 0 / .1);color:#1f2937;flex-shrink:0}.gallery-nav:hover{background:#fff;transform:scale(1.1);box-shadow:0 6px 16px rgb(0 0 0 / .15)}.gallery-nav:active{transform:scale(.95)}.gallery-counter{text-align:center;margin-top:1.5rem;font-size:1rem;color:#4b5563;font-weight:500}@media (max-width:768px){.pdp-selection-ob .accordion-button{font-size:1rem;padding:1.25rem 1rem}.pdp-selection-ob .accordion-body{padding:1.5rem 1rem}.image-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.color-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}.size-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.gallery-nav{width:40px;height:40px}.gallery-nav svg{width:24px;height:24px}.gallery-image-container{max-height:50vh}.gallery-image-container img{max-height:50vh}}@media (max-width:500px){.pdp-selection-ob .accordion-button{font-size:.8rem;padding:.9rem 1rem}.image-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.pdp-selection-ob .accordion-body{padding:.8rem .6rem}.size-box{font-size:.60rem;font-weight:500;border-radius:7px;margin-right:5px;padding:5px 9px}.pdp-selection-ob .accordion-body{padding:.8rem .7rem}}.thumbnail-gallery{display:flex;gap:10px;justify-content:flex-start;flex-wrap:wrap}.gallery-container.layout-left{display:flex;flex-direction:row-reverse;gap:10px;align-items:flex-start}.gallery-container.layout-bottom,.gallery-container.layout-top{display:flex;flex-direction:column;gap:10px}.thumbnail-gallery.thumbnail-left{flex-direction:column;width:120px;flex-shrink:0;position:relative;flex-wrap:wrap;width:105px}.thumbnail-gallery.thumbnail-bottom,.thumbnail-gallery.thumbnail-top{flex-direction:row;flex-wrap:wrap}.layout-left .main-display{flex:1;min-width:0}.layout-top .thumbnail-gallery{order:1}.layout-top .main-display{order:2}.thumbnail-item{border:2px solid #fff0;border-radius:8px;overflow:hidden;cursor:pointer;transition:all 0.3s ease;position:relative;background:#fff;box-shadow:0 2px 8px rgb(0 0 0 / .1);width:90px;height:90px;flex-shrink:0}.thumbnail-gallery.thumbnail-left .thumbnail-item{margin-bottom:10px;margin-right:0;width:100px;height:100px}.thumbnail-gallery.thumbnail-bottom .thumbnail-item,.thumbnail-gallery.thumbnail-top .thumbnail-item{margin-bottom:0;margin-right:8px}.thumbnail-item:hover{border-color:#007bff;border-color:#cebaa0;transform:translateY(-2px);box-shadow:0 4px 15px rgb(0 0 0 / .15)}.thumbnail-item.active{border-color:#cebaa0}.thumbnail-item img{width:100%;height:100%;object-fit:cover}.video-thumbnail{position:relative;width:100%;height:100%}.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgb(0 0 0 / .7);color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px}.glb-thumbnail{position:relative;width:100%;height:100%}.model-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgb(0 123 255 / .8);color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px}.thumbnail-item[data-type="youtube"] .play-icon{background:rgb(255 0 0 / .8)}.thumbnail-item[data-type="youtube"] .play-icon i{color:#fff}.main-display{position:relative;background:#fff;border-radius:12px}.zoom-container{position:relative;overflow:hidden;border-radius:8px;background:#f8f9fa;display:flex;align-items:center;justify-content:center}.zoom-container:hover{cursor:crosshair}.zoom-container img,.zoom-container video,.zoom-container #main3D{max-width:100%;max-height:100%;width:100%;height:100%;display:block;object-fit:contain}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);background:rgb(0 0 0 / .6);border:none;color:#fff;width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;opacity:.8;z-index:12;backdrop-filter:blur(5px)}.nav-arrow:hover{background:rgb(0 0 0 / .8);transform:translateY(-50%) scale(1.1);opacity:1}.prev-arrow{left:15px}.next-arrow{right:15px}.nav-arrow i{font-size:16px}@media (max-width:768px){.container{padding:15px}.zoom-container{aspect-ratio:1 / 1;min-height:250px}.thumbnail-gallery-bottom{.thumbnail-gallery{overflow-x:auto;padding-bottom:10px;gap:8px;-webkit-overflow-scrolling:touch;flex-direction:row!important;width:auto!important;flex-wrap:wrap!important}.gallery-container{flex-direction:column!important;gap:15px!important}.layout-left .main-display{flex:none!important}.thumbnail-item{width:60px;height:60px;min-width:60px}.thumbnail-gallery.thumbnail-left .thumbnail-item{width:70px;height:70px;min-width:70px}.nav-arrow{width:35px;height:35px}.nav-arrow i{font-size:14px}.prev-arrow{left:10px}.next-arrow{right:10px}#main3D{min-height:250px!important;height:250px!important}}@media (max-width:576px){.container{padding:10px}h2{font-size:1.5rem;margin-bottom:1rem}.zoom-container{min-height:200px}.thumbnail-gallery-bottom{gap:6px;padding:5px 0}.thumbnail-item{width:100px;height:100px;min-width:100px}.nav-arrow{width:30px;height:30px}.nav-arrow i{font-size:12px}#main3D{min-height:200px!important;height:200px!important}}@media (max-width:480px){.container{padding:8px}h2{font-size:1.3rem}.zoom-container{min-height:180px}.thumbnail-item{width:45px;height:45px;min-width:45px}.nav-arrow{width:25px;height:25px}.nav-arrow i{font-size:10px}#main3D{min-height:180px!important;height:180px!important}}@media (max-height:500px) and (orientation:landscape){.zoom-container{aspect-ratio:4 / 3;min-height:150px}#main3D{min-height:150px!important;height:150px!important}}.loading{opacity:.5;pointer-events:none}*{transition:opacity 0.3s ease,transform 0.3s ease}.thumbnail-item,.nav-arrow,.enlarge-overlay,.modal-nav-btn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (pointer:coarse){.thumbnail-item{min-width:60px;min-height:60px}.nav-arrow{min-width:44px;min-height:44px}}