/* Beat Elementor on every background */
body.elementor-page #pa-archive,
body #pa-archive,
.elementor #pa-archive,
.e-con #pa-archive,
.elementor-widget-container #pa-archive{background:#272333 !important;padding:0 !important;color:#fff !important;box-sizing:border-box !important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif !important}

body.elementor-page #pa-filterbar,
body #pa-archive #pa-filterbar,
.elementor #pa-archive #pa-filterbar{background:#272333 !important;border-bottom:none !important}

body.elementor-page #pa-abar,
body #pa-archive #pa-abar,
.elementor #pa-archive #pa-abar{background:#272333 !important;border-bottom:none !important}

body.elementor-page #pa-masonry-wrap,
body #pa-archive #pa-masonry-wrap,
.elementor #pa-archive #pa-masonry-wrap{background:#272333 !important}

body.elementor-page #pa-masonry,
body #pa-archive #pa-masonry,
.elementor #pa-archive #pa-masonry{background:#272333 !important}

body.elementor-page .pa-col,
body #pa-archive .pa-col,
.elementor #pa-archive .pa-col{background:#272333 !important}

body.elementor-page .pa-photo,
body #pa-archive .pa-photo,
.elementor #pa-archive .pa-photo{background:#272333 !important}

body.elementor-page #pa-loading,
body #pa-archive #pa-loading,
.elementor #pa-archive #pa-loading{background:#272333 !important}

body.elementor-page #pa-morewrap,
body #pa-archive #pa-morewrap,
.elementor #pa-archive #pa-morewrap{background:#272333 !important}

/* Dropdown panel - critical */
body.elementor-page .pa-dd .pa-dd-panel,
body #pa-archive .pa-dd .pa-dd-panel,
.elementor #pa-archive .pa-dd .pa-dd-panel,
.elementor-widget-container .pa-dd .pa-dd-panel{background:#2e2a3f !important;border:1px solid rgba(255,255,255,0.15) !important}

/* All inputs inside archive */
body #pa-archive input,
body #pa-archive input[type=search],
body #pa-archive input[type=text],
.elementor #pa-archive input,
.elementor #pa-archive input[type=search],
.elementor #pa-archive input[type=text]{
    border-color:rgba(255,255,255,0.12) !important;
    background:rgba(255,255,255,0.06) !important;
    color:#fff !important;
    box-shadow:none !important;
    outline:none !important;
    -webkit-appearance:none !important;
}

#pa-archive{
    background:#272333 !important;
    padding:0 !important;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif !important;
    color:#fff !important;
    box-sizing:border-box !important;
}

/* ---- FILTER BAR ---- */
#pa-archive #pa-filterbar{
    display:flex !important;align-items:center !important;gap:10px !important;
    padding:12px 24px !important;
    background:#272333 !important;
    border-bottom:none !important;
    position:sticky !important;top:0 !important;z-index:200 !important;
    flex-wrap:wrap !important;
    margin:0 !important;
}

/* Search — fixed width, balanced with dropdowns */
#pa-archive .pa-search-wrap{position:relative !important;flex:1 !important;max-width:420px !important;min-width:160px !important}
#pa-archive .pa-search-icon{position:absolute !important;left:14px !important;top:50% !important;transform:translateY(-50%) !important;color:rgba(255,255,255,0.3) !important;pointer-events:none !important;display:block !important}
#pa-archive #pa-search{
    display:block !important;width:100% !important;height:42px !important;
    padding:0 16px 0 42px !important;
    font-size:14px !important;
    border:1px solid rgba(255,255,255,0.12) !important;border-radius:8px !important;
    background:rgba(255,255,255,0.06) !important;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
    color:#fff !important;outline:none !important;
    box-shadow:none !important;
    -webkit-appearance:none !important;appearance:none !important;
    transition:border-color .15s,background .15s !important;
    line-height:normal !important;
}
#pa-archive #pa-search:focus{border-color:rgba(255,255,255,0.4) !important;background:rgba(255,255,255,0.08) !important;box-shadow:none !important;outline:none !important}
#pa-archive #pa-search::placeholder{color:rgba(255,255,255,0.3) !important;opacity:1 !important}
#pa-archive #pa-search:invalid{border-color:rgba(255,255,255,0.12) !important;box-shadow:none !important}
#pa-archive #pa-search::-webkit-search-cancel-button{-webkit-appearance:none !important;display:none !important}
#pa-archive #pa-search::-webkit-search-decoration{display:none !important}
#pa-archive #pa-search::-ms-clear{display:none !important}
#pa-archive #pa-search::-ms-reveal{display:none !important}

