.phoenix-product-configurator .phoenix-logo-label-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.phoenix-product-configurator .phoenix-logo-label-row .lbl{margin:0!important}
.phoenix-product-configurator .phoenix-logo-info{display:inline-flex;align-items:center;justify-content:center;flex:0 0 29px;width:29px;height:29px;padding:0;border:1px solid #d9decf;border-radius:50%;background:#F1F2ED;color:#1D2023;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,transform .18s ease}
.phoenix-product-configurator .phoenix-logo-info:hover{background:#DCF940!important;border-color:#DCF940!important;color:#1D2023!important;transform:translateY(-1px)}
.phoenix-product-configurator .phoenix-logo-info:active{transform:translateY(0)}
.phoenix-product-configurator .phoenix-logo-info:focus,.phoenix-product-configurator .phoenix-logo-info:active{background:#F1F2ED!important;border-color:#1D2023!important;color:#1D2023!important}
.phoenix-product-configurator .phoenix-logo-info:hover:is(:focus,:active){background:#DCF940!important;border-color:#DCF940!important;color:#1D2023!important}
.phoenix-product-configurator .phoenix-logo-info:focus-visible{outline:2px solid #1D2023!important;outline-offset:3px}
.phoenix-product-configurator .phoenix-logo-dialog{position:fixed;inset:0;box-sizing:border-box;width:min(800px,calc(100vw - 32px));max-width:none;max-height:min(860px,calc(100dvh - 32px));margin:auto;padding:0;border:1px solid #d9decf;border-radius:26px;overflow:auto;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;background:#fff;color:#1D2023;font:400 15px/1.45 "Kanit",sans-serif;box-shadow:0 18px 60px rgba(29,32,35,.15)}
.phoenix-product-configurator .phoenix-logo-dialog::-webkit-scrollbar{display:none}
.phoenix-logo-dialog::backdrop{background:rgba(29,32,35,.55)}
.phoenix-logo-dialog .phoenix-logo-dialog-head{position:sticky;top:0;z-index:1;display:flex;align-items:start;justify-content:space-between;gap:20px;padding:24px 28px 17px;background:#fff;border-bottom:1px solid #ebeee6}
.phoenix-logo-dialog .phoenix-logo-eyebrow{display:block;margin:0 0 5px;color:#66705c;font-size:11px;font-weight:500;letter-spacing:.09em}
.phoenix-logo-dialog h2{margin:0!important;color:#1D2023!important;font:600 28px/1.14 "Kanit",sans-serif!important;letter-spacing:-.025em}
.phoenix-product-configurator .phoenix-logo-dialog .phoenix-logo-close{display:flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:#F1F2ED!important;color:#1D2023!important;font:300 28px/1 Arial,sans-serif!important;cursor:pointer;box-shadow:none!important;transition:background-color .18s ease,transform .18s ease}
.phoenix-product-configurator .phoenix-logo-dialog .phoenix-logo-close:hover{background:#DCF940!important;color:#1D2023!important;transform:rotate(5deg)}
.phoenix-product-configurator .phoenix-logo-dialog .phoenix-logo-close:active{transform:scale(.94)}
.phoenix-product-configurator .phoenix-logo-dialog .phoenix-logo-close:focus:not(:hover){background:#F1F2ED!important;color:#1D2023!important}
.phoenix-product-configurator .phoenix-logo-dialog .phoenix-logo-close:focus-visible{outline:2px solid #1D2023!important;outline-offset:2px}
.phoenix-logo-dialog .phoenix-logo-intro{margin:0;padding:18px 28px 0;color:#62675f;font:400 14px/1.5 "Kanit",sans-serif}
.phoenix-logo-dialog .phoenix-logo-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:20px 28px 28px}
.phoenix-logo-dialog .phoenix-logo-card{min-width:0;margin:0;padding:10px 10px 14px;border:1px solid #e3e6dd;border-radius:20px;background:#fff}
.phoenix-logo-dialog .phoenix-logo-image{display:grid;place-items:center;aspect-ratio:4/3;overflow:hidden;border-radius:14px;background:#F1F2ED}
.phoenix-logo-dialog .phoenix-logo-image img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
.phoenix-logo-dialog .phoenix-logo-card figcaption{display:flex;justify-content:center;align-items:center;min-height:38px;margin-top:12px;text-align:center}
.phoenix-logo-dialog .phoenix-logo-card figcaption span{display:inline-block;max-width:100%;padding:7px 13px;border-radius:999px;background:#DCF940;color:#1D2023;font:500 12px/1.3 "Kanit",sans-serif;overflow-wrap:anywhere}
@media(max-width:600px){.phoenix-product-configurator .phoenix-logo-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:20px}.phoenix-logo-dialog .phoenix-logo-dialog-head{padding:20px 18px 14px}.phoenix-logo-dialog h2{font-size:24px!important}.phoenix-logo-dialog .phoenix-logo-intro{padding:15px 18px 0}.phoenix-logo-dialog .phoenix-logo-gallery{grid-template-columns:1fr;gap:12px;padding:16px 18px 20px}.phoenix-logo-dialog .phoenix-logo-image{aspect-ratio:16/11;max-height:250px}}
@media(prefers-reduced-motion:reduce){.phoenix-product-configurator .phoenix-logo-info,.phoenix-product-configurator .phoenix-logo-dialog .phoenix-logo-close{transition:none}}
