:root{--modal-body-height:calc(90vh - 100px);--dark-green:#29cc29;--faint-green:#ebffeb;--light-blue:#38bdf2}*:focus:not(.focus-visible){outline:none}.info-modal-trigger{cursor:pointer;color:var(--light-blue);/display:inline-block;margin-left:5px;transition:color .3s ease}.info-modal-trigger:hover{color:var(--light-blue)}.avery-info-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999}.avery-info-modal .modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);backdrop-filter:blur(2px)}.avery-info-modal .modal-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:1100px;max-height:90vh;overflow:hidden;border-radius:8px}.avery-info-modal .modal-container:has(.layout-2-content[style*="display: none"]):has(.layout-3-content[style*="display: none"]){max-width:800px}.avery-info-modal .modal-container:has(.modal-loading-overlay[style*="display: none"]){overflow:visible}.avery-info-modal .modal-content{background:#fff;border-radius:8px;box-shadow:0 10px 40px rgba(0,0,0,.2);animation:averyModalSlideIn .3s ease}@keyframes averyModalSlideIn{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.avery-info-modal .modal-header{padding:20px 30px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.avery-info-modal .modal-title{margin:0;font-size:1.5rem;font-weight:600;color:#333}.avery-info-modal .modal-close{background:0 0;border:none;font-size:28px;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.avery-info-modal .modal-close:hover{background:#f5f5f5;color:#333}.avery-info-modal .modal-body{padding:30px;display:flex;max-height:var(--modal-body-height)}.avery-info-modal .modal-error-container{padding:20px;text-align:center}.avery-info-modal .error-message{padding:15px;background:#fee;border:1px solid #fcc;border-radius:4px;color:#c00;display:inline-block;max-width:500px;margin:0 auto}.avery-info-modal .layout-1-content .modal-main-content{display:flex;gap:30px;position:relative}.avery-info-modal .layout-1-content .option-image-container{flex:0 0 300px;max-width:250px;aspect-ratio:1}.avery-info-modal .layout-1-content .option-image-container img{width:100%;height:auto;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.avery-info-modal .layout-1-content .option-selector-container{flex:1}.avery-info-modal .custom-dropdown{position:relative;margin-bottom:20px}.avery-info-modal .dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:20px 15px;border:1px solid #ddd;border-radius:6px;background:#fff;cursor:pointer;transition:all .2s ease}.avery-info-modal .dropdown-header.active{border-bottom:0 solid #fff}.avery-info-modal .dropdown-header:hover{border-color:var(--dark-green);z-index:50}.avery-info-modal .dropdown-header.active{border-color:var(--dark-green);border-radius:6px 6px 0 0}.avery-info-modal .dropdown-selected{display:flex;align-items:center;gap:10px}.avery-info-modal .selected-swatch{width:24px;height:24px;object-fit:cover;border-radius:3px}.avery-info-modal .selected-text{font-size:14px;color:#333}.avery-info-modal .dropdown-arrow{color:#666;transition:transform .2s ease}.avery-info-modal .dropdown-arrow:after{font-family:"Font Awesome 6 Pro";font-weight:400;content:'\f078';font-size:20px}.avery-info-modal .dropdown-header.active .dropdown-arrow{transform:rotate(180deg)}.avery-info-modal .dropdown-options{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid var(--dark-green);border-top:none;border-radius:0 0 6px 6px;max-height:300px;overflow-y:auto;z-index:10;padding-top:15px;margin-top:-3px}.avery-info-modal .dropdown-option{display:flex;align-items:center;gap:10px;padding:20px 15px;cursor:pointer;transition:background .2s ease;border-bottom:1px solid #efefef}.avery-info-modal .dropdown-option:hover{background:#f5f5f5}.avery-info-modal .dropdown-option.selected{background:var(--faint-green)}.avery-info-modal .dropdown-option-swatch{width:24px;height:24px;object-fit:cover;border-radius:3px;flex-shrink:0}.avery-info-modal .dropdown-option-text{font-size:14px;color:#333}.avery-info-modal .option-description-text{padding:15px 0;line-height:1.6;color:#666}.avery-info-modal .layout-2-content .modal-main-content{display:flex;gap:30px}.avery-info-modal .layout-2-content .options-list-container{flex:0 0 300px;border-radius:8px;padding:0;overflow:scroll}.avery-info-modal .layout-2-content .options-list{overflow-y:auto;padding-right:5px;position:relative;overflow-y:scroll;height:100%}.avery-info-modal .layout-2-content .options-list::-webkit-scrollbar{width:6px}.avery-info-modal .layout-2-content .options-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.avery-info-modal .layout-2-content .options-list::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.avery-info-modal .layout-2-content .options-list::-webkit-scrollbar-thumb:hover{background:#555}.avery-info-modal .option-list-item{display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:8px;background:#fff;border-radius:6px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.avery-info-modal .option-list-item:hover{background:var(--faint-green);border-color:var(--dark-green)}.avery-info-modal .option-list-item.selected{background:var(--faint-green);border-color:var(--dark-green);box-shadow:0 2px 4px rgba(0,107,180,.1)}.avery-info-modal .option-list-swatch{width:30px;height:30px;object-fit:cover;border-radius:4px;flex-shrink:0;border:1px solid #e0e0e0}.avery-info-modal .option-list-text{font-size:14px;color:#333;flex:1}.avery-info-modal .option-list-item.selected .option-list-text{font-weight:600;color:#242424}.avery-info-modal .layout-2-content .option-details-container{flex:1;min-width:0;display:flex;flex-wrap:wrap;position:relative;overflow:scroll}.avery-info-modal .option-content-wrap{display:flex;gap:30px}.avery-info-modal .option-cta-container{margin-top:0;padding:0;max-width:200px}.avery-info-modal .layout-2-content .option-description-text{padding:0;border-radius:6px;margin-bottom:20px;line-height:1.6;color:#666}.avery-info-modal .layout-2-content .static-block-content{padding:0;border-radius:6px;width:100%}.avery-info-modal .layout-3-content .static-block-content{padding:20px 0;overflow-y:scroll}.avery-info-modal .static-block-wrapper{line-height:1.6}.avery-info-modal .static-block-wrapper h2,.avery-info-modal .static-block-wrapper h3,.avery-info-modal .static-block-wrapper h4{margin-top:0;margin-bottom:15px;color:#333}.avery-info-modal .static-block-wrapper p{margin-bottom:inherit}.avery-info-modal .static-block-wrapper img{max-width:100%;height:auto;display:block;margin:15px 0}.avery-info-modal .modal-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.9);border-radius:8px;z-index:100;display:flex;align-items:center;justify-content:center}.avery-info-modal .modal-loading-overlay .loading-mask{text-align:center}.avery-info-modal .modal-loading-overlay .loader{display:flex;flex-direction:column;align-items:center;gap:10px}.avery-info-modal .modal-loading-overlay .loader img{width:64px;height:64px}.avery-info-modal .modal-loading-overlay .loader p{margin:0;color:#666;font-size:14px}.avery-info-modal .layout-2-content .options-list-container.loading{position:relative;pointer-events:none}.avery-info-modal .layout-2-content .options-list-container.loading:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.7);border-radius:8px;z-index:10}.avery-info-modal .layout-2-content .option-list-item.disabled{pointer-events:none;opacity:.6;cursor:not-allowed}.avery-info-modal .static-block-content.loading{position:relative;min-height:100px}.avery-info-modal .static-block-content .static-block-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:10}.avery-info-modal .static-block-content .static-block-loader img{width:32px;height:32px}.avery-info-modal .static-block-content.loading .static-block-wrapper{opacity:.3}.avery-info-modal .modal-body.ajax-loading{pointer-events:none}.avery-info-modal .modal-body.ajax-loading .custom-dropdown,.avery-info-modal .modal-body.ajax-loading .option-list-item{cursor:wait}body.modal-open{overflow:hidden}@media (max-width:768px){.avery-info-modal .modal-container{width:95%;max-width:none}.avery-info-modal .modal-header{padding:15px 20px}.avery-info-modal .modal-body{padding:20px}.avery-info-modal .layout-1-content .modal-main-content,.avery-info-modal .layout-2-content .modal-main-content{flex-direction:column}.avery-info-modal .layout-1-content .option-image-container,.avery-info-modal .layout-2-content .options-list-container{flex:1 1 auto;width:100%}.avery-info-modal .layout-2-content .options-list{max-height:200px}}.layout-content{display:flex;position:relative}.avery-info-modal .option-cta-button{display:inline-block;padding:12px 24px;background:#006bb4;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;min-width:200px;text-align:center}.avery-info-modal .option-cta-button:active{transform:translateY(0);box-shadow:0 2px 4px rgba(0,107,180,.3)}.avery-info-modal .option-cta-button:disabled{background:#ccc;cursor:not-allowed;transform:none}.avery-info-modal .layout-1-content .option-cta-container{text-align:left}.avery-info-modal .layout-2-content .option-cta-container{margin-bottom:20px;display:flex;align-items:self-start}@media (max-width:768px){.avery-info-modal .option-cta-button{width:100%;min-width:auto}}.avery-info-modal .desktop-only{display:block}.avery-info-modal .mobile-only{display:none}.avery-info-modal .mobile-dropdown-container{margin-bottom:20px}.avery-info-modal .mobile-dropdown-container .custom-dropdown{position:relative;margin-bottom:0}@media (max-width:768px){.avery-info-modal .desktop-only{display:none !important}.avery-info-modal .mobile-only{display:block !important}.avery-info-modal .layout-2-content .modal-main-content{flex-direction:column}.avery-info-modal .layout-2-content .option-details-container{width:100%}.avery-info-modal .mobile-dropdown-container{width:100%}.avery-info-modal .layout-2-content .option-description-text{margin-top:20px}}.avery-info-modal .mobile-dropdown-container .dropdown-option-swatch{width:24px;height:24px;object-fit:cover;border-radius:3px;flex-shrink:0}.avery-info-modal .mobile-dropdown-container .dropdown-option-text{font-size:14px;color:#333}