/* Build 057 — Modern opinion cards */
.li-modern-home .li-opinion-row{
  margin:34px auto 36px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.li-modern-home .li-opinion-row .under-section,
.li-modern-home .li-opinion-main{
  width:100%!important;
  max-width:100%!important;
  padding:0!important;
  margin:0!important;
  float:none!important;
}
.li-opinion-pro-shell{
  direction:rtl!important;
  background:#fff!important;
  border:1px solid #e9e9e9!important;
  border-radius:10px!important;
  box-shadow:0 7px 24px rgba(0,0,0,.065)!important;
  padding:18px 20px 20px!important;
  position:relative!important;
  overflow:hidden!important;
}
.li-opinion-pro-shell:before{
  content:"";
  position:absolute;
  top:0;right:0;left:0;
  height:3px;
  background:#e60000;
}
.li-opinion-pro-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin:0 0 16px!important;
  padding:0 0 11px!important;
  border-bottom:1px solid #ededed!important;
}
.li-opinion-pro-title{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:0!important;
  padding:0 0 7px!important;
  background:transparent!important;
  color:#151515!important;
  border:0!important;
  border-bottom:3px solid #e60000!important;
  box-shadow:none!important;
  font-family:'TheSans',Arial,Tahoma,sans-serif!important;
  font-size:21px!important;
  line-height:1.2!important;
  font-weight:700!important;
}
.li-opinion-pro-title:before{
  content:"";
  width:27px;height:27px;
  border-radius:50%;
  background:#e60000 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4Z'/%3E%3C/svg%3E") center/14px 14px no-repeat;
  flex:0 0 27px;
}
.li-opinion-pro-title:after{display:none!important;}
.li-opinion-pro-controls{display:flex!important;gap:7px!important;direction:ltr!important;}
.li-opinion-pro-arrow{
  width:34px!important;height:34px!important;
  border:1px solid #e5e5e5!important;
  border-radius:6px!important;
  background:#fff!important;
  color:#e60000!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  cursor:pointer!important;
  transition:transform .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease!important;
  padding:0!important;
  overflow:hidden!important;
}
.li-opinion-pro-arrow svg{width:17px;height:17px;display:block;fill:none;stroke:currentColor;stroke-width:2.3;}
.li-opinion-pro-arrow:hover,
.li-opinion-pro-arrow:focus-visible{
  background:#e60000!important;color:#fff!important;border-color:#e60000!important;
  transform:translateY(-2px)!important;
  box-shadow:0 5px 12px rgba(230,0,0,.2)!important;
  outline:0!important;
}
.li-opinion-pro-track{
  display:flex!important;
  gap:17px!important;
  align-items:stretch!important;
  overflow-x:auto!important;
  scroll-behavior:smooth!important;
  scroll-snap-type:x proximity!important;
  padding:5px 2px 9px!important;
  scrollbar-width:thin!important;
  scrollbar-color:#e60000 #f1f1f1!important;
}
.li-opinion-pro-track::-webkit-scrollbar{height:5px!important;}
.li-opinion-pro-track::-webkit-scrollbar-track{background:#f1f1f1!important;border-radius:10px!important;}
.li-opinion-pro-track::-webkit-scrollbar-thumb{background:#e60000!important;border-radius:10px!important;}
.li-opinion-pro-card{
  flex:0 0 calc(25% - 13px)!important;
  min-width:185px!important;
  scroll-snap-align:start!important;
  display:flex!important;
  background:#fff!important;
  border:1px solid #e6e6e6!important;
  border-radius:9px!important;
  overflow:hidden!important;
  position:relative!important;
  transition:transform .26s ease,box-shadow .26s ease,border-color .26s ease!important;
}
.li-opinion-pro-card:after{
  content:"";position:absolute;right:0;left:0;bottom:0;height:3px;background:#e60000;
  transform:scaleX(0);transform-origin:right center;transition:transform .26s ease;
}
.li-opinion-pro-card:hover{
  transform:translateY(-5px)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.11)!important;
  border-color:#d8d8d8!important;
}
.li-opinion-pro-card:hover:after{transform:scaleX(1);}
.li-opinion-pro-link{
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  text-align:center!important;
  color:#111!important;
  text-decoration:none!important;
  padding:19px 14px 15px!important;
  min-height:222px!important;
  height:100%!important;
  box-sizing:border-box!important;
}
.li-opinion-pro-avatar{
  width:78px!important;height:78px!important;
  flex:0 0 78px!important;
  border-radius:50%!important;
  overflow:hidden!important;
  background:#f3f3f3!important;
  display:block!important;
  margin:0 auto 10px!important;
  border:4px solid #fff!important;
  box-shadow:0 0 0 1px #ddd,0 6px 15px rgba(0,0,0,.11)!important;
}
.li-opinion-pro-avatar img{
  width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;
  filter:grayscale(100%)!important;transition:filter .28s ease,transform .28s ease!important;
}
.li-opinion-pro-card:hover .li-opinion-pro-avatar img{filter:grayscale(0%)!important;transform:scale(1.07)!important;}
.li-opinion-pro-author{
  font-family:'TheSans',Arial,Tahoma,sans-serif!important;
  color:#e60000!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.35!important;
  margin:0 0 7px!important;
  display:block!important;
  min-height:19px!important;
}
.li-opinion-pro-post-title{
  font-family:'TheSans',Arial,Tahoma,sans-serif!important;
  color:#141414!important;
  font-size:16px!important;
  font-weight:700!important;
  line-height:1.52!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  min-height:49px!important;
  margin:0 0 8px!important;
  transition:color .22s ease!important;
}
.li-opinion-pro-card:hover .li-opinion-pro-post-title{color:#e60000!important;}
.li-opinion-pro-date{
  font-family:'TheSans',Arial,Tahoma,sans-serif!important;
  color:#9a9a9a!important;
  font-size:11px!important;
  line-height:1!important;
  margin:0 0 9px!important;
  display:block!important;
}
.li-opinion-pro-read{
  margin-top:auto!important;
  width:100%!important;
  padding-top:9px!important;
  border-top:1px solid #f0f0f0!important;
  color:#777!important;
  font-family:'TheSans',Arial,Tahoma,sans-serif!important;
  font-size:12px!important;
  font-weight:700!important;
  transition:color .22s ease!important;
}
.li-opinion-pro-read:after{content:" ←";display:inline-block;transition:transform .22s ease;}
.li-opinion-pro-card:hover .li-opinion-pro-read{color:#e60000!important;}
.li-opinion-pro-card:hover .li-opinion-pro-read:after{transform:translateX(-4px);}
@media (max-width:900px){
  .li-opinion-pro-card{flex-basis:calc(33.333% - 12px)!important;}
  .li-opinion-pro-link{min-height:218px!important;}
}
@media (max-width:640px){
  .li-modern-home .li-opinion-row{margin:24px auto 28px!important;}
  .li-opinion-pro-shell{padding:15px 11px 17px!important;border-radius:8px!important;}
  .li-opinion-pro-head{align-items:center!important;margin-bottom:13px!important;}
  .li-opinion-pro-title{font-size:18px!important;}
  .li-opinion-pro-title:before{width:24px;height:24px;flex-basis:24px;background-size:13px 13px;}
  .li-opinion-pro-arrow{width:31px!important;height:31px!important;}
  .li-opinion-pro-track{gap:12px!important;}
  .li-opinion-pro-card{flex-basis:calc(50% - 7px)!important;min-width:155px!important;}
  .li-opinion-pro-link{padding:16px 10px 13px!important;min-height:211px!important;}
  .li-opinion-pro-avatar{width:70px!important;height:70px!important;flex-basis:70px!important;}
  .li-opinion-pro-author{font-size:13px!important;}
  .li-opinion-pro-post-title{font-size:14px!important;min-height:43px!important;}
}
@media (max-width:390px){
  .li-opinion-pro-card{flex-basis:82%!important;min-width:0!important;}
}
@media (prefers-reduced-motion:reduce){
  .li-opinion-pro-track{scroll-behavior:auto!important;}
  .li-opinion-pro-card,.li-opinion-pro-avatar img,.li-opinion-pro-arrow,.li-opinion-pro-read:after{transition:none!important;}
}

/* Build 057.1 — Fix article link active/focus state */
.li-opinion-pro-link,
.li-opinion-pro-link:link,
.li-opinion-pro-link:visited,
.li-opinion-pro-link:hover,
.li-opinion-pro-link:focus,
.li-opinion-pro-link:focus-visible,
.li-opinion-pro-link:active{
  background:transparent!important;
  color:#111!important;
  text-decoration:none!important;
  outline:0!important;
  box-shadow:none!important;
}
.li-opinion-pro-read,
.li-opinion-pro-link:link .li-opinion-pro-read,
.li-opinion-pro-link:visited .li-opinion-pro-read{
  display:block!important;
  background:#f7f7f7!important;
  color:#666!important;
  border:1px solid #ededed!important;
  border-radius:3px!important;
  padding:7px 10px!important;
  line-height:1.35!important;
  opacity:1!important;
  visibility:visible!important;
}
.li-opinion-pro-link:hover .li-opinion-pro-read,
.li-opinion-pro-link:focus .li-opinion-pro-read,
.li-opinion-pro-link:focus-visible .li-opinion-pro-read,
.li-opinion-pro-link:active .li-opinion-pro-read{
  background:#fff4f4!important;
  color:#e60000!important;
  border-color:#f0b8b8!important;
  opacity:1!important;
  visibility:visible!important;
}
.li-opinion-pro-link:focus-visible{
  border-radius:8px!important;
  box-shadow:inset 0 0 0 2px rgba(230,0,0,.22)!important;
}

/* Build 058.2 — reduce the vertical gap between Lakome TV and Opinion */
.li-modern-home .li-opinion-section-wrap{
  padding-top:12px!important;
}
.li-modern-home .li-opinion-section-wrap .li-opinion-row{
  margin-top:0!important;
}
@media (max-width:767px){
  .li-modern-home .li-opinion-section-wrap{
    padding-top:10px!important;
  }
}

/* Build 058.3 — remove the residual white gap below Lakome TV
   Note: li-modern-home and li-opinion-section-wrap are on the same element. */
.li-modern-home.li-opinion-section-wrap{
  margin-top:0!important;
  padding-top:10px!important;
}
.li-modern-home.li-opinion-section-wrap .li-opinion-row{
  margin:0 auto 28px!important;
}
@media (max-width:767px){
  .li-modern-home.li-opinion-section-wrap{
    padding-top:8px!important;
  }
  .li-modern-home.li-opinion-section-wrap .li-opinion-row{
    margin-top:0!important;
  }
}

/* Build 058.4 — eliminate the remaining gap between Lakome TV and Opinion */
.li-after-hero-tv,
.li-after-hero-tv .li-tv-fullbleed,
.li-after-hero-tv .li-tv-only-fullbleed{
  margin-bottom:0!important;
}
.li-modern-home.li-opinion-section-wrap{
  margin-top:0!important;
  padding-top:0!important;
}
.li-modern-home.li-opinion-section-wrap > .container.home-container,
.li-modern-home.li-opinion-section-wrap .main-content,
.li-modern-home.li-opinion-section-wrap .li-opinion-row,
.li-modern-home.li-opinion-section-wrap .under-section,
.li-modern-home.li-opinion-section-wrap .li-opinion-main{
  margin-top:0!important;
  padding-top:0!important;
}
.li-modern-home.li-opinion-section-wrap .li-opinion-row{
  margin:0 auto 28px!important;
}
@media (max-width:767px){
  .li-modern-home.li-opinion-section-wrap{
    margin-top:0!important;
    padding-top:0!important;
  }
  .li-modern-home.li-opinion-section-wrap .li-opinion-row{
    margin-top:0!important;
  }
}