/* DK Personalized Products — v2.2.6 */
.dkpp-section{width:100%;box-sizing:border-box;background:var(--dkbg,#fff);border:1px solid var(--dkborder,#e6e6e6);border-radius:var(--dkr,12px);padding:12px 0 0;margin:18px 0;overflow:hidden;direction:rtl;font-family:"IRANYekanX","IRANYekan","Yekan Bakh","Yekan",Tahoma,Arial,sans-serif;color:#202020}
.dkpp-section *{box-sizing:border-box}
.dkpp-section header{height:68px;padding:0 18px 8px;display:flex;align-items:flex-start;justify-content:space-between;direction:rtl}
.dkpp-section header>div{direction:rtl;text-align:right}
.dkpp-section h2{font-size:18px;line-height:28px;font-weight:800;margin:0;color:#1f1f1f;letter-spacing:-.2px}
.dkpp-section header p{font-size:11px;color:#777;margin:3px 0 0;line-height:18px}
.dkpp-section header>a{direction:rtl;text-decoration:none!important;color:#4b4b4b;background:#f3f3f5;border-radius:8px;padding:10px 13px;font-size:12px;font-weight:800;white-space:nowrap;font-family:"IRANYekanX","IRANYekan","Yekan Bakh","Yekan",Tahoma,Arial,sans-serif}
.dkpp-showall-icon{width:15px;height:15px;display:inline-block;vertical-align:-3px;margin-right:3px;color:#4b4b4b}
.dkpp-icon-defs{position:absolute;width:0;height:0;overflow:hidden}
.dkpp-wrap{position:relative}
.dkpp-rail{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding:0 0 12px;direction:rtl;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x}
.dkpp-rail::-webkit-scrollbar{display:none}
.dkpp-product{flex:0 0 180px;width:180px;min-width:180px;height:335px;background:#fff;text-decoration:none!important;color:#222!important;border:1px solid #ececec;border-radius:9px;overflow:hidden;direction:rtl}
.dkpp-img{height:220px;width:100%;display:flex;align-items:center;justify-content:center;padding:7px 5px 0;background:#fff}
.dkpp-img img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;min-width:0!important;min-height:0!important;object-fit:contain!important;object-position:center center!important;display:block!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.dkpp-name{height:49px;padding:7px 8px 0;font-size:11px;line-height:20px;color:#424242;text-align:right;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.dkpp-meta{height:22px;padding:0 8px;display:flex;gap:5px;align-items:center;justify-content:flex-start;direction:rtl}
.dkpp-discount{min-width:28px;height:19px;line-height:19px;text-align:center;border-radius:5px;background:#d82d3a;color:#fff;font-size:9px;font-weight:800}
.dkpp-meta del{font-size:9px;color:#999;white-space:nowrap}
.dkpp-price{height:32px;padding:0 8px 7px;display:flex;gap:4px;align-items:center;justify-content:flex-start;direction:rtl;white-space:nowrap}
.dkpp-price b{font-size:13px;line-height:20px;font-weight:800;white-space:nowrap;letter-spacing:-.15px}
.dkpp-price small{font-size:8px;color:#555;white-space:nowrap}
.dkpp-from{font-size:9px;color:#555;line-height:20px;margin-left:1px}
.dkpp-arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:43px;height:43px;padding:0;margin:0;border:0;background:transparent;box-shadow:none;cursor:pointer;display:flex;align-items:center;justify-content:center}
.dkpp-arrow img{display:block!important;width:43px!important;height:43px!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;border-radius:50%!important}
.dkpp-right{right:1px}.dkpp-left{left:1px}
.dkpp-loading{display:flex;gap:10px;padding:0;direction:rtl}
.dkpp-loading i{flex:0 0 180px;height:335px;border:1px solid #eee;border-radius:9px;background:linear-gradient(100deg,#f6f6f6 30%,#fbfbfb 50%,#f6f6f6 70%);background-size:300% 100%;animation:dkppshine 1.1s infinite}
@keyframes dkppshine{to{background-position:-300% 0}}
@media(min-width:1100px){.dkpp-product{flex-basis:180px;min-width:180px}.dkpp-img{height:220px}}
@media(max-width:700px){
 .dkpp-section{border-radius:9px;margin:12px 0;padding-top:10px}
 .dkpp-section header{height:58px;padding:0 10px 7px}
 .dkpp-section h2{font-size:15px;line-height:24px}
 .dkpp-section header p{font-size:9px}
 .dkpp-section header>a{padding:8px 10px;font-size:10px}
 .dkpp-product{flex-basis:170px;min-width:170px;height:325px}
 .dkpp-img{height:210px}
 .dkpp-name{font-size:10px}
 .dkpp-arrow{display:none!important}
 .dkpp-rail{gap:8px;padding:0 0 10px}
}
