:root{--layout-height:calc(100dvh - 130px)}
html{background:#100f14}body{margin:0}button,a,input,select,summary,[role=button]{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}*:focus-visible{outline:2px solid #ffe644;outline-offset:3px}
.preview-modal-open{overflow:hidden}
.preview-backdrop{position:fixed;inset:0;background:#000a;z-index:20000;display:flex;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(3px);box-sizing:border-box}
.preview-dialog{position:relative;box-sizing:border-box;width:min(440px,100%);max-height:90dvh;overflow:auto;background:#1c1c25;color:#f6f5f8;border:1px solid #ffffff14;border-radius:8px;padding:30px;font-family:Manrope,Arial,sans-serif;box-shadow:0 24px 100px #0008}
.preview-dialog-wide{width:min(640px,100%)}.preview-dialog h2{font-family:ManropeBold,Arial,sans-serif;font-size:22px;margin:0 30px 24px 0;line-height:1.3}.preview-dialog h3{font-size:18px}.preview-dialog p{color:#9999a5;font-size:14px;line-height:1.65}.preview-close{position:absolute;right:16px;top:12px;border:0;background:none;color:#b8b8c0;font-size:30px;line-height:1;padding:4px 8px}.preview-close:hover{color:#ffe644}
.preview-primary,.preview-secondary{font:14px ManropeBold,Arial,sans-serif;border-radius:5px;padding:12px 20px;border:1px solid transparent;transition:background .15s;color:#100f14;background:#ffe644;cursor:pointer;white-space:nowrap}.preview-primary:hover{background:#fff077}.preview-primary:disabled{opacity:.4}.preview-secondary{background:transparent;border-color:#ffffff33;color:#eee}.preview-secondary:hover{background:#ffffff08}
.preview-login-logo{display:block;width:64px;height:64px;margin:20px auto 26px}.preview-dialog>.preview-primary{margin-top:16px;width:100%}
.preview-chat{position:fixed;bottom:24px;right:24px;width:56px;height:56px;background:#100f14;color:white;border:0;border-radius:50%;z-index:300;font-size:29px;box-shadow:0 3px 15px #0003;display:grid;place-items:center}.preview-chat:before{content:'';width:20px;height:17px;background:white;border-radius:2px;clip-path:polygon(0 0,100% 0,100% 80%,25% 80%,0 100%);position:absolute}.preview-chat{font-size:0}
.preview-cookies{box-sizing:border-box;position:fixed;z-index:15000;bottom:24px;left:50%;transform:translateX(-50%);width:min(560px,calc(100% - 32px));padding:26px;background:#202025;color:#fff;box-shadow:0 4px 20px #0004;border-radius:3px;font:14px Manrope,Arial,sans-serif}.preview-cookies h3{font-family:ManropeBold;margin:0 0 8px;font-size:16px}.preview-cookies p{color:#aaa;line-height:1.65;margin:0 0 18px}.preview-cookie-actions{display:flex;justify-content:flex-end;gap:10px}.preview-cookie-actions button{font-size:13px;padding:11px 14px}.preview-setting{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid #ffffff12}.preview-setting input{accent-color:#ffe644}
.preview-drawer{position:fixed;right:0;top:0;bottom:0;max-height:100dvh;border-radius:0;width:min(380px,100%);padding-top:40px}.preview-dialog textarea,.preview-dialog input,.preview-dialog select,.preview-advanced input{box-sizing:border-box;width:100%;color:#eee;background:#100f14;border:1px solid #ffffff24;border-radius:4px;font:14px Manrope,Arial,sans-serif;padding:12px;margin:8px 0}.preview-dialog textarea{min-height:110px;resize:vertical;margin-top:24px}.preview-support-link{display:block;padding:14px 0;border-bottom:1px solid #ffffff12;color:#ffe644;font-size:14px}
.preview-accordion-answer{padding:0 16px 18px;color:#b4b4bf;font:14px/1.8 Manrope,Arial,sans-serif}.preview-accordion-answer p{margin:8px 0}.preview-accordion-answer a{color:#ffe644}
.preview-selected{outline:1px solid #ffe644;outline-offset:-1px;background-color:#242322!important}.preview-empty{grid-column:1/-1;text-align:center;padding:80px 20px;color:#eee;font:18px ManropeBold}.preview-empty p{color:#777781;font:14px Manrope}.preview-empty button{margin-top:20px}
.preview-cart-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;max-height:50vh;overflow:auto}.preview-cart-item{background:#100f14;padding:10px;border-radius:5px;min-width:0;display:flex;flex-direction:column}.preview-cart-item img{height:90px;width:100%;object-fit:contain}.preview-cart-item small{font-size:10px;color:#83838b}.preview-cart-item strong{font:11px ManropeBold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px}.preview-cart-item p{color:#fff;margin:4px 0;font-size:13px}.preview-quantity{display:flex;align-items:center;justify-content:space-between;font-size:12px}.preview-quantity button{border:0;border-radius:3px;color:#ffe644;background:#22222b;width:28px;height:25px}.preview-cart-total{border-top:1px solid #ffffff16;padding:20px 0;margin-top:16px;text-align:right;color:#ffe644;font:20px ManropeBold}.preview-cart-actions{display:flex;justify-content:space-between;gap:12px}.preview-item-image{display:block;width:100%;height:250px;object-fit:contain}.preview-item-price{font:28px ManropeBold;color:#ffe644}.preview-trade-summary{color:#ffe644;font:13px ManropeBold;text-align:center;padding:8px}
.preview-popover{position:fixed;z-index:19000;min-width:180px;max-height:65vh;overflow:auto;background:#1c1c25;border:1px solid #ffffff1a;border-radius:5px;padding:8px;box-shadow:0 12px 35px #0008;font:13px Manrope}.preview-popover button{display:block;width:100%;padding:10px 12px;text-align:left;background:transparent;color:#a4a4ad;border:0;border-radius:3px;font:inherit}.preview-popover button:hover{background:#ffffff09;color:#ffe644}
.preview-color-selected{outline:2px solid #ffe644;outline-offset:2px}.preview-advanced{padding:10px 0;color:#858590;font:14px Manrope}.preview-advanced details{padding:14px 0}.preview-advanced summary{cursor:pointer}.preview-advanced input{width:45%;margin:10px 2% 0;font-size:12px}
@media(max-width:899px){:root{--layout-height:calc(100dvh - 130px)}.preview-chat{bottom:75px;right:16px;width:40px;height:40px}.preview-cookies{bottom:78px;padding:20px}.preview-dialog{padding:24px}.preview-dialog h2{font-size:20px}.preview-backdrop{padding:14px}.preview-cart-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-popover{max-width:calc(100vw - 32px)}.preview-item-image{height:200px}}
