/* * IndianOnlineSeller Store Page v2 — Deferred CSS * Loaded async after first paint. Contains all below-fold styles. * * Architecture:* 1. Mega-Menus (Categories,Stores,Holidays,Submit,Account) * 2. Mobile Menu * 3. Mobile Search * 4. Sidebar * 5. Modals (Coupon,Deal,Review,Proof) * 6. Reviews Section * 7. Guides Section * 8. FAQ Section * 9. Pagination * 10. Footer * 11. Newsletter * 12. Comments * 13. Checkout Proofs * 14. About / Content Sections * 15. Utility Classes */ /* ========================================================================== 1. MEGA-MENUS ========================================================================== */ /* Shared dropdown pattern */ .v2-dropdown{position:relative;}.v2-dropdown-menu{position:absolute;top:100%;left:0;background:var(--bg-card);border-radius:var(--r-xl);box-shadow:0 10px 40px rgba(0,0,0,0.15);border:1px solid var(--border);opacity:0;visibility:hidden;transition:opacity var(--tr-normal),visibility var(--tr-normal);z-index:1000;font-family:var(--ff-base);max-height:calc(100vh - 80px);overflow-y:auto;}.v2-dropdown:hover .v2-dropdown-menu{opacity:1;visibility:visible;}.v2-dropdown-item{display:block;padding:var(--sp-2) var(--sp-4);color:var(--text);font-size:var(--fs-sm);font-weight:var(--fw-normal);transition:background var(--tr-fast);line-height:1.4;}.v2-dropdown-item:hover{background:var(--bg-card-hover);border-radius:var(--r-sm);}/* Categories mega-menu */ .v2-categories-menu{padding:20px 24px;min-width:800px;}.v2-cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}.v2-cat-group{min-width:200px;}/* Contextual two-panel layout (store/category pages) */ .v2-cat-contextual{display:flex;gap:24px;}.v2-cat-panel-main{flex:3;}.v2-cat-panel-main .v2-cat-group-title{border-bottom-color:var(--c-primary-light);}.v2-cat-panel-main .v2-cat-group-title a{color:var(--c-primary-text);}.v2-cat-subcats-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;}.v2-cat-panel-side{flex:2;border-left:1px solid var(--border);padding-left:24px;}.v2-cat-side-title{font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:12px;}.v2-cat-side-hub{margin-bottom:14px;}.v2-cat-side-hub-name{font-weight:var(--fw-semibold);font-size:var(--fs-sm);color:var(--text);display:block;margin-bottom:4px;}.v2-cat-side-hub-name:hover{color:var(--c-primary);}.v2-cat-side-subcat{display:block;font-size:var(--fs-xs);color:var(--text-muted);padding:2px 0 2px 10px;}.v2-cat-side-subcat:hover{color:var(--c-primary);}/* FTC Disclosure */ .v2-ftc-disclosure{font-size:var(--fs-xs);color:var(--text-secondary);line-height:1.6;padding:12px 16px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-section);}.v2-ftc-disclosure a{color:var(--c-primary-text);text-decoration:underline;}body.theme-dark .v2-ftc-disclosure{color:#d1d5db;}body.theme-dark .v2-ftc-disclosure a{color:#22c55e;}.v2-cat-group-title{font-weight:var(--fw-semibold);font-size:var(--fs-base);color:var(--text);margin-bottom:10px;padding-bottom:8px;border-bottom:2px solid var(--c-primary);}.v2-cat-group-title a{color:var(--text);font-size:var(--fs-base);font-weight:var(--fw-semibold);}.v2-cat-view-all{display:block;padding:8px 0 0;color:var(--c-primary-text);font-size:var(--fs-sm);font-weight:var(--fw-medium);}.v2-cat-view-all:hover{text-decoration:underline;}.v2-cat-footer{margin-top:16px;padding-top:12px;border-top:1px solid var(--border);text-align:center;}.v2-cat-footer a{color:var(--c-primary-text);font-weight:var(--fw-semibold);font-size:var(--fs-sm);}.v2-cat-footer a:hover{text-decoration:underline;}/* Stores mega-menu */ .v2-stores-menu{padding:20px 24px;min-width:720px;}.v2-stores-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}.v2-store-group{min-width:200px;}.v2-store-group-title{font-weight:var(--fw-semibold);font-size:var(--fs-base);color:var(--text);margin-bottom:10px;padding-bottom:8px;border-bottom:2px solid var(--c-primary);}.v2-stores-footer{margin-top:16px;padding-top:12px;border-top:1px solid var(--border);display:flex;justify-content:space-between;}.v2-stores-footer a{color:var(--c-primary-text);font-weight:var(--fw-semibold);font-size:var(--fs-sm);}/* Holidays dropdown */ .v2-holidays-menu{padding:8px 0;min-width:220px;white-space:nowrap;}.v2-holiday-item{display:flex;align-items:center;gap:8px;}.v2-holiday-icon{font-size:var(--fs-sm);}/* Submit dropdown */ .v2-submit-menu{padding:8px 0;min-width:220px;}.v2-submit-menu a{display:flex;flex-direction:column;padding:10px 16px;}.v2-submit-menu a strong{font-weight:var(--fw-semibold);font-size:var(--fs-sm);color:var(--text);margin-bottom:2px;}.v2-submit-menu a span{font-size:var(--fs-xs);color:var(--text-secondary);}.v2-submit-menu a:hover{background:var(--bg-card-hover);}/* Account dropdown */ .v2-account-menu{min-width:240px;padding:8px 0;margin-top:8px;right:0;left:auto;}.v2-account-header{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--border);}.v2-account-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0;}.v2-account-info{display:flex;flex-direction:column;min-width:0;}.v2-account-name{font-weight:var(--fw-semibold);color:var(--text);font-size:var(--fs-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.v2-account-email{font-size:var(--fs-sm);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.v2-account-divider{height:1px;background:var(--border);margin:8px 0;}.v2-account-item{display:flex;align-items:center;gap:12px;}.v2-account-item svg{color:var(--text-secondary);transition:color var(--tr-fast);}.v2-account-item:hover svg{color:var(--c-primary);}.v2-account-logout{color:var(--c-error);display:flex;align-items:center;gap:12px;}.v2-account-logout:hover{background:var(--bg-card-hover);}@media (max-width:768px){.v2-dropdown-menu{display:none !important;}}/* ========================================================================== 2. MOBILE MENU ========================================================================== */ .v2-mobile-overlay{position:fixed;top:var(--header-h);left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:9000;display:none;}.v2-mobile-overlay.active{display:block;}.v2-mobile-menu{position:fixed;top:var(--header-h);left:0;width:85%;max-width:320px;height:calc(100vh - var(--header-h));height:calc(100dvh - var(--header-h));background:var(--bg);z-index:9500;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;box-shadow:2px 0 10px rgba(0,0,0,0.2);display:none;transition:transform 0.3s ease;padding-bottom:env(safe-area-inset-bottom,20px);}.v2-mobile-menu.active{display:block;}.v2-mobile-nav{padding:0 var(--sp-4);}.v2-mobile-nav>a{display:block;padding:var(--sp-3) 0;color:var(--text);font-size:var(--fs-lg);font-weight:var(--fw-semibold);}.v2-mobile-welcome{padding:var(--sp-6) var(--sp-4);text-align:center;border-bottom:1px solid var(--border);}.v2-mobile-welcome p{font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--text);margin-bottom:var(--sp-4);}.v2-mobile-auth{display:flex;gap:var(--sp-3);justify-content:center;}.v2-mobile-login-btn{flex:1;padding:var(--sp-3) var(--sp-4);border:2px solid var(--c-primary);border-radius:var(--r-md);color:var(--c-primary);font-size:var(--fs-sm);font-weight:var(--fw-semibold);text-align:center;}.v2-mobile-signup-btn{flex:1;padding:var(--sp-3) var(--sp-4);border:2px solid var(--c-primary);border-radius:var(--r-md);color:#fff;background:var(--c-primary);font-size:var(--fs-sm);font-weight:var(--fw-semibold);text-align:center;}/* Mobile category/store/holiday accordions */ .v2-mobile-group{display:flex;flex-direction:column;}.v2-mobile-group-toggle{width:100%;text-align:left;font-size:var(--fs-lg);padding:var(--sp-3) 0;color:var(--text);font-weight:var(--fw-semibold);}.v2-mobile-group-menu{display:none;flex-direction:column;background:var(--bg-card);border-radius:var(--r-lg);margin:var(--sp-1) 0;border:1px solid var(--border);}.v2-mobile-group.active .v2-mobile-group-menu{display:flex;}.v2-mobile-hub{display:block;padding:var(--sp-2) var(--sp-4);font-weight:var(--fw-semibold);font-size:var(--fs-base);color:var(--text);}.v2-mobile-hub:hover{background:var(--bg-card-hover);}.v2-mobile-subcat{display:block;padding:var(--sp-2) var(--sp-4) var(--sp-2) var(--sp-6);color:var(--text);font-size:var(--fs-base);font-weight:var(--fw-medium);}.v2-mobile-subcat:hover{background:var(--bg-card-hover);}.v2-mobile-sub-subcat{display:block;padding:var(--sp-1) var(--sp-4) var(--sp-1) var(--sp-8);color:var(--text-secondary);font-size:var(--fs-sm);}.v2-mobile-sub-subcat:hover{background:var(--bg-card-hover);color:var(--text);}.v2-mobile-store-cat{padding:var(--sp-2) var(--sp-4);font-weight:var(--fw-semibold);color:var(--c-primary);font-size:var(--fs-base);border-bottom:1px solid var(--border);}.v2-mobile-store-link{display:block;padding:var(--sp-2) var(--sp-4) var(--sp-2) var(--sp-6);color:var(--text);font-size:var(--fs-base);}.v2-mobile-store-link:hover{background:var(--bg-card-hover);}.v2-mobile-holiday-link{display:flex;align-items:center;gap:8px;padding:var(--sp-2) var(--sp-4);color:var(--text);font-size:var(--fs-base);}.v2-mobile-holiday-link:hover{background:var(--bg-card-hover);}.v2-mobile-submit-link{display:block;padding:var(--sp-2) var(--sp-4);color:var(--text);font-size:var(--fs-base);font-weight:var(--fw-medium);}.v2-mobile-submit-link:hover{background:var(--bg-card-hover);}.v2-mobile-view-all{display:block;padding:var(--sp-3) var(--sp-4);color:var(--c-primary-text);font-size:var(--fs-base);font-weight:var(--fw-semibold);border-top:1px solid var(--border);text-align:center;}.v2-mobile-view-all:hover{text-decoration:underline;}/* Mobile account section (authenticated) */ .v2-mobile-account{padding:var(--sp-4);border-bottom:1px solid var(--border);}.v2-mobile-account-info{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-3);}.v2-mobile-account-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0;}.v2-mobile-account-details{flex:1;min-width:0;}.v2-mobile-account-name{display:block;font-weight:var(--fw-semibold);color:var(--text);font-size:var(--fs-base);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.v2-mobile-account-email{display:block;font-size:var(--fs-sm);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.v2-mobile-logout-btn{font-size:var(--fs-sm);color:var(--c-error);font-weight:var(--fw-semibold);white-space:nowrap;}.v2-mobile-account-links{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-2);}.v2-mobile-account-links a{display:flex;align-items:center;gap:6px;padding:var(--sp-2);background:var(--bg-card);border-radius:var(--r-md);color:var(--text);font-size:var(--fs-sm);font-weight:var(--fw-medium);border:1px solid var(--border);}.v2-mobile-account-links a:hover{background:var(--bg-card-hover);}.v2-mobile-account-links a svg{color:var(--text-secondary);flex-shrink:0;}/* Mobile group toggle arrow */ .v2-mobile-group-toggle::after{content:'▾';float:right;color:var(--text-muted);transition:transform var(--tr-fast);}.v2-mobile-group.active .v2-mobile-group-toggle::after{transform:rotate(180deg);}/* Account avatar in nav bar (small) */ .v2-account-avatar-sm{width:28px;height:28px;border-radius:50%;object-fit:cover;margin-right:4px;vertical-align:middle;}/* ========================================================================== 3. MOBILE SEARCH ========================================================================== */ .v2-mobile-search{padding:var(--sp-3) var(--sp-4);display:none;}.v2-mobile-search.active{display:block;}.v2-mobile-search-form{display:flex;position:relative;max-width:100%;}.v2-mobile-search-form input{flex:1;padding:var(--sp-3) var(--sp-4);padding-right:48px;border:1.5px solid var(--border);border-radius:50px;font-size:var(--fs-base);background:var(--bg-section);color:var(--text);transition:border-color var(--tr-fast),box-shadow var(--tr-fast);}.v2-mobile-search-form input::placeholder{color:var(--text-muted);}.v2-mobile-search-form input:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px rgba(34,197,94,0.15);}.v2-mobile-search-form button{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--c-primary);color:white;border-radius:50%;}/* ========================================================================== 3b. SEARCH SUGGESTIONS ========================================================================== */ .v2-search-suggestions{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:0 10px 40px rgba(0,0,0,0.2);z-index:2000;max-height:320px;overflow-y:auto;margin-top:4px;}.v2-search-suggestions.active{display:block;}.v2-search-item{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-4);color:var(--text);font-size:var(--fs-sm);cursor:pointer;transition:background var(--tr-fast);}.v2-search-item:hover{background:var(--bg-card-hover);}.v2-search-item-name{font-weight:var(--fw-medium);}.v2-search-item-count{font-size:var(--fs-xs);color:var(--text-muted);}.v2-search-empty{padding:var(--sp-4);color:var(--text-muted);font-size:var(--fs-sm);text-align:center;}/* ========================================================================== 4. SIDEBAR — moved to critical.css for instant render ========================================================================== */ /* Browse Categories grid */ .v2-browse-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:24px;}.v2-browse-link{padding:0.625rem 0.75rem;background:var(--bg-card);border-radius:6px;font-size:var(--fs-base);color:var(--text);border:1px solid var(--border);text-decoration:none;display:flex;align-items:center;gap:0.5rem;min-height:48px;transition:border-color var(--tr-fast),box-shadow var(--tr-fast);}.v2-browse-link:hover{border:1px solid #4ade80;box-shadow:0 0 0 1px #4ade80;}/* More Stores grid */ .v2-section-subtitle{color:var(--text-secondary);font-size:var(--fs-base);margin-bottom:1rem;}.v2-more-stores-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;}.v2-more-store-card{display:flex;align-items:center;gap:8px;padding:14px 12px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;text-decoration:none;color:var(--text);min-height:48px;box-sizing:border-box;transition:border-color var(--tr-fast),box-shadow var(--tr-fast);}.v2-more-store-card:hover{border:1px solid #4ade80;box-shadow:0 0 0 1px #4ade80;}.v2-more-store-initial{width:32px;height:32px;border-radius:6px;background:var(--bg-card-hover);display:flex;align-items:center;justify-content:center;font-weight:var(--fw-bold);font-size:var(--fs-sm);color:var(--text);flex-shrink:0;}.v2-more-store-name{font-size:var(--fs-sm);font-weight:var(--fw-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}/* ========================================================================== 5. MODALS ========================================================================== */ .v2-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);display:none;align-items:center;justify-content:center;z-index:9999;padding:var(--sp-4);}.v2-modal-overlay.active{display:flex;}.v2-modal-box{background:var(--bg-card);border-radius:var(--r-xl);max-width:500px;width:90%;max-height:90vh;overflow-y:auto;padding:var(--sp-8);text-align:center;position:relative;border:1px solid var(--border);box-shadow:0 20px 60px rgba(0,0,0,0.3);}.v2-modal-close{position:absolute;top:var(--sp-4);right:var(--sp-4);background:none;border:none;font-size:var(--fs-xl);color:var(--text-secondary);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;}.v2-modal-close:hover{color:var(--c-error);background:rgba(239,68,68,0.1);border-radius:50%;}.v2-modal-title{font-size:var(--fs-2xl);font-weight:var(--fw-bold);color:var(--text);margin-bottom:var(--sp-3);}.v2-modal-instructions{color:var(--text-secondary);font-size:var(--fs-base);margin-bottom:var(--sp-4);}.v2-code-container{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-4);background:var(--bg-section);border:2px dashed var(--border);border-radius:var(--r-lg);padding:var(--sp-3);}.v2-code-box{flex:1;font-family:var(--ff-mono);font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--text);letter-spacing:1px;}.v2-btn-copy{background:var(--c-primary-dark);color:#fff;border:none;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);font-weight:var(--fw-semibold);font-size:var(--fs-base);cursor:pointer;}.v2-btn-copy:hover{filter:brightness(0.85);}.v2-btn-redeem{display:block;width:100%;background:var(--c-primary-dark);color:#fff;padding:var(--sp-4) var(--sp-6);border-radius:var(--r-lg);font-weight:var(--fw-bold);font-size:var(--fs-lg);margin-bottom:var(--sp-4);text-align:center;}.v2-btn-redeem:hover{filter:brightness(0.85);}.v2-modal-store-logo{margin-bottom:var(--sp-4);}.v2-modal-store-logo img{width:80px;height:80px;object-fit:contain;border-radius:var(--r-lg);margin:0 auto;}.v2-modal-feedback{color:var(--text-secondary);font-size:var(--fs-base);margin-bottom:var(--sp-4);}.v2-btn-feedback-inline{background:none;border:1px solid var(--border);padding:var(--sp-1) var(--sp-2);border-radius:var(--r-sm);font-size:var(--fs-base);color:var(--text);cursor:pointer;}.v2-btn-feedback-inline:hover{background:var(--bg-section);}.v2-modal-details{background:var(--bg-section);border-radius:var(--r-lg);padding:var(--sp-4);text-align:left;font-size:var(--fs-base);color:var(--text-secondary);}.v2-modal-details strong{color:var(--text);}.v2-modal-details p{margin:var(--sp-2) 0 0 0;}.v2-modal-store-ref{font-weight:var(--fw-semibold);color:var(--text);}.v2-modal-logo-initial{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin:0 auto;background:var(--bg-section);border-radius:var(--r-lg);font-weight:var(--fw-bold);color:var(--c-primary);font-size:var(--fs-2xl);border:1px solid var(--border);}.v2-deal-celebration{font-size:var(--fs-3xl);margin-bottom:var(--sp-2);}.v2-deal-countdown{color:var(--text-muted);font-size:var(--fs-sm);margin-bottom:var(--sp-4);}@media (max-width:480px){.v2-code-container{flex-direction:column;gap:var(--sp-3);}.v2-code-box{width:100%;text-align:center;font-size:var(--fs-xl);padding:var(--sp-3);}.v2-btn-copy{width:100%;padding:var(--sp-3);}}/* ========================================================================== 6. REVIEWS SECTION ========================================================================== */ .v2-reviews-section{margin-top:var(--sp-6);margin-bottom:var(--sp-6);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--sp-5);}body.theme-dark .v2-reviews-section{background:var(--bg-section);border-color:var(--bg-card);}.v2-reviews-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-4);flex-wrap:wrap;gap:var(--sp-2);}.v2-reviews-title{font-weight:var(--fw-semibold);color:var(--text);margin:0;font-size:var(--fs-xl);}.v2-add-review-btn{background:#2563eb;color:#fff;border:none;border-radius:6px;padding:var(--sp-2) var(--sp-4);font-size:var(--fs-base);font-weight:600;display:inline-flex;align-items:center;gap:var(--sp-1);cursor:pointer;transition:filter var(--tr-fast);}.v2-add-review-btn:hover{filter:brightness(0.85);}.v2-review-stats{display:flex;gap:var(--sp-4);margin-bottom:var(--sp-6);flex-wrap:wrap;}.v2-review-stat{background:var(--bg-card);border:1px solid var(--border);padding:var(--sp-4);border-radius:var(--r-lg);text-align:center;min-width:100px;flex:1;}.v2-review-stat-value{font-size:var(--fs-3xl);font-weight:var(--fw-bold);color:var(--text);}.v2-review-stat-label{font-size:var(--fs-base);color:var(--text-secondary);}.v2-review-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-4);margin-bottom:var(--sp-4);}.v2-review-card-pending{border-color:var(--c-warning);}.v2-review-pending-badge{background:transparent;color:#f59e0b;border:1px solid #f59e0b;padding:3px 10px;border-radius:4px;font-size:var(--fs-xs);font-weight:500;margin-bottom:var(--sp-2);display:inline-flex;align-items:center;gap:var(--sp-1);letter-spacing:0.02em;}.v2-review-meta{display:flex;justify-content:space-between;align-items:start;margin-bottom:var(--sp-2);}.v2-review-author{font-weight:var(--fw-semibold);color:var(--text);}.v2-review-stars{color:#fbbf24;}.v2-review-date{font-size:var(--fs-sm);color:var(--text-secondary);}.v2-review-title-text{font-weight:var(--fw-semibold);color:var(--text);margin-bottom:var(--sp-2);font-size:var(--fs-base);}.v2-review-text{color:var(--text-muted);font-size:var(--fs-base);line-height:1.6;}/* Dark theme review overrides */ body.theme-dark .v2-review-card{background:var(--bg-card);border:1px solid var(--border);}body.theme-dark .v2-review-card a{color:var(--c-primary-light);}body.theme-dark .v2-review-card p{color:var(--text-secondary);}body.theme-dark .v2-review-card span{color:var(--text-secondary);}body.theme-dark .v2-review-title-text{color:var(--text);}body.theme-dark .v2-review-text{color:var(--text-secondary);}body.theme-dark .v2-review-author{color:var(--text);}body.theme-dark .v2-review-rating{color:#fbbf24;}body.theme-dark .v2-review-vote-btn,body.theme-dark .v2-reply-toggle-btn{background:var(--bg-card-hover);border:1px solid var(--border-light);color:var(--text);transition:all 0.2s ease;}body.theme-dark .v2-review-vote-btn:hover,body.theme-dark .v2-reply-toggle-btn:hover{border-color:var(--c-primary-light);color:var(--c-primary-light);background:var(--c-primary-a15);}.v2-review-actions{display:flex;align-items:center;gap:var(--sp-4);margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--border);flex-wrap:wrap;}.v2-review-votes{display:flex;align-items:center;gap:var(--sp-2);}.v2-review-vote-btn{display:inline-flex;align-items:center;gap:var(--sp-1);padding:0.25rem 0.5rem;border-radius:6px;font-size:var(--fs-sm);background:var(--bg-card-hover);border:1px solid var(--border-light);color:var(--text-secondary);height:28px;}.v2-review-vote-btn:hover{background:var(--bg-card-hover);}.v2-reply-toggle-btn{display:inline-flex;align-items:center;gap:var(--sp-1);padding:0.25rem 0.5rem;border-radius:6px;font-size:var(--fs-sm);background:var(--bg-card-hover);border:1px solid var(--border-light);color:var(--text-secondary);height:28px;}/* Review replies */ .v2-review-replies{margin-top:var(--sp-3);padding-left:var(--sp-4);border-left:2px solid var(--border);}.v2-reply-item{padding:12px;border-bottom:1px solid var(--border);}.v2-reply-author{color:var(--text);font-weight:var(--fw-semibold);}.v2-reply-date{color:var(--text-secondary);font-size:var(--fs-xs);}.v2-reply-text{color:var(--text-secondary);}/* Reply form */ .v2-reply-form{margin-top:var(--sp-3);padding:var(--sp-3);background:var(--bg);border-radius:var(--r-md);border:1px solid var(--border);}.v2-reply-form input,.v2-reply-form textarea{width:100%;padding:var(--sp-2);border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg-section);color:var(--text);font-size:var(--fs-sm);margin-bottom:var(--sp-2);}.v2-reply-form textarea{resize:vertical;min-height:60px;}.v2-reply-form input:-webkit-autofill,.v2-reply-form input:-webkit-autofill:hover,.v2-reply-form input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--bg-section) inset !important;-webkit-text-fill-color:var(--text) !important;transition:background-color 5000s ease-in-out 0s;}.v2-reply-form-actions{display:flex;gap:var(--sp-2);justify-content:flex-end;margin-top:var(--sp-2);}.v2-reply-cancel{padding:var(--sp-2) var(--sp-4);border-radius:6px;font-size:var(--fs-sm);background:var(--bg-card-hover);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;}.v2-reply-cancel:hover{background:var(--bg-section);}.v2-review-hidden{display:none;}/* ========================================================================== 7. GUIDES SECTION ========================================================================== */ .v2-guides-section{margin-bottom:var(--sp-6);border-top:1px solid var(--bg-section);}.v2-guides-section .v2-guide-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);margin-bottom:var(--sp-4);}body.theme-dark .v2-guides-section .v2-guide-card{background:var(--bg-card);border:1px solid var(--border);}body.theme-dark .v2-guides-section .v2-guide-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,0.4);}.v2-guide-toggle{display:none;}.v2-guide-header{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-4);cursor:pointer;}.v2-guide-thumb{flex-shrink:0;width:64px;height:64px;border-radius:var(--r-md);object-fit:cover;}.v2-guide-header-text{flex:1;min-width:0;}.v2-guide-featured-img{margin-bottom:var(--sp-4);border-radius:var(--r-md);overflow:hidden;}.v2-guide-featured-img img{width:100%;height:auto;display:block;border-radius:var(--r-md);}.v2-guide-title-text{font-weight:var(--fw-semibold);color:var(--text);font-size:var(--fs-lg);display:flex;justify-content:space-between;align-items:center;}.v2-guide-toggle-icon{font-size:var(--fs-lg);transition:transform 0.3s;color:var(--text);}.v2-guide-excerpt{color:var(--text-muted);font-size:var(--fs-base);line-height:var(--lh-relaxed);margin-top:var(--sp-2);}.v2-guides-section .v2-guide-meta{font-size:var(--fs-sm);color:var(--text-muted);margin-top:var(--sp-2);}.v2-guides-section .v2-guide-content{display:none;padding:0 var(--sp-4) var(--sp-4);border-top:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);font-size:var(--fs-base);line-height:1.6;}/* Downgrade guide content headings so they don't compete with the page H1/H2 */ .v2-guide-content h1{font-size:var(--fs-xl);font-weight:var(--fw-bold);margin:var(--sp-4) 0 var(--sp-2);line-height:var(--lh-tight);}.v2-guide-content h2{font-size:var(--fs-lg);font-weight:var(--fw-semibold);margin:var(--sp-3) 0 var(--sp-2);line-height:var(--lh-tight);}.v2-guide-content h3{font-size:var(--fs-base);font-weight:var(--fw-semibold);margin:var(--sp-3) 0 var(--sp-2);line-height:var(--lh-tight);}body.theme-dark .v2-guides-section .v2-guide-meta,body.theme-dark .v2-guide-excerpt{color:var(--text-muted);}body.theme-dark .v2-review-date{color:var(--text-muted);font-size:var(--fs-sm);}body.theme-dark .v2-guides-section .v2-guide-content,body.theme-dark .v2-guides-section .v2-guide-content p,body.theme-dark .v2-guides-section .v2-guide-content ul,body.theme-dark .v2-guides-section .v2-guide-content ol,body.theme-dark .v2-guides-section .v2-guide-content li,body.theme-dark .v2-guides-section .v2-guide-content span,body.theme-dark .v2-guides-section .v2-guide-content div{color:var(--text-secondary);}body.theme-dark .v2-guides-section .v2-guide-content h1,body.theme-dark .v2-guides-section .v2-guide-content h2,body.theme-dark .v2-guides-section .v2-guide-content h3{color:var(--text);}body.theme-dark .v2-guides-section .v2-guide-content a{color:#4ade80;}.v2-guides-section .v2-guide-content img{max-width:100%;height:auto;}.v2-guide-toggle:checked~.v2-guide-content{display:block;}.v2-guide-toggle:checked~.v2-guide-header .v2-guide-toggle-icon{transform:rotate(180deg);}.v2-guide-toggle:checked~.v2-guide-header .v2-guide-excerpt{display:none;}.v2-guide-hidden{display:none !important;}/* ========================================================================== 8. FAQ SECTION ========================================================================== */ .v2-faq-section{margin-bottom:var(--sp-6);}.v2-faq-item{border:1px solid var(--border);border-radius:var(--r-lg);margin-bottom:var(--sp-3);overflow:hidden;}.v2-faq-question{width:100%;text-align:left;padding:var(--sp-4);font-weight:var(--fw-semibold);font-size:var(--fs-base);color:var(--text);display:flex;justify-content:space-between;align-items:center;background:var(--bg-card);}.v2-faq-answer{padding:0 var(--sp-4) var(--sp-4);color:var(--text-secondary);font-size:var(--fs-base);line-height:var(--lh-relaxed);display:none;}.v2-faq-item.open .v2-faq-answer{display:block;}/* Community FAQ (shared partial from v1) — dark theme overrides */ .faq-community-section{margin-bottom:var(--sp-6);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--sp-5);}body.theme-dark .faq-community-section{background:var(--bg-section);border-color:var(--bg-card);}.faq-community-section .faq-header h2{color:var(--text);font-weight:600;margin-bottom:0.25rem;}.faq-community-section .faq-subtitle{color:var(--text-muted);font-size:var(--fs-base);margin-bottom:1rem;}.faq-community-section .btn-ask-question{display:inline-flex;align-items:center;background:#2563eb;color:#fff;border:none;padding:0.75rem 1.25rem;min-height:48px;box-sizing:border-box;border-radius:6px;font-size:var(--fs-sm);font-weight:600;cursor:pointer;margin-bottom:1rem;transition:filter var(--tr-fast);}.faq-community-section .btn-ask-question:hover{filter:brightness(0.85);}.faq-item-community{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:1.25rem;margin-bottom:1rem;}.faq-question-header{display:flex;align-items:center;gap:0.75rem;margin-bottom:0.75rem;}.faq-author-avatar{width:36px;height:36px;border-radius:50%;background:var(--border);color:var(--text);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--fs-sm);flex-shrink:0;}.faq-author-name{color:var(--text);font-weight:600;font-size:var(--fs-sm);}.faq-date{color:var(--text-secondary);font-size:var(--fs-xs);}.faq-question-text{color:var(--text);font-size:var(--fs-lg);font-weight:600;margin-bottom:0.75rem;}.faq-admin-answer{margin-bottom:0.75rem;}.faq-admin-answer .admin-badge{display:inline-block;background:transparent;color:#d97706;border:1px solid #d97706;padding:2px 8px;border-radius:4px;font-size:var(--fs-xs);font-weight:500;margin-bottom:0.5rem;}.faq-admin-answer .admin-answer-content{color:var(--text-secondary) !important;font-size:var(--fs-base);line-height:1.6;}.faq-answers-preview{margin-bottom:0.75rem;padding-left:1rem;border-left:2px solid var(--border);}.faq-answer-item{margin-bottom:0.75rem;}.answer-author-info{display:flex;align-items:center;gap:0.5rem;flex-wrap:wrap;margin-bottom:0.25rem;}.answer-avatar{width:24px;height:24px;border-radius:50%;background:var(--border);color:var(--text);display:inline-flex;align-items:center;justify-content:center;font-size:var(--fs-xs);font-weight:600;}.answer-author{color:var(--text);font-weight:600;font-size:var(--fs-sm);}.answer-date{color:var(--text-secondary);font-size:var(--fs-xs);}.answer-text{color:var(--text-secondary) !important;font-size:var(--fs-base);line-height:1.5;}.badge-featured{background:#4ade80;color:#000;padding:2px 8px;border-radius:4px;font-size:var(--fs-xs);font-weight:600;}.badge-best{background:#4ade80;color:#000;padding:2px 8px;border-radius:4px;font-size:var(--fs-xs);font-weight:600;}.badge-pending{background:transparent !important;color:#f59e0b !important;border:1px solid #f59e0b;padding:3px 8px;border-radius:4px;font-size:var(--fs-xs);font-weight:500;}.faq-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:0.75rem;padding-top:0.75rem;border-top:1px solid var(--border);}.faq-votes{display:flex;align-items:center;gap:0.5rem;flex-wrap:wrap;}.btn-vote,.btn-vote-inline{background:var(--bg-card-hover);color:var(--text-secondary);border:1px solid var(--border);padding:0.5rem 0.75rem;border-radius:6px;font-size:var(--fs-sm);cursor:pointer;display:inline-flex;align-items:center;gap:0.25rem;min-height:48px;box-sizing:border-box;}.btn-vote:hover,.btn-vote-inline:hover{border-color:#4ade80;color:#4ade80;}.answer-count,.view-count{color:var(--text-secondary);font-size:var(--fs-sm);}.btn-answer{background:var(--c-primary-darker) !important;color:#fff !important;border:none;padding:0.5rem 1rem;border-radius:6px;font-weight:600;font-size:var(--fs-sm);cursor:pointer;transition:filter var(--tr-fast);}.btn-answer:hover{filter:brightness(0.85);}.btn-cancel{background:var(--bg-card-hover);color:var(--text-secondary);border:1px solid var(--border);padding:8px 16px;border-radius:6px;cursor:pointer;}.btn-submit-question,.btn-submit-answer{background:var(--c-primary) !important;color:#fff !important;border:none !important;padding:8px 16px;border-radius:6px;font-weight:600;cursor:pointer;transition:filter var(--tr-fast);}.btn-submit-question:hover,.btn-submit-answer:hover{filter:brightness(0.85);}.faq-community-section label{color:var(--text-secondary);font-size:var(--fs-sm);display:block;margin-bottom:0.25rem;}.faq-community-section textarea,.faq-community-section input[type="text"],.faq-community-section input[type="email"]{background:var(--bg-section) !important;color:var(--text) !important;border:1px solid var(--border) !important;box-sizing:border-box !important;max-width:100% !important;border-radius:6px;}.faq-community-section textarea:focus,.faq-community-section input[type="text"]:focus,.faq-community-section input[type="email"]:focus{border-color:#4ade80 !important;outline:none;}.faq-community-section .alert-success{background:rgba(22,101,52,0.2) !important;border:1px solid #16a34a !important;color:#4ade80 !important;padding:12px;border-radius:6px;margin-bottom:20px;}.faq-community-section .alert-error{background:rgba(220,38,38,0.15) !important;border:1px solid #dc2626 !important;color:#fca5a5 !important;padding:12px;border-radius:6px;margin-bottom:20px;}.faq-community-section .alert-error ul{margin:8px 0 0 20px;}.faq-community-section .alert-error li{color:#fca5a5;}#faq-view-more-btn{color:var(--text);font-weight:var(--fw-medium);}#faq-view-more-btn:hover{color:var(--c-primary-text);}/* ========================================================================== 9. PAGINATION ========================================================================== */ .v2-pagination{margin:var(--sp-8) 0;display:flex;gap:var(--sp-2);flex-wrap:wrap;align-items:center;}.v2-page-link{display:inline-block;padding:8px 14px;border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:var(--fs-base);background:var(--bg-card);transition:all var(--tr-normal);}.v2-page-link:hover{background:var(--bg-card-hover);border-color:var(--border-light);}.v2-page-link.active{background:var(--c-primary-darker);color:#fff;border-color:var(--c-primary-darker);font-weight:var(--fw-bold);}body.theme-dark .v2-page-link{background:var(--bg-card);border:1px solid var(--border);color:var(--text);}body.theme-dark .v2-page-link:hover{background:var(--bg-card-hover);border-color:var(--c-primary);}body.theme-dark .v2-page-link.active{background:var(--c-primary-darker);border-color:var(--c-primary-darker);color:#fff;}body.theme-dark .v2-page-link.active:hover{filter:brightness(0.85);}.v2-pagination-info{font-size:var(--fs-base);color:var(--text);}/* Ellipsis indicator (inserted by JS on mobile) */ .v2-page-ellipsis{padding:8px 4px;color:var(--text-muted);font-size:var(--fs-base);border:none;background:none;cursor:default;pointer-events:none;}.v2-page-ellipsis:hover{background:none;border:none;}@media (max-width:768px){.v2-pagination{flex-wrap:nowrap;gap:4px;margin:var(--sp-4) 0;}.v2-page-link{padding:6px 10px;font-size:var(--fs-sm);min-width:34px;text-align:center;}.v2-page-ellipsis{padding:6px 2px;min-width:auto;}}/* ========================================================================== 10. (removed – footer styles consolidated in section 15) ========================================================================== */ /* ========================================================================== 11. NEWSLETTER ========================================================================== */ .v2-newsletter-section{background:var(--bg-section);padding:var(--sp-6);border-radius:var(--r-lg);margin-bottom:var(--sp-6);border:1px solid var(--border);text-align:center;}.v2-newsletter-form{display:flex;gap:var(--sp-2);max-width:400px;margin:var(--sp-4) auto 0;}.v2-newsletter-form input{flex:1;padding:var(--sp-3);border:1px solid var(--border);border-radius:var(--r-md);font-size:var(--fs-base);background:var(--bg-input);color:var(--text);}.v2-newsletter-form button{padding:var(--sp-3) var(--sp-6);background:var(--c-primary);color:#fff;border-radius:var(--r-md);font-weight:var(--fw-semibold);}/* ========================================================================== 12. COMMENTS ========================================================================== */ .v2-comments-section{display:none;margin-top:var(--sp-3);}.v2-comments-section.active{display:block;}/* V2 Comments full section */ .v2-comments-wrapper{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;}body.theme-dark .v2-comments-wrapper{background:var(--bg-section);border:1px solid var(--border);}.v2-comments-count{font-weight:var(--fw-bold);color:var(--text);font-size:var(--fs-base);margin-bottom:1rem;}.v2-comment-card{background:var(--bg-card-hover);border:1px solid var(--border);border-radius:8px;padding:1rem;margin-bottom:0.75rem;}body.theme-dark .v2-comment-card{background:var(--bg-card);border:1px solid var(--border-light);}.v2-comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.5rem;}.v2-comment-author{color:var(--text);font-size:var(--fs-base);}.v2-comment-date{color:var(--text-secondary);font-size:var(--fs-sm);}.v2-comment-text{color:var(--text-secondary);font-size:var(--fs-base);line-height:1.6;margin:0;overflow-wrap:break-word;word-break:break-word;}/* Add Comment form */ .v2-comment-form-wrapper{margin-top:1.5rem;}.v2-comment-form-title{font-weight:var(--fw-bold);color:var(--text);font-size:var(--fs-base);margin-bottom:0.75rem;}.v2-comment-textarea{width:100%;padding:0.75rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-card-hover);color:var(--text);font-size:var(--fs-base);font-family:inherit;resize:vertical;min-height:100px;margin-bottom:0;}body.theme-dark .v2-comment-textarea{background:var(--bg-card);border:1px solid var(--border-light);}.v2-comment-textarea::placeholder{color:var(--text-muted);}.v2-comment-textarea:focus{outline:none;border-color:var(--c-primary);}.v2-comment-guest-name,.v2-comment-guest-email{background:var(--bg-card-hover);color:var(--text);border:1px solid var(--border);border-radius:6px;font-size:var(--fs-base);padding:8px 12px;}body.theme-dark .v2-comment-guest-name,body.theme-dark .v2-comment-guest-email{background:var(--bg-card);border:1px solid var(--border-light);color:var(--text);}.v2-comment-guest-name:focus,.v2-comment-guest-email:focus{outline:none;border-color:var(--c-primary);}.v2-comment-guest-name::placeholder,.v2-comment-guest-email::placeholder{color:var(--text-muted);}.v2-comment-guest-name:-webkit-autofill,.v2-comment-guest-email:-webkit-autofill,.v2-comment-guest-name:-webkit-autofill:hover,.v2-comment-guest-email:-webkit-autofill:hover,.v2-comment-guest-name:-webkit-autofill:focus,.v2-comment-guest-email:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--bg-card,#fff) inset !important;-webkit-text-fill-color:var(--text,#333) !important;border:1px solid var(--border,#d1d5db) !important;transition:background-color 5000s ease-in-out 0s;}.v2-comment-submit{background:var(--c-primary-darker);color:#fff;border:none;border-radius:6px;padding:0.5rem 1.25rem;font-weight:600;font-size:var(--fs-base);cursor:pointer;}.v2-comment-submit:hover{filter:brightness(0.85);}.v2-comment-success{background:#15803d;color:#4ade80;padding:0.75rem 1rem;border-radius:6px;font-size:var(--fs-sm);font-weight:600;margin-bottom:0.75rem;}.v2-comment-pending{border-left:3px solid #f59e0b;}.v2-comment-pending-badge{color:#f59e0b;font-size:var(--fs-xs);font-weight:600;margin-bottom:0.5rem;}/* ========================================================================== 13. CHECKOUT PROOFS ========================================================================== */ .v2-proofs-section{margin-top:var(--sp-8);content-visibility:auto;contain-intrinsic-size:auto 400px;}.v2-proofs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--sp-4);}.v2-proof-card{background:var(--bg-card);border-radius:var(--r-xl);overflow:hidden;border:1px solid var(--border);cursor:pointer;transition:box-shadow var(--tr-normal),border-color var(--tr-normal);}.v2-proof-card:hover{box-shadow:0 4px 12px rgba(0,0,0,0.3);border-color:var(--border-light);}body.theme-dark .v2-proof-card{background:var(--bg-card);border:1px solid var(--border);}.v2-proof-card img{width:100%;height:auto;}.v2-proof-info{padding:var(--sp-4);}.v2-proof-discount{font-weight:var(--fw-semibold);color:var(--c-primary);}body.theme-dark .v2-proof-discount{color:var(--c-primary-light);}.v2-proof-code{margin-top:var(--sp-2);font-family:var(--ff-mono);color:var(--text);}/* ========================================================================== 14. ABOUT / CONTENT SECTIONS ========================================================================== */ .v2-content-section{margin-top:var(--sp-6);content-visibility:auto;contain-intrinsic-size:auto 200px;}.v2-content-section h2{color:var(--text);margin-bottom:var(--sp-4);}/* Section card wrapper — reusable container for Browse Categories,More Stores,etc. */ .v2-section-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--sp-5);}body.theme-dark .v2-section-card{background:var(--bg-section);border-color:var(--bg-card);}/* About card wrapper — extends section card */ .v2-about-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--sp-5);}body.theme-dark .v2-about-card{background:var(--bg-section);border-color:var(--bg-card);}.v2-about-card h2{border-bottom:3px solid var(--c-primary);padding-bottom:10px;margin-bottom:20px;}/* Show More / Show Less toggle (CSS-only,no JS) */ #about-toggle~.v2-about-content{max-height:150px;overflow:hidden;position:relative;}#about-toggle~.v2-about-content::after{content:'';position:absolute;bottom:0;left:0;right:0;height:50px;background:linear-gradient(transparent,var(--bg-card));pointer-events:none;}@media(max-width:768px){#about-toggle~.v2-about-content{max-height:120px;}}body.theme-dark #about-toggle~.v2-about-content::after{background:linear-gradient(transparent,var(--bg-section));}#about-toggle:checked~.v2-about-content{max-height:none;overflow:visible;}#about-toggle:checked~.v2-about-content::after{display:none;}.v2-about-toggle-label{display:inline-block;margin-top:0.5rem;color:var(--text);font-weight:var(--fw-semibold);cursor:pointer;font-size:var(--fs-base);}.v2-about-toggle-label:hover{color:var(--c-primary-text);}#about-toggle~.v2-about-toggle-label .v2-show-less{display:none;}#about-toggle~.v2-about-toggle-label .v2-show-more{display:inline;}#about-toggle:checked~.v2-about-toggle-label .v2-show-less{display:inline;}#about-toggle:checked~.v2-about-toggle-label .v2-show-more{display:none;}/* Content HTML — rich text from DB */ .v2-content-html{color:var(--text-secondary);line-height:1.6;font-size:var(--fs-base);}body.theme-dark .v2-content-html{color:var(--text-secondary);}body.theme-dark .v2-content-section h2{color:var(--text);}.v2-content-html p{margin-bottom:var(--sp-4);color:var(--text-secondary);font-size:var(--fs-base);line-height:1.6;}.v2-content-html h2,.v2-content-html h3{margin:var(--sp-6) 0 var(--sp-3);color:var(--text);font-weight:var(--fw-semibold);}.v2-content-html h3{font-size:var(--fs-xl);}.v2-content-html h4{font-size:var(--fs-lg);font-weight:var(--fw-semibold);margin:var(--sp-4) 0 var(--sp-2);}.v2-content-html ul,.v2-content-html ol{margin:var(--sp-3) 0 var(--sp-3) 25px;padding-left:0;}.v2-content-html ul{list-style:disc;}.v2-content-html ol{list-style:decimal;}.v2-content-html li{margin-bottom:var(--sp-2);color:var(--text-secondary);line-height:1.6;}.v2-content-html a{color:var(--c-primary-text);text-decoration:none;}.v2-content-html a:hover{color:var(--c-primary-text);text-decoration:underline;}.v2-content-html strong,.v2-content-html b{font-weight:var(--fw-semibold);color:var(--text);}.v2-content-html em,.v2-content-html i{font-style:italic;}.v2-content-html img{max-width:100%;height:auto;border-radius:var(--r-lg);margin:var(--sp-4) 0;}.v2-content-html blockquote{border-left:4px solid var(--c-primary);padding-left:var(--sp-4);margin:var(--sp-5) 0;color:var(--text-muted);font-style:italic;}.v2-content-html table{width:100%;border-collapse:collapse;margin:var(--sp-5) 0;}.v2-content-html table th,.v2-content-html table td{padding:10px;border:1px solid var(--border);text-align:left;}.v2-content-html table th{background:var(--bg-section);font-weight:var(--fw-semibold);color:var(--text);}/* Below-fold lazy sections */ .v2-lazy-section{content-visibility:auto;contain-intrinsic-size:auto 300px;}/* ========================================================================== 15. FOOTER ========================================================================== */ .v2-footer{background:var(--bg);padding:30px 0 15px;margin-top:15px;position:relative;border-top:1px solid var(--border);}.v2-footer::before{content:'';position:absolute;top:-1px;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--c-primary),var(--c-primary-dark),transparent);}.v2-footer-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,140px) minmax(0,140px);gap:30px;}.v2-footer-col{min-width:0;}.v2-footer-brand-name{font-size:28px;font-weight:var(--fw-bold);margin:0 0 12px;color:var(--c-primary-text);}.v2-footer-brand-desc{color:var(--text-secondary);font-size:var(--fs-base);line-height:1.6;}.v2-footer-brand-email{margin:6px 0 8px;font-size:var(--fs-base);}.v2-footer-brand-email a{color:var(--c-primary-text);text-decoration:none;}.v2-footer-brand-email a:hover{text-decoration:underline;}.v2-footer-heading{color:var(--text);font-size:var(--fs-base);font-weight:var(--fw-semibold);margin-bottom:15px;}.v2-footer-links{list-style:none;padding:0;margin:0;}.v2-footer-links li{margin-bottom:8px;}.v2-footer-links li a{color:var(--text-secondary);font-size:var(--fs-base);transition:color var(--tr-fast);}.v2-footer-links li a:hover{color:var(--c-primary);}/* Social icons */ .v2-footer-social{display:flex;gap:10px;margin-top:15px;}.v2-footer-social a{width:36px;height:36px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all 0.3s ease;}.v2-footer-social a:hover{background:linear-gradient(135deg,var(--c-primary) 0%,var(--c-primary-dark) 100%);color:#fff;border-color:transparent;transform:translateY(-3px);}/* Footer bottom */ .v2-footer-bottom{border-top:1px solid var(--border);padding:20px 0;margin-top:40px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;}.v2-footer-bottom p{color:var(--text-muted);font-size:var(--fs-sm);margin:0;}.v2-footer-bottom a{color:var(--c-primary);}.v2-footer-bottom a:hover{text-decoration:underline;}/* Scroll to top */ .v2-scroll-top{position:fixed;bottom:20px;right:20px;width:45px;height:45px;background:linear-gradient(135deg,var(--c-primary) 0%,var(--c-primary-dark) 100%);border:none;border-radius:50%;display:none;align-items:center;justify-content:center;color:#fff;box-shadow:0 3px 10px rgba(76,175,80,0.3);cursor:pointer;z-index:1000;}.v2-scroll-top:hover{filter:brightness(0.85);}.v2-scroll-top.visible{display:flex;}/* Footer responsive */ @media (max-width:900px){.v2-footer-grid{grid-template-columns:1fr 1fr;}.v2-footer-brand{grid-column:span 2;}}@media (max-width:768px){.v2-footer-grid{grid-template-columns:1fr 1fr;gap:20px;}.v2-footer-brand{grid-column:span 2;text-align:left;padding-bottom:16px;border-bottom:1px solid var(--border);}.v2-footer-col{text-align:left;}.v2-footer-social{justify-content:flex-start;}.v2-footer-links{text-align:left;}.v2-footer-heading{margin-bottom:10px;}.v2-footer-bottom{flex-direction:column;text-align:center;}}@media (max-width:480px){.v2-footer-grid{grid-template-columns:1fr;gap:24px;}.v2-footer-brand{grid-column:span 1;text-align:left;}.v2-footer-col{text-align:left;padding-left:0;}.v2-footer-heading{font-size:var(--fs-base);margin-bottom:10px;font-weight:var(--fw-bold);}.v2-footer-links li{margin-bottom:10px;}.v2-footer-links li a{font-size:var(--fs-sm);}.v2-footer-brand-name{font-size:22px;}.v2-footer-brand-desc{font-size:var(--fs-sm);}.v2-footer-social{justify-content:flex-start;}}/* ========================================================================== 16. HOMEPAGE SECTIONS (below-fold,loaded deferred) ========================================================================== */ /* Section Layout — heading/subtitle defined inline in home-v2.blade.php for first paint */ .v2-lazy-section{content-visibility:auto;contain-intrinsic-size:auto 400px;}/* Reviews Slider */ .v2-reviews-wrapper{background:var(--bg-section);padding:2rem 3rem;border-radius:var(--r-xl);position:relative;overflow:hidden;}.v2-reviews-slider{overflow:hidden;}.v2-main-content .v2-reviews-track{display:flex;gap:var(--sp-4);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:6px 0 8px;}.v2-reviews-track::-webkit-scrollbar{display:none;}.v2-main-content .v2-review-slide{flex:0 0 calc(33.333% - var(--sp-4)*2/3);scroll-snap-align:start;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3);text-decoration:none;color:inherit;min-width:280px;min-height:220px;transition:transform .2s,box-shadow .2s,border-color .2s;}.v2-review-slide:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,0.1);border-color:var(--c-primary);}.v2-review-slide-header{display:flex;align-items:center;gap:var(--sp-3);flex-shrink:0;}.v2-review-store-logo{width:36px;height:36px;border-radius:var(--r-md);object-fit:contain;background:var(--bg);flex-shrink:0;}.v2-review-store-placeholder{width:36px;height:36px;border-radius:var(--r-md);background:#15803d;color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--fs-xs);font-weight:var(--fw-bold);flex-shrink:0;}.v2-review-meta{display:flex;flex-direction:column;gap:2px;}.v2-review-store-name{font-weight:var(--fw-semibold);font-size:var(--fs-base);color:var(--text);}.v2-review-stars{color:var(--c-warning);font-size:var(--fs-sm);letter-spacing:1px;}.v2-review-text{font-size:var(--fs-base);color:var(--text-secondary);line-height:var(--lh-normal);flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}.v2-review-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(128,128,128,0.25);margin-top:auto;padding-top:var(--sp-3);}.v2-review-author-info{display:flex;align-items:center;gap:var(--sp-2);}.v2-review-avatar{width:28px;height:28px;border-radius:50%;background:var(--bg-card-hover);color:var(--c-primary);display:flex;align-items:center;justify-content:center;font-size:var(--fs-xs);font-weight:var(--fw-bold);}.v2-review-author{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-secondary);}.v2-review-date{font-size:var(--fs-sm);color:var(--text-muted);}.v2-slider-arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border);color:var(--text);font-size:var(--fs-xl);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.1);z-index:2;}.v2-slider-prev{left:4px;}.v2-slider-next{right:4px;}/* Guides Grid */ .v2-guides-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;}.v2-guide-card{display:block;background:var(--bg-section);border:1px solid var(--border);border-radius:var(--r-xl);overflow:hidden;text-decoration:none;color:var(--text);box-shadow:0 2px 8px rgba(0,0,0,0.05);transition:transform .2s,box-shadow .2s,border-color .2s;}.v2-guide-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,0.1);border-color:var(--c-primary-light);}.v2-guide-image{width:100%;height:140px;overflow:hidden;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);}.v2-guide-image img{width:100%;height:100%;object-fit:cover;}.v2-guide-store-logo{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding:1.5rem;}.v2-guide-store-logo img{max-width:80%;max-height:80%;object-fit:contain;width:auto;height:auto;}.v2-guide-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--c-primary) 0%,var(--c-primary-dark) 100%);gap:var(--sp-2);}.v2-guide-placeholder-text{font-size:var(--fs-3xl);font-weight:var(--fw-bold);color:#fff;}.v2-guide-placeholder-label{font-size:var(--fs-xs);color:rgba(255,255,255,0.8);text-transform:uppercase;letter-spacing:2px;}.v2-main-content .v2-guide-content{padding:var(--sp-4);}.v2-main-content .v2-guide-content h3{font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--text);margin-bottom:var(--sp-2);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.v2-guide-meta{display:flex;justify-content:space-between;align-items:center;font-size:var(--fs-sm);}.v2-guide-store{color:var(--c-primary-text);font-weight:var(--fw-medium);}.v2-guide-reading{color:var(--text-secondary);}/* Guides Responsive (matching V1 breakpoints) */ @media (max-width:1024px){.v2-guides-grid{grid-template-columns:repeat(2,1fr);}}@media (max-width:640px){.v2-guides-grid{grid-template-columns:1fr;}}/* Stores Grid (page,not mega menu) */ .v2-main-content .v2-stores-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--sp-4);}.v2-main-content .v2-store-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-4);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:0 1px 3px rgba(0,0,0,0.08);text-decoration:none;color:inherit;min-height:140px;transition:transform .2s,box-shadow .2s,border-color .2s;}.v2-store-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px rgba(0,0,0,0.1);border-color:var(--c-primary-light);}.v2-store-card-logo{width:100px;height:50px;}.v2-store-initial-lg{width:48px;height:48px;border-radius:var(--r-lg);background:var(--c-primary-darker);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--fs-base);font-weight:var(--fw-bold);}.v2-main-content .v2-store-card-name{font-size:var(--fs-base);font-weight:var(--fw-medium);color:var(--text);text-align:center;}/* Hub Grid (Homepage) */ .v2-hub-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4);}.v2-hub-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:var(--sp-4) var(--sp-3);text-decoration:none;color:inherit;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);transition:border-color .2s,box-shadow .2s;}.v2-hub-card:hover{border-color:var(--c-primary-light);box-shadow:0 4px 16px var(--c-primary-a15);}.v2-hub-icon{width:40px;height:40px;object-fit:contain;border-radius:var(--r-md);}.v2-hub-icon-svg{color:var(--c-primary-text);width:32px;height:32px;}.v2-hub-name{font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--text);line-height:1.3;}.v2-hub-subcats{font-size:var(--fs-xs);color:var(--text-muted);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.v2-hub-count{font-size:11px;color:var(--text-secondary);}@media (max-width:1024px){.v2-hub-grid{grid-template-columns:repeat(3,1fr);gap:var(--sp-3);}}@media (max-width:768px){.v2-hub-grid{grid-template-columns:repeat(2,1fr);gap:var(--sp-3);}}@media (max-width:480px){.v2-hub-grid{grid-template-columns:repeat(2,1fr);}}/* Featured Stores By Category */ .v2-featured-by-cat{display:flex;flex-direction:column;gap:var(--sp-5);}.v2-fbc-group{background:var(--bg-section);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-4);}.v2-fbc-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-3);padding-bottom:var(--sp-2);border-bottom:1px solid var(--border);}.v2-fbc-hub-name{font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--text);margin:0;}.v2-fbc-view-all{font-size:var(--fs-sm);color:var(--c-primary-text);text-decoration:none;font-weight:var(--fw-medium);white-space:nowrap;}.v2-fbc-stores{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-3);}.v2-fbc-store{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);text-decoration:none;color:inherit;transition:border-color .15s;}.v2-fbc-store:hover{border-color:var(--c-primary-light);}.v2-fbc-logo{width:32px;height:32px;object-fit:contain;border-radius:var(--r-sm);flex-shrink:0;}.v2-fbc-initial{width:32px;height:32px;border-radius:var(--r-sm);background:var(--c-primary-a15);color:var(--c-primary-text);display:flex;align-items:center;justify-content:center;font-size:var(--fs-xs);font-weight:var(--fw-bold);flex-shrink:0;}.v2-fbc-name{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;}.v2-fbc-count{font-size:var(--fs-xs);color:var(--c-primary-text);font-weight:var(--fw-semibold);white-space:nowrap;margin-left:auto;}@media (max-width:1024px){.v2-fbc-stores{grid-template-columns:repeat(2,1fr);}}@media (max-width:768px){.v2-fbc-stores{grid-template-columns:1fr;}}/* Discover More Deals */ .v2-discover-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4);}.v2-discover-card{background:var(--bg-section);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-4);}.v2-discover-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-3);padding-bottom:var(--sp-2);border-bottom:1px solid var(--border);}.v2-discover-cat-name{font-size:var(--fs-base);font-weight:var(--fw-bold);color:var(--text);text-decoration:none;}.v2-discover-cat-name:hover{color:var(--c-primary-text);}.v2-discover-count{font-size:var(--fs-xs);color:var(--text-secondary);white-space:nowrap;}.v2-discover-stores{display:flex;flex-direction:column;gap:var(--sp-2);}.v2-discover-store{display:flex;align-items:center;gap:var(--sp-2);text-decoration:none;color:inherit;padding:var(--sp-1) 0;}.v2-discover-store:hover .v2-discover-name{color:var(--c-primary-text);}.v2-discover-logo{width:28px;height:28px;object-fit:contain;border-radius:var(--r-sm);flex-shrink:0;}.v2-discover-initial{width:28px;height:28px;border-radius:var(--r-sm);background:var(--c-primary-a15);color:var(--c-primary-text);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:var(--fw-bold);flex-shrink:0;}.v2-discover-name{font-size:var(--fs-sm);color:var(--text);transition:color .15s;}@media (max-width:1024px){.v2-discover-grid{grid-template-columns:repeat(2,1fr);}}@media (max-width:768px){.v2-discover-grid{grid-template-columns:1fr;}}/* Spotlight Grid */ .v2-spotlight-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-5);}.v2-main-content .v2-spotlight-card{display:flex;align-items:center;gap:var(--sp-5);padding:var(--sp-5);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s,border-color .2s;}.v2-spotlight-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px rgba(0,0,0,0.1);border-color:var(--c-primary-light);}.v2-spotlight-logo{flex-shrink:0;width:80px;display:flex;align-items:center;justify-content:center;}.v2-spotlight-logo img{width:80px;height:50px;object-fit:contain;}.v2-main-content .v2-spotlight-content h3{font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--text);margin-bottom:var(--sp-2);}.v2-main-content .v2-spotlight-content p{font-size:var(--fs-base);color:var(--text-secondary);line-height:var(--lh-normal);margin-bottom:var(--sp-3);}.v2-spotlight-link{font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--c-primary);}/* Features Grid */ .v2-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-5);}.v2-main-content .v2-feature-card{padding:var(--sp-5) var(--sp-4);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);text-align:center;transition:transform .2s,box-shadow .2s,border-color .2s;}.v2-feature-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px rgba(0,0,0,0.1);border-color:var(--c-primary-light);}.v2-main-content .v2-feature-icon{width:56px;height:56px;margin:0 auto var(--sp-3);border-radius:50%;background:var(--c-primary);color:#fff;display:flex;align-items:center;justify-content:center;}.v2-main-content .v2-feature-card h3{font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--text);margin-bottom:var(--sp-2);}.v2-main-content .v2-feature-card p{font-size:var(--fs-base);color:var(--text-secondary);line-height:var(--lh-normal);}/* Blog Grid */ .v2-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-5);}.v2-blog-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s,border-color .2s;}.v2-blog-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px rgba(0,0,0,0.1);border-color:var(--c-primary-light);}.v2-blog-image{aspect-ratio:16/9;overflow:hidden;}.v2-blog-image img{width:100%;height:100%;object-fit:cover;}.v2-main-content .v2-blog-content{padding:var(--sp-4);}.v2-main-content .v2-blog-category{display:inline-block;padding:var(--sp-1) var(--sp-2);border-radius:var(--r-sm);font-size:var(--fs-xs);font-weight:var(--fw-medium);color:#fff;margin-bottom:var(--sp-2);background:var(--c-primary-darker);}.v2-main-content .v2-blog-content h3{font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--text);margin-bottom:var(--sp-2);line-height:var(--lh-snug);}.v2-main-content .v2-blog-content p{font-size:var(--fs-base);color:var(--text-secondary);line-height:var(--lh-normal);margin-bottom:var(--sp-2);}.v2-blog-date{font-size:var(--fs-sm);color:var(--text-muted);}/* FAQ */ .v2-faq-list{margin:0 auto;padding:0;}.v2-faq-item{border:1px solid var(--border);border-radius:var(--r-lg);margin-bottom:var(--sp-3);overflow:hidden;}.v2-main-content .v2-faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4);gap:var(--sp-3);background:none;border:none;cursor:pointer;font-size:var(--fs-lg);font-weight:var(--fw-medium);color:var(--text);text-align:left;}.v2-faq-question svg{flex-shrink:0;color:var(--text-muted);transition:transform .25s;}.v2-faq-item.open .v2-faq-question svg{transform:rotate(180deg);}.v2-faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease;}.v2-faq-item.open .v2-faq-answer{max-height:300px;}.v2-main-content .v2-faq-answer p{padding:0 var(--sp-4) var(--sp-4);font-size:var(--fs-base);color:var(--text-secondary);line-height:var(--lh-relaxed);}/* Homepage Newsletter */ .v2-main-content .v2-newsletter-section.v2-home-section{padding:2.5rem var(--sp-6);background:linear-gradient(135deg,rgba(34,197,94,0.06),rgba(34,211,238,0.06));border-radius:var(--r-xl);border:1px solid rgba(34,197,94,0.2);margin:var(--sp-4) 0 var(--sp-6);text-align:center;position:relative;overflow:hidden;}.v2-main-content .v2-newsletter-section.v2-home-section .v2-home-section-heading{background:linear-gradient(135deg,#4ade80,#22d3ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:var(--fs-2xl);margin-bottom:var(--sp-2);}.v2-main-content .v2-newsletter-section.v2-home-section .v2-home-section-subtitle{color:var(--text-secondary);margin-bottom:var(--sp-4);}.v2-main-content .v2-newsletter-form{display:flex;gap:0;max-width:460px;margin:0 auto;position:relative;}.v2-main-content .v2-newsletter-form input{flex:1;padding:var(--sp-3) var(--sp-4);padding-right:130px;border:1.5px solid var(--border-light);border-radius:50px;font-size:var(--fs-base);background:var(--bg-card);color:var(--text);transition:border-color var(--tr-fast),box-shadow var(--tr-fast);}.v2-main-content .v2-newsletter-form input::placeholder{color:var(--text-muted);}.v2-main-content .v2-newsletter-form input:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px rgba(34,197,94,0.15);}.v2-main-content .v2-newsletter-form button{position:absolute;right:5px;top:50%;transform:translateY(-50%);padding:var(--sp-2) var(--sp-5);border:none;border-radius:50px;background:var(--c-primary-darker);color:#fff;font-weight:var(--fw-semibold);font-size:var(--fs-sm);cursor:pointer;white-space:nowrap;transition:filter var(--tr-fast);}.v2-main-content .v2-newsletter-form button:hover{filter:brightness(0.85);}.v2-main-content .v2-newsletter-message{margin-top:var(--sp-2);font-size:var(--fs-sm);min-height:1.2em;}/* Homepage Mobile */ @media (max-width:768px){.v2-reviews-wrapper{padding:1.5rem 1rem;}.v2-review-slide{flex:0 0 85%;min-width:0;}.v2-main-content .v2-stores-grid{grid-template-columns:repeat(3,1fr);gap:var(--sp-3);}.v2-main-content .v2-store-card{padding:var(--sp-3);min-height:100px;}.v2-store-card-logo{width:80px;height:40px;}.v2-spotlight-grid{grid-template-columns:1fr;}.v2-spotlight-card{flex-direction:column;text-align:center;}.v2-features-grid{grid-template-columns:1fr;}.v2-blog-grid{grid-template-columns:1fr;}.v2-main-content .v2-newsletter-form input{padding-right:var(--sp-4);}.v2-main-content .v2-newsletter-form{flex-direction:column;gap:var(--sp-3);}.v2-main-content .v2-newsletter-form button{position:static;transform:none;width:100%;padding:var(--sp-3);font-size:var(--fs-base);}.v2-slider-arrow{display:none;}}@media (max-width:480px){.v2-review-slide{flex:0 0 92%;}.v2-main-content .v2-stores-grid{grid-template-columns:repeat(2,1fr);}}/* ========================================================================== 17. UTILITY CLASSES ========================================================================== */ .v2-hidden{display:none !important;}.v2-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}.v2-text-center{text-align:center;}/* Touch target compliance — all viewports */ #v2-guides-more,#v2-reviews-more{margin-top:16px;margin-bottom:8px;}#v2-guides-more-btn,#v2-reviews-more-btn{display:inline-flex;align-items:center;min-height:48px;min-width:48px;padding:12px 20px;box-sizing:border-box;}/* Mobile touch target compliance — must be last to override all above */ @media (max-width:768px){.v2-browse-link,.v2-more-store-card{min-height:48px;padding:14px 16px;box-sizing:border-box;}.v2-browse-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:20px;}.v2-more-stores-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:20px;}#v2-guides-more,#v2-reviews-more{margin-top:16px;}.v2-text-center{margin-top:16px;}.v2-text-center .v2-nav-link,#v2-guides-more-btn,#v2-reviews-more-btn{display:inline-flex;align-items:center;min-height:48px;padding:12px 20px;}}/* ========================================================================== 12. FAQ THEME OVERRIDES (moved from inline <style> in v2-faq-list partial) ========================================================================== */ @media (max-width:768px){.guest-fields{grid-template-columns:1fr !important;}.form-actions{display:flex !important;}.form-actions .btn-cancel,.form-actions .btn-submit-question,.form-actions .btn-submit-answer{flex:1;text-align:center;padding:0.6rem 0.5rem !important;font-size:var(--fs-sm);}}body.theme-dark .faq-community-section{margin-bottom:var(--sp-6);}body.theme-dark .faq-header{text-align:left;}body.theme-dark .faq-header h2{color:var(--text);font-weight:var(--fw-semibold);margin-bottom:0.25rem;}body.theme-dark .faq-subtitle{color:var(--text-secondary);font-size:var(--fs-base);margin-bottom:1rem;}body.theme-dark .btn-ask-question{display:inline-flex;align-items:center;background:#2563eb;color:#fff;border:none;padding:0.75rem 1.25rem;min-height:48px;box-sizing:border-box;border-radius:var(--r-md);font-size:var(--fs-sm);font-weight:var(--fw-semibold);cursor:pointer;margin-bottom:1rem;transition:filter var(--tr-fast);}body.theme-dark .btn-ask-question:hover{filter:brightness(0.85);}body.theme-dark .faq-item-community{background:var(--bg-card);border:1px solid var(--bg-card-hover);border-radius:var(--r-lg);padding:1.25rem;margin-bottom:1rem;overflow:hidden;}body.theme-dark .faq-question-header{display:flex;align-items:center;gap:0.75rem;margin-bottom:0.75rem;flex-wrap:wrap;}body.theme-dark .faq-author-avatar{width:40px;height:40px;border-radius:50%;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--fs-sm);flex-shrink:0;}body.theme-dark .faq-author-name{color:var(--text);font-weight:var(--fw-semibold);font-size:var(--fs-sm);}body.theme-dark .faq-date{color:var(--text-secondary);font-size:var(--fs-xs);}body.theme-dark .faq-question-text{color:var(--text);font-size:var(--fs-lg);font-weight:var(--fw-semibold);margin:0.5rem 0;overflow-wrap:break-word;word-break:break-word;}body.theme-dark .faq-admin-answer{background:transparent;border-left:3px solid var(--c-primary);padding:0.75rem 1rem;}body.theme-dark .faq-default-answer{border-left:none;padding-left:0;margin:0.75rem 0;}body.theme-dark .admin-badge{display:inline-block;background:var(--c-primary-darker);color:#fff;padding:4px 10px;border-radius:var(--r-sm);font-size:var(--fs-xs);font-weight:var(--fw-semibold);margin-bottom:0.5rem;border:none;}body.theme-dark .admin-answer-content{color:var(--text-secondary);overflow-wrap:break-word;word-break:break-word;}body.theme-dark .faq-answers-preview{background:transparent;border-radius:var(--r-lg);padding:1rem;margin:0.75rem 0;border:none;}body.theme-dark .faq-answer-item{border-bottom:1px solid var(--bg-card-hover);padding-bottom:0.75rem;margin-bottom:0.75rem;}body.theme-dark .faq-answer-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0;}body.theme-dark .answer-author-info{display:flex;align-items:center;gap:0.5rem;margin-bottom:0.5rem;flex-wrap:wrap;}body.theme-dark .answer-avatar{width:32px;height:32px;border-radius:50%;background:#3b82f6;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--fs-xs);}body.theme-dark .answer-author{color:var(--text);font-weight:var(--fw-semibold);font-size:var(--fs-sm);}body.theme-dark .answer-date{color:var(--text-secondary);font-size:var(--fs-xs);}body.theme-dark .answer-text{color:var(--text-secondary);overflow-wrap:break-word;word-break:break-word;}body.theme-dark .badge-pending{background:transparent !important;color:var(--c-warning) !important;border:1px solid var(--c-warning);padding:2px 8px;border-radius:var(--r-sm);font-size:var(--fs-xs);font-weight:var(--fw-semibold);}body.theme-dark .badge-featured{background:#fbbf24;color:#000;padding:4px 12px;border-radius:var(--r-sm);font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;}body.theme-dark .badge-best{background:var(--c-primary-darker);color:#fff;padding:4px 10px;border-radius:var(--r-sm);font-size:var(--fs-xs);font-weight:var(--fw-semibold);}body.theme-dark .faq-actions{display:flex;align-items:center;justify-content:space-between;margin-top:0.75rem;flex-wrap:wrap;gap:0.5rem;}body.theme-dark .faq-votes{display:flex;align-items:center;gap:0.5rem;flex-wrap:wrap;}body.theme-dark .btn-vote,body.theme-dark .btn-vote-inline{background:var(--bg-card-hover);border:1px solid var(--border-light);color:var(--text);padding:0.5rem 0.75rem;border-radius:var(--r-md);font-size:var(--fs-xs);cursor:pointer;min-height:48px;box-sizing:border-box;}body.theme-dark .btn-vote:hover,body.theme-dark .btn-vote-inline:hover{background:var(--bg-section);border-color:var(--c-primary-light);color:var(--c-primary-light);}body.theme-dark .answer-count,body.theme-dark .view-count{color:var(--text-secondary);font-size:var(--fs-xs);}body.theme-dark .btn-answer{background:var(--c-primary-darker) !important;color:#fff !important;border:none !important;padding:0.5rem 1rem;border-radius:var(--r-md);font-weight:var(--fw-semibold);font-size:var(--fs-sm);cursor:pointer;text-decoration:none;display:inline-block;transition:filter var(--tr-fast);}body.theme-dark .btn-answer:hover{filter:brightness(0.85);}body.theme-dark .btn-cancel{background:var(--bg-card);border:1px solid var(--bg-card-hover);color:var(--text-secondary);padding:0.5rem 1rem;border-radius:var(--r-md);font-weight:var(--fw-medium);cursor:pointer;}body.theme-dark .btn-submit-question,body.theme-dark .btn-submit-answer{background:var(--c-primary) !important;color:#fff !important;border:none !important;padding:0.5rem 1rem;border-radius:var(--r-md);font-weight:var(--fw-semibold);cursor:pointer;transition:filter var(--tr-fast);}body.theme-dark .btn-submit-question:hover,body.theme-dark .btn-submit-answer:hover{filter:brightness(0.85);}body.theme-dark .faq-community-section textarea,body.theme-dark .faq-community-section input[type="text"],body.theme-dark .faq-community-section input[type="email"]{background:#1e1e1e !important;color:#fff !important;border:1px solid #4a4a4a !important;border-radius:var(--r-md);box-sizing:border-box;max-width:100%;}body.theme-dark .faq-community-section textarea:focus,body.theme-dark .faq-community-section input:focus{border-color:var(--c-primary-light) !important;outline:none;}body.theme-dark .faq-community-section input:-webkit-autofill,body.theme-dark .faq-community-section input:-webkit-autofill:hover,body.theme-dark .faq-community-section input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #1e1e1e inset !important;-webkit-text-fill-color:#fff !important;border:1px solid #4a4a4a !important;transition:background-color 5000s ease-in-out 0s,color 5000s ease-in-out 0s;}body.theme-light .faq-community-section{margin-bottom:2rem;}body.theme-light .faq-header{text-align:left;}body.theme-light .faq-header h2{color:#1a1a1a;font-weight:600;margin-bottom:0.25rem;}body.theme-light .faq-subtitle{color:#4b5563;font-size:var(--fs-base);margin-bottom:1rem;}body.theme-light .btn-ask-question{display:inline-flex;align-items:center;background:#2563eb;color:#fff;border:none;padding:0.75rem 1.25rem;min-height:48px;box-sizing:border-box;border-radius:6px;font-size:var(--fs-sm);font-weight:600;cursor:pointer;margin-bottom:1rem;}body.theme-light .btn-ask-question:hover{opacity:0.9;}body.theme-light .faq-item-community{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.25rem;margin-bottom:1rem;overflow:hidden;}body.theme-light .faq-question-header{display:flex;align-items:center;gap:0.75rem;margin-bottom:0.75rem;flex-wrap:wrap;}body.theme-light .faq-author-avatar{width:40px;height:40px;border-radius:50%;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--fs-sm);flex-shrink:0;}body.theme-light .faq-author-name{color:#333;font-weight:600;font-size:var(--fs-sm);}body.theme-light .faq-date{color:#4b5563;font-size:var(--fs-xs);}body.theme-light .faq-question-text{color:#1a1a1a;font-size:var(--fs-lg);font-weight:600;margin:0.5rem 0;overflow-wrap:break-word;word-break:break-word;}body.theme-light .faq-admin-answer{background:#f9fafb;border-left:3px solid var(--c-primary);padding:0.75rem 1rem;}body.theme-light .faq-default-answer{border-left:none;padding-left:0;background:transparent;margin:0.75rem 0;}body.theme-light .admin-badge{display:inline-block;background:var(--c-primary-darker);color:#fff;padding:4px 10px;border-radius:4px;font-size:var(--fs-xs);font-weight:600;margin-bottom:0.5rem;border:none;}body.theme-light .admin-answer-content{color:#555;overflow-wrap:break-word;word-break:break-word;}body.theme-light .faq-answers-preview{background:#f9fafb;border-radius:8px;padding:1rem;margin:0.75rem 0;border:none;}body.theme-light .faq-answer-item{border-bottom:1px solid #e5e7eb;padding-bottom:0.75rem;margin-bottom:0.75rem;}body.theme-light .faq-answer-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0;}body.theme-light .answer-author-info{display:flex;align-items:center;gap:0.5rem;margin-bottom:0.5rem;flex-wrap:wrap;}body.theme-light .answer-avatar{width:32px;height:32px;border-radius:50%;background:#3b82f6;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--fs-xs);}body.theme-light .answer-author{color:#333;font-weight:600;font-size:var(--fs-sm);}body.theme-light .answer-date{color:#4b5563;font-size:var(--fs-xs);}body.theme-light .answer-text{color:#555;overflow-wrap:break-word;word-break:break-word;}body.theme-light .badge-pending{background:transparent !important;color:#d97706 !important;border:1px solid #d97706;padding:2px 8px;border-radius:4px;font-size:var(--fs-xs);font-weight:600;}body.theme-light .badge-featured{background:#fbbf24;color:#000;padding:4px 12px;border-radius:4px;font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;}body.theme-light .badge-best{background:var(--c-primary);color:#fff;padding:4px 10px;border-radius:4px;font-size:var(--fs-xs);font-weight:600;}body.theme-light .faq-actions{display:flex;align-items:center;justify-content:space-between;margin-top:0.75rem;flex-wrap:wrap;gap:0.5rem;}body.theme-light .faq-votes{display:flex;align-items:center;gap:0.5rem;flex-wrap:wrap;}body.theme-light .btn-vote,body.theme-light .btn-vote-inline{background:#fff;border:1px solid #d1d5db;color:#555;padding:0.5rem 0.75rem;border-radius:6px;font-size:var(--fs-xs);cursor:pointer;min-height:48px;box-sizing:border-box;}body.theme-light .btn-vote:hover,body.theme-light .btn-vote-inline:hover{background:#f3f4f6;border-color:#9ca3af;}body.theme-light .answer-count,body.theme-light .view-count{color:#4b5563;font-size:var(--fs-xs);}body.theme-light .btn-answer{background:var(--c-primary-darker) !important;color:#fff !important;border:none !important;padding:0.5rem 1rem;border-radius:6px;font-weight:600;font-size:var(--fs-sm);cursor:pointer;text-decoration:none;display:inline-block;}body.theme-light .btn-answer:hover{opacity:0.9;}body.theme-light .btn-cancel{background:#fff;border:1px solid #d1d5db;color:#555;padding:0.5rem 1rem;border-radius:6px;font-weight:500;cursor:pointer;}body.theme-light .btn-submit-question,body.theme-light .btn-submit-answer{background:var(--c-primary) !important;color:#fff !important;border:none !important;padding:0.5rem 1rem;border-radius:6px;font-weight:600;cursor:pointer;}body.theme-light .btn-submit-question:hover,body.theme-light .btn-submit-answer:hover{opacity:0.9;}body.theme-light .faq-community-section textarea,body.theme-light .faq-community-section input[type="text"],body.theme-light .faq-community-section input[type="email"]{background:#fff !important;color:#333 !important;border:1px solid #d1d5db !important;border-radius:6px;box-sizing:border-box;max-width:100%;}body.theme-light .faq-community-section textarea:focus,body.theme-light .faq-community-section input:focus{border-color:var(--c-primary) !important;outline:none;}body.theme-light .faq-community-section input:-webkit-autofill,body.theme-light .faq-community-section input:-webkit-autofill:hover,body.theme-light .faq-community-section input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #fff inset !important;-webkit-text-fill-color:#333 !important;border:1px solid #d1d5db !important;transition:background-color 5000s ease-in-out 0s,color 5000s ease-in-out 0s;}body.theme-light .faq-community-section label{color:#333;font-size:var(--fs-sm);font-weight:600;margin-bottom:0.5rem;display:block;}body.theme-light .faq-community-section small{color:#4b5563;font-size:var(--fs-xs);}body.theme-light .faq-community-section .form-group{margin-bottom:15px;}body.theme-light .ask-form-container{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1.25rem;margin-bottom:1rem;}body.theme-light .answer-form-container{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1.25rem;}body.theme-light .alert-success{background:#f0fdf4;border:1px solid #86efac;color:#166534;padding:12px;border-radius:6px;margin-bottom:20px;}body.theme-light .alert-error{background:#fef2f2;border:1px solid #fca5a5;color:#991b1b;padding:12px;border-radius:6px;margin-bottom:20px;}body.theme-light .faq-hidden-item{display:none !important;}body.theme-light #faq-view-more-btn{border:none;color:#333;text-decoration:none;}body.theme-light #faq-view-more-btn:hover{color:var(--c-primary-text);}body.theme-dark .faq-community-section label{color:var(--text-secondary);font-size:var(--fs-sm);font-weight:var(--fw-semibold);margin-bottom:0.5rem;display:block;}body.theme-dark .faq-community-section small{color:var(--text-secondary);font-size:var(--fs-xs);}body.theme-dark .faq-community-section .form-group{margin-bottom:15px;}body.theme-dark .ask-form-container{background:var(--bg-card);border:1px solid var(--bg-card-hover);border-radius:var(--r-lg);padding:1.25rem;margin-bottom:1rem;}body.theme-dark .answer-form-container{background:var(--bg-card);border:1px solid var(--bg-card-hover);border-radius:var(--r-lg);padding:1.25rem;}body.theme-dark .alert-success{background:rgba(22,101,52,0.2);border:1px solid var(--c-primary);color:var(--c-primary-light);padding:12px;border-radius:var(--r-md);margin-bottom:20px;}body.theme-dark .alert-error{background:rgba(220,38,38,0.15);border:1px solid var(--c-error);color:#fca5a5;padding:12px;border-radius:var(--r-md);margin-bottom:20px;}body.theme-dark .faq-hidden-item{display:none !important;}body.theme-dark #faq-view-more-btn{border:none;color:var(--text);text-decoration:none;}body.theme-dark #faq-view-more-btn:hover{color:var(--c-primary-light);}.faq-hidden-item{display:none !important;}/* ========================================================================== 13. SPA NAV + CHAT BOX (moved from inline <style> in store-v2) ========================================================================== */ html{scroll-padding-top:100px;}.v2-spa-nav-link.js-active{border-bottom-color:var(--c-primary-text) !important;color:var(--c-primary-text) !important;}.v2-spa-nav-link.active:not(.js-active){border-bottom-color:transparent !important;color:var(--text) !important;}.chat-box-wrap{margin-top:var(--sp-5);margin-bottom:var(--sp-4);}.chat-box{background:var(--bg-card,#1a1a2e);border:2px solid var(--c-primary,#2E7D32);border-radius:16px;overflow:hidden;transition:all 0.3s ease;}.chat-box.expanded{position:relative;}.chat-box-input-row{display:flex;align-items:center;gap:12px;padding:14px 20px;}.chat-box-input{flex:1;background:transparent;border:none;color:var(--text,#e5e5e5);font-size:var(--fs-base);outline:none;}.chat-box-input::placeholder{color:var(--text-secondary,#666);}.chat-box-send{width:40px;height:40px;border-radius:50%;background:var(--c-primary,#2E7D32);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity 0.2s,transform 0.2s;}.chat-box-send:hover{opacity:0.9;transform:scale(1.05);}.chat-box-send:disabled{background:var(--border,#333);cursor:not-allowed;transform:none;}.chat-box-messages{display:none;height:450px;overflow-y:auto;}.chat-box.expanded .chat-box-messages{display:flex;flex-direction:column;gap:20px;padding:12px 24px 24px 24px;}.chat-box.expanded .chat-box-input-row{border-top:1px solid var(--border,#333);}@media(max-width:768px){.chat-box.expanded{position:fixed;inset:0;z-index:9999;border-radius:0;border:none;display:flex;flex-direction:column;}.chat-box.expanded .chat-box-messages{flex:1;min-height:auto;max-height:none;}}.chat-box-header{display:none;justify-content:flex-end;padding:12px 12px 0 12px;}.chat-box.expanded .chat-box-header{display:flex;}.chat-box-collapse{background:transparent;border:none;color:var(--text-secondary,#666);font-size:var(--fs-xl);cursor:pointer;padding:8px;border-radius:50%;width:36px;height:36px;line-height:1;transition:all 0.2s;display:flex;align-items:center;justify-content:center;}.chat-box-collapse:hover{background:rgba(255,255,255,0.1);color:var(--text,#e5e5e5);transform:scale(1.1);}.chat-msg{display:flex;gap:14px;align-items:flex-start;max-width:85%;}.chat-msg.user{margin-left:auto;flex-direction:row-reverse;}.chat-msg .chat-avatar{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:var(--fs-sm);flex-shrink:0;}.chat-msg.user .chat-avatar{background:var(--c-primary,#2E7D32);color:#fff;}.chat-msg.assistant .chat-avatar{background:transparent;}.chat-msg .chat-content{font-size:var(--fs-base);line-height:1.7;color:#111;padding:12px 16px;border-radius:16px;background:none;}.chat-msg.user .chat-content{background:none;color:#111;border-radius:16px 16px 4px 16px;}.chat-msg.assistant .chat-content{border-radius:16px 16px 16px 4px;}body.theme-dark .chat-msg .chat-content{color:#fff;}.chat-code{background:rgba(46,125,50,0.2);color:#4ade80;padding:2px 8px;border-radius:4px;font-family:monospace;cursor:pointer;border:1px dashed var(--c-primary,#2E7D32);position:relative;}.chat-code:hover{background:rgba(46,125,50,0.4);}.chat-code-tooltip{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:#2E7D32;color:#fff;padding:4px 10px;border-radius:4px;font-size:var(--fs-xs);white-space:nowrap;animation:fadeInOut 1.5s ease;}.chat-box-suggestions{display:none;flex-wrap:wrap;gap:8px;padding:16px 24px;border-top:1px solid var(--border,#333);}.chat-box.expanded .chat-box-suggestions:not(:empty){display:flex;}.chat-sug{background:transparent;border:1px solid var(--border,#333);color:var(--text,#e5e5e5);padding:8px 16px;border-radius:20px;font-size:var(--fs-xs);cursor:pointer;transition:all 0.2s;}.chat-sug:hover{border-color:var(--c-primary,#2E7D32);background:rgba(46,125,50,0.1);}.chat-feedback{display:flex;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,0.1);}.chat-fb-btn{background:transparent;border:1px solid var(--border,#444);color:var(--text-secondary,#888);padding:4px 10px;border-radius:12px;font-size:var(--fs-xs);cursor:pointer;transition:all 0.2s;}.chat-fb-btn:hover{border-color:var(--c-primary,#2E7D32);background:rgba(46,125,50,0.1);color:var(--text,#e5e5e5);}.chat-fb-btn:disabled{opacity:0.5;cursor:not-allowed;}.chat-fb-btn.selected{background:var(--c-primary,#2E7D32);border-color:var(--c-primary,#2E7D32);color:#fff;}/* ========================================================================== 14. REVIEW FORM MODAL (moved from inline <style> in v2-review-form-modal) ========================================================================== */ .rv-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);z-index:9999;overflow-y:auto;-webkit-overflow-scrolling:touch;}.rv-wrap{width:100%;max-width:600px;margin:20px auto;padding:15px;}.rv-card{background:var(--bg-card);border-radius:var(--r-xl);max-width:600px;width:100%;position:relative;border:1px solid var(--border);box-shadow:0 20px 60px rgba(0,0,0,0.3);display:flex;flex-direction:column;max-height:calc(100vh - 40px);overflow:hidden;}.rv-close{position:absolute;top:14px;right:14px;background:none;border:none;font-size:var(--fs-2xl);color:var(--text-muted);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--tr-fast);z-index:1;}.rv-close:hover{color:var(--c-error);background:rgba(239,68,68,0.1);}.rv-header{padding:1.25rem 1.5rem 1rem;border-bottom:1px solid var(--border);position:relative;}.rv-header::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg,#4ade80,#22d3ee);border-radius:var(--r-xl) var(--r-xl) 0 0;}.rv-header h2{font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--text);margin:0;padding-right:2rem;}.rv-body{padding:1.25rem 1.5rem;overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1;min-height:0;}.rv-field{margin-bottom:1rem;}.rv-label{display:block;font-weight:var(--fw-semibold);margin-bottom:6px;color:var(--text);font-size:var(--fs-sm);}.rv-input{width:100%;padding:10px 14px;border:1.5px solid var(--border-light);border-radius:var(--r-lg);font-size:16px;font-family:inherit;background:var(--bg-section);color:var(--text);transition:border-color var(--tr-fast),box-shadow var(--tr-fast);box-sizing:border-box;}.rv-input:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px rgba(34,197,94,0.15);}.rv-input::placeholder{color:var(--text-muted);}textarea.rv-input{resize:vertical;}.rv-input:-webkit-autofill,.rv-input:-webkit-autofill:hover,.rv-input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--bg-section) inset !important;-webkit-text-fill-color:var(--text) !important;transition:background-color 5000s ease-in-out 0s;}.rv-char-count{font-size:var(--fs-sm);color:var(--text-muted);margin-top:2px;}.rv-stars label{cursor:pointer;font-size:1.5rem;color:#d1d5db;display:inline-block;padding:0 2px;transition:color .15s,transform .15s;-webkit-text-stroke:1px #9ca3af;}.rv-stars label:hover{transform:scale(1.15);}.rv-stars label.rv-star-hover{color:#fbbf24;-webkit-text-stroke:0;}.rv-stars-lg label{font-size:1.75rem;padding:0 3px;}.rv-stars label.rv-star-active{color:#f59e0b;-webkit-text-stroke:0;}.rv-rating-label{font-size:var(--fs-sm);color:var(--text);min-height:20px;margin-top:4px;font-weight:var(--fw-semibold);}.rv-cat-box{margin-bottom:1rem;background:linear-gradient(135deg,rgba(34,197,94,0.05),rgba(34,211,238,0.05));padding:1rem;border-radius:var(--r-lg);border:1px solid rgba(34,197,94,0.15);display:grid;grid-template-columns:1fr 1fr;gap:0.5rem 1.5rem;}.rv-cat-box h3{font-size:var(--fs-sm);font-weight:var(--fw-bold);margin-bottom:0.25rem;color:var(--text);grid-column:1 / -1;}.rv-cat-item{margin-bottom:0;}.rv-cat-label{display:block;font-size:var(--fs-sm);margin-bottom:2px;color:var(--text-secondary);font-weight:var(--fw-medium);}.rv-guest-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:1rem;}.rv-cert{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:var(--fs-sm);color:var(--text);line-height:1.4;margin-bottom:1.25rem;background:var(--bg-section);padding:0.875rem 1rem;border-radius:var(--r-lg);border:1px solid var(--border);}.rv-cert:hover{border-color:var(--c-primary);}.rv-cert input{margin:0;padding:0;accent-color:var(--c-primary);flex-shrink:0;min-width:18px;width:18px;height:18px;position:relative;top:1px;}.rv-actions{display:flex;gap:10px;}.rv-btn-submit{flex:2;background:var(--c-primary-darker);color:#fff;border:none;border-radius:var(--r-lg);padding:12px 16px;font-size:var(--fs-base);font-weight:var(--fw-bold);cursor:pointer;transition:filter var(--tr-fast);}.rv-btn-submit:hover{filter:brightness(0.85);}.rv-btn-cancel{flex:1;background:transparent;color:var(--text-secondary);border:1.5px solid var(--border-light);border-radius:var(--r-lg);padding:12px 16px;font-size:var(--fs-base);font-weight:var(--fw-semibold);cursor:pointer;transition:all var(--tr-fast);}.rv-btn-cancel:hover{border-color:var(--c-error);color:var(--c-error);}.rv-error{background:rgba(220,38,38,0.1);border:1px solid rgba(220,38,38,0.3);border-radius:var(--r-lg);padding:12px 16px;margin-bottom:1rem;color:#fca5a5;font-size:var(--fs-sm);}.rv-error strong{color:#f87171;}.rv-error ul{margin:8px 0 0 18px;}.rv-login{padding:3rem 1.5rem;text-align:center;}.rv-login h2{font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--text);margin-bottom:0.5rem;}.rv-login p{color:var(--text-secondary);margin-bottom:1.5rem;line-height:var(--lh-relaxed);}#rating-error{display:none;color:#f87171;font-size:var(--fs-xs);margin-top:4px;}@media(max-width:600px){.rv-body{padding:1rem;}.rv-header{padding:1rem;}.rv-guest-grid{grid-template-columns:1fr;}.rv-cat-box{grid-template-columns:1fr;}.rv-actions{flex-direction:column;}.rv-btn-submit,.rv-btn-cancel{flex:1;}}/* Fix:Override broken calc() from minified critical CSS (spaces stripped around +) */ .v2-spa-nav-wrap{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-left:calc(50vw - 50%);padding-right:calc(50vw - 50%);}