#pa-archive .pa-divider{display:none !important}
#pa-archive .pa-dropdowns{display:flex !important;align-items:center !important;gap:8px !important;flex-wrap:wrap !important;flex-shrink:0 !important}
#pa-archive .pa-dd{position:relative !important}

/* Dropdown trigger button */
#pa-archive .pa-dd-btn{
    height:42px !important;padding:0 20px !important;
    display:inline-flex !important;align-items:center !important;gap:8px !important;
    border:1px solid rgba(255,255,255,0.15) !important;border-radius:8px !important;
    background:rgba(255,255,255,0.06) !important;color:rgba(255,255,255,0.85) !important;
    font-size:13.5px !important;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
    cursor:pointer !important;white-space:nowrap !important;
    -webkit-appearance:none !important;appearance:none !important;
    box-shadow:none !important;
    transition:border-color .15s,background .15s,color .15s !important;
    line-height:1 !important;
    min-width:130px !important;
    justify-content:space-between !important;
}
#pa-archive .pa-dd-btn:hover{border-color:rgba(255,255,255,0.3) !important;background:rgba(255,255,255,0.1) !important}
#pa-archive .pa-dd-btn.pa-active{border-color:#fe6b6b !important;background:#fe6b6b !important;color:#fff !important}
#pa-archive .pa-dd-btn.pa-active-loc{border-color:#c94f4f !important;background:#c94f4f !important;color:#fff !important}
#pa-archive .pa-dd-label{font-weight:500 !important;letter-spacing:-.01em !important}
#pa-archive .pa-dd-sels{display:flex !important;gap:4px !important;align-items:center !important}
#pa-archive .pa-dd-sel-chip{font-size:11.5px !important;padding:2px 8px !important;border-radius:4px !important;background:rgba(255,255,255,.22) !important;color:#fff !important;font-weight:500 !important}
#pa-archive .pa-dd-chevron{flex-shrink:0 !important;opacity:.6 !important;transition:transform .2s !important;display:block !important}
#pa-archive .pa-dd-btn.pa-open .pa-dd-chevron{transform:rotate(180deg) !important}

/* Dropdown panel */
#pa-archive .pa-dd-panel{
    display:none !important;position:absolute !important;
    top:calc(100% + 8px) !important;left:0 !important;width:300px !important;
    background:#2e2a3f !important;
    border:1px solid rgba(255,255,255,0.15) !important;
    border-radius:12px !important;overflow:hidden !important;
    z-index:9999 !important;
    box-shadow:0 8px 32px rgba(0,0,0,.30) !important;
    transition:opacity .18s,transform .18s !important;
}
#pa-archive .pa-dd .pa-dd-panel.pa-open{display:block !important}

#pa-archive .pa-dd-panelsearch{padding:12px 14px !important;border-bottom:1px solid rgba(255,255,255,0.08) !important}
#pa-archive .pa-dd-panelsearch input{
    display:block !important;width:100% !important;height:36px !important;
    padding:0 12px !important;
    border:1px solid rgba(255,255,255,0.1) !important;border-radius:7px !important;
    font-size:13px !important;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
    background:rgba(255,255,255,0.06) !important;color:#fff !important;
    outline:none !important;box-shadow:none !important;
    -webkit-appearance:none !important;appearance:none !important;
    transition:border-color .15s !important;
    line-height:normal !important;
}
#pa-archive .pa-dd-panelsearch input:focus{border-color:#fe6b6b !important;box-shadow:none !important}
#pa-archive .pa-dd-panelsearch input::placeholder{color:rgba(255,255,255,0.3) !important;opacity:1 !important}

#pa-archive .pa-dd-list{max-height:224px !important;overflow-y:auto !important;padding:5px 0 !important}
#pa-archive .pa-dd-list::-webkit-scrollbar{width:4px !important}
#pa-archive .pa-dd-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.15) !important;border-radius:4px !important}

#pa-archive .pa-dd-item{
    display:flex !important;align-items:center !important;gap:11px !important;
    padding:9px 14px !important;cursor:pointer !important;
    transition:background .12s !important;
}
#pa-archive .pa-dd-item:hover{background:rgba(255,255,255,0.06) !important}
#pa-archive .pa-dd-item.pa-on{background:rgba(254,107,107,0.08) !important}

