.pgn-addons-wrap{display: flex;flex-direction: column;overflow: visible;position: relative;margin: 16px 0;padding: var(--pgn-wrap-padding,0px)}.pgn-addons__group{margin-bottom: 20px;overflow: visible}.pgn-addons__group .pgn-swatch__label-row{display: flex;align-items: center;gap: 8px;margin-bottom: 10px;flex-wrap: wrap}.pgn-addons__group .pgn-swatch__label{font-weight: 600;font-size: .9em;color: #374151;white-space: nowrap}.pgn-addons__group .pgn-swatch__selected{font-size: .85em;color: #6b7280}.pgn-addons__required{color: #a4161a;font-weight: 700}.pgn-addons__group .pgn-swatch__options{display: flex;flex-wrap: wrap;gap: 8px;overflow: visible}.pgn-addons__group .pgn-swatch__opt-wrap{display: inline-flex;flex-direction: column;align-items: center;gap: 5px;overflow: visible}.pgn-addons__group .pgn-swatch__item--btn{padding: 7px 14px;background: #f3f4f6;color: #111827;border: 1.5px solid #d1d5db;border-radius: 0;cursor: pointer;font-size: .88em;font-weight: 500;transition: all .18s ease;line-height: 1}.pgn-addons__group .pgn-swatch__item--btn:hover{border-color: #111827}.pgn-addons__group .pgn-swatch__item--btn.active{background: #111827;color: #fff;border-color: #111827}.pgn-addons__group .pgn-swatch__item--color{min-width: 40px;min-height: 40px;border: 2px solid transparent;border-radius: 0;cursor: pointer;position: relative;outline: 2px solid transparent;transition: all .18s ease;display: flex;align-items: center;justify-content: center;overflow: visible}.pgn-addons__group .pgn-swatch__item--color:hover,.pgn-addons__group .pgn-swatch__item--color.active{outline: 2px solid #111827;outline-offset: 2px}.pgn-addons__group .pgn-swatch__color-check{opacity: 0;font-size: .75em;color: #fff;transition: opacity .15s;text-shadow: 0 1px 3px rgba(0,0,0,.6)}.pgn-addons__group .pgn-swatch__item--color.active .pgn-swatch__color-check{opacity: 1}.pgn-addons__group .pgn-swatch__opt-name{font-size: .72em;color: #374151;text-align: center;max-width: 120px;width: max-content;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 1.3}.pgn-addons__swatch-price{font-size: 11px;font-weight: 600;color: #a4161a;text-align: center}.pgn-addons__group .pgn-swatch__item[data-preview]{position: relative;overflow: visible !important}.pgn-addons__group .pgn-swatch__item[data-preview]:hover{z-index: 100}.pgn-addons__group .pgn-swatch__preview,.pgn-swatch__preview{position: absolute !important;background: #fff !important;border-radius: 8px !important;box-shadow: 0 8px 32px rgba(0,0,0,.22) !important;padding: 8px !important;z-index: 99999 !important;pointer-events: none !important;opacity: 0;transition: opacity .18s ease,transform .18s ease;width: auto !important;max-width: 300px !important;box-sizing: border-box !important}.pgn-addons__group .pgn-swatch__preview img,.pgn-swatch__preview img{display: block !important;width: var(--pgn-preview-size,140px) !important;height: var(--pgn-preview-size,140px) !important;max-width: 250px !important;max-height: 250px !important;object-fit: contain !important;border-radius: 4px !important;margin: 0 !important}.pgn-addons__group .pgn-swatch__preview::after{content: '';position: absolute;border: 6px solid transparent}.pgn-addons__group .pgn-swatch__preview--top{bottom: calc(100% + 10px);left: 50%;transform: translateX(-50%) scale(.85);transform-origin: bottom center}.pgn-addons__group .pgn-swatch__preview--top::after{top: 100%;left: 50%;transform: translateX(-50%);border-top-color: #fff}.pgn-addons__group .pgn-swatch__item[data-preview]:hover .pgn-swatch__preview--top,.pgn-addons__group .pgn-swatch__item[data-preview]:focus .pgn-swatch__preview--top{opacity: 1;transform: translateX(-50%) scale(1)}.pgn-addons__group .pgn-swatch__preview--bottom{top: calc(100% + 10px);left: 50%;transform: translateX(-50%) scale(.85);transform-origin: top center}.pgn-addons__group .pgn-swatch__preview--bottom::after{bottom: 100%;left: 50%;transform: translateX(-50%);border-bottom-color: #fff}.pgn-addons__group .pgn-swatch__item[data-preview]:hover .pgn-swatch__preview--bottom,.pgn-addons__group .pgn-swatch__item[data-preview]:focus .pgn-swatch__preview--bottom{opacity: 1;transform: translateX(-50%) scale(1)}.pgn-addons__group .pgn-swatch__item.out-of-stock{opacity: .4;cursor: not-allowed}.pgn-addons__group .pgn-swatch__item.out-of-stock::after{content: '';position: absolute;inset: 0;background: linear-gradient(to bottom right,transparent calc(50% - 1px),#999 50%,transparent calc(50% + 1px));border-radius: inherit}.pgn-addons__select-wrap{position: relative}.pgn-addons__select{width: 100%;padding: 10px 36px 10px 14px;border: 1.5px solid #d1d5db;border-radius: 0;background: #fff;color: #111827;font-size: .92em;appearance: none;cursor: pointer;transition: border-color .15s;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%236b7280' stroke-width='1.5' stroke-linecap='round' fill='none'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right 10px center}.pgn-addons__select:focus{outline: none;border-color: #111827}.pgn-addons__select[multiple]{padding: 8px;background-image: none;height: auto;min-height: 100px}.pgn-addons__error{font-size: 12px;color: #dc2626;margin-top: 4px}.pgn-addons__group.has-error .pgn-swatch__item,.pgn-addons__group.has-error .pgn-addons__select{border-color: #dc2626}.pgn-addons__summary{background: #f9fafb;border: 1px solid #e5e7eb;border-radius: 0;padding: 14px 16px;margin-top: 16px;display: flex;flex-direction: column;gap: 6px}.pgn-addons__summary-row{display: flex;justify-content: space-between;align-items: center;font-size: 14px}.pgn-addons__summary-label{color: #6b7280}.pgn-addons__final-row{padding-top: 8px;border-top: 1px solid #e5e7eb;margin-top: 2px}.pgn-addons__final-label{font-weight: 700;color: #111827 !important}.pgn-addons__final-price{font-size: 18px;font-weight: 700;color: #a4161a}.pgn-addons__extras-price{color: #a4161a;font-weight: 600}.pgn-swatch__item--out-of-stock{opacity: .38;cursor: not-allowed;position: relative}.pgn-swatch__item--out-of-stock::after{content: '';position: absolute;inset: 0;background: repeating-linear-gradient( 135deg,transparent,transparent 4px,rgba(0,0,0,.18) 4px,rgba(0,0,0,.18) 5px );border-radius: inherit;pointer-events: none}.pgn-swatch__stock-label{font-size: .65em;text-align: center;line-height: 1.2;margin-top: 2px}.pgn-swatch__stock-label--out{color: #dc2626;font-weight: 600}.pgn-swatch__stock-label--low{color: #d97706;font-weight: 500}