.detail{padding:50px 0;background-color:#f8f9fa;}.detail__content{background:white;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,0.08);padding:40px;position:relative;}.detail__actions{display:flex;justify-content:center;gap:20px;margin-bottom:40px;}.detail__btn--card,.detail__btn--wallet{background:transparent;border:2px solid #333;color:#333;}.detail__btn--card:hover,.detail__btn--wallet:hover{background:#333;color:white;transform:translateY(-5px);}.detail__purchased{text-align:center;padding:30px;background:#f1f1f1;border-radius:8px;width:100%;}.detail__purchased-title{font-size:2.2rem;font-weight:700;color:var(--second-color);margin:0;}.detail__info{background:#f8f9fa;border-radius:12px;padding:30px;margin-bottom:40px;border:1px solid #eaeaea;}.detail__info-title{font-size:2rem;font-weight:700;color:#333;margin-bottom:25px;text-align:center;position:relative;padding-bottom:15px;}.detail__info-title:after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80px;height:3px;background:linear-gradient(135deg,var(--primary-color),var(--second-color));border-radius:3px;}.detail__images{margin-top:40px;}.detail__images-title{font-size:2rem;font-weight:700;color:#333;margin-bottom:25px;text-align:center;position:relative;padding-bottom:15px;}.detail__images-title:after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80px;height:3px;background:linear-gradient(135deg,var(--primary-color),var(--second-color));border-radius:3px;}.detail__images-item:hover{transform:scale(1.02);}.modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);z-index:1000;overflow-y:auto;padding:20px;}.modal__content{background:white;max-width:600px;margin:40px auto;border-radius:12px;overflow:hidden;box-shadow:0 15px 30px rgba(0,0,0,0.2);}.modal__header{padding:20px 25px;background:#333;color:white;position:relative;}.modal__close{position:absolute;top:50%;right:20px;transform:translateY(-50%);background:transparent;border:none;color:white;font-size:2.4rem;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all 0.3s ease;}.modal__close:hover{background:rgba(255,255,255,0.2);}.modal__body{padding:30px;}.modal__info{background:#f8f9fa;border-radius:8px;padding:20px;margin-bottom:25px;}.modal__row:last-child{margin-bottom:0;}.modal__label{min-width:120px;font-size:1.5rem;font-weight:600;color:#666;}.modal__discount{margin-bottom:25px;}.modal__discount .modal__row{display:grid;grid-template-columns:1fr auto;gap:10px;}.modal__input{height:45px;padding:0 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:1.5rem;transition:all 0.3s ease;}.modal__input:focus{border-color:#333;outline:none;}.modal__discount-message{font-size:1.4rem;margin-top:10px;color:#666;}.modal__discount-message--error{color:var(--second-color);}.modal__discount-message--success{color:#28a745;}.modal__notice{background:#fff8e1;border-left:4px solid #ffc107;padding:15px;font-size:1.5rem;color:#856404;margin-top:20px;border-radius:4px;}.modal__footer{padding:20px 30px;background:#f8f9fa;display:flex;justify-content:space-between;gap:15px;}.modal__btn{padding:12px 25px;border-radius:8px;font-size:1.5rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;text-align:center;border:none;}.modal__btn--wallet{background:#333;color:white;flex-grow:1;}.modal__btn--close{background:#e0e0e0;color:#666;}.modal__btn--check{background:#333;color:white;border-radius:8px;padding:0 20px;}.modal__btn:hover{transform:translateY(-3px);box-shadow:0 5px 10px rgba(0,0,0,0.1);}.modal__btn--wallet:hover{background:#222;}.modal__btn--check:hover{background:#222;}.modal__btn--close:hover{background:#d0d0d0;}@media (max-width:992px){.detail__content{padding:30px;}.detail__actions{flex-wrap:wrap;}.detail__btn{flex:1;min-width:160px;}}@media (max-width:768px){.detail{padding:30px 0;}.detail__content{padding:25px;}.detail__info{padding:20px;}.detail__info-title,.detail__images-title{font-size:1.8rem;}.detail__actions{gap:15px;}.detail__btn{padding:12px 20px;font-size:1.4rem;}.modal__content{margin:20px auto;}.modal__footer{flex-direction:column;}}@media (max-width:480px){.detail__content{padding:20px;}.detail__info-label{margin-bottom:5px;}.modal__discount .modal__row{grid-template-columns:1fr;}.modal__btn{width:100%;}}.image-viewer__close:hover{color:var(--second-color);}