.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.tarot-cards-index{padding:40px 20px;min-height:100vh}.tarot-cards-index .container{max-width:1200px;margin:0 auto}.tarot-cards-index .hero-section{text-align:center;margin-bottom:40px;padding:40px 20px;background:linear-gradient(135deg, rgba(142,68,173,0.9) 0%, rgba(155,89,182,0.9) 100%);border-radius:20px;box-shadow:0 10px 40px rgba(142,68,173,0.3)}.tarot-cards-index .hero-section h1{font-size:2.5rem;color:white;margin-bottom:15px;text-shadow:0 2px 10px rgba(0,0,0,0.3)}.tarot-cards-index .hero-section .subtitle{font-size:1.1rem;color:rgba(255,255,255,0.9);max-width:600px;margin:0 auto;line-height:1.6}.tarot-cards-index .filter-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:15px}.tarot-cards-index .filter-section .filter-tabs{display:flex;gap:10px;flex-wrap:wrap}.tarot-cards-index .filter-section .filter-tab{padding:10px 20px;border-radius:25px;background:white;color:#2C3E50;text-decoration:none;font-weight:500;border:2px solid #D5DBDB;transition:all 0.3s ease;cursor:pointer}.tarot-cards-index .filter-section .filter-tab:hover{border-color:#8E44AD;color:#8E44AD;transform:translateY(-2px);box-shadow:0 5px 15px rgba(142,68,173,0.3)}.tarot-cards-index .filter-section .filter-tab.active{background:linear-gradient(135deg, #8E44AD 0%, #9B59B6 100%);color:white;border-color:transparent}.tarot-cards-index .filter-section .minor-dropdown{position:relative}.tarot-cards-index .filter-section .minor-dropdown .dropdown-trigger{display:flex;align-items:center;gap:5px}.tarot-cards-index .filter-section .minor-dropdown .dropdown-trigger .arrow{font-size:0.8rem;transition:transform 0.3s ease}.tarot-cards-index .filter-section .minor-dropdown.open .arrow{transform:rotate(180deg)}.tarot-cards-index .filter-section .minor-dropdown .dropdown-menu{position:absolute;top:100%;left:0;margin-top:5px;background:white;border-radius:12px;box-shadow:0 10px 30px rgba(44,62,80,0.2);padding:10px 0;min-width:150px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all 0.3s ease;z-index:100}.tarot-cards-index .filter-section .minor-dropdown .dropdown-menu .dropdown-item{display:block;padding:10px 20px;color:#2C3E50;text-decoration:none;transition:all 0.2s ease}.tarot-cards-index .filter-section .minor-dropdown .dropdown-menu .dropdown-item:hover{background:#EBDEF0;color:#8E44AD}.tarot-cards-index .filter-section .minor-dropdown .dropdown-menu .dropdown-item.active{background:linear-gradient(135deg, #8E44AD 0%, #9B59B6 100%);color:white}.tarot-cards-index .filter-section .minor-dropdown.open .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.tarot-cards-index .filter-section .filter-info .card-count{color:#5D4E75;font-size:0.95rem}.tarot-cards-index .cards-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(160px, 1fr));gap:25px;margin-bottom:60px}@media (min-width: 768px){.tarot-cards-index .cards-grid{grid-template-columns:repeat(auto-fill, minmax(180px, 1fr))}}.tarot-cards-index .card-item{text-decoration:none;color:inherit;transition:transform 0.3s ease}.tarot-cards-index .card-item:hover{transform:translateY(-10px)}.tarot-cards-index .card-item:hover .card-overlay{opacity:1}.tarot-cards-index .card-item:hover .card-image-wrapper img{transform:scale(1.05)}.tarot-cards-index .card-image-wrapper{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 5px 20px rgba(44,62,80,0.2);background:#1B2631}.tarot-cards-index .card-image-wrapper img{width:100%;height:auto;display:block;transition:transform 0.5s ease}.tarot-cards-index .card-image-wrapper .card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, rgba(142,68,173,0.8) 0%, rgba(155,89,182,0.8) 100%);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease}.tarot-cards-index .card-image-wrapper .card-overlay .view-detail{color:white;font-weight:600;padding:10px 20px;border:2px solid white;border-radius:25px;font-size:0.9rem}.tarot-cards-index .card-info{text-align:center;padding:15px 10px}.tarot-cards-index .card-info .card-name{font-size:1.1rem;font-weight:600;color:#2C3E50;margin-bottom:5px}.tarot-cards-index .card-info .card-number{font-size:0.85rem;color:#7B7D7D}.tarot-cards-index .info-section{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:25px;margin-top:40px}.tarot-cards-index .info-card{background:white;padding:30px;border-radius:16px;text-align:center;box-shadow:0 5px 20px rgba(44,62,80,0.2);transition:transform 0.3s ease, box-shadow 0.3s ease}.tarot-cards-index .info-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(142,68,173,0.3)}.tarot-cards-index .info-card .info-icon{font-size:2.5rem;margin-bottom:15px}.tarot-cards-index .info-card h3{font-size:1.2rem;color:#8E44AD;margin-bottom:10px}.tarot-cards-index .info-card p{color:#5D4E75;font-size:0.95rem;line-height:1.6}.tarot-card-show{padding:30px 20px;min-height:100vh}.tarot-card-show .container{max-width:1000px;margin:0 auto}.tarot-card-show .breadcrumb{margin-bottom:30px;font-size:0.9rem}.tarot-card-show .breadcrumb a{color:#8E44AD;text-decoration:none}.tarot-card-show .breadcrumb a:hover{text-decoration:underline}.tarot-card-show .breadcrumb .separator{margin:0 10px;color:#7B7D7D}.tarot-card-show .breadcrumb .current{color:#5D4E75}.tarot-card-show .card-header-section{display:grid;grid-template-columns:1fr;gap:30px;margin-bottom:40px;background:white;border-radius:20px;padding:30px;box-shadow:0 10px 40px rgba(44,62,80,0.2)}@media (min-width: 768px){.tarot-card-show .card-header-section{grid-template-columns:auto 1fr}}.tarot-card-show .card-images{display:flex;gap:20px;justify-content:center}.tarot-card-show .card-images .card-image-container{position:relative;width:140px}@media (min-width: 768px){.tarot-card-show .card-images .card-image-container{width:160px}}.tarot-card-show .card-images .card-image-container img{width:100%;height:auto;border-radius:12px;box-shadow:0 5px 20px rgba(44,62,80,0.2)}.tarot-card-show .card-images .card-image-container .position-label{position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg, #8E44AD 0%, #9B59B6 100%);color:white;padding:5px 15px;border-radius:15px;font-size:0.85rem;font-weight:600;box-shadow:0 3px 10px rgba(142,68,173,0.3)}.tarot-card-show .card-intro{display:flex;flex-direction:column;justify-content:center}.tarot-card-show .card-intro .card-number{color:#F39C12;font-weight:600;font-size:0.95rem;margin-bottom:5px}.tarot-card-show .card-intro .card-title{font-size:2rem;color:#2C3E50;margin-bottom:15px}@media (min-width: 768px){.tarot-card-show .card-intro .card-title{font-size:2.5rem}}.tarot-card-show .card-intro .card-energy{display:inline-flex;align-items:center;gap:8px;background:#EBDEF0;padding:8px 16px;border-radius:20px;font-size:0.9rem;color:#8E44AD;margin-bottom:20px;width:fit-content}.tarot-card-show .card-intro .card-energy.positive{background:rgba(46,204,113,0.15);color:#27ae60}.tarot-card-show .card-intro .card-description{color:#5D4E75;line-height:1.8;font-size:1rem}.tarot-card-show .section-title{display:flex;align-items:center;gap:10px;font-size:1.4rem;color:#2C3E50;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #EBDEF0}.tarot-card-show .section-title .icon{font-size:1.2rem}.tarot-card-show .meaning-section{background:white;border-radius:20px;padding:30px;margin-bottom:30px;box-shadow:0 5px 20px rgba(44,62,80,0.2)}.tarot-card-show .meaning-section .meaning-content p{color:#5D4E75;line-height:1.9;font-size:1.05rem}.tarot-card-show .meaning-section .sum-meaning{margin-top:25px;padding:20px;background:linear-gradient(135deg, rgba(142,68,173,0.05) 0%, rgba(155,89,182,0.05) 100%);border-radius:12px;border-left:4px solid #8E44AD}.tarot-card-show .meaning-section .sum-meaning h3{font-size:1.1rem;color:#8E44AD;margin-bottom:10px}.tarot-card-show .meaning-section .sum-meaning p{color:#5D4E75;line-height:1.8}.tarot-card-show .position-section{background:white;border-radius:20px;padding:30px;margin-bottom:30px;box-shadow:0 5px 20px rgba(44,62,80,0.2)}.tarot-card-show .position-tabs{display:flex;gap:15px;margin-bottom:25px;justify-content:center}.tarot-card-show .position-tab{display:flex;align-items:center;gap:8px;padding:12px 25px;border-radius:25px;background:#EBDEF0;border:none;cursor:pointer;font-size:1rem;font-weight:600;color:#5D4E75;transition:all 0.3s ease}.tarot-card-show .position-tab:hover{background:#D5DBDB}.tarot-card-show .position-tab.active{background:linear-gradient(135deg, #8E44AD 0%, #9B59B6 100%);color:white;box-shadow:0 5px 15px rgba(142,68,173,0.3)}.tarot-card-show .position-tab .tab-icon{font-size:1.1rem}.tarot-card-show .position-content{display:none}.tarot-card-show .position-content.active{display:block}.tarot-card-show .meaning-cards-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:20px}.tarot-card-show .meaning-card{background:linear-gradient(135deg, rgba(142,68,173,0.03) 0%, rgba(155,89,182,0.03) 100%);border-radius:16px;padding:25px;transition:all 0.3s ease}.tarot-card-show .meaning-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(142,68,173,0.3)}.tarot-card-show .meaning-card.reversed{background:linear-gradient(135deg, rgba(231,76,60,0.05) 0%, rgba(243,156,18,0.05) 100%)}.tarot-card-show .meaning-card .meaning-icon{font-size:2rem;margin-bottom:15px}.tarot-card-show .meaning-card h4{font-size:1.1rem;color:#8E44AD;margin-bottom:12px}.tarot-card-show .meaning-card p{color:#5D4E75;line-height:1.7;font-size:0.95rem}.tarot-card-show .general-meanings-section{background:white;border-radius:20px;padding:30px;margin-bottom:30px;box-shadow:0 5px 20px rgba(44,62,80,0.2)}.tarot-card-show .general-cards{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:20px}.tarot-card-show .general-card{padding:20px;background:#EBDEF0;border-radius:12px}.tarot-card-show .general-card h3{display:flex;align-items:center;gap:8px;font-size:1rem;color:#8E44AD;margin-bottom:12px}.tarot-card-show .general-card h3 .icon{font-size:1.1rem}.tarot-card-show .general-card p{color:#5D4E75;line-height:1.7;font-size:0.9rem}.tarot-card-show .card-navigation{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:40px;flex-wrap:wrap}.tarot-card-show .nav-link{display:flex;align-items:center;gap:10px;padding:15px 20px;background:white;border-radius:12px;text-decoration:none;color:#2C3E50;box-shadow:0 3px 15px rgba(44,62,80,0.2);transition:all 0.3s ease;min-width:150px}.tarot-card-show .nav-link:hover{transform:translateY(-3px);box-shadow:0 5px 20px rgba(142,68,173,0.3)}.tarot-card-show .nav-link.prev .arrow{color:#8E44AD;font-size:1.2rem}.tarot-card-show .nav-link.next{text-align:right;justify-content:flex-end}.tarot-card-show .nav-link.next .arrow{color:#8E44AD;font-size:1.2rem}.tarot-card-show .nav-link.center{background:linear-gradient(135deg, #8E44AD 0%, #9B59B6 100%);color:white;justify-content:center}.tarot-card-show .nav-link.placeholder{visibility:hidden}.tarot-card-show .nav-link .nav-text{display:flex;flex-direction:column;gap:3px}.tarot-card-show .nav-link .nav-label{font-size:0.8rem;color:#7B7D7D}.tarot-card-show .nav-link .nav-name{font-weight:600;color:#2C3E50}.tarot-card-show .nav-link.next .nav-label,.tarot-card-show .nav-link.next .nav-name{text-align:right}.tarot-card-show .cta-section{background:linear-gradient(135deg, #8E44AD 0%, #9B59B6 100%);border-radius:20px;padding:40px;text-align:center;box-shadow:0 10px 40px rgba(142,68,173,0.3)}.tarot-card-show .cta-section .cta-content h3{font-size:1.5rem;color:white;margin-bottom:10px}.tarot-card-show .cta-section .cta-content p{color:rgba(255,255,255,0.9);margin-bottom:25px}.tarot-card-show .cta-section .cta-content .cta-button{display:inline-block;padding:15px 40px;background:white;color:#8E44AD;border-radius:30px;font-weight:600;text-decoration:none;transition:all 0.3s ease;box-shadow:0 5px 20px rgba(0,0,0,0.2)}.tarot-card-show .cta-section .cta-content .cta-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,0.3)}@media (max-width: 576px){.tarot-cards-index .hero-section{padding:30px 15px}.tarot-cards-index .hero-section h1{font-size:1.8rem}.tarot-cards-index .hero-section .subtitle{font-size:1rem}.tarot-cards-index .filter-section{flex-direction:column;align-items:flex-start}.tarot-cards-index .cards-grid{grid-template-columns:repeat(2, 1fr);gap:15px}.tarot-card-show .card-header-section{padding:20px}.tarot-card-show .card-images{flex-direction:row}.tarot-card-show .card-images .card-image-container{width:120px}.tarot-card-show .card-intro .card-title{font-size:1.8rem}.tarot-card-show .card-navigation{flex-direction:column}.tarot-card-show .card-navigation .nav-link{width:100%;justify-content:center}.tarot-card-show .card-navigation .nav-link.placeholder{display:none}}