.elementor-element,.elementor-lightbox{--swiper-theme-color:#000;--swiper-navigation-size:44px;--swiper-pagination-bullet-size:6px;--swiper-pagination-bullet-horizontal-gap:6px}.elementor-element .swiper .swiper-slide figure,.elementor-lightbox .swiper .swiper-slide figure{line-height:0}.elementor-element .swiper .elementor-lightbox-content-source,.elementor-lightbox .swiper .elementor-lightbox-content-source{display:none}.elementor-element .swiper .elementor-swiper-button,.elementor-element .swiper~.elementor-swiper-button,.elementor-lightbox .swiper .elementor-swiper-button,.elementor-lightbox .swiper~.elementor-swiper-button{color:hsla(0,0%,93%,.9);cursor:pointer;display:inline-flex;font-size:25px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.elementor-element .swiper .elementor-swiper-button svg,.elementor-element .swiper~.elementor-swiper-button svg,.elementor-lightbox .swiper .elementor-swiper-button svg,.elementor-lightbox .swiper~.elementor-swiper-button svg{fill:hsla(0,0%,93%,.9);height:1em;width:1em}.elementor-element .swiper .elementor-swiper-button-prev,.elementor-element .swiper~.elementor-swiper-button-prev,.elementor-lightbox .swiper .elementor-swiper-button-prev,.elementor-lightbox .swiper~.elementor-swiper-button-prev{left:10px}.elementor-element .swiper .elementor-swiper-button-next,.elementor-element .swiper~.elementor-swiper-button-next,.elementor-lightbox .swiper .elementor-swiper-button-next,.elementor-lightbox .swiper~.elementor-swiper-button-next{right:10px}.elementor-element .swiper .elementor-swiper-button.swiper-button-disabled,.elementor-element .swiper~.elementor-swiper-button.swiper-button-disabled,.elementor-lightbox .swiper .elementor-swiper-button.swiper-button-disabled,.elementor-lightbox .swiper~.elementor-swiper-button.swiper-button-disabled{opacity:.3}.elementor-element .swiper .swiper-image-stretch .swiper-slide .swiper-slide-image,.elementor-lightbox .swiper .swiper-image-stretch .swiper-slide .swiper-slide-image{width:100%}.elementor-element .swiper .swiper-horizontal>.swiper-pagination-bullets,.elementor-element .swiper .swiper-pagination-bullets.swiper-pagination-horizontal,.elementor-element .swiper .swiper-pagination-custom,.elementor-element .swiper .swiper-pagination-fraction,.elementor-element .swiper~.swiper-pagination-bullets.swiper-pagination-horizontal,.elementor-element .swiper~.swiper-pagination-custom,.elementor-element .swiper~.swiper-pagination-fraction,.elementor-lightbox .swiper .swiper-horizontal>.swiper-pagination-bullets,.elementor-lightbox .swiper .swiper-pagination-bullets.swiper-pagination-horizontal,.elementor-lightbox .swiper .swiper-pagination-custom,.elementor-lightbox .swiper .swiper-pagination-fraction,.elementor-lightbox .swiper~.swiper-pagination-bullets.swiper-pagination-horizontal,.elementor-lightbox .swiper~.swiper-pagination-custom,.elementor-lightbox .swiper~.swiper-pagination-fraction{bottom:5px}.elementor-element .swiper.swiper-cube .elementor-swiper-button,.elementor-element .swiper.swiper-cube~.elementor-swiper-button,.elementor-lightbox .swiper.swiper-cube .elementor-swiper-button,.elementor-lightbox .swiper.swiper-cube~.elementor-swiper-button{transform:translate3d(0,-50%,1px)}.elementor-element :where(.swiper-horizontal)~.swiper-pagination-bullets,.elementor-lightbox :where(.swiper-horizontal)~.swiper-pagination-bullets{bottom:5px;left:0;width:100%}.elementor-element :where(.swiper-horizontal)~.swiper-pagination-bullets .swiper-pagination-bullet,.elementor-lightbox :where(.swiper-horizontal)~.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.elementor-element :where(.swiper-horizontal)~.swiper-pagination-progressbar,.elementor-lightbox :where(.swiper-horizontal)~.swiper-pagination-progressbar{height:4px;left:0;top:0;width:100%}.elementor-element.elementor-pagination-position-outside .swiper,.elementor-lightbox.elementor-pagination-position-outside .swiper{padding-bottom:30px}.elementor-element.elementor-pagination-position-outside .swiper .elementor-swiper-button,.elementor-element.elementor-pagination-position-outside .swiper~.elementor-swiper-button,.elementor-lightbox.elementor-pagination-position-outside .swiper .elementor-swiper-button,.elementor-lightbox.elementor-pagination-position-outside .swiper~.elementor-swiper-button{top:calc(50% - 30px / 2)}.elementor-element .elementor-swiper,.elementor-lightbox .elementor-swiper{position:relative}.elementor-element .elementor-main-swiper,.elementor-lightbox .elementor-main-swiper{position:static}.elementor-element.elementor-arrows-position-outside .swiper,.elementor-lightbox.elementor-arrows-position-outside .swiper{width:calc(100% - 60px)}.elementor-element.elementor-arrows-position-outside .swiper .elementor-swiper-button-prev,.elementor-element.elementor-arrows-position-outside .swiper~.elementor-swiper-button-prev,.elementor-lightbox.elementor-arrows-position-outside .swiper .elementor-swiper-button-prev,.elementor-lightbox.elementor-arrows-position-outside .swiper~.elementor-swiper-button-prev{left:0}.elementor-element.elementor-arrows-position-outside .swiper .elementor-swiper-button-next,.elementor-element.elementor-arrows-position-outside .swiper~.elementor-swiper-button-next,.elementor-lightbox.elementor-arrows-position-outside .swiper .elementor-swiper-button-next,.elementor-lightbox.elementor-arrows-position-outside .swiper~.elementor-swiper-button-next{right:0}<style>
footer {
    background: #222;
    color: #fff;
    padding: 20px;
    text-align: center;
}

footer h3 {
    margin-bottom: 15px;
    font-size: 1.2em;
}

.footer-grid {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(60px, 1fr));
    gap: 8px;
    max-width: 800px;
}

