@import"https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap";.hd-banner{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:clamp(340px,36vw,480px);border-radius:18px;overflow:hidden;isolation:isolate}.hd-banner--hero{min-height:clamp(440px,50vw,640px)}.hd-banner--flip .hd-banner__copy{order:2}.hd-banner__copy{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;padding:clamp(28px,5vw,72px);overflow:hidden;z-index:1}.hd-banner__num{position:absolute;top:-.1em;inset-inline-end:.06em;font-family:var(--font-heading-family);font-size:clamp(110px,14vw,220px);font-weight:800;line-height:1;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1px rgba(var(--color-foreground),.16);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:-1}.hd-eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0;font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:rgba(var(--color-foreground),.75)}.hd-eyebrow:before{content:"";width:28px;height:1px;background:currentColor}.hd-banner__title{margin:0;font-family:var(--font-heading-family),"Tajawal",sans-serif;font-size:clamp(30px,4vw,54px);font-weight:700;line-height:1.05;letter-spacing:-.02em;text-transform:uppercase;text-wrap:balance;color:rgb(var(--color-foreground));word-break:normal;overflow-wrap:anywhere}.hd-banner--hero .hd-banner__title{font-size:clamp(40px,5.6vw,78px)}.hd-banner__alt{margin:0;font-family:"Tajawal",var(--font-body-family),sans-serif;font-size:clamp(18px,2vw,26px);font-weight:500;line-height:1.3;color:rgba(var(--color-foreground),.65)}.hd-banner__text{max-width:44ch;font-size:15px;line-height:1.7;color:rgba(var(--color-foreground),.82)}.hd-banner__text p{margin:0}.hd-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}.hd-actions .button{min-height:48px;padding:0 28px;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.hd-banner__media{position:relative;display:flex;align-items:center;justify-content:center;padding:clamp(24px,4vw,56px);overflow:hidden}.hd-banner__media:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 58%,#ffffffd9,#fff0 64%);pointer-events:none}.hd-banner__media--image{padding:0}.hd-banner__media--image:before{display:none}.hd-banner__img,.hd-banner__media--image .placeholder-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hd-stack{position:relative;width:100%;max-width:540px;aspect-ratio:4/3}.hd-stack__item{position:absolute;bottom:8%;width:44%;aspect-ratio:1;display:flex;align-items:flex-end;justify-content:center}.hd-stack__item img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 22px rgba(0,0,0,.16))}.hd-stack__item--1{left:25%;width:50%;bottom:5%;z-index:3}.hd-stack__item--2{left:0;z-index:2;transform:rotate(-6deg)}.hd-stack__item--3{right:0;z-index:1;transform:rotate(6deg)}.hd-stack__floor{position:absolute;left:8%;right:8%;bottom:2%;height:10%;background:radial-gradient(ellipse at center,rgba(0,0,0,.13),transparent 70%);z-index:0}.hd-logos{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(10px,1.6vw,18px);width:100%;max-width:460px}.hd-logos__item{aspect-ratio:1;border-radius:50%;background:#fff;border:1px solid rgba(18,18,18,.1);display:grid;place-items:center;padding:16%;box-shadow:0 10px 24px #0000000f;overflow:hidden}.hd-logos__item img{width:100%;height:100%;object-fit:contain}@media screen and (max-width:749px){.hd-banner{grid-template-columns:1fr;min-height:0;border-radius:14px}.hd-banner__media{order:0;min-height:240px;padding:20px}.hd-banner__media--image{min-height:280px}.hd-banner__copy,.hd-banner--flip .hd-banner__copy{order:1}.hd-stack{max-width:340px}.hd-logos{max-width:300px}.hd-banner__num{font-size:120px}.hd-actions{width:100%}.hd-actions .button{flex:1 1 auto}}.hd-rail{margin-top:clamp(18px,2.4vw,28px)}.hd-rail__head{display:flex;justify-content:flex-end;margin-bottom:10px}.hd-rail__link{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.hd-brand-list .grid__item{list-style:none}@media screen and (min-width:990px){.hd-brand-list.grid .grid__item{width:calc(12.5% - var(--grid-desktop-horizontal-spacing) * 7 / 8);max-width:none}}@media screen and (min-width:750px)and (max-width:989px){.hd-brand-list.grid .grid__item{width:calc(20% - var(--grid-desktop-horizontal-spacing) * 4 / 5);max-width:none}}@media screen and (max-width:749px){.hd-brand-list.grid--peek .grid__item,.hd-brand-list.grid .grid__item{width:calc(30% - var(--grid-mobile-horizontal-spacing));max-width:none}}.hd-brand{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;color:rgb(var(--color-foreground));text-decoration:none}.hd-brand__logo{width:100%;aspect-ratio:1;border-radius:50%;background:#fff;border:1px solid rgba(var(--color-foreground),.12);display:grid;place-items:center;padding:14%;overflow:hidden;transition:border-color .2s ease}.hd-brand:hover .hd-brand__logo{border-color:rgb(var(--color-foreground))}.hd-brand__logo img{width:100%;height:100%;object-fit:contain}.hd-brand__initial{font-size:28px;font-weight:700}.hd-brand__name{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.hd-trust{display:grid;grid-template-columns:repeat(var(--hd-cols,4),minmax(0,1fr));margin:0;padding:0;list-style:none;border-block:1px solid rgba(var(--color-foreground),.12)}.hd-trust__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:18px 16px;text-align:center}.hd-trust__item+.hd-trust__item{border-inline-start:1px solid rgba(var(--color-foreground),.12)}.hd-trust__link{display:flex;flex-direction:column;align-items:center;gap:2px;color:inherit;text-decoration:none}.hd-trust__link:hover .hd-trust__title{text-decoration:underline;text-underline-offset:3px}.hd-trust__title{font-size:13px;font-weight:600;letter-spacing:.04em;color:rgb(var(--color-foreground))}.hd-trust__sub{font-family:"Tajawal",var(--font-body-family),sans-serif;font-size:12px;color:rgba(var(--color-foreground),.6)}@media screen and (max-width:749px){.hd-trust{grid-template-columns:1fr 1fr}.hd-trust__item:nth-child(odd){border-inline-start:0}.hd-trust__item:nth-child(n+3){border-top:1px solid rgba(var(--color-foreground),.12)}}@media(prefers-reduced-motion:reduce){.hd-brand__logo{transition:none}}.hd-dir__intro{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;margin-bottom:clamp(24px,4vw,40px)}.hd-dir__intro .hd-eyebrow:after{content:"";width:28px;height:1px;background:currentColor}.hd-dir__title{margin:0;font-family:var(--font-heading-family),"Tajawal",sans-serif;font-size:clamp(32px,4.4vw,56px);font-weight:700;line-height:1.05;letter-spacing:-.02em;text-transform:uppercase;color:rgb(var(--color-foreground))}.hd-dir__alt{margin:0;font-family:"Tajawal",var(--font-body-family),sans-serif;font-size:clamp(18px,2vw,24px);color:rgba(var(--color-foreground),.6)}.hd-dir__text{max-width:60ch;margin:4px auto 0;font-size:15px;line-height:1.7;color:rgba(var(--color-foreground),.75)}.hd-dir__text p{margin:0}.hd-dir__meta{font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:rgba(var(--color-foreground),.55)}.hd-dir__tools{position:sticky;top:var(--hd-sticky-top,0);z-index:2;display:flex;flex-direction:column;gap:14px;align-items:center;padding:14px 0;margin-bottom:12px;background:rgb(var(--color-background));border-bottom:1px solid rgba(var(--color-foreground),.08)}.hd-dir__search{position:relative;width:100%;max-width:440px}.hd-dir__search input{width:100%;min-height:48px;padding:0 20px 0 46px;border:1px solid rgba(var(--color-foreground),.2);border-radius:999px;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font:inherit;font-size:15px}.hd-dir__search input:focus{outline:none;border-color:rgb(var(--color-foreground))}.hd-dir__search svg{position:absolute;top:50%;inset-inline-start:18px;width:18px;height:18px;transform:translateY(-50%);opacity:.5;pointer-events:none}[dir=rtl] .hd-dir__search input,html[lang=ar] .hd-dir__search input{padding:0 46px 0 20px}.hd-dir__letters{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin:0;padding:0;list-style:none}.hd-dir__letters a{display:inline-grid;place-items:center;min-width:34px;height:34px;padding:0 6px;border-radius:999px;font-size:13px;font-weight:600;color:rgb(var(--color-foreground));text-decoration:none;transition:background-color .2s ease,color .2s ease}.hd-dir__letters a:hover{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.hd-dir__letters a[aria-disabled=true]{opacity:.25;pointer-events:none}.hd-dir__group{padding-top:clamp(18px,3vw,32px);scroll-margin-top:180px}.hd-dir__group[hidden]{display:none}.hd-dir__letter{display:flex;align-items:center;gap:16px;margin:0 0 16px;font-family:var(--font-heading-family);font-size:clamp(22px,2.4vw,30px);font-weight:700;color:rgb(var(--color-foreground))}.hd-dir__letter:after{content:"";flex:1;height:1px;background:rgba(var(--color-foreground),.12)}.hd-dir__grid{display:grid;grid-template-columns:repeat(var(--hd-dir-cols,6),minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}@media screen and (max-width:989px){.hd-dir__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media screen and (max-width:749px){.hd-dir__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}.hd-dir__item[hidden]{display:none}.hd-dir__card{display:flex;flex-direction:column;align-items:center;gap:10px;height:100%;padding:18px 14px 16px;border-radius:16px;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.1);text-align:center;color:rgb(var(--color-foreground));text-decoration:none;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.hd-dir__card:hover{border-color:rgb(var(--color-foreground));box-shadow:0 10px 28px #0000000f;transform:translateY(-2px)}.hd-dir__logo{display:grid;place-items:center;width:100%;aspect-ratio:1;max-width:120px;border-radius:50%;background:#fff;border:1px solid rgba(18,18,18,.08);padding:16%;overflow:hidden}.hd-dir__logo img{width:100%;height:100%;object-fit:contain}.hd-dir__initial{font-family:var(--font-heading-family);font-size:30px;font-weight:700;color:#121212}.hd-dir__name{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;line-height:1.3}.hd-dir__count{font-size:12px;color:rgba(var(--color-foreground),.55)}.hd-dir__empty{padding:48px 0;text-align:center;color:rgba(var(--color-foreground),.6)}@media(prefers-reduced-motion:reduce){.hd-dir__card,.hd-dir__letters a{transition:none}.hd-dir__card:hover{transform:none}}.hd-rail__more{display:none}.hd-brand__name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em;line-height:1.3}@media screen and (max-width:749px){.hd-rail--brands .hd-rail__head{display:none}.hd-rail--brands slider-component{display:block}.hd-rail--brands .hd-brand-list.grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px;margin:0;padding:0;overflow:visible;scroll-snap-type:none}.hd-rail--brands .hd-brand-list.grid .grid__item{width:auto!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0!important;box-sizing:border-box}.hd-rail--brands .hd-brand--extra,.hd-rail--brands .slider-buttons{display:none!important}.hd-rail--brands .hd-brand{gap:8px}.hd-rail--brands .hd-brand__logo{padding:12%}.hd-rail--brands .hd-brand__name{font-size:10.5px;letter-spacing:.05em}.hd-rail--brands .hd-rail__more{display:flex;justify-content:center;margin-top:20px}.hd-rail--brands .hd-rail__more .button{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/hd-sections.css.map */