#sit .dm-product-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;grid-template-areas:"summary purchase" "details purchase" "related purchase";grid-template-rows:auto auto auto;align-content:start;gap:28px;align-items:start;padding:20px 0 56px;color:#17283f;font-size:15px}
#sit .dm-product-layout>*{min-width:0}
#sit .dm-product-summary{grid-area:summary;display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:24px;align-items:center;padding:26px;background:#f3f6fa;border-radius:16px}
#sit .dm-product-eyebrow{font-size:13px;font-weight:600;color:#546983}
#sit #dm-product-title{font-size:26px;line-height:1.4;font-weight:700;letter-spacing:-.035em;margin:10px 0 12px;overflow-wrap:anywhere}
#sit .dm-product-intro{font-size:15px;line-height:1.7;color:#53647a;margin:0 0 20px;overflow-wrap:anywhere}
#sit .dm-product-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0 0 22px;font-size:13px;line-height:1.7}
#sit .dm-product-meta>div{display:flex;gap:8px}
#sit .dm-product-meta dt{font-weight:400;color:#68778c}
#sit .dm-product-meta dd{margin:0;font-weight:500}
#sit .dm-product-summary-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
#sit .dm-product-summary-actions .btn{font-size:14px;line-height:1.5;padding:10px 14px;border-radius:8px;margin:0}
#sit .dm-product-edit{font-size:12px;padding:6px}
#sit .dm-product-cover{border-radius:12px;overflow:hidden}
#sit .dm-product-cover .dm-course-cover{width:100%;border-radius:0}
#sit .dm-product-purchase{grid-area:purchase;align-self:stretch;min-width:0}
#sit .dm-product-purchase-inner.dm-purchase-sticky{position:sticky;top:22px}
#sit .dm-product-purchase .card{padding:24px!important;border:1px solid #dce3ec!important;border-radius:16px;box-shadow:0 7px 24px rgba(24,47,85,.06);gap:0}
#sit .dm-product-purchase-title{font-size:18px;font-weight:700;margin:0 0 18px}
#sit .dm-product-prices{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 4px;margin-bottom:10px}
#sit .dm-product-prices h4{font-size:27px;line-height:1.4;font-weight:700!important;color:#152b50}
#sit .dm-product-prices .text-decoration-line-through{font-size:13px;color:#8390a1}
#sit .dm-product-discount{font-size:12px;color:#2157bc;font-weight:600;background:#edf3ff;padding:3px 7px;border-radius:5px}
#sit .dm-product-purchase .sit_option{font-size:14px}
#sit .dm-product-purchase select{font-size:14px;min-height:44px;max-width:100%;border-color:#d8e0ea;border-radius:8px}
#sit .dm-product-purchase #sit_tot_price{color:#172e55!important;font-size:14px;margin-bottom:12px}
#sit .dm-product-purchase .dm-benefits{margin:12px 0}
#sit .dm-product-purchase #sit_btn_buy,#sit .dm-product-purchase #sit_btn_cart{font-size:15px;font-weight:600;min-height:46px;padding:11px 16px;border-radius:8px;margin:0}
#sit .dm-product-help{display:flex;align-items:center;justify-content:center;gap:7px;border-top:1px solid #e8ecf2;padding-top:16px;margin-top:20px;color:#607188;font-size:12px;line-height:1.6}
#sit .dm-product-details{grid-area:details;min-width:0;scroll-margin-top:20px}
#sit .dm-product-details>.card{border:1px solid #e0e6ee!important;border-radius:14px!important;overflow:hidden}
#sit .dm-product-details .card-header{background:#fff;padding:0 24px!important;border-bottom:1px solid #e3e9f0!important}
#sit .dm-product-details #course-pills-tab{gap:24px;flex-wrap:nowrap;overflow-x:auto}
#sit .dm-product-details #course-pills-tab .nav-item{margin:0!important;flex-shrink:0}
#sit .dm-product-details #course-pills-tab .nav-link{font-size:15px;font-weight:500;padding:18px 0!important;margin:0!important;white-space:nowrap;border-radius:0;color:#6d798b}
#sit .dm-product-details #course-pills-tab .nav-link.active{font-weight:700;color:#2057bd}
#sit .dm-product-details .card-body{padding:24px!important;min-width:0}
#sit .dm-product-details .tab-content{padding-top:0!important}
#sit .dm-product-related{grid-area:related;padding:22px;background:#f5f7fa;border-radius:14px}
#sit .dm-product-related h2{font-size:15px;font-weight:600;margin:0 0 14px}
#sit .dm-product-related img{max-width:100%;height:auto;border-radius:8px}
#dm-product-ot-modal .modal-title{font-size:17px!important}
@media(min-width:992px) and (max-width:1199px){#sit .dm-product-layout{grid-template-columns:minmax(0,1fr) 320px;gap:20px}#sit .dm-product-summary{grid-template-columns:minmax(0,1fr);padding:24px}#sit .dm-product-cover{max-width:260px}#sit #dm-product-title{font-size:24px}}
@media(max-width:991px){#sit .dm-product-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"summary" "purchase" "details" "related";gap:20px;padding-top:10px}#sit .dm-product-purchase-inner.dm-purchase-sticky{position:static}#sit .dm-product-summary{grid-template-columns:minmax(0,1fr) 220px}}
@media(max-width:575px){#sit .dm-product-summary{grid-template-columns:minmax(0,1fr);padding:22px 20px;gap:20px}#sit .dm-product-summary-copy{order:1}#sit .dm-product-cover{max-width:230px;width:100%}#sit #dm-product-title{font-size:23px}#sit .dm-product-intro{font-size:14px;margin-bottom:16px}#sit .dm-product-meta{font-size:13px;margin-bottom:18px;gap:7px 16px}#sit .dm-product-summary-actions .btn{font-size:13px;padding:10px 12px}#sit .dm-product-purchase .card{padding:20px!important}#sit .dm-product-details .card-header{padding:0 18px!important}#sit .dm-product-details #course-pills-tab{gap:22px}#sit .dm-product-details #course-pills-tab .nav-link{font-size:14px}#sit .dm-product-details .card-body{padding:18px!important}#sit .dm-product-related{padding:18px}}

/* 모바일 표지는 카드 폭에 맞추고 상세 본문의 중복 여백만 줄입니다. */
@media(max-width:575px){
 #sit .dm-product-cover{max-width:none;width:100%}
 #sit .dm-product-cover .dm-course-art{width:100%;min-height:200px}
 #sit .dm-product-summary{padding:18px;gap:20px}
 #sit .dm-product-details .card-body{padding:10px!important}
 #sit .dm-product-details #course-pills-2,#sit .dm-product-details #course-pills-3{padding:8px}
}

/* 상품상세 전용 혜택 아이콘: 지원 여부·기존 툴팁은 유지합니다. */
#sit .dm-product-purchase .dm-benefit{display:inline-flex;align-items:center;gap:5px}
#sit .dm-product-purchase .dm-benefit>.bi{font-size:15px;line-height:1;text-decoration:none;flex-shrink:0}
#sit .dm-product-purchase .dm-course-benefits{flex-wrap:wrap;row-gap:8px}

#sit .dm-product-purchase .dm-course-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;padding:12px 14px}
#sit .dm-product-purchase .dm-benefit+.dm-benefit::before{display:none}