.metafield-rich_text_field{font-size:16px}.faq-section{color:#fff;padding:60px 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.faq-container{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.faq-header{margin-bottom:40px}.faq-title{font-size:50px;font-weight:900;margin:0;color:#fff;text-transform:uppercase}.faq-content{width:100%}.faq-nav-arrow{display:none!important}.faq-carousel-container{position:relative}.faq-accordion{display:flex;flex-direction:column;gap:0}.faq-item{border-bottom:1px solid #4a5a6c;transition:all .3s ease}.faq-item:last-child{border-bottom:none}.faq-question{display:flex;align-items:center;gap:15px;padding:25px 0;cursor:pointer;transition:all .3s ease;position:relative;will-change:background,padding,margin}.faq-question:hover{background:#ffffff0d;padding-left:10px;margin-left:-10px;border-radius:8px}.faq-question-content{flex:1;min-width:0}.faq-day{font-size:22px;color:#fff;font-weight:600;display:flex;align-items:center;gap:8px;margin-bottom:5px}.faq-day-icon{flex-shrink:0;width:24px;height:24px;object-fit:contain}.faq-day-icon.default-icon{color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center}.faq-main-title{font-size:30px;font-weight:700;margin:0 0 5px;text-transform:uppercase;line-height:1.2}.faq-subtitle{font-size:1rem;color:#b0c4de;margin:0;font-weight:400}.faq-toggle-icon{flex-shrink:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:300;transition:transform .3s ease;position:relative}.faq-plus,.faq-minus{position:absolute;transition:opacity .3s ease,transform .3s ease}.faq-minus,.faq-item--active .faq-plus{opacity:0;transform:rotate(90deg)}.faq-item--active .faq-minus{opacity:1;transform:rotate(0)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease}.faq-item--active .faq-answer{max-height:500px;padding-bottom:0}.faq-answer-content{display:flex;gap:20px;align-items:flex-start}.faq-image{flex-shrink:0;width:120px;height:80px;border-radius:8px;overflow:hidden}.faq-image img{width:100%;height:100%;object-fit:cover}.faq-text{flex:1;line-height:1.6;color:#e0e0e0}.faq-text--full-width{width:100%}.faq-text p{margin:0 0 15px}.faq-text p:last-child{margin-bottom:30px}.faq-media{position:sticky;top:15%;height:500px;display:flex;align-items:center;justify-content:center}.faq-image-container,.faq-video-container{width:100%;height:100%;border-radius:20px;overflow:hidden}.faq-static-image,.faq-video-container video{width:100%;height:100%;object-fit:cover}.faq-dynamic-images{width:100%;height:100%;position:relative}.image-cards{position:relative;list-style:none;padding:0;margin:0;width:100%;height:100%}.image-card{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:20px;overflow:hidden;transform:translateY(0) rotate(2deg) translate(15px) scale(.95);transform-origin:center center;transition:transform .6s cubic-bezier(.8,.2,.1,.8) .1s;cursor:pointer;z-index:2;will-change:transform}.image-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease;will-change:transform}.image-card--next{z-index:5;transform:translateY(-15px) rotate(2deg) translate(15px) scale(.95)}.image-card--out{animation:card-out .6s cubic-bezier(.8,.2,.1,.8);transform:translateY(-30px) rotate(4deg) translate(35px) scale(.9);z-index:1}@keyframes card-out{0%{z-index:20;transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-120%) rotate(-3deg) translate(-25px)}80%{z-index:1}to{transform:translateY(-30px) rotate(4deg) translate(35px) scale(.9)}}.image-card--current{cursor:auto;position:relative;z-index:10;transform:rotate(-1deg) translate(0) scale(1)}.image-card--current img{transform:scale(1.05)}@media (max-width: 768px){.faq-section{padding:40px 0}.faq-container{grid-template-columns:1fr;gap:0;padding:0}.faq-title{font-size:2rem;text-align:center;margin-bottom:30px}.faq-media{position:static!important;height:200px;order:-1;margin-bottom:20px;display:flex;align-items:center;justify-content:center}.image-cards{position:relative;width:200px;height:200px;margin:0 auto}.image-card{width:200px;height:200px}.faq-content{position:relative;width:100%;overflow:hidden}.faq-carousel-container{position:relative;width:100%;overflow:hidden;height:auto;min-height:400px}.faq-accordion{display:flex!important;flex-direction:row!important;transition:transform .3s ease;width:auto;height:auto;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.faq-accordion::-webkit-scrollbar{display:none}.faq-item{flex:0 0 100%!important;width:100%!important;min-width:100%!important;background:transparent;border-radius:15px;border-bottom:none;padding:0;margin:0;box-sizing:border-box;touch-action:manipulation;-webkit-tap-highlight-color:transparent;position:relative;z-index:1;scroll-snap-align:start}.faq-item .faq-answer{display:block!important;max-height:none!important;opacity:1!important;overflow:visible!important}.faq-item .faq-answer{display:block!important;max-height:none!important;opacity:1!important}.faq-question{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.2);cursor:default;pointer-events:none}.faq-day-title,.faq-day{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#fff;margin-bottom:8px}.faq-main-title{font-size:1.3rem;margin:0 0 8px;line-height:1.2}.faq-subtitle{font-size:1rem;opacity:.8;margin:0}.faq-toggle-icon{display:none!important}.faq-answer-content{display:flex;flex-direction:column;gap:20px}.faq-image{width:120px;height:120px;object-fit:cover;border-radius:10px;margin:0}.faq-text,.faq-text--full-width{font-size:.95rem;line-height:1.5}.faq-text--truncated,.faq-text--expanded{display:block}.faq-read-more-btn{display:none}@media screen and (max-width: 768px){.faq-text--truncated{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.faq-text--expanded{display:block;-webkit-line-clamp:unset;overflow:visible}.faq-read-more-btn{background:none;border:none;color:#b14028;font-size:.9rem;font-weight:600;cursor:pointer;padding:4px 0;margin-top:4px;text-decoration:underline;touch-action:manipulation;-webkit-tap-highlight-color:transparent;display:none}.faq-read-more-btn.show{display:block!important}.faq-read-more-btn:hover{color:#8b2f1f}}.faq-text p{margin:0 0 15px}.faq-text p:last-child{margin-bottom:0}.faq-nav-arrows{display:flex!important;justify-content:center;gap:15px;margin-top:25px}.faq-nav-arrow{background:#b14028;border:none;width:45px;height:45px;border-radius:50%;color:#fff;font-size:20px;cursor:pointer;display:flex!important;align-items:center;justify-content:center;transition:all .3s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.faq-nav-arrow:hover{background:#8b2f1f;transform:scale(1.05)}.faq-nav-arrow:disabled{opacity:.4;cursor:not-allowed;transform:none}}@media (max-width: 480px){.faq-title{font-size:1.6rem}.faq-main-title{font-size:1.1rem}.faq-question{gap:10px}.faq-day-icon{width:20px;height:20px;display:block!important;flex-shrink:0}.faq-answer-content{padding-left:0}.carousel-container{height:200px}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/vn-faq-with-card.css.map */
