.carousel-container.futuristic{position:relative;display:flex;align-items:center;justify-content:center;gap:20px;padding:20px 0;overflow:hidden;width:100%;margin:auto;perspective:1000px;transition:height .3s ease}.carousel-card{display:flex;flex-direction:column;align-items:center;background:linear-gradient(145deg,#1a1a1a,#2c2c2c);border-radius:20px;box-shadow:0 15px 35px #00000080;padding:16px;min-width:320px;max-width:400px;transform-style:preserve-3d;transition:transform .5s ease,box-shadow .3s ease}.carousel-card:hover{transform:translateY(-10px) scale(1.03);box-shadow:0 25px 50px #000000b3}.carousel-image-wrapper{width:100%;overflow:hidden;border-top-left-radius:20px;border-top-right-radius:20px;display:flex;justify-content:center;margin-bottom:12px}.carousel-image{width:100%;max-width:100%;height:auto;border-radius:12px;transition:transform .5s ease}.carousel-card:hover .carousel-image{transform:scale(1.05)}.carousel-content{text-align:center}.carousel-title{color:#fff;font-size:1.2rem;margin-bottom:10px}.carousel-buttons{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:12px}.carousel-buttons button,.buy-btn{background:#ff6f61;color:#fff;border:none;padding:8px 14px;border-radius:12px;cursor:pointer;transition:background .3s;text-decoration:none;font-size:.95rem}.carousel-buttons button:hover,.buy-btn:hover{background:#ff4a3a}.reviews-btn{position:relative;display:flex;align-items:center;gap:6px;background:red;color:#fff;border:none;padding:8px 14px;border-radius:12px;cursor:pointer;transition:background .3s;font-size:.95rem}.reviews-btn:hover{background:#c00}.reviews-btn svg{flex-shrink:0}.badge{background:#fff;color:red;font-size:.7rem;font-weight:700;border-radius:50%;padding:2px 6px;display:inline-block;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 5px #0000004d}.nav{background:#ffffff1a;border:none;font-size:2.5rem;padding:0 12px;border-radius:50%;cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);z-index:2;-webkit-user-select:none;user-select:none;transition:color .3s,opacity .3s}.nav.left{left:10px}.nav.right{right:10px}.nav:hover{opacity:.8}@media (max-width: 1024px){.carousel-card{min-width:280px;max-width:350px}}@media (max-width: 768px){.carousel-card{min-width:220px;max-width:260px}.carousel-buttons{gap:6px}.nav{font-size:2rem}}.app{background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);color:#f1f1f1;font-family:Inter,sans-serif}.logo-circle{background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:10px}.carousel-container .nav{background:none;border:none;font-size:2rem;cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);z-index:10;transition:color .3s}.carousel-container .nav.left{left:10px}.carousel-container .nav.right{right:10px}.app .carousel-container .nav{color:#111}.app.dark .carousel-container .nav{color:#fff}.carousel-container .nav:hover{opacity:.7}.carousel-card{width:300px;height:400px;perspective:1000px;cursor:pointer}.carousel-card .card-front,.carousel-card .card-back{width:100%;height:100%;border-radius:15px;backface-visibility:hidden;position:absolute;top:0;left:0;overflow:hidden;background:#0000004d;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .6s}.carousel-card.flipped .card-front{transform:rotateY(180deg)}.carousel-card.flipped .card-back{transform:rotateY(0)}.card-back{transform:rotateY(180deg);padding:15px}.card-back button{margin:5px 0;padding:8px 12px;background:#00fffa;color:#000;border:none;border-radius:5px;cursor:pointer}.card-back a{display:block;color:#00fffa;font-size:14px;margin-top:5px;text-decoration:none}.modal-close{position:absolute;top:10px;right:10px;background:none;border:none;font-size:1.8rem;cursor:pointer;z-index:1001;transition:color .3s}.app .modal-close{color:#111}.app.dark .modal-close{color:#fff}.modal{position:relative;max-width:95%;padding:20px;margin:auto;border-radius:16px;background:#fff;overflow:visible}.app.dark .modal{background:#1a1a1a;color:#fff}:root{--accent:#e23;--muted:#666;--bg:#fff}body,html,#root{height:100%;margin:0;font-family:Inter,system-ui,Arial}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;background:#fafafa}.top{text-align:center;padding:24px 12px}.logo-circle{width:88px;height:88px;border-radius:50%;background:#111;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:8px}.top h1{margin:8px 0}.subtitle{color:var(--muted);margin:8px 0 18px}.search{display:flex;justify-content:center;gap:8px;align-items:center}.search input{width:220px;max-width:70vw;padding:12px;border-radius:6px;border:2px solid #111}.search button{padding:10px 14px;border-radius:6px;border:0;background:#111;color:#fff;cursor:pointer}main{width:100%;max-width:1100px;padding:12px;margin-top:12px}.product-title{text-align:center;margin:18px 0;font-size:20px;font-weight:600}.carousel-area{display:flex;align-items:center;gap:8px;justify-content:center}.nav{background:transparent;border:0;font-size:28px;cursor:pointer}.carousel{width:640px;max-width:70vw;min-height:320px;display:flex;align-items:center;justify-content:center}.product-card{position:relative;width:100%;background:#fff;border-radius:8px;box-shadow:0 2px 10px #00000014;padding:18px;display:flex;flex-direction:column;align-items:center}.badge{position:absolute;top:10px;right:10px;background:gold;color:#111;padding:6px 8px;border-radius:6px;font-weight:700;font-size:12px}.product-img{max-width:100%;max-height:320px;object-fit:contain;margin-bottom:14px}.controls{display:flex;gap:10px;justify-content:center;margin-top:6px;flex-wrap:wrap}.controls button{padding:10px 14px;border-radius:8px;border:0;cursor:pointer}.learn{background:#e23;color:#fff}.share{background:#0b74de;color:#fff}.reviews{background:#eee}.thumbnails{display:flex;gap:8px;justify-content:center;align-items:center;margin-top:16px;flex-wrap:wrap}.thumb{width:80px;height:80px;object-fit:cover;border-radius:6px;border:1px solid #ddd}.big{width:160px;height:120px;object-fit:cover;border-radius:8px;border:1px solid #ddd}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:50}.modal{width:90%;max-width:600px;background:#fff;padding:18px;border-radius:8px;position:relative}.modal-close{position:absolute;top:8px;right:8px;border:0;background:transparent;font-size:20px;cursor:pointer}.reviews-list{list-style:none;padding:0;margin:8px 0;max-height:55vh;overflow:auto}.review-item{padding:8px 0;border-bottom:1px solid #eee}.review-item a{color:#111;text-decoration:none}.footer{padding:12px;color:#666;margin-top:auto}.mission-btn{background:#eee;border:1px solid #ccc;border-radius:50%;width:36px;height:36px;cursor:pointer;font-weight:700}.mission-btn:hover{background:#ddd}.reviews-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;margin-top:12px}.review-card{text-align:center}.review-thumb{width:50%;border-radius:8px;box-shadow:0 2px 6px #0003;cursor:pointer;transition:transform .2s ease}.review-thumb:hover{transform:scale(1.05)}.review-title{margin-top:6px;font-size:14px;font-weight:500;color:#111}.app.dark .review-title{color:#eee}.app.dark .subtitle{color:#bbb}.app.dark .review-item a{color:#eee}.app.dark{background:#121212;color:#eee}.app.dark .logo-circle{background:#eee;color:#121212}.app.dark .product-card{background:#1e1e1e;color:#fff;border:1px solid #333}.app.dark .controls button{opacity:.9}.app.dark .search input{background:#222;color:#eee;border:2px solid #444}.app.dark .search button{background:#eee;color:#121212}.app.dark .badge{background:#ff9800;color:#121212}.app.dark .footer{color:#aaa}.app.dark .modal{background:#1e1e1e;color:#eee}.review-count{position:absolute;top:10px;left:10px;background:#0b74de;color:#fff;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600}.app{background-color:#fff;color:#000}.app.dark{background-color:#121212;color:#fff}.dark-toggle{margin-left:center;padding:6px 12px;cursor:pointer;border-radius:4px;border:1px solid #ccc;background-color:#fff;color:#000;transition:background-color .3s,color .3s}.app.dark .dark-toggle{background-color:#333;color:#fff;border:1px solid #666}
