/* Marketplace Indonesia v1.8.1 — listing information, not replacement markup.
 * Styles native Classima custom fields, description, actions and overview.
 */
body.cms-mart-detail-page {
  --cms-info-border:#d6dfec;
  --cms-info-ink:#17263f;
  --cms-info-muted:#67768d;
  --cms-info-red:#e52332;
  --cms-info-wash:#f8fafd;
}
body.cms-mart-detail-page #content .classima-single-details .rtin-content-area {
  margin-top:24px;
}
body.cms-mart-detail-page #content .classima-single-details .rtin-content-area > .row {
  row-gap:22px;
}
body.cms-mart-detail-page #content .classima-single-details :is(
 .rtin-content-area .single-listing-custom-fields-action,
 .classima-custom-fields-wrap,
 .rtin-content-area .rtin-content,
 .rtin-specs
) {
  border:1px solid var(--cms-info-border);
  border-radius:17px;
  background:#fff;
  padding:22px 23px;
  box-shadow:0 8px 24px rgba(25,45,75,.055);
  overflow-wrap:anywhere;
}
body.cms-mart-detail-page #content .classima-single-details .rtin-content-area .single-listing-custom-fields-action {
  background:linear-gradient(180deg,#fff,#fcfdff);
}
body.cms-mart-detail-page #content .classima-single-details .rtin-content-area .rtin-content {
  font-size:15px;
  line-height:1.85;
  color:#34445e;
  min-height:100%;
}
body.cms-mart-detail-page #content .classima-single-details :is(
  .rtin-specs-title,
  .classima-custom-fields-wrap > h3,
  .single-listing-custom-fields-action > h3
) {
  color:var(--cms-info-ink);
  font-size:19px;
  font-weight:850;
  line-height:1.35;
  padding:0 0 16px;
  margin:0 0 15px;
  border-bottom:1px solid #e5eaf1;
  position:relative;
}
body.cms-mart-detail-page #content .classima-single-details .rtin-specs-title::after {
  content:"";position:absolute;bottom:-2px;left:0;
  width:45px;height:3px;border-radius:99px;background:var(--cms-info-red);
}
body.cms-mart-detail-page #content .classima-single-details :is(
 .classima-custom-fields ul,
 ul.rtcl-cf-properties
) {
  list-style:none;
  padding:0;
  margin:0;
}
body.cms-mart-detail-page #content .classima-single-details :is(
  .classima-custom-fields ul,
  ul.rtcl-cf-properties
) > li {
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  align-items:baseline;
  gap:5px 13px;
  padding:12px 0;
  min-width:0;
  border-bottom:1px solid #ecf0f5;
  color:#40536b;
  line-height:1.5;
}
body.cms-mart-detail-page #content .classima-single-details :is(
  .classima-custom-fields ul,
  ul.rtcl-cf-properties
) > li:last-child {border-bottom:0;}
body.cms-mart-detail-page #content .classima-single-details :is(
 .classima-custom-fields .rtin-label,
 .rtcl-cf-properties .rtin-label
) {
  color:#53657d;
  font-weight:750;
  font-size:13px;
  flex:0 1 auto;
}
body.cms-mart-detail-page #content .classima-single-details :is(
 .classima-custom-fields .rtin-title,
 .rtcl-cf-properties .rtin-title
) {
  color:var(--cms-info-ink);
  font-weight:650;
  font-size:13px;
  min-width:0;
  word-break:break-word;
}
body.cms-mart-detail-page #content .classima-single-details :is(
 .classima-custom-fields a,
 .rtcl-cf-properties a
) {color:#cf1d30;font-weight:700;text-decoration:none;}
body.cms-mart-detail-page #content .classima-single-details :is(
 .classima-custom-fields a:hover,
 .rtcl-cf-properties a:hover
) {text-decoration:underline;}
body.cms-mart-detail-page #content .classima-single-details ul.rtcl-single-listing-action {
  list-style:none;
  padding:8px 0 0;
  margin:14px 0 0;
  border-top:1px solid #e7ecf3;
}
body.cms-mart-detail-page #content .classima-single-details ul.rtcl-single-listing-action > li {
  display:flex;
  align-items:center;
  min-height:43px;
  padding:10px 3px;
  margin:0;
  border-bottom:1px solid #e8edf3;
  color:#52617a;
  font-size:13px;
}
body.cms-mart-detail-page #content .classima-single-details ul.rtcl-single-listing-action > li:last-child {
  border-bottom:0;
}
body.cms-mart-detail-page #content .classima-single-details ul.rtcl-single-listing-action a {
  font-weight:700;
  text-decoration:none;
  color:#3e506a;
}
body.cms-mart-detail-page #content .classima-single-details ul.rtcl-single-listing-action a:hover {
  color:var(--cms-info-red);
}
body.cms-mart-detail-page #content .classima-single-details ul.rtcl-single-listing-action :is(i,.fa,.fas,.far) {
  color:#cf3241;
  margin-right:7px;
}
body.cms-mart-detail-page #content .classima-single-details .rtin-spec-items li {
  line-height:1.65;
  padding:8px 10px;
}
body.cms-mart-detail-page #content .classima-single-details .tab-content .tab-pane > :is(.rtin-content,.classima-custom-fields) {
  font-size:15px;
  line-height:1.8;
}
body.cms-mart-detail-page #content .classima-single-details .tab-content .tab-pane.show.active {
  padding:18px 3px 6px;
}
/* Quick View remains native: only the visual eye icon becomes a magnifier.
 * Other eye symbols (e.g., view counters) are intentionally unchanged. */
