/* Vatan Internal Link Manager 1.6.6
 * FINAL FRONT-END UI based on the six supplied desktop/mobile references.
 * Admin editor previews load this exact stylesheet so preview and front-end stay identical.
 */
.vcb-box,.vcb-article-box{font-family:inherit;box-sizing:border-box}
.vcb-box *,.vcb-article-box *{box-sizing:border-box}
.vcb-box{direction:rtl;width:100%;background:var(--vcb-primary,#075346);color:#fff;border-radius:15px;margin:28px 0;overflow:hidden;position:relative}
.vcb-box a{box-shadow:none!important}
.vcb-media{display:block;background:#fff;border-radius:13px;overflow:hidden}
.vcb-media img{display:block;width:100%;height:100%;object-fit:cover}
.vcb-content{direction:rtl;text-align:center;min-width:0}
.vcb-title{color:#fff!important;margin:0;font-weight:800;line-height:1.5}
.vcb-banner{color:#fff!important;margin:0;font-weight:400;line-height:1.8;opacity:.98}
.vcb-button{display:flex;align-items:center;justify-content:center;width:100%;text-decoration:none!important;border:1.3px solid rgba(255,255,255,.95);background:transparent;color:#fff!important;border-radius:999px;font-weight:400;line-height:1;text-align:center;box-shadow:none!important;transition:background .18s ease,color .18s ease}
.vcb-button:hover{background:#fff;color:var(--vcb-primary,#075346)!important}

/* COMPARISON — desktop reference 863×368 */
.vcb-compare{direction:ltr;min-height:368px;padding:25px 28px;display:grid;grid-template-columns:313px minmax(0,1fr);column-gap:50px;align-items:center}
.vcb-compare .vcb-media{width:313px;height:313px}
.vcb-compare .vcb-content{direction:rtl;width:100%;max-width:420px;justify-self:center}
.vcb-compare .vcb-title{font-size:23px;margin-bottom:5px}
.vcb-compare .vcb-banner{font-size:14px;margin-bottom:24px}
.vcb-price-grid{direction:ltr;display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 32px}
.vcb-price-card{direction:rtl;min-height:106px;padding:12px 10px;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.vcb-price-card span{display:block;font-size:15px;font-weight:500;line-height:1.4;margin-bottom:6px;color:#fff}
.vcb-price-card small{display:block;font-size:10px;font-weight:400;line-height:1.4;margin-bottom:5px;color:#fff;opacity:.98}
.vcb-price-card strong{display:block;font-size:17px;font-weight:500;line-height:1.4;color:#fff}
.vcb-price-card .woocommerce-Price-amount,.vcb-price-card .woocommerce-Price-currencySymbol{font:inherit;color:inherit}
.vcb-original{background:transparent;border:1.3px dashed rgba(255,255,255,.95)}
.vcb-vatan{background:rgba(6,106,89,.52);border:1.3px solid var(--vcb-accent,#C8A34D);text-decoration:none!important;color:#fff!important;box-shadow:none!important;cursor:pointer;transition:background .18s ease,transform .18s ease}.vcb-vatan:hover{background:rgba(8,122,102,.62);color:#fff!important;transform:translateY(-1px)}
.vcb-compare .vcb-button{height:39px;font-size:14px}

/* SIMPLE PRODUCT — desktop reference 863×199 */
.vcb-simple{direction:ltr;min-height:199px;padding:15px 15px 15px 36px;display:grid;grid-template-columns:minmax(0,1fr) 171px;column-gap:36px;align-items:center}
.vcb-simple .vcb-media{grid-column:2;width:171px;height:169px}
.vcb-simple .vcb-content{grid-column:1;grid-row:1;direction:rtl;width:100%;padding-left:10px}
.vcb-simple .vcb-title{font-size:22px;margin-bottom:13px}
.vcb-simple .vcb-banner{font-size:13px;margin-bottom:27px}
.vcb-simple .vcb-button{max-width:431px;height:36px;margin:0 auto;font-size:14px}

/* ARTICLE — desktop reference 863×113 */
.vcb-article-box{direction:rtl;position:relative;display:block;width:100%;height:113px;min-height:113px;margin:26px 0;background:var(--vcb-article-bg,#F3F3F3);border-radius:11px;overflow:hidden;text-decoration:none!important;color:#111!important;box-shadow:none!important;isolation:isolate}
.vcb-article-box.has-image::before{content:"";position:absolute;right:0;top:0;bottom:0;width:243px;background:var(--vcb-primary,#075346);border-radius:0 11px 11px 0;z-index:0}
.vcb-article-label{position:absolute;right:0;top:0;bottom:0;width:49px;padding:0;background:var(--vcb-primary,#075346);color:#fff;display:flex;align-items:center;justify-content:center;border-radius:0 11px 11px 0;font-size:13px;font-weight:400;line-height:1;writing-mode:vertical-rl;text-orientation:mixed;white-space:nowrap;transform:rotate(180deg);z-index:4}
.vcb-article-image{position:absolute;right:49px;top:0;bottom:0;width:194px;display:block;overflow:hidden;background:#ddd;border-radius:10px;z-index:2}
.vcb-article-image img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.vcb-article-content{position:absolute;right:243px;left:0;top:0;bottom:0;display:flex;align-items:center;justify-content:flex-start;padding:10px 28px 10px 20px;text-align:right;direction:rtl;z-index:1}
.vcb-article-content strong{display:block;width:100%;color:#111!important;font-size:14px;font-weight:500;line-height:1.7;text-align:right}
.vcb-article-box.no-image .vcb-article-label{width:49px}.vcb-article-box.no-image .vcb-article-content{right:49px}

/* MOBILE — references: compare 379×674, simple 379×518, article 379×87 */
@media(max-width:780px){
  .vcb-box{border-radius:15px;margin:24px 0}

  .vcb-compare{direction:rtl;min-height:674px;padding:26px 27px 34px;display:block}
  .vcb-compare .vcb-media{width:100%;height:auto;aspect-ratio:1/1;margin:0 auto 27px;border-radius:13px}
  .vcb-compare .vcb-content{max-width:none;width:100%}
  .vcb-compare .vcb-title{font-size:22px;margin-bottom:6px}
  .vcb-compare .vcb-banner{font-size:14px;margin-bottom:27px}
  .vcb-price-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:24px}
  .vcb-price-card{min-height:84px;padding:9px 5px;border-radius:12px}
  .vcb-price-card span{font-size:13px;margin-bottom:3px}
  .vcb-price-card small{font-size:9px;margin-bottom:3px}
  .vcb-price-card strong{font-size:14px}
  .vcb-compare .vcb-button{height:37px;font-size:14px}

  .vcb-simple{direction:rtl;min-height:518px;padding:26px 27px 28px;display:block}
  .vcb-simple .vcb-media{width:100%;height:auto;aspect-ratio:1/1;margin:0 auto 30px;border-radius:13px}
  .vcb-simple .vcb-content{width:100%;padding:0}
  .vcb-simple .vcb-title{font-size:22px;margin-bottom:15px}
  .vcb-simple .vcb-banner{font-size:14px;margin-bottom:26px}
  .vcb-simple .vcb-button{max-width:none;height:30px;font-size:14px}

  .vcb-article-box{height:87px;min-height:87px;margin:20px 0;border-radius:10px}
  .vcb-article-box.has-image::before{width:182px;border-radius:0 10px 10px 0}
  .vcb-article-label{width:38px;padding:0;border-radius:0 10px 10px 0;font-size:11px}
  .vcb-article-image{right:38px;width:144px;height:87px}
  .vcb-article-content{right:182px;padding:7px 12px 7px 8px;justify-content:flex-start;text-align:right}
  .vcb-article-content strong{font-size:12px;line-height:1.55;text-align:right}
  .vcb-article-box.no-image .vcb-article-label{width:38px}.vcb-article-box.no-image .vcb-article-content{right:38px}
}

@media(max-width:420px){
  .vcb-price-card strong{font-size:13px}
  .vcb-price-card span{font-size:12px}
}


/* 2.0.0 — selected products + final article image polish */
.vcb-article-image{border-radius:10px!important;overflow:hidden!important}.vcb-article-image img{border-radius:10px!important}.vcb-article-label{z-index:6!important}
.vcb-selected-products{direction:rtl;margin:28px 0}.vcb-selected-products>h3{text-align:right;margin:0 0 14px;font-size:20px}.vcb-selected-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.vcb-selected-card{border:1px solid #e2e6e4;border-radius:14px;padding:10px;background:#fff;display:flex;flex-direction:column;text-align:center;min-width:0}.vcb-selected-image{display:block;aspect-ratio:1/1;border-radius:11px;overflow:hidden;background:#f3f3f3}.vcb-selected-image img{width:100%;height:100%;object-fit:cover;display:block}.vcb-selected-card strong{font-size:13px;line-height:1.55;margin:9px 2px;min-height:40px}.vcb-selected-title-link{display:block;text-decoration:none!important;color:inherit!important;box-shadow:none!important;margin:9px 2px;min-height:40px}.vcb-selected-title-link strong{display:block;margin:0!important;min-height:0!important;color:inherit!important}.vcb-selected-title-link:hover strong{color:var(--vcb-primary,#075346)!important}
.vcb-selected-button{margin-top:auto;border:1px solid var(--vcb-primary,#075346);color:var(--vcb-primary,#075346)!important;border-radius:999px;text-decoration:none!important;padding:8px 6px;font-size:12px}.vcb-selected-button:hover{background:var(--vcb-primary,#075346);color:#fff!important}@media(max-width:780px){.vcb-selected-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.vcb-selected-products>h3{font-size:17px}.vcb-selected-card{padding:8px}.vcb-selected-card strong{font-size:12px}.vcb-selected-button{font-size:11px;padding:7px 5px}}

/* 2.4.0 — article image radius follows the outer card radius on all four corners. */
.vcb-article-box{--vcb-article-radius:11px;border-radius:var(--vcb-article-radius)!important}
.vcb-article-image,.vcb-article-image img{border-radius:var(--vcb-article-radius)!important;overflow:hidden!important}
@media(max-width:780px){.vcb-article-box{--vcb-article-radius:10px}}

/* 2.5.0 — article radius fix + selected products carousel */
.vcb-article-box.has-image::before{display:none!important}
.vcb-article-image{border-radius:var(--vcb-article-radius,11px)!important;overflow:hidden!important;background:var(--vcb-article-bg,#F3F3F3)!important}
.vcb-article-image img{border-radius:inherit!important}
.vcb-selected-products{overflow:hidden}
.vcb-selected-track{direction:rtl;display:flex;gap:14px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-behavior:smooth;padding:2px 1px 8px;cursor:grab;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.vcb-selected-track.is-dragging{cursor:grabbing;scroll-behavior:auto;user-select:none}
.vcb-selected-card{flex:0 0 calc((100% - 42px)/3.5);scroll-snap-align:start;min-width:0}
.vcb-selected-button{align-self:center;width:auto;min-width:118px;padding:6px 14px;font-size:11px;line-height:1.25}
@media(max-width:780px){.vcb-selected-track{gap:10px}.vcb-selected-card{flex-basis:calc((100% - 10px)/1.5)}.vcb-selected-button{min-width:104px;font-size:10.5px;padding:6px 11px}.vcb-article-image{border-radius:var(--vcb-article-radius,10px)!important}}

/* 2.6.0 — article tab layering + smooth desktop carousel */
.vcb-article-box.has-image::before{
  display:block!important;
  content:"";
  position:absolute;
  right:0;
  top:0;
  bottom:0;
  width:230px;
  background:var(--vcb-primary,#075346);
  border-radius:0 var(--vcb-article-radius,11px) var(--vcb-article-radius,11px) 0;
  z-index:0;
}
.vcb-article-label{
  background:transparent!important;
  border-radius:0 var(--vcb-article-radius,11px) var(--vcb-article-radius,11px) 0!important;
  overflow:hidden;
}
.vcb-article-image{z-index:3!important}
.vcb-article-content{z-index:1!important}
.vcb-selected-track{
  scrollbar-width:none!important;
  -ms-overflow-style:none;
  padding-bottom:8px;
  touch-action:auto;
}
.vcb-selected-track::-webkit-scrollbar{height:0}
.vcb-selected-track.is-dragging,.vcb-selected-track.is-scrolling{scrollbar-width:thin!important}
.vcb-selected-track.is-dragging::-webkit-scrollbar,.vcb-selected-track.is-scrolling::-webkit-scrollbar{height:6px}
.vcb-selected-track::-webkit-scrollbar-track{background:transparent}
.vcb-selected-track::-webkit-scrollbar-thumb{background:#9aa7a2;border-radius:999px}
@media(max-width:780px){
  .vcb-article-box.has-image::before{width:172px;border-radius:0 var(--vcb-article-radius,10px) var(--vcb-article-radius,10px) 0}
  .vcb-selected-track,.vcb-selected-track.is-dragging,.vcb-selected-track.is-scrolling{scrollbar-width:none!important}
  .vcb-selected-track::-webkit-scrollbar,.vcb-selected-track.is-dragging::-webkit-scrollbar,.vcb-selected-track.is-scrolling::-webkit-scrollbar{height:0!important}
}

/* 2.6.1 — desktop carousel drag fix: page wheel remains vertical; cards never reorder */
@media(min-width:781px){
  .vcb-selected-track{
    direction:rtl;
    touch-action:pan-y;
    scroll-snap-type:x proximity;
  }
  .vcb-selected-track .vcb-selected-card{
    direction:rtl;
  }
  .vcb-selected-track.is-dragging{
    scroll-snap-type:none!important;
    cursor:grabbing!important;
  }
  .vcb-selected-track img,
  .vcb-selected-track a{
    -webkit-user-drag:none;
    user-drag:none;
  }
}


/* 2.6.2 — desktop kinetic carousel: no scrollbar, no desktop snap */
.vcb-selected-track,
.vcb-selected-track.is-dragging,
.vcb-selected-track.is-scrolling{
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
.vcb-selected-track::-webkit-scrollbar,
.vcb-selected-track.is-dragging::-webkit-scrollbar,
.vcb-selected-track.is-scrolling::-webkit-scrollbar{
  width:0!important;
  height:0!important;
  display:none!important;
}
@media(min-width:781px){
  .vcb-selected-track{
    scroll-snap-type:none!important;
    scroll-behavior:auto!important;
    cursor:grab;
  }
  .vcb-selected-track.is-dragging{cursor:grabbing!important}
  .vcb-selected-track .vcb-selected-card{scroll-snap-align:none!important}
}