/* Copyright (c) 2026 Everything Girlish. All Rights Reserved. */
@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400;0,6..96,700;1,6..96,400&family=Inter:wght@300;400;500&display=swap');@font-face{font-family:'Bodoni Moda';font-display:swap} @font-face{font-family:'Inter';font-display:swap}:root{--primary-color:#1a1a1a;--accent-pink:#FF1493;--accent-purple:#9370DB;--secondary-color:#ffffff;--text-muted:#888888;--bg-color:#ffffff;--bg-soft:#fff9fc;--grid-gap:30px;--transition:all 0.4s cubic-bezier(0.165,0.84,0.44,1)} *{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased} img{max-width:100%;height:auto;display:block} img[width],img[height]{max-width:100%;height:auto} body{font-family:'Inter',sans-serif;background-color:var(--bg-soft);color:var(--primary-color);line-height:1.6;overflow-x:hidden} h1{font-family:'Bodoni Moda',serif;text-transform:uppercase;letter-spacing:0.25em;font-weight:700} a{text-decoration:none;color:inherit;transition:var(--transition)} html{scroll-behavior:smooth} @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto} } .main-header{position:sticky;top:0;left:0;width:100%;background:rgba(255,255,255,0.98);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:2000;border-bottom:1px solid rgba(0,0,0,0.05)} .header-container{max-width:1400px;margin:0 auto;padding:0 20px;display:flex;justify-content:center;align-items:center;height:80px} .header-action-bar{display:flex;align-items:center;gap:20px} .action-btn{display:flex;align-items:center;justify-content:center;width:46px;height:46px;background:#fff;border:1px solid #e8e8e8;border-radius:14px;color:var(--primary-color);transition:all 0.3s cubic-bezier(0.165,0.84,0.44,1);box-shadow:0 2px 4px rgba(0,0,0,0.02)} .action-btn svg{width:20px;height:20px;stroke-width:2} .wa-btn svg{color:#25D366} .action-btn:hover{transform:translateY(-2px);border-color:var(--accent-pink);box-shadow:0 5px 15px rgba(0,0,0,0.05)} .brand-logo-circle{display:flex;align-items:center;justify-content:center} .logo-inner-ring{width:48px;height:48px;border-radius:50%;border:2px solid var(--accent-pink);padding:2px;background:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:transform 0.3s ease} .header-logo-img{width:100%;height:100%;object-fit:cover;border-radius:50%} .brand-logo-circle:hover .logo-inner-ring{transform:scale(1.05)} .mobile-nav-overlay{position:fixed;top:0;right:-100%;width:100%;height:100vh;background:#fff;z-index:1001;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:right 0.6s cubic-bezier(0.165,0.84,0.44,1);visibility:hidden} .mobile-nav-overlay.active{right:0;visibility:visible} .mobile-nav-list{list-style:none;text-align:center;padding:0} .mobile-nav-link{display:block;font-size:24px;font-family:'Bodoni Moda',serif;text-transform:uppercase;letter-spacing:0.3em;padding:20px;color:var(--primary-color)} .wa-accent{color:var(--accent-pink)} @media (max-width:480px){.header-container{height:70px} .header-action-bar{gap:15px} .action-btn{width:42px;height:42px;border-radius:12px} .logo-inner-ring{width:42px;height:42px} } a{text-decoration:none;color:inherit;transition:var(--transition)} .main-content{padding:0 40px 80px} .product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--grid-gap)} .product-card{position:relative;cursor:pointer} .product-image-container{position:relative;width:100%;aspect-ratio:3/4.5;overflow:hidden;background:#f7f7f7;margin-bottom:15px} .product-image{width:100%;height:100%;max-width:100%;object-fit:cover;transition:transform 0.8s cubic-bezier(0.165,0.84,0.44,1);image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges} .product-card:hover .product-image{transform:scale(1.05)} .quick-view{position:absolute;bottom:-50px;left:0;width:100%;background:var(--accent-pink);color:#fff;padding:15px;text-align:center;text-transform:uppercase;font-size:11px;letter-spacing:0.2em;font-weight:700;transition:var(--transition)} .product-card:hover .quick-view{bottom:0;will-change:bottom} .product-info{text-align:center;padding:0 5px} .product-name{font-size:13px;font-weight:400;margin-bottom:8px;text-transform:capitalize;line-height:1.4;min-height:36px;display:flex;align-items:center;justify-content:center} .product-price{font-size:12px;font-weight:500;color:var(--primary-color);margin-bottom:5px} .product-meta-extra{font-size:10px;text-transform:uppercase;letter-spacing:0.1em;color:var(--text-muted);margin-top:8px;line-height:1.4} @media (max-width:768px){.main-content{padding:0 15px 60px} .product-grid{grid-template-columns:repeat(2,1fr);gap:15px} .product-card{width:100%} .product-image-container{margin-bottom:12px} .product-name{font-size:12px;min-height:32px;margin-bottom:6px} .product-price{font-size:11px;margin-bottom:4px} .product-meta-extra{font-size:9px;margin-top:4px} .quick-view{bottom:0;padding:10px;font-size:9px;background:rgba(255,20,147,0.9);letter-spacing:0.15em} } .hero-section{position:relative;overflow:hidden} .drop-header{padding:80px 40px;text-align:center;background:linear-gradient(135deg,#fff9fc 0%,#f9f0ff 100%);border-bottom:1px solid #f0e0f0;position:relative;overflow:hidden} .hero-background-gallery{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none} .hero-bg-layer{position:absolute;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:scroll;background-repeat:no-repeat;filter:blur(40px);animation:float 20s ease-in-out infinite;mix-blend-mode:multiply;opacity:0.15;will-change:transform;transform:translateZ(0)} .hero-bg-layer-1{background-image:url('ad images/1. Today Scrollers.jpg');animation-delay:0s;transform:translateX(-10%)} .hero-bg-layer-2{background-image:url('ad images/2. Campus Flex Watchers.jpg');animation-delay:7s;transform:translateX(10%);mix-blend-mode:screen} .hero-bg-layer-3{background-image:url('ad images/3. Soft Life Aspirers.jpg');animation-delay:14s;transform:translateX(-5%);mix-blend-mode:overlay} .hero-overlay-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(255,20,147,0.02) 2px,rgba(255,20,147,0.02) 4px),repeating-linear-gradient(-45deg,transparent,transparent 2px,rgba(147,112,219,0.02) 2px,rgba(147,112,219,0.02) 4px);pointer-events:none;mix-blend-mode:soft-light} .reveal{opacity:1;transform:none;transition:opacity 0.6s cubic-bezier(0.165,0.84,0.44,1),transform 0.6s cubic-bezier(0.165,0.84,0.44,1)} .reveal.progressive-reveal:not(.is-visible){opacity:0;transform:translateY(20px)} .reveal.is-visible{opacity:1;transform:translateY(0)} @media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none} } .hero-bg-img:nth-child(1){animation-delay:0s;transform:translateX(-10%)} .hero-bg-img:nth-child(2){animation-delay:7s;transform:translateX(10%)} .hero-bg-img:nth-child(3){animation-delay:14s;transform:translateX(-5%)} @keyframes float{0%,100%{transform:translateX(-10%) translateY(0)} 33%{transform:translateX(10%) translateY(-20px)} 66%{transform:translateX(-5%) translateY(20px)} } .drop-header h1,.drop-header .drop-meta{position:relative;z-index:1} .drop-header::after{content:'🦋';position:absolute;top:20%;right:10%;font-size:100px;opacity:0.05;z-index:1} .drop-header h1{font-size:48px;margin-bottom:15px;letter-spacing:0.4em;background:linear-gradient(to right,var(--primary-color),var(--accent-pink));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent} .drop-meta{font-size:14px;color:var(--text-muted);letter-spacing:0.1em;text-transform:uppercase} .drop-meta strong{color:var(--primary-color)} @media (max-width:768px){.drop-header{padding:60px 20px} .drop-header h1{font-size:28px;letter-spacing:0.2em;margin-bottom:12px} .drop-meta{font-size:12px;margin-bottom:8px} .hero-bg-layer{filter:blur(30px);background-size:cover;background-position:center} .hero-bg-img{filter:blur(30px)} } @media (prefers-reduced-motion:no-preference){.drop-header{transform:translateZ(0)} } .drop-header h1{position:relative;display:inline-block} .drop-header h1::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--accent-pink);transition:width 0.6s ease} .drop-header:hover h1::after{width:100%} .how-to-play{padding:80px 40px;max-width:1000px;margin:0 auto;text-align:center;position:relative;overflow:hidden} .section-bg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;user-select:none;-webkit-user-select:none;opacity:0.03} .section-bg-layer{position:absolute;width:50%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:scroll;background-repeat:no-repeat;filter:blur(60px);mix-blend-mode:multiply} .section-bg-layer-left{left:-10%;background-image:url('ad images/4. Night-Out Prep Crowd.jpg');animation:drift 25s ease-in-out infinite} .section-bg-layer-right{right:-10%;background-image:url('ad images/5. Thrift Treasure Hunters.jpg');animation:drift 30s ease-in-out infinite reverse;mix-blend-mode:screen} .section-overlay-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(255,20,147,0.03) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(147,112,219,0.03) 0%,transparent 50%);pointer-events:none;mix-blend-mode:overlay} @keyframes drift{0%,100%{transform:translateX(0) translateY(0)} 50%{transform:translateX(20px) translateY(-30px)} } .how-to-play .section-title,.how-to-play .steps-grid{position:relative;z-index:1} .section-title{font-size:24px;margin-bottom:40px;letter-spacing:0.2em} .steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px} .step-card,.step-item{padding:30px;background:#fff} .step-number{font-family:'Bodoni Moda',serif;font-size:40px;color:#eee;margin-bottom:10px;display:block} .step-text{font-size:14px;line-height:1.8} .product-meta-extra{font-size:10px;text-transform:uppercase;letter-spacing:0.1em;color:var(--text-muted);margin-top:8px;line-height:1.4} .lifestyle-gallery{padding:80px 40px;background:#fff;overflow:hidden;position:relative;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;text-align:center} .lifestyle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:1200px;margin:0 auto} .lifestyle-item{position:relative;overflow:hidden;border-radius:8px;aspect-ratio:2/3;background:#f7f7f7;user-select:none;-webkit-user-select:none;pointer-events:none} .lifestyle-item::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:scroll;transition:transform 0.6s cubic-bezier(0.165,0.84,0.44,1);border-radius:8px;mix-blend-mode:normal;filter:brightness(1.1) contrast(1.05)} .lifestyle-item-1::before{background-image:url('ad images/9. Fashion Argument Commenters.jpg')} .lifestyle-item-2::before{background-image:url('ad images/7. Relationship Pressure Buyers.jpg')} .lifestyle-item-3::before{background-image:url('ad images/17. Aesthetic Collectors.jpg')} .lifestyle-img-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,20,147,0.1) 0%,transparent 50%),linear-gradient(225deg,rgba(147,112,219,0.1) 0%,transparent 50%);pointer-events:none;mix-blend-mode:overlay;border-radius:8px;z-index:1} .lifestyle-content-blend{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 1px,rgba(255,255,255,0.03) 1px,rgba(255,255,255,0.03) 2px),repeating-linear-gradient(90deg,transparent,transparent 1px,rgba(0,0,0,0.02) 1px,rgba(0,0,0,0.02) 2px);pointer-events:none;mix-blend-mode:soft-light;border-radius:8px;z-index:2} .lifestyle-item:hover::before{transform:scale(1.05);will-change:transform} .lifestyle-img{display:none} .gallery-track{display:flex;gap:20px;animation:scroll 40s linear infinite;width:max-content} .gallery-img{width:200px;height:250px;object-fit:cover;border-radius:8px;opacity:0.4;filter:grayscale(20%);transition:opacity 0.3s ease} .gallery-img:hover{opacity:0.6} @keyframes scroll{0%{transform:translateX(0)} 100%{transform:translateX(calc(-200px * 12 - 20px * 12))} } .bottom-sections{padding:80px 40px;background:#fafafa;border-top:1px solid #f0f0f0;position:relative;overflow:hidden} .winners-section,.testimonials-section{position:relative;z-index:1} .testimonials-bg-overlay{display:none} .testimonials-background-gallery{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;overflow:hidden} .testimonials-bg-layer{position:absolute;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:scroll;will-change:transform;transform:translateZ(0)} .testimonials-bg-layer-main{background-image:url('ad images/5. Thrift Treasure Hunters.jpg');filter:blur(2px) brightness(1.2) contrast(1.1) saturate(1.15);mix-blend-mode:overlay;opacity:0.5;animation:testimonialsMainDrift 30s ease-in-out infinite;transform:translateX(-5%) translateY(-3%) scale(1.05);background-size:cover;background-position:center center} .testimonials-bg-layer-accent{background-image:url('ad images/5. Thrift Treasure Hunters.jpg');filter:blur(1px) brightness(1.25) saturate(1.3) contrast(1.15);mix-blend-mode:soft-light;opacity:0.4;animation:testimonialsAccentDrift 35s ease-in-out infinite;animation-delay:8s;transform:translateX(10%) translateY(5%) scale(0.95);background-size:cover;background-position:center center} @keyframes testimonialsMainDrift{0%,100%{transform:translateX(-5%) translateY(-3%) scale(1.05) rotate(0deg)} 33%{transform:translateX(0%) translateY(-8%) scale(1.08) rotate(0.5deg)} 66%{transform:translateX(-10%) translateY(2%) scale(1.02) rotate(-0.5deg)} } @keyframes testimonialsAccentDrift{0%,100%{transform:translateX(10%) translateY(5%) scale(0.95) rotate(0deg)} 50%{transform:translateX(5%) translateY(0%) scale(1) rotate(-0.8deg)} } .testimonials-overlay-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(255,255,255,0.65) 0%,rgba(255,255,255,0.55) 20%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0.55) 80%,rgba(255,255,255,0.65) 100%),linear-gradient(90deg,rgba(255,255,255,0.6) 0%,transparent 20%,transparent 80%,rgba(255,255,255,0.6) 100%);pointer-events:none;z-index:1} .testimonials-pattern-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 25% 30%,rgba(255,20,147,0.05) 0%,transparent 50%),radial-gradient(ellipse at 75% 70%,rgba(147,112,219,0.04) 0%,transparent 50%),repeating-linear-gradient(45deg,transparent,transparent 4px,rgba(255,20,147,0.02) 4px,rgba(255,20,147,0.02) 8px);pointer-events:none;mix-blend-mode:overlay;opacity:0.3;z-index:2} .bottom-sections .section-title,.bottom-sections .bottom-grid{position:relative;z-index:1} .bottom-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:80px;max-width:1200px;margin:0 auto} .winners-list,.testimonials-list{display:flex;flex-direction:column;gap:20px} .winner-item,.testimonial-item{background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:25px;border:1px solid rgba(240,240,240,0.8);font-size:14px;position:relative;transition:all 0.4s cubic-bezier(0.165,0.84,0.44,1);box-shadow:0 2px 8px rgba(0,0,0,0.02)} .testimonial-item::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,20,147,0.02) 0%,transparent 50%);opacity:0;transition:opacity 0.4s ease;pointer-events:none;z-index:0} .testimonial-item:hover::before{opacity:1} .testimonial-item > *{position:relative;z-index:1} .section-subtitle{text-align:center;margin-bottom:20px} .winner-item strong,.testimonial-item strong{display:block;margin-bottom:5px;text-transform:uppercase;letter-spacing:0.1em} .cta-section{padding:80px 40px;background:linear-gradient(135deg,#fff9fc 0%,#f9f0ff 100%);text-align:center;border-top:1px solid #f0e0f0} .cta-container{max-width:600px;margin:0 auto} .cta-title{font-family:'Bodoni Moda',serif;font-size:36px;margin-bottom:15px;letter-spacing:0.2em;color:var(--primary-color)} .cta-subtitle{font-size:16px;color:var(--text-muted);margin-bottom:40px;line-height:1.6} .cta-buttons{display:flex;gap:25px;justify-content:center;flex-wrap:nowrap;margin-bottom:20px;align-items:stretch} .cta-button{padding:20px 45px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;text-decoration:none;border-radius:0;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:12px;white-space:nowrap;min-width:240px;flex:0 0 auto;line-height:1.4;outline:none} .cta-button:focus-visible{outline:2px solid var(--accent-pink);outline-offset:2px} .cta-button i{width:18px;height:18px;flex-shrink:0} .cta-primary{background:var(--accent-pink);color:#fff;border:2px solid var(--accent-pink)} .cta-primary:hover{background:transparent;color:var(--accent-pink);transform:translateY(-2px);box-shadow:0 5px 20px rgba(255,20,147,0.3)} .cta-secondary{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color)} .cta-secondary:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px)} .cta-note{font-size:12px;color:var(--text-muted);letter-spacing:0.05em;margin-top:20px} .cta-whatsapp-note{margin-top:15px} .whatsapp-link{display:inline-block;margin-top:10px;font-size:13px;color:#25D366;text-decoration:none;font-weight:600;transition:var(--transition)} .whatsapp-link:hover{color:#128C7E;text-decoration:underline} .whatsapp-cta{background:#25D366;border-color:#25D366} .whatsapp-cta:hover{background:#128C7E;border-color:#128C7E;color:#fff} .whatsapp-footer-link{display:inline-flex;align-items:center;gap:6px} .whatsapp-footer-link i{width:14px;height:14px;color:#25D366} @media (max-width:768px){.section-bg-layer,.testimonials-bg-layer,.faq-bg-layer{background-size:cover;background-position:center} .gallery-img{width:150px;height:190px} .lifestyle-gallery{padding:40px 20px} .lifestyle-grid{grid-template-columns:1fr;gap:30px} .lifestyle-item{max-width:100%} .cta-section{padding:60px 20px} .cta-title{font-size:24px;margin-bottom:12px} .cta-buttons{flex-direction:column;align-items:stretch;gap:15px} .cta-button{width:100%;padding:16px 30px;min-width:auto;justify-content:center} .cta-subtitle{font-size:14px;margin-bottom:30px} .steps-grid{grid-template-columns:1fr;gap:30px} .step-card,.step-item{padding:25px 20px} .step-number{font-size:32px} .step-text{font-size:13px} .bottom-grid{grid-template-columns:1fr;gap:40px} .how-to-play,.bottom-sections{padding:40px 20px} .section-title{font-size:20px;margin-bottom:30px} .winners-section,.testimonials-section{width:100%} .winner-item,.testimonial-item{padding:20px;font-size:13px} } .community-footer{padding:100px 40px 60px;background:#fff;border-top:1px solid #f5f5f5} .footer-content{max-width:1100px;margin:0 auto} .footer-brand-statement{text-align:center;margin-bottom:50px} .footer-brand-title{font-family:'Bodoni Moda',serif;font-size:20px;font-weight:700;letter-spacing:0.3em;color:var(--primary-color);margin-bottom:20px;text-transform:uppercase} .footer-style-circles{display:flex;justify-content:center;align-items:center;gap:15px;font-size:13px;color:var(--text-muted);letter-spacing:0.05em;flex-wrap:wrap} .price-highlight{color:var(--accent-pink);font-weight:700;background:rgba(255,20,147,0.05);padding:2px 10px;border-radius:20px} .circle-divider{color:#e0e0e0} .footer-value-grid{display:flex;justify-content:center;gap:40px;margin-bottom:60px;padding:40px 0;border-top:1px solid #fafafa;border-bottom:1px solid #fafafa} .footer-value-item{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center} .footer-value-item i{width:24px;height:24px;color:var(--accent-pink);stroke-width:1.5} .footer-value-item span{font-size:11px;text-transform:uppercase;letter-spacing:0.15em;font-weight:600;color:var(--primary-color)} .footer-links{text-align:center;margin-bottom:40px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:15px} .footer-link{font-size:11px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.15em;text-decoration:none;transition:var(--transition)} .footer-link:hover{color:var(--accent-pink)} .footer-separator{color:#eee;font-size:10px} .footer-copyright{text-align:center;border-top:1px solid #f5f5f5;padding-top:30px} .footer-copyright p{font-size:10px;color:var(--text-muted);letter-spacing:0.1em;text-transform:uppercase;margin:0} .footer-credit{margin-top:15px;display:inline-block;color:inherit;text-decoration:none;opacity:0.4;transition:var(--transition);font-size:8px;letter-spacing:0.2em} .footer-credit:hover{opacity:1;color:var(--accent-pink)} @media (max-width:768px){.community-footer{padding:60px 20px 40px} .footer-value-grid{flex-direction:column;gap:30px;padding:30px 0} .footer-brand-title{font-size:16px;letter-spacing:0.2em} .footer-style-circles{font-size:12px} .circle-divider{display:none} } .faq-section{padding:80px 40px;background:#fff;position:relative;overflow:hidden} .faq-background-gallery{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;overflow:hidden} .faq-bg-layer{position:absolute;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:scroll;will-change:transform;transform:translateZ(0)} .faq-bg-layer-main{background-image:url('ad images/10. Live-Sale Lurkers.jpg');filter:blur(2px) brightness(1.2) contrast(1.1) saturate(1.15);mix-blend-mode:overlay;opacity:0.5;animation:faqMainDrift 30s ease-in-out infinite;transform:translateX(-5%) translateY(-3%) scale(1.05);background-size:cover;background-position:center center} .faq-bg-layer-accent{background-image:url('ad images/10. Live-Sale Lurkers.jpg');filter:blur(1px) brightness(1.25) saturate(1.3) contrast(1.15);mix-blend-mode:soft-light;opacity:0.4;animation:faqAccentDrift 35s ease-in-out infinite;animation-delay:8s;transform:translateX(10%) translateY(5%) scale(0.95);background-size:cover;background-position:center center} @keyframes faqMainDrift{0%,100%{transform:translateX(-5%) translateY(-3%) scale(1.05) rotate(0deg)} 33%{transform:translateX(0%) translateY(-8%) scale(1.08) rotate(0.5deg)} 66%{transform:translateX(-10%) translateY(2%) scale(1.02) rotate(-0.5deg)} } @keyframes faqAccentDrift{0%,100%{transform:translateX(10%) translateY(5%) scale(0.95) rotate(0deg)} 50%{transform:translateX(5%) translateY(0%) scale(1) rotate(-0.8deg)} } .faq-overlay-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(255,255,255,0.65) 0%,rgba(255,255,255,0.55) 20%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0.55) 80%,rgba(255,255,255,0.65) 100%),linear-gradient(90deg,rgba(255,255,255,0.6) 0%,transparent 20%,transparent 80%,rgba(255,255,255,0.6) 100%);pointer-events:none;z-index:1} .faq-pattern-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 25% 30%,rgba(255,20,147,0.05) 0%,transparent 50%),radial-gradient(ellipse at 75% 70%,rgba(147,112,219,0.04) 0%,transparent 50%),repeating-linear-gradient(45deg,transparent,transparent 4px,rgba(255,20,147,0.02) 4px,rgba(255,20,147,0.02) 8px);pointer-events:none;mix-blend-mode:overlay;opacity:0.3;z-index:2} .faq-container{max-width:900px;margin:0 auto;position:relative;z-index:3} .faq-list{display:flex;flex-direction:column;gap:25px;margin-top:40px} .faq-item{background:rgba(255,255,255,0.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(240,240,240,0.9);padding:25px;transition:var(--transition);position:relative;box-shadow:0 2px 10px rgba(0,0,0,0.03)} .faq-item:hover{border-color:var(--accent-pink);box-shadow:0 2px 10px rgba(255,20,147,0.1)} .faq-question{font-size:16px;font-weight:600;color:var(--primary-color);margin-bottom:12px;line-height:1.5} .faq-answer{font-size:14px;line-height:1.8;color:var(--text-muted)} .faq-answer p{margin:0} @media (max-width:768px){.faq-section{padding:40px 20px} .faq-container{max-width:100%} .faq-question{font-size:15px} .faq-answer{font-size:13px} } .back-link{display:inline-flex;align-items:center;gap:10px;color:var(--accent-pink);font-size:14px;margin-top:20px;margin-bottom:30px;padding:10px 20px;text-transform:uppercase;letter-spacing:0.1em;font-weight:500;transition:var(--transition);border:2px solid var(--accent-pink);border-radius:4px;background:transparent} .back-link:hover{background:var(--accent-pink);color:#ffffff;transform:translateX(-4px)} .back-link i{width:18px;height:18px;transition:var(--transition)} .back-link:hover i{transform:translateX(-4px)} .back-to-top{position:fixed;right:24px;bottom:24px;width:56px;height:56px;border-radius:50%;border:none;display:inline-flex;align-items:center;justify-content:center;background:var(--accent-pink);color:#ffffff;box-shadow:0 4px 16px rgba(255,20,147,0.4),0 8px 24px rgba(0,0,0,0.15);cursor:pointer;opacity:0;pointer-events:none;transform:translateY(20px) scale(0.8);transition:opacity 0.3s ease,transform 0.3s cubic-bezier(0.34,1.56,0.64,1),box-shadow 0.3s ease;z-index:9500;outline:none;will-change:transform,opacity} .back-to-top:hover{background:#e01185;box-shadow:0 6px 20px rgba(255,20,147,0.5),0 12px 32px rgba(0,0,0,0.2);transform:translateY(0) scale(1.05)} .back-to-top:active{transform:translateY(0) scale(0.95);box-shadow:0 2px 8px rgba(255,20,147,0.4),0 4px 16px rgba(0,0,0,0.1)} .back-to-top:focus-visible{outline:3px solid var(--accent-pink);outline-offset:3px;box-shadow:0 4px 16px rgba(255,20,147,0.4),0 8px 24px rgba(0,0,0,0.15),0 0 0 3px rgba(255,20,147,0.3)} .back-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)} .back-to-top i{width:24px;height:24px;stroke-width:2.5} .back-to-top span{display:none} @media (prefers-reduced-motion:reduce){.back-to-top{transition:opacity 0.2s ease;transform:translateY(0) scale(1)} .back-to-top.visible{transform:translateY(0) scale(1)} .back-to-top:hover{transform:translateY(0) scale(1)} .back-to-top:active{transform:translateY(0) scale(1)} } .adsense-container{width:100%;margin:40px 0;text-align:center} .adsense-placeholder{background:#f7f7f7;border:1px dashed #ddd;padding:40px 20px;color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:0.1em} .adsense-placeholder p{margin:0} .adsense-top{margin-top:0} .adsense-middle{margin:60px 0} @media (max-width:768px){.back-to-top{right:20px;bottom:24px;width:52px;height:52px} .back-to-top i{width:22px;height:22px} .adsense-container{margin:30px 0} .adsense-placeholder{padding:30px 15px} } .product-detail-page{max-width:1200px;margin:0 auto;padding:40px 20px} .legal-page-wrapper{max-width:1200px;margin:0 auto} .back-link-container{max-width:1200px;margin:0 auto;padding:20px} .legal-page{max-width:900px;margin:0 auto;padding:40px 20px} .legal-page-title{font-size:2.5rem;margin-bottom:10px;color:var(--text-primary);font-family:'Bodoni Moda',serif;text-transform:uppercase;letter-spacing:0.1em;font-weight:700} .legal-page-meta{color:var(--text-muted);margin-bottom:40px} .legal-content{line-height:1.8;color:var(--text-primary)} .legal-content h3{font-size:1.5rem;margin-top:30px;margin-bottom:15px;color:var(--text-primary);font-weight:600} .legal-content h4{font-size:1.2rem;margin-top:20px;margin-bottom:10px;color:var(--text-primary);font-weight:600} .legal-content p{margin-bottom:15px} .legal-content ul{margin-left:20px;margin-bottom:20px} .legal-content ul li{margin-bottom:8px} .legal-content a{color:var(--accent-pink);text-decoration:underline;transition:var(--transition)} .legal-content a:hover{color:var(--accent-purple)} @media (max-width:768px){.back-link-container{padding:15px} .legal-page{padding:30px 15px} .legal-page-title{font-size:1.8rem;letter-spacing:0.05em} .legal-content h3{font-size:1.3rem;margin-top:25px;margin-bottom:12px} .legal-content h4{font-size:1.1rem;margin-top:18px;margin-bottom:8px} .legal-content p,.legal-content ul li{font-size:14px} } .product-detail-header{margin-bottom:40px} .product-detail-container{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:60px;align-items:start} .product-image-large{width:100%;max-width:100%;height:auto;aspect-ratio:3/4.5;object-fit:cover;background:#f7f7f7;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges} .product-detail-info h1{font-family:'Bodoni Moda',serif;font-size:36px;text-transform:uppercase;letter-spacing:0.1em;margin-bottom:20px;color:var(--primary-color)} .product-id{font-size:12px;text-transform:uppercase;letter-spacing:0.2em;color:var(--text-muted);margin-bottom:25px;line-height:1.5} .product-price-section{margin-bottom:30px} .price-row{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #f0f0f0} .price-row:last-child{border-bottom:none} .price-label{font-size:14px;margin-top:16px;text-transform:uppercase;letter-spacing:0.1em;color:var(--text-muted)} .price-value{font-size:24px;font-weight:700;color:var(--primary-color)} .product-description{margin-bottom:40px} .product-description h2{font-family:'Bodoni Moda',serif;font-size:24px;text-transform:uppercase;letter-spacing:0.1em;margin-bottom:20px;color:var(--primary-color)} .product-description h3{font-size:18px;font-weight:700;margin-top:25px;margin-bottom:15px;color:var(--primary-color)} .product-description p{font-size:15px;line-height:1.8;color:var(--text-muted);margin-bottom:15px} .product-description ul{list-style:none;padding-left:0;margin-bottom:20px} .product-description ul li{font-size:15px;line-height:1.8;color:var(--text-muted);padding-left:20px;position:relative;margin-bottom:10px} .product-description ul li:before{content:"•";position:absolute;left:0;color:var(--accent-pink);font-weight:bold} .product-description table{width:100%;border-collapse:collapse;margin:20px 0} .product-description table th,.product-description table td{padding:12px;text-align:left;border-bottom:1px solid #f0f0f0} .product-description table th{font-weight:500;text-transform:uppercase;letter-spacing:0.1em;font-size:12px;color:var(--text-muted)} .product-description table td{font-size:15px;color:var(--primary-color);font-weight:500} .payment-buttons{display:flex;flex-direction:column;gap:15px;margin-top:40px;align-items:stretch;width:100%} .payment-btn{width:100%;padding:18px 30px;text-align:center;text-transform:uppercase;letter-spacing:0.2em;font-size:12px;font-weight:700;border:none;cursor:pointer;transition:var(--transition);text-decoration:none;display:block;outline:none} .payment-btn:focus-visible{outline:2px solid var(--accent-pink);outline-offset:2px} .payment-btn-primary{background:var(--accent-pink);color:#ffffff} .payment-btn-primary:hover{background:#e01185;transform:translateY(-2px)} .payment-btn-secondary{background:var(--primary-color);color:#ffffff} .payment-btn-secondary:hover{background:#333333;transform:translateY(-2px)} .payment-btn-outline{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color)} .payment-btn-outline:hover{background:var(--primary-color);color:#ffffff;transform:translateY(-2px)} .contact-info{margin-top:30px;padding:20px;background:var(--bg-soft);border-left:3px solid var(--accent-pink)} .contact-info p{font-size:14px;margin-top:16px;color:var(--text-muted);margin-bottom:5px} .contact-info strong{color:var(--primary-color)} .wholesale-pricing-callout{margin-top:30px;padding:20px;background:linear-gradient(135deg,#fff9fc 0%,#f9f0ff 100%);border:2px solid var(--accent-pink);border-radius:8px} .wholesale-price-label{font-size:18px;color:var(--primary-color);margin:0;font-weight:600} .wholesale-price-label strong{color:var(--accent-pink);font-size:20px} .wholesale-note{font-size:14px;color:var(--text-muted);font-weight:normal;font-style:italic} .bulk-order-contact{margin-top:25px;padding:18px;background:var(--bg-soft);border-left:4px solid var(--accent-pink);border-radius:4px} .bulk-order-label{font-size:16px;color:var(--primary-color);margin:0;font-weight:500} .bulk-order-label strong{color:var(--accent-pink)} .phone-link{color:var(--accent-pink);font-weight:600;text-decoration:none;transition:var(--transition)} .phone-link:hover{color:#e01185;text-decoration:underline} .item-id-note{margin-top:20px;padding:15px;background:rgba(255,20,147,0.05);border-radius:4px;border:1px solid rgba(255,20,147,0.2)} .item-id-note p{font-size:13px;color:var(--text-muted);margin:0;line-height:1.6} .item-id-note strong{color:var(--accent-pink);font-weight:600} .pricing-ordering-section{margin-top:40px;padding:30px;background:linear-gradient(135deg,#fff9fc 0%,#f9f0ff 100%);border-radius:8px;border:1px solid rgba(255,20,147,0.1)} .pricing-ordering-section h2{font-size:28px;color:var(--primary-color);margin-bottom:25px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em} .pricing-table{width:100%;border-collapse:collapse;margin-bottom:25px;background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.05)} .pricing-table thead{background:var(--accent-pink)} .pricing-table th{padding:15px 20px;text-align:left;font-weight:700;text-transform:uppercase;font-size:14px;letter-spacing:0.1em;color:#ffffff !important;background:var(--accent-pink) !important} .pricing-table td{padding:15px 20px;border-top:1px solid #f0f0f0;color:var(--primary-color);font-size:16px} .pricing-table tbody tr:hover{background:#fafafa} .pricing-table td strong{color:var(--accent-pink);font-size:18px} .contact-order-info{margin-top:20px;padding:20px;background:#fff;border-left:4px solid var(--accent-pink);border-radius:4px} .contact-order-label{font-size:16px;color:var(--primary-color);margin:0 0 12px 0;font-weight:500} .contact-order-label strong{color:var(--accent-pink)} .item-id-reference{font-size:14px;color:var(--text-muted);margin:0;line-height:1.6} .item-id-reference strong{color:var(--accent-pink);font-weight:600} @media (max-width:768px){.product-detail-page{padding:20px 15px} .product-detail-header{margin-bottom:30px} .product-detail-container{grid-template-columns:1fr;gap:30px;align-items:stretch;margin-bottom:40px} .product-detail-info h1{font-size:24px;text-align:left;margin-bottom:15px} .product-id{font-size:11px;margin-bottom:20px} .product-image-section{width:100%;max-width:100%} .product-image-large{width:100%;max-width:100%;height:auto} .product-detail-info{width:100%} .price-value{font-size:20px} .product-description h2{font-size:20px;margin-bottom:15px} .product-description h3{font-size:16px;margin-top:20px;margin-bottom:12px} .product-description p,.product-description ul li{font-size:14px} .back-link{margin-left:0;padding:10px 15px;font-size:12px} .payment-buttons{width:100%;gap:12px} .payment-btn{padding:16px 25px;font-size:11px} .contact-info,.wholesale-pricing-callout,.bulk-order-contact,.pricing-ordering-section{padding:18px;margin-top:25px} .pricing-ordering-section h2{font-size:22px;margin-bottom:20px} .pricing-table th,.pricing-table td{padding:12px 15px;font-size:13px} .pricing-table td strong{font-size:16px} } .modal{display:none;position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);backdrop-filter:blur(5px);overflow-y:auto;animation:fadeIn 0.3s ease} .modal.active{display:flex;align-items:center;justify-content:center;padding:20px} .modal-content{background-color:#fff;margin:auto;max-width:800px;width:100%;max-height:90vh;border-radius:0;box-shadow:0 10px 40px rgba(0,0,0,0.3);display:flex;flex-direction:column;animation:slideUp 0.3s ease} .modal-close:focus-visible,.modal-body a:focus-visible,.footer-link:focus-visible,.back-to-top:focus-visible{outline:2px solid var(--accent-pink);outline-offset:2px} @media (prefers-reduced-motion:reduce){.modal,.modal-content{animation:none !important} } .modal-header{padding:30px 40px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:#fff;z-index:1} .modal-header h2{font-family:'Bodoni Moda',serif;font-size:28px;letter-spacing:0.1em;color:var(--primary-color);margin:0} .modal-close{background:none;border:none;font-size:36px;color:var(--text-muted);cursor:pointer;line-height:1;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:var(--transition)} .modal-close:hover{color:var(--primary-color);transform:rotate(90deg)} .modal-body{padding:40px;overflow-y:auto;flex:1} .modal-body h3{font-size:18px;font-weight:600;margin-top:30px;margin-bottom:15px;color:var(--primary-color);letter-spacing:0.05em} .modal-body h3:first-of-type{margin-top:0} .modal-body h4{font-size:16px;font-weight:600;margin-top:20px;margin-bottom:10px;color:var(--primary-color)} .modal-body p{font-size:14px;line-height:1.8;color:var(--text-muted);margin-bottom:15px} .modal-body ul{margin-left:20px;margin-bottom:20px} .modal-body li{font-size:14px;line-height:1.8;color:var(--text-muted);margin-bottom:10px} .modal-body a{color:var(--accent-pink);text-decoration:underline;transition:var(--transition)} .modal-body a:hover{color:var(--primary-color)} @keyframes fadeIn{from{opacity:0} to{opacity:1} } @keyframes slideUp{from{transform:translateY(30px);opacity:0} to{transform:translateY(0);opacity:1} } @media (max-width:768px){.modal-content{max-height:95vh;margin:10px} .modal-header{padding:20px} .modal-header h2{font-size:22px} .modal-body{padding:20px} } .product-experience-box{margin:30px 0;padding:24px;background:linear-gradient(135deg,#fff9fc 0%,#f9f0ff 100%);border-left:4px solid var(--accent-pink);border-radius:8px} .product-experience-box h3{font-size:14px;text-transform:uppercase;letter-spacing:0.15em;color:var(--accent-pink);margin-bottom:12px;font-weight:700} .product-experience-box p{font-style:italic;color:var(--primary-color) !important;font-size:15px !important;line-height:1.6} .payment-btn:active,.action-btn:active,.cta-button:active,.back-link:active{transform:scale(0.96) translateY(1px) !important;filter:brightness(0.9);transition:transform 0.05s cubic-bezier(0,0,0.2,1)} .action-btn:focus-visible,.payment-btn:focus-visible,.cta-button:focus-visible{outline:2px solid var(--accent-pink);outline-offset:4px} @keyframes shimmer{0%{background-position:-200% 0} 100%{background-position:200% 0} } .loading-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#f9f9f9 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite} .product-card{border-radius:4px;overflow:hidden;transition:transform 0.3s cubic-bezier(0.165,0.84,0.44,1),box-shadow 0.3s cubic-bezier(0.165,0.84,0.44,1)} .product-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,0.08)} .product-image-container{border-radius:4px;overflow:hidden;position:relative} .product-image-container::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,0.02) 100%);opacity:0;transition:opacity 0.4s ease;z-index:1;pointer-events:none} .product-card:hover .product-image-container::before{opacity:1} .product-image{will-change:transform;backface-visibility:hidden} .quick-view{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 -4px 12px rgba(255,20,147,0.2);letter-spacing:0.25em} .product-card:hover .quick-view{box-shadow:0 0 20px rgba(255,20,147,0.3)} .product-info{transition:transform 0.3s ease} .product-card:hover .product-info{transform:translateY(-2px)} .product-price{position:relative;display:inline-block;transition:color 0.3s ease} .product-card:hover .product-price{color:var(--accent-pink)} .cta-button,.payment-btn{position:relative;overflow:hidden} .cta-button::before,.payment-btn::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,0.3);transform:translate(-50%,-50%);transition:width 0.6s ease,height 0.6s ease} .cta-button:active::before,.payment-btn:active::before{width:300px;height:300px} .action-btn{position:relative} .action-btn::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,20,147,0.1);transform:translate(-50%,-50%);transition:width 0.4s ease,height 0.4s ease;pointer-events:none} .action-btn:active::after{width:60px;height:60px} .logo-inner-ring{position:relative} .logo-inner-ring::after{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:50%;border:2px solid var(--accent-pink);opacity:0;transform:scale(0.8);transition:opacity 0.3s ease,transform 0.3s ease;pointer-events:none} .brand-logo-circle:hover .logo-inner-ring::after{opacity:0.3;transform:scale(1.1)} .product-card{animation:fadeInUp 0.6s ease-out backwards} .product-card:nth-child(1){animation-delay:0.05s} .product-card:nth-child(2){animation-delay:0.1s} .product-card:nth-child(3){animation-delay:0.15s} .product-card:nth-child(4){animation-delay:0.2s} .product-card:nth-child(5){animation-delay:0.25s} .product-card:nth-child(6){animation-delay:0.3s} .product-card:nth-child(7){animation-delay:0.35s} .product-card:nth-child(8){animation-delay:0.4s} .product-card:nth-child(9){animation-delay:0.45s} .product-card:nth-child(10){animation-delay:0.5s} .product-card:nth-child(11){animation-delay:0.55s} .product-card:nth-child(12){animation-delay:0.6s} .product-card:nth-child(13){animation-delay:0.65s} .product-card:nth-child(14){animation-delay:0.7s} @keyframes fadeInUp{from{opacity:0;transform:translateY(20px)} to{opacity:1;transform:translateY(0)} } .testimonial-item,.winner-item{position:relative;transition:all 0.3s cubic-bezier(0.165,0.84,0.44,1);border-left:3px solid transparent} .testimonial-item:hover,.winner-item:hover{transform:translateX(4px) translateY(-2px);border-left-color:var(--accent-pink);box-shadow:4px 4px 16px rgba(255,20,147,0.15);background:rgba(255,255,255,0.98)} .testimonial-item::before,.winner-item::before{content:'"';position:absolute;top:10px;left:15px;font-family:'Bodoni Moda',serif;font-size:48px;color:var(--accent-pink);opacity:0.1;line-height:1;transition:opacity 0.3s ease} .testimonial-item:hover::before,.winner-item:hover::before{opacity:0.2} .step-item{position:relative;transition:all 0.3s ease} .step-item:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,0.08)} .step-number{position:relative;transition:color 0.3s ease} .step-item:hover .step-number{color:var(--accent-pink)} .faq-item{cursor:pointer;position:relative} .faq-item::after{content:'+';position:absolute;right:25px;top:50%;transform:translateY(-50%);font-size:24px;color:var(--accent-pink);opacity:0.3;transition:transform 0.3s ease,opacity 0.3s ease;font-weight:300} .faq-item:hover::after{opacity:0.6;transform:translateY(-50%) rotate(90deg)} .lifestyle-item{transition:transform 0.4s cubic-bezier(0.165,0.84,0.44,1)} .lifestyle-item:hover{transform:scale(1.02)} @media (prefers-reduced-motion:no-preference){.drop-header{transform:translateZ(0)} } .section-title{position:relative;display:inline-block} .section-title::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:40px;height:2px;background:linear-gradient(to right,transparent,var(--accent-pink),transparent);opacity:0.5;transition:width 0.3s ease,opacity 0.3s ease} .section-title:hover::after{width:80px;opacity:1} .cta-section{position:relative;overflow:hidden} .cta-section::before{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,20,147,0.03) 0%,transparent 70%);animation:rotate 20s linear infinite;pointer-events:none} @keyframes rotate{from{transform:rotate(0deg)} to{transform:rotate(360deg)} } .footer-value-item{transition:transform 0.3s ease} .footer-value-item:hover{transform:translateY(-4px)} .footer-value-item i{transition:transform 0.3s ease,color 0.3s ease} .footer-value-item:hover i{transform:scale(1.2);color:var(--accent-pink)} @media (max-width:768px){.product-card:active{transform:scale(0.98)} .cta-button:active,.payment-btn:active{transform:scale(0.97) translateY(1px)} .action-btn:active{transform:scale(0.9)} .action-btn{min-width:44px;min-height:44px} .cta-button{min-height:48px} } html{scroll-behavior:smooth} @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto} .reveal,.product-card,.testimonial-item,.winner-item,.step-item{animation:none !important;transition:none !important} .product-card:hover,.testimonial-item:hover,.winner-item:hover,.step-item:hover{transform:none !important} } .back-to-top{transition:all 0.3s cubic-bezier(0.34,1.56,0.64,1)} .back-to-top:hover{transform:translateY(-4px) scale(1.05)} .back-to-top:active{transform:translateY(-2px) scale(0.95)} .price-highlight{position:relative;transition:all 0.3s ease} .price-highlight::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,20,147,0.1),rgba(147,112,219,0.1));border-radius:20px;opacity:0;transition:opacity 0.3s ease;z-index:-1} .price-highlight:hover::before{opacity:1} .whatsapp-cta{position:relative;overflow:hidden} .whatsapp-cta::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.5s ease} .whatsapp-cta:hover::after{left:100%} .product-image{background:linear-gradient(90deg,#f0f0f0 25%,#f9f9f9 50%,#f0f0f0 75%);background-size:200% 100%} .product-image[src]{background:none} .section-bg-overlay{animation:subtlePulse 15s ease-in-out infinite} @keyframes subtlePulse{0%,100%{opacity:0.03} 50%{opacity:0.05} } .drop-header h1{position:relative;display:inline-block} .drop-header h1::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--accent-pink);transition:width 0.6s ease} .drop-header:hover h1::after{width:100%} .modal-content{animation:modalSlideUp 0.4s cubic-bezier(0.165,0.84,0.44,1)} @keyframes modalSlideUp{from{opacity:0;transform:translateY(40px) scale(0.95)} to{opacity:1;transform:translateY(0) scale(1)} } .footer-link{position:relative} .footer-link::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--accent-pink);transition:width 0.3s ease} .footer-link:hover::after{width:100%} .honeypot-link{display:none !important;position:absolute;left:-9999px}