#pa-archive .pa-dd-box{
    width:16px !important;height:16px !important;flex-shrink:0 !important;
    border-radius:4px !important;border:1px solid rgba(255,255,255,0.2) !important;
    background:transparent !important;display:flex !important;align-items:center !important;justify-content:center !important;
    transition:all .15s !important;
}
#pa-archive .pa-dd-item.pa-on .pa-dd-box{background:#fe6b6b !important;border-color:#fe6b6b !important}
#pa-archive .pa-dd-tick{
    display:none !important;width:9px !important;height:6px !important;
    border-left:2px solid #fff !important;border-bottom:2px solid #fff !important;
    transform:rotate(-45deg) translateY(-1px) !important;
}
#pa-archive .pa-dd-item.pa-on .pa-dd-tick{display:block !important}
#pa-archive .pa-dd-iname{flex:1 !important;font-size:13.5px !important;color:rgba(255,255,255,0.8) !important;letter-spacing:-.01em !important}
#pa-archive .pa-dd-icnt{font-size:11px !important;color:rgba(255,255,255,0.25) !important}

#pa-archive .pa-dd-foot{
    padding:10px 14px !important;border-top:1px solid rgba(255,255,255,0.08) !important;
    display:flex !important;justify-content:space-between !important;align-items:center !important;
}
#pa-archive .pa-dd-foot span{font-size:12px !important;color:rgba(255,255,255,0.3) !important}
#pa-archive .pa-dd-foot button{
    font-size:12px !important;font-weight:500 !important;color:#fe6b6b !important;
    background:none !important;border:none !important;cursor:pointer !important;
    font-family:inherit !important;padding:0 !important;box-shadow:none !important;
    -webkit-appearance:none !important;
}
#pa-archive .pa-dd-foot button:hover{opacity:.6 !important}

#pa-archive #pa-clr-all{
    height:42px !important;padding:0 12px !important;font-size:13px !important;color:rgba(255,255,255,0.35) !important;
    background:none !important;border:none !important;cursor:pointer !important;
    font-family:inherit !important;border-radius:8px !important;
    box-shadow:none !important;-webkit-appearance:none !important;
    transition:color .15s !important;flex-shrink:0 !important;
}
#pa-archive #pa-clr-all:hover{color:#fe6b6b !important}
#pa-archive #pa-acount{margin-left:auto !important;font-size:12.5px !important;color:rgba(255,255,255,0.3) !important;flex-shrink:0 !important}

/* Active strip */
#pa-archive #pa-abar{
    display:flex !important;align-items:center !important;gap:7px !important;
    padding:8px 24px !important;
    background:#272333 !important;
    border-bottom:1px solid rgba(255,255,255,0.08) !important;
    margin:0 !important;
    flex-wrap:wrap !important;
}
#pa-archive .pa-abar-label{font-size:11px !important;font-weight:600 !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:#a09890 !important;margin-right:2px !important}
#pa-archive #pa-achips{display:flex !important;gap:5px !important;flex-wrap:wrap !important}
#pa-archive .pa-ac{
    display:inline-flex !important;align-items:center !important;gap:5px !important;
    padding:4px 10px 4px 12px !important;border-radius:5px !important;
    background:#fe6b6b !important;color:#fff !important;font-size:12px !important;font-weight:500 !important;
    cursor:pointer !important;transition:opacity .15s !important;
}
#pa-archive .pa-ac:hover{opacity:.8 !important}
#pa-archive .pa-ac-l{background:#c94f4f !important}
#pa-archive .pa-ac-x{
    font-size:16px !important;line-height:1 !important;opacity:.6 !important;
    background:none !important;border:none !important;color:inherit !important;
    padding:0 !important;font-family:inherit !important;cursor:pointer !important;
    box-shadow:none !important;
}
#pa-archive .pa-ac-x:hover{opacity:1 !important}

/* Grid padding */
#pa-archive #pa-masonry-wrap{padding:16px 24px 40px !important;background:#272333 !important}
#pa-archive #pa-loading{background:#272333 !important}
#pa-archive #pa-morewrap{background:#272333 !important}

