#item-enquiry { margin: 0 0 20px; text-align: right; }
#item-enquiry *, #item-enquiry *::before, #item-enquiry *::after { box-sizing: border-box; }
#item-enquiry button, #item-enquiry input, #item-enquiry textarea { font: inherit; }
#item-enquiry button { cursor: pointer; }
#item-enquiry [hidden] { display: none; }
.enquiry-launch { display: inline-flex; align-items: center; max-width: 100%; gap: 11px; border: 1px solid rgba(var(--accent-color-rgb), .34); background: linear-gradient(135deg, rgba(var(--accent-color-rgb), .17), rgba(var(--accent-color-rgb), .07)); color: var(--text-color); padding: 9px 11px; border-radius: 11px; box-shadow: 0 6px 22px rgba(0, 0, 0, .16); transition: transform .2s, background .2s, border-color .2s, box-shadow .2s; }
.enquiry-launch:hover { transform: translateY(-1px); background: linear-gradient(135deg, rgba(var(--accent-color-rgb), .24), rgba(var(--accent-color-rgb), .1)); border-color: rgba(var(--accent-color-rgb), .65); box-shadow: 0 9px 28px rgba(0, 0, 0, .22); }
.enquiry-launch-icon { display: inline-flex; align-items: center; justify-content: center; width: 35px; height: 35px; flex: 0 0 35px; border-radius: 9px; background: var(--accent-color); color: #17120a; }
.enquiry-launch-icon .enquiry-icon-glyph { width: 25px; height: 25px; }
.enquiry-launch-copy { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: 2px; text-align: left; }
.enquiry-launch-copy strong { color: var(--text-color); font-size: 12px; line-height: 1.35; }
.enquiry-launch-copy small { color: var(--accent-color); font-size: 10px; font-weight: 600; line-height: 1.25; }
.enquiry-launch-arrow { color: var(--accent-color); font-size: 17px; transition: transform .2s; }
.enquiry-launch:hover .enquiry-launch-arrow { transform: translateX(2px); }
.enquiry-teaser { position: fixed; right: 24px; bottom: 24px; width: min(330px, calc(100vw - 32px)); z-index: 1040; padding: 24px; border: 1px solid rgba(var(--accent-color-rgb), .3); border-radius: 14px; background: var(--bg-card); color: var(--text-color); text-align: left; box-shadow: var(--card-shadow); }
.enquiry-teaser strong { display: block; margin-top: 15px; font-size: 18px; line-height: 1.4; padding-right: 12px; }
.enquiry-teaser p { color: var(--text-secondary); margin: 10px 0 20px; font-size: 13px; line-height: 1.6; }
.enquiry-dialog { position: fixed; inset: 0 0 0 auto; margin: 0; height: 100dvh; max-height: 100dvh; width: min(500px, 100vw); max-width: 100vw; padding: 0; border: 0; border-left: 1px solid var(--border-color); background: var(--bg-secondary); color: var(--text-color); text-align: left; overflow-y: auto; overscroll-behavior: contain; box-shadow: -12px 0 60px #0004; scrollbar-width: thin; scrollbar-color: var(--border-color) transparent; }
.enquiry-dialog::backdrop { background: #0009; backdrop-filter: blur(3px); }
.enquiry-header { position: relative; padding: 32px 28px 24px; border-bottom: 1px solid var(--border-color); background: radial-gradient(ellipse at top left, var(--accent-soft), transparent 75%); }
.enquiry-icon { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border: 1px solid rgba(var(--accent-color-rgb), .25); border-radius: 12px; color: var(--accent-color); background: var(--accent-soft); }
.enquiry-icon .enquiry-icon-glyph { width: 24px; height: 24px; }
.enquiry-icon-glyph { display: block; background: currentColor; mask: url("../images/magnifying-glass-inspect-ingame.svg") center / contain no-repeat; -webkit-mask: url("../images/magnifying-glass-inspect-ingame.svg") center / contain no-repeat; }
.enquiry-eyebrow { display: inline-block; margin-left: 12px; color: var(--accent-color); font-size: 16px; font-weight: 700; letter-spacing: 1.1px; }
.enquiry-dialog h2 { margin: 22px 0 10px; padding: 0; font-size: 26px; font-weight: 700; line-height: 1.25; letter-spacing: -.5px; }
.enquiry-header p { margin: 18px 0 0; color: var(--text-secondary); font-size: 13px; line-height: 1.7; }
.enquiry-mode { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 18px 28px; border-bottom: 1px solid var(--border-color); }
.enquiry-mode-option { display: flex; align-items: center; gap: 10px; min-width: 0; padding: 12px; border: 1px solid var(--border-color); border-radius: 10px; background: var(--bg-card); color: var(--text-color); text-align: left; }
.enquiry-mode-option:hover, .enquiry-mode-option.is-active { border-color: rgba(var(--accent-color-rgb), .65); background: var(--accent-soft); }
.enquiry-mode-option.is-active { box-shadow: inset 0 0 0 1px rgba(var(--accent-color-rgb), .24); }
.enquiry-mode-option > span:last-child { display: flex; min-width: 0; flex-direction: column; gap: 3px; }
.enquiry-mode-option strong { font-size: 12px; line-height: 1.25; }
.enquiry-mode-option small { margin: 0; font-size: 9px; line-height: 1.35; }
.enquiry-mode-icon { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; flex: 0 0 28px; border-radius: 8px; background: var(--accent-soft); color: var(--accent-color); }
.enquiry-mode-icon::before { content: ''; width: 17px; height: 17px; background: currentColor; mask-position: center; mask-size: contain; mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; }
.enquiry-mode-icon--contact::before { mask-image: url("../images/message-square-lines.svg"); -webkit-mask-image: url("../images/message-square-lines.svg"); }
.enquiry-mode-icon--watch::before { mask-image: url("../images/bell-ringing.svg"); -webkit-mask-image: url("../images/bell-ringing.svg"); }
.enquiry-mode-option.is-active .enquiry-mode-icon { background: var(--accent-color); color: #17120a; }
.enquiry-section { padding: 24px 28px; border-bottom: 1px solid var(--border-color); }
.enquiry-dialog label { display: flex; align-items: center; gap: 10px; margin: 0 0 12px; font-size: 13px; font-weight: 600; }
.enquiry-step { color: var(--accent-color); font-size: 10px; font-weight: 700; letter-spacing: 1px; }
.enquiry-dialog input, .enquiry-dialog textarea { width: 100%; border: 1px solid var(--border-color); border-radius: 8px; background: var(--input-bg); color: var(--text-color); padding: 12px 14px; font-size: 13px !important; line-height: 1.5; transition: border-color .2s, box-shadow .2s; }
.enquiry-dialog input::placeholder, .enquiry-dialog textarea::placeholder { color: var(--text-secondary); opacity: .7; }
.enquiry-dialog input:focus, .enquiry-dialog textarea:focus { border-color: var(--accent-color); box-shadow: 0 0 0 3px var(--accent-soft); outline: none; }
.enquiry-search-wrap { position: relative; }
.enquiry-search-wrap svg { position: absolute; width: 18px; height: 18px; left: 13px; top: 14px; color: var(--text-secondary); pointer-events: none; }
.enquiry-search-wrap input { padding-left: 40px; }
.enquiry-search-wrap input[type="search"]::-webkit-search-cancel-button { width: 14px; height: 14px; margin-left: 8px; -webkit-appearance: none; appearance: none; background: var(--text-secondary); opacity: .75; cursor: pointer; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 3l10 10M13 3L3 13' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 3l10 10M13 3L3 13' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat; }
.enquiry-search-wrap input[type="search"]::-webkit-search-cancel-button:hover { background: var(--accent-color); opacity: 1; }
.enquiry-dialog .enquiry-note-label { margin-top: 22px; }
.enquiry-dialog textarea { height: 100px; min-height: 100px; max-height: 100px; resize: none; }
.enquiry-dialog small, #enquiry-search-status { display: block; color: var(--text-secondary); margin: 9px 0 0; font-size: 11px; line-height: 1.6; }
.enquiry-results { max-height: 245px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: var(--border-color) transparent; }
.enquiry-results:not(:empty) { margin-top: 14px; padding: 4px; border: 1px solid var(--border-color); border-radius: 10px; background: var(--input-bg); }
.enquiry-results button, .enquiry-selected-row { display: flex; align-items: center; gap: 12px; width: 100%; padding: 9px; text-align: left; border: 1px solid transparent; background: transparent; color: var(--text-color); border-radius: 7px; font-size: 12px !important; line-height: 1.5; }
.enquiry-results button + button { border-top-color: var(--border-color); }
.enquiry-results button:hover:not(:disabled) { background: var(--accent-soft); border-color: rgba(var(--accent-color-rgb), .3); }
.enquiry-item-image { width: 54px; height: 44px; flex: 0 0 54px; object-fit: contain; background: var(--bg-card); border-radius: 6px; }
.enquiry-item-name { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.enquiry-item-action { color: var(--accent-color); font-size: 20px; padding: 0 4px; }
.enquiry-selection { margin-top: 20px; }
.enquiry-selection-heading { display: flex; align-items: center; justify-content: space-between; font-size: 11px; color: var(--text-secondary); margin-bottom: 8px; }
.enquiry-count { border-radius: 5px; padding: 2px 7px; background: var(--accent-soft); color: var(--accent-color); font-size: 10px; font-weight: 700; }
.enquiry-selected-row { background: var(--bg-card); border: 1px solid var(--border-color); margin-top: 6px; }
.enquiry-remove, #item-enquiry .enquiry-close { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; flex: 0 0 30px; border: 1px solid var(--border-color); border-radius: 7px; background: var(--bg-card); color: var(--text-secondary); font-size: 20px !important; line-height: 1; }
.enquiry-remove, #item-enquiry .enquiry-close { position: relative; padding: 0; font-size: 0 !important; }
.enquiry-remove::before, .enquiry-remove::after, #item-enquiry .enquiry-close::before, #item-enquiry .enquiry-close::after { content: ""; position: absolute; left: 50%; top: 50%; width: 12px; height: 1.5px; border-radius: 2px; background: currentColor; transform-origin: center; }
.enquiry-remove::before, #item-enquiry .enquiry-close::before { transform: translate(-50%, -50%) rotate(45deg); }
.enquiry-remove::after, #item-enquiry .enquiry-close::after { transform: translate(-50%, -50%) rotate(-45deg); }
#item-enquiry .enquiry-close { position: absolute; right: 16px; top: 16px; }
.enquiry-remove:hover, #item-enquiry .enquiry-close:hover { color: var(--text-color); border-color: var(--text-secondary); }
.enquiry-footer { padding: 24px 28px 28px; text-align: center; }
#item-enquiry .enquiry-primary { display: flex; align-items: center; justify-content: space-between; gap: 12px; border: 1px solid rgba(var(--accent-color-rgb), .5); border-radius: 8px; padding: 13px 16px; background: linear-gradient(135deg, var(--accent-color), var(--accent-color-deep)); color: #17120a; font-size: 13px; font-weight: 700; box-shadow: 0 4px 16px rgba(var(--accent-color-rgb), .12); }
.enquiry-footer > .enquiry-primary { width: min(230px, 100%); margin: 0 auto; padding: 11px 15px; }
#item-enquiry .enquiry-primary:hover:not(:disabled) { background: var(--accent-hover); }
#item-enquiry button:disabled { opacity: .45; cursor: default; box-shadow: none; }
.enquiry-footer a { display: inline-block; margin-top: 14px; font-size: 11px; color: var(--text-secondary); text-decoration: underline; text-underline-offset: 3px; }
.enquiry-footer a:hover { color: var(--accent-color); }
.enquiry-status { padding: 12px; margin: 18px 0 0; border: 1px solid rgba(var(--accent-color-rgb), .3); border-radius: 8px; background: var(--accent-soft); color: var(--text-color); font-size: 13px; line-height: 1.6; text-align: left; }
.enquiry-status[data-state="success"] { border-color: #38885a; background: #38885a1a; }
.enquiry-status[data-state="watched"] { border-color: #38885a; background: #38885a1a; }
.enquiry-contact { margin-top: 16px; padding: 15px; border: 1px solid rgba(var(--accent-color-rgb), .3); border-radius: 10px; background: var(--accent-soft); text-align: left; }
.enquiry-contact-status { margin: 0 0 14px; color: var(--text-color); font-size: 12px; line-height: 1.55; }
.enquiry-contact label { margin-bottom: 8px; color: var(--text-secondary); font-size: 11px; }
.enquiry-contact-row { display: flex; gap: 8px; }
.enquiry-contact-dropdown { position: relative; flex: 1; min-width: 0; }
.enquiry-contact-toggle, .enquiry-contact-option { display: flex; align-items: center; gap: 10px; width: 100%; border: 1px solid var(--border-color); background: var(--bg-card); color: var(--text-color); }
.enquiry-contact-toggle { min-height: 44px; padding: 9px 12px; border-radius: 8px; font-size: 12px !important; font-weight: 600; }
.enquiry-contact-toggle:hover, .enquiry-contact-dropdown.is-open .enquiry-contact-toggle { border-color: var(--accent-color); }
.enquiry-contact-chevron { margin-left: auto; color: var(--accent-color); font-size: 9px; transition: transform .2s; }
.enquiry-contact-dropdown.is-open .enquiry-contact-chevron { transform: rotate(180deg); }
.enquiry-contact-panel { position: absolute; left: 0; right: 0; bottom: calc(100% + 6px); z-index: 4; padding: 5px; border: 1px solid var(--border-color); border-radius: 9px; background: var(--bg-card); box-shadow: var(--card-shadow); }
.enquiry-contact-option { padding: 9px 10px; border-color: transparent; border-radius: 6px; text-align: left; font-size: 12px !important; }
.enquiry-contact-option:hover, .enquiry-contact-option.is-active { border-color: rgba(var(--accent-color-rgb), .3); background: var(--accent-soft); }
.enquiry-contact-icon { --enquiry-contact-icon: none; display: inline-flex; width: 20px; height: 20px; flex: 0 0 20px; border-radius: 5px; background: rgba(var(--accent-color-rgb), .16); }
.enquiry-contact-icon::after { content: ""; width: 12px; height: 12px; margin: auto; background: var(--accent-color); mask: var(--enquiry-contact-icon) center / contain no-repeat; -webkit-mask: var(--enquiry-contact-icon) center / contain no-repeat; }
.enquiry-contact-icon--messenger { --enquiry-contact-icon: url("../images/messenger-icon.svg"); }
.enquiry-contact-icon--facebook { --enquiry-contact-icon: url("../images/facebook.svg"); }
.enquiry-contact-icon--instagram { --enquiry-contact-icon: url("../images/instagram.svg"); }
.enquiry-contact-icon--discord { --enquiry-contact-icon: url("../images/discord.svg"); }
.enquiry-contact-icon--email { --enquiry-contact-icon: url("../images/email.svg"); }
.enquiry-footer .enquiry-contact-go { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; flex: 0 0 44px; margin: 0; border: 1px solid rgba(var(--accent-color-rgb), .5); border-radius: 8px; background: linear-gradient(135deg, var(--accent-color), var(--accent-color-deep)); color: #17120a; text-decoration: none; font-size: 20px; font-weight: 700; }
.enquiry-footer .enquiry-contact-go:hover { color: #17120a; background: var(--accent-hover); }
.enquiry-dialog button:focus-visible, .enquiry-teaser button:focus-visible, .enquiry-launch:focus-visible { outline: 2px solid var(--accent-color); outline-offset: 2px; }
@media (max-width: 540px) { .enquiry-header { padding: 26px 20px 22px; } .enquiry-mode { padding: 16px 20px; } .enquiry-mode-option { padding: 10px; } .enquiry-section, .enquiry-footer { padding: 20px; } .enquiry-dialog h2 { font-size: 24px; } .enquiry-teaser { right: 16px; bottom: 16px; } }
@media (prefers-reduced-motion: no-preference) { .enquiry-dialog[open] { animation: enquiry-in .22s ease-out; } @keyframes enquiry-in { from { transform: translateX(30px); opacity: .5; } to { transform: translateX(0); opacity: 1; } } }