.art-page {
  --ink: #1A1D29;
  --slate: #53586C;
  --slate-light: #7A7F92;
  --slate-line: #E4E6EE;
  --bg: #FFFFFF;
  --bg-soft: #F5F6FA;
  --white: #FFFFFF;
  --mono: ui-monospace, SFMono-Regular, Menlo, monospace;
  --accent: #F7941D;
  --plum: #6A4C93;
  --plum-soft: #F3F0FA;
  --plum-deep: #4E3670;
  --plum-line: #D6CCE8;

  background: #fff;
  color: var(--ink);
  font-family: "Inter", sans-serif;
  padding: 60px 0;
}

.art-shell__inner {
  max-width: 1320px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 56px;
  padding: 0 24px;
}

.art-side {
  position: sticky;
  top: 100px;
}

.art-cover {
  position: relative;
  height: 420px;
  border-radius: 24px;
  overflow: hidden;
  background: linear-gradient(160deg, #FAF7FD 0%, #F3F0FA 60%, #FFF8EE 100%);
  border: 1px solid var(--slate-line);
  margin-bottom: 32px;
}

.art-cover__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.art-cover__badge {
  position: absolute;
  top: 22px;
  left: 22px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  border-radius: 999px;
  background: #171A27;
  color: #fff;
  font-size: 11px;
  letter-spacing: 2px;
  font-weight: 700;
}

.art-cover__badge-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--accent);
}

.art-cover__placeholder {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 12px 18px;
  border-radius: 999px;
  background: rgba(255,255,255,0.9);
  border: 1px solid #E4E6EE;
  font-size: 11px;
  letter-spacing: 2px;
  color: #7A7F92;
}

.art-sidebar-widgets .tagcloud {
    gap: 5px !important;
}

.sidebar .laconic-widget.widget_tag_cloud a {
    line-height: 1.2;
    margin-right: 5px;
    font-weight: 300;
    font-size: 12px !important;
    background-color: #fff;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 999px;
    color: #53586ccf;
    font-weight: 600;
    border: 1px solid var(--slate-line);
    cursor: pointer;
}


.widget_categories .cat-item, .cat-item-25, .cat-item-26 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2px 15px;
    border-radius: 8px;
    color: var(--slate);
    font-weight: 500;
    cursor: pointer;
    border-bottom:none;
}

.widget_categories .cat-item a {
 color: #4e3670;
 font-size:18px;
}

.art-sidebar-widgets ul li {
    font-size: 0px !important;
    margin-bottom: 9px;
    }
    

.widget_categories .cat-item-26{
border:1px solid var(--plum-line) !important;
}


.cat-item-26 {
    background: var(--plum-soft);
    color: var(--plum-deep);
    font-weight: 700;
    border-color: var(--plum-line);
}



.art-related__title > a {
color: black;
}

.art-head__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 20px;
  font-size: 11px;
  letter-spacing: 2px;
  color: #7A7F92;
  font-weight: 700;
}

.art-head__meta .cat {
  color: var(--plum);
}

.art-head__h1 {
  font-size: 64px !important;
  line-height: 1.02 !important;
  letter-spacing: -2px;
  font-weight: 800;
  margin-bottom: 30px;
  color: #171A27;
}

.art-head__byline {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 18px 0;
  border-top: 1px solid #E4E6EE;
  border-bottom: 1px solid #E4E6EE;
  margin-bottom: 40px;
}

.art-head__av {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: var(--plum);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}

.art-head__spacer {
  flex: 1;
}

.art-head__share {
  display: flex;
  gap: 8px;
}