/* Masonry */
#pa-archive #pa-masonry{display:flex !important;gap:var(--pa-gap);align-items:flex-start !important}
#pa-archive .pa-col{flex:1 !important;display:flex !important;flex-direction:column !important;gap:var(--pa-gap);min-width:0 !important}
#pa-archive .pa-photo{position:relative !important;cursor:pointer !important;overflow:hidden !important;border-radius:var(--pa-radius) !important;background:#f0ede9 !important;display:block !important;line-height:0 !important}
#pa-archive .pa-photo img{width:100% !important;height:auto !important;display:block !important;transition:transform .3s ease !important}
#pa-archive .pa-photo:hover img{transform:scale(1.02) !important}
#pa-archive .pa-ov{position:absolute !important;bottom:0 !important;left:0 !important;right:0 !important;background:linear-gradient(transparent,rgba(39,35,51,0.85)) !important;padding:28px 8px 8px !important;display:flex !important;flex-wrap:wrap !important;gap:3px !important;opacity:0 !important;transition:opacity .22s !important}
#pa-archive .pa-photo:hover .pa-ov{opacity:1 !important}
#pa-archive .pa-pt{font-size:10px !important;padding:2px 7px !important;border-radius:3px !important;line-height:1.4 !important}
#pa-archive .pa-pt-p{background:rgba(255,255,255,.15) !important;color:#fff !important}
#pa-archive .pa-pt-l{background:rgba(254,107,107,.35) !important;color:#ffc4c4 !important}
#pa-archive #pa-loading{text-align:center !important;padding:40px !important}
#pa-archive .pa-spinner{display:inline-block !important;width:22px !important;height:22px !important;border:2px solid rgba(255,255,255,0.1) !important;border-top-color:#fe6b6b !important;border-radius:50% !important;animation:pa-sp .7s linear infinite !important}
@keyframes pa-sp{to{transform:rotate(360deg)}}
#pa-archive #pa-morewrap{text-align:center !important;padding:28px !important}
#pa-archive #pa-morebtn{padding:10px 36px !important;border-radius:4px !important;border:1px solid rgba(255,255,255,0.15) !important;background:rgba(255,255,255,0.06) !important;color:rgba(255,255,255,0.8) !important;font-size:13px !important;font-family:inherit !important;cursor:pointer !important;letter-spacing:.02em !important;transition:all .18s !important;-webkit-appearance:none !important}
#pa-archive #pa-morebtn:hover{background:#fe6b6b !important;color:#fff !important;border-color:#fe6b6b !important}
#pa-archive .pa-empty{padding:48px 0 !important;color:#b8b0a8 !important;width:100% !important}
#pa-archive .pa-empty p{font-size:15px !important;margin-bottom:4px !important;color:rgba(255,255,255,0.7) !important;font-weight:500 !important}
#pa-archive .pa-empty small{font-size:13px !important;color:rgba(255,255,255,0.3) !important;display:block !important}
/* ---- PREMIUM LIGHTBOX ---- */
#pa-lb{
    position:fixed !important;inset:0 !important;z-index:999999 !important;
    display:none;
    flex-direction:column !important;
    align-items:center !important;justify-content:center !important;
    animation:pa-fi .25s cubic-bezier(.4,0,.2,1) !important;
}
#pa-lb-backdrop{
    position:fixed !important;inset:0 !important;
    background:rgba(0,0,0,0.6) !important;
    backdrop-filter:blur(18px) !important;
    -webkit-backdrop-filter:blur(18px) !important;
    z-index:0 !important;
}
@keyframes pa-fi{from{opacity:0}to{opacity:1}}
/* Top bar — counter center, X right */
#pa-lb-topbar{
    position:fixed !important;top:0 !important;left:0 !important;right:0 !important;
    height:56px !important;
    display:flex !important;align-items:center !important;justify-content:center !important;
    z-index:10 !important;
    pointer-events:none !important;
}
#pa-lb-counter{
    font-size:13px !important;font-weight:500 !important;
    color:rgba(255,255,255,0.6) !important;
    letter-spacing:.08em !important;
    pointer-events:none !important;
}
#pa-lbx{
    position:fixed !important;top:16px !important;right:20px !important;
    width:48px !important;height:48px !important;
    background:rgba(20,18,24,0.85) !important;
    border:1px solid rgba(254,107,107,0.4) !important;
    border-radius:50% !important;
    color:#fe6b6b !important;
    display:flex !important;align-items:center !important;justify-content:center !important;
    cursor:pointer !important;z-index:11 !important;
    transition:background .2s,transform .2s,border-color .2s !important;
    pointer-events:all !important;
    box-shadow:0 2px 12px rgba(0,0,0,0.4) !important;
}
#pa-lbx:hover{background:rgba(254,107,107,0.15) !important;border-color:#fe6b6b !important;transform:rotate(90deg) !important}
/* Side nav arrows — fixed, vertically centered */
#pa-lbp,#pa-lbn{
    position:fixed !important;top:50% !important;
    transform:translateY(-50%) !important;
    width:48px !important;height:48px !important;
    background:rgba(20,18,24,0.85) !important;
    border:1px solid rgba(255,255,255,0.25) !important;
    border-radius:50% !important;
    color:#fff !important;
    display:flex !important;align-items:center !important;justify-content:center !important;
    cursor:pointer !important;z-index:10 !important;
    transition:background .2s,border-color .2s,transform .2s !important;
}
#pa-lbp{left:16px !important}
#pa-lbn{right:16px !important}
#pa-lbp:hover{background:rgba(50,48,58,0.95) !important;border-color:rgba(255,255,255,0.5) !important;transform:translateY(-50%) scale(1.08) !important}
#pa-lbn:hover{background:rgba(50,48,58,0.95) !important;border-color:rgba(255,255,255,0.5) !important;transform:translateY(-50%) scale(1.08) !important}
/* Main wrap — image + caption */
#pa-lb-wrap{
    position:relative !important;z-index:1 !important;
    display:flex !important;flex-direction:column !important;
    align-items:center !important;gap:12px !important;
    max-width:88vw !important;
    margin-top:56px !important;
    margin-bottom:8px !important;
}
#pa-lbimg{
    position:relative !important;
    border-radius:2px !important;
    overflow:hidden !important;
    animation:pa-lb-scale .25s cubic-bezier(.4,0,.2,1) !important;
    min-width:200px !important;min-height:150px !important;
}
@keyframes pa-lb-scale{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}
#pa-lbimg img{
    max-width:84vw !important;max-height:62vh !important;
    object-fit:contain !important;display:block !important;
    transition:opacity .28s ease !important;
}
#pa-lbimg img.pa-lb-changing{opacity:0 !important}
#pa-lbimg img.pa-lb-loading{opacity:0 !important}
/* Spinner shown while image loads */
#pa-lb-skeleton{
    position:absolute !important;inset:0 !important;
    display:none !important;
    align-items:center !important;justify-content:center !important;
    min-width:80px !important;min-height:80px !important;
}
#pa-lb-skeleton.active{display:flex !important}
#pa-lb-skeleton::after{
    content:'' !important;
    width:36px !important;height:36px !important;
    border:3px solid rgba(255,255,255,0.15) !important;
    border-top-color:rgba(255,255,255,0.7) !important;
    border-radius:50% !important;
    animation:pa-lb-spin .7s linear infinite !important;
    display:block !important;
}
@keyframes pa-lb-spin{to{transform:rotate(360deg)}}
#pa-lb-caption{
    width:100% !important;
    display:flex !important;align-items:center !important;gap:6px !important;
    flex-wrap:wrap !important;
}
#pa-lbtags{display:flex !important;gap:6px !important;flex-wrap:wrap !important}
.pa-lbt{
    font-size:11px !important;font-weight:600 !important;
    padding:4px 12px !important;border-radius:20px !important;
    letter-spacing:.04em !important;text-transform:uppercase !important;
}
.pa-lbt-p{background:rgba(255,255,255,0.1) !important;color:rgba(255,255,255,0.8) !important;border:1px solid rgba(255,255,255,0.18) !important}
.pa-lbt-l{background:rgba(254,107,107,0.12) !important;color:#fe9f9f !important;border:1px solid rgba(254,107,107,0.28) !important}
/* Filmstrip */
#pa-lb-strip{
    position:fixed !important;bottom:0 !important;left:0 !important;right:0 !important;
    height:80px !important;
    background:rgba(10,9,12,0.7) !important;
    backdrop-filter:blur(8px) !important;
    -webkit-backdrop-filter:blur(8px) !important;
    z-index:10 !important;
    overflow:hidden !important;
    display:flex !important;align-items:center !important;
}
#pa-lb-strip-inner{
    display:flex !important;gap:4px !important;
    padding:0 16px !important;
    overflow-x:auto !important;
    scrollbar-width:none !important;
    -ms-overflow-style:none !important;
    align-items:center !important;
    height:100% !important;
    width:100% !important;
}
#pa-lb-strip-inner::-webkit-scrollbar{display:none !important}
.pa-lb-thumb{
    flex-shrink:0 !important;
    width:60px !important;height:60px !important;
    border-radius:2px !important;
    overflow:hidden !important;
    cursor:pointer !important;
    opacity:.5 !important;
    border:2px solid transparent !important;
    transition:opacity .2s,border-color .2s,transform .2s !important;
}
.pa-lb-thumb:hover{opacity:.8 !important;transform:scale(1.05) !important}
.pa-lb-thumb-on{opacity:1 !important;border-color:#fff !important}
.pa-lb-thumb img{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important}
/* Elementor margin/padding controls active */
#pa-archive {
    width: 100% !important;
    position: relative !important;
}

