@import"https://fonts.googleapis.com/css2?family=Staatliches&display=swap";.fixed.inset-0.z-50 .relative.w-full{overflow-y:auto!important;max-height:90vh!important}body.modal-open{overflow:hidden}#Gallery_layout{background-color:#000;z-index:111111}.Web{z-index:200!important}.webdesign-template-header{background:#000;padding:1rem}.webdesign-hero-title{margin:0 0 1.5rem;color:#fff;font-size:48px;font-weight:900;line-height:1.08;letter-spacing:0}.webdesign-hero-title span{color:#fff;font-weight:900;font-size:40px;text-align:justify}.webdesign-hero-title span:last-child{color:#8de402}.webdesign-showcase{position:relative;width:100%;min-height:720px;overflow:hidden;border-top:4px solid #ffffff;border-radius:8px;background-color:#000;background-image:url(https://www.transparenttextures.com/patterns/brushed-alum-dark.png);box-shadow:0 22px 54px #00000057}.webdesign-showcase-stage{position:absolute;inset:0;display:block;width:100%;padding:0;border:0;background:transparent;cursor:pointer;text-align:left;touch-action:pan-y}.webdesign-showcase-stage figure{position:absolute;inset:0;z-index:1;margin:0}.webdesign-showcase-main-media{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:saturate(1.04) contrast(1.02)}.webdesign-showcase-stage figure:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.58),transparent 44%),linear-gradient(180deg,rgba(0,0,0,.14),transparent 42%,rgba(0,0,0,.42));pointer-events:none}.webdesign-showcase-hover{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;background:#00000057;opacity:0;transition:opacity .26s ease}.webdesign-showcase-stage:hover .webdesign-showcase-hover,.webdesign-showcase-stage:focus-within .webdesign-showcase-hover{opacity:1}.webdesign-showcase-stage:hover .webdesign-view-details-btn,.webdesign-showcase-stage:focus-within .webdesign-view-details-btn{transform:translateY(0) scale(1)}.webdesign-showcase-thumbs{position:absolute;left:0;right:0;bottom:0;z-index:3;overflow:hidden}.webdesign-showcase-thumbs ul{display:grid;grid-auto-flow:column;grid-auto-columns:150px;grid-template-columns:none;gap:0;width:-moz-max-content;width:max-content;min-width:100%;margin:0;padding:0;list-style:none;animation:webdesignThumbScroll 50s linear infinite}.webdesign-showcase-thumbs:hover ul{animation-play-state:paused}.webdesign-showcase-thumbs li{position:relative;min-width:0;cursor:pointer;transform-origin:0 100%;transition:transform .3s ease,filter .3s ease,opacity .3s ease}.webdesign-showcase-thumbs input{position:absolute;opacity:0;pointer-events:none}.webdesign-showcase-thumbs label,.webdesign-showcase-thumb-button{position:relative;display:block;width:150px;aspect-ratio:1.15;padding:0;border:0;overflow:hidden;cursor:pointer;background:#000}.webdesign-showcase-thumbs img,.webdesign-showcase-thumbs video{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.webdesign-showcase-thumbs span{position:absolute;right:8px;bottom:8px;left:8px;overflow:hidden;padding:5px 7px;border:1px solid rgba(141,228,2,.72);border-radius:999px;background:#000;color:#8de402;font-size:10px;font-weight:900;line-height:1.1;text-align:center;text-overflow:ellipsis;white-space:nowrap}.webdesign-showcase-thumbs ul:has(li:hover) li:not(:hover){filter:none;transform:translateY(20px)}.webdesign-showcase-thumbs li:hover img,.webdesign-showcase-thumbs li:hover video,.webdesign-showcase-thumbs li.is-active img,.webdesign-showcase-thumbs li.is-active video{transform:scale(1.06)}.webdesign-showcase-thumbs li.is-active label,.webdesign-showcase-thumbs li.is-active .webdesign-showcase-thumb-button{outline:3px solid #8de402;outline-offset:-3px;box-shadow:inset 0 0 0 1px #000}@keyframes webdesignThumbScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width: 1023px){.webdesign-showcase-thumbs{overflow-x:auto;overflow-y:hidden;touch-action:pan-x;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none}.webdesign-showcase-thumbs::-webkit-scrollbar{display:none}.webdesign-showcase-thumbs ul{grid-template-rows:repeat(1,auto);grid-auto-columns:150px;animation:none}.webdesign-showcase-thumbs.is-expanded ul{grid-template-rows:repeat(2,auto)}.webdesign-showcase-thumbs ul:has(li:hover) li:not(:hover){filter:none;transform:translateY(0)}}.webdesign-product-card{display:grid;grid-template-rows:70% 30%;height:390px;background:#000;border-radius:8px;padding:0;overflow:hidden;box-shadow:0 2px 8px #00000029,0 18px 42px #00000047}.webdesign-product-image{width:100%;height:260px;background:#e9e9e9;border-radius:24px;overflow:hidden}.webdesign-product-content{padding:12px 4px 4px}.webdesign-product-media{position:relative;height:100%;min-height:0;overflow:hidden;border-radius:0;background:#000}.webdesign-product-preview{width:100%;height:100%;min-height:0;display:block;background-position:center;background-size:cover;-o-object-fit:cover;object-fit:cover;transition:transform .7s ease}.webdesign-product-card:hover .webdesign-product-preview{transform:scale(1.06)}.webdesign-product-hover{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000057;opacity:0;transition:opacity .26s ease}.webdesign-product-card:hover .webdesign-product-hover,.webdesign-product-card:focus-within .webdesign-product-hover{opacity:1}.webdesign-view-details-btn{border:1px solid #8de402;border-radius:999px;background:#000;color:#fff;cursor:pointer;font-size:14px;font-weight:800;padding:.8rem 1.35rem;transform:translateY(8px) scale(.96);transition:transform .26s ease,background-color .22s ease,color .22s ease}.webdesign-product-card:hover .webdesign-view-details-btn,.webdesign-product-card:focus-within .webdesign-view-details-btn{transform:translateY(0) scale(1)}.webdesign-view-details-btn:hover{background:#84dd00;color:#000}.webdesign-product-footer{display:flex;min-height:0;align-items:center;justify-content:center;padding:18px 16px;background:#000;text-align:center}.webdesign-product-copy{min-width:0;width:100%}.webdesign-product-copy h3{position:relative;display:inline-block;margin:0;overflow:hidden;max-width:100%;padding:9px 16px;border:1px solid rgba(141,228,2,.8);border-radius:999px;background:#000;color:#8de402;font-size:14px;font-weight:900;line-height:1.25;text-overflow:ellipsis;white-space:nowrap;box-shadow:0 0 0 3px #8de4021a,0 10px 22px #0000002e}.webdesign-product-copy h3:before{content:"";position:absolute;top:50%;left:8px;width:4px;height:4px;border-radius:50%;background:#8de402;transform:translateY(-50%);box-shadow:0 0 10px #8de402f2}@media (max-width: 639px){.webdesign-hero{position:relative;z-index:2}.webdesign-hero-desc{display:block!important;opacity:1!important;visibility:visible!important;color:#d1d5db!important;line-height:1.6;font-size:.95rem}.webdesign-hero-title{font-size:48px!important;font-weight:900!important;line-height:1.08!important;margin-bottom:1rem!important}.webdesign-showcase{min-height:620px}.webdesign-showcase-stage{inset:0}.webdesign-showcase-thumbs ul{grid-auto-columns:150px;grid-template-columns:none;grid-template-rows:repeat(1,auto);animation:none}.webdesign-showcase-thumbs.is-expanded ul{grid-template-rows:repeat(2,auto)}.webdesign-showcase-thumbs label,.webdesign-showcase-thumb-button{width:150px}.webdesign-showcase-thumbs ul:has(li:hover) li:not(:hover){filter:none;transform:translateY(0)}.webdesign-showcase-thumbs span{font-size:8px;padding:4px 5px}.webdesign-product-card{height:340px;border-radius:8px}.webdesign-product-media,.webdesign-product-preview{min-height:0}.webdesign-product-copy h3{font-size:14px}}