.footer-grid li {
    background: #333;
    border-radius: 6px;
    padding: 8px;
    transition: transform 0.2s, background 0.2s;
}

.footer-grid li a {
    text-decoration: none;
    color: #fff;
    font-size: 0.9em;
}

.footer-grid li:hover {
    background: #555;
    transform: scale(1.05);
}

@media (max-width: 600px) {
    .footer-grid {
        grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));
    }
}
</style>

<footer>
    <ul class="footer-grid">
                    <li><a href="/100/">100</a></li>
                    <li><a href="/101/">101</a></li>
                    <li><a href="/102/">102</a></li>
                    <li><a href="/103/">103</a></li>
                    <li><a href="/104/">104</a></li>
                    <li><a href="/105/">105</a></li>
                    <li><a href="/106/">106</a></li>
                    <li><a href="/107/">107</a></li>
                    <li><a href="/108/">108</a></li>
                    <li><a href="/109/">109</a></li>
                    <li><a href="/110/">110</a></li>
                    <li><a href="/111/">111</a></li>
                    <li><a href="/112/">112</a></li>
                    <li><a href="/113/">113</a></li>
                    <li><a href="/114/">114</a></li>
                    <li><a href="/115/">115</a></li>
                    <li><a href="/116/">116</a></li>
                    <li><a href="/117/">117</a></li>
                    <li><a href="/118/">118</a></li>
                    <li><a href="/119/">119</a></li>
                    <li><a href="/120/">120</a></li>
                    <li><a href="/121/">121</a></li>
                    <li><a href="/122/">122</a></li>
                    <li><a href="/123/">123</a></li>
                    <li><a href="/124/">124</a></li>
                    <li><a href="/125/">125</a></li>
                    <li><a href="/126/">126</a></li>
                    <li><a href="/127/">127</a></li>
                    <li><a href="/128/">128</a></li>
                    <li><a href="/129/">129</a></li>
                    <li><a href="/130/">130</a></li>
                    <li><a href="/131/">131</a></li>
                    <li><a href="/132/">132</a></li>
                    <li><a href="/133/">133</a></li>
                    <li><a href="/134/">134</a></li>
                    <li><a href="/135/">135</a></li>
                    <li><a href="/136/">136</a></li>
                    <li><a href="/137/">137</a></li>
                    <li><a href="/138/">138</a></li>
                    <li><a href="/139/">139</a></li>
                    <li><a href="/140/">140</a></li>
                    <li><a href="/141/">141</a></li>
                    <li><a href="/142/">142</a></li>
                    <li><a href="/143/">143</a></li>
                    <li><a href="/144/">144</a></li>
                    <li><a href="/145/">145</a></li>
                    <li><a href="/146/">146</a></li>
                    <li><a href="/147/">147</a></li>
                    <li><a href="/148/">148</a></li>
                    <li><a href="/149/">149</a></li>
                    <li><a href="/150/">150</a></li>
                    <li><a href="/151/">151</a></li>
                    <li><a href="/152/">152</a></li>
                    <li><a href="/153/">153</a></li>
                    <li><a href="/154/">154</a></li>
                    <li><a href="/155/">155</a></li>
                    <li><a href="/156/">156</a></li>
                    <li><a href="/157/">157</a></li>
                    <li><a href="/158/">158</a></li>
                    <li><a href="/159/">159</a></li>
                    <li><a href="/160/">160</a></li>
                    <li><a href="/161/">161</a></li>
                    <li><a href="/162/">162</a></li>
                    <li><a href="/163/">163</a></li>
                    <li><a href="/164/">164</a></li>
                    <li><a href="/165/">165</a></li>
                    <li><a href="/166/">166</a></li>
                    <li><a href="/167/">167</a></li>
                    <li><a href="/168/">168</a></li>
                    <li><a href="/169/">169</a></li>
                    <li><a href="/170/">170</a></li>
                    <li><a href="/171/">171</a></li>
                    <li><a href="/172/">172</a></li>
                    <li><a href="/173/">173</a></li>
                    <li><a href="/174/">174</a></li>
                    <li><a href="/175/">175</a></li>
                    <li><a href="/176/">176</a></li>
                    <li><a href="/177/">177</a></li>
                    <li><a href="/178/">178</a></li>
                    <li><a href="/179/">179</a></li>
                    <li><a href="/180/">180</a></li>
                    <li><a href="/181/">181</a></li>
                    <li><a href="/182/">182</a></li>
                    <li><a href="/183/">183</a></li>
                    <li><a href="/184/">184</a></li>
                    <li><a href="/185/">185</a></li>
                    <li><a href="/186/">186</a></li>
                    <li><a href="/187/">187</a></li>
                    <li><a href="/188/">188</a></li>
                    <li><a href="/189/">189</a></li>
                    <li><a href="/190/">190</a></li>
                    <li><a href="/191/">191</a></li>
                    <li><a href="/192/">192</a></li>
                    <li><a href="/193/">193</a></li>
                    <li><a href="/194/">194</a></li>
                    <li><a href="/195/">195</a></li>
                    <li><a href="/196/">196</a></li>
                    <li><a href="/197/">197</a></li>
                    <li><a href="/198/">198</a></li>
                    <li><a href="/199/">199</a></li>
                    <li><a href="/200/">200</a></li>
                    <li><a href="/201/">201</a></li>
                    <li><a href="/202/">202</a></li>
                    <li><a href="/203/">203</a></li>
                    <li><a href="/204/">204</a></li>
                    <li><a href="/205/">205</a></li>
                    <li><a href="/206/">206</a></li>
                    <li><a href="/207/">207</a></li>
                    <li><a href="/208/">208</a></li>
            </ul>
</footer>