.f12-modal-overlay{position:fixed;inset:0;background:transparent;z-index:99999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.f12-modal-overlay::before{content:"";position:absolute;inset:0;background:var(--f12-modal-overlay-color,#000);opacity:var(--f12-modal-overlay-opacity,.6)}.f12-modal-overlay.f12-modal-open{opacity:1;visibility:visible}body.f12-modal-active{overflow:hidden}.f12-modal{position:relative;background:var(--f12-color-bg,#fff);border-radius:var(--f12-border-radius,8px);max-width:var(--f12-modal-max-width,700px);width:90%;max-height:85vh;overflow-y:auto;box-shadow:0 10px 40px rgba(0,0,0,.3);transform:scale(.95);transition:transform .25s ease;border:var(--f12-modal-border,none)}.f12-modal-open .f12-modal{transform:scale(1)}.f12-modal-skeleton{display:none}.f12-modal-loading .f12-modal-skeleton{display:flex;gap:20px}.f12-modal-loading .f12-modal-loaded{display:none}@keyframes f12-skeleton-pulse{0%{background-position:200% 0}100%{background-position:-200% 0}}.f12-modal-close{position:absolute;top:10px;right:15px;background:none;border:var(--f12-modal-close-border,none);font-size:28px;cursor:pointer;color:var(--f12-color-text,#666);z-index:1;line-height:1;padding:var(--f12-modal-close-padding,0)}.f12-modal-close:hover{color:var(--f12-color-price,#000)}.f12-modal-body{padding:var(--f12-modal-padding,30px)}.f12-modal-loaded{display:flex;gap:20px}.f12-modal-image{flex:0 0 160px}.f12-modal-image img{width:100%;height:auto;border-radius:var(--f12-border-radius,4px);object-fit:cover}.f12-modal-info{flex:1 1 200px}.f12-modal-title{font-size:var(--f12-modal-title-font-size,22px);font-weight:var(--f12-modal-title-font-weight,700);font-family:var(--f12-modal-title-font-family,inherit);color:var(--f12-modal-title-color,var(--f12-color-text,#333));padding:var(--f12-modal-title-padding,0);margin:var(--f12-modal-title-margin,0 0 10px 0);border:var(--f12-modal-title-border,none)}.f12-modal-rating{color:#f0c040;font-size:14px;margin-bottom:8px;letter-spacing:2px}.f12-modal-rating:empty{display:none}.f12-modal-description:empty{display:none}.f12-modal-stock-badge{display:inline-block;background:#e8f5e9;color:#2e7d32;font-size:12px;font-weight:600;border-radius:3px;padding:var(--f12-modal-badge-padding,3px 8px);margin:var(--f12-modal-badge-margin,0 0 8px 0);border:var(--f12-modal-badge-border,none)}.f12-modal-stock-badge:empty{display:none}.f12-modal-description{font-size:var(--f12-modal-desc-font-size,14px);font-weight:var(--f12-modal-desc-font-weight,400);font-family:var(--f12-modal-desc-font-family,inherit);color:var(--f12-modal-desc-color,var(--f12-color-text,#555));padding:var(--f12-modal-desc-padding,0);margin:var(--f12-modal-desc-margin,0 0 15px 0);border:var(--f12-modal-desc-border,none)}.f12-modal-price{font-size:var(--f12-modal-price-font-size,20px);font-weight:var(--f12-modal-price-font-weight,600);font-family:var(--f12-modal-price-font-family,inherit);color:var(--f12-modal-price-color,var(--f12-color-price,#111));padding:var(--f12-modal-price-padding,0);margin:var(--f12-modal-price-margin,0 0 20px 0);border:var(--f12-modal-price-border,none)}.f12-modal-actions{display:flex;gap:10px;flex-wrap:wrap}.f12-modal .f12-modal-actions .button{display:inline-block;padding:var(--f12-modal-button-padding,8px 20px) !important;margin:var(--f12-modal-button-margin,0);text-decoration:none;border-radius:var(--f12-border-radius,4px) !important;font-size:var(--f12-modal-button-font-size,14px);font-weight:var(--f12-modal-button-font-weight,600);font-family:var(--f12-modal-button-font-family,inherit);color:var(--f12-modal-button-color,var(--f12-color-text,#333));border:var(--f12-modal-button-border,1px solid var(--f12-color-border,#e0e0e0)) !important;background:var(--f12-color-bg,#f0f0f0) !important;cursor:pointer;line-height:1.4}