.dne-cats{overflow-x:clip;padding-block:var(--dne-cats-pt, 8.8rem) var(--dne-cats-pb, 8.8rem);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground))}.dne-cats__head{display:flex;flex-direction:column;gap:1.2rem}.dne-cats__heading{margin:0;font-family:var(--dne-font-display, var(--font-heading-family)),"IBM Plex Sans Arabic",serif;font-size:clamp(2.6rem,1.6rem + 2.2vw,4rem);line-height:1.15}.dne-cats__rule{margin-block:2.4rem 4.8rem}.dne-cats__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(3.2rem,4vw,5.6rem) clamp(2.4rem,3.5vw,5rem)}.dne-cats__item{min-width:0}.dne-cats__tile{display:flex;flex-direction:column;align-items:center;gap:1.8rem;text-align:center;text-decoration:none;color:inherit}.dne-cats__disc{position:relative;display:block;width:80%;aspect-ratio:1;border-radius:50%;overflow:hidden;background-color:var(--dne-petrol, #102f31);box-shadow:inset 0 0 0 1px rgba(var(--dne-brass-rgb),.55);transition:box-shadow var(--dne-dur-element) var(--dne-ease)}.dne-cats__img{display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--dne-dur-element) var(--dne-ease)}.dne-cats__disc:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;border:1px solid rgba(var(--dne-brass-rgb),0);transition:border-color var(--dne-dur-element) var(--dne-ease);pointer-events:none}a.dne-cats__tile:hover .dne-cats__img,a.dne-cats__tile:focus-visible .dne-cats__img{transform:scale(1.06)}a.dne-cats__tile:hover .dne-cats__disc:after,a.dne-cats__tile:focus-visible .dne-cats__disc:after{border-color:rgba(var(--dne-brass-rgb),.5)}a.dne-cats__tile:focus-visible{outline:none}a.dne-cats__tile:focus-visible .dne-cats__disc{box-shadow:inset 0 0 0 2px var(--dne-accent-text)}.dne-cats__label{font-family:var(--dne-font-ui),"IBM Plex Sans Arabic",sans-serif;font-size:clamp(1.4rem,1.1rem + .5vw,1.7rem);font-weight:500;letter-spacing:.07em;text-transform:uppercase;line-height:1.35;text-wrap:balance}.dne-cats__feature{margin-block-start:clamp(5.6rem,7vw,9rem);display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,1fr);align-items:center;gap:clamp(3.2rem,5vw,6.4rem);padding:clamp(3.2rem,4vw,5.6rem);background-color:var(--dne-petrol);color:var(--dne-ivory);--dne-accent-text: var(--dne-brass-light)}.dne-cats__feature-media{aspect-ratio:1;border-radius:50%;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(var(--dne-brass-rgb),.55)}.dne-cats__feature-img{display:block;width:100%;height:100%;object-fit:cover}.dne-cats__feature-title{margin:0 0 1.4rem;font-family:var(--dne-font-display, var(--font-heading-family)),"IBM Plex Sans Arabic",serif;font-size:clamp(2.4rem,1.6rem + 1.8vw,3.6rem);line-height:1.2}.dne-cats__feature-text{font-size:1.55rem;line-height:1.8;color:rgba(var(--dne-ivory-rgb),.74);max-width:56rem}.dne-cats__feature-text>*+*{margin-block-start:1rem}.dne-cats__feature-btn{display:inline-flex;align-items:center;gap:1rem;margin-block-start:2.4rem;padding:1.5rem 2.8rem;font-family:var(--dne-font-ui),"IBM Plex Sans Arabic",sans-serif;font-size:1.4rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--dne-petrol);background-color:var(--dne-brass-light);border:1px solid var(--dne-brass-light);transition:background-color var(--dne-dur-element) var(--dne-ease),color var(--dne-dur-element) var(--dne-ease)}.dne-cats__feature-btn:hover,.dne-cats__feature-btn:focus-visible{background-color:transparent;color:var(--dne-brass-light)}.dne-cats__feature-btn .dne-icon{width:2rem;height:2rem;flex:0 0 auto}@media screen and (max-width:989px){.dne-cats__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dne-cats__feature{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}.dne-cats__feature-media{width:100%;max-width:220px}.dne-cats__feature-text{margin-inline:auto}}@media screen and (max-width:749px){.dne-cats{padding-block:6.4rem}.dne-cats__grid{display:flex;gap:1.8rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-block-end:.8rem}.dne-cats__grid::-webkit-scrollbar{display:none}.dne-cats__item{flex:0 0 35.2vw;max-width:160px;scroll-snap-align:start}.dne-cats__feature{padding:2.8rem 2rem}.dne-cats__feature-btn{width:100%;justify-content:center}}.dne-cats__scroll-controls{display:none}.dne-cats__grid:focus-visible{outline:2px solid #927344;outline-offset:6px}@media(max-width:749px){.dne-cats__disc{width:100%}.dne-cats__scroll-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.dne-cats__scroll-controls p{margin:0;font-size:14px;line-height:1.5}.dne-cats__scroll-controls>div{display:flex;gap:8px;flex-shrink:0}.dne-cats__scroll-controls button{width:44px;height:44px;border:1px solid #a48a65;border-radius:50%;background:transparent;color:#143638;font-size:23px;cursor:pointer}.dne-cats__scroll-controls button:focus-visible{outline:2px solid #143638;outline-offset:3px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/dne-categories.css.map */