#character-study-section .character-study-container{max-width:1500px;margin:0 auto;padding:0 20px}#character-study-section .character-study-section{width:100%}#character-study-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;padding-top:20px}#character-study-section .section-title{font-size:clamp(32px,5.5vw,69px);color:#06080d;margin:0;font-family:Impact}#character-study-section .breadcrumb{font-size:clamp(16px,1.5vw,20px);color:#06080d;text-transform:uppercase;font-family:Impact}#character-study-section .search-container{position:relative}#character-study-section .search-input{width:390px;max-width:100%;padding:12px 50px 12px 20px;border:1px solid #ddd;border-radius:25px;font-size:16px;outline:none;box-sizing:border-box}#character-study-section .search-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:#1e40af;border:none;width:35px;height:35px;border-radius:25%;cursor:pointer;display:flex;align-items:center;justify-content:center}#character-study-section .search-btn svg{width:18px;height:18px;fill:#fff}#character-study-section .content-grid{display:grid;grid-template-columns:1fr .7fr;gap:30px;align-items:start;margin-bottom:30px}#character-study-section .character-card{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);border-radius:20px;overflow:hidden;position:relative;width:100%;max-height:350px}#character-study-section .character-image{width:100%;height:100%;object-fit:cover;position:relative}#character-study-section .character-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#1a1a2e4d,#0f346033);display:flex;align-items:center;justify-content:center}#character-study-section .play-button{width:clamp(60px,8vw,80px);height:clamp(60px,8vw,80px);background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;border:none}#character-study-section .play-button:hover{background:#fff;transform:scale(1.1)}#character-study-section .play-button svg{width:clamp(40px,6vw,80px);fill:#1e40af;margin-left:4px}#character-study-section .unlock-overlay{position:absolute;bottom:15px;right:15px;background:#736d6dbf;padding:8px 16px;border-radius:8px;color:#fff;text-align:center;font-weight:500;font-size:clamp(12px,1.2vw,16px)}#character-study-section .character-info{padding-top:4%;display:flex;flex-direction:column;justify-content:flex-start;gap:2rem;height:auto}#character-study-section .character-name{font-size:clamp(36px,6vw,68px);font-family:Impact;color:#333;line-height:1;text-align:left;margin:0;padding:0}#character-study-section .character-description{font-size:18px;color:#666;line-height:1.5;font-family:Hind Vadodara;text-align:left;margin:0;padding:5px 0 0}#character-study-section .unlock-btn{background:#1e40af;color:#fff;border:none;padding:14px 24px;border-radius:25px;font-size:clamp(12px,1.2vw,14px);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background .3s ease;align-self:flex-start;min-height:44px}#character-study-section .unlock-btn:hover{background:#1d4ed8}#character-study-section .unlock-btn svg{width:16px;height:16px;fill:currentColor}#character-study-section .audio-study{background:#fff;border-radius:15px;padding:20px;box-shadow:0 2px 10px #0000001a;max-width:740px;width:100%;margin:0}#character-study-section .audio-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}#character-study-section .audio-title{font-size:clamp(16px,1.8vw,20px);color:#333;margin:0}#character-study-section .volume-icon svg{width:clamp(20px,2.5vw,24px);height:clamp(20px,2.5vw,24px);fill:#666}#character-study-section .audio-controls{display:flex;align-items:center;gap:15px}#character-study-section .audio-play-btn:hover{background:#1d4ed8}#character-study-section .audio-play-btn svg{width:clamp(14px,1.5vw,16px);height:clamp(14px,1.5vw,16px);fill:#fff;margin-left:2px}#character-study-section .audio-timeline{flex:1;display:flex;align-items:center;gap:10px}#character-study-section .time-display{font-size:clamp(12px,1.2vw,14px);color:#666;min-width:45px}#character-study-section .audio-play-btn{width:clamp(36px,4vw,40px);height:clamp(36px,4vw,40px);background:#1e40af;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s ease;min-width:44px;min-height:44px}#character-study-section .progress-bar{flex:1;height:4px;background:#e5e7eb;border-radius:2px;position:relative;min-height:44px;display:flex;align-items:center}#character-study-section .progress-fill{width:5%;height:4px;background:#1e40af;border-radius:2px}#character-study-section .transcript-section{margin-top:40px}#character-study-section .transcript-title{font-size:51px;color:#333;text-align:center;margin:0 0 30px;font-family:Impact}#character-study-section .transcript-content{background:#fff;border-radius:15px;padding:30px;text-align:center;position:relative;overflow:hidden}#character-study-section .transcript-text{font-size:18px;line-height:1.8;color:#333;margin-bottom:30px;font-family:Hind Vadodara}#character-study-section .transcript-visible{margin-bottom:20px}#character-study-section .transcript-blur{filter:blur(3px);opacity:.6;position:relative}#character-study-section .transcript-blur:after{content:"";position:absolute;bottom:0;left:0;right:0;height:100px;background:linear-gradient(transparent,#fff);pointer-events:none}#character-study-section .subscribe-btn{background:#1e40af;color:#fff;border:none;padding:15px 30px;border-radius:25px;font-size:clamp(14px,1.4vw,16px);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:background .3s ease;position:relative;z-index:2;min-height:44px}#character-study-section .subscribe-btn:hover{background:#1d4ed8}#character-study-section .subscribe-btn svg{width:18px;height:18px;fill:currentColor}@media screen and (max-width: 1024px){#character-study-section .character-study-container{padding:0 15px}#character-study-section .content-grid{grid-template-columns:1fr;gap:25px}#character-study-section .character-info{padding-top:5%;gap:1.5rem}#character-study-section .audio-study{padding:15px}#character-study-section .transcript-content{padding:20px}}@media screen and (max-width: 768px){#character-study-section .character-study-container{padding:0 10px}#character-study-section .section-header{flex-direction:column;gap:20px;align-items:flex-start;margin-bottom:30px}#character-study-section .search-input{width:100%;min-width:250px}#character-study-section .content-grid{gap:20px}#character-study-section .character-card{max-height:250px}#character-study-section .character-info{padding-top:0;gap:1rem}#character-study-section .unlock-overlay{bottom:10px;right:10px;padding:6px 12px}#character-study-section .audio-controls{gap:10px}#character-study-section .time-display{min-width:35px}#character-study-section .transcript-section{margin-top:30px}}@media screen and (max-width: 480px){#character-study-section .character-study-container{padding:0 8px}#character-study-section .section-header{margin-bottom:20px;gap:15px}#character-study-section .search-input{min-width:200px;padding:10px 45px 10px 15px}#character-study-section .search-btn{width:30px;height:30px;right:8px}#character-study-section .search-btn svg{width:14px;height:14px}#character-study-section .character-card{border-radius:15px;max-height:200px}#character-study-section .character-info{gap:.8rem}#character-study-section .unlock-btn{padding:12px 20px;font-size:12px}#character-study-section .audio-study{padding:12px;border-radius:12px}#character-study-section .audio-controls{gap:8px;flex-wrap:wrap}#character-study-section .audio-timeline{gap:8px;min-width:0}#character-study-section .time-display{font-size:12px;min-width:30px}#character-study-section .transcript-content{padding:15px;border-radius:12px}#character-study-section .transcript-section{margin-top:20px}#character-study-section .subscribe-btn{padding:12px 24px;font-size:14px}}@media screen and (max-width: 360px){#character-study-section .search-input{min-width:180px}#character-study-section .transcript-title{font-size:38px}#character-study-section .transcript-text{font-size:14px}#character-study-section .audio-controls{flex-direction:column;align-items:stretch;gap:10px}#character-study-section .audio-timeline{order:-1}#character-study-section .time-display{text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/character-profile-section.css.map */