.art-head__share-btn {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  border: 1px solid #E4E6EE;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}

.art-body {
  font-size: 18px;
  line-height: 1.9;
  color: #35384A !important;
}

.art-body h2 {
  font-size: 34px !important;
  line-height: 1.2 !important;
  margin: 60px 0 20px;
  color: #171A27 !important;
  font-weight: 800;
}

.art-body h3 {
  font-size: 24px !important;
  line-height: 1.3 !important;
  margin: 42px 0 16px;
  font-weight: 800;
  color: #171A27;
}

.art-body p {
  margin-bottom: 24px;
}

.art-body img {
  max-width: 100%;
  height: auto;
  border-radius: 18px;
}

.art-foot-share {
  margin-top: 60px;
  padding-top: 24px;
  border-top: 1px solid #E4E6EE;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.art-foot-share__label {
  font-size: 11px;
  letter-spacing: 2px;
  font-weight: 700;
  color: #7A7F92;
}

.art-prevnext {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  margin-top: 40px;
}

.art-prevnext__card {
  padding: 22px;
  border: 1px solid #E4E6EE;
  border-radius: 18px;
  background: #fff;
  transition: all .25s ease;
}

.art-prevnext__card:hover {
  background: #F7F3FD;
  border-color: #D6CCE8;
}

.art-prevnext__card--next {
  text-align: right;
}

.art-prevnext__dir {
  display: block;
  font-size: 11px;
  letter-spacing: 2px;
  color: var(--plum);
  font-weight: 700;
  margin-bottom: 10px;
}

.art-prevnext__title {
  font-size: 16px;
  line-height: 1.45;
  color: #171A27;
  font-weight: 700;
}

.art-related {
  margin-top: 70px;
  padding: 40px;
  border-radius: 24px;
  background: #F6F7FB;
  border: 1px solid #E4E6EE;
}

.art-related__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px;
}

.art-related__card {
  background: #fff;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid #E4E6EE;
}

.art-related__cover {
  display: block;
  position: relative;
  height: 190px;
  overflow: hidden;
  background: linear-gradient(160deg, #F3F0FA 0%, #FFF8EE 100%);
}

.art-related__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.art-related__cover-tag {
  position: absolute;
  top: 18px;
  left: 18px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,0.92);
  font-size: 11px;
  letter-spacing: 2px;
  color: #53586C;
  font-weight: 700;
}

.art-related__body {
  padding: 24px;
}

.art-related__title {
  font-size: 22px !important;
  line-height: 1.3 !important;
  margin-bottom: 14px;
}

.art-related__meta {
  display: flex;
  gap: 10px;
  font-size: 11px;
  letter-spacing: 1.5px;
  color: #7A7F92;
}

@media (max-width: 991px) {

  .art-shell__inner {
    grid-template-columns: 1fr;
  }

  .art-side {
    position: relative;
    top: 0;
  }

  .art-head__h1 {
    font-size: 42px !important;
  }

  .art-prevnext,
  .art-related__grid {
    grid-template-columns: 1fr;
  }

  .art-foot-share,
  .art-head__byline {
    flex-wrap: wrap;
  }
}

@media (max-width: 767px) {

  .art-page {
    padding: 30px 0;
  }

  .art-shell__inner {
    padding: 0 18px;
    gap: 28px;
  }

  .art-head__h1 {
    font-size: 34px !important;
    line-height: 1.1 !important;
  }

  .art-cover {
    height: 240px;
    border-radius: 18px;
  }

  .art-body {
    font-size: 16px;
    line-height: 1.8;
  }

  .art-related {
    padding: 24px;
  }
}











/* =========================================================
   NEW SIDEBAR DESIGN
========================================================= */

.art-side{
  min-width:0;
}

.art-side__sticky{
  position:sticky;
  top:110px;
}

.art-side__card{
  background:#FFFFFF;
  padding:28px;
  overflow:hidden;
}

.widget_categories > .sidebar-title{
  display:none;
}


/* HEADER */

.art-side__head{
  display:flex;
  align-items:center;
  gap:12px;

  font-size:11px;
  letter-spacing:3px;
  text-transform:uppercase;
  font-weight:800;

  color:#6A4C93;
}

.art-side__head-line{
  width:26px;
  height:1px;
  background:#6A4C93;
  flex-shrink:0;
}

/* WIDGET AREA */

.art-sidebar-widgets{
  display:flex;
  flex-direction:column;
  gap:30px;
}

