.tip-flipbook{position:relative;margin-bottom:30px;border-radius:12px;overflow:hidden;box-shadow:0 8px 25px rgb(0 0 0 / .15);background:#fff;max-width:100%;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.dark-mode .tip-flipbook{background:#2d3748;box-shadow:0 8px 25px rgb(0 0 0 / .25)}.tip-flipbook-container{position:relative;width:100%;height:500px;overflow:hidden;perspective:1000px}.tip-flipbook-slides{position:relative;width:100%;height:100%;display:flex;transition:transform 0.6s cubic-bezier(.4,0,.2,1)}[dir="rtl"] .tip-flipbook-slides{transform-origin:right center}[dir="ltr"] .tip-flipbook-slides{transform-origin:left center}.tip-flipbook-slide{min-width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;background:#f8f9fa;transition:opacity 0.6s ease}.dark-mode .tip-flipbook-slide{background:#1a202c}.tip-flipbook-slide img{width:100%;height:100%;object-fit:contain;border-radius:8px;box-shadow:0 4px 15px rgb(0 0 0 / .1)}.tip-flipbook-slide.flipping{transform:rotateY(-15deg);opacity:.8}[dir="rtl"] .tip-flipbook-slide.flipping{transform:rotateY(15deg)}.tip-flipbook-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10}.tip-flipbook-nav.prev{left:15px}.tip-flipbook-nav.next{right:15px}[dir="rtl"] .tip-flipbook-nav.prev{left:auto;right:15px}[dir="rtl"] .tip-flipbook-nav.next{right:auto;left:15px}.tip-flipbook-nav-btn{background:rgb(0 0 0 / .7);color:#fff;border:none;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;font-size:18px;box-shadow:0 4px 15px rgb(0 0 0 / .2)}.tip-flipbook-nav-btn:hover{background:rgb(0 0 0 / .9);transform:scale(1.1)}.tip-flipbook-nav-btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.dark-mode .tip-flipbook-nav-btn{background:rgb(255 255 255 / .8);color:#1a202c}.dark-mode .tip-flipbook-nav-btn:hover{background:rgb(255 255 255 / .95)}.tip-flipbook-indicators{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:10;background:rgb(0 0 0 / .5);padding:8px 16px;border-radius:20px;backdrop-filter:blur(10px)}.tip-flipbook-indicator{width:12px;height:12px;border-radius:50%;background:rgb(255 255 255 / .5);cursor:pointer;transition:all 0.3s ease;position:relative}.tip-flipbook-indicator.active{background:#fff;transform:scale(1.3);box-shadow:0 0 10px rgb(255 255 255 / .5)}.tip-flipbook-indicator:hover{background:rgb(255 255 255 / .8);transform:scale(1.1)}.tip-flipbook-counter{position:absolute;top:20px;right:20px;background:rgb(0 0 0 / .7);color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;z-index:10;backdrop-filter:blur(10px)}[dir="rtl"] .tip-flipbook-counter{right:auto;left:20px}.tip-flipbook.loading{opacity:.7;pointer-events:none}.tip-flipbook.loading::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:3px solid rgb(0 0 0 / .1);border-top:3px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;z-index:20}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}100%{transform:translate(-50%,-50%) rotate(360deg)}}@media (max-width:768px){.tip-flipbook-container{height:400px}.tip-flipbook-nav-btn{width:40px;height:40px;font-size:16px}.tip-flipbook-nav.prev{left:10px}.tip-flipbook-nav.next{right:10px}[dir="rtl"] .tip-flipbook-nav.prev{left:auto;right:10px}[dir="rtl"] .tip-flipbook-nav.next{right:auto;left:10px}.tip-flipbook-counter{top:15px;right:15px;font-size:12px;padding:6px 12px}[dir="rtl"] .tip-flipbook-counter{right:auto;left:15px}.tip-flipbook-indicators{bottom:15px;gap:8px;padding:6px 12px}.tip-flipbook-indicator{width:10px;height:10px}.tip-flipbook-container{touch-action:pan-y}}@media (max-width:480px){.tip-flipbook-container{height:350px}.tip-flipbook-nav-btn{width:35px;height:35px;font-size:14px}}.tip-flipbook-slide.entering{animation:slideIn 0.6s cubic-bezier(.4,0,.2,1)}.tip-flipbook-slide.leaving{animation:slideOut 0.6s cubic-bezier(.4,0,.2,1)}@keyframes slideIn{from{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideOut{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-50px)}}@keyframes slideInRTL{from{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutRTL{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(50px)}}[dir="rtl"] .tip-flipbook-slide.entering{animation:slideInRTL 0.6s cubic-bezier(.4,0,.2,1)}[dir="rtl"] .tip-flipbook-slide.leaving{animation:slideOutRTL 0.6s cubic-bezier(.4,0,.2,1)}.tip-flipbook:focus-within .tip-flipbook-nav-btn{outline:2px solid #007bff;outline-offset:2px}.tip-flipbook-nav-btn:focus{outline:2px solid #007bff;outline-offset:2px}.tip-flipbook-indicator:focus{outline:2px solid #007bff;outline-offset:2px}@media (prefers-contrast:high){.tip-flipbook-nav-btn{background:#000;border:2px solid #fff}.tip-flipbook-indicator{border:2px solid #fff}.tip-flipbook-counter{background:#000;border:2px solid #fff}}@media (prefers-reduced-motion:reduce){.tip-flipbook-slides,.tip-flipbook-slide,.tip-flipbook-nav-btn,.tip-flipbook-indicator{transition:none}.tip-flipbook-slide.entering,.tip-flipbook-slide.leaving{animation:none}}