.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.product-carousel{position:relative;padding:1rem 0}.carousel-button{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e5e7eb;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);cursor:pointer;transition:all .2s}.carousel-button:hover{background-color:#f3f4f6}.carousel-button-left{left:-20px}.carousel-button-right{right:-20px}.modern-nav{background-color:#242424;color:#fff}.category-nav{background-color:#f0f0f0}.category-button{padding:.75rem 1rem;font-weight:500;border-radius:0;transition:all .2s}.category-button:hover{background-color:#e0e0e0}.hero-banner{position:relative;background-color:#f5f5f5;overflow:hidden}.banner-content{position:relative;z-index:2}.deals-section{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.deal-card{position:relative;background-color:#f5f5f5;border-radius:.5rem;overflow:hidden;padding:2rem}body.rtl,html[dir=rtl] body{font-family:Quicksand,Tajawal,sans-serif;text-align:right}body.rtl .flex-row,html[dir=rtl] .flex-row{flex-direction:row-reverse}body.rtl .text-left,html[dir=rtl] .text-left{text-align:right}body.rtl .text-right,html[dir=rtl] .text-right{text-align:left}body.rtl .ml-auto,html[dir=rtl] .ml-auto{margin-left:0;margin-right:auto}body.rtl .mr-auto,html[dir=rtl] .mr-auto{margin-right:0;margin-left:auto}body.rtl .border-l,html[dir=rtl] .border-l{border-left:0;border-right:1px solid}body.rtl .border-r,html[dir=rtl] .border-r{border-right:0;border-left:1px solid}body.rtl .border-s,html[dir=rtl] .border-s{border-left:0;border-right:1px solid}body.rtl .border-e,html[dir=rtl] .border-e{border-right:0;border-left:1px solid}body.rtl .ml-1,html[dir=rtl] .ml-1{margin-left:0;margin-right:.25rem}body.rtl .ml-2,html[dir=rtl] .ml-2{margin-left:0;margin-right:.5rem}body.rtl .ml-3,html[dir=rtl] .ml-3{margin-left:0;margin-right:.75rem}body.rtl .ml-4,html[dir=rtl] .ml-4{margin-left:0;margin-right:1rem}body.rtl .ml-5,html[dir=rtl] .ml-5{margin-left:0;margin-right:1.25rem}body.rtl .ml-6,html[dir=rtl] .ml-6{margin-left:0;margin-right:1.5rem}body.rtl .ml-8,html[dir=rtl] .ml-8{margin-left:0;margin-right:2rem}body.rtl .mr-1,html[dir=rtl] .mr-1{margin-right:0;margin-left:.25rem}body.rtl .mr-2,html[dir=rtl] .mr-2{margin-right:0;margin-left:.5rem}body.rtl .mr-3,html[dir=rtl] .mr-3{margin-right:0;margin-left:.75rem}body.rtl .mr-4,html[dir=rtl] .mr-4{margin-right:0;margin-left:1rem}body.rtl .mr-5,html[dir=rtl] .mr-5{margin-right:0;margin-left:1.25rem}body.rtl .mr-6,html[dir=rtl] .mr-6{margin-right:0;margin-left:1.5rem}body.rtl .mr-8,html[dir=rtl] .mr-8{margin-right:0;margin-left:2rem}body.rtl .pl-1,html[dir=rtl] .pl-1{padding-left:0;padding-right:.25rem}body.rtl .pl-2,html[dir=rtl] .pl-2{padding-left:0;padding-right:.5rem}body.rtl .pl-3,html[dir=rtl] .pl-3{padding-left:0;padding-right:.75rem}body.rtl .pl-4,html[dir=rtl] .pl-4{padding-left:0;padding-right:1rem}body.rtl .pl-5,html[dir=rtl] .pl-5{padding-left:0;padding-right:1.25rem}body.rtl .pr-1,html[dir=rtl] .pr-1{padding-right:0;padding-left:.25rem}body.rtl .pr-2,html[dir=rtl] .pr-2{padding-right:0;padding-left:.5rem}body.rtl .pr-3,html[dir=rtl] .pr-3{padding-right:0;padding-left:.75rem}body.rtl .pr-4,html[dir=rtl] .pr-4{padding-right:0;padding-left:1rem}body.rtl .pr-5,html[dir=rtl] .pr-5{padding-right:0;padding-left:1.25rem}body.rtl .dropdown-menu,html[dir=rtl] .dropdown-menu{left:auto;right:0}body.rtl .rtl-flip,html[dir=rtl] .rtl-flip{transform:scaleX(-1)}body.rtl button,html[dir=rtl] button{text-align:inherit}body.rtl .justify-between,html[dir=rtl] .justify-between{flex-direction:row-reverse}body.rtl .justify-start,html[dir=rtl] .justify-start{justify-content:flex-end}body.rtl .justify-end,html[dir=rtl] .justify-end{justify-content:flex-start}body.rtl .grid-cols-\[122px_1fr\],html[dir=rtl] .grid-cols-\[122px_1fr\]{grid-template-columns:1fr 122px}body.rtl .absolute.right-0,html[dir=rtl] .absolute.right-0{right:auto;left:0}body.rtl .absolute.left-0,html[dir=rtl] .absolute.left-0{left:auto;right:0}@import url("https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700&display=swap");