/* SINGLE WIDGET */

.art-sidebar-widgets .widget{
  padding-bottom:28px;
  border-bottom:1px solid #E4E6EE;
}

.art-sidebar-widgets .widget:last-child{
  padding-bottom:0;
  border-bottom:none;
}

/* TITLES */

.art-sidebar-widgets .widget-title{
  position:relative;

  margin:0 0 20px;
  padding-left:18px;

  font-size:13px;
  line-height:1.2;
  letter-spacing:2px;
  text-transform:uppercase;
  font-weight:800;

  color:#171A27;
}

.art-sidebar-widgets .widget-title:before{
  content:"";

  position:absolute;
  left:0;
  top:4px;

  width:8px;
  height:8px;

  border-radius:50%;
  background:#F7941D;
}

/* LISTS */

.art-sidebar-widgets ul{
  margin:0;
  padding:0;
  list-style:none;
}

.art-sidebar-widgets ul li{
  position:relative;

  margin-bottom:12px;
  padding-left:16px;
}

.art-sidebar-widgets ul li:last-child{
  margin-bottom:0;
}

.art-sidebar-widgets ul li:before{
  content:"";

  position:absolute;
  left:0;
  top:10px;

  width:5px;
  height:5px;

  border-radius:50%;
 
}

/* LINKS */

.art-sidebar-widgets a{
  color:#53586C;
  text-decoration:none;

  font-size:15px;
  line-height:1.6;
  font-weight:500;

  transition:all .25s ease;
}

.art-sidebar-widgets a:hover{
  color:#6A4C93;
}

/* SEARCH */

.art-sidebar-widgets .search-form{
  display:flex;
  flex-direction:column;
}

.art-sidebar-widgets input[type="search"]{
  width:100%;
  height:54px;

  border-radius:16px;
  border:1px solid #E4E6EE;

  padding:0 16px;

  font-size:14px;
  outline:none;

  transition:.25s ease;
}

.art-sidebar-widgets input[type="search"]:focus{
  border-color:#6A4C93;
}

.art-sidebar-widgets .search-submit{
  width:100%;
  height:48px;

  margin-top:12px;

  border:none;
  border-radius:14px;

  background:#171A27;
  color:#FFFFFF;

  font-size:14px;
  font-weight:700;

  transition:.25s ease;
}

.art-sidebar-widgets .search-submit:hover{
  background:#6A4C93;
}

/* TAG CLOUD */

.art-sidebar-widgets .tagcloud{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.art-sidebar-widgets .tagcloud a{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  min-height:36px;
  padding:8px 14px;

  border-radius:999px;
  border:1px solid #E4E6EE;

  background:#FFFFFF;

  font-size:12px !important;
  font-weight:700;

  transition:.25s ease;
}

.art-sidebar-widgets .tagcloud a:hover{
  background:#F3F0FA;
  border-color:#D6CCE8;
  color:#6A4C93;
}

/* IMAGE */

.art-sidebar-widgets img{
  max-width:100%;
  height:auto;
  border-radius:18px;
}

/* SELECT */

.art-sidebar-widgets select{
  width:100%;
  height:50px;

  border-radius:14px;
  border:1px solid #E4E6EE;

  padding:0 14px;
  background:#FFFFFF;
}

/* TABLE */

.art-sidebar-widgets table{
  width:100%;
}

.art-sidebar-widgets table td,
.art-sidebar-widgets table th{
  padding:8px;
  border:1px solid #E4E6EE;
  text-align:center;
  font-size:13px;
}

/* TEXT */

.art-sidebar-widgets p{
  margin-bottom:16px;
  font-size:15px;
  line-height:1.7;
  color:#53586C;
}

/* MOBILE */

@media(max-width:991px){

  .art-side__sticky{
    position:relative;
    top:0;
  }

  .art-side__card{
    padding:24px;
  }

}

@media(max-width:767px){

  .art-side__card{
    border-radius:22px;
    padding:20px;
  }

  .art-side__head{
    margin-bottom:22px;
  }

}