@charset "utf-8";

/***** List *****/
.list_logo {text-align:left !important; padding-left:11px;}
.contents_section .list {padding:10px;}
.contents_section .list .related_word { padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #dcdcdc; line-height:1em;}
.contents_section .list .related_word a {text-decoration: underline; color:#0097bf;}
.contents_section .list .related_word li {display:inline; margin-right:5px; font-size:12px;}
.contents_section .list .search_result_number {margin-bottom:10px;}
.contents_section .list .search_result_number strong {color:#0097bf;}
.contents_section .list .list_wrap {position:relative; margin-bottom:10px; padding-bottom:10px; border-bottom:1px dashed #dcdcdc;}
.contents_section .list .list_wrap .thumbnail {position:absolute; top:0px; left:0px; width:100px; margin-right:5px;}
.contents_section .list .list_wrap .thumbnail img{border:1px solid #dcdcdc;}
.contents_section .list .list_wrap .information {margin-left:100px; min-height:90px;}
.contents_section .list .list_wrap .information li {font-size:12px; line-height:1.4em; color:#777777;}
.contents_section .list .list_wrap .information .title { font-size:16px;}
.contents_section .list .list_wrap .information .title a {color:#0077c3; text-decoration:underline;}
.contents_section .list .list_wrap .information .title img {margin:0 3px -2px 0;}
.contents_section .list .list_wrap .information .numbers {}
.contents_section .list .list_wrap .information .numbers span {margin:0 10px 0 3px; font-weight:bold;}
.contents_section .list .list_wrap .information .price {color:#FF6600; margin-bottom:3px;}
.contents_section .list .list_wrap .information .price .vm { margin-bottom:-2px;}

/* StudyMate AI Promo Box (Mobile) */
.studymate_ai_promo_mobile {
    background: linear-gradient(135deg, #1976d2, #42a5f5);
    border-radius: 8px;
    padding: 15px;
    margin: 15px 0;
    color: white;
    box-shadow: 0 3px 10px rgba(25, 118, 210, 0.3);
    border: 1px solid #1976d2;
}

.promo_content_mobile {
    text-align: center;
}

.promo_text_mobile {
    width: 100%;
}

.promo_text_mobile h4 {
    margin: 0 0 8px 0;
    font-size: 14px;
    font-weight: bold;
    color: white;
    line-height: 1.3;
}

.promo_text_mobile p {
    margin: 0 0 10px 0;
    font-size: 12px;
    color: #f0f8ff;
    line-height: 1.4;
}

.promo_description_mobile {
    margin: 0 0 8px 0 !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
}

.promo_subtitle_mobile {
    margin: 0 0 6px 0 !important;
    font-size: 12px !important;
    opacity: 0.9 !important;
}

.promo_price_mobile {
    margin: 0 0 10px 0 !important;
    font-size: 13px !important;
    font-weight: bold !important;
}

.price_highlight_mobile {
    color: #ffc107 !important;
    font-size: 16px !important;
    font-weight: bold !important;
}

.btn_ai_promo_mobile {
    background: #fff;
    color: #1976d2;
    padding: 8px 16px;
    border-radius: 20px;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    border: 1px solid transparent;
    transition: all 0.3s ease;
}

.btn_ai_promo_mobile:hover {
    background: #f0f8ff;
    color: #1565c0;
    text-decoration: none;
}

/* StudyMate AI No Results Promo Box (Mobile) */
.studymate_ai_promo_no_result_mobile {
    background: linear-gradient(135deg, #1976d2, #42a5f5);
    border-radius: 8px;
    padding: 15px;
    margin: 15px 0;
    color: white;
    box-shadow: 0 3px 10px rgba(25, 118, 210, 0.3);
    border: 1px solid #1976d2;
    text-align: center;
}

.btn_ai_promo_no_result_mobile {
    background: #fff;
    color: #1976d2;
    padding: 10px 18px;
    border-radius: 20px;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    margin-top: 8px;
    border: 1px solid transparent;
    transition: all 0.3s ease;
}

.btn_ai_promo_no_result_mobile:hover {
    background: #f0f8ff;
    color: #1565c0;
    text-decoration: none;
}

/* Smaller discount info text for mobile */
.price_discount_info_mobile {
    font-size: 13px !important;
    opacity: 0.85 !important;
}