:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#121212,#1e1e1e);background-size:400% 400%;font-family:Arial,Helvetica,sans-serif;color:#fff;animation:gradientMove 10s ease infinite}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px;padding:40px}.gallery-logo{max-width:600px;height:auto;display:block;margin:0 auto 20px}.logo-link{display:inline-block;text-align:center}.logo-link img{display:block;cursor:pointer;margin:0 auto}.size-guide-btn{background:transparent!important;border:none!important;color:#ccc!important;font-size:12px;text-decoration:underline;cursor:pointer;padding:0;transition:none!important}.size-guide-btn:hover{background:transparent!important;transform:none!important;color:#ccc!important;text-decoration:underline!important}.gallery-animate{animation:galleryFade .25s ease forwards}@keyframes galleryFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.skeleton{width:100%;aspect-ratio:4 / 6;border-radius:12px;background:linear-gradient(90deg,#111 25%,#222,#111 75%);background-size:200% 100%;animation:skeletonPulse 1.5s infinite}@keyframes skeletonPulse{0%{background-position:200% 0}to{background-position:-200% 0}}select{background:#111;color:#fff;padding:8px 12px;border-radius:8px;border:1px solid #333;cursor:pointer;font-size:14px;min-width:140px;white-space:nowrap;transition:all .2s ease;appearance:none;background-image:url(data:image/svg+xml,...);background-repeat:no-repeat;background-position:right 10px center}select:hover{border-color:#555;background:#1a1a1a}select:focus{outline:none;border-color:#28a745;box-shadow:0 0 0 2px #28a74533}.image-card{position:relative}.new-badge{position:absolute;top:8px;left:8px;background:red;color:#fff;font-size:10px;font-weight:700;padding:4px 8px;border-radius:6px;z-index:10;box-shadow:0 0 10px #f009;animation:pulse 1.8s infinite ease-in-out}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.85}to{transform:scale(1);opacity:1}}.cart-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:24px;line-height:1;cursor:pointer;flex-shrink:0}.cart-dropdown{width:100%;margin-top:10px;opacity:0;transform:translateY(-10px);transition:opacity .25s ease,transform .25s ease;flex:1;overflow-y:auto;padding-right:4px;transition:opacity .2s ease .1s,transform .2s ease .1s}.cart-dropdown.open{opacity:1;transform:translateY(0)}.cart-dropdown::-webkit-scrollbar{width:6px}.cart-dropdown::-webkit-scrollbar-thumb{background:#444;border-radius:10px}.cart-wrapper{position:fixed;top:20px;right:20px;z-index:2000;width:60px;height:60px;background:#1a1a1a;border-radius:50%;overflow:visible;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;transition:width .35s cubic-bezier(.22,1,.36,1),height .35s cubic-bezier(.22,1,.36,1),border-radius .35s ease,padding .35s ease,box-shadow .35s ease}.cart-wrapper:not(.expanded):hover{transform:scale(1.05)}.cart-wrapper.expanded{width:260px;height:480px;border-radius:16px;padding:15px;background:#111;box-shadow:0 15px 35px #00000080}.cart-wrapper div{transition:transform .2s ease}.card{background:#111;padding:12px;border-radius:16px;text-align:center;opacity:0;transform:translateY(10px);animation:fadeInCard .3s ease forwards;animation-delay:.05s;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-6px);box-shadow:0 10px 25px #00000080}.card img{width:100%;aspect-ratio:4 / 6;object-fit:cover;border-radius:12px;transition:transform .2s ease}.card img:hover{transform:scale(1.03)}.card p{margin-top:8px;font-weight:700}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#111;padding:30px;border-radius:16px;text-align:center;animation:modalFade .25s ease}.modal-content img{max-width:80vw;max-height:80vh;border-radius:12px}.modal button{margin-top:15px;padding:8px 16px;border:none;border-radius:6px;cursor:pointer}.modal-image{animation:fadeZoom .3s ease}@keyframes fadeZoom{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.add-to-cart-btn{transition:all .2s ease}.add-to-cart-btn:hover{background:#28a745;transform:translateY(-2px)}button{background:#222;color:#fff;border:none;padding:6px 12px;border-radius:8px;cursor:pointer;transition:all .2s ease}button:hover{background:#444;transform:translateY(-2px)}button:disabled{opacity:.4!important;cursor:not-allowed!important;background:#555!important}@keyframes badgePop{0%{transform:scale(1)}50%{transform:scale(1.4)}to{transform:scale(1)}}.badge-animate{animation:badgePop .3s ease}@keyframes fadeInCard{to{opacity:1;transform:translateY(0)}}@keyframes modalFade{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.gallery-logo{max-width:280px;margin-bottom:10px}.gallery{grid-template-columns:repeat(2,1fr);gap:12px;padding:12px}.card{padding:8px;border-radius:12px}.card p{font-size:13px}button{padding:8px 10px;font-size:14px}select{font-size:15px;min-width:120px}.modal-content{padding:15px;width:95%}.modal-content img{max-width:95vw;max-height:70vh}.cart-wrapper{top:12px;right:12px;width:55px;height:55px}.cart-wrapper.expanded{width:90vw;height:70vh}.cart-icon{width:55px;height:55px;font-size:22px}.controls-container{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:12px}.controls-container button,.controls-container select{font-size:12px;padding:6px 8px;flex:1 1 auto;min-width:90px;max-width:150px}}@media(max-width:480px){.controls-container{flex-direction:column;align-items:stretch;gap:8px}.controls-container button,.controls-container select{flex:none;width:100%;min-width:unset;max-width:unset;font-size:13px;padding:10px}}.right-controls{display:flex;flex-direction:column;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:thin;-ms-overflow-style:auto;padding-bottom:2px}.right-controls button,.right-controls select{white-space:nowrap;flex:0 0 auto}@media(max-width:768px){.right-controls{flex-direction:row;justify-content:flex-start;gap:10px}}@media(max-width:768px){.right-controls{flex-direction:row!important;justify-content:flex-start;align-items:center;gap:8px}.right-controls>*{flex:0 0 auto}}