.thumbnail-swiper{width:100%;margin-top:8px;padding:4px 0}.thumbnail-swiper .swiper-slide{opacity:.6;cursor:pointer;border:2px solid #0000;border-radius:.375rem;transition:opacity .3s;overflow:hidden}.thumbnail-swiper .swiper-slide:hover{opacity:.9}.thumbnail-swiper .swiper-slide-thumb-active{opacity:1;border-color:#10b981;position:relative}.thumbnail-swiper .swiper-slide-thumb-active:after{content:"";background:#10b9811a;position:absolute;inset:0}.thumbnail-swiper img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.thumbnail-swiper .swiper-slide:hover img{transform:scale(1.05)}.template-swiper{--swiper-navigation-size:24px;--swiper-navigation-color:white;--swiper-pagination-color:white;--swiper-pagination-bullet-inactive-color:white;--swiper-pagination-bullet-inactive-opacity:.5;border-radius:.5rem;width:100%;height:500px;margin-bottom:.5rem;overflow:hidden}.template-swiper .swiper-slide{background:#f3f4f6;justify-content:center;align-items:center;display:flex}.template-swiper .swiper-slide img{background:#fff;width:100%;height:100%;display:block}.template-swiper .swiper-button-prev,.template-swiper .swiper-button-next{opacity:0;background:#0000004d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:opacity .3s,background .3s;display:flex}.template-swiper:hover .swiper-button-prev,.template-swiper:hover .swiper-button-next{opacity:1}.template-swiper .swiper-button-prev{left:10px}.template-swiper .swiper-button-next{right:10px}.template-swiper .swiper-pagination-bullet{opacity:.5;background:#fff;width:10px;height:10px;margin:0 4px;transition:all .3s}.template-swiper .swiper-pagination-bullet-active{opacity:1;transform:scale(1.2)}@media (width<=768px){.template-swiper{height:350px}.template-swiper .swiper-button-prev,.template-swiper .swiper-button-next{--swiper-navigation-size:18px;width:30px;height:30px}.template-swiper .swiper-button-prev{left:5px}.template-swiper .swiper-button-next{right:5px}}@media (width<=480px){.template-swiper .swiper-button-prev,.template-swiper .swiper-button-next{display:none}}.gslide-image img{margin:0 auto;width:auto!important;max-height:90vh!important}.gslide-description{color:#fff;background:#000c;padding:1rem}.template-preview{transition:transform .3s;position:relative}.template-preview:hover{transform:scale(1.05)}.demo-overlay{opacity:0;background-color:#00000080;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.demo-overlay:hover{opacity:1}.template-info{position:sticky;top:1.5rem}.related-template{border:1px solid #f3f4f6;transition:all .3s}.related-template:hover{transform:translateY(-.25rem);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.contact-form input,.contact-form textarea{border:1px solid #d1d5db;border-radius:.375rem;outline:none;width:100%;padding:.5rem .75rem;transition:all .2s}.contact-form input:focus,.contact-form textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}@media (width<=768px){.template-info{margin-top:2rem;position:static}.related-template{margin-bottom:1.5rem}}@keyframes fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.3s ease-out fade-in}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite skeleton-pulse}