/*! UX LINKER — front styles | Hamid Jafari */
.uxl{--uxl-gap:16px;--uxl-text:#1b2327;--uxl-muted:#8a959c;--uxl-soft:#5d6a72;--uxl-line:#e6eaed;--uxl-surface:#fff;box-sizing:border-box;direction:rtl;text-align:right;margin:32px 0;color:var(--uxl-text);font-family:inherit;line-height:1.7}
.uxl *,.uxl *::before,.uxl *::after{box-sizing:border-box}
.uxl img{display:block;margin:0!important;padding:0;border:0;box-shadow:none;max-width:100%;height:auto}
.uxl a{text-decoration:none!important;box-shadow:none!important;background-image:none}

/* Buttons ------------------------------------------------------------- */
.uxl .uxl-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border:0;border-radius:calc(var(--uxl-radius,16px) * .62);background:var(--uxl-btn-bg,#12332F);color:var(--uxl-btn-color,#fff)!important;font:inherit;font-size:15px;font-weight:700;line-height:1.4;text-align:center;cursor:pointer;transition:background-color .2s ease}
.uxl .uxl-btn:hover,.uxl .uxl-btn:focus-visible,.uxl-card:hover .uxl-btn,.uxl-single:hover .uxl-btn,.uxl-cta--box:hover .uxl-btn{background:var(--uxl-btn-hover,#1D4C46)}
.uxl .uxl-btn svg{flex:none;transition:transform .2s ease}

/* One real link per card, stretched over the whole card */
.uxl-stretch::after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit}
.uxl a:focus{outline:none}
.uxl a:focus-visible,.uxl .uxl-nav:focus-visible,.uxl .uxl-track:focus-visible{outline:3px solid var(--uxl-btn-bg,#12332F);outline-offset:3px}
.uxl .uxl-stretch:focus-visible{outline:none}
.uxl .uxl-stretch:focus-visible::after{outline:3px solid var(--uxl-btn-bg,#12332F);outline-offset:2px;border-radius:var(--uxl-radius,16px)}

/* Price ---------------------------------------------------------------- */
.uxl-price{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:2px 10px;font-variant-numeric:tabular-nums;line-height:1.6}
.uxl-price__now{display:inline-flex;align-items:baseline;gap:4px;font-size:16px;font-weight:800;color:var(--uxl-text);text-decoration:none;background:none}
.uxl-price__from{font-size:12px;font-weight:600;color:var(--uxl-soft)}
.uxl-price__cur{font-size:12px;font-weight:600;color:var(--uxl-soft)}
.uxl-price__old{font-size:13px;color:var(--uxl-muted);text-decoration:line-through}
.uxl-price--ask{font-size:15px;font-weight:700;color:var(--uxl-btn-bg,#12332F)}
.uxl .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}

/* Badges --------------------------------------------------------------- */
.uxl-badge{position:absolute;top:12px;right:12px;z-index:2;display:inline-block;padding:2px 10px;border-radius:999px;background:var(--uxl-accent,#D92D20);color:#fff;font-size:12px;font-weight:700;line-height:1.7;pointer-events:none}
.uxl-badge--muted{background:#667085}
.uxl-card--oos img{filter:grayscale(1);opacity:.65}

/* Product slider ------------------------------------------------------- */
.uxl-products__head{margin:0 0 14px}
.uxl-products__title{font-size:18px;font-weight:800;line-height:1.6}
.uxl.uxl-products{padding:0!important;border:0!important;background:none!important}
.uxl p:empty,.uxl > br,.uxl-slider > br,.uxl-track > br,.uxl-slide > br{display:none!important}
.uxl .uxl-slider{position:relative!important;margin:0!important;padding:0!important;container-type:inline-size}
.uxl-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 2 * var(--uxl-gap)) / 3);gap:var(--uxl-gap);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:4px 2px 10px;margin:0 -2px;border-radius:var(--uxl-radius,16px)}
.uxl-track::-webkit-scrollbar{display:none}
.uxl-slide{display:flex;min-width:0;scroll-snap-align:start}
@media (max-width:1024px){.uxl-track{grid-auto-columns:calc((100% - var(--uxl-gap)) / 2)}}
@media (max-width:600px){.uxl-track{grid-auto-columns:100%}}
@container (max-width:460px){.uxl-track{grid-auto-columns:100%}}

.uxl-card{position:relative;display:flex;flex-direction:column;width:100%;padding:14px;background:var(--uxl-surface);border:1px solid var(--uxl-line);border-radius:var(--uxl-radius,16px);transition:box-shadow .25s ease,border-color .25s ease}
.uxl-card:hover{border-color:transparent;box-shadow:0 12px 32px rgba(16,24,40,.09)}
.uxl-card__media{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;overflow:hidden;border-radius:calc(var(--uxl-radius,16px) * .6);background:#fff}
.uxl-card__media img{width:100%;height:100%;object-fit:contain}
.uxl-card__body{display:flex;flex:1;flex-direction:column;gap:12px;padding-top:14px;text-align:center}
.uxl .uxl-card__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(1.75em * 2);color:var(--uxl-text)!important;font-size:15px;font-weight:700;line-height:1.75}
.uxl-card .uxl-price{margin-top:auto}
.uxl .uxl-card__btn{width:100%}

.uxl .uxl-slider > .uxl-nav{position:absolute!important;top:calc(50% - 3px)!important;bottom:auto!important;z-index:3!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;width:44px!important;height:44px!important;min-width:0!important;min-height:0!important;max-width:none!important;margin:0!important;padding:0!important;border:1px solid var(--uxl-line)!important;border-radius:50%!important;background:#fff!important;color:var(--uxl-text)!important;box-shadow:0 6px 18px rgba(16,24,40,.14)!important;font-size:0!important;line-height:0!important;text-indent:0!important;opacity:1;visibility:visible;float:none!important;cursor:pointer;transform:translateY(-50%)!important;transition:opacity .2s ease,background-color .2s ease,color .2s ease}
.uxl .uxl-slider > .uxl-nav:hover{background:var(--uxl-btn-bg,#12332F)!important;color:var(--uxl-btn-color,#fff)!important;border-color:transparent!important}
.uxl .uxl-slider > .uxl-nav svg{display:block!important;width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important}
.uxl .uxl-slider > .uxl-nav--prev{right:10px!important;left:auto!important}
.uxl .uxl-slider > .uxl-nav--next{left:10px!important;right:auto!important}
.uxl .uxl-slider > .uxl-nav:focus{outline:none!important}
.uxl .uxl-slider > .uxl-nav:focus-visible{outline:3px solid var(--uxl-btn-bg,#12332F)!important;outline-offset:3px!important}
.uxl .uxl-slider > .uxl-nav[disabled]{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.uxl.uxl-static .uxl-slider > .uxl-nav{display:none!important}
@media (min-width:1025px){.uxl .uxl-slider > .uxl-nav--prev{right:-22px!important}.uxl .uxl-slider > .uxl-nav--next{left:-22px!important}}
@media (max-width:600px){.uxl .uxl-slider > .uxl-nav{width:40px!important;height:40px!important}}

.uxl .uxl-btn.uxl-all{display:flex;width:100%;min-height:54px;margin:14px 0 0!important;padding:12px 20px;border-radius:calc(var(--uxl-radius,16px) * .75);font-size:16px}

/* Single product -------------------------------------------------------- */
.uxl-single{position:relative;display:grid;grid-template-columns:190px minmax(0,1fr);gap:22px;align-items:center;padding:16px;background:var(--uxl-surface);border:1px solid var(--uxl-line);border-radius:var(--uxl-radius,16px);transition:box-shadow .25s ease,border-color .25s ease}
.uxl-single:hover{border-color:transparent;box-shadow:0 12px 32px rgba(16,24,40,.09)}
.uxl-single__media{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;overflow:hidden;border-radius:calc(var(--uxl-radius,16px) * .6);background:#fff}
.uxl-single__media img{width:100%;height:100%;object-fit:contain}
.uxl-single__body{display:flex;flex-direction:column;gap:8px;min-width:0}
.uxl-single__top{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.uxl-single .uxl-badge{position:static}
.uxl-eyebrow{display:inline-block;padding:2px 10px;border-radius:999px;background:rgba(18,51,47,.08);background:color-mix(in srgb,var(--uxl-btn-bg,#12332F) 9%,transparent);color:var(--uxl-btn-bg,#12332F);font-size:12px;font-weight:700;line-height:1.7}
.uxl .uxl-single__title{color:var(--uxl-text)!important;font-size:17px;font-weight:800;line-height:1.75}
.uxl-single__desc{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:var(--uxl-soft);font-size:14px;line-height:1.9}
.uxl-single__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:6px}
.uxl-single .uxl-price{justify-content:flex-start}
@media (max-width:600px){
	.uxl-single{grid-template-columns:1fr;gap:14px;text-align:center}
	.uxl-single__media{width:100%;max-width:220px;margin:0 auto}
	.uxl-single__top,.uxl-single .uxl-price{justify-content:center}
	.uxl-single__foot{flex-direction:column;align-items:stretch}
}

/* Service CTA · box ------------------------------------------------------ */
.uxl-cta{position:relative}
.uxl-cta__eyebrow{font-size:12px;font-weight:700;color:var(--uxl-btn-bg,#12332F)}

.uxl-cta--box{display:flex;align-items:center;gap:18px;padding:22px 24px;background:#f6f8f8;background:color-mix(in srgb,var(--uxl-btn-bg,#12332F) 5%,#fff);border:1px solid #dfe7e6;border-color:color-mix(in srgb,var(--uxl-btn-bg,#12332F) 16%,#fff);border-radius:var(--uxl-radius,16px);transition:box-shadow .25s ease}
.uxl-cta--box:hover{box-shadow:0 12px 32px rgba(16,24,40,.08)}
.uxl-cta__content{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}
.uxl-cta__title{font-size:17px;font-weight:800;line-height:1.7}
.uxl-cta__desc{margin-top:2px;color:var(--uxl-soft);font-size:14px;line-height:1.9}
.uxl .uxl-cta__btn{flex:0 1 auto;max-width:46%;padding-inline:20px}
.uxl-cta--box:hover .uxl-cta__btn svg{transform:translateX(-4px)}
@media (max-width:600px){
	.uxl-cta--box{flex-direction:column;align-items:stretch;gap:14px;padding:20px;text-align:center}
	.uxl .uxl-cta__btn{max-width:none;width:100%}
}

/* Service CTA · wide bar ------------------------------------------------- */
.uxl .uxl-cta__bar{display:flex;align-items:center;gap:14px;width:100%;min-height:68px;padding:14px 22px;border-radius:var(--uxl-radius,16px);background:var(--uxl-btn-bg,#12332F);color:var(--uxl-btn-color,#fff)!important;transition:background-color .2s ease}
.uxl .uxl-cta__bar:hover{background:var(--uxl-btn-hover,#1D4C46)}
.uxl-cta__bartext{display:flex;flex:1;flex-direction:column;min-width:0}
.uxl-cta__bar .uxl-cta__eyebrow{color:inherit;opacity:.75}
.uxl-cta__label{font-size:16px;font-weight:800;line-height:1.6}
.uxl-cta__arrow{display:flex;flex:0 0 36px;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.14);transition:transform .2s ease}
.uxl-cta__bar:hover .uxl-cta__arrow{transform:translateX(-4px)}

/* Service CTA · inline strip -------------------------------------------- */
.uxl-cta--inline{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:22px 0;padding:12px 16px;border-right:4px solid var(--uxl-btn-bg,#12332F);border-radius:calc(var(--uxl-radius,16px) * .5);background:#f6f8f8;background:color-mix(in srgb,var(--uxl-btn-bg,#12332F) 6%,#fff)}
.uxl-cta--inline .uxl-cta__eyebrow{font-size:14px}
.uxl .uxl-cta__link{color:var(--uxl-btn-bg,#12332F)!important;font-weight:800;border-bottom:2px solid rgba(18,51,47,.25)!important;border-bottom-color:color-mix(in srgb,var(--uxl-btn-bg,#12332F) 30%,transparent)!important;transition:border-color .2s ease}
.uxl .uxl-cta__link:hover{border-bottom-color:var(--uxl-btn-bg,#12332F)!important}

/* Editor-only notice ---------------------------------------------------- */
.uxl-notice{margin:16px 0;padding:12px 14px;border:1px dashed #c9ced4;border-radius:8px;background:#f9fafb;color:#5d6a72;font-size:13px;direction:rtl;text-align:right}

@media (prefers-reduced-motion:reduce){
	.uxl *,.uxl-track{scroll-behavior:auto!important;transition:none!important}
}

/* balanced wrapping for long anchor texts */
.uxl-all,.uxl-card__title,.uxl-cta__title{text-wrap:balance}