/* ---- RESPONSIVE ---- */

/* Tablet: 768px and below */
@media (max-width:768px){

    /* Filter bar — tighter padding, allow wrapping */
    #pa-archive #pa-filterbar{
        padding:10px 14px !important;
        gap:8px !important;
    }

    /* Search — full width on mobile */
    #pa-archive .pa-search-wrap{
        max-width:100% !important;
        width:100% !important;
        flex:1 1 100% !important;
        order:-1 !important;
    }

    /* Dropdowns — shrink min-width */
    #pa-archive .pa-dd-btn{
        min-width:100px !important;
        padding:0 12px !important;
        font-size:13px !important;
    }

    /* Dropdown panel — don't overflow screen */
    #pa-archive .pa-dd-panel{
        width:calc(100vw - 28px) !important;
        left:0 !important;
        right:0 !important;
    }

    /* Masonry wrap — smaller padding */
    #pa-archive #pa-masonry-wrap{
        padding:10px 12px 24px !important;
    }

    /* Lightbox image — use more screen */
    #pa-lbimg img{
        max-width:96vw !important;
        max-height:55vh !important;
    }

    /* Lightbox wrap — less top margin */
    #pa-lb-wrap{
        max-width:96vw !important;
        margin-top:48px !important;
        gap:8px !important;
    }

    /* Lightbox nav buttons — smaller */
    #pa-lbp,#pa-lbn{
        width:38px !important;
        height:38px !important;
    }
    #pa-lbp{left:6px !important}
    #pa-lbn{right:6px !important}

    /* Lightbox X — smaller */
    #pa-lbx{
        width:38px !important;
        height:38px !important;
        top:10px !important;
        right:10px !important;
    }

    /* Filmstrip — smaller thumbs */
    #pa-lb-strip{height:64px !important}
    .pa-lb-thumb{width:48px !important;height:48px !important}

    /* Tags in lightbox — smaller */
    .pa-lbt{
        font-size:10px !important;
        padding:3px 9px !important;
    }

    /* Active chips bar */
    #pa-archive #pa-abar{
        padding:6px 14px !important;
        gap:5px !important;
    }

    /* Load more button */
    #pa-archive #pa-morebtn{
        padding:10px 24px !important;
        font-size:12px !important;
    }
}

