/* Anar — product gallery site design */
.wci-album-outer{--kp:var(--an-primary,#d1002a);--kop:var(--an-on-primary,#ffffff);--kph:var(--an-primary-hover,#b00023);--kpi:var(--an-primary-ink,#d1002a);--kps:var(--an-primary-soft,#fbe9ed);--kops:var(--an-on-primary-soft,#d1002a);--kpd:var(--an-primary-deep,#3b161e);--kopd:var(--an-on-primary-deep,#ffffff);--ka:var(--an-accent,#ff6a13);--koa:var(--an-on-accent,#212121);--kah:var(--an-accent-hover,#e16016);--kai:var(--an-accent-ink,#ae480c);--kas:var(--an-accent-soft,#ffe9dc);--koas:var(--an-on-accent-soft,#733009);--kbg:var(--an-bg,#ffffff);--ks:var(--an-surface,#ffffff);--ks2:var(--an-surface-2,#f5f5f5);--kink:var(--an-ink,#212121);--kmu:var(--an-muted,#666666);--kln:var(--an-line,#e2e2e2);--kln2:var(--an-line-strong,#d1d1d1);--kfb:var(--an-footer-bg,#181818);--kfc:var(--an-footer-card,#252525);--kfo:var(--an-on-footer,#f1f5f9);--kfm:var(--an-footer-muted,#a7a7a7);--kfl:var(--an-footer-line,#343434);--kfk:var(--an-footer-link,#ff8036);--kprgb:var(--an-primary-rgb,209 0 42);--kargb:var(--an-accent-rgb,255 106 19);--kshr:var(--an-shadow-rgb,50 21 27);--kf:var(--an-font,"Noto Sans Arabic",system-ui,system-ui,-apple-system,"Segoe UI",Tahoma,Roboto,sans-serif);--kfh:var(--an-font-head,var(--kf));--kr1:var(--an-r-sm,6px);--kr2:var(--an-r,10px);--kr3:var(--an-r-lg,16px);--kbtn:var(--an-btn-r,999px);--korn:none}
:root:not(#_g):not(#_g):not(#_g):not(#_g) :where(.wci-album-outer),:root:not(#_g):not(#_g):not(#_g):not(#_g) :where(.wci-album-outer) :where(:not(svg,svg *)){all:revert!important}
:root:not(#_g):not(#_g):not(#_g):not(#_g) :where(.wci-album-outer),:root:not(#_g):not(#_g):not(#_g):not(#_g) :where(.wci-album-outer) :where(:not(svg,svg *)){box-sizing:border-box!important;font-style:normal!important;letter-spacing:normal!important;text-transform:none!important;text-shadow:none!important}
:root:not(#_g):not(#_g):not(#_g):not(#_g) :where(.wci-album-outer){display:block!important;position:relative!important;width:100%!important;max-width:100%!important;margin:30px 0!important;font-family:var(--kf)!important;font-size:15px!important;line-height:1.6!important;color:var(--kink)!important;direction:rtl!important;text-align:start!important;clear:both!important}
:root:not(#_g):not(#_g):not(#_g):not(#_g) :where(.wci-album-outer) :where(h3,h4,p,span,b,strong,label,small,bdi){font-family:inherit!important;font-size:inherit!important;font-weight:inherit!important;color:inherit!important;margin:0!important;padding:0!important}
:root:not(#_g):not(#_g):not(#_g):not(#_g) :where(.wci-album-outer) a{color:inherit!important;text-decoration:none!important;cursor:pointer!important}
:root:not(#_g):not(#_g):not(#_g):not(#_g) :where(.wci-album-outer) :where(script,style){display:none!important}
:root:not(#_g):not(#_g):not(#_g):not(#_g) :where(.wci-album-outer) .screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;margin:-1px!important;padding:0!important;border:0!important}
:root:not(#_g):not(#_g):not(#_g):not(#_g) :where(.wci-album-outer) :focus-visible{outline:2px solid var(--ka)!important;outline-offset:2px!important}
:root:not(#_g):not(#_g):not(#_g):not(#_g) :where(.wci-album-outer) .wci-v16-shell{display:block!important;position:relative!important}
:root:not(#_g):not(#_g):not(#_g):not(#_g) :where(.wci-album-outer) .wci-v16-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:12px!important;margin-bottom:12px!important}
:root:not(#_g):not(#_g):not(#_g):not(#_g) :where(.wci-album-outer) .wci-v16-head-copy{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important}
:root:not(#_g):not(#_g):not(#_g):not(#_g) :where(.wci-album-outer) .wci-v16-eyebrow{font-size:12.5px!important;font-weight:700!important;color:var(--kmu)!important}
:root:not(#_g):not(#_g):not(#_g):not(#_g) :where(.wci-album-outer) .wci-v16-head h3{font-family:var(--kfh)!important;font-size:clamp(18px,2.2vw,22px)!important;font-weight:800!important;line-height:1.4!important}
:root:not(#_g):not(#_g):not(#_g):not(#_g) :where(.wci-album-outer) .wci-v16-head-mark{display:flex!important;gap:4px!important;flex:none!important}
:root:not(#_g):not(#_g):not(#_g):not(#_g) :where(.wci-album-outer) .wci-v16-head-mark i{display:block!important;width:8px!important;height:8px!important;border-radius:50%!important;background:var(--ka)!important}
:root:not(#_g):not(#_g):not(#_g):not(#_g) :where(.wci-album-outer) .wci-v16-filterbar{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px 10px!important;margin-bottom:14px!important}
:root:not(#_g):not(#_g):not(#_g):not(#_g) :where(.wci-album-outer) .wci-v16-filter-label{font-size:13px!important;font-weight:700!important;color:var(--kmu)!important}
:root:not(#_g):not(#_g):not(#_g):not(#_g) :where(.wci-album-outer) .wci-v16-select-wrap{position:relative!important;display:inline-block!important;min-width:210px!important;max-width:100%!important}
:root:not(#_g):not(#_g):not(#_g):not(#_g) :where(.wci-album-outer) .wci-v16-select-wrap::after{content:""!important;position:absolute!important;left:15px!important;top:50%!important;width:7px!important;height:7px!important;margin-top:-6px!important;border-left:2px solid currentColor!important;border-bottom:2px solid currentColor!important;transform:rotate(-45deg)!important;pointer-events:none!important;color:var(--kmu)!important}
:root:not(#_g):not(#_g):not(#_g):not(#_g) :where(.wci-album-outer) .wci-v16-filter-select{-webkit-appearance:none!important;appearance:none!important;display:block!important;width:100%!important;min-height:40px!important;margin:0!important;padding:6px 14px 6px 38px!important;font-family:inherit!important;font-size:14px!important;font-weight:700!important;line-height:1.4!important;color:var(--kink)!important;background:var(--ks)!important;border:1px solid var(--kln2)!important;border-radius:var(--kr2)!important;cursor:pointer!important}
:root:not(#_g):not(#_g):not(#_g):not(#_g) :where(.wci-album-outer) .wci-v16-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))!important;gap:16px!important}
:root:not(#_g):not(#_g):not(#_g):not(#_g) :where(.wci-album-outer) .wci-v16-card{position:relative!important;display:flex!important;flex-direction:column!important;min-width:0!important;overflow:hidden!important;background:var(--ks)!important;color:var(--kink)!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s!important}
:root:not(#_g):not(#_g):not(#_g):not(#_g) :where(.wci-album-outer) .wci-v16-media{position:relative!important;display:block!important;aspect-ratio:4/3!important;overflow:hidden!important;background:var(--ks2)!important}
:root:not(#_g):not(#_g):not(#_g):not(#_g) :where(.wci-album-outer) .wci-v16-img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;transition:transform .4s ease!important}
:root:not(#_g):not(#_g):not(#_g):not(#_g) :where(.wci-album-outer) .wci-v16-noimg{display:grid!important;place-items:center!important;width:100%!important;height:100%!important;color:var(--kmu)!important}
:root:not(#_g):not(#_g):not(#_g):not(#_g) :where(.wci-album-outer) .wci-v16-body{display:flex!important;flex-direction:column!important;gap:6px!important;flex:1!important;min-width:0!important;padding:12px 14px 14px!important}
:root:not(#_g):not(#_g):not(#_g):not(#_g) :where(.wci-album-outer) .wci-v16-body h4{font-size:15.5px!important;font-weight:800!important;line-height:1.55!important;overflow-wrap:anywhere!important}
:root:not(#_g):not(#_g):not(#_g):not(#_g) :where(.wci-album-outer) .wci-v16-body h4 a:hover{color:var(--kpi)!important}
:root:not(#_g):not(#_g):not(#_g):not(#_g) :where(.wci-album-outer) .wci-v16-body p{font-size:13px!important;line-height:1.75!important;color:var(--kmu)!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
:root:not(#_g):not(#_g):not(#_g):not(#_g) :where(.wci-album-outer) .wci-v16-foot{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:6px 8px!important;margin-top:auto!important;padding-top:4px!important}
:root:not(#_g):not(#_g):not(#_g):not(#_g) :where(.wci-album-outer) .wci-v16-price{font-size:13.5px!important;font-weight:800!important;color:var(--kpi)!important}
:root:not(#_g):not(#_g):not(#_g):not(#_g) :where(.wci-album-outer) .wci-v16-price .amount{white-space:nowrap!important}
:root:not(#_g):not(#_g):not(#_g):not(#_g) :where(.wci-album-outer) .wci-v16-price .woocommerce-Price-currencySymbol{font-size:.85em!important;margin-inline-start:3px!important}
:root:not(#_g):not(#_g):not(#_g):not(#_g) :where(.wci-album-outer) .wci-v16-go{display:inline-flex!important;align-items:center!important;gap:6px!important;font-size:13px!important;font-weight:800!important;white-space:nowrap!important;transition:background-color .15s,color .15s,border-color .15s!important}
:root:not(#_g):not(#_g):not(#_g):not(#_g) :where(.wci-album-outer) .wci-v16-pagination{display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important;gap:8px!important;margin-top:20px!important}
:root:not(#_g):not(#_g):not(#_g):not(#_g) :where(.wci-album-outer) .wci-v16-page-state{font-size:13px!important;font-weight:700!important;color:var(--kmu)!important}
:root:not(#_g):not(#_g):not(#_g):not(#_g) :where(.wci-album-outer) .page-numbers{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:40px!important;height:40px!important;margin:0!important;padding:0 15px!important;font-family:inherit!important;font-size:14px!important;font-weight:800!important;line-height:1!important;color:var(--kink)!important;background:none!important;border:0!important;cursor:pointer!important;transition:background-color .15s,color .15s,border-color .15s!important}
:root:not(#_g):not(#_g):not(#_g):not(#_g) :where(.wci-album-outer) .wci-v16-empty{padding:28px 16px!important;text-align:center!important;color:var(--kmu)!important}
:root:not(#_g):not(#_g):not(#_g):not(#_g) :where(.wci-album-outer.wci-loading){opacity:.55!important;pointer-events:none!important;transition:opacity .2s!important}
@media (max-width:640px){:root:not(#_g):not(#_g):not(#_g):not(#_g) :where(.wci-album-outer) .wci-v16-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}:root:not(#_g):not(#_g):not(#_g):not(#_g) :where(.wci-album-outer) .wci-v16-body{padding:10px!important}:root:not(#_g):not(#_g):not(#_g):not(#_g) :where(.wci-album-outer) .wci-v16-body h4{font-size:14px!important}:root:not(#_g):not(#_g):not(#_g):not(#_g) :where(.wci-album-outer) .wci-v16-body p{display:none!important}:root:not(#_g):not(#_g):not(#_g):not(#_g) :where(.wci-album-outer) .wci-v16-foot{flex-direction:column!important;align-items:stretch!important}:root:not(#_g):not(#_g):not(#_g):not(#_g) :where(.wci-album-outer) .wci-v16-select-wrap{min-width:0!important;flex:1!important}}
:root:not(#_g):not(#_g):not(#_g):not(#_g) .wci-album-outer .wci-v16-head{padding-bottom:10px!important;border-bottom:1px solid var(--kln)!important}
:root:not(#_g):not(#_g):not(#_g):not(#_g) .wci-album-outer .wci-v16-card{border:1px solid var(--kln)!important;border-radius:var(--kr2)!important}
:root:not(#_g):not(#_g):not(#_g):not(#_g) .wci-album-outer .wci-v16-card:hover{border-color:var(--kp)!important;box-shadow:0 14px 30px -20px rgb(var(--kshr) / .55)!important}
:root:not(#_g):not(#_g):not(#_g):not(#_g) .wci-album-outer .wci-v16-card:hover .wci-v16-img{transform:scale(1.04)!important}
:root:not(#_g):not(#_g):not(#_g):not(#_g) .wci-album-outer .wci-v16-go{padding:6px 12px!important;border-radius:var(--kbtn)!important;background:var(--kps)!important;color:var(--kops)!important}
:root:not(#_g):not(#_g):not(#_g):not(#_g) .wci-album-outer .wci-v16-go:hover{background:var(--kp)!important;color:var(--kop)!important}
:root:not(#_g):not(#_g):not(#_g):not(#_g) .wci-album-outer .wci-v16-pagination{gap:2px 14px!important}
:root:not(#_g):not(#_g):not(#_g):not(#_g) .wci-album-outer .page-numbers{padding:0 6px!important;border-bottom:3px solid transparent!important;border-radius:0!important}
:root:not(#_g):not(#_g):not(#_g):not(#_g) .wci-album-outer .page-numbers:hover,:root:not(#_g):not(#_g):not(#_g):not(#_g) .wci-album-outer .page-numbers.current{border-bottom-color:var(--ka)!important;color:var(--kpi)!important}
