.search-drawer--panel{--drawer-content-max-height: none;--drawer-body-padding: 0;--drawer-header-padding: 0;--sdp-panel-width: 78%;width:var(--sdp-panel-width);max-width:none;height:auto;padding:0;margin-inline:auto;left:0!important;right:0!important}@media screen and (max-width:989px){.search-drawer--panel{--sdp-panel-width: 100%}}.search-drawer--panel::part(content){border-radius:0;height:max-content;max-height:none;margin-block-start:max(var(--sticky-area-height, 0px),var(--header-height, 0px));box-shadow:0 12px 28px rgb(var(--text-primary) / .1)}.search-drawer--panel::part(body){padding:0;display:block;overflow-y:auto}.search-drawer--panel::part(header){display:none}.sdp{background:rgb(var(--dialog-background));color:rgb(var(--text-primary));flex-direction:column;width:100%;display:flex}.sdp__row{border:0;align-items:stretch;gap:0;display:flex}.sdp[data-search-border] .sdp__row{border:var(--sdp-search-border-width, 1px) solid rgb(var(--sdp-search-border-color, var(--border-color)))}.sdp__field{flex:1 1 auto;min-width:0;position:relative;display:flex;align-items:center}.sdp__input{-webkit-appearance:none;appearance:none;background:none;border:0;border-radius:0;color:inherit;font-size:1.25rem;line-height:1.4;width:100%;padding:var(--spacing-5) var(--spacing-5);outline:0}@media screen and (min-width:700px){.sdp__input{font-size:1.375rem;padding-inline-start:var(--container-gutter)}}.sdp__input::-webkit-search-decoration,.sdp__input::-webkit-search-results-button,.sdp__input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;display:none}.sdp--custom-placeholder .sdp__input::placeholder{color:transparent}.sdp__input:focus,.sdp__input:focus-visible{outline:0;box-shadow:none}.sdp__placeholder{color:rgb(var(--text-primary) / .45);font-size:1.25rem;line-height:1.4;pointer-events:none;transition:opacity .26s cubic-bezier(.22,1,.36,1),transform .26s cubic-bezier(.22,1,.36,1);position:absolute;inset-inline-start:var(--spacing-5);inset-block-start:50%;translate:0 -50%;max-width:calc(100% - var(--spacing-5) * 2);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media screen and (min-width:700px){.sdp__placeholder{font-size:1.375rem;inset-inline-start:var(--container-gutter)}}.sdp__placeholder[data-fading=out]{opacity:0;transform:translateY(-7px);transition-duration:.16s;transition-timing-function:cubic-bezier(.4,0,1,1)}.sdp__placeholder[data-fading=in]{opacity:0;transform:translateY(9px);transition:none}.sdp__placeholder[hidden]{display:none}.sdp__submit{background:rgb(var(--accent));color:rgb(var(--button-text-primary));border:0;border-radius:0;cursor:pointer;flex:0 0 auto;place-items:center;width:3.75rem;display:grid}@media screen and (min-width:700px){.sdp__submit{width:4.5rem}}.sdp__submit svg{width:1.375rem;height:1.375rem}.sdp__clear{background:none;border:0;color:rgb(var(--text-primary) / .45);cursor:pointer;flex:0 0 auto;font:inherit;font-size:.9375rem;place-items:center;padding-inline:var(--spacing-4);transition:color .15s ease;display:grid}.sdp__clear:hover{color:rgb(var(--text-primary) / .8)}.sdp__clear[hidden]{display:none}.sdp__clear:focus-visible{outline:2px solid rgb(var(--accent));outline-offset:-3px}.sdp__close{background:none;border:0;color:inherit;cursor:pointer;flex:0 0 auto;place-items:center;width:3rem;display:grid}.sdp__submit:focus-visible,.sdp__close:focus-visible{outline:2px solid rgb(var(--accent));outline-offset:-3px}.sdp__body{grid-template-columns:1fr;gap:var(--spacing-8);padding:var(--spacing-8) var(--spacing-5);display:grid}@media screen and (min-width:990px){.sdp__body{grid-template-columns:22% minmax(0,1fr);gap:0;padding:var(--spacing-12) 0}.sdp__col--left{border-inline-end:1px solid rgb(var(--border-color));padding-inline:var(--container-gutter) var(--spacing-8)}.sdp__col--right{padding-inline:var(--spacing-12) var(--container-gutter)}}.sdp__title{color:rgb(var(--text-primary) / .75);font-size:.9375rem;line-height:1.4;margin:0 0 var(--spacing-4)}.sdp__fade{transition:opacity .22s ease,translate .22s ease}.sdp__fade[data-fading=true]{opacity:0;translate:0 4px}.sdp__fade[data-loading=true]{opacity:.4}.sdp__list{flex-direction:column;gap:var(--spacing-1);margin:0;padding:0;list-style:none;display:flex}.sdp__item{list-style:none}.sdp__link{background:none;border:0;color:inherit;cursor:pointer;font:inherit;line-height:1.9;text-align:start;text-decoration:none;width:100%;padding:var(--spacing-1) 0;display:block}.sdp__link:hover{text-decoration:underline}.sdp__link:focus-visible,.sdp__link.is-virtual-focus{outline:2px solid rgb(var(--accent));outline-offset:2px}.sdp__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-5);display:grid}.sdp__col--right{min-width:0}@media screen and (min-width:990px){.sdp__grid{grid-template-columns:repeat(var(--sdp-per-row, 4),minmax(0,1fr));gap:var(--spacing-8);min-width:0}.sdp[data-state=typing] .sdp__grid{grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--sdp-per-row, 4) - 1) * var(--spacing-8)) / var(--sdp-per-row, 4));grid-template-columns:none;scroll-snap-type:x proximity;scroll-behavior:smooth;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.sdp[data-state=typing] .sdp__grid::-webkit-scrollbar{display:none}.sdp[data-state=typing] .sdp__grid>*{scroll-snap-align:start}}.sdp__scroller{min-width:0;position:relative}.sdp__nav{background:rgb(var(--dialog-background));border:1px solid rgb(var(--text-primary) / .15);border-radius:var(--rounded-full);box-shadow:var(--shadow-sm);color:inherit;cursor:pointer;place-items:center;width:2.5rem;height:2.5rem;display:grid;position:absolute;inset-block-start:30%;z-index:2}.sdp__nav[hidden]{display:none}.sdp__nav--prev{inset-inline-start:calc(var(--spacing-5) * -1);rotate:180deg}.sdp__nav--next{inset-inline-end:calc(var(--spacing-5) * -1)}.sdp__nav:focus-visible{outline:2px solid rgb(var(--accent));outline-offset:2px}@media screen and (max-width:989px){.sdp__nav{display:none!important}}.sdp__actions{margin-block-start:var(--spacing-6)}.sdp__actions[hidden]{display:none}.sdp__showall{background:none;border:1px solid rgb(var(--text-primary) / .25);border-radius:var(--rounded-button);color:inherit;cursor:pointer;font:inherit;padding:var(--spacing-3) var(--spacing-6);transition:border-color .15s ease}.sdp__showall:hover{border-color:rgb(var(--accent))}.sdp__showall:focus-visible{outline:2px solid rgb(var(--accent));outline-offset:2px}@media screen and (max-width:749px){.sdp[data-mobile-layout=slider] .sdp__grid{grid-auto-flow:column;grid-auto-columns:calc(100% / 1.4 - var(--spacing-4));grid-template-columns:none;gap:var(--spacing-4);scroll-snap-type:x mandatory;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;margin-inline:calc(var(--spacing-5) * -1);padding-inline:var(--spacing-5)}.sdp[data-mobile-layout=slider] .sdp__grid::-webkit-scrollbar{display:none}.sdp[data-mobile-layout=slider] .sdp__grid>*{scroll-snap-align:start}.sdp[data-mobile-layout=stacked] .sdp__grid,.sdp[data-mobile-layout=stacked][data-state=typing] .sdp__grid{grid-template-columns:repeat(var(--sdp-per-row-mobile, 2),minmax(0,1fr));grid-auto-flow:row;gap:var(--spacing-5);overflow-x:visible}}.sdp__card{min-width:0;display:flex}.sdp__card>*{width:100%}.sdp__empty{grid-column:1 / -1;margin:0}.sdp .product-card__title,.sdp .waqas-card__title{min-height:2.8em;min-height:2lh;display:block}.sdp .product-card__title>a,.sdp .waqas-card__title>a{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.sdp .waqas-card__compare{min-height:1.4em;min-height:1lh}.sdp[data-hide-card-price] .price-list,.sdp[data-hide-card-price] .waqas-card__price{display:none}.sdp[data-hide-card-compare] compare-at-price,.sdp[data-hide-card-compare] .waqas-card__compare-price{display:none}.sdp[data-hide-card-title] .product-card__title,.sdp[data-hide-card-title] .waqas-card__title{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media screen and (max-width:989px){.search-drawer--panel::part(content){height:max-content;max-height:calc(100dvh - max(var(--sticky-area-height, 0px),var(--header-height, 0px)))}.sdp{flex:0 1 auto;min-height:0}}@media(prefers-reduced-motion:reduce){.sdp__fade,.sdp__placeholder{transition:none}.sdp__placeholder[data-fading=out],.sdp__placeholder[data-fading=in]{opacity:1;transform:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/search-drawer-panel.css.map */