/* adi-casting unified UI tokens + shared page chrome */
:root{
  --xy-ink:#0b1c33;
  --xy-blue:#0c4d89;
  --xy-accent:#ff9e16;
  --xy-accent-hot:#e88a0a;
  --xy-muted:#5b6573;
  --xy-line:rgba(11,28,51,.1);
  --xy-line-soft:rgba(11,28,51,.08);
  --xy-radius:2px;
  --xy-page-pad:32px 15px 56px;
}

/* shared inner page shell */
.xy-page,
.xy-pro-page,
.xy-list-page,
.xy-ws-page,
.xy-wsd-page,
.xy-pd-page,
.xy-nd-page,
.xy-ct-page{
  padding:var(--xy-page-pad);
}
.xy-page > .row:after,
.xy-pro-page > .row:after,
.xy-list-page > .row:after,
.xy-ws-page > .row:after,
.xy-wsd-page > .row:after,
.xy-pd-page > .row:after,
.xy-nd-page > .row:after{
  content:"";
  display:table;
  clear:both
}
.xy-page-main,
.xy-pro-main,
.xy-list-main,
.xy-ws-main,
.xy-pd-main,
.xy-nd-main{
  min-width:0
}

/* editorial section head — product list standard */
.xy-page-head,
.xy-pro-head,
.xy-list-head,
.xy-ws-head,
.xy-nd-head,
.right_head{
  margin:0 0 28px!important;
  padding:0 0 18px!important;
  background:none!important;
  border:0!important;
  border-bottom:1px solid var(--xy-line)!important;
  border-radius:0!important;
  box-shadow:none!important;
  position:relative;
  clear:none;
  height:auto!important;
  line-height:inherit!important
}
.xy-page-head::after,
.xy-pro-head::after,
.xy-list-head::after,
.xy-ws-head::after,
.xy-nd-head::after,
.right_head::after{
  content:"";
  position:absolute;left:0;bottom:-1px;width:72px;height:2px;
  background:var(--xy-accent);border-radius:0
}
.xy-page-title,
.xy-pro-title,
.xy-list-title,
.xy-ws-title,
.xy-nd-title,
.right_head h2,
.right_head h2 span{
  display:block!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  height:auto!important;
  line-height:1.25!important;
  font-size:28px!important;
  font-weight:700!important;
  letter-spacing:.01em!important;
  text-transform:none!important;
  color:var(--xy-ink)!important;
  background:none!important
}
.xy-page-desc,
.xy-pro-desc,
.xy-list-desc,
.xy-ws-desc{
  margin:12px 0 0;
  color:var(--xy-muted);
  font-size:14px;
  line-height:1.7
}

.xy-page-content,
.right_contents{
  clear:both;
  color:#334155;
  font-size:15px;
  line-height:1.85;
  overflow:hidden;
  max-width:100%;
  word-break:normal;
  overflow-wrap:anywhere
}
.xy-page-content img,
.right_contents img{
  display:block;
  max-width:100%!important;
  height:auto!important;
  margin:16px auto
}

/* transparent panels (no heavy card shell) */
.xy-page-panel,
.xy-pro-panel,
.xy-list-panel,
.xy-ws-panel{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  padding:0!important
}

/* shared pager */
.xy-pager,
.xy-pro-pager,
.xy-list-pager,
.xy-ws-pager,
.page{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-top:36px;
  padding:24px 0 0;
  border-top:1px solid var(--xy-line-soft);
  clear:both;
  text-align:center
}
.xy-pager > a,
.xy-pager > span,
.xy-pro-pager > a,
.xy-pro-pager > span,
.xy-list-pager > a,
.xy-list-pager > span,
.xy-ws-pager > a,
.xy-ws-pager > span,
.page > a,
.page > span,
.xy-pager a.page-numbers,
.xy-pager span.page-numbers,
.xy-pro-pager a.page-numbers,
.xy-pro-pager span.page-numbers,
.xy-list-pager a.page-numbers,
.xy-list-pager span.page-numbers,
.xy-ws-pager a.page-numbers,
.xy-ws-pager span.page-numbers,
.page a.page-numbers,
.page span.page-numbers{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  min-width:40px;
  height:40px;
  margin:0!important;
  padding:0 12px!important;
  border:1px solid rgba(11,28,51,.12)!important;
  border-radius:var(--xy-radius)!important;
  background:#fff!important;
  color:var(--xy-ink)!important;
  font-size:14px;
  font-weight:600;
  line-height:1!important;
  text-decoration:none!important;
  vertical-align:middle;
  transition:background .2s,border-color .2s,color .2s
}
.xy-pager a:hover,
.xy-pro-pager a:hover,
.xy-list-pager a:hover,
.xy-ws-pager a:hover,
.page a:hover,
.xy-pager .current,
.xy-pro-pager .current,
.xy-list-pager .current,
.xy-ws-pager .current,
.page .current,
.xy-pager span.page-numbers.current,
.xy-pro-pager span.page-numbers.current,
.xy-list-pager span.page-numbers.current,
.xy-ws-pager span.page-numbers.current{
  background:var(--xy-ink)!important;
  border-color:var(--xy-ink)!important;
  color:#fff!important;
  transform:none!important;
  box-shadow:none!important
}
.xy-pager a span,
.xy-pager span span,
.xy-pro-pager a span,
.xy-pro-pager span span,
.xy-list-pager a span,
.xy-list-pager span span,
.xy-ws-pager a span,
.xy-ws-pager span span,
.page a span,
.page span span{
  display:inline!important;
  min-width:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:inherit!important;
  box-shadow:none!important
}

.xy-tag-list{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:0;
  padding:0
}
.xy-tag-list a{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:8px 14px;
  border:1px solid rgba(11,28,51,.12);
  border-radius:2px;
  background:#fff;
  color:#0b1c33!important;
  font-size:13px;
  font-weight:600;
  line-height:1.3;
  text-decoration:none!important;
  transition:border-color .2s,color .2s,background .2s
}
.xy-tag-list a:hover{
  border-color:#ff9e16;
  color:#0c4d89!important;
  background:#fff
}
.xy-tag-list .xy-tag-count{
  color:#8a93a0;
  font-weight:500
}

@media screen and (max-width:768px){
  :root{--xy-page-pad:20px 16px 40px}
  .container{
    padding-left:16px!important;
    padding-right:16px!important
  }
  .container > .row{
    margin-left:0!important;
    margin-right:0!important
  }
  .xy-page-title,
  .xy-pro-title,
  .xy-list-title,
  .xy-ws-title,
  .xy-nd-title,
  .right_head h2,
  .right_head h2 span{font-size:22px!important}
  .xy-page-head,
  .xy-pro-head,
  .xy-list-head,
  .xy-ws-head,
  .xy-nd-head,
  .right_head{margin-bottom:20px!important}
}