* { margin: 0; padding: 0; box-sizing: border-box; }

        html, body {
            width: 100%; height: 100%; overflow: hidden;
            font-family: 'Open Sans', 'Segoe UI', sans-serif;
            background: #0a0a12; user-select: none;
        }

html, body, .window-frame, .browser-top, .desktop {
    cursor: url('/images/3cursor.png') 0 0, auto !important;
}

a, button, .product-icon, .taskbar-tab, .start-btn, .detail-share-btn,
.detail-add-btn, .all-btn, .detail-variant-btn, .gallery-nav,
.lightbox-nav, .lightbox-close, .cart-close-btn, .cart-empty-btn,
.qty-btn, .tab-close, .detail-main-img, .dolly-links a, .static-share,
.gallery-dot, [role="button"], input[type="submit"], input[type="button"],
.browser-top .tab-close, .product-icon .icon-img {
    cursor: url('/images/3pointer.png') 8 8, pointer !important;
}



        .desktop {
            position: fixed; inset: 0;
            background: url('shop_img/wallpaperSprite.jpg') center/cover no-repeat;
            z-index: 0; display: flex; flex-direction: column;
        }

        .desktop-icons {
            flex: 1; padding: 30px 480px 80px 30px;
            display: flex; flex-wrap: wrap; align-content: flex-start;
            gap: 40px 60px; overflow-y: auto; z-index: 1; position: relative; min-height: 0; overscroll-behavior: contain;
        }
        .desktop-icons::-webkit-scrollbar { width: 8px; }
        .desktop-icons::-webkit-scrollbar-track { background: rgba(0,0,0,0.2); }
        .desktop-icons::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.15); }

        .product-icon {
            display: flex; flex-direction: column; align-items: center;
            width: 180px; cursor: pointer; transition: transform 0.15s, filter 0.15s;
            text-align: center; padding: 8px 4px; background: transparent; border: none;
            font-family: 'Open Sans', sans-serif;
        }
        .product-icon:hover { transform: scale(1.06); filter: brightness(1.15); background: rgba(255,255,255,0.06); }
        .product-icon:active { transform: scale(0.94); }

        .product-icon .icon-img {
            width: 130px; height: 130px; object-fit: contain;
            background: rgba(0,0,0,0.4); padding: 10px;
            border: 1px solid rgba(255,255,255,0.06);
            box-shadow: 0 6px 20px rgba(0,0,0,0.5); transition: border-color 0.2s;
        }
        .product-icon:hover .icon-img { border-color: rgba(255,255,255,0.2); }

        .product-icon .icon-label {
            color: #fff; font-size: 20px; font-weight: 400;
            text-shadow: 0 2px 8px rgba(0,0,0,0.95), 0 0 6px rgba(0,0,0,0.9);
            margin-top: 10px; line-height: 1.3; max-width: 180px;
            word-break: break-word; font-family: 'Open Sans', sans-serif;
        }
        .product-icon .icon-label .sub {
            font-size: 14px; opacity: 0.7; display: block; font-weight: 300; margin-top: 2px;
        }

        #dolly-window {
            position: absolute; top: 30px; right: 30px; z-index: 10;
            width: 440px; max-width: 90vw; cursor: grab; pointer-events: auto;
            box-shadow: 0 8px 32px rgba(0,0,0,0.5); transition: box-shadow 0.2s;
        }
        #dolly-window:active { cursor: grabbing; }
        #dolly-window:hover { box-shadow: 0 12px 48px rgba(0,0,0,0.7); }
        #dolly-window .dolly-img { display: block; width: 100%; height: auto; pointer-events: none; }

        #dolly-window .dolly-content {
            position: absolute; inset: 0; font-family: 'Turret Road', sans-serif;
            color: #ff0000; text-shadow: 0 0 6px rgba(255,0,0,0.3); pointer-events: none;
        }
        .dolly-title-zone {
            position: absolute; left: 6%; width: 88%; top: 7.2%; height: 10.4%;
            display: flex; align-items: center; justify-content: center; text-align: center;
        }
        #dolly-window .dolly-content .dolly-title {
            font-size: 32px; font-weight: 700; letter-spacing: 5px;
            text-transform: uppercase; text-shadow: 0 0 10px rgba(255,0,0,0.4); line-height: 1.1;
        }
        .dolly-text-zone {
            position: absolute; left: 8.7%; width: 82.5%; top: 17.8%; height: 43.5%;
            display: flex; flex-direction: column; justify-content: flex-start;
            align-items: center; padding: 3% 2% 0; overflow: hidden;
        }
        #dolly-window .dolly-content .dolly-text {
            font-size: 16px; line-height: 1.7; margin-bottom: 10px; font-weight: 400; text-align: center;
        }
        #dolly-window .dolly-content .dolly-text strong { font-weight: 700; text-shadow: 0 0 8px rgba(255,0,0,0.5); }
        .dolly-links-zone {
            position: absolute; left: 4%; width: 92%; top: 89.4%; height: 13.8%;
            display: flex; align-items: center; justify-content: center;
        }
        #dolly-window .dolly-content .dolly-links {
            display: flex; flex-wrap: wrap; gap: 8px 20px; justify-content: center; pointer-events: auto;
        }
        #dolly-window .dolly-content .dolly-links a {
            color: #ff0000; text-decoration: none; font-size: 9px; font-weight: 700;
            transition: color 0.2s, text-shadow 0.2s; text-shadow: 0 0 4px rgba(255,0,0,0.3); pointer-events: auto;
        }
        #dolly-window .dolly-content .dolly-links a:hover { color: #ff6666; text-shadow: 0 0 12px rgba(255,0,0,0.6); }

        .windows-container { position: fixed; inset: 0; z-index: 100; pointer-events: none; }

        .lightbox-overlay {
            position: fixed; inset: 0; z-index: 9500;
            background: rgba(2,9,6,0.93); backdrop-filter: blur(6px);
            display: none; align-items: center; justify-content: center; padding: 60px;
        }
        .lightbox-overlay.open { display: flex; }

        .lightbox-img-wrap {
            max-width: 88vw; max-height: 82vh; overflow: hidden;
            display: flex; align-items: center; justify-content: center;
            border: 1px solid rgba(57,255,140,0.15); box-shadow: 0 0 60px rgba(57,255,140,0.08);
            cursor: zoom-in; position: relative;
        }
        .lightbox-img-wrap.zoomed { cursor: zoom-out; overflow: auto; align-items: flex-start; justify-content: flex-start; }
        .lightbox-img-wrap::-webkit-scrollbar { width: 10px; height: 10px; }
        .lightbox-img-wrap::-webkit-scrollbar-track { background: rgba(0,0,0,0.3); }
        .lightbox-img-wrap::-webkit-scrollbar-thumb { background: rgba(57,255,140,0.25); }

        #lightboxImg { display: block; max-width: 88vw; max-height: 82vh; width: auto; height: auto; object-fit: contain; user-select: none; }
        .lightbox-img-wrap.zoomed #lightboxImg { max-width: none; max-height: none; width: 220%; height: auto; }

        .lightbox-close {
            position: absolute; top: 18px; right: 22px; width: 40px; height: 40px;
            background: rgba(57,255,140,0.06); color: #cde;
            font-family: 'Open Sans', sans-serif; font-size: 18px; cursor: pointer;
            display: flex; align-items: center; justify-content: center; transition: 0.2s;
            border: none;
        }
        .lightbox-close:hover { background: rgba(57,255,140,0.14); color: #39ff8c; }

        .lightbox-nav {
            position: absolute; top: 44.5%; transform: translateY(-50%);
            width: 46px; height: 56px; background: rgba(57,255,140,0.06);
            border: 1px solid rgba(57,255,140,0.22); color: #cde; cursor: pointer;
            display: flex; align-items: center; justify-content: center; transition: 0.2s;
        }
        .lightbox-nav svg { width: 22px; height: 22px; }
        .lightbox-nav:hover { background: rgba(57,255,140,0.14); border-color: #39ff8c; color: #39ff8c; box-shadow: 0 0 16px rgba(57,255,140,0.25); }
        .lightbox-prev { left: 18px; }
        .lightbox-next { right: 18px; }

        .lightbox-hint {
            position: absolute; bottom: 24px; left: 50%; transform: translateX(-50%);
            color: rgba(220,233,226,0.55); font-family: 'Share Tech Mono', monospace;
            font-size: 12px; letter-spacing: 1px; text-transform: uppercase;
            pointer-events: none; transition: opacity 0.2s;
        }
        .lightbox-img-wrap.zoomed ~ .lightbox-hint { opacity: 0; }

        .lightbox-dots { position: absolute; bottom: 56px; left: 50%; transform: translateX(-50%); display: flex; gap: 6px; }
        .lightbox-dots .gallery-dot {
            width: 14px; height: 4px; background: rgba(255,255,255,0.25);
            border: none; padding: 0; cursor: pointer; transition: background 0.2s, width 0.2s, box-shadow 0.2s;
        }
        .lightbox-dots .gallery-dot.active { background: #39ff8c; width: 22px; box-shadow: 0 0 8px rgba(57,255,140,0.5); }

        .detail-main-img { cursor: zoom-in; }

        .window-frame {
            position: absolute; top: 44.5%; left: 50%;
            width: 960px; max-width: 96vw; max-height: 94vh;
            display: flex; flex-direction: column; background: #081310;
            box-shadow: 0 20px 80px rgba(0,0,0,0.85), 0 0 0 1px rgba(57,255,140,0.1), 0 0 40px rgba(57,255,140,0.06);
            overflow: hidden; pointer-events: auto; cursor: default; min-height: 600px;
        }

        .browser-top {
            position: relative; flex-shrink: 0; width: 100%;
            background: transparent; cursor: grab; overflow: hidden; line-height: 0;
        }
        .browser-top:active { cursor: grabbing; }
        .browser-top .browser-img { display: block; width: 100%; height: auto; pointer-events: none; }
        .browser-top .browser-overlay {
            position: absolute; top: 0; left: 0; right: 0; bottom: 0;
            display: flex; align-items: flex-start; justify-content: flex-start; padding: 0;
        }
        .browser-top .tab-title {
            position: absolute; left: 3.3%; width: 15%; top: 6.3%; height: 35.8%;
            display: flex; align-items: center; gap: 6px;
        }
        .browser-top .tab-favicon { height: 60%; width: auto; flex-shrink: 0; display: block; pointer-events: none; }
        .browser-top .tab-title-text {
            flex: 1; min-width: 0; font-family: 'Open Sans', sans-serif;
            font-size: 14px; font-weight: 600; color: #222;
            white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
            letter-spacing: 0.3px; line-height: 1.2;
        }
        .browser-top .tab-close {
            position: absolute; right: 0; top: 0; width: 3.2%; height: 42.1%;
            opacity: 0; cursor: pointer; background: transparent; border: none; z-index: 10; padding: 0;
        }
        .browser-top .url-bar {
            position: absolute; left: 10%; width: 88%; top: 45%; height: 44%;
            display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
            font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 400;
            color: #fff; letter-spacing: 0.2px; line-height: 2.8;
            pointer-events: none;
        }

        .window-body {
            position: relative; flex: 1; overflow-y: auto;
            padding: 36px 40px 40px; background: rgba(6,16,12,0.92);
            color: #dce9e2; font-family: 'Open Sans', sans-serif;
            min-height: 450px; max-height: 70vh;
        }
        .window-body::before {
            content: ''; position: absolute; inset: 0;
            background: repeating-linear-gradient(0deg, transparent 0px, transparent 2px, rgba(57,255,140,0.012) 2px, rgba(57,255,140,0.012) 3px);
            pointer-events: none; z-index: 0;
        }
        .window-body > * { position: relative; z-index: 1; }
        .window-body::-webkit-scrollbar { width: 8px; }
        .window-body::-webkit-scrollbar-track { background: rgba(0,0,0,0.25); }
        .window-body::-webkit-scrollbar-thumb { background: rgba(57,255,140,0.18); }

        .window-body .detail-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 38px; }

        .window-body .detail-image-wrap {
            flex: 1; min-width: 0; aspect-ratio: 1; overflow: hidden;
            background: rgba(0,0,0,0.4); border: 1px solid rgba(57,255,140,0.1);
            display: flex; align-items: center; justify-content: center; position: relative;
        }
        .window-body .detail-image-wrap img { width: 100%; height: 100%; object-fit: contain; padding: 16px; }
        .window-body .detail-image-wrap .no-img { color: #555; font-size: 15px; font-weight: 300; letter-spacing: 1px; }

        .detail-image-wrap .corner { position: absolute; width: 16px; height: 16px; pointer-events: none; z-index: 2; }
        .detail-image-wrap .corner-tr { top: 9px; right: 9px; border-top: 2px solid rgba(57,255,140,0.6); border-right: 2px solid rgba(57,255,140,0.6); }
        .detail-image-wrap .corner-bl { bottom: 9px; left: 9px; border-bottom: 2px solid rgba(57,255,140,0.6); border-left: 2px solid rgba(57,255,140,0.6); }
        .detail-image-wrap .corner-br { bottom: 9px; right: 9px; border-bottom: 2px solid rgba(57,255,140,0.6); border-right: 2px solid rgba(57,255,140,0.6); }

        .gallery-row { display: flex; align-items: center; gap: 10px; }
        .gallery-nav {
            flex-shrink: 0; width: 32px; height: 32px;
            background: rgba(57,255,140,0.04); border: 1px solid rgba(57,255,140,0.18);
            color: #9fb8ad; cursor: pointer;
            display: flex; align-items: center; justify-content: center;
            transition: background 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s;
        }
        .gallery-nav svg { width: 16px; height: 16px; display: block; }
        .gallery-nav:hover { background: rgba(57,255,140,0.12); border-color: #39ff8c; color: #39ff8c; box-shadow: 0 0 10px rgba(57,255,140,0.2); }

        .detail-image-col { display: flex; flex-direction: column; gap: 12px; }
        .gallery-dots { display: flex; align-items: center; justify-content: center; gap: 6px; }
        .gallery-dot {
            width: 14px; height: 4px; background: rgba(255,255,255,0.18);
            border: none; padding: 0; cursor: pointer; transition: background 0.2s, width 0.2s, box-shadow 0.2s;
        }
        .gallery-dot:hover { background: rgba(255,255,255,0.4); }
        .gallery-dot.active { background: #39ff8c; width: 22px; box-shadow: 0 0 8px rgba(57,255,140,0.5); }

        .window-body .detail-info { display: flex; flex-direction: column; gap: 18px; }
        .detail-title-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
        .window-body .detail-title { font-size: 24px; font-weight: 700; color: #fff; letter-spacing: 0.3px; font-family: 'Open Sans', sans-serif; }

        .detail-share-btn {
            flex-shrink: 0; background: rgba(255,255,255,0.04);
            border: 1px solid rgba(255,255,255,0.1); color: #bbc;
            font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: 600;
            padding: 7px 12px; cursor: pointer; letter-spacing: 0.3px; white-space: nowrap; transition: 0.2s;
        }
        .detail-share-btn:hover { border-color: rgba(57,255,140,0.45); color: #39ff8c; background: rgba(57,255,140,0.06); }
        .detail-share-btn.copied { color: #ffcc66; border-color: #ffcc66; background: rgba(255,204,102,0.06); }

        .window-body .detail-price-row {
            display: flex;
            align-items: baseline;
            gap: 10px;
            flex-wrap: wrap;
        }
        .window-body .detail-price {
            font-family: 'Share Tech Mono', monospace;
            font-size: 22px;
            font-weight: 400;
            color: #ffcc66;
            letter-spacing: 0.5px;
        }
        .window-body .detail-price::before {
            content: '$';
            font-size: 16px;
            color: #6a8;
            margin-right: 2px;
        }
        .window-body .detail-compare-price {
            font-family: 'Share Tech Mono', monospace;
            font-size: 15px;
            color: #555;
            text-decoration: line-through;
            letter-spacing: 0.3px;
        }
        .window-body .detail-save-badge {
            font-family: 'Share Tech Mono', monospace;
            font-size: 11px;
            color: #39ff8c;
            border: 1px solid rgba(57,255,140,0.35);
            padding: 2px 6px;
            letter-spacing: 1px;
        }

        .window-body .detail-desc { color: #9fb8ad; font-size: 15px; line-height: 1.8; padding: 16px 18px; background: rgba(0,0,0,0.28); margin: 4px 0 6px; }
        .window-body .detail-desc p { margin: 0 0 12px; }
        .window-body .detail-desc p:last-child { margin-bottom: 0; }
        .window-body .detail-desc strong, .window-body .detail-desc b { color: #cfe6db; font-weight: 700; }
        .window-body .detail-desc em, .window-body .detail-desc i { font-style: italic; }
        .window-body .detail-desc a { color: #39ff8c; text-decoration: underline; text-underline-offset: 2px; }
        .window-body .detail-desc ul, .window-body .detail-desc ol { margin: 0 0 12px 18px; }
        .window-body .detail-desc li { margin-bottom: 4px; }
        .detail-variant-specific {
            margin-top: 10px;
            padding-top: 10px;
            border-top: 1px solid rgba(57,255,140,0.15);
            color: #b8d4c8;
        }

        .detail-section-label { font-family: 'Share Tech Mono', monospace; font-size: 12px; color: #4f6e62; letter-spacing: 1.5px; margin-top: 4px; }

        .detail-size {
            font-family: 'Share Tech Mono', monospace;
            font-size: 12px;
            color: #4f6e62;
            letter-spacing: 1px;
            padding: 8px 0 0;
        }
        .detail-size span {
            color: #7aaa8a;
        }


        .all-btn {
            width: 100%;
            background: transparent;
            border: 1px solid rgba(57,255,140,0.25);
            border-top: none;
            color: #4f6e62;
            font-family: 'Open Sans', sans-serif;
            font-size: 13px;
            font-weight: 600;
            padding: 10px;
            cursor: pointer;
            letter-spacing: 1px;
            text-transform: uppercase;
            transition: 0.2s;
        }
        .all-btn:hover:not(:disabled) {
            background: rgba(57,255,140,0.06);
            color: #39ff8c;
            border-color: rgba(57,255,140,0.5);
        }
        .all-btn:disabled {
            opacity: 0.35;
            cursor: not-allowed;
        }
        .all-btn.confirmed {
            color: #ffcc66;
            border-color: rgba(255,204,102,0.4);
        }

        .window-body .detail-variants { display: flex; flex-wrap: wrap; gap: 10px; margin: 2px 0; }
        .window-body .detail-variant-btn {
            background: rgba(57,255,140,0.03); border: 1px solid rgba(57,255,140,0.12);
            color: #bbc; font-family: 'Open Sans', sans-serif; font-size: 14px;
            padding: 9px 20px; cursor: pointer; transition: 0.2s;
        }
        .window-body .detail-variant-btn:hover:not(.sold-out) { border-color: rgba(57,255,140,0.4); color: #fff; background: rgba(57,255,140,0.05); }
        .window-body .detail-variant-btn.active { border-color: #39ff8c; background: rgba(57,255,140,0.08); color: #39ff8c; box-shadow: 0 0 10px rgba(57,255,140,0.18); }
        .window-body .detail-variant-btn.sold-out { opacity: 0.3; cursor: not-allowed; text-decoration: line-through; }

        .window-body .detail-add-btn {
            background: rgba(57,255,140,0.07); border: 1px solid #39ff8c; border-bottom: 3px solid #39ff8c;
            color: #39ff8c; font-family: 'Open Sans', sans-serif; font-size: 17px; font-weight: 600;
            padding: 16px; cursor: pointer; letter-spacing: 1.5px; text-transform: uppercase;
            transition: 0.2s; width: 100%; margin-top: 8px;
        }
        .window-body .detail-add-btn:hover:not(:disabled) { background: rgba(57,255,140,0.13); color: #fff; border-color: #fff; box-shadow: 0 0 16px rgba(57,255,140,0.3); }
        .window-body .detail-add-btn:disabled { opacity: 0.25; cursor: not-allowed; border-color: #444; color: #666; }
        .window-body .detail-add-btn.confirmed { color: #ffcc66; border-color: #ffcc66; background: rgba(255,204,102,0.04); }

        .window-body .detail-meta {
            font-size: 11px; color: #4f6e62; margin-top: 10px; padding-top: 18px;
            border-top: 1px solid rgba(57,255,140,0.12);
            display: flex; justify-content: space-between; flex-wrap: wrap; gap: 4px;
            font-family: 'Share Tech Mono', monospace; letter-spacing: 0.3px;
        }

        .taskbar {
            position: fixed; bottom: 0; left: 0; right: 0; height: 56px; z-index: 9100;
            background: url('shop_img/toolbar_EE.png') center/100% 100% no-repeat;
            display: flex; align-items: stretch;
            justify-content: space-between; padding: 0 4px; flex-shrink: 0; overflow: visible;
        }
        .taskbar::before {
            content: ''; position: absolute; inset: 0;
            background: linear-gradient(180deg, rgba(30,30,50,0.3), rgba(10,10,20,0.6));
            z-index: 0; opacity: 0.3;
        }
        .taskbar > * { position: relative; z-index: 1; }

        .taskbar-left { display: flex; align-items: stretch; height: 100%; flex: 1; min-width: 0; overflow: visible; }
        .taskbar-scroll { flex: 1; min-width: 0; height: 100%; display: flex; align-items: stretch; overflow-x: auto; overflow-y: hidden; }
        .taskbar-scroll::-webkit-scrollbar { height: 4px; }
        .taskbar-scroll::-webkit-scrollbar-track { background: rgba(0,0,0,0.3); }
        .taskbar-scroll::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.2); }
        #taskbarTabs { display: flex; align-items: stretch; height: 100%; }
        .taskbar-right { display: flex; align-items: center; height: 100%; padding-right: 6px; flex-shrink: 0; }

        .start-btn {
            height: 56px; width: auto; cursor: pointer; background: none; border: none; padding: 0;
            display: flex; align-items: center; transition: filter 0.15s, transform 0.1s;
            image-rendering: pixelated; overflow: visible; margin-left: -38px; flex-shrink: 0; position: relative; z-index: 2;
        }
        .start-btn img { height: 104px; width: auto; display: block; image-rendering: pixelated; margin-top: -24px; }
        .start-btn:hover { filter: brightness(1.15); }
        .start-btn:active { transform: scale(0.94); }

        .taskbar-tab { position: relative; height: 56px; display: inline-block; flex-shrink: 0; padding: 0; border: none; background: none; cursor: pointer; transition: filter 0.2s; }
        .taskbar-tab:hover { filter: brightness(1.15); }
        .taskbar-tab:active { filter: brightness(0.85); }
        .taskbar-tab.active { filter: brightness(1.12); }
        .taskbar-tab .tab-bg-img { display: block; height: 100%; width: auto; pointer-events: none; image-rendering: pixelated; }
        .taskbar-tab .tab-text { position: absolute; inset: 0; display: flex; align-items: center; justify-content: flex-start; gap: 6px; padding: 0 16px; pointer-events: none; }
        .taskbar-tab .tab-favicon { height: 50%; width: auto; flex-shrink: 0; display: block; pointer-events: none; }
        .taskbar-tab .tab-emoji { font-size: 26px; line-height: 1; flex-shrink: 0; }
        .taskbar-tab .tab-text-inner { min-width: 0; flex: 1; text-align: left; color: #fff; font-size: 12px; font-family: 'Open Sans', sans-serif; font-weight: 600; letter-spacing: 0.3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-shadow: 0 1px 4px rgba(0,0,0,0.5); }

        .task-icons { height: 30px; width: auto; image-rendering: pixelated; display: block; filter: drop-shadow(0 2px 4px rgba(0,0,0,0.4)); }

        .cart-bg { position: fixed; inset: 0; background: rgba(0,0,0,0.6); z-index: 9000; display: none; backdrop-filter: blur(3px); }
        .cart-bg.open { display: block; }

        .cart-panel {
            position: fixed; top: 0; right: 0; bottom: 0; width: 400px; max-width: 100vw;
            background: #16162a; z-index: 9001; display: flex; flex-direction: column;
            transform: translateX(100%); transition: transform 0.25s ease; font-family: 'Open Sans', sans-serif;
        }
        .cart-panel.open { transform: translateX(0); }

        .cart-header {
            flex-shrink: 0; padding: 16px 20px; background: rgba(20,20,40,0.9);
            border-bottom: 1px solid rgba(255,255,255,0.04);
            display: flex; justify-content: space-between; align-items: center;
        }
        .cart-header .cart-title { font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 600; color: #fff; letter-spacing: 1px; }
        .cart-header .cart-close-btn { background: none; border: none; color: #888; font-size: 22px; cursor: pointer; transition: color 0.2s; padding: 0 6px; }
        .cart-header .cart-close-btn:hover { color: #ff6666; }
        .cart-header .cart-empty-btn {
            background: none; border: 1px solid rgba(255,255,255,0.08);
            color: #666; font-size: 14px; cursor: pointer; transition: 0.2s;
            padding: 3px 8px; line-height: 1;
        }
        .cart-header .cart-empty-btn:hover { border-color: #ff6666; color: #ff6666; }

        .cart-items { flex: 1; overflow-y: auto; padding: 14px 18px; }
        .cart-empty { color: #666; font-size: 15px; text-align: center; padding: 50px 0; letter-spacing: 0.5px; }

        .cart-item { display: grid; grid-template-columns: 52px 1fr auto; gap: 10px; padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,0.04); align-items: start; }
        .cart-item-img { width: 52px; height: 52px; object-fit: contain; background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.04); padding: 4px; }
        .cart-item-no-img { width: 52px; height: 52px; background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.04); display: flex; align-items: center; justify-content: center; font-size: 18px; color: #444; }
        .cart-item-name { font-size: 14px; color: #eee; font-weight: 600; line-height: 1.3; margin-bottom: 2px; }
        .cart-item-variant { font-size: 12px; color: #888; margin-bottom: 4px; }
        .cart-item-qty { display: flex; align-items: center; gap: 6px; }
        .qty-btn { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.06); color: #aaa; width: 26px; height: 26px; cursor: pointer; font-size: 15px; display: flex; align-items: center; justify-content: center; transition: 0.15s; font-family: 'Open Sans', sans-serif; }
        .qty-btn:hover { border-color: rgba(255,255,255,0.15); color: #fff; }
        .qty-val { font-size: 14px; color: #ddd; min-width: 18px; text-align: center; font-weight: 400; }
        .cart-item-price { font-size: 14px; color: #ffcc66; font-weight: 600; white-space: nowrap; padding-top: 2px; }
        .cart-item-price .compare-at {
            display: block;
            font-size: 11px;
            color: #555;
            font-weight: 400;
            text-decoration: line-through;
            line-height: 1.2;
        }
        .cart-savings-line {
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 12px;
            color: #39ff8c;
            margin-bottom: 8px;
            letter-spacing: 0.3px;
        }
        .cart-savings-line .original-total {
            text-decoration: line-through;
            color: #555;
        }

        .cart-footer { padding: 14px 20px; border-top: 1px solid rgba(255,255,255,0.04); flex-shrink: 0; background: rgba(0,0,0,0.15); }
        .cart-total-line { display: flex; justify-content: space-between; font-size: 15px; font-weight: 600; margin-bottom: 12px; color: #aaa; }
        .cart-total-line strong { color: #ffcc66; font-size: 17px; }
        .btn-checkout {
            display: block; width: 100%; background: rgba(102,204,255,0.04);
            border: 1px solid #66ccff; border-bottom: 3px solid #66ccff; color: #66ccff;
            font-family: 'Open Sans', sans-serif; font-size: 15px; font-weight: 600;
            padding: 12px; cursor: pointer; letter-spacing: 2px; text-align: center;
            text-decoration: none; text-transform: uppercase; transition: 0.2s;
        }
        .btn-checkout:hover { background: rgba(102,204,255,0.08); color: #fff; border-color: #fff; }

        @media (max-width: 700px) {

            .lightbox-overlay { padding: 20px; }
            .lightbox-nav { width: 36px; height: 44px; }
            .lightbox-nav svg { width: 18px; height: 18px; }
            .lightbox-prev { left: 6px; } .lightbox-next { right: 6px; }
            .lightbox-close { width: 34px; height: 34px; top: 10px; right: 10px; font-size: 15px; }
            .lightbox-hint { font-size: 10px; bottom: 14px; }
            .lightbox-dots { bottom: 36px; }


            .window-frame {
                position: fixed !important;
                top: 0 !important; left: 0 !important;
                transform: none !important;
                width: 100vw !important; max-width: 100vw !important;
                height: calc(100dvh - 32px) !important;
                max-height: calc(100dvh - 32px) !important;
                min-height: unset !important; border-radius: 0 !important;
            }
            .window-body .detail-layout { grid-template-columns: 1fr; gap: 16px; }
            .window-body { padding: 14px 14px 18px; min-height: unset; max-height: calc(100dvh - 32px - 56px); }
            .window-body .detail-title { font-size: 18px; }
            .detail-share-btn { font-size: 11px; padding: 6px 10px; }
            .gallery-nav { width: 26px; height: 26px; }
            .gallery-nav svg { width: 13px; height: 13px; }
            .window-body .detail-price { font-size: 16px; }


            .browser-top .tab-close {
                opacity: 1 !important; width: 12% !important;
                height: 100% !important; font-size: 16px;
                color: #333; background: transparent;
            }


            #dolly-window {
                position: fixed !important;
                top: 0 !important; left: 50% !important;
                right: auto !important; bottom: auto !important;
                width: 240px !important;
                max-height: none; overflow: visible;
                transform: translateX(-50%) !important;
                transition: none !important;
                z-index: 8000;
                border-top: none;
                box-shadow: 0 4px 30px rgba(0,0,0,0.7);
            }
            #dolly-window.mobile-open { transform: translateX(-50%) !important; }
            #dolly-window .dolly-content .dolly-title { font-size: 12px; letter-spacing: 1px; }
            #dolly-window .dolly-content .dolly-text { font-size: 9.5px; line-height: 1.5; }
            #dolly-window .dolly-content .dolly-links { gap: 2px 6px; }
            #dolly-window .dolly-content .dolly-links a { font-size: 6px; }

.static-content {
    color: #dce9e2;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 1.8;
    background: rgba(0, 0, 0, 0.25);
    padding: 28px 32px;
    border-left: 2px solid rgba(57, 255, 140, 0.12);
    margin: 4px 0 6px;
}

.static-content h2 {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0.3px;
    font-family: 'Open Sans', sans-serif;
    margin: 0 0 18px 0;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(57, 255, 140, 0.15);
}

.static-content h2::before {
    content: '📄 ';
    font-weight: 400;
    opacity: 0.6;
}

.static-content p {
    margin: 0 0 16px 0;
}

.static-content ul {
    margin: 0 0 18px 24px;
    padding: 0;
}

.static-content li {
    margin-bottom: 8px;
    color: #b8d4c8;
    list-style-type: disc;
}

.static-content a {
    color: #39ff8c;
    text-decoration: underline;
    text-underline-offset: 2px;
    transition: color 0.2s;
}

.static-content a:hover {
    color: #aaffcc;
}

.static-content strong {
    color: #cfe6db;
    font-weight: 700;
}

.static-content em {
    color: #9fb8ad;
    font-style: italic;
}



            .desktop-icons {
                align-content: flex-end; justify-content: center;
                padding-top: 320px; padding-right: 10px; padding-bottom: 40px; padding-left: 10px;
                gap: 10px 10px;
            }
            .product-icon { width: 95px; }
            .product-icon .icon-img { width: 70px; height: 70px; padding: 6px; }
            .product-icon .icon-label { font-size: 11px; max-width: 95px; }


            .taskbar-tab .tab-text { padding: 0 6px; gap: 3px; }
            .taskbar-tab .tab-text-inner { font-size: 9px; }
            .taskbar-tab .tab-favicon { height: 35%; }

            .browser-top .tab-title { font-size: 13px; }
            .cart-header .cart-title { font-size: 14px; }
        }
        @media (max-width: 480px) {
            .product-icon { width: 85px; }
            .product-icon .icon-img { width: 62px; height: 62px; padding: 5px; }
            .product-icon .icon-label { font-size: 10px; max-width: 85px; }
            .desktop-icons { padding-top: 36dvh; padding-right: 10px; padding-bottom: 48px; padding-left: 10px; gap: 8px 8px; justify-content: center; }
            .window-body .detail-title { font-size: 17px; }
            .detail-title-row { flex-wrap: wrap; }
            .detail-share-btn { font-size: 10px; padding: 5px 9px; }
            .window-body .detail-price { font-size: 17px; }
            .window-body .detail-desc { font-size: 13px; padding: 10px 12px; }
            .window-body .detail-variant-btn { font-size: 12px; padding: 5px 12px; }
            .window-body .detail-add-btn { font-size: 14px; padding: 10px; }
            .taskbar { height: 32px; padding: 0 2px; }
            .start-btn { height: 32px; margin-left: -18px; }
            .start-btn img { height: 54px; margin-top: -11px; }
            .task-icons { height: 14px; }
            .taskbar-tab { height: 32px; }
            .taskbar-tab .tab-emoji { font-size: 13px; }
            .browser-top .tab-title { font-size: 11px; }
            .cart-header .cart-title { font-size: 13px; }
            .cart-item { grid-template-columns: 44px 1fr auto; gap: 8px; }
            .cart-item-img { width: 44px; height: 44px; }
            .cart-item-name { font-size: 13px; }

        }
        
        @media (max-width: 700px) {

    .browser-top .url-bar {
        line-height: 1.4;
        top: 46%;
        height: 44%;
        left: 12%;
        width: 70%;
        font-size: 14px;
    }
}

@media (max-width: 480px) {

    .browser-top .url-bar {
        line-height: 1.2;
        top: 47%;
        height: 42%;
        left: 15%;
        width: 55%;
        font-size: 14px;
    }
}

        .dolly-mobile-close { display: none; }