*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}*{border:0 solid;margin:0;padding:0}ul{list-style-position:inside}body{background-color:var(--background);color:var(--foreground);margin:0;padding:0;font-family:IBM Plex Arabic}button,input,textarea,select,ul,summary,a{font-family:inherit;font-size:inherit;color:inherit;-webkit-tap-highlight-color:transparent}main{display:flex;flex-direction:column;width:100%;min-height:100vh}@media (min-width:48rem){main{max-width:1600px;margin-inline-start:auto;margin-inline-end:auto}}@media (min-width:80rem){main{padding-inline-start:9rem;padding-inline-end:9rem}}::placeholder{color:#999;font-size:16px}a{text-decoration:none;color:inherit}header{width:100%;max-width:100rem;margin-inline-start:auto;margin-inline-end:auto;top:0}header nav{display:flex;direction:ltr;justify-content:space-between;align-items: center;padding:1rem;font-size:1.125rem;font-weight:500}footer{background-color:var(--card);display:flex;flex-direction:column;justify-content:center;align-items: center;width:100%;padding-block-start:2rem;padding-block-end:2rem;font-size:.875rem}.footer-text{font-weight:500}@media (max-width:calc(48rem - .001px)){footer{padding-inline-start:1rem;padding-inline-end:1rem}}.footer-container{display:flex;justify-content:center;align-items: center;width:100%;padding-block-start:2rem;padding-block-end:2rem}.footer-container p{text-align:center;color:var(--muted-foreground)}.footer-container a{text-decoration:none;color:var(--muted-foreground);font-weight:600}.socials{display:flex;gap:1rem;padding-bottom:1rem}.socials a{color:var(--foreground)}#hero{display:flex;flex-direction:column;justify-content:center;align-items: center;width:100%;margin-top:20px}#hero>p{color:var(--foreground);text-align:center;max-width:24rem;margin:0;padding:.5rem 2rem;font-size:1rem;font-weight:500}.hero-separator{width:100%;height:0;margin-top:2rem;padding:0 1rem}@media (min-width:64rem){.hero-separator{display:none}}.hero-separator>hr{background-color:var(--divider);border:0;height:1px}.order-form{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.form-header{display:flex;justify-content:center;align-items: center;gap:.5rem;padding:.75rem;font-size:1rem;font-weight:500}.cart-button{background-color:var(--primary);color:var(--background);border-radius:var(--radius);border:1px solid var(--primary);cursor:pointer;flex:1;height:58px;padding:12px 16px;font-size:16px;font-weight:500}.form-header-icon{animation:bounce 1s infinite;display:block}.fields-container{display:flex;flex-direction:column;gap:.75rem}.fields-container>input{border-radius:var(--radius);background:#fff;border:1px solid #ccc;padding:14px;font-size:16px}@media (min-width:20rem){.fields-container{flex-direction:row}}.fields-container>input{outline:none;border:1px solid var(--border);width:100%;height:58px}.action-buttons{display:flex;align-items: center;gap:.5rem}.submit-button{background-color:var(--primary);color:var(--background);border-radius:var(--radius);border:1px solid var(--primary);cursor:pointer;flex:1;height:58px;padding:12px 16px;font-size:16px;font-weight:500}.submit-button:disabled{opacity:.6;cursor:not-allowed}.whatsapp-button{display:grid;border-radius:var(--radius);background-color:#1faf38;border:1px solid #1faf38;place-content: center;min-width:58px;height:58px}.colors{display:flex;flex-direction:column;gap:.5rem;padding-block-start:.5rem;padding-block-end:.5rem}.colors-title{color:var(--primary-foreground);margin-bottom:.5rem;font-size:1.125rem;font-weight:700}.colors-options{display:flex;flex-flow:wrap;gap:.75rem}.colors-options label{border:1px solid var(--border);cursor:pointer;background-color:var(--background);border-radius:50%;align-items: center;gap:1rem;width:30px;height:30px;font-size:1rem}.colors-options label:has(input:checked){outline-width:1.5px;outline-style:solid;outline-color:var(--primary);border-color:var(--background);box-shadow:inset 0 0 #0000,inset 0 0 0 .5px,0 0 #0000,0 0 0 .5px,0 0 #0000}.colors-options input[type=radio]{display:none}.location-container{display:flex;flex-direction:row;gap:.75rem}@media (max-width:48rem){.location-container{flex-direction:column}}.custom-select{position:relative;width:100%}.select-button{border-radius:var(--radius);border:1px solid #ccc;border:1px solid var(--border);cursor:pointer;display:flex;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' fill-rule='evenodd' stroke='%239595a3' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='m5 9 7 7 7-7'/%3E%3C/svg%3E");background-position:right 10px top 50%;background-repeat:no-repeat;background-size:1em,100%;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;justify-content:space-between;align-items: center;width:100%;height:58px;padding:14px;font-size:16px}[data-direction=rtl] .select-button{text-align:right;background-position:10px 50%}.select-button:disabled{cursor:not-allowed;background-color:#f0f0f0}.select-button input{outline:none;background:0 0;width:-moz-fit-content;width:fit-content;height:100%;font-size:16px;font-weight:500}.select-list{position:absolute;z-index:5;border-radius:var(--radius);list-style:none;overflow-y:auto;display:none;opacity:0;transition-behavior:allow-discrete;scrollbar-width:none;-ms-overflow-style:none;background:#fff;border:1px solid #ccc;min-height:58px;max-height:300px;margin:0;padding-block-start:.5rem;padding-block-end:.5rem;transition-property:opacity,display;transition-duration:.2s;font-size:16px;font-weight:500;top:calc(100% + 4px);left:0;right:0;box-shadow:0 2px 8px #00000026}.select-list.active{opacity:1;display:block}@starting-style{.select-list.active{opacity:0}}.select-item{cursor:pointer;position:relative;padding:14px}[data-direction=rtl] .select-item{text-align:right}.select-item:hover{background:#f0f0f0}.select-item.selected{background-color:#f0f0f0}.custom-select[data-direction=up] .select-list{border-radius:var(--radius);border-top:1px solid var(--border);border-bottom:none;top:auto;bottom:100%}.select-placeholder{color:#999;font-size:16px}.select-value{color:#333}.shipping-type{display:flex;flex-direction:column;gap:.5rem;padding-block-start:.5rem;padding-block-end:.5rem}.shipping-type-title{color:var(--primary-foreground);margin-bottom:.5rem;font-size:1.125rem;font-weight:700}.shipping-options{display:flex;flex-direction:row;gap:.75rem}.shipping-options label{display:flex;cursor:pointer;border-radius:var(--radius);border:1px solid var(--background);outline-width:1.5px;outline-style:solid;outline-color:var(--primary);background-color:var(--background);align-items: center;padding:.5rem 1rem;font-size:1rem}.shipping-options label:has(input:checked){background-color:var(--primary);color:var(--background)}.shipping-options input[type=radio]{display:none}.sizes{display:flex;flex-direction:column;gap:.5rem;padding-block-start:.5rem;padding-block-end:.5rem}.sizes-title{color:var(--primary-foreground);margin-bottom:.5rem;font-size:1.125rem;font-weight:700}.sizes-options{display:flex;flex-flow:wrap;gap:.75rem}.sizes-options label{display:flex;cursor:pointer;border-radius:var(--radius);border:1px solid var(--border);background-color:var(--background);align-items: center;gap:1rem;padding:.5rem 1rem;font-size:1rem}.sizes-options label:has(input:checked){outline-width:1.5px;outline-style:solid;outline-color:var(--primary);border-color:var(--background);box-shadow:inset 0 0 #0000,inset 0 0 0 1px,0 0 #0000,0 0 0 1px,0 0 #0000}.sizes-options input[type=radio]{display:none}.color{border:1px solid var(--border);border-radius:50%;width:24px;height:24px}.order-summary{border:1px solid var(--border);border-radius:var(--radius);background-color:var(--card);padding-block-start:1rem;padding-block-end:1rem;padding-inline-start:1.5rem;padding-inline-end:1.5rem;box-shadow:0 1px 2px #0000000d}.order-summary h2{color:var(--color-card-foreground);margin-bottom:1rem;font-size:1.125rem;font-weight:700}.order-summary-subtotal,.order-summary-delivery,.order-summary-total{display:flex;justify-content:space-between;align-items: center;gap:1rem;margin-bottom:.5rem}.order-summary-total-container{border-top:1px solid var(--border);margin-top:1rem;padding-top:1rem;font-weight:600}.order-summary hr{color:inherit;border-top-width:1px;border-color:var(--border);border-style:dashed;flex:1;height:0}#product{width:100%}.product-title-container-mobile{display:none}@media (max-width:calc(64rem - .001px)){.product-title-container-mobile{display:flex;flex-direction:column;gap:.5rem;padding:1rem}}.product-title-container-mobile>.product-title-mobile{color:var(--primary);font-size:1.5rem;font-weight:700}.product-desktop{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem;width:100%;min-height:100vh}@media (min-width:64rem){.product-desktop{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;padding-block-start:4rem;padding-block-end:4rem;padding-inline-start:1rem;padding-inline-end:1rem}}.product-details{display:flex;flex-direction:column;gap:1rem;width:100%;padding-inline-start:1rem;padding-inline-end:1rem}.product-title-container{display:none}@media (min-width:64rem){.product-title-container{display:flex;flex-direction:column;gap:.5rem}}.product-title{color:var(--primary-foreground);font-size:2.25rem;font-weight:600}.product-price{display:flex;align-items: center;gap:1rem}.compare-price{color:var(--muted-foreground);text-decoration:line-through;font-size:1.125rem;font-weight:800}.price{color:var(--color-primary);font-size:2.25rem;font-weight:800}.product-description{border-bottom:1px solid var(--border);padding-bottom:2rem;font-size:1.125rem;font-weight:400;line-height:1.5}.product-extra-details{padding-inline-start:1rem;padding-inline-end:1rem}details{position:relative;max-inline-size:40rem;margin-inline-start:auto;margin-inline-end:auto;padding-block-start:1rem;padding-block-end:1rem}details+details{border-top:1px solid var(--border)}summary{position:relative;cursor:pointer;list-style:none;padding-inline-start:1rem;padding-inline-end:1rem;font-weight:700}summary::-webkit-details-marker{display:none}details .details__content{display:block;overflow:hidden;transition-behavior:allow-discrete;block-size:0;margin-inline-start:1rem;margin-inline-end:1rem;transition-property:block-size,content-visibility;transition-duration:.5s}details[open] .details__content{block-size:calc-size(auto,size);block-size:auto}summary::marker{content:"+";content:none}summary:before{content:"+";position:absolute;transition:rotate .2s;top:-.05rem}summary:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before{left:0}summary:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before{left:0}summary:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before{left:0}summary:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{right:0}summary:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{right:0}summary:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{right:0}details[open] summary:before{rotate:135deg}#success{display:flex;flex-direction:column;justify-content:center;align-items: center;width:100%;height:80vh;padding-inline-start:2rem;padding-inline-end:2rem}#success>h1{color:var(--primary-foreground);text-align:center;padding:.5rem 0;font-size:1.125rem;font-weight:600}#success>h2{color:var(--foreground);text-align:center;max-width:20rem;margin-bottom:1rem;font-size:1.125rem;font-weight:500}#success>h3{color:var(--foreground-muted);text-align:center;max-width:20rem;margin-bottom:1rem;font-size:1rem;font-weight:400}#success>hr{border:none;border-top:1px solid var(--divider);width:100%;max-width:20rem;margin:1rem auto}#success>p{color:var(--foreground-muted);text-align:center;max-width:20rem;margin-bottom:1rem;font-size:.875rem;font-weight:400}#success a{text-decoration:none;color:var(--primary-foreground);font-weight:600}.back-link{position:absolute;text-decoration:none;display:flex;color:var(--foreground);border-radius:.375rem;justify-content:center;align-items: center;gap:.5rem;padding:.5rem 1rem;font-weight:600;top:5rem;left:1.5rem}@media (min-width:48rem){.back-link{left:4rem}}@media (min-width:64rem){.back-link{left:9rem}#success>h1{font-size:1.5rem}#success>h2{font-size:1.25rem}}.carousel{width:100%}@media (min-width:64rem){.slider{position:sticky;align-self: start;top:.625rem}}.carousel__viewport{overflow:hidden;width:100%}.carousel__container{display:flex;flex-direction:row}@media (max-width:48rem){.carousel__container{padding-inline-start:.5rem;padding-inline-end:.5rem}}.carousel__slide{position:relative;border-radius:var(--radius);overflow:clip;object-fit:cover;aspect-ratio:1;cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:cover;flex-shrink:0;width:100%;margin-left:.5rem}.carousel__slide:before{content:"";position:absolute;animation:pulse 1.5s infinite;background:#ffffff1a;inset:0}@keyframes pulse{0%{background:#fff0}50%{background:#ffffff1a}to{background:#fff0}}.carousel__slide.loaded:before{display:none}.carousel__slide.loaded>img{opacity:1}.carousel__slide>img{opacity:0;transition:opacity .2s ease-in-out}@media (min-width:48rem){.carousel__slide{width:24rem;height:24rem}}@media (min-width:64rem){.carousel__slide{width:100%}}@media (min-width:80rem){.carousel__slide{width:30rem;height:30rem}}@media (min-width:96rem){.carousel__slide{width:36rem;height:36rem}}.carousel__slide>img{object-fit:cover;width:100%;height:100%}.carousel-thumbs{margin-top:.5rem}@media (max-width:48rem){.carousel-thumbs__viewport{padding-inline-start:.5rem;padding-inline-end:.5rem}}.carousel-thumbs__viewport{overflow:hidden}.carousel-thumbs__container{display:flex;flex-direction:row;gap:.5rem}.carousel-thumbs__slide{border-radius:var(--radius);overflow:clip;opacity:.8;background-position:50%;background-repeat:no-repeat;background-size:cover;flex:none;width:4rem;height:4rem}.carousel-thumbs__slide--selected{opacity:1}.carousel-thumbs__slide__buttun{cursor:pointer;position:relative;display:flex;background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items: center;width:100%;height:100%}.carousel-thumbs__slide__buttun:before{content:"";position:absolute;animation:pulse 1.5s infinite;background:#ffffff1a;inset:0}@keyframes pulse{0%{background:#fff0}50%{background:#ffffff1a}to{background:#fff0}}.carousel-thumbs__slide__buttun.loaded:before{display:none}.carousel-thumbs__slide__buttun.loaded>img{opacity:1}.carousel-thumbs__slide__buttun>img{opacity:0;transition:opacity .2s ease-in-out}.carousel-thumbs__slide__image{object-fit:cover}@font-face{font-family:IBM Plex Arabic;font-weight:400;src:url(fonts/ibm-pexel/regular.woff2)format(woff2);font-display:swap}@font-face{font-family:IBM Plex Arabic;font-weight:500;src:url(fonts/ibm-pexel/medium.woff2)format(woff2);font-display:swap}@font-face{font-family:IBM Plex Arabic;font-weight:600;src:url(fonts/ibm-pexel/semi-bold.woff2)format(woff2);font-display:swap}@font-face{font-family:IBM Plex Arabic;font-weight:700;src:url(fonts/ibm-pexel/bold.woff2)format(woff2);font-display:swap}