.pexeso-hero-section{position:relative;min-height:90vh;display:flex;align-items:center;justify-content:space-between;padding-top:100px;padding-bottom:60px;overflow:hidden;gap:40px}.pexeso-hero-content{flex:1;max-width:600px;z-index:10}.pexeso-hero-visual{--tile: clamp(72px, 7.2vw, 104px);flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;position:relative;min-height:600px;z-index:5}.pexeso-hud{position:relative;z-index:6;display:flex;align-items:center;gap:14px;padding:8px 8px 8px 14px;border-radius:999px;background:#fffdf8d9;border:1px solid rgba(197,155,39,.35);box-shadow:0 10px 24px #1218261a;font-size:.86rem;color:var(--text-secondary)}.pexeso-hud__mode{padding:5px 12px;border-radius:999px;background:var(--accent-gold);color:var(--text-primary);font-weight:700;font-size:.78rem;letter-spacing:.03em}.pexeso-hud__mode.is-demo{background:#c59b2729;color:var(--accent-gold-dark);animation:pexeso-hud-pulse 2.4s ease-in-out infinite}@keyframes pexeso-hud-pulse{0%,to{box-shadow:0 0 #c59b2759}50%{box-shadow:0 0 0 7px #c59b2700}}.pexeso-hud__score b{color:var(--text-primary);font-family:var(--font-display);font-size:1.05rem}.pexeso-grid-stage{position:relative;z-index:5;display:grid;grid-template-columns:repeat(4,var(--tile));grid-template-rows:repeat(3,var(--tile));gap:clamp(8px,1vw,14px);transform-style:preserve-3d}.pexeso-tile{--i: 0;position:relative;width:var(--tile);height:var(--tile);padding:0;border:0;background:none;cursor:pointer;perspective:900px;opacity:0;translate:0 -60px;scale:.6;transition:opacity .6s cubic-bezier(.16,1,.3,1),translate .6s cubic-bezier(.16,1,.3,1),scale .6s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--i) * 55ms)}.pexeso-grid-stage.is-dealt .pexeso-tile{opacity:1;translate:0 0;scale:1}.pexeso-tile:disabled{cursor:default}.pexeso-tile:focus-visible{outline:3px solid var(--accent-gold);outline-offset:3px;border-radius:14px}.pexeso-tile__inner{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.4,0,.2,1);border-radius:14px}.pexeso-tile.is-up .pexeso-tile__inner{transform:rotateY(180deg)}.pexeso-tile__face{position:absolute;inset:0;border-radius:14px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 10px 18px #12182629;border:2px solid rgba(255,255,255,.7);transform:translateZ(0)}.pexeso-tile__face--back{background-size:cover;background-position:center}.pexeso-tile__face--front{transform:rotateY(180deg) translateZ(0);background:#fff}.pexeso-tile__face--front img{display:block;width:100%;height:100%;object-fit:cover}.pexeso-tile.is-up .pexeso-tile__face--back,.pexeso-tile:not(.is-up) .pexeso-tile__face--front{visibility:hidden;transition:visibility 0s .32s}.pexeso-tile__face{transition:visibility 0s .32s,box-shadow .4s ease}@media(hover:hover)and (pointer:fine){.pexeso-tile:not(:disabled):not(.is-up):hover .pexeso-tile__inner{transform:translateY(-6px) rotateX(6deg)}.pexeso-tile:not(:disabled):not(.is-up):hover .pexeso-tile__face--back{box-shadow:0 18px 26px #1218263d}}.pexeso-tile.is-matched .pexeso-tile__face--front{border-color:var(--accent-gold);box-shadow:0 0 0 2px #c59b2780,0 6px 14px #1218261f}.pexeso-tile.is-matched{scale:.94;transition-delay:0s}.pexeso-tile.is-just .pexeso-tile__inner{animation:pexeso-pop .7s cubic-bezier(.16,1,.3,1)}@keyframes pexeso-pop{0%{transform:rotateY(180deg) scale(1)}40%{transform:rotateY(180deg) scale(1.18)}to{transform:rotateY(180deg) scale(1)}}.pexeso-tile.is-shake .pexeso-tile__inner{animation:pexeso-shake .45s ease}@keyframes pexeso-shake{0%,to{transform:rotateY(180deg) translate(0)}25%{transform:rotateY(180deg) translate(-6px)}50%{transform:rotateY(180deg) translate(6px)}75%{transform:rotateY(180deg) translate(-4px)}}.pexeso-tile__sparks{position:absolute;left:50%;top:50%;pointer-events:none;z-index:5}.pexeso-tile__sparks i{--n: 0;position:absolute;left:-3px;top:-3px;width:7px;height:7px;border-radius:50%;background:#ffe9a3;box-shadow:0 0 8px 2px #ffe9a3e6;animation:pexeso-spark .9s cubic-bezier(.16,1,.3,1) both;transform:rotate(calc(var(--n) * 60deg)) translateY(0) scale(0)}@keyframes pexeso-spark{0%{opacity:0;transform:rotate(calc(var(--n) * 60deg)) translateY(0) scale(0)}30%{opacity:1;transform:rotate(calc(var(--n) * 60deg)) translateY(-44px) scale(1.1)}to{opacity:0;transform:rotate(calc(var(--n) * 60deg)) translateY(-80px) scale(.2)}}.pexeso-done{position:absolute;z-index:8;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(320px,90%);padding:22px 22px 18px;text-align:center;border-radius:22px;background:#fffdf8f5;border:1px solid rgba(197,155,39,.45);box-shadow:0 24px 50px #12182638}.pexeso-done__title{margin:0 0 4px;font-family:var(--font-display);font-weight:800;font-size:1.5rem;color:var(--accent-gold-dark)}.pexeso-done__text{margin:0 0 14px;color:var(--text-secondary)}.pexeso-done__text b{color:var(--text-primary)}.pexeso-done__actions{display:grid;gap:8px}.pexeso-done__btn{padding:11px 18px;border-radius:999px;background:linear-gradient(135deg,var(--accent-gold),var(--accent-gold-dark));color:var(--text-primary);font-weight:700;transition:transform .16s ease}.pexeso-done__btn:hover{transform:translateY(-2px)}.pexeso-done__link{font-size:.9rem;font-weight:600;color:var(--accent-gold-dark);text-decoration:underline}.pexeso-hero-glow{position:absolute;top:50%;left:50%;width:600px;height:600px;background:radial-gradient(circle,#eab30826,#eab30800 70%);transform:translate(-50%,-50%);border-radius:50%;z-index:1;pointer-events:none;filter:blur(40px)}@media(max-width:968px){.pexeso-hero-section{flex-direction:column;text-align:center;padding-top:120px;padding-bottom:40px}.pexeso-hero-visual{--tile: clamp(64px, 20vw, 88px);width:100%;min-height:0}.pexeso-grid-stage{grid-template-columns:repeat(3,var(--tile));grid-template-rows:repeat(4,var(--tile));transform:none!important}.pexeso-hud{font-size:.8rem}}@media(prefers-reduced-motion:reduce){.pexeso-tile{opacity:1;translate:0 0;scale:1;transition:none}.pexeso-tile__inner,.pexeso-hud__mode.is-demo{transition:none;animation:none}.pexeso-tile.is-just .pexeso-tile__inner,.pexeso-tile.is-shake .pexeso-tile__inner,.pexeso-tile__sparks i{animation:none}}.product-showcase{padding:100px 5%}.text-center{text-align:center}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:40px;max-width:1000px;margin:0 auto}.product-card{display:flex;flex-direction:column;padding:0;overflow:hidden;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s ease;position:relative}.product-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#fff3,#fff0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.product-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000001a,0 0 20px #c59b2733}.product-image-container{height:380px;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;border-bottom:1px solid var(--glass-border);padding:24px}.product-image-bg{position:absolute;inset:-30px;background-size:cover;background-position:center;filter:blur(20px) brightness(1.2);opacity:.5;z-index:0;transform:scale(1.1);transition:all .5s ease}.product-image-placeholder{font-size:100px;filter:drop-shadow(0 10px 15px rgba(0,0,0,.5));transition:transform .5s ease}.product-real-image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);width:90%;height:90%;object-fit:contain;transition:all .5s cubic-bezier(.175,.885,.32,1.275);filter:drop-shadow(0 20px 30px rgba(0,0,0,.8));border-radius:12px;border:1px solid rgba(255,255,255,.15);opacity:0}.product-real-image.active{opacity:1;z-index:2}.product-card:hover .product-real-image.active{transform:translate(-50%,-50%) perspective(1000px) scale(1.08) rotateY(15deg) rotateX(5deg) translateY(-5px)}.product-card:hover .product-image-bg{filter:blur(30px) brightness(.9);transform:scale(1.15) translate(10px)}.holographic-shine{position:absolute;top:0;left:0;width:200%;height:100%;background:linear-gradient(to right,#fff0,#ffffff1a 40%,#fff6,#ffffff1a 60%,#fff0);transform:skew(-20deg) translate(-150%);transition:transform .6s ease;z-index:2;pointer-events:none}.product-card:hover .holographic-shine{animation:shine 1.2s ease forwards}@keyframes shine{0%{transform:skew(-20deg) translate(-150%)}to{transform:skew(-20deg) translate(50%)}}.product-info{padding:24px;display:flex;flex-direction:column;flex:1}.product-name{font-size:1.5rem;font-weight:700;margin-bottom:12px}.product-desc{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin-bottom:24px;flex:1}.product-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.product-price{font-size:1.8rem;font-weight:800;color:var(--accent-gold)}.btn-add-cart{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#d4af371a;color:var(--accent-gold);border:1px solid var(--accent-gold);border-radius:8px;font-weight:600;transition:all .3s ease}.btn-add-cart:hover{background:var(--accent-gold);color:#000;box-shadow:0 4px 15px #d4af3766}.product-theme-glow{position:absolute;inset:-20px;filter:blur(40px);z-index:0;transition:opacity .5s ease;pointer-events:none}.product-badges-container{position:absolute;top:16px;right:16px;display:flex;flex-direction:column;gap:8px;z-index:10;pointer-events:none}.glass-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#0a0a0a99;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid;border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:.5px;box-shadow:0 4px 15px #0000004d}.product-real-image.fanned{z-index:1;opacity:0;transform:translate(-50%,-50%) scale(.85);transition:all .6s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(0 15px 25px rgba(0,0,0,.6)) brightness(.7)}.product-card:hover .product-real-image.fanned.fanned-left.active{opacity:1;transform:translate(-90%,-40%) rotate(-15deg) scale(.85) translateZ(-20px)}.product-card:hover .product-real-image.fanned.fanned-right.active{opacity:1;transform:translate(-10%,-40%) rotate(15deg) scale(.85) translateZ(-20px)}.pexeso-main-cover{position:absolute;top:50%;left:50%;max-width:65%;max-height:90%;width:auto;height:auto;transform:translate(-50%,-50%) translateZ(40px);border-radius:8px;filter:drop-shadow(0 10px 15px rgba(0,0,0,.3));transition:opacity .3s ease,transform .3s ease;z-index:5}.product-card.group:hover .pexeso-main-cover{opacity:0;transform:translate(-50%,-50%) translateZ(10px) scale(.9)}.pexeso-hover-grid{position:absolute;top:50%;left:50%;width:85%;aspect-ratio:1 / 1;height:auto;max-height:90%;transform:translate(-50%,-50%) translateZ(20px);display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:8px;opacity:0;transition:opacity .4s ease,transform .4s ease;pointer-events:none}.product-card.group:hover .pexeso-hover-grid{opacity:1;transform:translate(-50%,-50%) translateZ(50px)}.pexeso-mini-card{position:relative;width:100%;height:100%;perspective:800px;transform-style:preserve-3d}.pexeso-mini-inner{position:relative;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d;border-radius:6px;box-shadow:0 4px 10px #0003}.pexeso-mini-card.revealed .pexeso-mini-inner{transform:rotateY(180deg)}.pexeso-mini-front,.pexeso-mini-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:6px;border:1px solid rgba(255,255,255,.2)}.pexeso-mini-front{background-color:#fff;background-size:135%;background-position:center 10%}.pexeso-mini-back{transform:rotateY(180deg);background-size:120%;background-position:center;background-repeat:no-repeat;background-color:#f8f9fa}@media(max-width:768px){.product-grid{grid-template-columns:1fr}.product-image-container{height:300px}.back-selection-modal{max-width:100vw;width:100%;height:100vh;max-height:100vh;border-radius:0;padding:24px;display:flex;flex-direction:column;justify-content:flex-start;overflow-y:auto}.back-selection-modal-overlay{padding:0}.section-title{font-size:2.2rem}}
