.middle{vertical-align:middle}
.seoHiddenTitle{display:none;font-size:.7em}
.preloadMargin{margin:8px;}
.listingIcon{height:23px; pointer:cursor;}
.noselect {  user-select: none;}






div#htmlPreSort{width:95%; vertical-align:top;}

div#colContainer{width:100%; display:flex; border:0px solid green; align-items: flex-start;justify-content: space-between;}
.colContainer.bottomAlign { align-items: flex-end; /* bottom mode */}
div.listCol{border:0px solid #ff0000; min-height:500px; display:inline-block; vertical-align:top; margin:5px; transition: transform 0.3s ease;}



div.listBox{display:inline-block; position:relative; border:1px solid #dddddd; padding-bottom:5px; margin-bottom:20px;border-radius:12px 12px 12px 12px; background:#ffffff; width:220px;}

div.thumbnailBox{position: relative; padding:0px; margin:0px; margin-bottom:0px;  max-height:400px;  overflow:hidden;}
img.assetThumbnail{border-radius:11px 11px 0px 0px; margin:0px; padding:0px;width:100%;cursor:pointer}
div.fade-overlay{}
.fade-overlay::after {
    content: "";
    position: absolute;
    bottom: 1px;
    left: 0;
    right: 0;

    height: 10%; /* how tall the fade is */
    background: linear-gradient(
        to top,
        rgba(21,33,41,1) 0%,   /* strong black at bottom */
        rgba(0,0,0,0) 100%   /* fade to transparent */
    );
    pointer-events: none; /* overlay doesn't block clicks */
}
img.ownedTag{position:absolute; top:5px; left:5px; height:34px;}
img.crown{display:block; height:15px; margin:1px auto 3px auto;}





div.plusPrice{color:#552200; border:0px solid #000000;  position:absolute;  z-index:2; bottom:5px; right:3px; border-radius:6px; text-align:center; background:#ffcc00; padding:4px; font-size:11px;}
div.plusPrice:hover{background:#eeaa00;}
img.flashTag{position:absolute; top:0px; right:0px;height:100px;}
img.gdsFreeTag{position:absolute; top:0px; left:0px;height:120px;}
div.priceBox{display:block; text-align:left; padding-left:5px}
p.priceTitle{display:inline-block; text-align:left; padding:0%; font-size:1.2em; font-weight:900; font-family: Arial Black, Arial, sans-serif; margin:0px;}
p.priceTitle small{color:red;}
div.iconBox{display:block; text-align:left; padding-left:5px; margin-top:10px}
div.iconBox img{margin:0px 3px;}




.pageDataTitle{font-weight:900; font-size:1em;}
div#paginationContainer{  display: flex;  align-items: center;justify-content: space-between;border:0px solid #dddddd; width:96%; border-radius:10px; vertical-align:middle;  margin:20px auto; padding:12px 2%; position: sticky; bottom: 0px; z-index:10; background:#ffffff;}

div#quickScrollContainer{display:inline-block;vertical-align:middle}
div#linkListContainer{display:inline-block;  }
div#sliderContainer{display:inline-block;}
div#orderContainer{display:inline-block;}
div#pinContainer{display:inline-block;}

a.paginationLink{display:inline-block; border-radius:.5em; margin:.2em; font-size:.9em; font-family:Roboto; padding:0.7em; background:#ffffff; border:1px solid #a4dbcf; box-shadow: 0 0 4px rgba(164, 219, 207,0.2);}
a.paginationLink:hover{ background-color:#17d8b2; color:#ffffff; box-shadow: 0 0 0px rgba(164, 219, 207,0 );}
div.paginationButton {
    background-color:#17d8b2;
    display:inline-flex;
    justify-content:center;
    align-items:center;
    width:2.2em;
    height:2.2em;
    margin:2px;
    border-radius:7px;
    cursor:pointer;
}
div.paginationButton img {
    width:70%;
    height:auto;
}
div.paginationLinkCurrent{background-color:#17d8b2;color:#ffff;display:inline-block; cursor:pointer; border-radius:7px; margin:.2em; font-size:1em; font-weight:600; font-family:Roboto; padding:0.8em; }




div#orderContainer{ display:inline-flex;
    justify-content:center;
    align-items:center;
    width:auto;
    height:2.2em;
	padding-right:2em;
	font-size:.8em;
	}
div#orderContainer img{ height:1em;}

#orderSelect{font-size:1em; margin-left:0.5em; padding:.3em; font-family:roboto; border-radius:7px; border:1px solid #cccccc;}









#sliderContainer{
	display: flex;
    align-items: center;
    gap: 6px; /* optional spacing */
}




#sliderContainer input[type="range"] {
    -webkit-appearance: none;
    width: 125px;
    height: 6px;
    background: #e3e7ea;
    border-radius: 3px;
    outline: none;
    cursor: pointer;
}

#sliderContainer img{
    height:1em;
}

/* Track */
#sliderContainer input[type="range"]::-webkit-slider-runnable-track {
    height: 6px;
    background: #a4dbcf; /* your teal */
    border-radius: 3px;
}

/* Thumb */
#sliderContainer input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 18px;
    width: 18px;
    background: #2bb8a0; /* darker teal for contrast */
    border-radius: 50%;
    border: 2px solid white;
    margin-top: -6px; /* centers thumb on track */
    box-shadow: 0 0 4px rgba(0,0,0,0.25);
    cursor: pointer;
}

/* Firefox */
#sliderContainer input[type="range"]::-moz-range-track {
    height: 6px;
    background: #a4dbcf;
    border-radius: 3px;
}

#sliderContainer input[type="range"]::-moz-range-thumb {
    height: 18px;
    width: 18px;
    background: #2bb8a0;
    border-radius: 50%;
    border: 2px solid white;
    box-shadow: 0 0 4px rgba(0,0,0,0.25);
    cursor: pointer;
}


@media (max-width: 600px) {
	a.paginationLink{font-size:.9em;  padding:0.6em; }
    div#paginationContainer{display:block;}
	div#linkListContainer{display:block;width:100%}
    #sliderContainer input[type="range"] {
        width: 100px;
        height: 4px;
    }

    #sliderContainer input[type="range"]::-webkit-slider-runnable-track {
        height: 4px;
    }

    #sliderContainer input[type="range"]::-webkit-slider-thumb {
        height: 14px;
        width: 14px;
        margin-top: -5px;
    }

    #sliderContainer img {
        height: 1em;
    }
}