body.cms-mart-archive-page #content .rtcl-quick-view :is(.fa-eye,.rtcl-icon-eye)::before {
  content:"\f00e";
  font-family:"Font Awesome 5 Free",FontAwesome,sans-serif;
  font-weight:900;
}
@media(max-width:767px) {
  body.cms-mart-detail-page #content .classima-single-details :is(
    .rtin-content-area .single-listing-custom-fields-action,
    .classima-custom-fields-wrap,
    .rtin-content-area .rtin-content,
    .rtin-specs
  ) {padding:17px 16px;border-radius:13px;}
}

/* v1.8.2 — gentle motion, clearer sections and an uncluttered share row. */
body.cms-mart-detail-page #content .classima-single-details :is(
  .rtin-content-area .single-listing-custom-fields-action,
  .classima-custom-fields-wrap,
  .rtin-content-area .rtin-content,
  .rtin-specs
) {
  position:relative;
  border-color:#d8e1ee;
  box-shadow:0 9px 28px rgba(18,36,68,.065);
  transition:border-color .26s ease,box-shadow .26s ease,transform .26s ease;
  animation:cms-info-appear .48s ease-out backwards;
}
body.cms-mart-detail-page #content .classima-single-details :is(
  .rtin-content-area .single-listing-custom-fields-action,
  .classima-custom-fields-wrap,
  .rtin-content-area .rtin-content,
  .rtin-specs
):hover {
  border-color:#bfcde0;
  box-shadow:0 13px 32px rgba(18,36,68,.10);
  transform:translateY(-2px);
}
body.cms-mart-detail-page #content .classima-single-details .rtcl-single-listing-action > li {
  transition:background-color .2s ease;
}
body.cms-mart-detail-page #content .classima-single-details .rtcl-single-listing-action > li:hover {
  background:#f8fafc;
}
/* Share label ALWAYS occupies its own line; icons flow underneath. */
body.cms-mart-detail-page #content .classima-single-details li.rtcl-sidebar-social {
  display:block!important;
  width:100%;
  padding:14px 3px!important;
  background:transparent;
}
body.cms-mart-detail-page #content .classima-single-details li.rtcl-sidebar-social > :is(.rtin-share-title,.share-label) {
  display:block!important;
  width:100%;
  margin:0 0 12px!important;
  font-weight:750;
  color:#53657c!important;
  line-height:1.5;
}
body.cms-mart-detail-page #content .classima-single-details li.rtcl-sidebar-social > :is(.rtin-details-social-action,.rtcl-social-share,ul,div:not(.share-label)) {
  margin-top:7px;
  width:100%;
}
body.cms-mart-detail-page #content .classima-single-details li.rtcl-sidebar-social :is(.share-label,.rtin-share-title) :is(i,.fa,.fas,.far) {
  color:#64748b!important;
}
/* Preserve each social network's ORIGINAL icon/background color. */
body.cms-mart-detail-page #content .classima-single-details li.rtcl-sidebar-social a :is(.fa,.fas,.far,.fab,i) {
  color:inherit!important;
}
body.cms-mart-detail-page #content .classima-single-details .cms-unlinked-description-text {
  color:inherit;
  text-decoration:none;
  cursor:text;
}
@keyframes cms-info-appear {
  from {opacity:.75; transform:translateY(9px);}
  to {opacity:1; transform:translateY(0);}
}
@media(prefers-reduced-motion:reduce) {
  body.cms-mart-detail-page #content .classima-single-details :is(
    .rtin-content-area .single-listing-custom-fields-action,
    .classima-custom-fields-wrap,
    .rtin-content-area .rtin-content,
    .rtin-specs
  ) {animation:none!important;transform:none!important;transition:none!important;}
}




/* ==========================================
   Classima Product Features Alignment
   ========================================== */

/* Two-column layout */
.single-rtcl_listing .rtin-specs ul.rtin-spec-items {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 28px;
    row-gap: 16px;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Reset Classima's original floating columns */
.single-rtcl_listing .rtin-specs ul.rtin-spec-items > li {
    float: none !important;
    clear: none !important;
    width: auto !important;
    max-width: none !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 25px !important;
    margin: 0 !important;
    padding: 0 !important;
    min-width: 0;
    line-height: 1.6;
}

/* Align the feature icons */
.single-rtcl_listing .rtin-specs ul.rtin-spec-items > li i,
.single-rtcl_listing .rtin-specs ul.rtin-spec-items > li svg {
    flex: 0 0 18px;
    width: 18px;
    font-size: 16px;
    line-height: 24px;
    margin: 0 !important;
    color: #e52332;
}

/* Text wrapping */
.single-rtcl_listing .rtin-specs ul.rtin-spec-items > li span {
    min-width: 0;
    overflow-wrap: anywhere;
}

/* Mobile: one column */
@media (max-width: 767px) {
    .single-rtcl_listing .rtin-specs ul.rtin-spec-items {
        grid-template-columns: 1fr !important;
        row-gap: 12px;
    }
}




/* Keep icon and text properly aligned */
.single-rtcl_listing .rtin-specs ul.rtin-spec-items > li i {
    flex-shrink: 0;
    margin-right: 4px !important;
}

.single-rtcl_listing .rtin-specs ul.rtin-spec-items > li::before {
    margin-right: 11px !important;
}