*{padding:0;margin:0;box-sizing:border-box;outline:0;font-family:Helvetica Neue,Arial,sans-serif;-webkit-tap-highlight-color:transparent}:root{--primary-color: #ffffff;--secondary-color: #f39c12;--bg-primary: #0a0a0a;--bg-secondary: #121212;--bg-dark: #000000;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-light: #ffffff;--text-gray: rgba(255, 255, 255, .5);--border-color: rgba(255, 255, 255, .1);--shadow-color: rgba(0, 0, 0, .5);--transition: all .4s cubic-bezier(.4, 0, .2, 1);--header-height: 80px;--spacing-lg: 2rem;--spacing-xl: 3rem;--bg-color-rgb: 5, 5, 5;--text-color: var(--text-primary);--text-color-rgb: 255, 255, 255}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Inter,sans-serif;overflow-x:hidden;transition:var(--transition)}.header{position:fixed;top:0;left:0;right:0;z-index:30000;padding:0 5%;height:80px;display:flex;align-items:center;justify-content:space-between;transition:all .4s cubic-bezier(.4,0,.2,1)}.header.scrolled{background:var(--bg-primary)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 4px 30px #0000001a}@media(max-width:768px){.header{background:var(--bg-primary);height:70px;padding:0 20px}}.logo{display:flex;align-items:center;gap:12px;text-decoration:none;z-index:1001}.logo-img{width:36px;height:36px;object-fit:contain}.logo-text{font-family:Playfair Display,serif;font-size:1.6rem;font-weight:700;color:#fff;letter-spacing:.5px}.nav-menu{display:flex;gap:40px}.nav-link{font-family:Inter,sans-serif;font-size:.9rem;font-weight:400;color:var(--text-secondary);text-decoration:none;position:relative;padding:8px 0;transition:color .3s ease;letter-spacing:.3px}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--text-primary);transition:width .3s ease}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-dropdown{position:relative}.dropdown-trigger{font-family:Inter,sans-serif;font-size:.9rem;font-weight:400;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;display:flex;align-items:center;gap:6px;padding:8px 0;transition:color .3s ease}.dropdown-trigger i{font-size:.65rem;transition:transform .3s ease}.nav-dropdown:hover .dropdown-trigger{color:var(--text-primary)}.nav-dropdown:hover .dropdown-trigger i{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;width:200px;background:#111;border:1px solid rgba(255,255,255,.1);border-radius:8px;transition:all .3s ease;box-shadow:0 10px 40px #0006;z-index:1000}.dropdown-item{display:block;padding:10px 20px;font-family:Inter,sans-serif;font-size:.85rem;color:var(--text-secondary);text-decoration:none;transition:all .2s ease}.dropdown-item:hover{background:#f39c121a;color:var(--secondary-color);padding-left:24px}.header-actions{display:flex;align-items:center;gap:1.5rem;z-index:10005}.user-avatar-wrapper{width:34px;height:34px;border-radius:50%;overflow:hidden;border:2px solid #f39c12;padding:2px;cursor:pointer;transition:transform .3s ease}.user-avatar-wrapper:hover{transform:scale(1.1)}.nav-avatar{width:100%;height:100%;object-fit:cover;border-radius:50%}.action-btn{background:transparent;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.action-btn:hover{color:#f39c12;transform:translateY(-2px)}.icon-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;border-radius:50%}.icon-btn:hover{color:var(--text-primary);background:#ffffff1a}.icon-btn i{font-size:1rem}.hamburger{display:none;flex-direction:column;justify-content:center;gap:6px;width:40px;height:40px;background:transparent;border:none;cursor:pointer;padding:10px}.hamburger span{display:block;width:24px;height:1.5px;background:var(--text-primary);transition:all .3s ease}.hamburger.active span:first-child{transform:translateY(3.75px) rotate(45deg)}.hamburger.active span:last-child{transform:translateY(-3.75px) rotate(-45deg)}.mobile-menu{position:fixed;inset:0;background:var(--bg-primary)!important;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);z-index:25000;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);padding-top:60px}.mobile-menu.active{opacity:1;visibility:visible}.mobile-nav{display:flex;flex-direction:column;align-items:center;gap:32px;width:100%}.mobile-link{font-family:Playfair Display,serif;font-size:2rem;font-weight:500;color:var(--text-secondary);text-decoration:none;transition:all .3s ease;position:relative}.mobile-link:hover,.mobile-link.active{color:var(--text-primary)}.mobile-footer{position:absolute;bottom:40px;text-align:center}.mobile-footer p{font-size:.85rem;color:var(--text-gray)}.hero{display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;width:100%;min-height:85vh;background:var(--bg-primary);overflow:hidden}.hero-content{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;padding:0 5% 0 10%;max-width:50%;z-index:10}.hero-visual{flex:1.2;position:relative;height:auto;min-height:100%}.hero-label{text-transform:uppercase;letter-spacing:4px;font-size:.85rem;color:#f39c12;font-weight:600;margin-bottom:24px;display:block}.hero-heading{font-family:Playfair Display,serif;font-size:clamp(3.5rem,7vw,6rem);line-height:1;margin-bottom:30px;color:var(--text-primary);font-weight:700}.hero-accent{font-style:italic;font-family:Playfair Display,serif;font-weight:400;color:var(--text-secondary);display:block;margin-top:10px;font-size:1.1em;line-height:1.2}.hero-image-label{position:absolute;bottom:40px;right:40px;background:#0006;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:25px 35px;border-radius:8px;border:1px solid rgba(255,255,255,.1);color:#fff;max-width:400px;box-shadow:0 20px 40px #0000004d}.label-category{font-size:.7rem;text-transform:uppercase;letter-spacing:2px;color:#f39c12;display:block;margin-bottom:8px;font-weight:600}.label-title{font-family:Playfair Display,serif;font-size:1.8rem;font-weight:600}.collection-item{aspect-ratio:16/10;border-radius:12px;box-shadow:0 10px 30px #0003}.item-content{background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.7) 40%,transparent 100%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);height:50%;padding:25px;display:flex;flex-direction:column;justify-content:flex-end}.item-title{font-family:Playfair Display,serif;font-size:1.6rem!important;margin-bottom:6px!important;font-weight:700!important;color:#fff!important}.item-description{font-size:.95rem!important;color:#ffffffb3!important;margin-bottom:15px!important;font-weight:400!important}.item-category-badge{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:5px 14px;border-radius:20px;font-size:.7rem;font-weight:500;letter-spacing:.5px;z-index:5;border:1px solid rgba(255,255,255,.1)}.item-description{font-size:.9rem!important;color:#fff9!important;margin-bottom:12px!important}@media(max-width:1024px){.hero{flex-direction:column;min-height:auto}.hero-content{max-width:100%;padding:60px 40px;order:2}.hero-visual{height:50vh;min-height:400px;order:1}}.hero-image{width:100%;height:100%;background-image:url(https://vrindopnishad.in/class/image/KRSHN/Blue_Krishna_personified_as_living_aurora_borealis_with_cosmic_celestial_colors.png);background-size:cover;background-position:center;background-repeat:no-repeat}body:not(.dark-mode) .hero-image{background-image:url(https://vrindopnishad.in/class/image/KRSHN/Blue_Krishna_personified_as_living_aurora_borealis_with_cosmic_celestial_colors.png)}.hero-image-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.4) 100%)}.hero-image-label{position:absolute;bottom:40px;left:40px;right:40px;z-index:2;background:#0009;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:24px 28px;border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.hero-image-label:hover{background:#000000b3;transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.label-category{display:block;font-family:Inter,sans-serif;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:#c9a227;margin-bottom:8px}.label-title{font-family:Playfair Display,serif;font-size:1.5rem;font-weight:500;color:#fff;margin-bottom:0}body:not(.dark-mode) .hero-image-label{background:#ffffffe6;border-color:#0000001a}body:not(.dark-mode) .label-title{color:#1a1a1a}.search-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;z-index:1000;opacity:0;visibility:hidden;pointer-events:none;transition:all .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.search-overlay.active{opacity:1;visibility:visible;pointer-events:auto}.search-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);width:90%;max-width:600px;padding:2rem;opacity:0;transition:all .3s ease}.search-overlay.active .search-container{transform:translate(-50%,-50%);opacity:1}.search-input{width:100%;padding:1rem 1.5rem;font-size:1.2rem;border:none;border-radius:8px;background:#ffffff1a;color:#fff;box-shadow:0 4px 30px #0000001a;transition:all .3s ease}.search-input:focus{outline:none;background:#ffffff26}.search-results{margin-top:2rem;max-height:60vh;overflow-y:auto;color:#fff;padding-right:1rem}.search-results::-webkit-scrollbar{width:6px}.search-results::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.search-results::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.search-result-item{padding:1rem;border-radius:8px;background:#ffffff1a;margin-bottom:1rem;transition:all .3s ease;cursor:pointer}.search-result-item:hover{background:#fff3;transform:translateY(-2px)}.hero-section{min-height:100vh;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 20px 60px;overflow:hidden;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 50%,var(--bg-primary) 100%)}.hero-bg-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 80%,rgba(230,92,0,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(249,212,35,.08) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(230,92,0,.05) 0%,transparent 30%);z-index:0;animation:patternPulse 8s ease-in-out infinite}@keyframes patternPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}.hero-floating-elements{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}.floating-icon{position:absolute;left:var(--x);top:var(--y);font-size:2rem;color:#e65c0026;animation:floatIcon 6s ease-in-out infinite;animation-delay:var(--delay)}body.dark-mode .floating-icon{color:#f9d4231f}@keyframes floatIcon{0%,to{transform:translateY(0) rotate(0);opacity:.3}50%{transform:translateY(-20px) rotate(10deg);opacity:.6}}.hero-content{position:relative;z-index:10;text-align:center;max-width:800px;padding:0 20px}.hero-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 24px;background:linear-gradient(135deg,#e65c001a,#f9d4231a);border:1px solid rgba(230,92,0,.2);border-radius:50px;margin-bottom:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-badge i{color:#e65c00;font-size:1rem}.hero-badge span{font-size:.9rem;font-weight:600;color:#e65c00;letter-spacing:1px}body.dark-mode .hero-badge{background:linear-gradient(135deg,#e65c0026,#f9d4231a);border-color:#f9d4234d}body.dark-mode .hero-badge i,body.dark-mode .hero-badge span{color:#f9d423}.hero-title{font-size:clamp(2rem,6vw,4rem);font-weight:800;line-height:1.1;margin-bottom:24px;color:var(--text-primary)}.hero-title-line{display:block}.hero-title-accent{background:linear-gradient(135deg,#e65c00,#f9d423);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:clamp(1rem,2vw,1.25rem);font-weight:400;line-height:1.7;margin-bottom:32px;color:var(--text-secondary);max-width:600px;margin-left:auto;margin-right:auto}.hero-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;position:relative;z-index:30;margin-bottom:48px}.hero-btn{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;position:relative;overflow:hidden}.hero-btn-primary{background:linear-gradient(135deg,#e65c00,#f9d423);color:#fff;box-shadow:0 8px 25px #e65c0059}.hero-btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 35px #e65c0073}.hero-btn-primary:active{transform:translateY(-1px)}.hero-btn-secondary{background:#8080801a;color:var(--text-primary);border:1px solid rgba(128,128,128,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-btn-secondary:hover{background:#80808033;border-color:#e65c004d;transform:translateY(-3px)}.hero-section .hero-buttons{position:relative!important;z-index:9999!important;pointer-events:auto!important}.hero-section .hero-buttons .hero-btn,.hero-section .hero-buttons button{position:relative!important;z-index:10000!important;pointer-events:auto!important;cursor:pointer!important}.hero-stats{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap}.hero-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.hero-stat-number{font-size:1.8rem;font-weight:800;color:#e65c00;line-height:1}body.dark-mode .hero-stat-number{color:#f9d423}.hero-stat-label{font-size:.85rem;color:var(--text-gray);text-transform:uppercase;letter-spacing:1px;font-weight:500}.hero-stat-divider{width:1px;height:40px;background:linear-gradient(180deg,transparent,var(--border-color),transparent)}.hero-scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-gray);font-size:.85rem;animation:bounceDown 2s ease-in-out infinite;z-index:10}.hero-scroll-indicator i{font-size:1.2rem;color:#e65c00}body.dark-mode .hero-scroll-indicator i{color:#f9d423}@keyframes bounceDown{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(8px)}}.btn{padding:.8rem 2rem;border:none;border-radius:4px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.btn-primary{background-color:var(--text-light);color:var(--bg-dark)}.btn-primary:hover{background-color:#565656bf}.btn-secondary{background-color:#bcbcbcb3;color:var(--text-light)}.btn-secondary:hover{background-color:#6d6d6e66}.main-content{position:relative;z-index:3;background-color:var(--bg-dark);padding:0;min-height:calc(100vh - var(--header-height));display:flex;flex-direction:column}.content-row{margin-bottom:3rem;flex:0 0 auto}.my-list-row{display:none}.my-list-row.active{display:block}.row-header{padding:0 4%;margin-bottom:.8rem}.row-title{font-size:1.4rem;font-weight:600;color:var(--text-light)}.slider-container{position:relative;padding:0 4%;margin:2rem 0}.items-slider{display:flex;overflow-x:auto;scroll-behavior:smooth;padding:4rem 0;margin:-4rem 0;scrollbar-width:none;-ms-overflow-style:none;transition:transform .3s ease;will-change:transform}.items-slider::-webkit-scrollbar{display:none}@media(min-width:1024px){.slider-container{overflow:visible}.items-slider{padding:6rem 0;margin:-6rem 0;will-change:transform}}.collection-item{min-width:280px;aspect-ratio:16 / 10;position:relative;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.2,0,.2,1);background-size:cover;background-position:center top;background-repeat:no-repeat;background-color:#8080801a;margin:.4vw;flex-shrink:0;border:1px solid rgba(128,128,128,.1);box-shadow:0 4px 15px #0000001a}body.dark-mode .collection-item:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgb(0,0,0) 0%,rgba(0,0,0,.95) 20%,rgba(0,0,0,.7) 40%,transparent 70%);opacity:0;transition:opacity .3s ease}body:not(.dark-mode) .collection-item:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgb(255,255,255) 0%,rgba(255,255,255,.95) 20%,rgba(255,255,255,.7) 40%,transparent 70%);opacity:0;transition:opacity .3s ease}@media(min-width:1024px){.collection-item{will-change:transform,z-index;transform-origin:center center;transition:transform .3s cubic-bezier(.2,0,.2,1)}.slider-container:hover .collection-item{transform:translate(-25%)}.collection-item:hover{transform:scale(1.5) translateY(0)!important;z-index:10}.collection-item:hover~.collection-item{transform:translate(25%)}.collection-item:not(:first-child):hover{margin-left:2rem}.collection-item:not(:last-child):hover{margin-right:2rem}.collection-item:hover{position:relative;z-index:11}}.collection-item:hover:before{opacity:1}body.dark-mode .item-content{position:absolute;bottom:0;left:0;right:0;padding:40px 16px 16px;color:#fff;transform:translateY(0);opacity:0;transition:all .3s ease;background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.75) 50%,transparent 100%)}body:not(.dark-mode) .item-content{position:absolute;bottom:0;left:0;right:0;padding:40px 16px 16px;color:#1a1a1a;transform:translateY(0);opacity:0;transition:all .3s ease;background:linear-gradient(to top,rgba(255,255,255,.98) 0%,rgba(255,255,255,.85) 50%,transparent 100%)}.collection-item:hover .item-content{transform:translateY(0);opacity:1}.item-title{font-size:1.1rem;font-weight:600;margin-bottom:.3rem}.item-description{font-size:.9rem;color:var(--text-gray);margin-bottom:.5rem;line-height:1.3}body.dark-mode .category-tag{position:absolute;top:1rem;right:1rem;padding:.3rem .8rem;background:#000000d9;border:1px solid rgba(255,255,255,.2);border-radius:1rem;font-size:.8rem;color:#fff;text-transform:capitalize;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .3s ease}body.dark-mode .category-tag:hover{background:#000000f2;border-color:#ffffff4d}body:not(.dark-mode) .category-tag{position:absolute;top:1rem;right:1rem;padding:.3rem .8rem;background:#ffffffd9;border:1px solid rgba(0,0,0,.2);border-radius:1rem;font-size:.8rem;color:#000;text-transform:capitalize;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .3s ease}body:not(.dark-mode) .category-tag:hover{background:#fffffff2;border-color:#0000004d}.collection-item.error:before{content:"\\f03e";font-family:"Font Awesome 6 Free";font-weight:900;font-size:3rem;color:var(--text-gray);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.collection-item .item-stats{display:flex;gap:1rem;font-size:.85rem;color:var(--text-gray)}.collection-item .item-stats i{margin-right:.4rem;color:var(--primary-color)}.item-stats{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--text-gray)}.item-count{display:flex;align-items:center;gap:4px}.featured-collections .collection-item{min-width:340px;aspect-ratio:16 / 10;max-width:500px}.popular-now .collection-item{min-width:260px;aspect-ratio:16 / 10;max-width:380px}@media(max-width:1400px){.featured-collections .collection-item{min-width:300px}.popular-now .collection-item{min-width:240px}}.scroll-btn{position:absolute;top:0;bottom:0;border:none;width:4%;min-width:40px;font-size:1.5rem;cursor:pointer;z-index:5;opacity:0;transition:var(--transition);display:flex;align-items:center;justify-content:center}.scroll-btn:hover{opacity:1!important}body.dark-mode .scroll-btn.left{left:0;color:#fff;background:linear-gradient(to right,rgb(0,0,0) 0%,rgba(0,0,0,.95) 40%,rgba(0,0,0,.7) 80%,transparent 100%)}body.dark-mode .scroll-btn.right{right:0;color:#fff;background:linear-gradient(to left,rgb(0,0,0) 0%,rgba(0,0,0,.95) 40%,rgba(0,0,0,.7) 80%,transparent 100%)}body:not(.dark-mode) .scroll-btn.left{left:0;color:#000;background:linear-gradient(to right,rgb(255,255,255) 0%,rgba(255,255,255,.95) 40%,rgba(255,255,255,.7) 80%,transparent 100%)}body:not(.dark-mode) .scroll-btn.right{right:0;color:#000;background:linear-gradient(to left,rgb(255,255,255) 0%,rgba(255,255,255,.95) 40%,rgba(255,255,255,.7) 80%,transparent 100%)}.slider-container:hover .scroll-btn{opacity:.9}@media(hover:none){.scroll-btn{display:none}}.popup-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;z-index:10000;opacity:0;visibility:hidden;pointer-events:none;transition:all .4s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:2rem}.popup-modal.active{opacity:1;visibility:visible;pointer-events:auto}.popup-content{background:var(--bg-primary);border-radius:20px;overflow:hidden;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 30px 80px #00000080;border:1px solid rgba(255,255,255,.08);transform:scale(.9) translateY(30px);transition:transform .5s cubic-bezier(.4,0,.2,1)}.popup-modal.active .popup-content{transform:scale(1) translateY(0)}.popup-hero{position:relative;height:350px;background-size:cover;background-position:center}.popup-hero:before{content:"";position:absolute;bottom:0;left:0;right:0;height:70%;background:linear-gradient(transparent,var(--bg-primary));z-index:1}.popup-close{position:absolute;top:20px;right:20px;background:#00000080;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:50%;width:44px;height:44px;cursor:pointer;z-index:500;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .3s ease}.popup-close:hover{background:#000c;transform:scale(1.1) rotate(90deg)}.popup-info{padding:2.5rem;position:relative;z-index:2;margin-top:-80px}.popup-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem;gap:2rem}.popup-title{font-family:Playfair Display,serif;font-size:2.2rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.2;letter-spacing:-.5px}.popup-rating{display:flex;align-items:center;gap:6px;font-size:1rem;font-weight:600;color:#c9a227;background:#c9a2271f;padding:8px 14px;border-radius:8px;flex-shrink:0}.popup-rating i{font-size:.9rem}.popup-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.popup-year{color:#c9a227;font-weight:600;font-size:.95rem;font-family:Inter,sans-serif}.popup-count{color:var(--text-secondary);font-size:.9rem;font-family:Inter,sans-serif}.popup-category{background:#c9a22726;color:#c9a227;padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:1px;font-family:Inter,sans-serif}.row-title{font-family:Playfair Display,serif;font-size:1.8rem;font-weight:600;color:#fff!important;margin-bottom:25px}.hero-heading{font-family:Playfair Display,serif!important;font-size:clamp(2.8rem,8vw,4.2rem)!important;font-weight:700!important;line-height:1.1;color:#fff!important;margin-bottom:25px!important;letter-spacing:-1px!important;text-align:center}.hero-heading span.hero-accent{font-family:Playfair Display,serif!important;font-style:italic;font-weight:500;opacity:.95;color:#fff}.hero-text{font-family:Inter,sans-serif;font-size:1.2rem;line-height:1.8;color:#ffffffb3;max-width:750px;margin-bottom:50px}.popup-description{font-family:Inter,sans-serif;font-size:1rem;line-height:1.7;color:var(--text-secondary);margin-bottom:2rem;max-width:600px}.popup-actions{display:flex;gap:12px;margin-bottom:2rem;flex-wrap:wrap}.popup-btn{padding:14px 28px;border:none;border-radius:8px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px}.popup-btn-primary{background:#c9a227;color:#000}.popup-btn-primary:hover{background:#ddb832;transform:translateY(-2px);box-shadow:0 8px 25px #c9a2274d}.popup-btn-secondary{background:#80808026;color:var(--text-primary);border:1px solid rgba(128,128,128,.2)}.popup-btn-secondary:hover{background:#80808040;border-color:#8080804d}.popup-btn-outline{background:transparent;border:1px solid var(--text-secondary);color:var(--text-primary)}.popup-btn-outline:hover{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.popup-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.stat-item{text-align:center;padding:1.2rem;background:#80808014;border-radius:12px;border:1px solid rgba(128,128,128,.1)}.stat-number{font-family:Playfair Display,serif;font-size:1.8rem;font-weight:600;color:#c9a227;display:block;margin-bottom:4px}.stat-label{font-family:Inter,sans-serif;font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.popup-tags{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:2rem}.popup-tag{background:var(--bg-primary);color:var(--text-primary);padding:.5rem 1rem;border-radius:20px;font-size:.9rem;border:1px solid var(--border-color);transition:all .3s ease}.popup-tag:hover{background:var(--tertiary-color);color:#fff;cursor:pointer}.related-section{border-top:1px solid var(--border-color);padding-top:2rem}.related-title{font-size:1.3rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.related-item{border-radius:8px;overflow:hidden;background:var(--bg-primary);border:1px solid var(--border-color);transition:all .3s ease;cursor:pointer}.related-item:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.related-image{width:100%;height:100px;background-size:cover;background-position:center}.related-info{padding:1rem}.related-name{font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:.3rem}.related-count{font-size:.8rem;color:var(--text-gray)}.dark-mode .popup-content{background:var(--bg-secondary)}.dark-mode .popup-hero:before{background:linear-gradient(transparent,var(--bg-secondary))}.dark-mode .popup-btn-primary{background:#fff;color:#000}.dark-mode .stat-item,.dark-mode .popup-tag,.dark-mode .related-item{background:var(--bg-primary);border-color:var(--border-color)}@media(max-width:768px){.popup-modal{padding:1rem;align-items:flex-start;overflow-y:auto}.popup-content{max-height:none;margin:2rem 0}.popup-hero{height:250px}.popup-info{padding:1.5rem}.popup-title{font-size:1.8rem}.popup-header{flex-direction:column;gap:1rem}.popup-actions{flex-direction:column}.popup-btn{justify-content:center}.popup-stats,.related-grid{grid-template-columns:repeat(2,1fr)}}footer{padding:calc(var(--spacing-md) * 2) var(--spacing-md) var(--spacing-md);position:relative;z-index:1;background-color:rgba(var(--bg-color-rgb),.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(var(--text-color-rgb),.1);margin-top:auto}.footer-content{position:relative;z-index:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);max-width:1400px;margin:0 auto;width:100%;padding:0 var(--spacing-md)}.footer-logo{font-family:Protest Strike,sans-serif;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:600;margin-bottom:1.5rem;line-height:1}.footer-text{position:relative;z-index:2;background:rgba(var(--bg-color),.5);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);padding:1rem;border-radius:4px;font-size:clamp(.9rem,1.2vw,1.1rem);line-height:1.6;max-width:35ch;border:1px solid rgba(var(--text-color-rgb),.05);transition:background .3s ease,transform .3s ease}.footer-text:hover{background:rgba(var(--bg-color),.7);transform:translateY(-5px)}.footer-links h3{font-size:clamp(1.2rem,1.7vw,1.4rem);font-weight:600;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:1px}.footer-links ul{list-style:none}.footer-links li{margin-bottom:1rem}.footer-links a{font-size:clamp(.9rem,1.2vw,1.1rem);text-decoration:none;color:var(--text-color);opacity:.8;transition:opacity .3s ease,transform .3s ease,color .3s ease;position:relative;display:inline-block}.footer-links a:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background-color:var(--secondary-color);transform:scaleX(0);transform-origin:right center;transition:transform .3s ease}.footer-links a:hover{opacity:1;color:var(--secondary-color);transform:translate(5px)}.footer-links a:hover:after{transform:scaleX(1);transform-origin:left center}.footer-bottom{margin-top:var(--spacing-lg);padding-top:1.5rem;border-top:1px solid rgba(var(--text-color-rgb),.1);text-align:center;font-size:clamp(.8rem,1vw,.9rem);opacity:.6}@media(max-width:768px){footer{padding:var(--spacing-xl) var(--spacing-md)}.footer-content{flex-direction:column;gap:var(--spacing-xl)}.footer-links{width:100%}}.social-links{display:flex;gap:1rem;margin-bottom:1.5rem}.social-link{color:var(--text-color);font-size:1.5rem;opacity:.8;transition:all .3s ease}.social-link:hover{opacity:1;color:var(--secondary-color);transform:translateY(-3px)}@media(max-width:1200px){.collection-item{min-width:240px}.featured-collections .collection-item{min-width:300px}}@media(max-width:768px){.header{background:var(--bg-primary)!important;padding:0 20px;height:70px;z-index:30000}.nav-menu{display:none}.hamburger{display:flex}.logo-text{font-size:1.2rem}.logo-img{width:32px;height:32px}.hero{grid-template-columns:1fr;min-height:auto;padding-top:70px}.hero-content{padding:60px 20px;order:2;text-align:center;align-items:center}.hero-heading{font-size:clamp(2.5rem,10vw,3.5rem)}.hero-text{max-width:100%;text-align:center}.hero-cta{width:100%;justify-content:center}.hero-visual{order:1;height:50vh;min-height:300px}.hero-image-label{bottom:20px;left:20px}.label-title{font-size:1.2rem}.slider-container,.row-header{padding:0 2%}.collection-item{min-width:180px}.featured-collections .collection-item{min-width:260px}.popular-now .collection-item{min-width:160px}body.dark-mode .item-content,body:not(.dark-mode) .item-content{padding:24px 12px 12px}body.dark-mode .item-content{background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.5) 40%,transparent 80%)}body:not(.dark-mode) .item-content{background:linear-gradient(to top,rgba(255,255,255,.95) 0%,rgba(255,255,255,.7) 40%,transparent 80%)}.header-actions{gap:4px}.icon-btn{width:36px;height:36px}.icon-btn i{font-size:.9rem}}@media(max-width:480px){.hero-buttons{flex-direction:column}.btn{padding:.6rem 1.5rem;font-size:1rem}.collection-item{min-width:160px;height:90px}}.collection-item.loading{background:linear-gradient(90deg,#333 25%,#444,#333 75%);background-size:200% 100%;animation:loading 2s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.category-pills-container{position:sticky;top:80px;z-index:100;background:var(--bg-primary);border-bottom:1px solid rgba(128,128,128,.1);padding:16px 0;transition:all .3s ease}body:not(.dark-mode) .category-pills-container{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body.dark-mode .category-pills-container{background:#0a0a0af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.category-pills{display:flex;gap:10px;padding:0 4%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.category-pills::-webkit-scrollbar{display:none}.category-pill{padding:10px 20px;background:#80808014;border:1px solid rgba(128,128,128,.15);border-radius:25px;white-space:nowrap;font-family:Inter,sans-serif;font-size:.9rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.category-pill:hover{background:#c9a22726;border-color:#c9a2274d;color:#c9a227;transform:translateY(-2px)}.category-pill.active{background:linear-gradient(135deg,#c9a227,#ddb832);border-color:transparent;color:#000;font-weight:600;box-shadow:0 4px 15px #c9a22759}@media(max-width:768px){.category-pills-container{top:70px;padding:12px 0}.category-pill{padding:8px 16px;font-size:.85rem}.popup-modal .popup-content{position:fixed;bottom:0;left:0;right:0;max-height:85vh;border-radius:24px 24px 0 0;transform:translateY(100%);max-width:100%}.popup-modal.active .popup-content{transform:translateY(0)}.popup-content:before{content:"";position:absolute;top:10px;left:50%;transform:translate(-50%);width:40px;height:4px;background:#80808066;border-radius:4px;z-index:10}.popup-hero{height:250px}.popup-info{padding:1.5rem;margin-top:-40px}.popup-title{font-size:1.6rem}}@media(max-width:375px){.category-pill{padding:7px 14px;font-size:.8rem}}.header-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-2;opacity:0;transition:opacity 1s ease;overflow:hidden}.header-bg.active{opacity:1}.hero-video,.fallback-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}@supports (-webkit-touch-callout: none){.hero-video{position:absolute;width:100%;height:100%;object-fit:cover;z-index:-1}.hero-video:not([playsinline]){display:none}.fallback-img{display:block}}.header-bg:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#0009,#0000004d,#0000001a);z-index:-1}.lazy{opacity:1;background-color:#f0f0f0}.lazy:not([src*="data:image"]){background-size:200% 200%}@keyframes loadingPulse{0%{background-color:#f0f0f0}50%{background-color:#e0e0e0}to{background-color:#f0f0f0}}.lazy.error{background-color:#fafafa;opacity:.7}*{padding:0;margin:0;box-sizing:border-box;outline:0;font-family:Poppins,sans-serif;-webkit-tap-highlight-color:transparent}:root{--primary-color: #fae861;--secondary-color: #ff9500;--tertiary-color: #003f3c;--bg-light: #ffffff;--text-light: #111111;--text-dark: #f5f5f5;--card-shadow: 0 4px 10px rgba(0, 0, 0, .1);--transition: all .3s ease;--icon-size: 24px;--header-height: 70px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--action-icon: rgba(255, 248, 170, .9);--action-bg: rgba(46, 46, 46, .9);--action-bg-hover: #625e66;--light-download-btn: rgb(0, 21, 51)}body{transition:var(--transition);overflow-x:hidden}.dark-mode{--primary-color: #001b2b;--secondary-color: #faf861;--tertiary-color: #c0c0c0;--bg-light: #000000;--text-light: #f5f5f5;--action-icon: rgba(0, 32, 34, .9);--action-bg: rgba(255, 255, 255, .9);--action-bg-hover: #625e66;--action-icon-hover: #ffffff;--bg-dark: #121212;--light-download-btn: #fff;background-color:var(--bg-dark);color:var(--text-dark)}.app-container{min-height:100vh;display:flex;flex-direction:column}.ripple-btn{position:relative;overflow:hidden;isolation:isolate}.ripple-btn .btn-text{position:relative;z-index:100;pointer-events:none;transition:color .4s cubic-bezier(.4,0,.2,1)}.ripple-btn:before{content:"";position:absolute;top:var(--ripple-y, 50%);left:var(--ripple-x, 50%);width:0;height:0;border-radius:50%;background:var(--ripple-color, rgba(255, 255, 255, .95));transform:translate(-50%,-50%);transition:width .8s cubic-bezier(.25,.46,.45,.94),height .8s cubic-bezier(.25,.46,.45,.94);pointer-events:none;z-index:1}.ripple-btn.ripple-expanding:before{width:600px;height:600px}.ripple-btn.ripple-shrinking:before{width:0;height:0;transition:width .5s cubic-bezier(.55,.085,.68,.53),height .5s cubic-bezier(.55,.085,.68,.53)}.ripple-btn.ripple-expanding .btn-text{color:var(--ripple-text-color, #d68910)}.hero-cta-btn{--ripple-color: rgba(255, 255, 255, .98);--ripple-text-color: #f39c12;transition:transform .3s ease}.hero-cta-btn:hover{transform:translateY(-2px)}.hero-label,.hero-heading,.hero-text,.hero-cta-btn{opacity:0}.lazy{opacity:0;transition:opacity .3s ease-in-out;will-change:opacity;background-color:#0000000d}.lazy.loaded{opacity:1}@keyframes loadingPulse{0%{background-color:#0000000d}50%{background-color:#0000001a}to{background-color:#0000000d}}img.lazy:not([src*="data:image"]){animation:loadingPulse 1.5s ease-in-out infinite}.header{background-color:var(--primary-color);display:flex;justify-content:space-between;align-items:center;padding:0 2rem;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:1000;transition:var(--transition);height:var(--header-height)}.dark-mode .header{background-color:#000;box-shadow:0 2px 10px #0000004d}.logo{display:flex;align-items:center;gap:var(--spacing-sm);height:100%;padding:var(--spacing-sm) 0;transition:transform .3s ease}.logo i{font-size:var(--icon-size);color:var(--text-light);display:flex;align-items:center;justify-content:center;width:var(--icon-size);height:var(--icon-size);line-height:1}.logo h1{font-size:1.5rem;font-weight:700;color:var(--text-light);line-height:1.2}.theme-toggle{cursor:pointer;font-size:1.2rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#fff3;transition:var(--transition)}.theme-toggle i{line-height:1;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{background-color:#ffffff4d;transform:rotate(30deg);color:var(--tertiary-color)}.filter-container{padding:var(--spacing-md) 2rem;background-color:var(--bg-light);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-md);transition:var(--transition)}.search-box{display:flex;align-items:center;background-color:#0000000d;border-radius:12px;padding:0 16px;transition:all .3s ease;flex:1;max-width:400px;min-width:200px;border:1.5px solid rgba(0,0,0,.08);height:44px;gap:10px}.search-box:hover{background-color:#00000012;border-color:#00000026}.search-box:focus-within{background-color:#fffffff2;border-color:var(--primary-color);box-shadow:0 0 0 3px #fae86140}.dark-mode .search-box{background-color:#ffffff14;border-color:#ffffff1a}.dark-mode .search-box:hover{background-color:#ffffff1f;border-color:#fff3}.dark-mode .search-box:focus-within{background-color:#ffffff26;border-color:var(--primary-color);box-shadow:0 0 0 3px #fae86126}.search-box i{color:#888;display:flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0;font-size:14px;transition:color .3s ease}.search-box:focus-within i{color:var(--text-light)}.dark-mode .search-box i{color:#ffffff80}.dark-mode .search-box:focus-within i{color:#ffffffe6}.search-box input{background:transparent;border:none;color:var(--text-light);font-size:.95rem;width:100%;height:100%;line-height:1;outline:none}.search-box input::placeholder{color:#999;opacity:1;font-weight:400}.dark-mode .search-box input{color:var(--text-dark)}.dark-mode .search-box input::placeholder{color:#fff6}.filter-buttons{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;align-items:center}.filter-btn{background-color:transparent;border:1px solid var(--primary-color);color:var(--text-light);padding:8px var(--spacing-md);border-radius:50px;cursor:pointer;transition:var(--transition);height:36px;display:flex;align-items:center;justify-content:center}.filter-btn:hover,.filter-btn.active{background-color:var(--primary-color);color:var(--text-light)}.dark-mode .filter-btn{border-color:var(--primary-color);color:var(--text-dark)}.dark-mode .filter-btn:hover,.dark-mode .filter-btn.active{background-color:var(--primary-color);color:var(--text-dark)}.home-page{background-color:var(--bg-light);flex:1;transition:var(--transition)}.masonry-layout{columns:250px;column-gap:1.5rem;padding:2rem}.image-card{break-inside:avoid;margin-bottom:1.5rem;position:relative;border-radius:10px;overflow:hidden;box-shadow:var(--card-shadow);transition:transform .3s ease-out,box-shadow .3s ease-out;transform:translateZ(0);-webkit-transform:translate3d(0,0,0);backface-visibility:hidden;-webkit-backface-visibility:hidden;perspective:1000px;-webkit-perspective:1000px;will-change:transform,box-shadow}.image-card:hover{transform:translate3d(0,-5px,0);-webkit-transform:translate3d(0,-5px,0);box-shadow:0 10px 20px #00000026}.image-card img{width:100%;height:auto;display:block;margin:0;-webkit-transform:translate3d(0,0,0);transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform}.image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(0,0,0,.6),transparent);opacity:0;transition:opacity .3s ease-out;display:flex;align-items:flex-end;-webkit-transform:translate3d(0,0,0);transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:opacity;justify-content:center;padding:1rem}.image-card:hover .image-overlay{opacity:1}.image-actions{display:flex;gap:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.action-btn{background-color:var(--action-bg);border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);transform:translateY(20px);opacity:0}.image-card:hover .action-btn{transform:translateY(0);opacity:1}.image-card:hover .action-btn:nth-child(1){transition-delay:.1s}.image-card:hover .action-btn:nth-child(2){transition-delay:.2s}.image-card:hover .action-btn:nth-child(3){transition-delay:.3s}.action-btn:hover{background-color:var(--action-bg-hover);transform:translateY(-5px)}.action-btn i{color:var(--action-icon);font-size:16px;display:flex;align-items:center;justify-content:center;width:16px;height:16px}.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:2000;opacity:0;pointer-events:none;transition:opacity .3s ease}.lightbox.active{opacity:1;pointer-events:all}.lightbox-content{position:relative;max-width:90%;max-height:90%;display:flex;flex-direction:column;align-items:center;transform-style:preserve-3d}.lightbox-img{max-width:100%;max-height:90vh;border-radius:8px;box-shadow:0 8px 30px #0000004d;transition:all .3s ease}.lightbox-btn{position:absolute;top:50%;transform:translateY(-50%);background-color:#fff3;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.21,.61,.35,1);opacity:.7;z-index:2001;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transform-style:preserve-3d;box-shadow:0 4px 8px #0003}.prev-btn{left:20px}.next-btn{right:20px}.lightbox-btn:hover{color:var(--text-light);background-color:var(--secondary-color);opacity:1;transform:translateY(-50%) scale(1.1);box-shadow:6px 6px #0000004d}.lightbox-btn i{color:#fff;font-size:1.2rem;display:flex;align-items:center;justify-content:center;width:20px;height:20px;transition:transform .3s cubic-bezier(.21,.61,.35,1)}.lightbox-btn:hover i{color:var(--text-light);transform:scale(1.2)}.close-lightbox{color:red;position:absolute;top:20px;right:20px;font-size:1.2rem;transition:all .3s cubic-bezier(.21,.61,.35,1);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#fff3;border-radius:50%;z-index:2001;opacity:.7;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transform-style:preserve-3d;box-shadow:0 4px 8px #0003}.close-lightbox:hover{background-color:var(--secondary-color);transform:scale(1.1);opacity:1;box-shadow:0 6px 12px #0000004d}.close-lightbox i{color:red;transition:transform .3s cubic-bezier(.21,.61,.35,1)}.close-lightbox:hover i{transform:rotate(90deg)}.lightbox-download-btn{position:absolute;top:20px;left:20px;background-color:#fff3;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.21,.61,.35,1);color:#ffffff80;font-size:1.2rem;z-index:2001;opacity:.7;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transform-style:preserve-3d;box-shadow:0 4px 8px #0003}.lightbox-download-btn:hover{background-color:var(--light-download-btn);transform:scale(1.1);opacity:1;box-shadow:0 6px 12px #0000004d}.lightbox-download-btn i{color:#ffe83b;display:flex;align-items:center;justify-content:center;width:20px;height:20px;transition:transform .3s cubic-bezier(.21,.61,.35,1)}.lightbox-download-btn:hover i{color:var(--light-download-btn);transform:translateY(-2px)}@media(max-width:1024px){.image-card.active .image-overlay{opacity:1}.image-card.active .action-btn{transform:translateY(0)!important;opacity:1!important}.action-btn{width:44px;height:44px}.action-btn i{font-size:18px}.image-card{-webkit-tap-highlight-color:transparent}.image-overlay{transition:opacity .2s ease}}.footer{background-color:var(--primary-color);padding:var(--spacing-lg) 2rem;text-align:center;transition:var(--transition)}.dark-mode .footer{background-color:#101010}.social-links{display:flex;justify-content:center;gap:var(--spacing-lg);margin-top:var(--spacing-md)}.social-link{color:var(--text-light);font-size:1.5rem;transition:var(--transition);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%}.social-link i{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.dark-mode .social-link{color:var(--text-dark)}.social-link:hover{color:var(--tertiary-color)}.notification-container{position:fixed;bottom:30px;right:30px;z-index:9999;display:flex;flex-direction:column;gap:15px;perspective:1000px}.notification{background:#0d1021d9;color:#e0e6ff;padding:18px 25px;border-radius:8px;box-shadow:0 0 25px #3e64ff26,inset 0 0 15px #1e40ff1a;transform:translate(100%);animation:space-notification-in .5s forwards cubic-bezier(.16,1,.3,1);max-width:350px;position:relative;overflow:hidden;display:flex;align-items:center;gap:15px;border:1px solid rgba(111,155,255,.2)}.notification:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:radial-gradient(circle at 30% 30%,rgba(111,155,255,.15) 0%,transparent 25%),radial-gradient(circle at 70% 60%,rgba(90,120,255,.1) 0%,transparent 30%);pointer-events:none;z-index:-1}.notification:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background-image:radial-gradient(circle at 15% 20%,white 0%,transparent 1px),radial-gradient(circle at 85% 30%,white 0%,transparent 1px),radial-gradient(circle at 40% 70%,white 0%,transparent 1px),radial-gradient(circle at 70% 90%,white 0%,transparent 1px);opacity:.6;pointer-events:none;z-index:1}.notification-icon{min-width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--notification-color, #4a6fff);box-shadow:0 0 15px var(--notification-color, #4a6fff),inset 0 0 8px #ffffff80;position:relative;z-index:2}.notification-icon i{color:#fff;font-size:1rem}.notification-content{flex:1;position:relative;z-index:2}.notification-title{font-weight:600;margin-bottom:5px;font-size:.95rem;letter-spacing:.5px;color:#fff}.notification-message{font-size:.9rem;opacity:.9;letter-spacing:.3px}.notification.info{--notification-color: #4a6fff}.notification.success{--notification-color: #3ec74f}.notification.error{--notification-color: #ff5a6a}.notification.warning{--notification-color: #ffb347}.notification.fade-out{animation:space-notification-out .5s forwards cubic-bezier(.7,0,.84,0)}@keyframes space-notification-in{0%{transform:translate(100%);opacity:0;filter:brightness(1.5) blur(5px)}to{transform:translate(0);opacity:1;filter:brightness(1) blur(0)}}@keyframes space-notification-out{0%{transform:translate(0);opacity:1;filter:brightness(1) blur(0)}to{transform:translate(100%);opacity:0;filter:brightness(1.5) blur(5px)}}.notification.glow{animation:cosmic-pulse 3s infinite alternate}@keyframes cosmic-pulse{0%{box-shadow:0 0 25px #3e64ff26,inset 0 0 15px #1e40ff1a}to{box-shadow:0 0 30px var(--notification-color, rgba(62, 100, 255, .3)),inset 0 0 20px rgba(var(--notification-color, rgba(30, 64, 255, .2)))}}.dark-mode .notification{background:#0a0c18e6;color:#e0e6ff;border:1px solid rgba(100,140,255,.15)}@media(max-width:768px){.header{padding:0 1rem;height:60px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#fae861f2}.dark-mode .header{background-color:#000000f2}.logo h1{font-size:1.1rem;font-weight:600}.logo i{font-size:1.2rem}.header-right{gap:.5rem}.theme-toggle,.tools-icon{width:36px;height:36px}.theme-toggle i,.tools-icon i{font-size:1rem}.filter-container{padding:.75rem 1rem;flex-direction:column;align-items:stretch;gap:.75rem;position:sticky;top:60px;z-index:100;background-color:var(--bg-light);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.dark-mode .filter-container{background-color:#000000f2}.search-box{max-width:100%;height:50px;border-radius:12px;padding:0 16px;background-color:#ffffff0d;border:1.5px solid rgba(255,255,255,.1)}.dark-mode .search-box{background-color:#ffffff1a;border-color:#fff3}.search-box:focus-within{background-color:#ffffff26;border-color:var(--primary-color);box-shadow:0 0 0 3px #fae8614d}.search-box input{font-size:1rem}.search-box input::placeholder{font-size:.95rem;color:#fff9!important}.search-box i{font-size:18px;color:#ffffffb3}.filter-buttons{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.25rem;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.filter-buttons::-webkit-scrollbar{display:none}.filter-btn{height:38px;padding:0 1rem;font-size:.85rem;border-radius:10px;white-space:nowrap;flex-shrink:0;min-width:fit-content}.masonry-layout{columns:2;column-gap:.75rem;padding:.75rem}.image-card{margin-bottom:.75rem;border-radius:12px;box-shadow:0 2px 8px #00000014}.dark-mode .image-card{box-shadow:0 2px 8px #0000004d}.image-overlay{opacity:0;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 60%);padding:.75rem}.image-card.active .image-overlay{opacity:1}.action-btn{width:38px;height:38px;opacity:1;transform:translateY(0)}.image-card.active .action-btn{transform:translateY(0)!important;opacity:1!important}.action-btn i{font-size:16px}.lightbox-content{max-width:95%;max-height:85%}.lightbox-img{border-radius:12px;max-height:80vh}.lightbox-btn{width:44px;height:44px;opacity:.9;background-color:#ffffff26;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.prev-btn{left:8px!important}.next-btn{right:8px!important}.close-lightbox,.lightbox-download-btn{width:44px;height:44px;top:12px;opacity:.9}.close-lightbox{right:12px}.lightbox-download-btn{left:12px}.footer{padding:1.5rem 1rem}.footer p{font-size:.85rem;line-height:1.5}.social-links{gap:1.5rem;margin-top:1rem}.social-link{width:44px;height:44px;font-size:1.3rem}}@media(max-width:480px){.header{height:56px;padding:0 .75rem}.logo h1,.logo i{font-size:1rem}.theme-toggle,.tools-icon{width:32px;height:32px}.filter-container{top:56px;padding:.5rem .75rem}.search-box{height:40px}.search-box input{font-size:.9rem}.filter-btn{height:34px;padding:0 .75rem;font-size:.8rem}.masonry-layout{columns:2;column-gap:.5rem;padding:.5rem}.image-card{margin-bottom:.5rem;border-radius:10px}.action-btn{width:34px;height:34px}.action-btn i{font-size:14px}.footer{padding:1.25rem .75rem}.footer p{font-size:.8rem}.social-link{width:40px;height:40px;font-size:1.2rem}}@media(max-width:768px)and (orientation:landscape){.header{height:50px}.filter-container{top:50px;padding:.5rem 1rem;flex-direction:row;align-items:center}.search-box{max-width:300px;height:36px}.filter-btn{height:32px}.masonry-layout{columns:3}.lightbox-img{max-height:70vh}}@media(hover:none)and (pointer:coarse){.image-card:hover{transform:none}.image-card:active{transform:scale(.98)}.image-overlay{transition:opacity .2s ease}.magnetic{transform:none!important}.magnetic>*{transform:none!important}.filter-btn:active{transform:scale(.95)}.theme-toggle:active,.tools-icon:active{transform:scale(.9)}.action-btn:active{transform:scale(.9);background-color:var(--action-bg-hover)}}@media(max-width:768px){:root{--primary-color: #f5e55c;--card-shadow: 0 2px 6px rgba(0, 0, 0, .06)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.home-page{background-color:#fafafa}.dark-mode .home-page{background-color:#0a0a0a}.image-card{box-shadow:0 1px 4px #0000000f}.image-overlay{background:linear-gradient(to top,rgba(0,0,0,.65) 0%,rgba(0,0,0,.3) 30%,transparent 70%)}}.header-right{display:flex;align-items:center;gap:1.5rem;height:100%}.tools-icon{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#fff3;cursor:pointer;transition:var(--transition),transform .3s ease;z-index:1001}.tools-icon i{font-size:var(--icon-size);color:var(--text-light);transition:var(--transition),transform .3s ease;line-height:1;display:flex;align-items:center;justify-content:center;width:var(--icon-size);height:var(--icon-size)}.tools-icon:hover{background-color:#ffffff4d;transform:scale(1.1) rotate(30deg)}.tools-icon:hover i{color:var(--tertiary-color)}.tools-icon.pulse-animation{animation:iconPulse 1s infinite}@keyframes iconPulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.tools-menu{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#121212fa;z-index:2000;opacity:0;pointer-events:none;transition:opacity .4s ease;display:flex;flex-direction:column;overflow-y:auto}.tools-menu.active{opacity:1;pointer-events:all}.tools-menu-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid rgba(255,255,255,.1);height:80px}.tools-menu-logo{font-size:1.5rem;font-weight:700;color:var(--primary-color)}.tools-menu-close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#ffffff1a;cursor:pointer;transition:var(--transition)}.tools-menu-close i{font-size:1.2rem;color:#fff;display:flex;align-items:center;justify-content:center;width:20px;height:20px}.tools-menu-close:hover{background-color:#fff3;transform:rotate(90deg)}.tools-menu-content{flex:1;padding:2rem;overflow-y:auto}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;opacity:0;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease}.tools-menu.active .tools-grid{opacity:1;transform:translateY(0)}.tool-item{position:relative;background-color:#ffffff0d;border-radius:10px;padding:1.5rem;transition:all .3s ease;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;height:100%;min-height:180px;opacity:0;transform:translateY(20px);transition:background-color .3s ease,transform .3s ease,opacity .3s ease}.tool-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .3s ease}.tool-item:hover:before{opacity:1}.tool-icon{width:60px;height:60px;background-color:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;transition:var(--transition);position:relative;z-index:1}.tool-icon i{font-size:1.5rem;color:#fff;transition:var(--transition);display:flex;align-items:center;justify-content:center;width:24px;height:24px}.tool-item:hover .tool-icon{transform:scale(1.1);background-color:#fff3}.tool-info{flex:1;z-index:1}.tool-info h3{font-size:1.2rem;font-weight:600;margin-bottom:.5rem;color:#fff;position:relative;display:inline-block}.tool-info h3:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background-color:var(--primary-color);transition:width .3s ease}.tool-item:hover .tool-info h3:after{width:100%}.tool-info p{font-size:.9rem;color:#ffffffb3;line-height:1.4}.tool-link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.tools-menu.active .tool-item{opacity:1;transform:translateY(0)}.tools-menu.active .tool-item:nth-child(1){transition-delay:.1s}.tools-menu.active .tool-item:nth-child(2){transition-delay:.15s}.tools-menu.active .tool-item:nth-child(3){transition-delay:.2s}.tools-menu.active .tool-item:nth-child(4){transition-delay:.25s}.tools-menu.active .tool-item:nth-child(5){transition-delay:.3s}.tools-menu.active .tool-item:nth-child(6){transition-delay:.35s}.tool-item[data-bg-color="#8E7F7F"]:hover{background-color:#8e7f7f33}.tool-item[data-bg-color="#4A4A4A"]:hover{background-color:#4a4a4a33}.tool-item[data-bg-color="#D4AF37"]:hover{background-color:#d4af3733}.tool-item[data-bg-color="#121212"]:hover{background-color:#12121266}.tool-item[data-bg-color="#78a4aa"]:hover{background-color:#78a4aa33}.tool-item[data-bg-color="#e9d0a4"]:hover{background-color:#e9d0a433}@media(max-width:768px){.tools-icon{width:36px;height:36px}.tools-grid{grid-template-columns:1fr;gap:1rem}.tool-item{min-height:160px;padding:1.2rem}.tools-menu-header,.tools-menu-content{padding:1rem}.tools-menu-logo{font-size:1.2rem}}@media(max-width:480px){.tools-icon{width:32px;height:32px}.tools-icon i{font-size:1rem}}.magnetic{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .3s cubic-bezier(.21,.61,.35,1)}.magnetic.active{transform:scale(1.1)}.magnetic.hover{z-index:10}.magnetic>*{transition:transform .3s cubic-bezier(.21,.61,.35,1);display:inline-flex;align-items:center;justify-content:center}.action-btn.magnetic:hover{transform:scale(1.15)}.filter-btn.magnetic:hover{transform:translateY(-2px)}.social-link.magnetic:hover{transform:translateY(-3px) scale(1.1)}.logo.magnetic:hover{transform:scale(1.03) translateY(-1px)}@media(hover:none)and (pointer:coarse){.magnetic{transform:none!important}.magnetic>*{transform:none!important}}.magnetic>i{display:flex;align-items:center;justify-content:center;line-height:1}.action-btn.magnetic,.logo.magnetic{transform-style:preserve-3d}@keyframes twinkle{0%{opacity:0;transform:scale(.5)}50%{opacity:.8;transform:scale(1.2)}to{opacity:.3;transform:scale(1)}}.watermarked-image-container{position:relative;display:inline-block;overflow:hidden}.watermark-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:multiply;opacity:.4;transition:opacity .3s ease;z-index:5;background:repeating-linear-gradient(45deg,#fffc,#fffc 10px,#c8c8c8cc 10px 20px)}.watermarked-image-container:hover .watermark-overlay{opacity:.6}.protection-message,.watermark-overlay,.image-protection-layer{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.watermark-overlay{background-blend-mode:overlay;background-size:cover;-webkit-backdrop-filter:brightness(.98);backdrop-filter:brightness(.98)}.watermarked-image-container.loading:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff1a;z-index:1}.watermarked-image-container img,.watermark-overlay{will-change:opacity;transform:translateZ(0);backface-visibility:hidden}.protected-image-wrapper{position:relative;display:inline-block;overflow:hidden}.protected-image-wrapper img{display:block;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.image-protection-layer{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;z-index:10}.image-watermark{opacity:0;transition:opacity .3s ease}.protected-image-wrapper:hover .image-watermark{opacity:1}.protection-message{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}.protection-message,.image-watermark,.image-protection-layer{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}@media screen and (max-width:1024px){.collection-card{height:240px}.collection-card:hover{transform:scale(1.2)}.collection-card:hover~.collection-card{transform:translate(30px)}.card-content{padding:1.5rem 1.2rem 1.2rem}.content-header h3{font-size:1.3rem}.view-btn,.info-btn{padding:.6rem 1rem;font-size:.9rem}.preview-strip{gap:.8rem}.action-buttons{margin:.8rem 0}}@media screen and (max-width:768px){.collection-card{height:200px}.collection-card:hover{transform:scale(1.1);height:auto}.collection-card:hover~.collection-card{transform:translateY(20px)}.card-content{padding:1.2rem 1rem 1rem;min-height:180px}.collection-card:hover .card-content{min-height:70%}.content-header h3{font-size:1.2rem;margin-bottom:.5rem}.content-header p{font-size:.9rem;margin-bottom:1rem}.category-label{font-size:.8rem}.action-buttons{flex-wrap:wrap;gap:.8rem;margin:.8rem 0}.view-btn{width:100%;justify-content:center;padding:.8rem}.info-btn{padding:.8rem}.preview-strip{grid-template-columns:repeat(2,1fr);gap:.8rem}}@media(hover:none){.collection-card{transform:none!important}.card-content{opacity:1;transform:translateY(0);background:linear-gradient(0deg,#000000f2,#000c,#0006);height:100%;display:flex;align-items:flex-end}.content-header,.action-buttons,.preview-strip{opacity:1;transform:translateY(0)}.preview-strip{display:none}.action-buttons{position:absolute;top:1rem;right:1rem}.collection-card:hover .main-cover-image{transform:none}}@media screen and (max-width:768px)and (orientation:portrait){.collections-grid{gap:1.2rem}.collection-card{height:180px}.content-header h3{font-size:1.1rem}}@media screen and (max-width:768px)and (orientation:landscape){.collections-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.collection-card{height:160px}}@supports (padding: env(safe-area-inset-bottom)){.collections-grid{padding-bottom:calc(2rem + env(safe-area-inset-bottom));padding-left:calc(1rem + env(safe-area-inset-left));padding-right:calc(1rem + env(safe-area-inset-right))}}.footer{background:#000;color:#fff;padding:80px 5% 40px;margin-top:100px;border-top:1px solid rgba(255,255,255,.1)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;max-width:1400px;margin:0 auto;width:100%}.footer-logo{font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700;margin-bottom:20px;color:#f39c12;text-transform:uppercase;letter-spacing:1px}.footer-text{color:#ffffffb3;line-height:1.6;font-size:.95rem;max-width:35ch;margin-bottom:25px;transition:all .3s}.footer-text:hover{transform:translateY(-5px);color:#fff}.footer-links h3{font-size:1.1rem;font-weight:600;margin-bottom:20px;text-transform:uppercase;letter-spacing:1.5px;color:#f39c12}.footer-links ul{list-style:none;padding:0}.footer-links li{margin-bottom:15px}.footer-link{color:#fff!important;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.95rem;display:inline-block;position:relative;opacity:1!important}.footer-link:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background-color:#f39c12;transform:scaleX(0);transform-origin:right center;transition:transform .3s ease}.footer-link:hover{color:#f39c12;transform:translate(8px);opacity:1}.footer-link:hover:after{transform:scaleX(1);transform-origin:left center}.social-links{display:flex;gap:20px}.social-link{color:#fff9;transition:all .3s;background:#ffffff0d;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%}.social-link:hover{color:#fff;background:#ffffff26;transform:translateY(-5px) scale(1.1)}.footer-bottom{margin-top:60px;padding-top:30px;border-top:1px solid rgba(255,255,255,.1);text-align:center;color:#fff6;font-size:.85rem}@media(max-width:768px){.footer{padding:60px 20px 30px}.footer-content{gap:30px}}.cursor-dot,.cursor-circle{position:fixed;top:0;left:0;width:8px;height:8px;background-color:#000;border-radius:50%;pointer-events:none;z-index:99999;transform:translate(-50%,-50%);mix-blend-mode:difference}.cursor-circle{width:40px;height:40px;background-color:transparent;border:1.5px solid #000;transition:width .3s,height .3s,background-color .3s,opacity .3s}@media(max-width:768px){.cursor-dot,.cursor-circle{display:none}}.cookie-consent{position:fixed;bottom:-200px;left:0;right:0;width:100%;transform:none;background:#0a0a0af2;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-top:1px solid rgba(243,156,18,.4);padding:15px 5%;box-shadow:0 -10px 40px #00000080;z-index:20000;transition:all .8s cubic-bezier(.16,1,.3,1)}.cookie-consent.active{bottom:0}.cookie-content{display:flex;align-items:center;justify-content:space-between;gap:30px;max-width:1400px;margin:0 auto}.cookie-icon{width:40px;height:40px;background:#f39c1226;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#f39c12;flex-shrink:0}.cookie-text{flex-grow:1;text-align:left}.cookie-text h3{font-family:Playfair Display,serif;font-size:1rem;color:#f39c12;margin-bottom:2px}.cookie-text p{font-size:.85rem;color:#ffffffb3;line-height:1.5}.cookie-actions{display:flex;gap:12px}.cookie-btn{padding:10px 20px;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s;border:none}.cookie-btn.accept{background:#f39c12;color:#000}.cookie-btn.accept:hover{background:#e67e22;transform:translateY(-2px)}.cookie-btn.decline{background:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.1)}.cookie-btn.decline:hover{background:#ffffff1a}.cookie-close{position:absolute;top:10px;right:10px;background:transparent;border:none;color:#ffffff4d;cursor:pointer;padding:5px;transition:color .3s}.cookie-close:hover{color:#fff}@media(max-width:600px){.cookie-content{grid-template-columns:1fr;text-align:center;gap:15px}.cookie-icon{margin:0 auto}.cookie-actions{justify-content:center}}.mobile-close-btn{position:absolute;top:30px;right:30px;background:transparent;border:none;color:var(--text-primary);cursor:pointer;z-index:20002;padding:10px}.mobile-menu .mobile-nav{margin-top:100px}.collection-details-view{padding-top:100px;min-height:100vh}.back-btn{display:flex;align-items:center;gap:8px;background:transparent;border:none;color:#666;font-size:.9rem;cursor:pointer;margin-bottom:30px;transition:color .3s}.back-btn:hover{color:#000}.collection-details-view .product-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.main-image-container{aspect-ratio:4/5;background:#f5f5f5;border-radius:12px;overflow:hidden;position:relative;margin-bottom:20px;box-shadow:0 20px 60px #0000001a}.item-category-badge{position:absolute!important;left:12px!important;top:12px!important;background:#00000080!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;color:#fff!important;padding:4px 12px!important;border-radius:4px!important;font-size:.6rem!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:1px!important;z-index:10!important;border:1px solid rgba(255,255,255,.2)!important;box-shadow:0 4px 15px #0000004d!important}.thumbnail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.thumbnail{aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .3s;position:relative}.thumbnail.active{border-color:#c9a227}.thumbnail-download-btn{position:absolute;bottom:8px;right:8px;width:28px;height:28px;border-radius:50%;background:#0009;color:#fff;border:none;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s}.thumbnail:hover .thumbnail-download-btn{opacity:1}.scroll-btn{position:absolute!important;top:0!important;bottom:0!important;width:50px!important;background:transparent!important;border:none!important;color:#fff!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:10!important;transition:opacity .3s ease,background .3s ease!important;opacity:0!important;pointer-events:none!important}.slider-container:hover .scroll-btn{opacity:1!important;pointer-events:auto!important}.scroll-btn.left{left:0!important;background:linear-gradient(to right,rgba(0,0,0,.85),transparent)!important}.scroll-btn.right{right:0!important;background:linear-gradient(to left,rgba(0,0,0,.85),transparent)!important}:root.light-mode .scroll-btn.left{background:linear-gradient(to right,rgba(255,255,255,.85),transparent)!important;color:#000!important}:root.light-mode .scroll-btn.right{background:linear-gradient(to left,rgba(255,255,255,.85),transparent)!important;color:#000!important}.scroll-btn:hover{color:#f39c12!important}.product-info .product-new{font-size:.75rem;font-weight:600;color:#c9a227;letter-spacing:2px;margin-bottom:10px;display:block}.product-info .product-title{font-family:Playfair Display,serif;font-size:3rem;margin-bottom:10px;line-height:1.1}.product-info .product-subtitle{font-size:1.2rem;color:#666;font-weight:400;margin-bottom:25px}.product-rating{display:flex;align-items:center;gap:12px;margin-bottom:30px}.stars{display:flex;gap:4px;color:#ffb800}.rating-text{font-size:.85rem;color:#888}.price-section{padding:30px 0;border-top:1px solid #eee;border-bottom:1px solid #eee;margin-bottom:40px}.price-label{font-size:.85rem;color:#888;margin-bottom:8px}.price{font-size:2.5rem;font-weight:600;margin-bottom:10px}.price-note{font-size:.85rem;color:#666}.collection-details-view .action-buttons{display:flex;flex-direction:column;gap:15px;margin-bottom:50px}.btn{padding:18px;border-radius:12px;font-size:1rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:all .3s;border:none}.btn-primary{background:#000;color:#fff}.btn-secondary{background:transparent;border:1px solid #ddd;color:#000}.btn-success{background:#4ade80;color:#064e3b}.btn-outline{background:transparent;color:#666;border:1px solid #ddd}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0000001a}@media(max-width:992px){.collection-details-view .product-grid{grid-template-columns:1fr;gap:40px}.collection-details-view .product-info .product-title{font-size:2.5rem}}.sacred-tags{margin-top:30px;display:flex;gap:12px;flex-wrap:wrap}.sacred-tag{color:#f39c12;background:#f39c121a;padding:6px 16px;border-radius:50px;font-size:13px;font-weight:600;border:1px solid rgba(243,156,18,.2);transition:all .3s ease}.sacred-tag:hover{background:#f39c1233;transform:scale(1.05)}.collection-details-view{background:linear-gradient(135deg,#050505,#111);color:#fff;padding-top:120px;padding-bottom:80px}.product-container{max-width:1400px;margin:0 auto;padding:0 5%}.back-btn{color:#fff9!important;font-weight:500;letter-spacing:1px;text-transform:uppercase;font-size:.8rem!important;margin-bottom:40px!important}.back-btn:hover{color:#f39c12!important}.product-info .product-title{color:#fff!important;text-shadow:0 10px 30px rgba(0,0,0,.5)}.product-info .product-subtitle{color:#ffffff80!important;font-style:italic}.price-section{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05)!important;border-radius:16px;padding:30px!important;margin:30px 0!important}.price{color:#f39c12!important}.btn-primary{background:#f39c12!important;color:#000!important;font-weight:700!important;letter-spacing:1px;text-transform:uppercase}.btn-primary:hover{background:#fff!important;transform:translateY(-4px)!important;box-shadow:0 15px 35px #f39c124d!important}.btn-secondary,.btn-outline{background:#ffffff0d!important;border:1px solid rgba(255,255,255,.1)!important;color:#fff!important}.btn-secondary:hover,.btn-outline:hover{background:#ffffff1a!important;border-color:#fff3!important}.thumbnail.active{border-color:#f39c12!important;box-shadow:0 0 20px #f39c124d}.items-slider{padding:24px 4% 36px!important;display:flex!important;gap:20px!important;overflow-x:auto!important;-ms-overflow-style:none!important;scrollbar-width:none!important}.items-slider::-webkit-scrollbar{display:none!important}.collection-item{position:relative!important;flex:0 0 280px!important;height:400px!important;border-radius:12px!important;overflow:hidden!important;transition:all .5s cubic-bezier(.25,.8,.25,1)!important;cursor:pointer!important;z-index:1!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 8px 24px #0000004d!important}:root.light-mode .collection-item{border:1px solid rgba(0,0,0,.05)!important;box-shadow:0 8px 24px #0000000f!important}.collection-item:hover{transform:scale(1.05)!important;z-index:50!important;box-shadow:0 16px 40px #0009!important;border-color:#f39c1280!important}:root.light-mode .collection-item:hover{box-shadow:0 16px 40px #0000001a!important;border-color:#f39c12cc!important}.item-content{position:absolute!important;bottom:0!important;left:0!important;right:0!important;height:45%!important;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.6) 50%,transparent 100%)!important;backdrop-filter:blur(12px) saturate(120%)!important;-webkit-backdrop-filter:blur(12px) saturate(120%)!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-end!important;padding:20px!important;text-align:left!important;transform:translateY(0)!important;transition:all .4s ease!important;border-top:none!important}.collection-item .item-content{position:absolute!important;bottom:0!important;left:0!important;width:100%!important;height:50%!important;padding:20px!important;background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.6) 70%,transparent 100%)!important;backdrop-filter:blur(8px) saturate(110%)!important;-webkit-backdrop-filter:blur(8px) saturate(110%)!important;display:flex!important;flex-direction:column!important;transform:translateY(101%)!important;transition:transform .5s cubic-bezier(.25,.8,.25,1)!important;z-index:2!important;border-top:none!important}.collection-item:hover .item-content{transform:translateY(0)!important}.item-title{font-family:Poppins,sans-serif!important;font-size:1.15rem!important;color:#fff!important;margin-bottom:8px!important;font-weight:600!important;letter-spacing:-.3px!important}.item-description{font-family:Inter,sans-serif!important;font-size:.8rem!important;color:#ffffffbf!important;margin-bottom:15px!important;line-height:1.4!important;display:-webkit-box!important;-webkit-line-clamp:2!important;line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.item-stats{display:flex!important;gap:12px!important;justify-content:flex-start!important;margin-bottom:15px!important}.item-count,.item-rating{display:flex!important;align-items:center!important;gap:4px!important;font-size:.7rem!important;color:#fff!important;background:#ffffff26!important;padding:3px 10px!important;border-radius:4px!important;border:1px solid rgba(255,255,255,.1)!important}.price-tag{position:absolute!important;top:14px!important;right:14px!important;background:#000000a6!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;color:#f39c12!important;padding:4px 10px!important;border-radius:6px!important;font-weight:700!important;font-size:10px!important;z-index:10!important;pointer-events:none!important;border:1px solid rgba(243,156,18,.3)!important;box-shadow:0 4px 15px #0000004d!important;letter-spacing:.5px!important}.quick-add-btn{background:#f39c12!important;color:#000!important;width:100%!important;height:38px!important;border-radius:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;border:none!important;cursor:pointer!important;margin-top:10px!important;box-shadow:0 4px 12px #f39c1233!important;font-family:Poppins,sans-serif!important;font-size:11px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:1px!important}.quick-add-btn:hover{background:#fff!important;transform:translateY(-2px)!important;box-shadow:0 6px 20px #ffffff4d!important}.row-title{font-family:Poppins,sans-serif!important;font-size:1.5rem!important;font-weight:600!important;color:#fff!important;margin-bottom:12px!important;letter-spacing:.5px!important;position:relative!important;display:inline-block!important}:root.light-mode .row-title{color:var(--text-primary)!important}.row-title:after{display:none!important}body:not(.dark-mode) .item-content{background:#000c!important}.hero{display:flex!important;flex-direction:row!important;min-height:85vh!important;padding:0!important;background:var(--bg-primary)!important}.hero-content{padding:0 5% 0 10%!important;align-items:flex-start!important;text-align:left!important;max-width:50%!important;z-index:100!important}.hero-heading{margin-bottom:25px!important;line-height:1.1!important}.hero-cta-btn{background:#f39c12!important;color:#fff!important;padding:18px 45px!important;border-radius:4px!important;font-weight:600!important;font-family:Inter,sans-serif!important;border:none!important;display:inline-flex!important;align-items:center!important;margin-top:35px!important;position:relative!important;overflow:hidden!important;cursor:pointer!important;letter-spacing:1px!important;transition:all .3s cubic-bezier(.16,1,.3,1)!important}.hero-cta-btn:hover{background:#e67e22!important;transform:translateY(-4px)!important;box-shadow:0 15px 35px #f39c1266!important}.ripple-btn:before{content:"";position:absolute;top:var(--ripple-y, 50%);left:var(--ripple-x, 50%);width:0;height:0;background:#ffffff73;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:0}.ripple-expanding:before{animation:ripple-expand-v21 .7s ease-out forwards}@keyframes ripple-expand-v21{0%{width:0;height:0;opacity:1}to{width:400px;height:400px;opacity:0}}@media(max-width:768px){.hero{flex-direction:column!important;min-height:auto!important}.hero-content{max-width:100%!important;padding:50px 25px!important;order:2!important}.hero-heading{font-size:2.8rem!important;margin-bottom:15px!important}.hero-accent{font-size:.95rem!important;margin-top:10px!important}.hero-visual{height:350px!important;order:1!important}.hero-cta-btn{width:100%!important;justify-content:center!important;padding:16px 20px!important}.header-actions{gap:12px!important}}.header,#header{background:#0a0a0ad9!important;backdrop-filter:blur(20px) saturate(160%)!important;-webkit-backdrop-filter:blur(20px) saturate(160%)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;height:80px!important;transition:all .4s ease!important}.header.scrolled,#header.scrolled{background:#000000f2!important;height:70px!important;box-shadow:0 10px 30px #00000080!important}.logo-text{color:#fff!important;font-family:Playfair Display,serif!important;font-weight:700!important;letter-spacing:.5px!important}.nav-link{color:#fffc!important;font-weight:500!important;letter-spacing:.5px!important}.nav-link:hover,.nav-link.active{color:#f39c12!important}.collection-details-view{padding-top:100px!important;background:#000!important;min-height:100vh!important}.back-btn{display:inline-flex!important;align-items:center!important;gap:8px!important;color:#f39c12!important;background:#ffffff0d!important;border:1px solid rgba(243,156,18,.3)!important;padding:10px 20px!important;border-radius:4px!important;font-weight:600!important;margin-bottom:30px!important;transition:all .3s ease!important}.back-btn:hover{background:#f39c121a!important;transform:translate(-5px)!important;border-color:#f39c12!important}.product-title{font-family:Playfair Display,serif!important;font-size:3.5rem!important;color:#fff!important;margin-bottom:5px!important}.product-subtitle{font-family:Inter,sans-serif!important;font-weight:400!important;color:#fff9!important;letter-spacing:1px!important}.price{font-size:2.5rem!important;color:#f39c12!important;font-weight:700!important}.btn-primary{background:#f39c12!important;color:#000!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:1px!important}.btn-primary:hover{background:#e67e22!important;transform:translateY(-3px)!important;box-shadow:0 10px 20px #f39c124d!important}.btn-secondary{background:#ffffff1a!important;border:1px solid rgba(255,255,255,.2)!important;color:#fff!important}.dropdown-menu{opacity:0!important;visibility:hidden!important;transform:translateY(10px)!important;pointer-events:none!important}.nav-dropdown:hover .dropdown-menu{opacity:1!important;visibility:visible!important;transform:translateY(0)!important;pointer-events:all!important}.thumbnail.active{border:2px solid #f39c12!important;box-shadow:0 0 15px #f39c1266!important}.thumbnail-download-btn{background:#000000b3!important;color:#fff!important;opacity:0!important;transition:all .3s ease!important}.thumbnail:hover .thumbnail-download-btn{opacity:1!important}.search-overlay{background:#000000f2!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important}.search-input{background:#ffffff0d!important;border:1px solid rgba(255,255,255,.1)!important;color:#fff!important;font-size:2rem!important;font-family:Playfair Display,serif!important}.search-result-item h3{color:#f39c12!important;font-size:1.4rem!important}.search-result-item p{color:#ffffffb3!important}.footer{background:#000!important;border-top:1px solid rgba(255,255,255,.05)!important}.footer-logo{color:#f39c12!important;font-family:Playfair Display,serif!important}.footer-link{color:#fff9!important}.footer-link:hover{color:#f39c12!important}.art-product-card{flex:0 0 240px!important;margin:10px 8px!important;display:flex!important;flex-direction:column!important;cursor:pointer!important;transition:transform .4s cubic-bezier(.25,.8,.25,1)!important;background:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}.art-product-card:hover{transform:translateY(-8px) scale(1.02)!important}.art-frame-container{position:relative!important;width:100%!important;aspect-ratio:3/4!important;border-radius:8px!important;overflow:hidden!important;box-shadow:0 12px 30px #00000080!important;transition:box-shadow .4s ease!important}.art-product-card:hover .art-frame-container{box-shadow:0 20px 45px #000000b3!important}.art-wood-frame{width:100%!important;height:100%!important;background:#18181b!important;padding:6px!important;box-shadow:inset 0 0 4px #fff3!important;border:1px solid rgba(255,255,255,.15)!important;display:flex!important;align-items:center!important;justify-content:center!important}.art-passepartout{width:100%!important;height:100%!important;background:#faf6f0!important;padding:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:inset 0 0 5px #00000026!important}.art-image{width:100%!important;height:100%!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;position:relative!important;box-shadow:0 2px 8px #0000001f!important}.art-glare{position:absolute!important;inset:0!important;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.02) 40%,transparent 50%)!important;pointer-events:none!important;z-index:2!important}.art-category-badge{position:absolute!important;left:8px!important;bottom:8px!important;background:#000000bf!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;color:#ffffffd9!important;border:1px solid rgba(255,255,255,.12)!important;padding:2px 6px!important;border-radius:4px!important;font-size:8px!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.5px!important;z-index:3!important}.art-quick-buy-btn{position:absolute!important;right:8px!important;bottom:8px!important;width:30px!important;height:30px!important;border-radius:50%!important;background:#f39c12!important;color:#000!important;border:none!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;opacity:0!important;transform:scale(.8)!important;transition:all .3s cubic-bezier(.25,.8,.25,1)!important;z-index:5!important;box-shadow:0 4px 10px #00000059!important}.art-image:hover .art-quick-buy-btn{opacity:1!important;transform:scale(1)!important}.art-quick-buy-btn:hover{background:#fff!important;transform:scale(1.1)!important}.art-product-details{padding:10px 2px 0!important;display:flex!important;flex-direction:column!important;gap:3px!important}.art-product-title{font-family:Poppins,sans-serif!important;font-size:13px!important;font-weight:500!important;color:#fff!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}:root.light-mode .art-product-title{color:var(--text-primary)!important}.art-product-row{display:flex!important;justify-content:space-between!important;align-items:center!important}.art-product-price{font-family:Poppins,sans-serif!important;font-size:11px!important;font-weight:600!important;color:#f39c12!important}.art-product-rating{font-size:10px!important;color:#ffffff80!important;display:flex!important;align-items:center!important;gap:2px!important}:root.light-mode .art-product-rating{color:var(--text-secondary)!important}:root{--primary-gold: hsl(38, 92%, 50%);--primary-gold-hover: hsl(38, 92%, 40%);--dark-bg: hsl(220, 15%, 5%);--dark-surface: hsl(220, 15%, 8%);--dark-surface-card: hsl(220, 15%, 11%);--dark-border: hsla(0, 0%, 100%, .06);--text-primary: hsl(0, 0%, 100%);--text-secondary: hsl(220, 10%, 65%);--glass-bg: rgba(12, 12, 16, .85);--glass-border: rgba(255, 255, 255, .04);--glass-shadow: 0 12px 40px 0 rgba(0, 0, 0, .6);--transition-smooth: all .3s cubic-bezier(.2, .8, .2, 1);--font-display: "Poppins", sans-serif;--font-serif: "Playfair Display", serif}:root.light-mode{--dark-bg: hsl(220, 20%, 96%);--dark-surface: hsl(0, 0%, 100%);--dark-surface-card: hsl(220, 20%, 100%);--dark-border: hsla(0, 0%, 0%, .06);--text-primary: hsl(220, 15%, 10%);--text-secondary: hsl(220, 10%, 45%);--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(0, 0, 0, .04);--glass-shadow: 0 12px 40px 0 rgba(0, 0, 0, .08)}.app-container{min-height:100vh;background-color:var(--dark-bg);color:var(--text-primary);font-family:Inter,sans-serif;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}.header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass-bg);border-bottom:1px solid var(--dark-border)}.ecommerce-hero{padding:120px 24px 60px;text-align:center;max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.hero-subtitle{font-size:12px;font-weight:700;color:var(--primary-gold);text-transform:uppercase;letter-spacing:2px}.hero-title{font-family:var(--font-serif);font-size:48px;font-weight:600;line-height:1.15;color:var(--text-primary)}.hero-desc{font-size:15px;color:var(--text-secondary);line-height:1.6;max-width:600px;margin:0 auto}.shop-toolbar{max-width:1240px;margin:0 auto 30px;padding:0 24px 20px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--dark-border)}.category-filter-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px}.category-filter-tabs::-webkit-scrollbar{display:none}.category-tab{background:transparent;border:1px solid var(--dark-border);color:var(--text-secondary);padding:8px 18px;font-size:12px;font-weight:600;border-radius:30px;cursor:pointer;transition:var(--transition-smooth);white-space:nowrap}.category-tab:hover,.category-tab.active{color:var(--text-primary);border-color:var(--text-primary)}.category-tab.active{background:var(--text-primary);color:var(--dark-bg)}.sort-select{background:var(--dark-surface);border:1px solid var(--dark-border);color:var(--text-primary);padding:8px 16px;font-size:12px;font-weight:600;border-radius:8px;outline:none;cursor:pointer}.product-catalog-grid{max-width:1240px;margin:0 auto 80px;padding:0 24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px}.ecom-product-card{background:var(--dark-surface-card);border:1px solid var(--dark-border);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:var(--transition-smooth);position:relative}.ecom-product-card:hover{transform:translateY(-6px);box-shadow:0 16px 32px #00000026;border-color:#ff6b0026}:root.light-mode .ecom-product-card:hover{box-shadow:0 16px 32px #0000000a}.ecom-card-image-box{width:100%;aspect-ratio:4/5;overflow:hidden;background:#0000001a;position:relative}.ecom-card-img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.ecom-product-card:hover .ecom-card-img{transform:scale(1.06)}.ecom-card-badge{position:absolute;top:14px;left:14px;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--primary-gold);font-size:9px;font-weight:700;padding:4px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.ecom-card-details{padding:20px;display:flex;flex-direction:column;flex:1}.ecom-card-category{font-size:10px;font-weight:700;text-transform:uppercase;color:var(--text-secondary);letter-spacing:1px;margin-bottom:6px}.ecom-card-title{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 8px;line-height:1.3}.ecom-card-rating{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-secondary);margin-bottom:12px}.ecom-rating-stars{display:flex;color:var(--primary-gold)}.ecom-card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:auto;border-top:1px solid var(--dark-border);padding-top:16px}.ecom-card-price-box{display:flex;flex-direction:column}.ecom-price-label{font-size:9px;color:var(--text-secondary);text-transform:uppercase}.ecom-price-value{font-size:16px;font-weight:800;color:var(--primary-gold)}.ecom-card-btn{background:var(--text-primary);color:var(--dark-bg);border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-smooth)}.ecom-product-card:hover .ecom-card-btn{background:var(--primary-gold);color:#000;transform:rotate(90deg)}.collection-details-view{padding:110px 24px 60px;max-width:1240px;margin:0 auto}.product-container{display:flex;flex-direction:column;gap:24px}.product-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:start}.gallery-section{display:flex;flex-direction:column;gap:16px}.mockup-visualizer{position:relative;width:100%;aspect-ratio:4/3;background:#0d0e11;border-radius:16px;border:1px solid var(--dark-border);overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 20px 50px #00000080}.mockup-room-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.2;filter:blur(1px);transition:background-image .6s ease}.mockup-art-container{position:relative;z-index:2;box-shadow:0 30px 60px #000c;transition:var(--transition-smooth)}.mockup-art-img{max-width:100%;max-height:280px;object-fit:contain;display:block}.glare-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,rgba(255,255,255,.05) 40%,transparent 60%,rgba(0,0,0,.1) 100%);z-index:4;pointer-events:none}.thumbnail-grid{display:flex;gap:12px;overflow-x:auto;padding:4px 0}.thumbnail{width:70px;height:70px;border-radius:8px;border:2px solid var(--dark-border);cursor:pointer;overflow:hidden;flex-shrink:0;transition:var(--transition-smooth)}.thumbnail.active{border-color:var(--primary-gold)}.thumbnail img{width:100%;height:100%;object-fit:cover}.product-info{position:sticky;top:100px;display:flex;flex-direction:column;gap:20px}.product-new{font-size:10px;font-weight:700;color:var(--primary-gold);letter-spacing:2px}.product-title{font-family:var(--font-serif);font-size:32px;font-weight:600;margin:0;line-height:1.2}.product-subtitle{font-size:14px;color:var(--text-secondary);margin:0;font-weight:500}.options-heading{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--text-secondary);letter-spacing:1px;margin-bottom:12px}.options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.option-card{border:1px solid var(--dark-border);padding:14px;border-radius:8px;cursor:pointer;transition:var(--transition-smooth);background:var(--dark-surface)}.option-card:hover{border-color:var(--text-primary)}.option-card.active{border-color:var(--primary-gold);background:#ff6b0008}.option-name{font-size:13px;font-weight:600;display:block}.option-desc{font-size:10px;color:var(--text-secondary);margin-top:4px}.size-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.size-card{border:1px solid var(--dark-border);padding:12px;border-radius:8px;cursor:pointer;transition:var(--transition-smooth);background:var(--dark-surface);display:flex;flex-direction:column}.size-card:hover{border-color:var(--text-primary)}.size-card.active{border-color:var(--primary-gold);background:#ff6b0008}.size-name{font-size:13px;font-weight:600}.size-dimens{font-size:10px;color:var(--text-secondary)}.room-switcher-container{display:flex;align-items:center;gap:10px;background:var(--dark-surface);border:1px solid var(--dark-border);padding:10px 16px;border-radius:12px}.room-switcher-title{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--text-secondary)}.room-btn{background:transparent;border:1px solid var(--dark-border);color:var(--text-secondary);padding:5px 12px;font-size:10px;font-weight:600;border-radius:20px;cursor:pointer;transition:var(--transition-smooth)}.room-btn:hover,.room-btn.active{border-color:var(--text-primary);color:var(--text-primary)}.room-btn.active{background:var(--text-primary);color:var(--dark-bg)}.btn{font-size:14px;font-weight:700;padding:14px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:var(--transition-smooth)}.btn-primary{background:var(--primary-gold);color:#000;border:none}.btn-primary:hover{background:var(--primary-gold-hover);transform:translateY(-2px)}.btn-secondary{background:transparent;border:1px solid var(--dark-border);color:var(--text-primary)}.btn-secondary:hover{background:#ffffff0d}.btn-success{background:#3ec74f;color:#000;border:none}.btn-outline{background:transparent;border:1px solid var(--dark-border);color:var(--text-primary)}.btn-outline:hover{border-color:var(--text-primary)}@media(max-width:1024px){.product-grid{grid-template-columns:1fr;gap:40px}.product-info{position:static}}@media(max-width:768px){.hero-title{font-size:36px}.shop-toolbar{flex-direction:column;align-items:flex-start}.sort-select{width:100%}.options-grid,.size-grid{grid-template-columns:1fr}}