/* <inline asset> */
@charset "UTF-8"; 

/* /parkville_family_shop/static/src/scss/store.scss */
 @view-transition{navigation: auto;}*, *::before, *::after{box-sizing: border-box;}html{-webkit-text-size-adjust: 100%; scroll-behavior: smooth;}body.ofs{margin: 0; min-height: 100vh; font-family: "IBM Plex Sans Arabic", system-ui, sans-serif; font-size: 15px; line-height: 1.6; color: #0D1B33; background: #EEF1F7; direction: rtl; text-align: right; -webkit-font-smoothing: antialiased;}:where(.ofs) :where(h1, h2, h3, p, dl, dd, ol, ul){margin: 0;}:where(.ofs) :where(ul, ol){padding: 0; list-style: none;}:where(.ofs) :where(h1, h2, h3){font-family: "Alexandria", "IBM Plex Sans Arabic", sans-serif; letter-spacing: -.01em;}:where(.ofs) a{color: #1B489C; text-decoration: none;}:where(.ofs) img{max-width: 100%; display: block;}:where(.ofs) :where(button, input, select, textarea){font: inherit; color: inherit;}:where(.ofs) button{cursor: pointer;}:where(.ofs) :focus-visible{outline: 3px solid rgba(27, 72, 156, 0.45); outline-offset: 2px; border-radius: 8px;}:where(.ofs) [hidden]{display: none !important;}:where(.ofs) svg{width: 1em; height: 1em; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;}.ofs-sr{position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;}@keyframes rise{from{opacity: 0; transform: translateY(60%);}to{opacity: 1; transform: none;}}@keyframes up{from{opacity: 0; transform: translateY(18px);}to{opacity: 1; transform: none;}}@keyframes fade{from{opacity: 0;}to{opacity: 1;}}@keyframes zoom{from{opacity: 0; transform: scale(0.94);}to{opacity: 1; transform: none;}}@keyframes morph{0%, 100%{border-radius: 42% 58% 63% 37% / 41% 44% 56% 59%;}33%{border-radius: 58% 42% 38% 62% / 57% 36% 64% 43%;}66%{border-radius: 38% 62% 51% 49% / 38% 61% 39% 62%;}}@keyframes words{0%, 24%{transform: translateY(0);}33%, 57%{transform: translateY(-25%);}66%, 90%{transform: translateY(-50%);}100%{transform: translateY(-75%);}}@keyframes spin{to{transform: rotate(360deg);}}@keyframes drift{0%, 100%{transform: translate(0, 0);}50%{transform: translate(40px, -30px) scale(1.1);}}@keyframes marquee{from{transform: translateX(0);}to{transform: translateX(50%);}}@keyframes bump{0%{transform: scale(1);}35%{transform: scale(1.45) rotate(-8deg);}100%{transform: scale(1);}}@keyframes toast{from{opacity: 0; transform: translate(-50%, 16px) scale(0.96);}to{opacity: 1; transform: translate(-50%, 0);}}@keyframes draw{to{stroke-dashoffset: 0;}}@keyframes burst{0%{transform: translate(0, 0) rotate(0); opacity: 1;}100%{transform: translate(var(--x), var(--y)) rotate(var(--r)); opacity: 0;}}@keyframes dock-in{from{opacity: 0; transform: translate(-50%, 30px);}to{opacity: 1; transform: translate(-50%, 0);}}@keyframes pulse{0%, 100%{box-shadow: 0 0 0 0 rgba(255, 200, 61, 0.6);}50%{box-shadow: 0 0 0 9px rgba(255, 200, 61, 0);}}@keyframes ring-in{from{stroke-dashoffset: 377;}}.ofs-line{display: block; overflow: hidden; padding: .12em 0 .18em; margin: -.12em 0 -.18em;}.ofs-line > span{display: inline-block; animation: rise 0.9s cubic-bezier(0.16, 1, 0.3, 1) both;}.ofs-line:nth-child(2) > span{animation-delay: .08s;}.ofs-line:nth-child(3) > span{animation-delay: .16s;}.ofs-blob{position: absolute; animation: morph 12s ease-in-out infinite;}.ofs-ambient{position: fixed; inset: 0; pointer-events: none; overflow: hidden; z-index: 0; contain: strict; transform: translateZ(0);}.ofs-ambient span{position: absolute; width: 620px; height: 620px; border-radius: 50%;}.ofs-ambient span:first-child{background: radial-gradient(circle, rgba(91, 140, 232, 0.26), rgba(91, 140, 232, 0) 65%); top: -220px; right: -160px;}.ofs-ambient span:last-child{background: radial-gradient(circle, rgba(255, 200, 61, 0.18), rgba(255, 200, 61, 0) 65%); bottom: -240px; left: -140px; animation-direction: reverse;}.ofs-main{position: relative; z-index: 1; min-height: 60vh;}.ofs-page{max-width: 1320px; margin: 0 auto; padding: 8px 28px 40px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 28px; animation: fade .4s ease both;}.ofs-muted{color: #5B6880;}.ofs-link{color: #1B489C; font-weight: 600;}.ofs-crumbs{display: -webkit-box; display: -webkit-flex; display: flex; gap: 8px; font-size: 13px; color: #5B6880;}.ofs-crumbs a{color: #5B6880;}.ofs-crumbs a:hover{color: #1B489C;}.ofs-back{align-self: flex-start; font-size: 13px; font-weight: 700;}.ofs-back::before{content: '→ ';}.ofs-head{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 18px;}.ofs-title{display: -webkit-box; display: -webkit-flex; display: flex; align-items: flex-start; gap: 14px; font: 800 clamp(40px, 6vw, 72px)/1.3 "Alexandria", "IBM Plex Sans Arabic", sans-serif; letter-spacing: -.03em; color: #0D1B33;}.ofs-title__badge{margin-top: 10px; padding: 6px 12px; border-radius: 999px; background: #0B1E46; color: #fff; font: 700 14px "Alexandria", "IBM Plex Sans Arabic", sans-serif; letter-spacing: 0; animation: zoom 0.5s cubic-bezier(0.16, 1, 0.3, 1) 0.3s both;}.ofs-h2{font: 800 clamp(28px, 4vw, 40px)/1.35 "Alexandria", "IBM Plex Sans Arabic", sans-serif;}.ofs-two{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 24px; align-items: flex-start;}.ofs-two > .ofs-lines, .ofs-two > .ofs-steps-col{flex: 999 1 560px; min-width: 0;}.ofs-topbar{position: relative; z-index: 5; max-width: 1320px; margin: 0 auto; padding: 18px 28px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: 16px;}.ofs-topbar__logo img{height: 30px; width: auto;}.ofs-topbar__spacer{flex: 1;}.ofs-search{flex: 1 1 260px; max-width: 560px; margin-inline: auto; position: relative;}.ofs-search svg{position: absolute; right: 18px; top: 15px; width: 18px; height: 18px; color: #5B6880;}.ofs-search input{width: 100%; height: 48px; padding: 0 50px 0 20px; border-radius: 999px; border: 1px solid rgba(201, 211, 227, 0.7); background: rgba(255, 255, 255, 0.8); font-size: 14px; outline: none;}.ofs-search input:focus{border-color: #1B489C; box-shadow: 0 0 0 5px rgba(27, 72, 156, 0.12);}.ofs-account{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: 10px; white-space: nowrap;}.ofs-account__name{font-size: 13px; font-weight: 600; max-width: 160px; overflow: hidden; text-overflow: ellipsis;}.ofs-account__out{font-size: 13px; color: #5B6880;}.ofs-avatar{width: 40px; height: 40px; flex: none; border-radius: 50%; padding: 2px; background: conic-gradient(from 200deg, #1B489C, #5B8CE8, #FFC83D, #1B489C);}.ofs-avatar > span{width: 100%; height: 100%; border-radius: 50%; background: #0B1E46; color: #fff; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; font: 700 14px "Alexandria", "IBM Plex Sans Arabic", sans-serif;}.ofs-footer{position: relative; z-index: 1; margin: 48px 16px 16px; padding: 36px 32px; border-radius: 36px; background: #0B1E46; color: #AFC0E0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 16px; font-size: 12px;}.ofs-footer img{height: 26px; width: auto;}body:has(.ofs-dock) .ofs-footer{padding-bottom: 110px;}.ofs-dock{position: fixed; bottom: 22px; left: 50%; transform: translateX(-50%); z-index: 50; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: 4px; padding: 6px; border-radius: 999px; background: rgba(11, 30, 70, 0.88); backdrop-filter: blur(16px); box-shadow: 0 24px 50px -20px rgba(11, 30, 70, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.08); animation: dock-in 0.6s cubic-bezier(0.16, 1, 0.3, 1) 0.2s both;}.ofs-dock svg{width: 21px; height: 21px; stroke-width: 1.9;}.ofs-dock__item{height: 48px; padding: 0 14px; border-radius: 999px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: 8px; color: #AFC0E0; transition: background-color .3s, color .3s, padding .3s;}.ofs-dock__item > span{position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0);}.ofs-dock__item:hover{color: #fff;}.ofs-dock__item.is-active{background: #fff; color: #0B1E46; padding: 0 18px;}.ofs-dock__item.is-active > span{position: static; width: auto; height: auto; clip: auto; font-size: 13px; font-weight: 700;}.ofs-dock__cart{height: 48px; padding: 0 16px; border-radius: 999px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: 8px; background: #FFC83D; color: #0B1E46; font-weight: 700; font-size: 13px;}.ofs-dock__cart.is-active{box-shadow: inset 0 0 0 2px #fff;}.ofs-dock__count{min-width: 22px; height: 22px; padding: 0 6px; border-radius: 999px; background: #0B1E46; color: #fff; font-size: 11px; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; justify-content: center;}.ofs-dock__count.is-bump{animation: bump 0.5s cubic-bezier(0.16, 1, 0.3, 1);}.ofs-fly{position: fixed; z-index: 60; width: 48px; height: 48px; border-radius: 50%; pointer-events: none; background: radial-gradient(circle at 35% 30%, #5B8CE8, #1B489C); box-shadow: 0 10px 30px rgba(27, 72, 156, 0.5); transition: transform 0.7s cubic-bezier(0.5, 0, 0.75, 0), opacity 0.7s;}.ofs-toast{position: fixed; bottom: 96px; left: 50%; transform: translateX(-50%); z-index: 55; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: 12px; padding: 10px 18px 10px 10px; border-radius: 999px; background: #fff; box-shadow: 0 24px 50px -20px rgba(11, 30, 70, 0.5); white-space: nowrap; font-size: 14px;}.ofs-toast.is-in{animation: toast 0.45s cubic-bezier(0.16, 1, 0.3, 1) both;}.ofs-toast__icon{width: 32px; height: 32px; border-radius: 50%; background: #2BB673; color: #fff; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center;}.ofs-toast__icon svg{width: 16px; height: 16px; stroke-width: 2.8;}.ofs-toast__save{padding: 4px 10px; border-radius: 999px; background: #FFF1C7; color: #7A5200; font-size: 12px; font-weight: 700;}.ofs-btn{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; justify-content: center; gap: 10px; height: 48px; padding: 0 22px; border-radius: 999px; border: 1px solid transparent; font: 700 15px "Alexandria", "IBM Plex Sans Arabic", sans-serif; white-space: nowrap; cursor: pointer; transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s, background-color 0.25s, color 0.25s;}.ofs-btn:hover{transform: translateY(-2px); box-shadow: 0 12px 26px -14px rgba(11, 30, 70, 0.7);}.ofs-btn:active{transform: scale(0.97);}.ofs-btn:disabled{background: #E6EAF1 !important; color: #8A94A8 !important; cursor: not-allowed; transform: none; box-shadow: none;}.ofs-btn--dark{background: #0B1E46; color: #fff;}.ofs-btn--light{background: #fff; color: #0B1E46;}.ofs-btn--yellow{background: #FFC83D; color: #0B1E46;}.ofs-btn--ghost{background: #fff; border-color: rgba(201, 211, 227, 0.7); color: #0B1E46;}.ofs-btn--wa{background: #25D366; color: #fff;}.ofs-btn--danger{height: 40px; background: #fff; border-color: #F2C9C5; color: #B42318; font-size: 13px;}.ofs-btn--lg{height: 58px; padding: 0 28px; font-size: 17px;}.ofs-btn--block{width: 100%;}.ofs-btn.is-done{background: #2BB673; color: #fff;}.ofs-btn.is-busy{opacity: .7; pointer-events: none;}.ofs-btn__arrow{width: 32px; height: 32px; border-radius: 50%; background: #0B1E46; color: #fff; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; justify-content: center;}.ofs-btn__arrow svg{width: 15px; height: 15px; stroke-width: 2.4;}.ofs-btn--dark .ofs-btn__arrow{background: #fff; color: #0B1E46;}.ofs-chip{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; gap: 6px; padding: 5px 12px; border-radius: 999px; background: #fff; border: 1px solid rgba(201, 211, 227, 0.7); font: 700 12px "Alexandria", "IBM Plex Sans Arabic", sans-serif; color: #1B489C; white-space: nowrap;}.ofs-chip--yellow{background: #FFC83D; border-color: #FFC83D; color: #0B1E46;}.ofs-chip-btn{height: 46px; padding: 0 18px; border-radius: 999px; border: 1px solid rgba(201, 211, 227, 0.7); background: #fff; color: #0D1B33; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; gap: 10px; font-weight: 600; font-size: 14px;}.ofs-chip-btn.is-on{background: #0B1E46; border-color: #0B1E46; color: #fff;}.ofs-pct{width: 20px; height: 20px; border-radius: 50%; background: #FFC83D; color: #0B1E46; font: 800 11px/20px "Alexandria", "IBM Plex Sans Arabic", sans-serif; text-align: center;}.ofs-dot{width: 8px; height: 8px; border-radius: 50%; display: inline-block;}.ofs-dot--ok{background: #2BB673;}.ofs-dot--wait{background: #FFC83D;}.ofs-filters{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; align-items: center;}.ofs-sort select{height: 46px; padding: 0 18px; border-radius: 999px; border: 1px solid rgba(201, 211, 227, 0.7); background: #fff; font-weight: 600; font-size: 14px;}.ofs-field{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 8px; font-size: 13px; font-weight: 600; color: #3B475E;}.ofs-field small{font-weight: 400; color: #8A94A8;}.ofs-field input, .ofs-field select, .ofs-field textarea{height: 52px; padding: 0 18px; border-radius: 18px; border: 1.5px solid #DCE3EE; background: #F7F9FC; font-size: 15px; font-weight: 400; color: #0D1B33; outline: none; transition: border-color .2s, box-shadow .2s;}.ofs-field input:focus, .ofs-field select:focus, .ofs-field textarea:focus{border-color: #1B489C; box-shadow: 0 0 0 5px rgba(27, 72, 156, 0.12); background: #fff;}.ofs-field textarea{height: auto; padding: 14px 18px; resize: vertical;}.ofs-field__row{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between;}.ofs-field--wide{grid-column: 1 / -1;}.ofs-form-grid{display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 14px;}.ofs-note{padding: 14px 18px; border-radius: 20px; background: #E4ECFB; color: #143A80; font-size: 14px; line-height: 1.7; white-space: pre-line;}.ofs-note--warn{background: #FFF1C7; color: #7A5200;}.ofs-pill{padding: 7px 13px; border-radius: 999px; font-size: 12px; font-weight: 700; white-space: nowrap;}.ofs-pill--confirmed{background: #E4ECFB; color: #1B489C;}.ofs-pill--preparing, .ofs-pill--partial, .ofs-pill--sent{background: #FFF1C7; color: #7A5200;}.ofs-pill--delivered, .ofs-pill--used{background: #DDF3E8; color: #0F6B48;}.ofs-pill--cancelled, .ofs-pill--expired{background: #EEF1F6; color: #5B6880;}.ofs-seg{display: -webkit-box; display: -webkit-flex; display: flex; gap: 4px; padding: 6px; border-radius: 999px; background: rgba(255, 255, 255, 0.8); border: 1px solid rgba(201, 211, 227, 0.7); align-self: flex-start; max-width: 100%; overflow-x: auto; scrollbar-width: none;}.ofs-seg__item{flex: none; height: 46px; padding: 0 20px; border: 0; border-radius: 999px; background: transparent; color: #3B475E; font-size: 14px; font-weight: 500; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; white-space: nowrap; transition: background-color 0.35s cubic-bezier(0.16, 1, 0.3, 1), color 0.35s;}.ofs-seg__item:hover{color: #0B1E46;}.ofs-seg__item.is-on{background: #0B1E46; color: #fff; font-weight: 700; box-shadow: 0 8px 20px -8px rgba(11, 30, 70, 0.6);}.ofs-seg--small .ofs-seg__item{height: 42px;}.ofs-pager{display: -webkit-box; display: -webkit-flex; display: flex; gap: 6px; justify-content: center;}.ofs-pager a{min-width: 44px; height: 44px; border-radius: 999px; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; justify-content: center; background: #fff; color: #0D1B33; font-weight: 700;}.ofs-pager a.is-on{background: #0B1E46; color: #fff;}.ofs-tint-0{--tint: #E4ECFB; --tint-blob: #C7D8F6; --tint-mark: #1B489C;}.ofs-tint-1{--tint: #EFE8FB; --tint-blob: #DCCDF5; --tint-mark: #5B3FA0;}.ofs-tint-2{--tint: #E2F4EF; --tint-blob: #C3E8DD; --tint-mark: #1F7A66;}.ofs-tint-3{--tint: #FCF1DD; --tint-blob: #F6DFAE; --tint-mark: #9A6212;}.ofs-tint-4{--tint: #ECEFF5; --tint-blob: #D6DCE7; --tint-mark: #3B475E;}.ofs .ofs-art{width: 52%; max-width: 160px; height: auto; position: relative; filter: drop-shadow(0 14px 18px rgba(14, 37, 87, 0.18));}.ofs .ofs-art__cap{fill: var(--tint-mark, #1B489C);}.ofs .ofs-art__body{fill: #fff;}.ofs .ofs-art__label{fill: var(--tint-blob, #C7D8F6);}.ofs .ofs-art__dot{fill: #fff;}.ofs-price{display: -webkit-box; display: -webkit-flex; display: flex; align-items: baseline; gap: 8px; -webkit-flex-wrap: wrap; flex-wrap: wrap;}.ofs-price__now{font: 800 20px/1 "Alexandria", "IBM Plex Sans Arabic", sans-serif; color: #0B1E46;}.ofs-price__now small{font: 600 12px "IBM Plex Sans Arabic", system-ui, sans-serif; color: #5B6880;}.ofs-price__was, :where(.ofs) del{color: #8A94A8; text-decoration: line-through; text-decoration-color: #D64545; text-decoration-thickness: 2px;}.ofs-off{position: absolute; top: 14px; left: 14px; z-index: 2; padding: 6px 12px; border-radius: 999px; background: #FFC83D; color: #0B1E46; font: 800 14px/1 "Alexandria", "IBM Plex Sans Arabic", sans-serif; font-style: normal; transform: rotate(-8deg);}.ofs-off--big{top: 22px; left: 22px; font-size: 18px; padding: 8px 16px;}.ofs-off--inline{position: static; display: inline-block; font-size: 11px; padding: 3px 8px; animation: none;}.ofs-stock{position: absolute; top: 14px; right: 14px; z-index: 2; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 999px; background: rgba(255, 255, 255, 0.92); font-size: 12px; font-weight: 600;}.ofs-stock::before{content: ''; width: 7px; height: 7px; border-radius: 50%; background: #2BB673;}.ofs-stock--low::before{background: #F59E0B;}.ofs-stock--out::before{background: #8A94A8;}.ofs-save{padding: 6px 12px; border-radius: 999px; background: #FFF1C7; color: #7A5200; font: 700 13px "Alexandria", "IBM Plex Sans Arabic", sans-serif; white-space: nowrap;}.ofs-savings{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: 14px; padding: 14px 16px; border-radius: 22px; background: #FFC83D; color: #0B1E46;}.ofs-savings__icon{width: 42px; height: 42px; flex: none; border-radius: 50%; background: #0B1E46; color: #FFC83D; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; font: 800 16px "Alexandria", "IBM Plex Sans Arabic", sans-serif;}.ofs-savings__text{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 2px;}.ofs-savings__text > span{font-size: 12px; font-weight: 700; opacity: .75;}.ofs-savings__text b{font: 800 24px/1.1 "Alexandria", "IBM Plex Sans Arabic", sans-serif;}.ofs-savings--big{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; padding: 16px 28px; border-radius: 999px; animation: zoom 0.6s cubic-bezier(0.16, 1, 0.3, 1) 0.9s both;}.ofs-savings--pill{padding: 12px 20px; border-radius: 999px;}.ofs-savings--pill b{font-size: 20px;}.ofs-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 18px;}.ofs-card{position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 6px; padding: 10px; border-radius: 32px; background: #fff; border: 1px solid rgba(201, 211, 227, 0.55); transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.45s; animation: up 0.6s cubic-bezier(0.16, 1, 0.3, 1) both;}.ofs-card:hover{transform: translateY(-6px); box-shadow: 0 30px 60px -34px rgba(11, 30, 70, 0.5);}.ofs-card:hover .ofs-card__media img, .ofs-card:hover .ofs-card__media .ofs-art{transform: scale(1.06) rotate(-3deg);}.ofs-card.is-out{filter: saturate(0.4);}.ofs-card.is-busy{opacity: .7;}.ofs-card__media{position: relative; aspect-ratio: 1; border-radius: 26px; background: var(--tint); display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; overflow: hidden;}.ofs-card__media .ofs-blob{width: 72%; height: 72%; background: var(--tint-blob); animation: none; border-radius: 46% 54% 58% 42% / 44% 46% 54% 56%;}.ofs-card__media img{position: relative; width: 82%; height: 82%; object-fit: contain; mix-blend-mode: multiply; transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);}.ofs-card__media .ofs-art{transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);}.ofs-card__body{padding: 4px 8px 8px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 6px; flex: 1;}.ofs-card__categ{font-size: 12px; font-weight: 600; color: #5B6880;}.ofs-card__name{font: 600 16px/1.6 "Alexandria", "IBM Plex Sans Arabic", sans-serif; color: #0D1B33;}.ofs-card__foot{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: auto; padding-top: 6px;}.ofs-card__limit{font-size: 12px; color: #8A5A00;}.ofs-card:nth-child(4n+2){animation-delay: .05s;}.ofs-card:nth-child(4n+3){animation-delay: .1s;}.ofs-card:nth-child(4n+4){animation-delay: .15s;}.ofs-qty{flex: none;}.ofs-qty__add{width: 48px; height: 48px; border-radius: 50%; border: 0; background: #0B1E46; color: #fff; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1);}.ofs-qty__add svg{width: 20px; height: 20px; stroke-width: 2.4;}.ofs-qty__add:hover{transform: scale(1.06);}.ofs-qty__stepper{display: none; align-items: center; height: 48px; border-radius: 999px; background: #0B1E46; color: #fff; animation: zoom 0.35s cubic-bezier(0.16, 1, 0.3, 1) both;}.ofs-qty__stepper button{width: 40px; height: 48px; border: 0; background: transparent; color: #fff; font-size: 20px;}.ofs-qty__stepper button:disabled{opacity: .3; cursor: not-allowed;}.ofs-qty__stepper b{min-width: 22px; text-align: center; font: 700 15px "Alexandria", "IBM Plex Sans Arabic", sans-serif;}.ofs-qty.has-qty .ofs-qty__add{display: none;}.ofs-qty.has-qty .ofs-qty__stepper{display: -webkit-box; display: -webkit-flex; display: flex;}.ofs-soon{font-size: 12px; font-weight: 600; color: #8A94A8; padding: 8px 12px; border-radius: 999px; background: #EEF1F6;}.ofs-rail{display: grid; grid-auto-flow: column; grid-auto-columns: minmax(240px, 270px); gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 4px 4px 20px;}.ofs-rail > .ofs-card{scroll-snap-align: start;}.ofs-bento{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: minmax(220px, auto); gap: 16px;}@media (max-width: 991px){.ofs-bento{grid-template-columns: repeat(2, minmax(0, 1fr));}}@media (max-width: 575px){.ofs-bento{grid-template-columns: minmax(0, 1fr);}}.ofs-hero{grid-column: span 3; grid-row: span 2; position: relative; overflow: hidden; border-radius: 40px; min-height: 470px; padding: 48px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: flex-end; color: #fff; animation: zoom 0.7s cubic-bezier(0.16, 1, 0.3, 1) both; background: radial-gradient(700px 420px at 85% 110%, #2E63C4 0%, rgba(46, 99, 196, 0) 60%), #0B1E46;}@media (max-width: 991px){.ofs-hero{grid-column: span 2; padding: 32px 26px;}}@media (max-width: 575px){.ofs-hero{grid-column: span 1; min-height: 440px;}}.ofs-hero__art{position: absolute; left: 5%; top: 50%; transform: translateY(-50%); width: 38%; max-width: 340px; aspect-ratio: 1;}@media (max-width: 767px){.ofs-hero__art{opacity: .28; width: 72%; left: -14%;}}.ofs-hero .ofs-blob--a{inset: 0; background: linear-gradient(140deg, #2E63C4, #1B489C);}.ofs-hero .ofs-blob--b{inset: 16%; background: linear-gradient(140deg, #5B8CE8, #2E63C4); animation-duration: 9s; animation-delay: -4s;}.ofs-hero__mark{position: absolute; inset: 30%; width: 40%; height: auto;}.ofs-hero__text{position: relative; max-width: 56%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 20px; align-items: flex-start;}@media (max-width: 767px){.ofs-hero__text{max-width: 100%;}}.ofs-hero__title{font: 800 clamp(38px, 5vw, 64px)/1.35 "Alexandria", "IBM Plex Sans Arabic", sans-serif; letter-spacing: -.01em; color: #fff;}.ofs-hero__lead{max-width: 460px; font-size: 17px; line-height: 1.9; color: #C8D6F0; animation: fade .8s .3s both;}.ofs-hero .ofs-btn{animation: fade .8s .4s both;}.ofs-line--words{display: -webkit-box; display: -webkit-flex; display: flex; gap: .3em;}.ofs-line--words > span:first-child{display: inline-block; animation: rise 0.9s cubic-bezier(0.16, 1, 0.3, 1) 0.08s both;}.ofs-words{display: block; height: 1.45em; overflow: hidden; color: #FFC83D; margin: -.12em 0 -.13em; padding: .12em 0 0;}.ofs-words__track{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; animation: words 9s cubic-bezier(0.7, 0, 0.2, 1) infinite;}.ofs-words__track > span{height: 1.45em; line-height: 1.35;}.ofs-offer{position: relative; overflow: hidden; border-radius: 40px; background: #FFC83D; color: #0B1E46; padding: 28px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; justify-content: space-between; animation: zoom 0.7s cubic-bezier(0.16, 1, 0.3, 1) 0.1s both; transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);}.ofs-offer:hover{transform: translateY(-4px);}.ofs-offer__kicker{position: relative; z-index: 1; font-size: 13px; font-weight: 700; opacity: .7;}.ofs-offer__title{position: relative; z-index: 1; font: 800 clamp(34px, 3.2vw, 44px)/1.3 "Alexandria", "IBM Plex Sans Arabic", sans-serif; margin: 10px 0 16px;}.ofs-offer__seal{position: absolute; left: -46px; bottom: -46px; width: 150px; height: 150px; opacity: .5; animation: spin 16s linear infinite;}.ofs-offer__seal text{font: 700 17px "Alexandria", "IBM Plex Sans Arabic", sans-serif; letter-spacing: 3px; fill: #0B1E46; stroke: none;}.ofs-offer__go{position: relative; z-index: 1; align-self: flex-start; width: 48px; height: 48px; border-radius: 50%; background: #0B1E46; color: #FFC83D; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center;}.ofs-offer__go svg{width: 20px; height: 20px; stroke-width: 2.4;}.ofs-last{border-radius: 40px; background: #fff; border: 1px solid rgba(201, 211, 227, 0.7); padding: 26px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; justify-content: space-between; gap: 12px; color: #0D1B33; animation: zoom 0.7s cubic-bezier(0.16, 1, 0.3, 1) 0.18s both; transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);}.ofs-last:hover{transform: translateY(-4px);}.ofs-last__kicker{font-size: 13px; font-weight: 700; color: #5B6880;}.ofs-last__ref{font: 800 26px/1.4 "Alexandria", "IBM Plex Sans Arabic", sans-serif; word-break: break-word;}.ofs-last__hint{font-size: 13px; color: #5B6880;}.ofs-last .ofs-pill{align-self: flex-start;}.ofs-section{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 22px;}.ofs-section__head{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; -webkit-flex-wrap: wrap; flex-wrap: wrap;}.ofs-cats{display: -webkit-box; display: -webkit-flex; display: flex; gap: 14px; min-height: 300px;}@media (max-width: 991px){.ofs-cats{-webkit-flex-wrap: wrap; flex-wrap: wrap;}}.ofs-cat{flex: 1 1 160px; min-width: 0; min-height: 220px; position: relative; overflow: hidden; border-radius: 36px; padding: 22px; background: var(--tint); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: end; justify-content: flex-end; gap: 6px; transition: flex-grow 0.6s cubic-bezier(0.16, 1, 0.3, 1);}.ofs-cat .ofs-blob{width: 150%; aspect-ratio: 1; top: -40%; left: -25%; background: var(--tint-blob); opacity: .7; animation: none; border-radius: 46% 54% 58% 42% / 44% 46% 54% 56%;}.ofs-cat img{position: absolute; inset: 10% 14% 34%; width: 72%; height: 56%; object-fit: contain;}.ofs-cat__name{position: relative; font: 700 20px/1.3 "Alexandria", "IBM Plex Sans Arabic", sans-serif; color: #0B1E46;}.ofs-cat__more{position: relative; font-size: 13px; font-weight: 600; color: var(--tint-mark); opacity: 0; transform: translateY(8px); transition: opacity .4s, transform .4s;}.ofs-cat:hover{flex-grow: 1.9;}.ofs-cat:hover .ofs-cat__more{opacity: 1; transform: none;}.ofs-marquee{margin: 0 -28px; overflow: hidden; padding: 6px 0;}.ofs-marquee__track{display: -webkit-box; display: -webkit-flex; display: flex; width: max-content; animation: marquee 36s linear infinite;}.ofs-marquee__item{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: 36px; padding: 0 18px; font: 800 64px/1.1 "Alexandria", "IBM Plex Sans Arabic", sans-serif; white-space: nowrap; color: transparent; -webkit-text-stroke: 1.5px #9FB1D3;}.ofs-marquee__item.is-solid{color: #0B1E46; -webkit-text-stroke: 0;}.ofs-marquee__item i{font-style: normal; font-size: 28px; color: #FFC83D; -webkit-text-stroke: 0;}.ofs-product__top{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 40px; align-items: stretch;}.ofs-gallery{flex: 1 1 520px; min-width: 0; display: -webkit-box; display: -webkit-flex; display: flex; gap: 14px;}.ofs-gallery__thumbs{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 12px;}.ofs-gallery__thumb{width: 84px; height: 84px; border-radius: 26px; border: 2px solid transparent; background: #fff; padding: 8px;}.ofs-gallery__thumb img{width: 100%; height: 100%; object-fit: contain;}.ofs-gallery__thumb.is-on{border-color: #0B1E46;}.ofs-gallery__stage{flex: 1; position: relative; min-height: 520px; border-radius: 44px; background: var(--tint); overflow: hidden; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; animation: zoom 0.6s cubic-bezier(0.16, 1, 0.3, 1) both;}.ofs-gallery__stage .ofs-blob--a{width: 74%; aspect-ratio: 1; background: var(--tint-blob);}.ofs-gallery__stage .ofs-blob--b{width: 48%; aspect-ratio: 1; background: #fff; opacity: .45; animation-delay: -5s; animation-duration: 10s;}.ofs-gallery__stage .ofs-art{width: 46%; max-width: 280px;}.ofs-gallery__stage .ofs-stock{top: auto; bottom: 22px; right: 22px;}@media (max-width: 575px){.ofs-gallery__stage{min-height: 360px;}}.ofs-gallery__main{position: relative; width: 70%; max-height: 440px; object-fit: contain; mix-blend-mode: multiply;}.ofs-gallery__main.is-swap{animation: zoom 0.45s cubic-bezier(0.16, 1, 0.3, 1);}@media (max-width: 767px){.ofs-gallery{flex-direction: column-reverse;}.ofs-gallery .ofs-gallery__thumbs{flex-direction: row; overflow-x: auto;}}.ofs-product__info{flex: 1 1 420px; min-width: 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; justify-content: center; gap: 20px; align-items: flex-start;}.ofs-product__name{font: 800 clamp(28px, 3.4vw, 44px)/1.4 "Alexandria", "IBM Plex Sans Arabic", sans-serif; letter-spacing: -.01em;}.ofs-product__lead{font-size: 16px; line-height: 1.9; color: #3B475E; white-space: pre-line;}.ofs-pricebox{align-self: stretch; padding: 22px; border-radius: 30px; background: #fff; border: 1px solid rgba(201, 211, 227, 0.7);}.ofs-pricebox__row{display: -webkit-box; display: -webkit-flex; display: flex; align-items: baseline; gap: 12px; -webkit-flex-wrap: wrap; flex-wrap: wrap;}.ofs-pricebox__now{font: 800 56px/1 "Alexandria", "IBM Plex Sans Arabic", sans-serif; color: #0B1E46;}.ofs-pricebox__now small{font: 600 16px "IBM Plex Sans Arabic", system-ui, sans-serif; color: #5B6880;}.ofs-pricebox .ofs-price__was{font-size: 22px;}.ofs-buy{align-self: stretch; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 12px;}.ofs-buy__add{flex: 1 1 220px; justify-content: space-between; padding: 0 10px 0 24px;}.ofs-buy__total{height: 40px; padding: 0 14px; border-radius: 999px; background: rgba(255, 255, 255, 0.12); display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; gap: 4px;}.ofs-qtybox{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; height: 60px; border-radius: 999px; background: #fff; border: 1px solid rgba(201, 211, 227, 0.7);}.ofs-qtybox button{width: 52px; height: 100%; border: 0; background: transparent; font-size: 22px; color: #0D1B33;}.ofs-qtybox b{min-width: 34px; text-align: center; font: 800 20px "Alexandria", "IBM Plex Sans Arabic", sans-serif;}.ofs-qtybox--sm{height: 48px; background: #F2F4F9; border: 0;}.ofs-qtybox--sm button{width: 42px; font-size: 20px;}.ofs-qtybox--sm b{font-size: 16px;}.ofs-perks{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 8px;}.ofs-perks li{padding: 10px 14px; border-radius: 999px; background: rgba(255, 255, 255, 0.7); font-size: 13px; font-weight: 600;}.ofs-perks li::before{content: '✓'; color: #1B489C; margin-inline-end: 6px;}.ofs-tabs{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 18px;}.ofs-tabs__panel{animation: up 0.45s cubic-bezier(0.16, 1, 0.3, 1) both;}.ofs-desc{display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px;}.ofs-desc__text{grid-column: span 2; padding: 28px; border-radius: 32px; background: #fff; font-size: 16px; line-height: 2; color: #3B475E;}@media (max-width: 767px){.ofs-desc__text{grid-column: auto;}}.ofs-specs{padding: 28px; border-radius: 32px; background: #0B1E46; color: #fff;}.ofs-specs h3{font-size: 18px; margin-bottom: 12px;}.ofs-specs dl{display: grid; grid-template-columns: auto 1fr; gap: 10px 16px; font-size: 14px;}.ofs-specs dt{color: #C8D6F0;}.ofs-specs dd{font-weight: 700;}.ofs-ings{display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 12px;}.ofs-ing{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: 14px; padding: 16px; border-radius: 28px; background: #fff;}.ofs-ing img, .ofs-ing .ofs-blob{position: static; width: 54px; height: 54px; flex: none; object-fit: cover; border-radius: 50%;}.ofs-ing .ofs-blob{background: linear-gradient(135deg, #5B8CE8, #C7D8F6);}.ofs-ing b{font: 600 15px "Alexandria", "IBM Plex Sans Arabic", sans-serif;}.ofs-steps{counter-reset: s; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px;}.ofs-steps li{counter-increment: s; padding: 28px; border-radius: 32px; background: #fff; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 14px; line-height: 1.9; color: #3B475E;}.ofs-steps li::before{content: "0" counter(s); font: 800 56px/1 "Alexandria", "IBM Plex Sans Arabic", sans-serif; color: #C7D8F6;}.ofs-lines{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 12px;}.ofs-cline{position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-items: center; gap: 18px; padding: 14px 18px 14px 14px; border-radius: 36px; background: #fff; border: 1px solid rgba(201, 211, 227, 0.55); transition: opacity .3s, transform .3s; animation: up 0.5s cubic-bezier(0.16, 1, 0.3, 1) both;}.ofs-cline.is-leaving{opacity: 0; transform: translateX(-60px) scale(0.96);}.ofs-cline.is-busy{opacity: .7;}.ofs-cline__media{width: 104px; height: 104px; flex: none; border-radius: 28px; background: var(--tint); display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; overflow: hidden;}.ofs-cline__media img{width: 80%; height: 80%; object-fit: contain; mix-blend-mode: multiply;}.ofs-cline__media .ofs-art{width: 62%;}.ofs-cline__info{flex: 1 1 200px; min-width: 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 4px;}.ofs-cline__name{font: 600 17px "Alexandria", "IBM Plex Sans Arabic", sans-serif; color: #0D1B33;}.ofs-cline__unit{font-size: 13px; color: #5B6880; display: -webkit-box; display: -webkit-flex; display: flex; align-items: baseline; gap: 8px;}.ofs-cline__unit b{font: 700 15px "Alexandria", "IBM Plex Sans Arabic", sans-serif; color: #0B1E46;}.ofs-cline__total{min-width: 120px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-items: flex-end; gap: 4px;}.ofs-cline__total b{font: 800 20px "Alexandria", "IBM Plex Sans Arabic", sans-serif; color: #0B1E46;}.ofs-cline__total small{font-size: 12px; font-weight: 700; color: #8A5A00;}.ofs-cline__remove{width: 44px; height: 44px; border: 0; border-radius: 50%; background: transparent; color: #8A94A8; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center;}.ofs-cline__remove:hover{background: #F2F4F9; color: #B42318;}.ofs-cline__remove svg{width: 18px; height: 18px;}.ofs-cline__warn{flex-basis: 100%; font-size: 12px; color: #8A5A00;}.ofs-cart-empty.is-hidden{display: none;}.ofs-summary{flex: 1 1 340px; max-width: 420px; position: sticky; top: 20px; border-radius: 40px; color: #fff; padding: 28px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 18px; background: radial-gradient(400px 300px at 0% 0%, #2E63C4, rgba(46, 99, 196, 0) 70%), #0B1E46; animation: up 0.6s cubic-bezier(0.16, 1, 0.3, 1) 0.1s both;}.ofs-summary h2{font-size: 22px;}.ofs-summary__rows{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 12px; font-size: 15px;}.ofs-summary__rows > div{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; gap: 12px;}.ofs-summary__rows dt{color: #AFC0E0;}.ofs-summary__rows dd{font-weight: 600;}.ofs-summary__rows del{color: #C8D6F0; text-decoration-color: rgba(214, 69, 69, 0.8);}.ofs-summary__rows .is-save dd{color: #FFC83D; font-weight: 700;}.ofs-summary__total{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; align-items: baseline; padding-top: 16px; border-top: 1px solid rgba(255, 255, 255, 0.12);}.ofs-summary__total span{color: #C8D6F0; font-weight: 600;}.ofs-summary__total b{font: 800 34px/1 "Alexandria", "IBM Plex Sans Arabic", sans-serif;}.ofs-summary__total b small{font: 600 14px "IBM Plex Sans Arabic", system-ui, sans-serif; color: #AFC0E0;}.ofs-summary__fine{font-size: 12px; color: #8FA2C6; text-align: center;}@media (max-width: 991px){.ofs-summary{position: static; max-width: none;}}.ofs-mini{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 8px; font-size: 13px; color: #C8D6F0;}.ofs-mini li{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; gap: 12px;}.ofs-mini b{color: #fff; font-weight: 600;}.ofs-steps-col{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 6px;}.ofs-step{display: -webkit-box; display: -webkit-flex; display: flex; gap: 18px; animation: up 0.55s cubic-bezier(0.16, 1, 0.3, 1) both;}.ofs-step:nth-child(2){animation-delay: .07s;}.ofs-step:nth-child(3){animation-delay: .14s;}.ofs-step__no{width: 44px; height: 44px; flex: none; border-radius: 50%; background: #0B1E46; color: #fff; font: 800 17px "Alexandria", "IBM Plex Sans Arabic", sans-serif; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 0 6px rgba(11, 30, 70, 0.08);}.ofs-step__card{flex: 1; min-width: 0; padding: 24px; border-radius: 36px; background: #fff; border: 1px solid rgba(201, 211, 227, 0.55); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 16px;}.ofs-step__card h2{font-size: 22px;}.ofs-options{display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 12px;}.ofs-options--two{grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));}.ofs-option{position: relative; display: -webkit-box; display: -webkit-flex; display: flex; gap: 12px; align-items: flex-start; padding: 18px; border-radius: 28px; border: 2px solid #E6EAF1; background: #fff; cursor: pointer; text-align: right; transition: border-color .25s, background-color .25s, box-shadow .25s;}.ofs-option input{-webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit--webkit-appearance: none; -moz-appearance: none; appearance: none; width: 22px; height: 22px; flex: none; margin: 2px 0 0; border-radius: 50%; border: 2px solid #C9D3E3; transition: border-width .25s, border-color .25s;}.ofs-option input:checked{border: 7px solid #0B1E46;}.ofs-option:has(input:checked){border-color: #0B1E46; background: #F5F8FE; box-shadow: 0 16px 30px -20px rgba(11, 30, 70, 0.6);}.ofs-option__body{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 6px;}.ofs-option__body b{font: 700 16px "Alexandria", "IBM Plex Sans Arabic", sans-serif;}.ofs-option__body small{font-size: 13px; color: #5B6880; line-height: 1.7;}.ofs-option__body strong{font: 800 20px "Alexandria", "IBM Plex Sans Arabic", sans-serif; color: #0B1E46;}.ofs-option__body .ofs-chip{align-self: flex-start;}.ofs-option--add{align-items: center; justify-content: center; border-style: dashed; color: #1B489C; font-weight: 700; min-height: 120px;}.ofs-option.is-disabled{opacity: .5; cursor: not-allowed;}.ofs-dialog{border: 0; padding: 0; background: transparent; max-width: min(640px, calc(100vw - 32px)); width: 100%;}.ofs-dialog::backdrop{background: rgba(7, 22, 52, 0.5); backdrop-filter: blur(4px);}.ofs-dialog__card{padding: 28px; border-radius: 36px; background: #fff; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 18px; animation: zoom 0.4s cubic-bezier(0.16, 1, 0.3, 1) both;}.ofs-dialog__card h2{font-size: 24px;}.ofs-dialog__actions{display: -webkit-box; display: -webkit-flex; display: flex; gap: 10px; -webkit-flex-wrap: wrap; flex-wrap: wrap;}.ofs-done{align-items: center; text-align: center; padding-top: 32px; max-width: 720px;}.ofs-done__mark{position: relative; width: 140px; height: 140px; animation: zoom 0.6s cubic-bezier(0.16, 1, 0.3, 1) both;}.ofs-done__mark svg{width: 100%; height: 100%;}.ofs-done__ring{fill: #0B1E46; stroke: #2BB673; stroke-width: 5; stroke-dasharray: 340; stroke-dashoffset: 340; animation: draw .8s ease-out .1s forwards;}.ofs-done__check{fill: none; stroke: #FFC83D; stroke-width: 8; stroke-dasharray: 80; stroke-dashoffset: 80; animation: draw .5s ease-out .7s forwards;}.ofs-done__title{font: 800 clamp(34px, 4.6vw, 54px)/1.35 "Alexandria", "IBM Plex Sans Arabic", sans-serif; animation: fade .6s .6s both;}.ofs-done__lead{color: #5B6880; font-size: 16px; animation: fade .6s .75s both;}.ofs-done__actions{display: -webkit-box; display: -webkit-flex; display: flex; gap: 12px; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; animation: fade .6s 1s both;}.ofs-confetti{position: absolute; top: 50%; left: 50%; width: 9px; height: 13px; border-radius: 3px; opacity: 0; animation: burst 1.2s cubic-bezier(0.16, 1, 0.3, 1) 0.45s both;}.ofs-confetti--0{background: #FFC83D; --x: 110px; --y: 0px; --r: 0deg;}.ofs-confetti--1{background: #1B489C; --x: 94px; --y: 61px; --r: 47deg;}.ofs-confetti--2{background: #2BB673; --x: 51px; --y: 115px; --r: 94deg;}.ofs-confetti--3{background: #5B8CE8; --x: -18px; --y: 135px; --r: 141deg;}.ofs-confetti--4{background: #F2789F; --x: -82px; --y: 90px; --r: 188deg;}.ofs-confetti--5{background: #FFC83D; --x: -126px; --y: 32px; --r: 235deg;}.ofs-confetti--6{background: #1B489C; --x: -123px; --y: -37px; --r: 282deg;}.ofs-confetti--7{background: #2BB673; --x: -110px; --y: 0px; --r: 329deg;}.ofs-confetti--8{background: #5B8CE8; --x: -94px; --y: -61px; --r: 376deg;}.ofs-confetti--9{background: #F2789F; --x: -51px; --y: -115px; --r: 423deg;}.ofs-confetti--10{background: #FFC83D; --x: 18px; --y: -135px; --r: 470deg;}.ofs-confetti--11{background: #1B489C; --x: 82px; --y: -90px; --r: 517deg;}.ofs-confetti--12{background: #2BB673; --x: 126px; --y: -32px; --r: 564deg;}.ofs-confetti--13{background: #5B8CE8; --x: 123px; --y: 37px; --r: 611deg;}.ofs-order{border-radius: 36px; background: #fff; border: 1px solid rgba(201, 211, 227, 0.5); overflow: hidden; animation: up 0.5s cubic-bezier(0.16, 1, 0.3, 1) both; transition: box-shadow .4s;}.ofs-order[open]{box-shadow: 0 30px 60px -36px rgba(11, 30, 70, 0.5); border-color: transparent;}.ofs-order summary{list-style: none; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-items: center; gap: 16px; padding: 18px 22px;}.ofs-order summary::-webkit-details-marker{display: none;}.ofs-order__stack{display: -webkit-box; display: -webkit-flex; display: flex;}.ofs-order__thumb{width: 52px; height: 52px; border-radius: 50%; background: var(--tint); border: 3px solid #fff; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; overflow: hidden;}.ofs-order__thumb + .ofs-order__thumb{margin-inline-start: -14px;}.ofs-order__thumb img{width: 76%; height: 76%; object-fit: contain; mix-blend-mode: multiply;}.ofs-order__thumb .ofs-art{width: 70%; filter: none;}.ofs-order__ref{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 2px; min-width: 140px;}.ofs-order__ref b{font: 800 20px "Alexandria", "IBM Plex Sans Arabic", sans-serif; text-align: right;}.ofs-order__ref small{font-size: 13px; color: #5B6880;}.ofs-order__fill{flex: 1;}.ofs-order__amount{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-items: flex-end; gap: 2px; min-width: 110px;}.ofs-order__amount b{font: 800 18px "Alexandria", "IBM Plex Sans Arabic", sans-serif;}.ofs-order__amount small{font-size: 12px; font-weight: 700; color: #8A5A00;}.ofs-order__chev{width: 40px; height: 40px; border-radius: 50%; background: #F4F6FA; color: #5B6880; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.3s, color 0.3s;}.ofs-order__chev svg{width: 18px; height: 18px; stroke-width: 2.4;}.ofs-order[open] .ofs-order__chev{transform: rotate(180deg); background: #0B1E46; color: #fff;}.ofs-order__body{padding: 4px 22px 24px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 18px; animation: fade .4s ease both;}.ofs-order__body .ofs-mini{color: #5B6880;}.ofs-order__body .ofs-mini b{color: #0D1B33;}.ofs-order__meta, .ofs-order__actions{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 10px;}.ofs-track{--step: 1; position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); padding: 22px 12px; border-radius: 28px; background: #F4F6FA;}.ofs-track::before, .ofs-track::after{content: ''; position: absolute; top: 39px; right: calc(100% / 6); height: 4px; border-radius: 2px;}.ofs-track::before{left: calc(100% / 6); background: #E2E7EF;}.ofs-track::after{width: calc((100% / 3) * (var(--step) - 1)); background: linear-gradient(270deg, #1B489C, #5B8CE8); transform-origin: right; animation: grow-x 1s cubic-bezier(0.16, 1, 0.3, 1) both;}.ofs-track li{position: relative; z-index: 1; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-items: center; gap: 8px; font-size: 13px; color: #5B6880;}.ofs-track li i{width: 38px; height: 38px; border-radius: 50%; background: #fff; border: 2px solid #DCE3EE;}.ofs-track li.is-on{color: #0D1B33; font-weight: 700;}.ofs-track li.is-on i{background: #0B1E46; border-color: #0B1E46; box-shadow: inset 0 0 0 10px #0B1E46, 0 0 0 6px #E4ECFB;}@keyframes grow-x{from{transform: scaleX(0);}to{transform: scaleX(1);}}body.ofs--night{background: radial-gradient(780px 520px at 15% -10%, rgba(46, 99, 196, 0.75), rgba(46, 99, 196, 0) 65%), #071634; color: #fff;}body.ofs--night .ofs-ambient span:last-child{background: radial-gradient(circle, rgba(255, 200, 61, 0.22), rgba(255, 200, 61, 0) 65%);}body.ofs--night .ofs-topbar__logo img{filter: brightness(0) invert(1);}body.ofs--night .ofs-footer{background: rgba(255, 255, 255, 0.04);}.ofs-auth{max-width: 1180px; margin: 0 auto; padding: 24px 24px 40px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 48px;}.ofs-auth__intro{flex: 1 1 380px;}.ofs-auth__title{font: 800 clamp(40px, 5.6vw, 68px)/1.35 "Alexandria", "IBM Plex Sans Arabic", sans-serif; letter-spacing: -.01em; color: #fff; margin-bottom: 18px;}.ofs-auth .ofs-line--accent > span{color: #FFC83D;}.ofs-auth__lead{max-width: 420px; font-size: 17px; line-height: 1.8; color: #AFC0E0; animation: fade .8s .3s both;}.ofs-glass{flex: 0 1 460px; width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 16px; padding: 34px; border-radius: 36px; color: #fff; background: linear-gradient(160deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.04)); border: 1px solid rgba(255, 255, 255, 0.14); backdrop-filter: blur(24px); box-shadow: 0 40px 80px -30px rgba(0, 0, 0, 0.6); animation: zoom 0.7s cubic-bezier(0.16, 1, 0.3, 1) 0.15s both;}.ofs-glass h2{font-size: 26px; color: #fff;}.ofs-glass .ofs-field{color: #C8D6F0;}.ofs-glass .ofs-field a{color: #FFC83D;}.ofs-glass .ofs-field input{background: rgba(255, 255, 255, 0.06); border-color: rgba(255, 255, 255, 0.16); color: #fff;}.ofs-glass .ofs-field input::placeholder{color: rgba(200, 214, 240, 0.5);}.ofs-glass .ofs-field input:focus{border-color: #FFC83D; box-shadow: 0 0 0 5px rgba(255, 200, 61, 0.15); background: rgba(255, 255, 255, 0.1);}.ofs-glass .ofs-link{color: #fff; text-align: center; font-size: 13px;}.ofs-glass .ofs-note{background: rgba(255, 255, 255, 0.1); color: #fff;}.ofs-glass .ofs-note--warn{background: rgba(255, 200, 61, 0.18); color: #FFE29A;}.ofs-pass{position: relative; display: block;}.ofs-pass input{width: 100%; padding-left: 54px;}.ofs-pass button{position: absolute; left: 6px; top: 5px; width: 44px; height: 44px; border: 0; border-radius: 14px; background: transparent; color: #AFC0E0; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center;}.ofs-pass button.is-on{color: #FFC83D;}.ofs-pass button svg{width: 20px; height: 20px;}.ofs-strength{display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px;}.ofs-strength i{height: 6px; border-radius: 3px; background: rgba(255, 255, 255, 0.15); transition: background-color .3s;}.ofs-strength[data-level='1'] i:nth-child(-n+1){background: #D64545;}.ofs-strength[data-level='2'] i:nth-child(-n+2){background: #E59A1A;}.ofs-strength[data-level='3'] i:nth-child(-n+3){background: #2BB673;}.ofs-strength[data-level='4'] i{background: #FFC83D;}.ofs-join{flex: 0 1 560px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 18px;}.ofs-join .ofs-glass{flex: none;}.ofs-ticket{position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; border-radius: 34px; overflow: hidden; animation: zoom 0.6s cubic-bezier(0.16, 1, 0.3, 1) both;}.ofs-ticket--pass{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; color: #fff; background: radial-gradient(400px 260px at 0% 0%, #2E63C4, rgba(46, 99, 196, 0) 70%), #0B1E46; box-shadow: 0 40px 70px -40px rgba(0, 0, 0, 0.8); border: 1px solid rgba(255, 255, 255, 0.1);}.ofs-ticket__top{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; padding: 24px 26px 0;}.ofs-ticket__top img{height: 22px; width: auto;}.ofs-ticket__name{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 4px; padding: 18px 26px 22px;}.ofs-ticket__name span{font-size: 12px; color: #AFC0E0;}.ofs-ticket__name b{font: 800 26px "Alexandria", "IBM Plex Sans Arabic", sans-serif;}.ofs-ticket__cut{margin: 0 20px; border-top: 2px dashed rgba(255, 255, 255, 0.22); position: relative;}.ofs-ticket__cut::before, .ofs-ticket__cut::after{content: ''; position: absolute; top: -17px; width: 34px; height: 34px; border-radius: 50%; background: #071634;}.ofs-ticket__cut::before{right: -38px;}.ofs-ticket__cut::after{left: -38px;}.ofs-ticket__bottom{padding: 18px 26px 22px; font-size: 13px; color: #C8D6F0;}.ofs-ticket--link{background: #FFC83D; color: #0B1E46;}.ofs-ticket__main{flex: 1 1 360px; min-width: 0; padding: 24px 26px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 12px;}.ofs-ticket__main h2{font-size: 20px;}.ofs-ticket__main input{width: 100%; padding: 14px 18px; border-radius: 999px; border: 0; background: rgba(255, 255, 255, 0.6); font: 600 13px ui-monospace, Menlo, monospace;}.ofs-ticket__stub{flex: 0 0 210px; padding: 24px 22px; border-right: 2px dashed rgba(11, 30, 70, 0.25); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; justify-content: center; gap: 10px;}@media (max-width: 575px){.ofs-ticket__stub{flex-basis: 100%; border-right: 0; border-top: 2px dashed rgba(11, 30, 70, 0.25);}}.ofs-inv__lead{margin-top: -14px; max-width: 520px; line-height: 1.8;}.ofs-inv__grid{display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px;}.ofs-inv__count{border-radius: 40px; padding: 28px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: 26px; color: #fff; background: radial-gradient(400px 260px at 0% 0%, #2E63C4, rgba(46, 99, 196, 0) 70%), #0B1E46; animation: zoom 0.6s cubic-bezier(0.16, 1, 0.3, 1) both;}.ofs-inv__stats{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 10px; color: #C8D6F0; font-size: 14px;}.ofs-inv__stats li{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: 8px;}.ofs-inv__new{border-radius: 40px; padding: 28px; background: #fff; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 14px; animation: zoom 0.6s cubic-bezier(0.16, 1, 0.3, 1) 0.08s both;}.ofs-inv__new h2{font-size: 22px;}.ofs-inv__list{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 10px;}.ofs-inv__list h2{font-size: 22px; margin: 6px;}.ofs-inv__row{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-items: center; gap: 14px; padding: 12px 16px 12px 12px; border-radius: 999px; background: #fff; animation: up 0.45s cubic-bezier(0.16, 1, 0.3, 1) both;}.ofs-inv__row form{margin: 0;}.ofs-inv__avatar{width: 44px; height: 44px; flex: none; border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; background: #F2F4F9; color: #8A94A8; font: 700 15px "Alexandria", "IBM Plex Sans Arabic", sans-serif;}.ofs-inv__avatar.is-used{background: #E4ECFB; color: #1B489C;}.ofs-inv__who{flex: 1 1 200px; min-width: 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 2px;}.ofs-inv__who b{font: 600 15px "Alexandria", "IBM Plex Sans Arabic", sans-serif;}.ofs-inv__who small{color: #5B6880;}.ofs-ring{position: relative; width: 150px; height: 150px; flex: none;}.ofs-ring svg{width: 100%; height: 100%; transform: rotate(-90deg);}.ofs-ring circle{fill: none; stroke-width: 14;}.ofs-ring__bg{stroke: rgba(255, 255, 255, 0.1);}.ofs-ring__fg{stroke: #FFC83D; stroke-dasharray: 377; stroke-dashoffset: calc(377 * (1 - var(--frac, 0))); animation: ring-in 1.1s cubic-bezier(0.16, 1, 0.3, 1) both;}.ofs-ring__label{position: absolute; inset: 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-items: center; justify-content: center;}.ofs-ring__label b{font: 800 46px/1 "Alexandria", "IBM Plex Sans Arabic", sans-serif;}.ofs-ring__label span{margin-top: 6px; font-size: 12px; color: #AFC0E0;}.ofs-empty{border-radius: 40px; background: #fff; padding: 64px 24px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-items: center; gap: 14px; text-align: center; animation: zoom 0.5s cubic-bezier(0.16, 1, 0.3, 1) both;}.ofs-empty__icon{position: relative; width: 110px; height: 110px; background: linear-gradient(135deg, #C7D8F6, #E4ECFB); display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; color: #1B489C;}.ofs-empty__icon svg{width: 44px; height: 44px; stroke-width: 1.6;}.ofs-empty h2{font-size: 28px;}.ofs-empty p{color: #5B6880;}@media (max-width: 767px){.ofs-topbar{padding: 14px 16px; -webkit-flex-wrap: wrap; flex-wrap: wrap;}.ofs-search{order: 3; flex-basis: 100%; max-width: none;}.ofs-account__name{display: none;}.ofs-page{padding: 4px 14px 32px; gap: 22px;}.ofs-dock{bottom: 12px; max-width: calc(100vw - 20px);}.ofs-dock__cart > span{display: none;}.ofs-footer{margin: 32px 10px 10px;}.ofs-line__total{min-width: 0;}.ofs-auth{padding-top: 8px; gap: 28px;}.ofs-glass{padding: 24px;}}@media (prefers-reduced-motion: reduce){*, *::before, *::after{animation: none !important; transition: none !important;}@view-transition{navigation: none;}}.ofs-inv > .ofs-inv__count{align-self: stretch; max-width: 640px;}.ofs-link-row{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 28px; background: #fff; border: 1px solid rgba(201, 211, 227, 0.55); animation: up 0.45s cubic-bezier(0.16, 1, 0.3, 1) both;}.ofs-link-row__no{width: 40px; height: 40px; flex: none; border-radius: 50%; background: #EEF3FC; color: #1B489C; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; font: 800 15px "Alexandria", "IBM Plex Sans Arabic", sans-serif;}.ofs-link-row__main{flex: 1 1 280px; min-width: 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 4px;}.ofs-link-row__main input{width: 100%; height: 44px; padding: 0 16px; border-radius: 999px; border: 1px solid #DCE3EE; background: #F7F9FC; font: 600 13px ui-monospace, Menlo, monospace; color: #0B1E46;}.ofs-link-row__main b{font: 600 15px "Alexandria", "IBM Plex Sans Arabic", sans-serif;}.ofs-link-row__main small{font-size: 12px; color: #5B6880;}.ofs-link-row .ofs-btn{height: 44px; padding: 0 18px; font-size: 14px;}.ofs-link-row--used, .ofs-link-row--cancelled, .ofs-link-row--expired{background: rgba(255, 255, 255, 0.6);}.ofs-link-row--used .ofs-link-row__no{background: #DDF3E8; color: #0F6B48;}.ofs-cat img.is-product{inset: 8% 18% 34%; width: 64%; mix-blend-mode: multiply;}.ofs-cat__art{position: absolute; inset: 6% 0 30%; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center;}.ofs-cat__art .ofs-art{width: 42%;}.ofs-glass__text{color: #C8D6F0; line-height: 1.8;}.ofs-glass__text b{color: #fff;}.ofs-summary__total > span small{display: block; font-size: 11px; font-weight: 500; color: #8FA2C6;}.ofs-steps-col{gap: 14px;}.ofs-step{align-items: flex-start;}.ofs-step__no{margin-top: 18px;}.ofs-step__card{gap: 18px; padding: 26px 28px;}.ofs-step__card h2{font-size: 24px;}.ofs-options{grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));}.ofs-option{min-height: 92px;}.ofs-option__body{flex: 1; min-width: 0;}.ofs-option__body strong{margin-top: 2px; font-size: 18px;}.ofs-option--add{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 6px; min-height: 92px; font-size: 15px;}.ofs-option.is-disabled{opacity: 1; background: #F7F8FB; border-style: dashed;}.ofs-option.is-disabled .ofs-option__body strong{font-size: 13px; font-weight: 600; color: #8A94A8;}.ofs-summary .ofs-mini{padding-top: 14px; border-top: 1px solid rgba(255, 255, 255, 0.12);}.ofs-summary .ofs-mini li span{overflow: hidden; text-overflow: ellipsis;}.ofs-summary__total b{white-space: nowrap;}.ofs-summary__total b small{display: inline; margin-inline-start: 4px;}.ofs-summary .ofs-btn:disabled{background: rgba(255, 255, 255, 0.14) !important; color: rgba(255, 255, 255, 0.55) !important;}.ofs-error{align-items: center; text-align: center; padding-top: 48px; padding-bottom: 64px;}.ofs-error .ofs-title{justify-content: center; font-size: clamp(32px, 4.6vw, 56px);}.ofs-error__code{font: 800 clamp(90px, 16vw, 180px)/1 "Alexandria", "IBM Plex Sans Arabic", sans-serif; color: transparent; -webkit-text-stroke: 2px #9FB1D3;}.ofs-error__actions{display: -webkit-box; display: -webkit-flex; display: flex; gap: 12px; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: center;}.ofs-cat{-webkit-box-pack: end; justify-content: flex-end; padding: 0; isolation: isolate;}.ofs-cat > img:not(.is-product){position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);}.ofs-cat > img:not(.is-product) ~ .ofs-blob{display: none;}.ofs-cat > img:not(.is-product) ~ .ofs-cat__name, .ofs-cat > img:not(.is-product) ~ .ofs-cat__more{color: #fff;}.ofs-cat:has(> img:not(.is-product))::after{content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(to top, rgba(11, 30, 70, 0.78) 0%, rgba(11, 30, 70, 0.15) 55%, rgba(11, 30, 70, 0) 75%);}.ofs-cat:hover > img:not(.is-product){transform: scale(1.05);}.ofs-cat > img.is-product{inset: 10% 20% 32%; width: 60%; height: 58%; object-fit: contain; mix-blend-mode: multiply;}.ofs-cat .ofs-cat__name, .ofs-cat .ofs-cat__more{margin: 0 22px;}.ofs-cat .ofs-cat__name{margin-bottom: 4px;}.ofs-cat .ofs-cat__more{margin-bottom: 20px;}.ofs-mini li{line-height: 1.7;}.ofs-cline__name{line-height: 1.6;}.ofs-crumbs{line-height: 1.8;}.ofs-btn--clear{height: 44px; gap: 8px;}.ofs-btn--clear svg{width: 17px; height: 17px;}@keyframes spin-soft{to{transform: rotate(360deg);}}.ofs-paystate{align-items: center; text-align: center; padding-top: 56px; padding-bottom: 72px;}.ofs-paystate .ofs-title{justify-content: center; font-size: clamp(30px, 4vw, 48px);}.ofs-paystate__spinner{width: 64px; height: 64px; border-radius: 50%; border: 6px solid #DCE3EE; border-top-color: #0B1E46; animation: spin-soft .9s linear infinite;}.ofs-paystate__icon{width: 72px; height: 72px; border-radius: 50%; background: #FFF1C7; color: #7A5200; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; font: 800 34px "Alexandria", "IBM Plex Sans Arabic", sans-serif;}.ofs-paystate__form{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-items: center; gap: 12px;}.ofs-paystate__form form{display: none;}.ofs-lowstock{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; gap: 10px; padding: 10px 16px; border-radius: 999px; background: #FFF4E5; color: #8A4B00; font-size: 14px; font-weight: 600;}.ofs-lowstock b{font: 800 16px "Alexandria", "IBM Plex Sans Arabic", sans-serif;}.ofs-lowstock i{width: 9px; height: 9px; border-radius: 50%; background: #F59E0B; box-shadow: 0 0 0 4px rgba(245, 158, 11, 0.2);}.ofs-payicons{display: -webkit-box; display: -webkit-flex; display: flex; gap: 6px; margin-top: 10px;}.ofs-payicons img{height: 24px; width: auto; border-radius: 4px; background: #fff; box-shadow: 0 0 0 1px #e3e8f0; padding: 2px 4px;}.ofs-chip--paid{background: #E7F6EC; color: #126B36;}.ofs-capbar{margin: 0 0 22px; padding: 16px 22px; border-radius: 22px; background: #fff; box-shadow: 0 0 0 1px #E3E8F0;}.ofs-capbar__nums{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 8px 26px; font-size: 14px; color: #5B6880;}.ofs-capbar__nums b{color: #0B1E46; font-size: 15px;}.ofs-capbar__over{margin: 10px 0 0; font-size: 14px; font-weight: 600; color: #8A4B00;}.ofs-capbar__over b{color: #B42318;}.ofs-capbar.is-over{background: #FFF4E5; box-shadow: 0 0 0 1px #F7D9A8;}.ofs-card__media.has-photo .ofs-blob{width: 86%; height: 86%; background: #fff; box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.45), 0 18px 40px -22px rgba(11, 30, 70, 0.35);}.ofs-card__media.has-photo img{width: 74%; height: 74%;}.ofs-gallery__stage.has-photo .ofs-blob--a{width: auto; height: 86%; aspect-ratio: 1; background: #fff; box-shadow: 0 0 0 16px rgba(255, 255, 255, 0.45), 0 30px 60px -30px rgba(11, 30, 70, 0.35);}.ofs-gallery__stage.has-photo .ofs-blob--b{display: none;}.ofs-gallery__stage.has-photo .ofs-gallery__main{width: auto; height: 74%; max-width: 70%; max-height: 74%;}.ofs-cline__media:has(img), .ofs-order__thumb:has(img){background: #fff; box-shadow: inset 0 0 0 2px var(--tint);}.ofs-btn--danger{background: #fff; color: #B42318; box-shadow: inset 0 0 0 1.5px #F3C3BD;}.ofs-btn--danger:hover{background: #FEF3F2;}.ofs-order__cancel{margin-inline-start: auto;}.ofs-chip--warn{background: #FEF3F2; color: #B42318;}.ofs-freeship{margin: 4px 0 16px; padding: 12px 14px; border-radius: 18px; background: rgba(255, 255, 255, 0.1); color: #fff; font-size: 13px;}.ofs-freeship p{margin: 0 0 8px;}.ofs-freeship b{color: #FFC83D;}.ofs-freeship__done{display: none; font-weight: 700; color: #9BE7B4;}.ofs-freeship__bar{display: block; height: 6px; border-radius: 999px; background: rgba(255, 255, 255, 0.18); overflow: hidden;}.ofs-freeship__bar i{display: block; height: 100%; border-radius: inherit; background: #FFC83D; transition: width 0.5s cubic-bezier(0.16, 1, 0.3, 1);}.ofs-freeship.is-done .ofs-freeship__todo{display: none;}.ofs-freeship.is-done .ofs-freeship__done{display: block;}.ofs-freeship.is-done .ofs-freeship__bar i{background: #3CCB7F;}.ofs-expiry{font-size: 12px; font-weight: 600; color: #1F7A66; line-height: 1.6;}.ofs-expiry b{font-weight: 700;}.ofs-mini .ofs-expiry{display: block; font-weight: 500;}.ofs-expiry--big{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 4px; align-self: flex-start; padding: 10px 16px; border-radius: 20px; background: #E2F4EF; font-size: 14px;}.ofs-expiry--big small{font-size: 12px; font-weight: 500; color: #5B6880;}.ofs-inst{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 4px;}.ofs-inst select{height: 42px; padding: 0 14px; border-radius: 999px; border: 2px solid #E6EAF1; background: #fff; color: #0D1B33; font: 600 14px "IBM Plex Sans Arabic", system-ui, sans-serif; cursor: pointer;}.ofs-inst__each{font: 700 14px "Alexandria", "IBM Plex Sans Arabic", sans-serif; color: #0B1E46;}.ofs-insts{margin-top: 12px; padding: 14px 18px; border-radius: 24px; background: #F5F8FE;}.ofs-insts h3{margin: 0 0 8px; font: 700 14px "Alexandria", "IBM Plex Sans Arabic", sans-serif; color: #0B1E46;}.ofs-insts ol{margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 6px;}.ofs-insts li{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: 12px; font-size: 13px;}.ofs-insts li b{margin-inline-start: auto; color: #0D1B33;}.ofs-insts li small{min-width: 44px; color: #5B6880;}.ofs-insts li.is-done small{color: #126B36; font-weight: 700;}