.breadcrumbs{margin-bottom:20px}.breadcrumbs ul{display:flex;margin:0;padding:0}.breadcrumbs li{margin-inline-end:10px;list-style-type:none}.breadcrumbs li:not(:last-of-type):after{font-family:tajawal-regular}.ltr .breadcrumbs li:not(:last-of-type):after{content:"\\"}.rtl .breadcrumbs li:not(:last-of-type):after{content:"/"}.breadcrumbs li a{margin-inline-end:5px;color:#000;text-decoration:none;white-space:nowrap;transition:color .1s ease-in-out}.breadcrumbs li a:hover{color:var(--primary-hover);text-decoration:underline}.breadcrumbs li.active a{color:var(--primary)}.mini-product{position:relative;width:calc((100% - 100px) / 6);height:399px}.mini-product:hover{z-index:2}.mini-product .content{display:flex;flex-direction:column;width:100%;min-height:100%;box-sizing:border-box;padding-inline:20px;padding-block:20px 10px;background-color:#fff;border:1px solid white;border-radius:12px}.mini-product:hover .content{height:fit-content;height:-moz-fit-content;border:1px solid var(--very-light-gray);box-shadow:0 0 10px var(--light-shadow)}.mini-product a{flex-grow:1;display:flex;flex-direction:column;width:100%;color:#000;text-decoration:none}.discount-ticket{position:absolute;top:20px;left:-9px;background-color:var(--red);font-family:sans-serif;color:#fff;padding:2px 2px 2px 10px;font-size:14px;height:21.7px;z-index:1;box-shadow:1px 2px 2px var(--average-shadow)}.discount-ticket:before{content:"";position:absolute;left:0;bottom:0;border:6.4px solid transparent;border-bottom-color:#560000;transform:translate(0) translateY(-.1px) rotate(45deg);transform-origin:left bottom}.discount-ticket span{position:absolute;top:0;right:-26px;width:26px;height:27px;overflow:hidden;z-index:1}.discount-ticket span:after{content:"";position:absolute;border:9px solid transparent;border-right-color:var(--red);border-top-color:var(--red);top:0;left:0;transform-origin:left top;transform:rotate(45deg);box-shadow:2px 0 2px var(--average-shadow)}.mini-product .image{--size: 174px;align-self:center;position:relative;width:var(--size);height:var(--size);margin-bottom:20px}.mini-product .image img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:100%;max-height:100%}.mini-product .details h4{--lines: 2;margin-bottom:5px}.mini-product .details .specs{display:flex;flex-wrap:wrap;gap:2px 10px;font-size:.8rem;color:#708090;margin-bottom:10px}.mini-product .details .specs p{--lines: 1}.mini-product:not(:hover) .pricing{margin-top:auto}.mini-product .pricing{display:flex;flex-direction:column;align-items:flex-start;justify-self:flex-end;gap:2px;padding:10px 15px;margin-inline:-10px;background:var(--platin-white);border-radius:8px}.mini-product .price{display:flex;align-items:baseline}.mini-product .price.secondary{position:relative;gap:5px;color:#789}.mini-product .price.secondary:after{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;border-bottom:1px solid lightslategray}.mini-product .price.secondary span{font-size:.8rem}.mini-product .price.main{gap:6px;color:var(--price-color);font-weight:700}.mini-product .price.main p{font-size:1.4rem}.mini-product:not(:hover) .product-warning,.mini-product:not(:hover) .actions{display:none}.mini-product .product-warning{display:flex;align-items:baseline;gap:10px;margin-top:10px;margin-inline:-10px;padding:5px 15px;background:var(--platin-white);border-radius:8px;font-size:14px}.mini-product .product-warning i{color:var(--warning)}.mini-product .product-warning p{margin:0}.mini-product .actions{display:flex;align-items:center;gap:15px;margin-top:10px;margin-inline-end:-10px}.mini-product .compare{position:relative;width:24px;height:24px;cursor:pointer}.mini-product .compare img{position:absolute;top:50%;left:0;transform:translateY(-50%);max-width:100%}.mini-product .actions button{flex-grow:1;position:relative;padding-inline:15px;-webkit-user-select:none;user-select:none;font-size:.8rem}.mini-product.adding .actions button{pointer-events:none}.mini-product.adding .actions button p{opacity:0}.mini-product:not(.adding) .actions button .spinner{display:none}.mini-product .actions button .spinner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(0);width:24px;height:24px;box-sizing:border-box;border:3px solid white;border-block-color:rgba(255 255 255 / .5);border-radius:50%;animation:spinner .6s linear infinite}@keyframes spinner{to{transform:translate(-50%,-50%) rotate(360deg)}}.mini-product .like i{font-size:24px;color:var(--red);cursor:pointer}.mini-product .like i.pop{animation:pop-out .2s ease}@keyframes pop-out{0%{transform:scale(1)}50%{transform:scale(1.5)}to{transform:scale(1)}}@media (max-width: 1399px){.mini-product{width:calc((100% - 80px)/5)}}@media (max-width: 1099px){.mini-product{width:calc((100% - 60px)/4)}}@media (max-width: 999px){.mini-product{width:calc((100% - 40px) / 3);height:394px}.mini-product .details h4{font-size:.9rem}}@media (max-width: 799px){.mini-product{height:379px}.mini-product .content{padding:10px 15px 5px}}@media (max-width: 699px){.mini-product{width:calc(50% - 10px)}}@media (min-width: 520px){.mini-product .content{box-shadow:0 2px 10px var(--light-shadow)}.mini-product .actions .add p:last-of-type{display:none}}@media (max-width: 519px){.mini-product{height:345px;width:calc(50% - 5px)}.mini-product .image{--size: 150px;margin-bottom:10px}.mini-product .actions .add p:not(:last-of-type){display:none}}.layout-container{padding-top:20px;background:var(--platin-white)}.view-container{padding-bottom:300px}main{display:flex;align-items:flex-start;gap:30px;margin-bottom:40px}main .gallery{--size: 300px;width:var(--size);height:var(--size);min-width:var(--size);padding:20px;background:white;border-radius:15px}main .gallery .image{position:relative;width:100%;height:100%}main .gallery .image img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:100%;max-height:100%}main .info{flex-grow:1;display:flex;flex-direction:column}main .info .timer{display:flex;gap:10px;margin-bottom:20px;visibility:hidden}main .info .timer div{height:46px;width:46px;text-align:center;padding:10px;border:1px solid var(--light-gray);border-radius:10px;background-color:var(--platin-white)}main .info .timer span{display:block;height:26px;line-height:23px;font-family:sans-serif;font-size:34px;font-weight:700;color:#484848}main .info .timer p{margin:8px 0 0;text-align:center;font-size:14px;line-height:6px;height:12px;color:var(--dark-gray)}main .info h2{margin-bottom:10px}main .info .note:not(:empty){color:#2f4f4f;font-size:.9rem}main .info .details{display:flex;gap:20px;margin-bottom:30px}main .info .details p{color:#2f4f4f}main .info .details h4:empty{display:none}main .info>.pricing{display:flex;align-self:flex-start;gap:20px;min-width:50%;background:white;padding:10px;margin-block:30px;border-radius:15px}main .info .discount-card{display:flex;flex-direction:column;align-items:center;justify-content:center;width:fit-content;width:-moz-fit-content;padding:10px 20px;background-color:#e4faef;border-radius:8px}main .info .discount-card .title{display:flex;align-items:center;gap:10px}main .info .discount-card i{color:var(--offer-red)}.rtl main .info .discount-card i{transform:rotateY(180deg)}main .info .discount-card p{margin-block:0;color:var(--offer-red);font-weight:700}main .info .discount-card .title p{font-size:1.1rem}main .info .discount-card>p{font-size:1.5rem}main .info .prices{display:flex;flex-direction:column;align-items:flex-start;padding-inline:10px}main .info .prices .price{display:flex;align-items:baseline;gap:5px}main .info .prices .price.secondary{position:relative;color:#789;font-size:1.3rem}main .info .prices .price.secondary:after{content:"";position:absolute;top:50%;left:0;width:100%;border-bottom:1px solid lightslategray}main .info .prices .price.secondary span{font-size:.9rem}main .info .prices .price.main{color:var(--price-color);font-weight:700}main .info .prices .price.main p{font-size:2rem}main .info .prices .price.main span{font-size:1.2rem}.tax-note{display:flex;align-items:center;gap:10px;margin-top:-5px;padding-bottom:5px;color:#2f4f4f;font-size:.7rem}main .info .prices .tax-note{margin-top:2px}main .info .variants{display:flex;gap:10px;flex-wrap:wrap}main .info .variants a{display:flex;align-items:center;gap:20px;text-decoration:none;padding:5px;padding-inline-end:20px;border-radius:10px;transition:all .2s ease}main .info .variants a.active{background:var(--primary);color:#fff;box-shadow:0 2px 5px var(--medium-shadow)}main .info .variants a:not(.active):not(:hover){box-shadow:0 1px 5px var(--light-shadow)}main .info .variants a:not(.active):hover{transform:translateY(-2px);box-shadow:0 2px 5px var(--medium-shadow)}main .info .variants a:not(.active){background:white;color:#2f4f4f}main .info .variants .image{position:relative;--size: 40px;width:var(--size);height:var(--size);min-width:var(--size);background:white;border:1px solid white;border-radius:6px;overflow:hidden}main .info .variants img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:100%;max-height:100%}main .info .variants p{font-size:.9rem}.sub-products{display:flex;flex-direction:column;gap:20px;margin-top:40px}.sub-products .section{display:flex;flex-direction:column;gap:20px}.sub-products .products{display:flex;flex-wrap:wrap;gap:10px}.sub-products .collection{display:flex;flex-direction:column;gap:10px;width:100%;padding:10px;background:white;border-radius:15px}.sub-products .collection>a{padding-inline:10px;color:#000;font-weight:700}.sub-products .collection>a:not(:hover){text-decoration:none}.sub-products .collection .items{display:flex;flex-wrap:wrap;gap:10px}.sub-products .product{display:flex;align-items:center;gap:15px;width:calc(50% - 10px);box-sizing:border-box;padding:15px;background:white;border-radius:10px}.sub-products .collection .product{background:var(--platin-white)}.sub-products .radiobox span{background:white}.sub-products .product .image{position:relative;--size: 50px;width:var(--size);height:var(--size);min-width:var(--size)}.sub-products .product .image img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:100%;max-height:100%}.sub-products .product .content{display:flex;flex-direction:column;gap:5px}.sub-products .product a{--lines: 2;color:#000;font-size:.9rem}.sub-products .product a:not(:hover){text-decoration:none}.sub-products .product .specs{display:flex;gap:10px;color:#708090;font-size:.8rem}.sub-products .product .pricing{display:flex;align-items:center;flex-wrap:wrap;column-gap:10px}.sub-products .product .price{display:flex;align-items:baseline;gap:5px}.sub-products .product .price.main{color:var(--price-color);font-weight:700}.sub-products .product .price.secondary{position:relative;color:#708090}.sub-products .product .price.secondary:after{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;border-bottom:1px solid slategray}.sub-products .product .price.secondary p{font-size:.9rem}.sub-products .product .price span{font-size:.8rem}.sub-products .product .price.secondary span{font-size:.7rem}main .product-actions .total h3{margin-bottom:5px}main .product-actions .total .price{display:flex;align-items:baseline;gap:5px;color:var(--price-color);font-weight:700}main .product-actions .total .price p{font-size:1.6rem}main .product-actions .total .tax-note{margin-top:5px}main .product-actions .product-warning{display:flex;align-items:baseline;padding-block:5px;padding-inline:10px 15px;background:var(--platin-white);border-radius:8px}main .product-actions .product-warning i{margin-inline-end:10px;color:var(--warning)}main .product-actions .product-warning p{margin:0;color:#2f4f4f}main .actions{display:flex;gap:10px}main .actions .quantity{--size: 40px;display:flex}main .actions .quantity input{width:var(--size);height:calc(var(--size) - 2px);padding-inline:10px;text-align:center;font-size:1.2rem;background:var(--very-light-gray);border:none}main .actions .quantity span{position:relative;display:block;width:var(--size);height:var(--size);background-color:var(--primary);color:#fff;transition:background-color .2s ease;cursor:pointer;-webkit-user-select:none;user-select:none}.ltr main .actions .quantity .plus,.rtl main .actions .quantity .minus{transform-origin:right}.rtl main .actions .quantity .plus,.ltr main .actions .quantity .minus{transform-origin:left}main .actions .quantity span:hover{background-color:var(--primary-hover)}main .actions .quantity span:active{transform:scale(.9)}main .actions .quantity .plus{border-start-start-radius:8px;border-end-start-radius:8px}main .actions .quantity .minus{border-start-end-radius:8px;border-end-end-radius:8px}main .actions .quantity span i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}main .actions .add-to-cart{position:relative;font-size:.9rem}main .actions .add-to-cart:not(.adding) .spinner{display:none}main .actions .add-to-cart .spinner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(0);width:24px;height:24px;box-sizing:border-box;border:3px solid white;border-block-color:rgba(255 255 255 / .5);border-radius:50%;animation:spinner .6s linear infinite}main .actions .add-to-cart.adding p{visibility:hidden}main .product-actions a,main .product-actions button{white-space:nowrap}main .product-actions .extra{display:flex;align-items:center;gap:20px}main .compare{display:flex;align-items:center;gap:15px}main .compare img{width:25px}main .product-actions .extra .like{color:var(--red);font-size:1.4rem;cursor:pointer}.specifications{padding:20px;background:white;border-radius:15px}.specifications .title{display:flex;align-items:center;gap:20px;margin-bottom:20px}.specifications .title span{position:relative;width:44px;height:44px;background:var(--platin-white);border-radius:8px}.specifications .title span i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--primary)}.specifications .content{position:relative}.specifications .content.hide{height:210px;overflow:hidden}.specifications .content:not(.hide){padding-bottom:60px}.specifications table{width:100%;border-collapse:collapse}.specifications th,.specifications td{padding:10px 20px}.specifications th{text-align:start;min-width:200px}.specifications td{width:100%}.specifications .show-more{position:absolute;left:0;bottom:0;width:100%;height:100px;background:linear-gradient(0,white,rgba(255 255 255 / 0))}.specifications .show{position:absolute;left:50%;bottom:0;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:10px;color:var(--primary);transition:color .2s ease;cursor:pointer}.specifications .show:hover{font-weight:700}.specifications .hide .show.less,.specifications .content:not(.hide) .show.more{display:none}.recommended{display:flex;flex-direction:column;gap:20px;margin-top:40px}.recommended .products{display:flex;gap:20px;flex-wrap:wrap}@media (min-width: 1300px){.sub-products .collection{margin-inline-end:-10px}main .product-actions{position:sticky;position:-webkit-sticky;top:var(--sticky-pin-distance);display:flex;flex-direction:column;gap:20px;box-sizing:border-box;padding:15px 10px 10px;background:white;border-radius:15px}main .product-actions .total{padding-inline:10px}}@media (max-width: 1299px){main .product-actions{display:flex;align-items:center;position:fixed;bottom:0;left:0;width:100%;box-sizing:border-box;padding:10px 20px;background:white;box-shadow:0 4px 20px var(--medium-shadow);z-index:40}main .product-actions .total{flex-grow:1}main .product-actions .total h3{display:none}main .actions{margin-inline-end:20px}}@media (max-width: 999px){main .product-actions{bottom:87px;left:10px;width:calc(100% - 20px);border-radius:15px}.sub-products .product{width:100%}main .info .variants .image{--size: 30px}main .info .variants a{gap:10px;padding-inline-end:15px;max-width:calc(50% - 5px);box-sizing:border-box}main .info .variants p{font-size:.8rem}main .info .details{flex-wrap:wrap;gap:5px 20px}main .info .details p{font-size:.9rem}}@media (min-width: 800px){main .info>.pricing{min-width:none}main .product-actions .compare-mini{display:none}}@media (max-width: 799px){main .gallery{--size: 260px}main .product-actions .compare{display:none}main .product-actions .compare-mini{position:relative;width:30px;height:30px;background:none}main .product-actions .compare-mini img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%}}@media (min-width: 650px){main .gallery{position:sticky;position:-webkit-sticky;top:var(--sticky-pin-distance)}.sub-products .collection{margin-inline-start:-10px}}@media (max-width: 649px){main{flex-direction:column}main .info .timer{align-self:center}main .info>.pricing{width:100%;box-sizing:border-box}main .product-actions{gap:10px;padding-inline-start:10px}main .product-actions .total{display:flex;gap:20px;align-items:baseline;padding-inline:10px}main .actions .quantity{--size: 34px}main .actions .add-to-cart{padding:7px 15px;font-size:.8rem}main .actions{margin-inline-end:10px}main .product-actions .quantity,main .product-actions .total .tax-note{display:none}}@media (min-width: 520px){main .gallery,.specifications{box-shadow:0 4px 10px var(--light-shadow)}.specifications tr:nth-of-type(odd) th{background:var(--very-light-gray)}.specifications tr:nth-of-type(odd) td,.specifications tr:nth-of-type(2n) th{background:var(--platin-white)}}@media (max-width: 649px) and (min-width: 519px){main .gallery{align-self:center}}@media (max-width: 519px){.view-container{width:calc(100% - 20px);padding-inline:10px}main .gallery{--size: 200px;width:calc(100% - 40px)}main .info h2{font-size:1.3rem}.specifications tbody{display:flex;flex-direction:column;gap:10px}.specifications tr{display:flex;flex-direction:column;border-radius:10px;overflow:hidden}.specifications th,.specifications td{font-size:.8rem;box-sizing:border-box}.specifications th{background:var(--very-light-gray)}.specifications td{background:var(--platin-white)}.recommended .products{gap:10px}}@media (max-width: 400px){main .actions .quantity input{width:20px}main .product-actions .extra{gap:10px}main .actions{margin-inline-end:5px}main .product-actions .compare-mini{width:22px;height:22px}main .product-actions .extra .like{font-size:1rem}}
