.vi-share{
  margin:1.25rem 0;
  padding:1rem 1rem 1.05rem;
  border:1px solid rgba(0,0,0,.08);
  border-radius:18px;
  background:linear-gradient(180deg, #fff9ef 0%, #fff 100%);
  box-shadow:0 10px 28px rgba(0,0,0,.04);
}

.vi-share-title{
  margin:0 0 .85rem;
  font-size:1.05rem;
  font-weight:700;
  line-height:1.25;
  color:#111827;
}

.vi-share-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.65rem;
}

.vi-share a[data-share],
.vi-share .vi-share-copy,
.vi-share .vi-share-native{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:.72rem .95rem;
  border:1px solid rgba(0,0,0,.08);
  border-radius:999px;
  background:#fff;
  color:#111827;
  text-decoration:none;
  font:inherit;
  font-weight:600;
  line-height:1;
  cursor:pointer;
  box-shadow:0 6px 18px rgba(0,0,0,.03);
  transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}

.vi-share a[data-share]:hover,
.vi-share .vi-share-copy:hover,
.vi-share .vi-share-native:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 24px rgba(0,0,0,.06);
  border-color:rgba(0,0,0,.14);
}

.vi-share a[data-share]:focus-visible,
.vi-share .vi-share-copy:focus-visible,
.vi-share .vi-share-native:focus-visible{
  outline:2px solid rgba(34,197,94,.35);
  outline-offset:2px;
}

.vi-share .vi-share-native[hidden]{
  display:none !important;
}

@media (max-width: 640px){
  .vi-share{
    padding:.95rem;
    border-radius:16px;
  }

  .vi-share-actions{
    gap:.55rem;
  }

  .vi-share a[data-share],
  .vi-share .vi-share-copy,
  .vi-share .vi-share-native{
    flex:1 1 calc(50% - .55rem);
    min-width:calc(50% - .55rem);
  }
}

/* === Share block refine: centered, no external title === */

.vi-share-title{
  display:none;
}

.vi-share{
  text-align:center;
}

.vi-share-actions{
  justify-content:center;
}

/* Product linkbox - internal SEO card */
.vi-product-linkbox {
  display: grid;
  grid-template-columns: 128px 1fr;
  gap: 1.15rem;
  align-items: center;
  margin: 2.2rem 0;
  padding: 1.15rem;
  border: 1px solid rgba(16, 185, 129, .22);
  border-radius: 22px;
  background:
    linear-gradient(135deg, rgba(236, 253, 245, .86), rgba(255, 255, 255, .98) 52%, rgba(255, 251, 235, .72));
  box-shadow: 0 14px 36px rgba(15, 23, 42, .10);
}

.vi-product-linkbox__media {
  display: block;
  padding: .55rem;
  border-radius: 18px;
  background: #fff;
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, .06);
}

.vi-product-linkbox__media img {
  display: block;
  width: 112px;
  height: 112px;
  object-fit: contain;
  border-radius: 14px;
}

.vi-product-linkbox__label {
  display: inline-flex;
  margin: 0 0 .35rem;
  padding: .22rem .55rem;
  border-radius: 999px;
  background: rgba(16, 185, 129, .12);
  color: #047857;
  font-size: .72rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.vi-product-linkbox h3 {
  margin: 0 0 .35rem;
  font-size: 1.2rem;
  line-height: 1.22;
}

.vi-product-linkbox h3 a {
  color: #047857;
  text-decoration: none;
}

.vi-product-linkbox__body p:not(.vi-product-linkbox__label) {
  margin: 0 0 .75rem;
  color: #334155;
  line-height: 1.5;
}

.vi-product-linkbox__cta {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  font-weight: 800;
  color: #059669;
  text-decoration: none;
}

.vi-product-linkbox__cta::after {
  content: "→";
  transition: transform .18s ease;
}

.vi-product-linkbox:hover .vi-product-linkbox__cta::after {
  transform: translateX(3px);
}

@media (max-width: 640px) {
  .vi-product-linkbox {
    grid-template-columns: 92px 1fr;
    gap: .85rem;
    padding: .9rem;
    border-radius: 18px;
  }

  .vi-product-linkbox__media {
    padding: .35rem;
    border-radius: 14px;
  }

  .vi-product-linkbox__media img {
    width: 78px;
    height: 78px;
  }

  .vi-product-linkbox h3 {
    font-size: 1.02rem;
  }

  .vi-product-linkbox__body p:not(.vi-product-linkbox__label) {
    font-size: .92rem;
  }
}

.vi-product-linkbox__meta {
  margin: 0 0 .6rem;
  font-size: .9rem;
  color: #475569;
}

.vi-product-linkbox__meta strong {
  color: #111827;
  font-weight: 800;
}

.vi-product-linkbox__cta {
  background: linear-gradient(135deg, #10b981, #059669);
  color: #fff;
  padding: .55rem .9rem;
  border-radius: 999px;
  font-size: .88rem;
  box-shadow: 0 6px 16px rgba(16,185,129,.25);
}

.vi-product-linkbox:hover .vi-product-linkbox__cta {
  transform: translateY(-1px);
}

/* Product linkbox CTA contrast fix */
.vi-product-linkbox .vi-product-linkbox__cta,
.vi-product-linkbox .vi-product-linkbox__cta:visited {
  color: #ffffff !important;
}

.vi-product-linkbox .vi-product-linkbox__cta:hover,
.vi-product-linkbox .vi-product-linkbox__cta:focus {
  color: #ffffff !important;
  background: linear-gradient(135deg, #059669, #047857);
}

/* Hover effect premium */
.vi-product-linkbox {
  transition: all .25s ease;
}

.vi-product-linkbox:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(0,0,0,.08);
  border-color: #10b981;
}

.vi-product-linkbox__media img {
  transition: transform .3s ease;
}

.vi-product-linkbox:hover .vi-product-linkbox__media img {
  transform: scale(1.05);
}


/* Product linkbox final polish */
.vi-product-linkbox {
  grid-template-columns: 140px 1fr;
  padding: 1rem 1.15rem;
}

.vi-product-linkbox__media img {
  width: 124px;
  height: 124px;
}

.vi-product-linkbox__meta {
  margin-bottom: .45rem;
}

.vi-product-linkbox h3 {
  margin-bottom: .25rem;
}

@media (max-width: 640px) {
  .vi-product-linkbox {
    grid-template-columns: 86px 1fr;
    padding: .85rem;
  }

  .vi-product-linkbox__media img {
    width: 76px;
    height: 76px;
  }
}