.container{width:var(--page-shell-width);max-width:var(--page-shell-max-width);margin:0 auto;padding:20vh 0}.comp-grid{grid-template-columns:1.1fr 1fr;gap:24px;display:grid}.comp-gallery .image-gallery-slide img{aspect-ratio:16/9;border-radius:16px}.card{background:#fff;border-radius:16px;flex-direction:column;gap:16px;padding:24px;display:flex;box-shadow:0 6px 24px #00000014}.social-icons img{width:24px;height:24px}.comp-title{margin:0;font-size:32px;font-weight:700}.comp-meta{flex-wrap:wrap;gap:8px;display:flex}.comp-chip{background:#f0f2ff;border:1px solid #dde1ff;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;display:flex}.comp-chip .label{color:#6b7280;font-size:13px}.comp-chip .value{color:#111;font-size:13px;font-weight:600}.comp-chip-clickable{cursor:pointer;background:#e3f2fd;border:1px solid #bbdefb;transition:all .2s}.comp-chip-clickable:hover{background:#bbdefb;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.desktop-description{background:#fff;border-radius:16px;margin-top:24px;padding:24px;box-shadow:0 6px 24px #00000014}.desktop-description .comp-description{color:#333;font-size:16px;line-height:1.6}.desktop-description .comp-description h1,.desktop-description .comp-description h2,.desktop-description .comp-description h3{color:var(--primary-color);margin-top:0}.desktop-description .comp-description p{margin-bottom:16px}.desktop-description .comp-description ul,.desktop-description .comp-description ol{margin-bottom:16px;padding-left:20px}.comp-price{color:var(--primary-color);font-size:24px;font-weight:800}.countdown{background:#f9f9ff;border-radius:12px;justify-content:space-around;align-items:center;gap:10px;padding:12px;font-weight:700;display:flex}.countdown-icon{color:var(--primary-color);font-size:20px}.time-block{text-align:center;color:var(--primary-color);font-size:20px}.time-block span{color:#555;font-size:12px;display:block}.tickets-progress{flex-direction:column;gap:8px;display:flex}.progress-label{align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.progress-bar{background:#eee;border-radius:999px;height:12px;overflow:hidden}.progress-fill{background:var(--primary-color);height:100%;transition:width .4s}.comp-description{color:#333;line-height:1.6}.comp-description p{margin:.6em 0}.social-icons{gap:12px;margin-top:auto;display:flex}.social-btn{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;transition:background .3s;display:flex}.social-btn:hover{opacity:.85}.free-entry{cursor:pointer;color:#1f2937;text-align:center;background:#f7f8ff;border:1px solid #eef1ff;border-radius:12px;margin:12px 0;padding:12px 14px;font-weight:600}.free-entry:hover{background:#eef2ff}.quiz-box{border:1px solid #eee;border-radius:12px;margin-top:12px;padding:12px 14px}.quiz-title{margin-bottom:6px;font-weight:700}.quiz-question{color:#374151;margin-bottom:8px}.quiz-options{flex-direction:column;gap:8px;margin-bottom:8px;display:flex}.quiz-option{cursor:pointer;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;transition:all .2s;display:flex}.quiz-option:hover{background:#f9fafb;border-color:#d1d5db}.quiz-option input[type=radio]{margin:0}.quiz-option span{color:#374151;font-size:14px}.qty-box{margin-top:14px}.qty-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.qty-value{color:var(--secondary-color);font-weight:800}.qty-slider{width:100%;accent-color:var(--secondary-color)}.modal-overlay{z-index:1000;background:#00000073;place-items:center;display:grid;position:fixed;inset:0}.modal{background:#fff;border:1px solid #eee;border-radius:16px;width:min(720px,92vw);max-height:80vh;padding:16px;overflow:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modal-close{cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;display:flex}.modal-body{white-space:pre-wrap;color:#374151;line-height:1.65}.comp-gallery-rig .image-gallery-slide img{object-fit:cover;border-radius:16px;width:100%;height:400px}.instant-prizes-section{border-radius:16px;margin-bottom:24px;padding:24px}.instant-prizes-title{text-align:center;color:#f57c00;text-shadow:0 1px 2px #0000001a;margin:0 0 20px;font-size:1.4rem;font-weight:700}.instant-prizes-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:16px;display:grid}.instant-prize-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:16px;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 8px #0000001a}.instant-prize-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.instant-prize-image{background:#f5f5f5;border-radius:8px;justify-content:center;align-items:center;width:100%;height:120px;margin-bottom:12px;display:flex;overflow:hidden}.instant-prize-image img{object-fit:cover;width:100%;height:100%}.instant-prize-placeholder{color:#ccc;font-size:3rem}.instant-prize-info{text-align:center}.instant-prize-title{color:#333;margin:0 0 8px;font-size:1.1rem;font-weight:600}.instant-prize-value{color:#f57c00;margin-bottom:8px;font-size:1.2rem;font-weight:700}.instant-prize-stats{color:#666;font-size:.9rem}.instant-prize-remaining{color:#2e7d32;background:#e8f5e8;border-radius:6px;padding:4px 8px;font-weight:500}.instant-prizes-note{text-align:center;color:#666;background:#ffffffb3;border-radius:8px;margin:16px 0 0;padding:12px;font-size:.9rem}@media (max-width:768px){.instant-prizes-grid{grid-template-columns:1fr;gap:12px}.instant-prize-card{padding:12px}.instant-prize-image{height:100px}.instant-prizes-title{font-size:1.2rem}}.custom-image-layout{flex-direction:column;gap:12px;width:100%;display:flex}.main-image{cursor:pointer;aspect-ratio:16/9;border-radius:16px;transition:transform .2s;position:relative;overflow:hidden}.main-image:hover{transform:scale(1.02)}.main-image img{object-fit:cover;width:100%;height:100%;display:block}.thumbnail-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.thumbnail{cursor:pointer;aspect-ratio:1;border-radius:12px;transition:transform .2s;position:relative;overflow:hidden}.thumbnail:hover{transform:scale(1.05)}.thumbnail img{object-fit:cover;width:100%;height:100%;display:block}.image-overlay{color:#fff;background:#0009;justify-content:center;align-items:center;font-size:1.2rem;font-weight:600;display:flex;position:absolute;inset:0}.overlay-text{text-shadow:0 2px 4px #00000080}.image-gallery-modal{z-index:10000;background:#000000f2;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.gallery-modal-content{background:#fff;border-radius:20px;width:100%;max-width:1200px;max-height:90vh;position:relative;overflow:hidden;box-shadow:0 25px 50px #00000080}.gallery-close-btn{z-index:10001;color:#fff;cursor:pointer;background:#000c;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:absolute;top:15px;right:15px}.gallery-close-btn:hover{background:#000;transform:scale(1.1)}.gallery-container{width:100%;height:100%;max-height:90vh;overflow-y:auto}.modal-gallery .image-gallery-slide img{object-fit:contain;border-radius:0;max-height:70vh}.modal-gallery .image-gallery-thumbnails-wrapper{background:#f8f9fa;padding:15px}.modal-gallery .image-gallery-thumbnail{border-radius:8px;overflow:hidden}.modal-gallery .image-gallery-thumbnail img{border-radius:8px}@media (max-width:900px){.comp-grid{grid-template-columns:1fr}.comp-gallery-rig .image-gallery-slide img{height:300px}.thumbnail-grid{grid-template-columns:repeat(2,1fr);gap:6px}.main-image{aspect-ratio:4/3}.image-gallery-modal{padding:10px}.gallery-modal-content{border-radius:15px;max-height:95vh}.modal-gallery .image-gallery-slide img{max-height:60vh}}@media (max-width:480px){.custom-image-layout{gap:8px}.thumbnail-grid{gap:4px}.image-overlay{font-size:1rem}.gallery-close-btn{width:35px;height:35px;top:10px;right:10px}.modal-gallery .image-gallery-slide img{max-height:50vh}}@media (max-width:768px){.thumbnail-grid{grid-template-columns:repeat(4,1fr);gap:6px}}.mobile-description-dropdown{margin:20px 0}.description-dropdown-toggle{color:#333;cursor:pointer;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;font-size:16px;font-weight:500;transition:all .2s;display:flex}.description-dropdown-toggle:hover{background:#e9ecef;border-color:#007bff}.description-dropdown-toggle:active{transform:scale(.98)}.dropdown-arrow{color:#666;font-size:12px;transition:transform .2s}.dropdown-arrow.open{transform:rotate(180deg)}.description-dropdown-content{box-shadow:none;background:0 0;border:0;border-radius:0;margin-top:12px;padding:0}@media (min-width:768px){.mobile-description-dropdown{display:none}}@media (max-width:767px){.comp-description:not(.description-dropdown-content .comp-description),.desktop-description{display:none}}@media (min-width:900px){.card{height:fit-content}}.qty-value:hover{background-color:#e9ecef!important;border-color:#007bff!important}