/* Mobile: 480px and below */
@media (max-width:480px){

    /* Filter bar — stack everything */
    #pa-archive #pa-filterbar{
        padding:8px 10px !important;
        gap:6px !important;
    }

    /* Dropdowns — full width */
    #pa-archive .pa-dropdowns{
        width:100% !important;
        flex:1 1 100% !important;
    }
    #pa-archive .pa-dd{flex:1 !important}
    #pa-archive .pa-dd-btn{
        width:100% !important;
        min-width:0 !important;
        font-size:12px !important;
        height:38px !important;
    }

    /* Search — smaller height */
    #pa-archive #pa-search{
        height:38px !important;
        font-size:13px !important;
    }

    /* Lightbox image */
    #pa-lbimg img{
        max-width:100vw !important;
        max-height:50vh !important;
    }

    /* Lightbox wrap */
    #pa-lb-wrap{
        max-width:100vw !important;
        margin-top:44px !important;
    }

    /* Counter smaller */
    #pa-lb-counter{
        font-size:11px !important;
    }

    /* Filmstrip — even smaller */
    #pa-lb-strip{height:56px !important}
    .pa-lb-thumb{width:40px !important;height:40px !important}

    /* Masonry wrap */
    #pa-archive #pa-masonry-wrap{
        padding:8px 8px 20px !important;
    }
}

/* Dropdown panel — mobile fix */
@media (max-width:600px){
    #pa-archive .pa-dd-panel{
        width:260px !important;
        left:0 !important;
        right:auto !important;
        position:absolute !important;
        transform:none !important;
        border-radius:12px !important;
        max-height:50vh !important;
    }
    #pa-archive .pa-dd-list{
        max-height:35vh !important;
    }
}