/* Vahid brand slider 1.2 — isolated component, shared by widget and reference HTML. */
.vgb,.vgb *,.vgb-tip,.vgb-tip *{box-sizing:border-box}
.vgb{position:relative;color:var(--vg-green-deep,#0a2b20);background:linear-gradient(120deg,#fff,#f4f8f5);font-family:var(--vg-font-fa,"Vahid Yekan"),Tahoma,sans-serif;line-height:1.8;border-block:1px solid #14543d12;width:100%;min-width:0}
.vgb[dir=ltr],.vgb-tip[dir=ltr]{font-family:var(--vg-font-latin,Manrope),Arial,sans-serif}
.vgb .vgb__inner{padding:40px 24px 28px;max-width:1180px;margin-inline:auto;min-width:0}
.vgb .vgb__head{display:flex;align-items:end;justify-content:space-between;gap:24px}
.vgb .vgb__title{font-family:inherit;font-size:32px;font-weight:700;line-height:1.5;margin:0;padding:0;color:var(--vg-green-deep,#0a2b20)}
.vgb .vgb__intro{margin:9px 0 0;padding:0;font-size:16px;line-height:1.8;color:var(--vg-muted,#708078)}
.vgb a.vgb__all{display:flex;align-items:center;gap:12px;background:transparent;border:0;color:var(--vg-green,#14543d);padding:10px 0;white-space:nowrap;font-size:14px;font-weight:700;text-decoration:none}
.vgb .vgb__all span{font:20px Arial}
.vgb .vgb__stage{margin-top:14px;position:relative}
.vgb .vgb__viewport{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;scroll-snap-type:x mandatory;scroll-padding-inline:8px;cursor:grab;touch-action:pan-x pan-y;padding:26px 0 28px;min-width:0}
.vgb .vgb__viewport::-webkit-scrollbar{display:none}
.vgb .vgb__viewport.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}
.vgb .vgb__track{display:flex;list-style:none!important;gap:var(--vgb-gap,18px);margin:0;padding:0 8px;width:max-content;max-width:none}
.vgb .vgb__item{position:relative;display:block;width:var(--vgb-size,132px);flex:0 0 var(--vgb-size,132px);scroll-snap-align:start;perspective:650px;padding:0;margin:0;list-style:none}
.vgb .vgb__item:before{content:none}
.vgb a.vgb__card{position:relative;display:block;padding:1px;width:100%;height:var(--vgb-height,auto);aspect-ratio:var(--vgb-ratio,1);border:0;border-radius:13px;background:#d8e3dc;overflow:hidden;color:var(--vg-green,#14543d);box-shadow:0 8px 18px #0a2b2006;transform:translateY(0);transition:transform 400ms cubic-bezier(.2,.75,.3,1),box-shadow 400ms ease;isolation:isolate;user-select:none;-webkit-user-drag:none;text-decoration:none;touch-action:pan-x pan-y}
.vgb .vgb__card:before{content:'';position:absolute;inset:-65%;background:conic-gradient(from 0deg,transparent 0deg,transparent 240deg,#f5822033 285deg,#f58220 325deg,#ffc483 348deg,transparent 360deg);animation:vgb-orbit 3.2s linear infinite;animation-play-state:paused;opacity:0;transition:opacity 250ms}
.vgb .vgb__tile{position:relative;display:flex;width:100%;height:100%;align-items:center;justify-content:center;flex-direction:column;border-radius:12px;background:#fff;overflow:hidden;z-index:1}
.vgb .vgb__tile:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--mx,50%) var(--my,40%),#f582201c,transparent 65%);opacity:0;transition:opacity .3s;pointer-events:none}
.vgb .vgb__mark{display:block;width:var(--vgb-logo-width,72%);height:var(--vgb-logo-height,72%);max-width:100%;max-height:100%;object-fit:contain;margin:0;padding:0;border:0;border-radius:0;transition:transform 400ms cubic-bezier(.2,.75,.3,1);pointer-events:none;-webkit-user-drag:none}
.vgb .vgb__fallback{font-family:inherit;font-size:17px;font-weight:700;text-align:center;padding:20px;overflow-wrap:anywhere;line-height:1.6}
.vgb .vgb__number{position:absolute;inset-inline-start:11px;top:8px;font:9px Manrope,Arial;letter-spacing:.04em;color:#adbcb2}
.vgb .vgb__corner{position:absolute;inset-inline-end:10px;bottom:6px;font:18px Arial;color:var(--vg-orange,#f58220);opacity:0;transform:translate(3px,3px);transition:opacity .3s,transform .3s}
.vgb .vgb__card:focus-visible:before{opacity:1;animation-play-state:running}
.vgb .vgb__card:focus-visible .vgb__tile:after,.vgb .vgb__card:focus-visible .vgb__corner{opacity:1}
.vgb button,.vgb a{font-family:inherit}
.vgb button:focus-visible,.vgb a:focus-visible,.vgb__viewport:focus-visible{outline:3px solid var(--vg-orange,#f58220);outline-offset:4px}
.vgb .vgb__info{position:absolute;inset-inline-end:5px;top:5px;z-index:3;display:grid;place-items:center;width:32px;height:32px;min-width:0;padding:0;border:0;border-radius:50%;background:transparent;color:var(--vg-green,#14543d);cursor:pointer;font:700 13px Georgia,serif;line-height:1}
.vgb .vgb__info span{display:grid;place-items:center;width:19px;height:19px;border:1px solid #b1c5b7;border-radius:50%;background:#f1f7f3}
.vgb .vgb__info[aria-expanded=true] span{background:var(--vg-green,#14543d);color:#fff}
.vgb .vgb__bottom{display:flex;align-items:center;gap:22px}
.vgb .vgb__controls{display:flex;gap:8px;direction:rtl}
.vgb[dir=ltr] .vgb__controls{direction:ltr}
.vgb[dir=ltr] .vgb__control svg{transform:rotate(180deg)}
.vgb .vgb__control{width:42px;height:42px;min-width:42px;display:grid;place-items:center;padding:0;border:1px solid #dce5df;border-radius:9px;background:#fff;color:var(--vg-green,#14543d);cursor:pointer;transition:background .2s,border-color .2s}
.vgb .vgb__control svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7}
.vgb .vgb__control:hover:not(:disabled){border-color:var(--vg-green,#14543d);background:#f0f6f2}
.vgb .vgb__control:disabled{opacity:.3;cursor:default}
.vgb .vgb__rail{position:relative;height:2px;flex:1;background:#e2eae5;overflow:visible}
.vgb .vgb__rail b{position:absolute;top:0;inset-inline-start:0;width:20%;height:2px;background:var(--vg-orange,#f58220);transition:inset-inline-start 350ms ease,width 350ms ease,box-shadow .3s}
.vgb.is-moving .vgb__rail b{box-shadow:0 0 12px #f5822080}
.vgb .vgb__counter{font:11px Manrope,Arial;color:#819187;direction:ltr;white-space:nowrap}
.vgb .vgb__counter strong{font-size:14px;color:var(--vg-green,#14543d)}
.vgb .vgb__play{font-family:inherit;font-size:12px;padding:7px 10px;background:transparent;border:1px solid #dce5df;border-radius:9px;color:var(--vg-green,#14543d);cursor:pointer}
.vgb-notice{padding:20px;border:1px dashed #607068;background:#f3f7f4;color:#14543d;font-size:15px;line-height:1.9}
/* Tooltip lives in body, outside the clipping/scroll container. */
.vgb-tip{position:fixed;z-index:1000000;width:max-content;max-width:min(280px,calc(100vw - 24px));margin:0;padding:15px 18px;border:1px solid #ffffff18;border-radius:12px;background:#0c3025;color:#f2f7f4;box-shadow:0 16px 40px #05261d30;font-family:var(--vg-font-fa,"Vahid Yekan"),Tahoma,sans-serif;line-height:1.9;font-size:15px;text-align:start;overflow-wrap:anywhere;opacity:0;transform:translateY(5px);transition:opacity 180ms ease,transform 180ms ease;pointer-events:none}
.vgb-tip.is-open{opacity:1;transform:translateY(0);pointer-events:auto}
.vgb-tip[hidden]{display:none!important}
.vgb-tip:after{content:'';position:absolute;left:var(--arrow-x,50%);bottom:-5px;width:10px;height:10px;background:#0c3025;transform:translateX(-50%) rotate(45deg);border-radius:1px}
.vgb-tip[data-placement=bottom]:after{top:-5px;bottom:auto}
.vgb-tip strong{display:flex;align-items:center;gap:8px;font-family:inherit;font-size:14px;line-height:1.6;font-weight:700;color:#fff;margin:0 0 5px}
.vgb-tip strong:before{content:'';width:5px;height:5px;border-radius:50%;background:#f58220;flex:none}
.vgb-tip p{font-family:inherit;font-size:15px;line-height:1.85;color:#cfe0d7;padding:0;margin:0}
@keyframes vgb-orbit{to{transform:rotate(360deg)}}
@media(hover:hover) and (pointer:fine){.vgb .vgb__info{display:none}.vgb[data-motion=yes] .vgb__card:hover{transform:translateY(-6px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));box-shadow:0 14px 24px #0a2b2012}.vgb[data-motion=yes] .vgb__card:hover:before{opacity:1;animation-play-state:running}.vgb[data-motion=yes] .vgb__card:hover .vgb__tile:after{opacity:1}.vgb[data-motion=yes] .vgb__card:hover .vgb__mark{transform:translateY(-3px)}.vgb[data-motion=yes] .vgb__card:hover .vgb__corner{opacity:1;transform:translate(0,0)}}
.vgb[data-motion=no] .vgb__card:before{animation:none;opacity:0}
@media(max-width:767px){.vgb .vgb__inner{padding:30px 20px 24px}.vgb .vgb__head{align-items:start;flex-direction:column;gap:4px}.vgb .vgb__title{font-size:25px}.vgb .vgb__intro{font-size:14px}.vgb .vgb__all{font-size:13px}.vgb .vgb__stage{margin-top:0;margin-inline:-8px}.vgb .vgb__item{width:var(--vgb-size,112px);flex-basis:var(--vgb-size,112px)}.vgb .vgb__track{gap:var(--vgb-gap,12px)}.vgb .vgb__viewport{padding-top:18px;padding-bottom:24px}.vgb .vgb__bottom{gap:14px;flex-wrap:wrap}.vgb .vgb__play{margin-inline-start:auto}}
@media(prefers-reduced-motion:reduce){.vgb *,.vgb *:before,.vgb-tip{animation:none!important;transition:none!important;scroll-behavior:auto!important}.vgb[data-motion=yes] .vgb__card:hover,.vgb[data-motion=yes] .vgb__card:hover .vgb__mark{transform:none}}

.vgb .vgb__eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 8px;padding:0;font-size:13px;line-height:1.8;color:#63796d}.vgb .vgb__eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:#f58220;box-shadow:0 0 0 5px #f5822012}
