.dne-oil{padding-block:clamp(56px,7vw,96px);background-color:var(--dne-ivory);color:var(--dne-petrol)}.dne-oil__head{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:end;gap:32px;margin-block-end:40px;padding-block-end:28px;border-block-end:1px solid var(--dne-hairline-strong)}.dne-oil__eyebrow{margin:0 0 14px;font-family:var(--dne-font-ui),"IBM Plex Sans Arabic",sans-serif;font-size:11px;letter-spacing:var(--dne-track-eyebrow);text-transform:uppercase;color:var(--dne-brass-ink)}.dne-oil__heading{margin:0;font-family:var(--dne-font-display),"IBM Plex Sans Arabic",serif;font-size:clamp(42px,5.5vw,72px);font-weight:400;line-height:1.1;color:var(--dne-petrol)}.dne-oil__dot{color:var(--dne-brass-deep)}.dne-oil__intro{justify-self:end;max-width:370px;font-size:15px;line-height:1.7;color:var(--dne-petrol)}.dne-oil__intro p{margin:0 0 12px}.dne-oil__all{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--dne-petrol);text-underline-offset:5px}.dne-oil__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none}.dne-oil__grid:has(>li:nth-child(4):last-child),.dne-oil__grid:has(>li:nth-child(8):last-child){grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.dne-oil__item{display:flex;min-width:0}.dne-oil__card{position:relative;display:flex;flex-direction:column;width:100%;overflow:hidden;border-radius:6px;background-color:var(--dne-ivory-lift);box-shadow:inset 0 0 0 1px var(--dne-hairline);cursor:pointer;-webkit-tap-highlight-color:transparent}.dne-oil__photo{position:relative;aspect-ratio:1 / 1;margin:10px 10px 0;overflow:hidden;border-radius:3px;background-color:#ece5d8;transition:transform 1s var(--dne-ease)}.dne-oil__photo img{display:block;width:100%;height:100%;object-fit:cover}.dne-oil__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,var(--dne-ivory-lift),#e6ddcd 75%)}.dne-oil__placeholder span{font-family:var(--dne-font-display),serif;font-size:clamp(34px,3.2vw,48px);letter-spacing:.08em;color:rgba(var(--dne-brass-rgb),.55)}.dne-oil__badge{position:absolute;inset-block-start:10px;inset-inline-start:10px;padding:3px 9px;background-color:var(--dne-petrol);color:var(--dne-ivory);font-family:var(--dne-font-ui),"IBM Plex Sans Arabic",sans-serif;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.dne-oil__rest{display:flex;flex:1;flex-direction:column;padding:14px 16px 18px}.dne-oil__kind,.dne-oil__dkind{margin:0;font-family:var(--dne-font-ui),"IBM Plex Sans Arabic",sans-serif;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--dne-brass-ink)}.dne-oil__name,.dne-oil__dname{margin:6px 0 0;font-family:var(--dne-font-display),"IBM Plex Sans Arabic",serif;font-size:22px;font-weight:500;line-height:1.15;color:var(--dne-petrol);text-wrap:balance}.dne-oil__name a{color:inherit;text-decoration:none}.dne-oil__material{display:inline-block;margin-inline-start:.45em;font-family:var(--dne-font-ui),"IBM Plex Sans Arabic",sans-serif;font-size:13px;font-weight:400;line-height:1.5;letter-spacing:0;white-space:nowrap}.dne-oil__name a:focus-visible{outline:2px solid var(--dne-brass);outline-offset:3px}.dne-oil__restfoot{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 10px;margin-block-start:auto;padding-block-start:12px}.dne-oil__price{font-family:var(--dne-font-display),"IBM Plex Sans Arabic",serif;font-size:21px;font-weight:500;line-height:1;color:var(--dne-petrol);font-variant-numeric:lining-nums tabular-nums}.dne-oil__price small{margin-inline-end:5px;font-family:var(--dne-font-ui),"IBM Plex Sans Arabic",sans-serif;font-size:11px;font-weight:400;color:var(--dne-ink-muted)}.dne-oil__meta{font-family:var(--dne-font-ui),"IBM Plex Sans Arabic",sans-serif;font-size:12px;color:var(--dne-ink-muted)}.dne-oil__oil{position:absolute;inset-inline:0;inset-block-end:0;z-index:2;height:62%;background-color:var(--dne-petrol);color:var(--dne-ivory);transform:translateY(calc(100% + 40px));transition:transform 1.05s cubic-bezier(.3,1.22,.4,1)}.dne-oil__wave{position:absolute;left:0;bottom:calc(100% - 1px);display:block;width:200%;height:22px;animation:dne-oil-wave 2.8s linear infinite;animation-play-state:paused}.dne-oil__wave path{fill:var(--dne-petrol)}.dne-oil__wave--back{height:30px;animation-duration:4.6s;animation-direction:reverse}.dne-oil__wave--back path{fill:#2d4f4c}@keyframes dne-oil-wave{to{transform:translate(-50%)}}.dne-oil__detail{position:relative;display:flex;flex-direction:column;height:100%;padding:12px 16px 16px}.dne-oil__detail>*{opacity:0;transform:translateY(12px);transition:opacity .45s,transform .7s var(--dne-ease)}.dne-oil__detail>:nth-child(1){transition-delay:.28s}.dne-oil__detail>:nth-child(2){transition-delay:.34s}.dne-oil__detail>:nth-child(3){transition-delay:.4s}.dne-oil__detail>:nth-child(4){transition-delay:.46s}.dne-oil__detail>:nth-child(5){transition-delay:.52s}.dne-oil__dkind{color:var(--dne-brass-light)}.dne-oil__dname{color:var(--dne-ivory)}.dne-oil__desc{margin:8px 0 0;font-family:var(--dne-font-ui),"IBM Plex Sans Arabic",sans-serif;font-size:12.5px;line-height:1.55;color:rgba(var(--dne-ivory-rgb),.72);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dne-oil__grid:has(>li:nth-child(4):last-child) .dne-oil__desc,.dne-oil__grid:has(>li:nth-child(8):last-child) .dne-oil__desc{-webkit-line-clamp:1}@media screen and (max-width:749px){.dne-oil__desc{-webkit-line-clamp:1}}.dne-oil__chips{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0 0;padding:0;list-style:none}.dne-oil__chips li{padding:3px 9px;border:1px solid rgba(var(--dne-ivory-rgb),.4);font-family:var(--dne-font-ui),"IBM Plex Sans Arabic",sans-serif;font-size:11px;line-height:1.5;color:rgba(var(--dne-ivory-rgb),.85)}.dne-oil__dfoot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-block-start:auto;padding-block-start:10px}.dne-oil__dfoot .dne-oil__price{color:var(--dne-brass-light)}.dne-oil__dfoot .dne-oil__price small{color:rgba(var(--dne-ivory-rgb),.6)}.dne-oil__form{margin:0}.dne-oil__btn{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:0;border-radius:999px;background-color:var(--dne-brass-light);color:var(--dne-petrol);font-family:var(--dne-font-ui),"IBM Plex Sans Arabic",sans-serif;font-size:12px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color var(--dne-dur-micro) var(--dne-ease)}.dne-oil__btn svg{width:14px;height:14px;flex:none}.dne-oil__btn:hover,.dne-oil__btn:focus-visible{background-color:var(--dne-ivory)}.dne-oil__btn:focus-visible{outline:2px solid var(--dne-brass-light);outline-offset:3px}.dne-oil__btn.is-disabled{background-color:transparent;color:rgba(var(--dne-ivory-rgb),.6);box-shadow:inset 0 0 0 1px rgba(var(--dne-ivory-rgb),.3);cursor:default}.dne-oil__card.is-open .dne-oil__oil,.dne-oil__card:focus-within .dne-oil__oil{transform:translateY(0)}.dne-oil__card.is-open .dne-oil__detail>*,.dne-oil__card:focus-within .dne-oil__detail>*{opacity:1;transform:none}.dne-oil__card.is-open .dne-oil__photo,.dne-oil__card:focus-within .dne-oil__photo{transform:translateY(-12px) scale(1.02)}.dne-oil__card.is-open .dne-oil__wave,.dne-oil__card:focus-within .dne-oil__wave{animation-play-state:running}@media(hover:hover)and (pointer:fine){.dne-oil__card:hover .dne-oil__oil{transform:translateY(0)}.dne-oil__card:hover .dne-oil__detail>*{opacity:1;transform:none}.dne-oil__card:hover .dne-oil__photo{transform:translateY(-12px) scale(1.02)}.dne-oil__card:hover .dne-oil__wave{animation-play-state:running}}.dne-oil__hint{display:none}@media screen and (max-width:989px){.dne-oil__grid,.dne-oil__grid:has(>li:nth-child(4):last-child),.dne-oil__grid:has(>li:nth-child(8):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:749px){.dne-oil__head{grid-template-columns:minmax(0,1fr);gap:20px;margin-block-end:24px}.dne-oil__intro{justify-self:start}.dne-oil__grid,.dne-oil__grid:has(>li:nth-child(4):last-child),.dne-oil__grid:has(>li:nth-child(8):last-child){--oil-card: min(290px, 74vw);display:flex;gap:14px;padding:6px calc((100% - var(--oil-card)) / 2) 18px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.dne-oil__grid::-webkit-scrollbar{display:none}.dne-oil__item{flex:0 0 var(--oil-card);scroll-snap-align:center}.dne-oil__hint{display:block;margin:12px 0 0;text-align:center;font-family:var(--dne-font-ui),"IBM Plex Sans Arabic",sans-serif;font-size:11px;letter-spacing:.08em;color:var(--dne-ink-muted)}}@media(prefers-reduced-motion:reduce){.dne-oil__wave{animation:none}.dne-oil__oil,.dne-oil__photo,.dne-oil__detail>*{transition-duration:.01s;transition-delay:0s}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/dne-oil.css.map */