.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:#894b13;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%);background:#894b13}.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:not(.collapsed) .header-text{color:#fff}.pdp-selection-ob .accordion-button .header-text{flex:0 0 auto;color:#FF5733}.pdp-selection-ob .accordion-button:not(.collapsed) .header-text .selected-value{color:#fff}.pdp-selection-ob .accordion-button .header-text .selected-value{color:#333}.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}.pdp-selection-ob .selection-grid{display:grid;gap:1rem}.pdp-selection-ob .image-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));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}.pdp-selection-ob .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}.pdp-selection-ob .image-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));grid-template-columns:repeat(auto-fill,minmax(55px,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}}.product-datasets .accordion-body p,.product-datasets .accordion-body h1,.product-datasets .accordion-body h2,.product-datasets .accordion-body h3,.product-datasets .accordion-body h4,.product-datasets .accordion-body h5,.product-datasets .accordion-body h6,.product-datasets .accordion-body ul,.product-datasets .accordion-body ol,.product-datasets .accordion-body li,.product-datasets .accordion-body a,.product-datasets .accordion-body strong,.product-datasets .accordion-body em,.product-datasets .accordion-body blockquote,.product-datasets .accordion-body pre,.product-datasets .accordion-body code,.product-datasets .accordion-body img,.product-datasets .accordion-body table,.product-datasets .accordion-body tr,.product-datasets .accordion-body th,.product-datasets .accordion-body td,.product-datasets .accordion-body div,.product-datasets .accordion-body span,.product-datasets .accordion-body br,.product-datasets .accordion-body hr{all:revert;margin:revert;padding:revert;border:revert;background:revert;color:revert;font:revert;text-align:revert;text-decoration:revert;list-style:revert;display:revert;width:revert;height:revert;max-width:revert;max-height:revert;vertical-align:revert;border-collapse:revert;border-spacing:revert;empty-cells:revert}